body {
  font-family: "Roboto", sans-serif;

  font-size: 14px;

  font-style: normal;

  font-weight: normal;

  line-height: 24px;

  color: #333;
  background-image: radial-gradient(circle at 0% 0%,#f7fdff 0%,rgba(95,213,182,0) 100%),linear-gradient(to bottom,rgba(121,223,255,.7) -10%,rgba(121,223,255,0) 1%),radial-gradient(circle at 95% 0%,#f7fdff 0%,rgba(95,213,182,0) 1%);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;

  /*margin: 0 0 10px 0;*/

  font-family: "Roboto", sans-serif;

  font-weight: bold;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 27px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 22px;
}

h6 {
  font-size: 16px;
}

img {
  width: 100%;
}

ul,
ol {
  margin: 0;

  padding-inline: 0;
}

ul li,
ol li {
  list-style-type: none;
}

li {
  margin: 0 0 10px 0;
}

button {
  display: block;
}

button:focus {
  outline: 1px;
}

a {
  text-decoration: none;

  transition: all ease-in-out 0.4s;
}

a:hover {
  text-decoration: none;

  transition: all ease-in-out 0.4s;
}

.btn-all,
.btn-border {
  padding: 0.5rem 1rem;

  line-height: 1.5;

  border-radius: 20px;

  color: #fff;

  background-color: #2ba3bc;

  border: none;

  font-size: 14px;

  display: inline-block;

  cursor: pointer;

  text-align: center;
}

.btn-border {
  background: transparent;

  border: 1px solid #ff9900;

  color: #333;
}

.btn-danger {
  background: #ab0942;
}

.btn-primary {
  background: #2f0857;

  border: 1px solid #2f0857;
}

.btn-all:hover,
a.btn-all:hover,
.btn-bordert:hover,
a.btn-bordert:hover {
  background: #ff9900;

  color: #fff;
}

.btn-primary:hover {
  background: #ff9900;

  border-color: #2ba3bc;
}

.btn-danger:hover {
  background: #2f0857;

  border-color: #2f0857;
}

.br-none {
  border-radius: 0;
}

.br-3 {
  border-radius: 3px;
}

.form-control {
  height: calc(2rem + 12px);

  border-radius: 5px;

  border: 1px solid transparent;

  box-shadow: none;
}

.form-control:focus {
  outline: none;

  border: 1px solid transparent;
}

.cl-mb-10 {
  margin-bottom: 10px;
}

.cl-mb-20 {
  margin-bottom: 20px;
}

.cl-mb-30 {
  margin-bottom: 30px;
}

.cl-mt-10 {
  margin-top: 10px;
}

.cl-mt-20 {
  margin-top: 20px;
}

.cl-mt-30 {
  margin-top: 30px;
}

.cap {
  text-transform: uppercase;
}

.cl-bullet li {
  list-style-type: disc;

  margin-left: 20px;
}

/* ============== Home Page Css starts ============== --*/

.for-flex {
  display: flex;

  /*padding-bottom: 7px;*/
}

.site-brand {
  margin-right: auto;
}

a.navbar-brand span {
  color: #333;

  font-weight: bold;

  font-size: 25px;
}

.my-nav .btn-primary {
/*  color: #333;*/
}

.my-nav,
.header-bottom {
  background: #fff;

  padding: 0;
}

.my-nav {
  padding: 0px 0 0;
}

.banner .carousel-item {
  height: 100vh;

  background: no-repeat center center scroll;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;
}

.top-header {
  /*background: linear-gradient(to bottom, #000 0%, #263143 100%);*/

  background: #2ba3bc;

  padding: 8px 0;
}

.top-header p {
  color: #fff;

  font-size: 14px;

  text-align: center;

  margin-bottom: 0;
}

.top-header i.fa {
  padding: 0 5px 0 0;

  color: #fff;
}

.top-header a {
  font-size: 13px;

  padding: 5px;

  margin-left: 15px;
}

.top-header a.btn.btn-primary:hover {
  background: #2ba3bc;

  border: 1px solid #2ba3bc;
}

.header-info {
  justify-content: flex-end;
}

.header-info ul li {
  list-style: none;

  display: inline-block;

  margin: 0 20px 0 0;
}

.header-info i.fa.fa-user-circle {
  color: #fff;

  font-size: 25px;
}

.dropdown-toggle::after {
  color: #fff;
}

.header-info ul {
  padding: 0;
}

.header-info ul.dropdown-menu {
  padding: 8px !important;

  background: #fff;

  border: 1px solid #fff;

  border-radius: 0;
}

.header-info ul li.dropdown.login-dropdown:hover ul.dropdown-menu li {
  display: block;
}

.header-info ul.dropdown-menu li a {
  text-decoration: none;

  color: #333;

  font-size: 14px;
}

.common-link ul li a:hover {
  text-decoration: none;

  color: #f29c06;
}

.header-info p.expert {
  color: #fff;
}

.header-info p.expert a {
  display: block;

  color: #fff;
}

.header-info ul li a.btn.btn-primary {
  background: none;

  border: none;

/*  color: #333;*/

  border-radius: 0;

  font-weight: bold;
}

.header-info i.fa.fa-shopping-cart {
  color: #333;
}

.header-info .modal-dialog {
  max-width: 800px;
}

.header-info .modal-body ul li:hover {
  background: #ddd;
}

.header-info .modal-body ul li {
  padding: 10px;

  width: 165px;

  margin-right: 12px;

  margin-bottom: 50px;

  text-align: left;
}

.header-info .modal-body ul li a {
  color: #333;

  font-size: 16px;
}

.header-info .modal-body h5.curr {
  margin-top: 20px;

  font-size: 18px;

  text-align: left;
}

.header-info .modal-header p {
  font-size: 16px;

  text-align: left;
}

.header-info .modal-body ul li a span {
  display: block;
}

.header-info ul li a.btn.btn-primary:hover,
.banner-search button:hover,
.see-block a.btn.btn-primary:hover,
.header-info ul li.newlist:hover {
  background: #2ba3bc;
}

.header-info ul li a.listproperty {
  background: none !important;

  border: none !important;

/*  color: #333 !important;*/

  font-weight: bold;
}

.header-msg-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 5px solid #8711ff;
  border-top: 1px solid #ddd;
  padding: 15px 0;
  /*margin-top: 15px;*/
  gap: 30px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .header-msg-wrap {
    padding: 15px;
  }
  .en-top-header{
    display: none;
  }
}

.header-msg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.e-nepal-rating {
  display: flex;
  gap: 20px;
  align-items: center;
}
.rating-star {
  display: flex;
}
.rating-star i {
  font-size: 16px;
  color: #f8b704;
  margin-right: 6px;
}

.header-msg .img-wrap {
  max-width: 30px;
}
.e-nepal-rating button.btn {
  position: relative;
  width: max-content;
  z-index: 2;
}
.e-nepal-rating button.btn::before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  transform: rotate(45deg);
  top: 10px;
  right: auto;
  z-index: -1;
  background: #00a680;
  left: -10px;
}
.e-nepal-rating .btn-danger:hover,
.e-nepal-rating button.btn:hover::before {
  background: #00a680;
  border: 1px solid #00a680;
}
.e-nepal-rating .based-review {
  font-size: 18px;
  margin: 0;
}

.header-msg .icon-wrap a {
  color: #333;
}

.header-msg .content p {
  margin: 0 30px;

  font-weight: bold;
}

.header-msg .content a {
  color: #333;
}

.banner img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  position: relative;
}

.modal-info button {
  background: none;

  border: none;

  border-radius: 0;

  font-weight: bold;

  font-size: 20px;

  padding: 0 0 10px 0;
}

.my-nav .modal-info button {
  padding-bottom: 0;
}

.modal-info button:hover {
  background: none;
}

.modal-info img {
  border-radius: 100px;

  width: 28px;

  height: 28px;
  margin-right:10px;
}

.lang img {
  margin-right: 10px;
}

.titletip {
  position: relative;

  display: inline-block;
}

.titletip .textTop {
  visibility: hidden;

  min-width: 120px;

  max-width: 150px;

  background-color: #555;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  padding: 5px 5px;

  position: absolute;

  z-index: 1;

  bottom: 125%;

  left: 50%;

  margin-left: -60px;

  opacity: 0;

  transition: opacity 0.3s;
}

.titletip .textTop::after {
  content: "";

  position: absolute;

  top: 100%;

  left: 50%;

  margin-left: -5px;

  border-width: 5px;

  border-style: solid;

  border-color: #555 transparent transparent transparent;
}

.titletip .textBottom {
  visibility: hidden;

  min-width: 200px;

  max-width: 200px;

  background-color: #333;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  padding: 5px 5px;

  position: absolute;

  z-index: 1;

  top: 125%;

  left: 50%;

  margin-left: -100px;

  opacity: 0;

  transition: opacity 0.3s;

  font-weight: bold;

  font-size: 15px;
}

.titletip .textBottom::after {
  content: " ";

  position: absolute;

  bottom: 100%; /* At the top of the tooltip */

  left: 50%;

  margin-left: -5px;

  border-width: 5px;

  border-style: solid;

  border-color: transparent transparent black transparent;
}

.titletip:hover .textTop,
.titletip:hover .textBottom {
  visibility: visible;

  opacity: 0.85;
}

.header-info i.fa.fa-question-circle-o {
  font-size: 30px;

  color: #fff;
}

.header-info span.badge.badge-light {
  background: #f00;

  border-radius: 100px;

  color: #fff;

  top: -7px;

  font-size: 10px;

  line-height: 11px;
}

.banner {
  position: relative;
}

.banner-section {
  /*background: url('../images/banner.jpg');*/

  position: relative;

  height: 550px;

  /*z-index: 1;*/
}

.banner-section:before {
  content: "";

  background: rgb(0 0 0 / 52%);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;
}

.trek-blog .img-wrap {
  position: relative;
}

.trek-blog .img-wrap img {
  transition: all ease-in-out 0.4s;
}

.trek-blog .img-wrap figure,
.hotel-block figure {
  overflow: hidden;
}

.banner-shape {
  position: absolute;

  left: 0;

  bottom: -1px;

  width: 100%;

  z-index: 5;
}

.trek-blog .banner-shape {
  bottom: -1px;

  z-index: 5;

  display: inline-block;
}

.custom-carousel .trek-blog .banner-shape {
  bottom: 30px;
}

.list-carousel .owl-stage {
  margin-bottom: 10px;
}

.custom-carousel .item {
  margin: 0 5px 5px 5px;
}

.banner-section .banner-text {
  position: absolute;

  left: 0;

  right: 0;

  top: 35%;

  width: 65%;

  text-shadow: 0 1px 5px rgb(0 0 0 / 35%);

  margin: 0 auto;
}

.banner-section .banner-text h1 {
  font-size: 40px;
  color: #fff;
font-weight: 700;
text-transform: uppercase;
text-shadow: 0 2px 10px rgb(0 0 0 / 61%);
}

.banner-section .bread-title .bread-para {
    display: inline-block;
    border-top: 2px solid #d6edff;
}
.bread-para p{
  margin-top:10px;
  color: #fff;
}
.bread-para p a {
    margin: 0;
    /*margin-top: 5px;*/
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
.banner-section .bread-title .bread-para span small a {
    font-size:15px;
    color: #fff;
    font-weight: 500;
}
.banner-overlay {
  position: absolute;

  width: 100%;

  height: 500px;

  background: #000;

  opacity: 0.5;

  bottom: 0;
}

.banner .banner-detail {
  position: absolute;

  left: 25%;

  top: 60%;

  transform: translateY(-50%);

  max-width: 730px;
}

.banner-search input,
.banner-search button {
  border-radius: 0px !important;
}

.banner-search button {
  background: #2ba3bc;

  border: 1px solid #2ba3bc;
}

.menu ul li {
  list-style: none;

  display: inline-block;

  margin-right: 20px;

  margin-bottom: 0;
}

nav.navbar.navbar-expand-md.navbar-dark.bg-dark {
  padding: 10px 0;
}

.common-space {
  padding: 30px 0;
}

.menu ul li {
  position: relative;
}

.menu ul li a {
  color: #333;

  font-size: 14px;

  font-weight: 500;

  text-decoration: none;
}

.menu ul li.dp {
  position: relative !important;
}

.commona a:hover {
  color: #2ba3bc;

  text-decoration: none;
}

.menu ul {
  margin-bottom: 0;

  padding-left: 0;
}

.heading .title {
  margin-bottom: 15px;
}

.heading-content .content {
  margin: 0 auto 25px;

  max-width: 750px;
}

.heading-content .content p {
  font-size: 16px;

  /*font-weight: bold;*/

  color: #505050;
}

.hotel-block img {
  width: 100%;

  height: 255px;

  border-radius: 4px 4px 0 0;

  position: relative;

  transition: all ease-in-out 0.4s;
}

.hotel-block figure {
  overflow: hidden;
}

.hotel-wrapper {
  padding-bottom: 0;
}

.hotel-detail {
  padding: 15px;

  border-radius: 8px;

  box-shadow: 0 2px 10px rgb(0 0 0 / 6%);

  background-color: #fff;

  margin-bottom: 30px;

  /*min-height: 275px;*/

  transition: all ease-in-out 0.4s;
}

.hotel-detail h5 {
  text-transform: uppercase;

  font-size: 16px;
}

.hotel-detail a span {
  color: #0a3246;

  font-size: 30px;

  font-weight: 700;

  white-space: nowrap;

  margin-right: 8px;
}

.hotel-detail a.dollor {
  display: block;

  font-size: 13px;

  color: #333;

  text-decoration: none;

  margin-bottom: 15px;
}

.hotel-detail a {
  color: #2f3432;

  text-decoration: none;
}

.hotel-detail a:hover {
  color: #2ba3bc;
}

.hotel-detail p,
.hotel-detail h6 a {
  color: #64828c;
}

.hotel-detail h6 {
  font-size: 15px;
}

.hotel-detail {
  position: relative;
}

.hotel-block:hover {
  box-shadow: 0 5px 10px rgb(0 0 0 / 13%);

  transition: all ease-in-out 0.4s;
}

.hotel-block:hover figure img,
.trek-blog:hover figure img {
  transition: all ease-in-out 0.4s;

  transform: scale(1.2);
}

.see-block {
  position: absolute;

  top: 0;

  right: 0;
}

.reviews {
  position: absolute;

  left: 15px;

  top: 5px;

  background: #fff;

  border-radius: 100px;

  padding: 5px 20px;
}

.reviews b {
  margin-right: 5px;
}

.reviews a {
  color: #333;

  text-decoration: none;
}

.reviews i.fa {
  color: pink;

  font-size: 16px;
}

.reviews i.fa.happy {
  color: yellow;
}

.see-block a.btn.btn-primary {
  background: #ff9900;

  border-color: transparent;

  color: #fff;

  font-size: 20px;

  font-weight: 700;

  padding: 5px 20px;

  border-radius: 0;
}

.purple-bg {
  /*background: #6f0d70;*/

  /*background: #2f0857;*/

  background-image: linear-gradient(to right, #2f0857, #ad0941);
}

.purple-bg h2 {
  text-align: center;

  font-size: 35px;

  font-weight: bold;
}

.purple-bg h2,
.purple-bg p {
  color: #fff;
}

.trek-wrapper img.img-wrap,
.custom-carousel .trek-blog img.img-wrap {
  height: 215px;

  position: relative;

  width: 100%;
}

.trek-wrapper .row {
  margin-bottom: 20px;
}

.trek-wrapper .row:last-child {
  margin-bottom: 0px;
}

.cl-bg {
  background: #fbfbfb;
}

.trek-wrapper.cl-bg {
  padding-bottom: 0;
}

.inner-trek.cl-bg {
  padding-bottom: 8px;
}

/*.trek-wrapper p{

    background: #2f0857;

    padding: 10px;

    border-top: 1px solid #000;

    color: #fff;

    }*/

.trek-like {
  position: absolute;

  background: #fff;

  width: 35px;

  height: 35px;

  top: 10px;

  right: 10px;

  line-height: 40px;

  text-align: center;

  border-radius: 3px;
}

.trek-like i.fa {
  font-size: 20px;

  font-weight: bold;

  color: #00668e;
}

.trek-detail h5 a {
  font-size: 16px;

  text-decoration: none;

  color: #333;

  text-transform: uppercase;
}

.trek-detail h5 a:hover {
  color: #2ba3bc;
}

.trek-blog {
  box-shadow: 0 2px 10px rgb(0 0 0 / 6%);

  position: relative;

  margin-bottom: 30px;

  background: #fff;

  transition: all ease-in-out 0.4s;
}

.trek-detail {
  padding: 0 20px 20px;
}

.trek-blog:hover {
  box-shadow: 0 5px 10px rgb(0 0 0 / 13%);

  transition: all ease-in-out 0.4s;
}

.trek-blog:hover .trek-detail h5 a,
.hotel-block:hover .hotel-detail h5 a {
  color: #ff9900;
}

.trek-blog:hover .btn-all.btn-border {
  background: #ff9900;

  color: #fff;
}

.trek-blog:hover .img-wrap figure img {
  transition: all ease-in-out 0.4s;

  transform: scale(1.2);
}

.overlay {
  position: relative;

  width: 100% !important;

  height: 100%;

  margin-top: -72px;
}

.overlay img {
  height: auto;
}

.test-head {
  position: relative;

  background-image: linear-gradient(to right, #3b0855, #a10943);

  padding: 12px 20px 0 20px;

  text-align: center;

  text-transform: none;

  margin-bottom: 20px;
}

.test-head h2 {
  color: #fff;

  font-size: 37px;

  font-weight: 700;

  padding-bottom: 15px;

  margin-bottom: 0;
}

.test-head:before {
  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  width: 0;

  height: 0;

  border-right: 24px solid white;

  border-top: 35px solid transparent;

  border-bottom: 35px solid transparent;
}

.test-head:after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0;

  height: 0;

  border-left: 24px solid white;

  border-top: 35px solid transparent;

  border-bottom: 35px solid transparent;
}

.test-left p {
  text-align: center;
}

.test-right img {
  height: 665px;
}

.trek-wrapper button.owl-prev,
.transport-carousel button.owl-prev {
  height: 50px;

  width: 50px;

  line-height: 50px !important;

  float: right;

  top: 112px;

  position: absolute;

  right: -20px !important;
}

.trek-wrapper button,
.transport-carousel button {
  font-size: 35px !important;

  background: #efefef !important;

  border-radius: 100px;

  color: #2f0857 !important;
}

.trek-wrapper button.owl-prev span,
.trek-wrapper button.owl-next span,
.transport-carousel button.owl-prev span,
.transport-carousel button.owl-next span {
  right: 18px !important;

  top: -2px;
}

.trek-wrapper button.owl-next,
.transport-carousel button.owl-next {
  height: 50px;

  width: 50px;

  line-height: 50px !important;

  float: left;

  position: absolute;

  top: 112px;

  left: -20px;
}

.trek-overlay .overlay {
  margin-top: -61px;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;

  left: 100%;

  margin-top: -6px;

  margin-left: -1px;

  -webkit-border-radius: 0 6px 6px 6px;

  -moz-border-radius: 0 6px 6px;

  border-radius: 0 6px 6px 6px;
}

.navbar-light .navbar-brand {
  background: -webkit-linear-gradient(#2ba3bc, #2f0857);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  color: #528ce9;

  font-size: 22px;

  font-weight: bold;
}

.dropdown-menu {
  margin-top: 0;

  background: #2ba3bc;
}

.navbar-collapse ul.dropdown li.active a {
  color: #b72233 !important;
}

.dropdown > .dropdown-menu {
  /*top: 200%;*/

  transition: 0.3s all ease-in-out;
}

.dropdown:hover > .dropdown-menu {
  display: block;

  /*top: 50px;*/

  padding: 0;
}

.dropdown:hover > .dropdown-menu img {
  padding-right: 3px;
}

.dropdown:hover > .dropdown-menu li {
  margin: 0;
}

.menus ul {
  height: 75px;

  padding-top: 25px;
}

.dropdown > .dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/

  pointer-events: none;
}

.menu li:hover > ul.dropdown-menu {
  display: block;

  line-height: 40px;

  padding: 0;

  border-radius: 0;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;

  left: 100%;

  margin-top: -6px;

  padding: 0;
}

/* rotate caret on hover */

.dropdown-menu > li > a:hover:after {
  text-decoration: underline;

  transform: rotate(-90deg);
}

.menu li:hover > ul.dropdown-menu li {
  line-height: initial;

  margin: 0;

  width: 100%;

  border-bottom: 1px solid #fff;
}

.menu li:hover > ul.dropdown-menu li a {
  text-transform: capitalize;

  padding: 10px;

  display: block;

  font-size: 15px;
}

.menu li:hover > ul.dropdown-menu li a:hover {
  color: #d6b000;
}

.menu span.caret i.fa {
  color: #d6b000;
}

.menu i.fa.fa-caret-right {
  color: #d6b000;
}

.footer-top {
  color: #fff;

  margin-bottom: 40px;

  font-size: 20px;

  /*background-color: #00b2be;*/
}

.site-footer {
  /*border-top: 1px solid #2ba3bc;*/

  padding-top: 40px;
}

.fd {
  padding: 0;

  background: #fbfcef;

  border: 1px solid #2f0857;

  border-radius: 4px;
}

.social-media ul {
  list-style: none;

  display: flex;

  padding: 0;

  margin: 0;
}

.social-media a {
  margin-left: 14px;

  line-height: 0;

  font-size: 18px;

  color: #2f0857;

  border: 1px solid #2f0857;

  border-radius: 100px;

  padding: 10px;

  background: #fff;
}

.social-media i.fa {
  padding: 0;

  width: 20px;

  height: 20px;

  text-align: center;
}

.social-media a:hover {
  color: #2ba3bc;
}

.social-media {
  padding: 16px;

  line-height: 30px;
}

.social-media ul li {
  margin-right: 18px;

  width: 30px;

  height: 30px;

  margin-bottom: 0;
}

.social-media ul li button {
  font-size: 14px;
}

.social-media ul li.social-btn a {
  border: none;

  padding: 0;
}

.social-media p,
.fd p {
  margin: 0;

  font-size: 20px;
}

.social-media p {
  color: #000;
}

.footer-site .footer-member {
  padding: 8px 0 8px 10px;

  text-align: center;

  background-color: #333;
}

.hide {
  display: none !important;
}

.footer-site .footer-link {
  padding-top: 20px;
}

.list-unstyled {
  padding: 0;

  list-style: none;
}

.footer-search {
  background: #333;

  border-radius: 0;

  height: 80px;
}

.footer-search input {
  border: none;

  border-radius: 0;

  margin-left: 10px;
}

.footer-search button {
  margin: 10px 3px;

  height: 40px;

  border-radius: 0;

  width: 91%;

  float: right;

  font-size: 16px;
}

.footer-search button:hover {
  background: #2ba3bc;

  border: 1px solid #2ba3bc;
}

.fds {
  background: #2f0857;

  padding: 0px 0px 6px 14px;

  line-height: 45px;

  border-radius: 100px;
}

.fds a {
  color: #fff;

  text-decoration: none;

  font-size: 16px;
}

.reg-btn {
  background: #fff;

  border: 1px solid #fff;

  color: #2f0857;

  border-radius: 100px;

  padding: 10px 45px;
}

footer h6 {
  font-size: 17px;

  font-weight: 500;

  /*color: #00b2be;*/

  color: #333;

  padding-bottom: 1rem;

  margin: 0 0 10px 0;

  position: relative;
}

footer h6:after {
  content: "";

  display: block;

  margin-bottom: 1px;

  width: 170px;

  border: 1px solid #ff9900;

  position: absolute;

  bottom: 0px;
}

footer p {
  font-size: 14px;
}

footer a {
  color: #333;
}

footer ul {
  padding-left: 0;

  list-style: none;

  margin-bottom: 30px;
}

footer ul li a {
  color: #333;

  text-decoration: none;

  font-size: 12px;
}

footer i.fa {
  padding-right: 5px;
}
.copyright a {
  color: #2ba3bc;
    font-weight: 500;
    border-bottom: 2px dashed #2ba3bc;
}

.footer-language li {
  list-style: none;

  border: 1px solid #ccc;

  padding: 8px;

  font-size: 16px;

  color: #333;
}

.footer-language li ul.dropdown-menu {
  width: 100%;

  background: none;

  border: none;
}

.footer-language li ul.dropdown-menu li {
  margin: 0;
}

.footer-language i.fa.fa-angle-down {
  float: right;
}

.footer-image {
  position: relative;
}

.footer-login {
  position: absolute;

  top: 30px;

  left: 20px;
}

.footer-login h5 {
  color: #ff9900;
}

.footer-login a.btn {
  border: 1px solid #ee7202;

  color: #333;

  background-color: #fff;

  width: 180px;

  font-weight: 400;
}

.footer-login a.btn:hover {
  background: #ee7202;

  color: #fff;
}

.footer-bottom .foot-head {
  background: #2f0857;

  color: #fff;

  text-align: center;

  padding: 15px 0 30px 0;

  position: relative;

  margin-bottom: 25px;
}

.footer-bottom .content p {
  font-size: 15px;
}

.footer-bottom .foot-head .title {
  color: #fff;

  margin-bottom: 0;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.footer-bottom .sub-title {
  display: inline-block;

  background: #2ba3bc;

  padding: 3px 12px;

  position: absolute;

  bottom: -14px;

  font-size: 16px;

  left: 0;

  right: 0;

  margin: 0 auto;

  width: auto;

  display: inline-table;
}

/*  .footer-bottom .sub-title .cl-t {

    transform: skew(15deg, -1deg);

    }*/

.footer-bottom .foot-mid {
  background: #202020;

  padding: 20px 0 10px;
}

.footer-bottom .foot-logo {
  border-bottom: 1px solid #606060;
}

.footer-bottom .foot-logo ul {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  margin-bottom: 10px;
}

.footer-bottom .foot-logo li {
  margin-left: 10px;
}

.footer-bottom .foot-logo li:first-child {
  margin-left: 0;
}

.footer-bottom .foot-logo img {
  background: #303030;

  opacity: 0.6;

  width: 120px;
}

.footer-bottom .foot-link ul {
  text-align: center;

  margin-bottom: 0;

  padding-top: 20px;
}

.footer-bottom .foot-link li {
  display: inline-block;
}

.footer-bottom .foot-link li a {
  color: #fff;

  font-weight: 500;

  font-size: 14px;

  padding: 0 7px;

  text-align: center;

  opacity: 0.7;
}

.footer-bottom .foot-link li a:hover {
  opacity: 1;
}

.cl-footer-bottom {
  padding: 20px 0;
}

.cl-footer-bottom .footer-img h1 {
  margin-bottom: 0;
}

.cl-footer-bottom h6 {
  padding: 0;

  margin-bottom: 5px;
}

.cl-footer-bottom h6:after {
  display: none;
}

.cl-footer-bottom .footer-contact ul {
  margin-bottom: 10px;
}

.cl-footer-bottom .footer-contact li {
  margin-bottom: 0;

  font-size: 14px;
}

.cl-footer-bottom .social-icon li {
  display: inline-block;

  margin: 0;

  overflow: hidden;
}

.cl-footer-bottom .social-icon a {
  color: #2f0857;

  width: 40px;

  height: 40px;

  background: #ddd;

  border-radius: 50%;

  display: block;

  line-height: 43px;

  text-align: center;
}

.cl-footer-bottom .social-icon a i {
  transition: all ease-in-out 0.4s;

  padding-right: 0;
}

.cl-footer-bottom .social-icon a:hover i {
  transition: all ease-in-out 0.4s;

  transform: rotate3d(1, 1, 1, 15deg);
}

.header-bottom i.fa {
  padding-right: 8px;
}

.menu ul li:active {
  border-bottom: 2px solid #fff !important;
}

/*.new-search{

 background: #2f0857;

 padding: 20px 0 30px 0;

 }*/

.new-search h2,
.new-search ul li a {
  color: #fff;
}

.new-search ul {
  display: inline-flex;
}

.new-search ul li {
  margin-right: 20px;

  list-style: none;
}

.search-sec ul li {
  margin-right: 0;
}

.new-search ul li a {
  text-decoration: none;

  /*font-weight: 800;*/

  font-size: 20px;
}

.new-search ul li a:hover {
  color: #2ba3bc;
}

.new-search i.input-icon {
  padding-right: 0px;

  /*position: absolute;*/

  left: 10px;

  font-size: 20px;

  color: #a8b1b3;
}

.search-sec {
  /*    background: #fff;

    padding: 15px;

    border-radius: 20px;

    width: 80%;

    margin: 0 auto;*/

  color: #fff;

  background: #fff;

  padding: 20px 20px;

  border-radius: 16px;

  margin: -165px auto 0;

  z-index: 999;

  position: relative;

  box-shadow: 0 5px 10px rgb(0 0 0 / 13%);
}

.search-sec .anyquery a {
  color: #2f0857;
}

.search-sec .anyquery a:hover {
  color: #ff9900;
}

.new-search .form-group {
  margin-bottom: 0;
}

/*.search-sec .col-lg-3 {

    padding: 0;

}

.search-sec  .form-extra-field {

    border-right: 1px solid #ccc;

    }*/

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #2f0857;

  color: #fff;
}

.tabs-wrap ul {
  margin-bottom: 25px;

  border-bottom: 2px solid #dee2e6;
}

.tabs-wrap .nav-item {
  margin: 0;
}

.tabs-wrap .nav-item .nav-link {
  padding: 0px 15px;

  color: #333;

  margin-bottom: -2px;

  border-bottom: 3px solid transparent;

  font-size: 15px;

  border-radius: 3px;

  font-weight: bold;
}

.tabs-wrap .nav-pills .nav-link.active,
.tabs-wrap .nav-pills .nav-item.show .nav-link {
  background: transparent;

  border-bottom: 3px solid #370855;

  color: #370855;
}

.search-sec .column {
  width: 100%;
}

.search-des .search-input {
  margin-bottom: 15px;
}

.search-sec .form-extra-field .dropdown {
  text-align: left;
}

.search-sec input,
.search-sec select {
  font-weight: bold;
}

.search-sec ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */

  font-weight: bold;
}

/* .search-sec .form-extra-field .input-icon {

    width: 20px;

}

*/
.search-sec :-ms-input-placeholder {
  /* Internet Explorer 10-11 */

  font-weight: bold;
}

.search-sec ::-ms-input-placeholder {
  /* Microsoft Edge */

  font-weight: bold;
}

.search-slt {
  display: block;

  width: 100%;

  font-size: 0.875rem;

  line-height: 1.5;

  color: #55595c;

  background-color: #fff;

  background-image: none;

  height: calc(2rem + 7px);

  border-radius: 0.3rem;

  /*border: none;*/

  /*border-right: 1px solid #ccc;*/
}

.t-datepicker {
  display: flex;

  /*padding: 0 14px;*/
}

.form-border,
.form-border .cl-desti-1,
.form-border .cl-desti-2 {
  border: 1px solid #ddd;

  position: relative;

  width: 100%;

  font-size: 0.875rem;

  line-height: 1.5;

  color: #55595c;

  background-color: #fff;

  background-image: none;

  /*height: calc(2.7rem + 7px);*/

  border-radius: 0.3rem;
}

.form-border .cl-desti-1,
.form-border .cl-desti-2 {
  display: flex;

  padding: 5px;

  align-items: center;

  border: none;

  height: calc(2rem + 4px);

  padding-left: 10px;
}

.form-border select {
  width: 100%;

  border: none;

  color: #75758a;

  text-indent: 10px;
}

.form-border select:focus-visible,
.form-border select:focus,
.form-border input:focus {
  border: none;

  outline: none;

  box-shadow: none;
}

.search-sec .cl-pd .btn-wrap {
  padding: 0;
}

.search-sec .cl-pd .title {
  position: absolute;

  left: 0;

  top: -25px;

  font-size: 14px;

  font-weight: bold;

  /*color: #5c575e;*/

  color: #fff;

  padding-left: 10px;
}

.search-sec .cl-pd {
  padding: 0 5px;
}

.tabs-wrap .ticket-counter {
  text-align: left;

  color: #370855;
}

.tabs-wrap .ticket-counter .row {
  justify-content: center;
}

.tabs-wrap .ticket-counter .count {
  align-items: center;

  background: transparent;

  border-radius: 10px;

  padding: 10px;
}

.tabs-wrap .ticket-counter .icon i {
  font-size: 50px;

  position: static;

  color: #370855;

  margin-right: 20px;
}

.tabs-wrap .ticket-counter .heading {
  font-weight: bold;
}

.tabs-wrap .ticket-counter .content {
  font-size: 12px;
}

.tabs-wrap .ticket-counter .count:hover {
  background: #efefef;
}

.tabs-wrap .d-flex {
  position: relative;
}

.tabs-wrap .d-flex .title {
  position: absolute;

  top: -27px;

  left: 5px;

  font-size: 14px;

  font-weight: bold;
}

.tabs-wrap .d-flex .t-datepicker .title {
  left: 10px;
}

.new-search .t-datepicker .checkout,
.new-search .t-datepicker .checkin {
  border: none;

  text-indent: 10px;

  width: 100%;
}

.new-search .form-extra-field .dropdown label {
  text-indent: 10px;
}

.search-sec .column {
  width: 100%;

  margin: 0 5px;

  border: 1px solid #686868;

  border-radius: 6px;
}

.search-sec .column.btn-wrap {
  border: none;

  padding: 0;

  border-radius: 20px;

  width: auto;
}

.search-sec .column.inline {
  width: auto;
}

.search-sec .column.inline .t-datepicker {
  display: inline-flex;
}

.t-datepicker .check-in,
.t-datepicker .check-out {
  position: relative;

  display: flex;

  align-items: center;
}

.t-datepicker .check-in {
}

.new-search .t-datepicker .check-out {
  padding-left: 10px;

  border-left: 1px solid rgb(138, 155, 174);
}

.search-sec .anyquery {
  margin-bottom: 8px;
}

.search-sec .column.inline .t-datepicker .checkin:focus,
.search-sec .column.inline .t-datepicker .checkout:focus {
  border: none;

  outline: none;
}

.wrn-btn {
  width: 100%;

  border-radius: 10px;

  font-size: 16px;

  font-weight: bold;

  text-transform: uppercase;

  height: calc(2rem + 6px) !important;

  border-radius: 0;

  background: #00a680;

  border: 1px solid #00a680;

  border-radius: 0.3rem;
}

.search-sec .btn-wrap {
  position: absolute;

  bottom: -20px;

  left: 0;

  right: 0;

  margin: auto;

  width: auto;
}

.search-sec .btn-wrap .wrn-btn {
  padding: 7px 50px;

  width: auto;
}

.search-sec .column .btn-wrap .wrn-btn {
  padding: 10px 35px;

  border-radius: 20px;

  height: auto !important;

  font-size: 14px;
}

input.empty {
  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;
}

.t-check-in,
.t-check-out {
  height: calc(3rem + 2px) !important;
}

.footer-mid {
  padding-top: 40px;

  background: #fbfbfb;
}

.ls {
  padding: 0;
}

.ite {
  padding: 20px 0;

  /*padding-bottom: 25px;*/
}

.ite h3 {
  color: #fff;

  margin: 0;
}

/* ============== Home Page Css ends ============== --*/

/* ============== Contact Page Css starts ============== --*/

.contact-select {
  width: 100%;

  margin-top: 15px;

  margin-bottom: 0;
}

.contact-select select {
  border-radius: 100px;

  border: 1px solid #0f8061;

  height: 45px;
}

.same-btn .btn {
  background: #2ba3bc;

  border: 1px solid #2ba3bc;

  font-weight: bold;

  text-transform: uppercase;

  font-size: 18px;

  width: 40%;

  border-radius: 100px;
}

.same-btn .btn:hover {
  background: #713670;

  border: 1px solid #713670;
}

.contact-wrapper label,
.contact-wrapper p {
  font-size: 16px;
}

/*New css Adds*/

.newtabs ul li a {
  color: #fff;

  font-size: 15px;

  padding: 10px;
}

.newtabs ul li {
  margin-top: 6px;

  margin-bottom: 0;
}

.newtabs ul li.active a {
  color: #fff;

  font-weight: normal;

  font-size: 15px;

  /*background:#06415b;*/
}

.newtabs .nav-tabs > li.active > a,
.newtabs .nav-tabs > li.active > a:focus,
.newtabs .nav-tabs > li.active > a:hover,
.newtabs a.active.show {
  background: transparent;

  border: none;
}

.newtabs .tab-pane.active .nav-tabs > li > a.active {
  color: #f90;
}

.newtabs ul {
  border: none;

  background: rgb(47 154 177);

  margin-bottom: 0;

  /*padding:5px 15px;*/
}

.newtabs label {
  color: #fff;
}

.newtabs .tab-content {
  background: rgb(47 154 177);

  padding: 0 10px;

  border-radius: 5px;
}

.search-sec {
  background: #2ba3bc;
}

.tabs-wrap .nav-pills .nav-link.active,
.tabs-wrap .nav-pills .nav-item.show .nav-link {
  color: #fff;
}

.pk {
  padding-left: 20px;
}

.newtabs input,
.newtabs select,
.pw {
  /*border: 1px solid rgba(84, 84, 84, 0.85);*/
  border: none;

  height: 47px;

  color: #848484;

  font-weight: 500;

  border-radius: 0;
}

.newtabs input.pws {
  height: 45px;
}

.sw {
  width: 26%;
}
.sk {
  width: 33%;
}
.tab-btn button {
  background: #06415b;

  color: #fff;

  font-weight: 500;

  padding: 8px 35px;

  font-size: 18px;

  border-radius: 2px;
}

.tab-btnp {
  padding-top: 40px;
}

.single-tab-info {
  margin-top: 20px;
}

.single-tab .tabs-list {
  margin-bottom: 20px;

  /*box-shadow:0 0 4px;*/
}

.single-tab .tabs-list ul {
  padding-left: 20px;
}

.single-tab .tabs-list ul li {
  position: relative;
}

.single-tab .tabs-list ul li:after {
  font: normal normal normal 14px/1 FontAwesome;

  color: #008000;

  content: "\f00c";

  left: -22px;

  font-size: 20px;

  position: absolute;

  top: 3px;
}

.single-tab .tabn-list ul li:after {
  color: #e54028;

  content: "\f00d";
}

.single-tab .tab-pane {
  margin-top: 20px;
}

.single-tab .nav-tabs .nav-link.active,
.single-tab .nav-tabs .nav-item.show .nav-link {
  color: #fff;

  background-color: #2ca3bc;
}

.single-tab .nav-tabs .nav-link {
  background: #000;

  color: #fff;
}

.newbanner {
  top: 10% !important;

  width: 80% !important;
}

.newbanner .tab-pane {
  padding-bottom: 40px;
}

.newblock img {
  height: 450px;

  object-fit: cover;
}

.newblock {
  position: relative;
}

.newblock .img-wrap {
  position: relative;
}

.newblock .newblock-text {
  position: absolute;

  bottom: 0px;

  background: #fff;

  width: 50%;

  margin: 0 auto;

  left: 0;

  padding: 20px;

  border-radius: 0 30px 0 0;

  box-shadow: 0 1px 5px rgb(0 0 0 / 24%);

  right: 0;

  z-index: 1;
}

.newblock .newblock-text p {
  background: #312657;

  color: #fff;

  font-size: 21px;

  padding: 10px;

  display: inline-block;

  margin-bottom: 0;

  font-weight: 500;
}

.newblock .newblock-text p span {
  color: #fbeb5c;

  padding: 0 5px;
}

.newtransport {
  background: #ddd;
}

.mlo {
  margin-left: 0;
}

.mlo select {
  border: 0;

  border-radius: 0;

  margin-right: 15px;
}

.nes {
  width: 100%;

  background: #fff;
}

.newinfo input,
.newinfo a {
  background: #f2f2f3;

  border: 1px solid #f2f2f3;

  padding: 10px;

  font-size: 18px;

  border-radius: 0;

  height: 45px;
}

.newinfo span {
  position: absolute;

  bottom: 8px;

  right: 29px;

  font-size: 18px;
}

.newinfo input.empty {
  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;
}

.newinfo ::placeholder {
  color: #000;

  opacity: 1; /* Firefox */

  padding-left: 5px;
}

.newinfo :-ms-input-placeholder {
  /* Internet Explorer 10-11 */

  color: #000;

  padding-left: 5px;
}

.newinfo ::-ms-input-placeholder {
  /* Microsoft Edge */

  color: #000;

  padding-left: 5px;
}

.newinfo input::placeholder {
  padding-left: 10px;
}

.newspace a {
  display: block;

  text-align: center;
}

.newspace i.fa {
  color: #000;
}

/*.newb{

  padding:0;

  }*/

.newinfo,
.newinfo .form-control:disabled,
.newinfo .form-control[readonly] {
  background: #f2f2f3;
}

.newinfo .col {
  border-right: 3px solid #f8f9fa;
}

.newinfo .col:last-child {
  border-right: none;
}

.newinfo .bluesearch {
  background: #f90;
}

.newinfo .bluesearch button {
  background: #f90;

  border: none;

  width: 100%;

  height: 45px;
}

.newinfo .bluesearch a {
  background: #2f0857;
}

.newinfo .bluesearch i.fa {
  color: #fff;
}

/*.newbl{

  padding-right:0;

  }*/

.bookflight-desc {
  background: #2ba3bc;

  color: #fff;
}

.bookflight-desc .title {
  color: #fff;
}

/*.bookflight{

    background:#02c6d8;

    padding:20px 0;

    margin:30px 0 0 0;

    }*/

.pd-0 {
  padding: 0;
}

.cl-section .cl-wrap {
  background: #fff;

  box-shadow: 0 1px 5px rgb(0 0 0 / 18%);

  border-radius: 0 10px 0 0;
}

.cl-section .cl-wrap img {
  height: 300px;

  object-fit: cover;

  width: 100%;

  border-radius: 10px 0 0 0;
}

.cl-section .cl-wrap .content {
  padding: 30px;
}

.whiteblock {
  background: #fff;

  padding: 15px;

  border-radius: 4px;

  box-shadow: 0 1px 5px rgb(0 0 0 / 18%);

  margin: 20px 0;
}

.whiteblock a {
  font-size: 16px;

  color: #000;

  /*font-weight:bold;*/
}

.place-sec .place-wrap {
  position: relative;
}

.place-sec .place-wrap .img-wrap:before {
  content: "";

  position: absolute;

  background: rgb(0 0 0 / 25%);

  left: 0;

  right: 0;

  border-radius: 5px;

  top: 0;

  width: 100%;

  height: 100%;
}

.place-sec .place-wrap .img-wrap img {
  border-radius: 5px 5px 0 0;
}

.place-sec .place-detail {
  position: absolute;

  top: 70px;

  color: #fff;

  left: 0;

  right: 0;

  text-align: center;

  border-radius: 5px 5px 0 0;
}

.place-sec .place-detail .content {
  margin-bottom: 20px;
}

.place-sec .place-detail .title {
  color: #fff;

  margin: 10px 0;
}

.place-sec .place-detail .img-btn {
  margin-top: 20px;
}

.place-sec .title-bar {
  background: #2ba3bc;

  margin-bottom: 0;

  padding: 5px 15px;

  color: #fff;

  font-size: 16px;

  text-align: center;

  font-weight: bold;
}

/* ============== Contact Page Css ends ============== --*/

/* ============== Account Page Css starts ============== --*/

.account-left h4 span {
  color: #0f8061;
}

.acc-btn .btn {
  background: none;

  border-radius: 100px;

  border: 1px solid #0f8061;

  color: #333;

  font-size: 14px;
}

.acc-btn .btn:hover {
  background: #2ba3bc;

  color: #fff;

  border: 1px solid #2ba3bc;
}

.account-left a {
  color: #333;

  text-decoration: none;
}

.account-left a:hover {
  color: #2ba3bc;
}

.account-left input {
  border-radius: 100px;

  border: 1px solid #0f8061;
}

.account-btm {
  background: #0f8061;

  padding: 50px 15px;
}

.account-btm ul {
  list-style: none;

  display: inline-flex;

  padding: 0;
}

.account-btm h6 {
  color: #fff;

  font-size: 20px;

  margin-bottom: 20px;
}

.account-btm ul li a {
  color: #fff;

  font-size: 18px;

  padding: 5px 15px;

  border-radius: 100px;

  border: 1px solid #fff;
}

.account-btm i.fa {
  padding-right: 5px;
}

.account-btm ul li {
  margin-right: 20px;
}

.account-right p {
  margin-bottom: 0;
}

.account-right .input-group-text {
  background: none;

  border: none;

  padding: 0 0 5px 0;
}

.account-right {
  background: #d1e4ec;

  padding: 20px;
}

.account-right h4 span {
  color: #5dadcb !important;

  padding-right: 5px;
}

.account-right h5 {
  color: #9a9696;

  font-weight: normal;
}

.account-right input[type="checkbox"] {
  margin-right: 5px;
}

.account-right .btn {
  background: #0f8061;

  color: #fff;

  width: 100%;
}

.footer-language img {
  width: auto;
}

/* ============== listing page leftbar  ============== --*/

.filter-section {
  border: 1px solid #ddd;

  padding: 5px;

  margin-bottom: 20px;

  border-radius: 6px;
}

.filter-section li {
  margin-bottom: 0;
}

.filter-section .title {
  font-size: 14px;

  background: #2ba3bc;

  padding: 10px 5px;

  color: #fff;
}

.filter-section .filter-wrap {
  padding: 10px;
}

.filter-section .filter-wrap li:last-child {
  margin-bottom: 0;
}

.filter-section .filter-wrap span {
  float: right;
}

.filter-section .filter-wrap label {
  color: #333;

  font-weight: 600;
}

.filter-section .filter-wrap input[type="checkbox"] {
  margin-right: 5px;
}

.sub-title {
  margin-bottom: 20px;
}

.sub-title .switch {
  position: relative;

  display: inline-block;

  width: 40px;

  height: 17px;

  margin-right: 10px;

  margin-bottom: 0;
}

.sub-title .switch input {
  opacity: 0;

  width: 0;

  height: 0;
}

.on-slider {
  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #b9b6b6;

  -webkit-transition: 0.4s;

  transition: 0.4s;
}

.sub-title .on-slider:before {
  position: absolute;

  content: "";

  height: 17px;

  width: 20px;

  left: 0;

  bottom: 0;

  background-color: white;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
}

.sub-title input:checked + .on-slider {
  background-color: #2196f3;
}

.sub-title input:focus + .on-slider {
  box-shadow: 0 0 1px #2196f3;
}

.sub-title input:checked + .on-slider:before {
  -webkit-transform: translateX(26px);

  -ms-transform: translateX(26px);

  transform: translateX(26px);
}

.sub-title .on-slider.round {
  border-radius: 34px;
}

.sub-title .on-slider.round:before {
  border-radius: 50%;
}

.filter-section .filter-wrap .sub-title span {
  float: none;
}

.custom-nav-tab {
  flex-wrap: nowrap;

  border-bottom: 1px solid #2f0857;

  padding-bottom: 7px;

  margin-bottom: 20px !important;
}

.custom-nav-tab .nav-item .nav-link {
  border: 1px solid #2f0857;

  color: #2f0857;

  border-radius: 4px;

  text-align: center;

  line-height: 1.4;

  padding: 9px 37px;

  margin-left: 10px;
}

.custom-nav-tab .nav-item .nav-link.active,
.custom-nav-tab .nav-item .nav-link.active .cap {
  color: #fff;
}

.custom-nav-tab .nav-item .nav-link.active .cap {
  margin-bottom: 0;
}

.custom-nav-tab .nav-item .nav-link span {
  font-size: 12px;
}

.custom-nav-tab .nav-item:first-child .nav-link {
  margin-left: 0;
}

.search-des .form-group .form-control,
.search-des .form-border {
  border: 1px solid #2f0857;

  margin-bottom: 20px;
}

.search-des .form-border {
  height: 45px !important;
}

.search-des .desti-date.form-group {
  position: relative;

  /*margin-right: 10px;*/

  margin-bottom: 0;
}

.search-des .desti-date.form-group:last-child {
  margin-right: 0;
}

.search-des .form-group i {
  position: absolute;

  right: 0;

  color: #fff;

  background: #2f0857;

  height: 45px;

  line-height: 45px;

  width: 32px;

  text-align: center;

  border-radius: 0 5px 5px 0;
}

.search-des .form-group .form-control.btn-all {
  border: 1px solid transparent;

  height: 45px;
}

.sidebar .title span {
  color: #2f0857;

  font-weight: 600;
}

.sidebar .left-tab .title {
  margin-bottom: 23px;
}

.related-post .title i {
  font-size: 12px;

  display: block;

  color: #007bff;

  margin-top: 4px;
}

.related-post .title small {
  display: inline-block;

  margin-left: 5px;

  font-size: 14px;
}

.related-post .related-wrap .content {
  width: 75%;

  padding: 15px 15px 0 0;
}

.related-post .related-wrap .content h6 {
  margin-bottom: 5px;

  line-height: 0.6;
}

.related-post .related-wrap li.r-item {
  display: flex;

  border: 1px solid #ddd;

  margin-bottom: 10px;
}

/*.related-post .related-wrap li:last-child {

    margin-bottom: 0;

    }*/

.related-post li .img-wrap {
  width: 25%;

  margin-right: 15px;
}

.related-post li .img-wrap img {
  height: 150px;
}

.related-post .related-wrap .rating li {
  display: inline-block;
}

.related-post .related-wrap .review-text {
  display: flex;

  align-items: center;

  margin-bottom: 10px;
}

.related-post .related-wrap .review-text .number {
  background: #2f0857;

  color: #fff;

  margin-bottom: 0;

  padding: 5px;

  border-radius: 15px 15px 0 15px;

  margin-right: 12px;
}

.related-post .related-wrap .review-text p {
  font-size: 16px;

  font-weight: 500;

  color: #666;

  margin-bottom: 0;
}

.related-post .related-wrap .review-text p span {
  display: block;

  line-height: 1.1;

  font-size: 13px;
}

.related-post .related-wrap .price-per {
  text-align: right;
}

.related-post .related-wrap .price-per p {
  line-height: 1.1;

  font-size: 18px;

  color: #2ba3bc;

  margin-bottom: 10px;
}

/* ============== Listing page right ============== --*/

.listing-wrap {
  border: 1px solid #ddd;

  padding: 15px;

  margin-bottom: 20px;
}

.listing-wrap .content-wrap .title,
.rating,
.listing-wrap li,
.rating li {
  display: inline-block;

  margin-bottom: 0;
}

.listing-wrap .content-wrap .title a {
  color: #333;
}

.listing-wrap .content-wrap .title a:hover {
  color: #ff9900;
}

.rating i {
  color: #efba15;
}

.listing-wrap .content-wrap .location li,
.listing-wrap .content-wrap .location li a {
  color: #2ba3bc;
}

.listing-wrap .content-wrap small {
  border-bottom: 1px solid #c5c5c5;

  font-size: 13px;

  margin-bottom: 5px;

  display: block;

  padding-bottom: 2px;
}

.listing-wrap .content-wrap p {
  font-size: 14px;

  line-height: 1.28;
}

.listing-wrap .img-wrap {
  position: relative;
}

.included {
  color: #fff;

  background: #2f0857;

  position: absolute;

  top: calc(50% - 20px);

  left: -35px;

  padding: 3px 10px;

  border-radius: 2px;

  font-size: 13px;
}

.included:before {
  content: "";

  height: 100%;

  border-left: 16px solid transparent;

  border-right: 2px solid transparent;

  border-top: 15px solid #2f0857;

  position: absolute;

  left: 0;

  top: calc(100% - 1px);
}

.listing-wrap .right-wrap {
  text-align: right;
}

.left-content .cancle {
  background: #2f0857;

  display: inline-block;

  color: #fff;

  padding: 8px 15px;

  border-radius: 7px 7px 0 0;

  font-size: 16px;

  margin-bottom: 0;
}

.listing-wrap .right-wrap .review-text {
  display: flex;

  justify-content: end;

  align-items: center;

  margin-bottom: 10px;
}

.listing-wrap .right-wrap .review-text p {
  font-size: 16px;

  font-weight: 500;

  color: #333;

  margin-bottom: 0;
}

.listing-wrap .right-wrap .review-text span {
  display: block;

  font-weight: normal;

  color: #666666;

  font-size: 13px;

  line-height: 1.2;
}

.listing-wrap .right-wrap .review-text .number {
  background: #2f0857;

  color: #fff;

  margin-bottom: 0;

  padding: 5px;

  border-radius: 6px 6px 6px 0;

  margin-left: 7px;
}

.listing-wrap .right-wrap .cost {
  margin-bottom: 10px;
}

.listing-wrap .right-wrap li {
  display: block;

  font-size: 14px;

  font-weight: bold;

  font-style: italic;
}

.listing-wrap .right-wrap li.usd {
  font-size: 20px;

  color: #007bff;
}

.listing-wrap .right-wrap small {
  display: block;

  font-size: 13px;

  margin-bottom: 10px;
}

.custom-pagination {
  border: 1px solid #ddd;

  padding: 9px 15px;
}

.custom-pagination li {
  font-size: 16px;

  margin-left: 7px;

  margin-bottom: 0;
}

.custom-pagination li:first-child {
  margin-left: 0;
}

.custom-pagination .page-link {
  border: none;
}

.custom-pagination .page-link.active,
.custom-pagination .page-link:focus {
  background: #e9ecef;

  box-shadow: none;
}

/*.treklisting-page  {

    padding-bottom: 0;

    }*/

.treking-location {
  margin-top: 20px;
}

.treking-location li {
  display: inline-block;

  background: #ededed;

  box-shadow: 0 2px 3px rgb(0 0 0 / 18%);

  padding: 11px 15px;

  margin-right: 15px;

  margin-bottom: 15px;

  border-radius: 6px;
}

.treking-location li:last-child {
  margin-right: 0;
}

.treking-location li a {
  color: #666666;

  display: flex;
}

.treking-location li a i {
  border-radius: 5px;

  color: #ffffff;

  margin-right: 10px;

  width: 30px;

  height: 29px;

  line-height: 30px;

  text-align: center;

  background: #2f0857;
}

.treking-location .right {
  line-height: 1.1;

  color: #9f9b9b;

  font-size: 11px;
}

.treking-location li strong {
  display: block;

  margin-top: 5px;

  font-size: 14px;

  color: #666;
}

.treking-location li:nth-child(1) a i {
  background: #2f0857;
}

.treking-location li:nth-child(2) a i {
  background: #2ba3bc;
}

.treking-location li:nth-child(3) a i {
  background: #47b4ff;
}

.treking-location li:nth-child(4) a i {
  background: #ff8100;
}

.treking-location li:nth-child(5) a i {
  background: #000;
}

.treking-location li:nth-child(6) a i {
  background: #1f8b12;
}

.treking-location li:nth-child(7) a i {
  background: #0020ff;
}

.treking-location li:nth-child(8) a i {
  background: #cc00ff;
}

.treking-location li:nth-child(9) a i {
  background: #0037ff;
}

.treking-location li:nth-child(10) a i {
  background: #7f8385;
}

/* ============== partner css ============== --*/

.partner-text {
  text-align: center;

  display: flex;

  justify-content: center;

  padding: 30px 0;
}

.partner-text .left-wrap {
  border-right: 2px solid #ddd;

  padding: 15px 30px 30px 30px;
}

.partner-text .right-wrap {
  border: none;
}

.partner-text p {
  text-transform: uppercase;

  margin-bottom: 0;

  font-size: 18px;

  color: #a3a1a1;
}

.partner-text .left-wrap strong {
  display: block;

  font-size: 48px;

  margin-bottom: 15px;
}

.partner-text .right-wrap span {
  color: #a3a1a1;

  max-width: 365px;

  display: block;

  font-size: 30px;

  line-height: 1.3;
}

.partner-form {
  max-width: 480px;

  margin: 0 auto;

  margin-top: 15px;
}

.partner-form .title {
  font-size: 18px;

  text-transform: uppercase;

  text-align: center;

  color: #666;
}

.partner-form .day-check {
  margin-bottom: 10px;
}

.check .form-group {
  margin-bottom: 20px;
}

.check .form-group input {
  width: 20px;

  height: 20px;

  margin-right: 10px;
}

.check .form-group label {
  color: #a3a1a1;

  font-size: 16px;

  margin-left: 7px;

  margin-right: 15px;
}

.partner-form button {
  float: right;
}

/* ============== Contact form ============== --*/

.contact-form {
  max-width: 500px;

  margin: 0 auto;
}

.contact-page p {
  margin-bottom: 10px;

  font-size: 22px;
}

.contact-page span {
  font-size: 16px;

  margin-right: 30px;
}

.contact-form .btn-all {
  width: 100%;
}

/* ============== third page css ============== --*/

.right-wrap .facility li {
  display: inline-block;

  text-align: center;

  padding: 4px 10px;

  font-size: 13px;

  background: #333;

  margin-right: 5px;

  color: #fff;

  border-radius: 3px;
}

.right-wrap .facility li i {
  margin-right: 5px;
}

.right-wrap .facility li:last-child {
  margin-right: 0;
}

.right-wrap .facility li:nth-child(1) {
  background: #2ba3bc;
}

.right-wrap .facility li:nth-child(2) {
  background: #2f0857;
}

.right-wrap .facility li:nth-child(3) {
  background: #1d82d9;
}

.right-wrap .facility li:nth-child(4) {
  background: #ee7202;
}

.right-wrap .desc-wrap {
  display: flex;
}

.right-wrap .desc-wrap .review-text {
  display: flex;

  align-items: center;

  margin-bottom: 10px;

  margin-left: auto;
}

.right-wrap .desc-wrap .review-text .number {
  background: #2f0857;

  color: #fff;

  margin-bottom: 0;

  padding: 18px 12px;

  border-radius: 50px 50px 0 48px;

  margin-right: 12px;

  font-size: 17px;
}

.right-wrap .desc-wrap .review-text p {
  font-size: 16px;

  font-weight: 500;

  color: #666;

  margin-bottom: 0;
}

.right-wrap .desc-wrap .review-text p span {
  display: block;

  line-height: 1.1;

  font-size: 13px;
}

.right-wrap .desc-wrap .review-text .treviews {
  color: #007bff;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slider-for .img-thumb {
  height: 417px;

  width: 100%;

  object-fit: contain;
}

.slider-for img {
  height: 413px;

  width: 100%;

  object-fit: cover;
}

.slider-nav .item-img {
  height: 135px;

  background: #000;

  object-fit: cover;

  cursor: pointer;
}

.slider-nav img {
  height: 135px;

  opacity: 0.5;
}

.slider-nav .item-img.slick-center img,
.slider-nav .item-img:hover img {
  opacity: 1;
}

.most-facility p {
  font-size: 18px;

  font-weight: 600;
}

.most-facility li {
  display: inline-block;

  margin-right: 10px;
}

.most-facility li:last-child {
  margin-right: 0;
}

.most-facility li i {
  color: #2f0857;

  margin-right: 6px;
}

.changedate-sec .date-section {
  background: #2f0857;

  padding: 30px 0;

  margin-bottom: 40px;
}

.changedate-sec .change-sec {
  background: none;

  padding: 0;

  border-radius: 0;

  width: 100%;

  margin: 0;
}

.form-extra-field {
  display: flex;

  align-items: center;

  background: #fff;

  padding-left: 10px;

  position: relative;

  height: calc(2rem + 7px) !important;

  border-radius: 0.3rem;
}

.changedate-sec .t-datepicker .check-in,
.changedate-sec .t-datepicker .check-out {
  height: calc(2rem + 7px) !important;

  border-radius: 0.3rem;

  background: #fff;

  /*margin-bottom: 7px;*/

  padding: 0 14px;
}

.changedate-sec .t-datepicker .search-slt {
  border-right: 0;
}

.changedate-sec .t-datepicker .check-in {
  border-radius: 0.3rem 0 0 0.3rem;
}

.changedate-sec .t-datepicker .check-out {
  border-radius: 0 0.3rem 0.3rem 0;
}

.form-extra-field .search-slt {
  border-radius: 0.3rem;
}

.change-sec .form-extra-field .search-slt,
.changedate-sec .t-datepicker .search-slt {
  border: none;
}

/*.form-extra-field .input-icon {

  color:#3e3e3e;

  font-size: 25px;

  }*/

.form-extra-field .render {
  color: #c9c7c7;
}

.form-extra-field .dropdown {
  /*padding: 0.375rem 0.75rem;*/

  width: 100%;

  font-weight: bold;

  color: #75758a;
}

.form-extra-field .dropdown-menu {
  border: none;

  border-top: 2px solid #2ba3bc;

  border-radius: 0 0 3px 3px;

  box-shadow: 0px 10px 10px rgb(115 107 107 / 24%);

  margin: 0;

  background: #fff;

  padding: 15px;

  position: absolute;

  transition: all 0.3s ease-in-out;

  z-index: 99999;

  visibility: hidden;

  width: 250px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;

  margin: 0;
}

.form-extra-field .dropdown-menu .item {
  align-items: center;

  display: flex;

  justify-content: space-between;
}

.form-extra-field .dropdown-menu.menu-destination .item {
  display: block;
}

.form-extra-field .dropdown-menu .item i {
  margin-right: 7px;
}

.form-extra-field .dropdown-menu li label {
  margin-bottom: 0;

  line-height: 2;
}

.form-extra-field .dropdown-menu li {
  font-size: 14px;

  padding: 10px 5px;

  margin-bottom: 0;

  border-bottom: 1px solid #f9f1f1;
}

.form-extra-field .dropdown-menu .parent_li {
  margin-right: 0;

  padding: 0;

  margin-bottom: 4px;
}

.form-extra-field .dropdown-menu .parent_li > span {
  display: block;

  font-weight: 600;
}

.form-extra-field .dropdown-menu .parent_li .parent-child {
  display: block;

  border-bottom: 0;

  margin-bottom: 0;
}

.form-extra-field .dropdown-menu .parent_li .parent-child li {
  padding: 5px 10px;
}

.form-extra-field .dropdown-menu li:last-child {
  margin-bottom: 0;

  border-bottom: 0;
}

.form-extra-field .dropdown-menu .parent_li .parent-child li:hover {
  background: #f9f9f9;
}

.form-extra-field .dropdown-menu.menu-destination .item:last-child {
  border-bottom: 0;
}

.form-extra-field.form-group label {
  font-size: 14px;

  font-weight: 400;

  margin-bottom: 0;
}

.form-extra-field .dropdown label {
  margin-bottom: 0;
}

.form-extra-field .number-wrapper .prev,
.form-extra-field .number-wrapper .next {
  color: #2f0857;

  font-size: 12px;

  cursor: pointer;
}

.form-extra-field .number-wrapper input {
  background: transparent;

  border: none;

  color: #2f0857;

  border: 1px solid #ddd;

  margin: 0 5px;

  text-align: center;

  width: 25px;

  padding: 0px;
}

.change-sec .btn-all {
  width: 100%;

  height: calc(2rem + 7px) !important;

  border-radius: 0.3rem;
}

.form-extra-field .dropdown-menu.dropdown-visible {
  display: block;

  transition: all 0.3s ease-in-out;

  visibility: visible;

  display: block;
}

.change-sec .row {
  margin: 0;
}

.change-sec .col-12 {
  padding: 0 3px;
}

.table {
  text-align: center;
}

.table,
.table thead th,
.table tbody td {
  border: 1px solid #dee2e6;

  text-align: center;

  vertical-align: middle;
}

.availabilty-table .room-type {
  display: flex;

  align-items: center;
}

.availabilty-table input {
  width: 20px;

  height: 20px;
}

.availabilty-table p {
  margin-left: 15px;

  font-size: 16px;

  color: #2f0857;

  margin-bottom: 0;

  font-weight: 500;

  text-align: center;
}

.availabilty-table p.title {
  border-bottom: 1px solid #ddd;

  padding: 5px 0 5px 10px;

  margin-left: 0;

  margin-bottom: 5px;
}

.availabilty-table p span {
  display: block;

  text-align: center;

  line-height: 0.2;
}

.availabilty-table .include .fa-coffee {
  margin-right: 7px;
}

.availabilty-table .include {
  color: #2ba3bc;
}

.availabilty-table select {
  width: 100%;
}

.availabilty-table .right-wrap .img {
  width: 45%;

  display: block;

  margin-bottom: 15px;
}

.availabilty-table .require {
  background: #fff;

  box-shadow: 0 1px 3px rgb(0 0 0 / 22%);

  margin-bottom: 15px;
}

.availabilty-table .require .btn-all {
  width: 100%;

  margin-bottom: 15px;
}

.availabilty-table .require ul {
  padding: 5px 10px;

  margin-left: 15px;
}

.availabilty-table .require ul li span {
  float: right;
}

.availabilty-table .require ul .cl-b {
  font-weight: bold;

  color: #2f0857;
}

.availabilty-table .require ul .cl-b span {
  color: #333;
}

.availabilty-table .require .cl-total {
  font-weight: bold;

  border-top: 1px solid #ddd;

  padding-top: 5px;

  font-size: 16px;
}

.availabilty-table .book-now-wrap .fa-plus {
  width: 30px;

  height: 30px;

  background: #e9c43cad;

  text-align: center;

  border-radius: 50px;

  margin-right: 5px;

  line-height: 30px;
}

.availabilty-table .book-now-wrap .btn-all {
  margin: 0 auto;

  display: block;
}

.advisor-wrap .rating-circle li {
  border: 1px solid #1cad71;

  width: 15px;

  height: 15px;

  border-radius: 50%;

  display: inline-block;

  background: #1cad71;

  margin: 0 1px;
}

.advisor-wrap .rating-circle li:last-child {
  background: transparent;
}

.advisor-wrap .advisor {
  display: flex;

  align-items: center;
}

.advisor-wrap .advisor ul {
  display: inline-flex;

  align-items: center;

  margin: 0 0 0 8px;
}

.review-detail {
  padding: 40px 0 30px 0;
}

.review-detail .d-flex {
  align-items: center;

  padding-bottom: 15px;

  border-bottom: 1px solid #ddd;

  margin-bottom: 15px;
}

.review-detail .advisor-wrap {
  margin-left: auto;
}

.review-detail .fa-tripadvisor {
  font-size: 22px;

  display: block;

  text-align: center;

  margin-bottom: 4px;

  font-weight: bold;
}

.review-detail .advisor-wrap .btn-all {
  color: #fff;

  margin-top: 6px;
}

.review-detail .advisor-wrap .btn-all i {
  padding-left: 10px;
}

.review-detail .content-wrap {
  display: flex;
}

.review-detail .content-wrap .img-wrap {
  width: 15%;

  border-radius: 100%;

  margin-right: 20px;

  text-align: center;
}

.review-detail .content-wrap .content {
  width: 100%;
}

.review-detail .content-wrap .img-wrap img {
  width: 147px;

  border-radius: 100%;

  height: 147px;

  margin-bottom: 10px;
}

.trek-detail-bg .title {
  font-size: 44px;

  color: #fff;

  font-weight: bold;
}

.trek-detail-bg .text-center {
  max-width: 900px;

  margin: 0 auto;
}

.trek-detail-bg .text-center p {
  font-size: 16px;

  letter-spacing: 0.8px;
}

.trek-detail-bg .text-center p strong {
  font-size: 18px;
}

.trek-detail-sec .trek-contact {
  background: #fff;

  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.trek-detail-sec .trek-contact form {
  padding: 15px;
}

.trek-detail-sec .trek-contact .title {
  background: #320856;

  color: #fff;

  padding: 10px;
}

.trek-detail-sec .trek-contact button {
  background: #2ba3bc !important;

  color: #fff !important;

  font-size: 14px !important;
}

.trek-detail-sec .trek-contact button:hover {
  background: #ff9900 !important;
}

.trek-detail-sec .trek-contact .btn-wrap {
  text-align: right;
}

/* ============== Create account ============== --*/

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  margin-bottom: 3px;
}

.tab-content .search-des .form-group:last-child,
.tab-content .search-des .form-group .btn-all {
  margin-bottom: 0;
}

.createpage .d-flex .btn-all {
  margin-right: auto;
}

.createpage strong {
  font-size: 24px;
}

.createpage p {
  font-size: 22px;

  margin-bottom: 20px;
}

.createpage .already-wrap .top-wrap {
  padding: 25px;
}

.createpage .pl {
  padding-right: 0;
}

.createpage .pr {
  padding-left: 0;
}

.createpage strong span {
  color: #2f0857;
}

.createpage .fpw {
  font-weight: bold;

  font-size: 12px;

  color: #000;
}

.createpage .social-option {
  background: #2f0857;

  padding: 15px 25px;

  color: #fff;

  text-align: center;
}

.createpage .social-option p {
  font-size: 16px;

  margin-bottom: 15px;
}

.createpage .social-option li {
  border: 1px solid #fff;

  border-radius: 20px;

  display: inline-block;

  padding: 6px 15px;

  margin-right: 10px;
}

.createpage .social-option li:last-child {
  margin-right: 0;
}

.createpage .social-option li a {
  color: #fff;

  font-size: 12px;
}

.createpage .social-option li i {
  margin-right: 7px;

  font-size: 18px;

  line-height: 27px;
}

.createpage .new-wrap {
  background: #e5d6ffe0;

  padding: 25px;
}

.createpage .new-wrap .form-control {
  background: transparent;

  border: 1px solid #bfa7eb;
}

.createpage .new-wrap .d-flex .form-group {
  width: 100%;
}

.createpage .new-wrap .d-flex .form-group:first-child {
  margin-right: auto;

  margin-right: 10px;
}

.createpage .new-wrap .pwmsz p {
  font-size: 12px;

  margin-bottom: 0;
}

.createpage .new-wrap .check {
  margin-left: 20px;
}

.createpage .new-wrap .btn-all {
  width: 100%;
}

/* ==============  ============== --*/

.bookingpage .hotel-wrap {
  border: 1px solid #ddd;

  padding: 15px;

  border-radius: 3px;

  margin-bottom: 15px;
}

.bookingpage .content-wrap h6.include {
  display: inline-block;

  font-size: 14px;
}

.bookingpage .content-wrap .rating i {
  font-size: 12px;
}

.bookingpage .location {
  margin-bottom: 5px;
}

.bookingpage .review-text {
  display: flex;

  align-items: center;

  margin-bottom: 10px;
}

.bookingpage .review-text .number {
  background: #2f0857;

  color: #fff;

  margin-bottom: 0;

  padding: 1px 5px;

  border-radius: 6px 6px 6px 0;

  margin-right: 7px;

  font-size: 12px;
}

.bookingpage .review-text p {
  font-size: 14px;

  font-weight: 600;

  color: #333;

  margin-bottom: 0;
}

.bookingpage .review-text span {
  font-weight: normal;

  color: #666666;

  font-size: 13px;

  line-height: 1.2;

  margin-left: 5px;
}

.bookingpage .include-list li {
  display: inline-block;

  border: 1px solid #ddd;

  padding: 3px 10px;

  border-radius: 3px;
}

.bookingpage .include-list li i {
  margin-right: 10px;
}

.bookingpage .include-list li .fa-parking:before {
  content: "P";

  border: 1px solid #ddd;

  border-radius: 100%;

  padding: 3px;
}

.bookingpage .your-detail-wrap,
.bookingpage .review-rule {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);

  padding: 15px;

  margin-bottom: 15px;
}

.your-detail-wrap .title {
  border-bottom: 1px solid #ddd;

  padding-bottom: 10px;

  margin-bottom: 25px;

  font-weight: 600;
}

.bookingpage .review-rule li {
  list-style-type: disc;

  margin-left: 20px;
}

.bookingpage .btn-wrap {
  text-align: right;
}

.bookingpage .btn-wrap .my-booking-con {
  display: block;

  color: #f90;

  margin-top: 6px;
}

.bookingpage .booking-list-wrap {
  margin-bottom: 15px;

  border: 1px solid #ddd;

  padding: 0 20px 20px;
}

.booking-list-wrap strong {
  margin-bottom: 7px;

  display: block;
}

.booking-list-wrap li {
  margin-bottom: 4px;
}

.booking-list-wrap li:last-child {
  margin-bottom: 0;
}

.booking-list-wrap li p {
  float: left;

  margin-bottom: 0;
}

.booking-list-wrap li span {
  float: right;
}

.booking-list-wrap .total {
  font-weight: 600;

  font-size: 16px;

  margin-top: 10px;
}

.booking-list-wrap .booking-no {
  border-radius: 2px;

  padding: 3px 10px;

  background: #2f0857;

  display: inline-block;

  color: #fff;

  line-height: 1.5;
}

.cl-textarea {
  height: 100%;
}

/* ============== Travel agency list ============== --*/

.travel-list .search-des {
  background: linear-gradient(to bottom, #febb02 0, #febb02 100%);

  padding: 15px;

  color: #2f0857;

  border-radius: 3px;
}

.travel-list .title {
  margin-bottom: 15px;

  font-weight: 600;
}

.travel-list .show-result {
  color: #2ba3bc;
}

.travel-list p {
  margin-bottom: 5px;
}

.travel-list .location li {
  margin-bottom: 5px;
}

.travel-list .t-datepicker,
.travel-list .for-pos {
  display: block;

  position: relative;
}

.travel-list .search-des .d-flex .form-group {
  width: 100%;

  margin-right: 3px;

  margin-bottom: 0;
}

.travel-list .search-des .d-flex .form-group:last-child {
  margin-right: 0;
}

.travel-list .search-des .form-group i {
  top: 0;
}

.travel-list .form-check-label {
  margin-bottom: 0;
}

.travel-list .listing-wrap .content-wrap h4,
.travel-list .listing-wrap .content-wrap h4 a {
  display: block;
}

.travel-list .search-des .form-group .form-control.btn-all,
.travel-list .search-des .form-group:last-child {
  margin-bottom: 0;
}

/* ============== css for itinearies ============== --*/

.iti-tab-wrap .cl-tab-title .cl-bb {
  border-bottom: 1px dashed #dfdfdf;

  padding-bottom: 6px;

  font-size: 18px;
}

.iti-tab-wrap .cl-tab-title span {
  display: block;

  margin-bottom: 10px;
}

.iti-tab-wrap .cl-badge li {
  display: inline-block;
}

.iti-tab-wrap .cl-badge li .badge {
  background: #2f085763 !important;

  color: #fff;

  padding: 6px 10px;

  border-radius: 0;

  font-size: 12px;

  margin-right: 7px;
}

.iti-tab-wrap .cl-badge li:last-child .badge {
  margin-right: 0;
}

.inner-tab .custom-nav-tab {
  border-bottom: none;

  margin-bottom: 5px !important;
}

.inner-tab .custom-nav-tab .nav-item .nav-link {
  padding: 3px 5px;

  border: none;

  margin-left: 3px;
}

.inner-tab .custom-nav-tab .nav-item .nav-link:hover {
  background: #2f0857;

  color: #fff;
}

.inner-tab .content .cl-img img {
  width: auto;

  box-shadow: -10px 10px 0 -1px #fff, -10px 10px 0 0 #601c4b;

  margin-bottom: 10px;
}

.iti-tab-wrap .cl-content {
  width: 100%;
}

.iti-tab-wrap .cl-content li {
  margin-bottom: 40px;
}

.iti-tab-wrap .cl-content li ul li {
  margin-bottom: 12px;
}

.iti-tab-wrap .cl-content li:last-child {
  margin-bottom: 10px;
}

.iti-tab-wrap .cl-content li ul li:last-child {
  margin-bottom: 0;
}

.iti-tab-wrap .cl-content .cl-day {
  font-size: 18px;

  float: left;

  margin-left: 0px;

  width: 23%;
}

.iti-tab-wrap .cl-content .cl-day i {
  margin-right: 10px;

  color: #2f0857;

  font-size: 20px;
}

.iti-tab-wrap .cl-content .cl-day strong {
  display: block;
}

.iti-tab-wrap .cl-content .content-list {
  margin-left: 30px;

  border-left: 1px dashed #dfdfdf;

  padding-left: 20px;
}

.iti-tab-wrap .cl-content .content-list {
  float: right;

  width: 72%;
}

.iti-tab-wrap .cl-content .content-list li i {
  margin-right: 7px;
}

.iti-tab-wrap .cl-content .content-list li span {
  font-weight: normal;
}

.itineariespage .iti-right .right-sidebar {
  box-shadow: 0 1px 5px rgb(0 0 0 / 16%);

  padding: 15px;

  margin-bottom: 15px;
}

.itineariespage .iti-right .cl-content {
  display: flex;
}

.itineariespage .iti-right .cl-content .img-wrap {
  text-align: center;
}

.itineariespage .iti-right .cl-content .img-wrap img {
  width: 100px;

  height: 100px;

  border-radius: 100%;

  margin-bottom: 10px;
}

.itineariespage .iti-right .cl-content .content-wrap li {
  list-style-type: disc;

  margin-left: 35px;

  margin-bottom: 3px;
}

.itineariespage .iti-right .right-sidebar .btn-all {
  display: block;

  margin-top: 10px;
}

.itineariespage .iti-right .right-sidebar .trip-fact li {
  display: flex;

  align-items: center;

  font-size: 18px;
}

.itineariespage .iti-right .right-sidebar .trip-fact li i {
  margin-right: 10px;

  font-size: 16px;

  color: #979797;
}

.itineariespage .iti-right .right-sidebar .trip-fact li span {
  margin-left: auto;

  font-size: 16px;

  font-weight: 500;

  color: #2f0857;
}
.trip-fact tr td strong{
  font-size: 18px;
}
.trip-fact tr td span{
  font-size: 16px;
    /*font-weight: 500;*/
    color: #2f0857;
}
.trip-fact tr td i{
   color: #979797;
}
.itineariespage .iti-right .cl-content .content-wrap li:last-child,
.itineariespage .iti-right .right-sidebar .trip-fact li:last-child {
  margin-bottom: 0;
}

.itineariespage .iti-right .right-sidebar .title {
  color: #2f0857;

  font-weight: bold;
}

.itineariespage .iti-right .right-sidebar .title i {
  margin-right: 7px;
}

.itineariespage .iti-right .trip-strength li {
  list-style-type: disc;

  margin-left: 20px;
}

.itineariespage .iti-right .right-sidebar.level-wrap .title,
.itineariespage .iti-right .right-sidebar.download-wrap .title {
  margin-bottom: 0;
}

.itineariespage .iti-right .forquote .btn-all {
  width: 100%;

  width: 100%;

  font-size: 22px;

  padding: 15px 15px;
}

.itineariespage .additional-info {
  /*max-width: 800px;*/

  margin: 30px auto 0;

  font-size: 16px;
}
.additional-info p{
  text-align: justify;
}
.card-body p{
  text-align: justify;
}


.itineariespage .additional-info .italic {
  font-style: italic;
}

/* ==============  ============== --*/

.common-space.cl-content-sec {
  text-align: center;

  padding-bottom: 0px;
}

.common-space.cl-content-sec .header-sec {
  margin-bottom: 20px;
}

.common-space.cl-content-sec .header-sec .icon-wrap {
  position: relative;
}

.common-space.cl-content-sec .header-sec .icon-wrap i {
  border-radius: 50%;

  background: #fff;

  width: 45px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  color: #c5b6d5;

  font-size: 20px;

  box-shadow: 0 2px 5px rgb(0 0 0 / 12%);
}

.common-space.cl-content-sec .header-sec .icon-wrap:before {
  top: calc(50% - 2px);

  background-color: #f1f1f1;

  content: "";

  height: 1px;

  left: 0;

  position: absolute;

  width: 47%;
}

.common-space.cl-content-sec .header-sec .icon-wrap:after {
  top: calc(50% - 2px);

  background-color: #f1f1f1;

  content: "";

  height: 1px;

  right: 0;

  position: absolute;

  width: 47%;
}

.common-space.cl-content-sec .content {
  max-width: 990px;

  margin: 0 auto;
}

.common-space.cl-content-sec .content .title {
  color: #2f0857;

  margin-bottom: 12px;
}

.common-space.cl-content-sec .content p {
  font-size: 14px;
}

/* ============== booking-lists  Page Css starts ============== --*/

.bookinglist-sec.bookingpage .hotel-wrap {
  box-shadow: 0 1px 8px rgb(0 0 0 / 18%);

  border: none;
}

.bookinglist-sec .list-wrap {
  border-bottom: 1px solid #ddd;

  padding-bottom: 5px;

  margin-bottom: 15px;
}

.bookinglist-sec .head .title {
  margin-bottom: 0;
}

.bookinglist-sec .date {
  font-size: 16px;

  color: #919191;

  margin: 1px 0 10px 0;

  display: block;
}

.bookinglist-sec .content-wrap .title a {
  color: #333;
}

.bookinglist-sec .img-wrap img {
  height: 100px;

  width: 100px;

  border-radius: 6px;
}

.bookinglist-sec .right-content .cost {
  font-size: 24px;

  color: #91919e;

  margin-top: 8px;

  display: block;
}

.bookinglist-sec p {
  margin-bottom: 0;
}

/* ============== partner with us Css starts ============== --*/

.cl-partner-wrap {
  background: #ff9900;

  color: #fff;

  padding: 25px;

  text-align: center;

  border-radius: 6px;
}

.partner-with-sec .col-6:nth-child(odd) .cl-partner-wrap {
  background: #2ba3bc;
}

.cl-partner-wrap a {
  color: #fff;
}

.cl-partner-wrap .content i {
  font-size: 24px;

  margin-bottom: 15px;
}

.cl-partner-wrap .content p {
  margin-bottom: 0;

  font-size: 20px;

  font-weight: bold;
}

.partner-with-sec .btn-wrap {
  text-align: center;

  margin-top: 30px;
}

/* ============== hotel review Page Css starts ============== --*/

.review-sec .review-per {
  display: flex;

  align-items: center;

  margin-bottom: 30px;
}

.review-sec .review-wrap {
  margin: 0 auto;

  max-width: 550px;

  padding: 25px 50px;

  box-shadow: 0 5px 7px rgb(0 0 0 / 20%);
}

.review-sec .review-per .img-wrap img {
  width: 100px;

  height: 100px;

  border-radius: 50%;

  margin-right: 15px;
}

.review-sec .review-per .review-name strong {
  font-size: 42px;

  text-transform: uppercase;
}

.review-sec .review-per .review-name strong span {
  color: #af0a41;
}

.review-sec form .form-group {
  display: flex;
}

.review-sec .form-group label {
  width: 30%;
}

/*.review-sec .form-group textarea {

    width: 50%;

    margin-right: 20px;

    }*/

.review-sec .form-group span {
  margin-left: 10px;
}

.review-sec .form-group .rating {
  text-align: right;

  width: 50%;
}

.review-sec .form-group .rating li {
  display: block;

  margin-bottom: 10px;
}

.review-sec .form-group .rating i {
  color: #ddd;
}

.review-sec .form-group .rating i.active {
  color: #efba15;
}

/* ============== trekking guide detail Css starts ============== --*/

.trekking-detail .number-wrapper input {
  border: none;

  border-left: 1px solid #ced4da;

  border-right: 1px solid #ced4da;

  text-align: center;
}

.trekking-detail .number-wrapper .item {
  display: flex;

  align-items: center;
}

.trekking-detail .number-wrapper.form-control {
  padding: 0;

  text-align: center;
}

.trekking-detail .number-wrapper .prev,
.trekking-detail .number-wrapper .next {
  background: #f1f1f1;
}

.trekking-detail .number-wrapper .prev,
.trekking-detail .number-wrapper .next,
.trekking-detail .number-wrapper input {
  width: 100%;

  line-height: 43px;

  height: 43px;
}

.trekking-detail .reivew-name .title {
  margin-right: 20px;
}

.trekking-detail .reivew-name .title,
.trekking-detail .reivew-name ul,
.trekking-detail .reivew-name li {
  display: inline-block;
}

.trekking-detail .reivew-name li {
  margin-right: 15px;

  font-size: 16px;
}

.trekking-detail .reivew-name li .check {
  color: #22b32d;

  font-size: 16px;

  margin-right: 7px;
}

.trekking-detail .btn-right .btn-all {
  float: right;
}

.trekking-detail .review-detail .content-wrap li {
  margin-bottom: 0;

  color: #838383;

  font-size: 14px;
}

.trekking-detail .lang ul {
  display: inline-block;
}

.trekking-detail .lang .title,
.trekking-detail .lang li {
  display: inline-block;

  margin-right: 10px;
}

.trekking-detail .lang li:last-child {
  margin-right: 0;
}

.trekking-detail .lang li a {
  border: 1px solid #ddd;

  padding: 8px 15px;
}

.trekking-detail .lang li a img {
  height: 17px;

  width: 17px;

  margin-right: 0;
}

/* ============== experience  Css starts ============== --*/

.experience-sec {
  background: #ddd;

  padding: 50px 0;

  text-align: center;
}

.experience-sec .exp-wrap {
  display: flex;

  align-items: center;

  margin-top: 15px;

  width: 315px;

  justify-content: center;
}

.experience-sec .exp-wrap i {
  background: #2ba3bc;

  color: #fff;

  font-size: 32px;

  width: 40px;

  line-height: 40px;

  height: 40px;

  text-align: center;

  border-radius: 100%;

  margin-right: 7px;
}

.experience-sec .exp-wrap span {
  border: 1px solid #837d7d;

  padding: 7px 14px;

  background: #fff;
}

.booking-table .table {
  max-width: 800px;

  margin: 0 auto;
}

.booking-table .table th,
.booking-table .table td {
  padding: 7px 10px;
}

.booking-table .table td {
  background: #f1f1f1;
}

.booking-table .half-w {
  max-width: 800px;

  margin: 30px auto 0;
}

.booking-table .inline li {
  list-style-type: disc;

  margin-left: 20px;
}

/* ============== client sec Css starts ============== --*/

.client-sec {
  background: url("../images/background-image.jpg") no-repeat;

  padding: 50px 0;

  background-size: cover;

  position: relative;

  z-index: 1;

  color: #fff;
}

.client-sec:before {
  content: "";

  background: rgb(0 0 0 / 64%);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;
}

.client-sec .heading {
  text-align: center;

  margin-bottom: 20px;
}

.client-sec .heading-wrap {
  display: inline-block;

  text-align: center;
}

.client-sec .heading-wrap .title {
  color: #fff;
}

.client-sec .heading-wrap .cl-border {
  border: 1px solid #fff;

  border-top: 0;

  text-align: center;

  padding: 30px;

  color: #fff;
}

.client-sec .heading-wrap .icon {
  position: relative;

  display: flex;

  align-items: flex-end;

  font-size: 62px;

  margin-bottom: -10px;
}

.client-sec .heading-wrap .icon:before,
.client-sec .heading-wrap .icon:after {
  content: "";

  border: 1px solid #fff;

  border-bottom: 0;

  border-right: 0;

  border-left: 0;

  height: 10px;

  flex: 1 0 0;
}

.client-sec .heading-wrap .icon .fa {
  margin-bottom: -15px;
}

.client-sec .heading-wrap .icon:before {
  margin-right: 15px;
}

.client-sec .heading-wrap .icon:after {
  border-left: 0;

  margin-left: 15px;
}

.breadcrumb-wrap li {
  display: inline-block;
}

.breadcrumb-wrap li:after {
  content: "/";

  margin: 0 8px;
}

.breadcrumb-wrap li.active:after {
  display: none;
}

.review-sec .review-detail .content-wrap {
  border-bottom: 1px solid #ddd;

  margin-bottom: 25px;
}

.review-sec .review-detail .content-wrap:last-child {
  border-bottom: 0;

  margin-bottom: 0;
}

/* .review-sec .review-detail .content-wrap .img-wrap {

      width: auto;

      }*/

.review-sec .review-detail .content-wrap .img-wrap img {
  width: 70px;

  height: 70px;
}

.review-sec .review-detail .content-wrap li img {
  width: 15px;

  margin-right: 8px;
}

.review-sec .content-wrap .title-wrap,
.review-sec .content-wrap .rating {
  margin: 0 20px;

  width: 40%;
}

.review-sec .content-wrap .title-wrap {
  width: 25%;
}

.review-sec .content-wrap .content {
  width: 100%;
}

.review-sec .content-wrap .rating {
  margin-right: 0;
}

.review-sec .content-wrap .num {
  background: #2ba3bc;

  color: #fff;

  border-radius: 100%;

  width: 40px;

  height: 40px;

  line-height: 40px;

  display: block;

  text-align: center;

  font-size: 18px;

  margin-right: 20px;
}

.review-sec .review-detail .rating .d-flex {
  border: none;

  text-align: left;
}

/* ============== transport booking Page Css starts ============== --*/

.transport-page .left-wrap {
  box-shadow: 0px 2px 7px rgb(0 0 0 / 21%);
}

.transport-page .left-wrap .title {
  background: #ffd0df;

  padding: 10px;
}

.transport-page .left-wrap .list {
  padding: 10px;
}

.transport-page .left-wrap li {
  margin-bottom: 20px;
}

.transport-page .left-wrap li:last-child {
  border-bottom: 1px solid #ba0a3f;

  padding-bottom: 10px;
}

.transport-page .left-wrap li strong {
  display: block;

  font-size: 22px;

  margin-top: 7px;
}

.transport-page .left-wrap .list .cl-return {
  text-align: center;

  display: block;

  font-size: 16px;
}

.transport-page .right-wrap .cl-title {
  display: flex;

  border-bottom: 2px solid #ffd0df;

  align-items: center;

  padding-bottom: 20px;

  margin-bottom: 30px;
}

.transport-page .right-wrap .cl-title .icon {
  width: 50px;

  height: 50px;

  line-height: 50px;

  background: #ffd0df;

  text-align: center;

  border-radius: 100%;

  font-size: 24px;

  margin-right: 10px;
}

.transport-carousel .transport-wrap {
  border: 1px solid #ddd;

  padding: 15px;

  margin-right: 1px;
}

.transport-carousel .transport-wrap .img-wrap {
  width: 110px;

  margin-bottom: 25px;
}

.transport-carousel .transport-wrap li {
  font-weight: bold;

  font-size: 18px;

  margin-top: 15px;
}

.transport-carousel .transport-wrap li:last-child {
  margin-bottom: 0;
}

.transport-carousel .transport-wrap .icon {
  font-size: 18px;

  margin-right: 10px;
}

.transport-carousel .transport-wrap li.price {
  font-size: 26px;
}

.transport-carousel button.owl-prev,
.transport-carousel button.owl-next {
  top: 65px;
}

.transport-page .right-wrap .most-facility {
  margin-top: 30px;
}

.transport-page .right-wrap .most-facility {
  font-size: 18px;
}

.transport-page .right-wrap .most-facility li {
  margin-right: 25px;
}

.transport-page .right-wrap .most-facility li:last-child {
  margin-right: 0;
}

/* ============== css for new page info ============== --*/

.cl-info-wrap {
  box-shadow: 0 1px 5px rgb(0 0 0 / 13%);

  background: #fff;

  padding: 30px;
}

.social-media .title {
  margin-bottom: 20px;
}

.social-media a:first-child {
  margin-left: 0;
}

.cl-media.social-media {
  float: right;

  padding: 0;
}

.cl-media.social-media a {
  color: #fff;

  border: none;
}

.social-media a.fb {
  background: #1877f2;
}

.social-media a.yt {
  background: #db2533;
}

.social-media a.insta {
  background: #d14e5c;
}

.social-media a.tw {
  background: #55adee;
}

.cl-info-wrap .info-content li {
  border-bottom: 1px solid #ddd;

  margin-bottom: 30px;
}

.cl-info-wrap .info-content li:last-child {
  margin-bottom: 0;

  border-bottom: none;
}

.cl-info-wrap .info-content .title i {
  margin-right: 10px;
}

.cl-info-wrap .info-content a {
  margin: 0 3px;
}

.cl-transport,
.cl-msgbox {
  border: 1px solid #ddd;
}

.cl-transport {
  margin-bottom: 30px;
}

.cl-transport h4.title,
.cl-msgbox h4.title {
  background: #2ba3bc;

  color: #fff;

  font-size: 14px;

  padding: 7px 15px;

  margin-bottom: 0;
}

.cl-transport ul,
.cl-msgbox .content {
  padding: 15px;
}

.cl-transport .transport-list {
  display: flex;

  margin-bottom: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid #ddd;

  align-items: center;

  text-align: center;
}

.cl-transport .transport-list:last-child {
  border-bottom: none;

  margin-bottom: 0;

  padding-bottom: 0;
}

.cl-transport .img {
  width: 16%;

  margin-right: 10px;
}

.cl-transport .transport-title {
  width: 30%;
}

.cl-transport .cl-date {
  width: 28%;

  margin-left: auto;
}

.cl-transport .transport-status {
  width: 5%;

  margin-left: auto;
}

.ui-datepicker {
  z-index: 999 !important;
}

/* ============== Flight  Page Css starts ============== --*/

.flight-sec .card {
  margin-bottom: 20px;
}

.flight-sec .card:last-child {
  margin-bottom: 0;
}

.flight-sec .card-header {
  background: #2ba3bc;
}

.flight-sec .card-header .card-title {
  color: #fff;

  margin-bottom: 0;

  font-size: 20px;
}

.card-header {
  padding: 4px 8px;
}
.card-header .btn{
  white-space: normal;
}
.cl-flight .flight-title {
  display: flex;

  border-bottom: 1px solid #f6f6f6;

  align-items: center;

  margin-bottom: 15px;
}

.cl-flight .left-content {
  margin-right: auto;
}

.cl-flight .flight-title ul,
.cl-flight .flight-title h6 {
  display: inline-block;
}

.cl-flight .flight-title ul {
  margin-left: auto;
}

.cl-flight .flight-title li:before {
  content: "/";

  margin-right: 4px;

  color: #bcb7b7;

  font-size: 18px;
}

.cl-flight .flight-wrap {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.cl-flight .flight-wrap p {
  margin-bottom: 0;
}

.flight-wrap .img-wrap img {
  width: 30px;

  border-radius: 100%;

  margin: 0 auto;

  display: block;
}

.flight-wrap .img-wrap p {
  font-weight: bold;

  font-size: 12px;
}

.flight-wrap .flight-time {
  font-weight: bold;

  font-size: 18px;
}

.flight-wrap .start-time span {
  font-size: 12px;
}

.flight-wrap .duration-block {
  border-bottom: 2px solid #2ba3bc;

  position: relative;
}

.flight-wrap .duration-block:after {
  content: "";

  background: #f90;

  width: 7px;

  height: 7px;

  border-radius: 100%;

  position: absolute;

  left: 0;

  right: 0;

  margin: 0 auto;

  bottom: -4px;
}

.cl-flight .right-content .title {
  color: #9c9999;

  font-size: 18px;
}

.cl-flight .right-content .icon {
  margin-right: 10px;
}

.cl-flight .flight-detail {
  display: inline-flex;
}

.cl-flight .cl-carry {
  background: #f0f0f0;

  margin-right: 10px;

  border-radius: 5px;

  text-align: center;
}

.cl-flight .cl-carry:last-child {
  margin-right: 0;
}

.cl-flight .cl-carry .carry-title {
  background: #02c6d8;

  padding: 6px 10px;

  font-size: 18px;

  color: #fff;

  margin-bottom: 0;

  border-radius: 5px 5px 0 0;

  font-weight: normal;
}

.cl-flight .cl-carry .icon {
  font-size: 30px;

  padding: 10px 0;

  color: #312657;
}

.cl-flight .cl-carry span {
  display: block;

  background: #f90;

  color: #fff;

  font-size: 16px;

  border-radius: 0 0 5px 5px;
}

.select2-container {
  width: calc(100% - 10px) !important;
}

.list-carousel .trek-blog .banner-shape {
  bottom: 24px;
}

.cl-price-detail {
  position: fixed;

  bottom: 0;

  background: #333;

  color: #fff;

  width: 100%;

  z-index: 9;

  padding: 12px 0;
}

.cl-price-detail .price-text {
  color: #fff;
}

.cl-price-detail .row {
  align-items: center;
}

.cl-price-detail .form-group {
  margin-bottom: 0;
}

.cl-price-detail .form-group strong {
  font-size: 18px;
}

.cl-price-detail .form-group small {
  display: block;
}

.banner-flight-form .newinfo .form-control {
  height: 100%;

  background: #f2f2f3;
}

.accordion-item {
  border: 1px solid #ddd;

  border-radius: 4px;

  margin-bottom: 10px;
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-button {
  position: relative;

  display: flex;

  align-items: center;

  width: 100%;

  padding: 5px 15px;

  color: #212529;

  text-align: left;

  border: 0;

  transition: all ease-in-out 0.4s;

  background: #f6edff;

  font-weight: 600;

  font-size: 20px;

  font-family: "Rajdhani", sans-serif;

  border-radius: 4px 4px 0 0;

  cursor: pointer;
}

.accordion-button::after {
  flex-shrink: 0;

  width: 20px;

  height: 20px;

  line-height: 20px;

  margin-left: auto;

  content: "\f107";

  font-family: fontAwesome;

  transition: transform 0.2s ease-in-out;

  display: inline-block;
}

.accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}

.accordion-body {
  padding: 15px;
}
.page-sub-title h2 {
  font-size: 21px !important;
}

/* ============== Responsive Page Css starts ============== --*/

.slick-dots {
  position: relative;
}

.site-brand {
  margin-left: auto;
}

.en-site-brand img {
  max-width: 200px;
}
.menu.commona {
  text-align: center;

  margin-top: 0px;
}

.ad-section {
  padding-top: 0;
}

@media only screen and (min-width: 991px) {
  .navbar-expand-lg .navbar-collapse {
    display: block !important;
  }

  .for-flex {
    justify-content: flex-end;
    align-items: center;
  }

  .header-info {
    justify-content: normal;
  }

  .navbar-collapse {
    flex-grow: unset;
  }

  .header-info ul li {
    margin: 0 5px 0 0;
  }
}

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

  .form-border {
    margin-bottom: 20px;
  }

  .search-sec .cl-pd .title {
    padding-bottom: 5px;

    position: static;

    display: block;

    text-align: left;
  }

  .custom-carousel .trek-blog .banner-shape {
    bottom: 26px;
  }

  .list-carousel .trek-blog .banner-shape {
    bottom: 25px;
  }

  .bookinglist-sec .img-wrap img {
    height: 80px;

    height: 80px;
  }

  .partner-wrap {
    border: 1px solid #fff;

    padding: 15px;
  }

  .cl-partner-wrap {
    padding: 15px;
  }

  .partner-wrap p {
    margin-bottom: 0;
  }

  .partner-wrap:before {
    display: none;
  }

  .partner-wrap .content {
    width: 100%;

    padding: 0;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1100px;
  }
}

@media only screen and (max-width: 991px) {
  .cl-partner-wrap {
    margin-bottom: 20px;
  }

  .site-brand {
    margin-left: auto;

    margin-right: 0;
  }

  .form-extra-field .dropdown-menu {
    width: 100%;
  }

  .bookinglist-sec .right-content .cost {
    font-size: 20px;
  }

  .custom-carousel .trek-blog .banner-shape {
    display: none;
  }

  .navbar-light .navbar-toggler.collapsed {
    color: #333;

    border-color: rgb(32 32 32);

    display: block;
  }

  .navbar-light .navbar-toggler {
    visibility: visible;
  }

  .navbar-expand-lg .navbar-collapse {
    display: none !important;

    position: absolute;

    right: -200px;

    background: #2ba3bc;

    top: 0;

    height: 100vh;

    width: 25%;

    transition: all ease-in-out.4s;

    overflow-y: auto;

    padding: 15px;

    z-index: 9;
  }

  .navbar-collapse.show {
    display: block !important;

    right: 0;

    transition: all ease-in-out.4s;
  }

  .menu.commona ul {
    overflow-x: auto;

    -ms-flex-wrap: nowrap;

    -webkit-flex-wrap: nowrap;

    flex-wrap: nowrap;

    white-space: nowrap;

    padding-bottom: 15px;
  }

  .partner-wrap {
    margin-bottom: 15px;
  }

  .header-info ul li a.btn.btn-primary {
    padding-left: 0;
  }

  .trek-blog .overlay {
    margin-top: -90px;
  }

  .trek-wrapper a figure img {
    height: 365px;
  }

  .fds {
    margin-bottom: 30px;
  }

  .cl-flex {
    display: flex;

    flex-wrap: wrap;
  }

  .search-sec {
    padding: 45px 30px;
  }

  .search-sec .d-flex {
    display: block !important;
  }

  .search-sec .column {
    margin: 0;

    margin-bottom: 40px;
  }

  .search-sec .column.last-column {
    margin-bottom: 20px;
  }

  .search-sec .column.btn-wrap {
    margin-bottom: 0;
  }

  .search-sec .column.inline {
    width: 100%;
  }

  .changedate-sec .t-datepicker .check-in,
  .changedate-sec .t-datepicker .check-out,
  .changedate-sec .form-extra-field {
    margin-bottom: 7px;
  }

  .cl-flex .first-col,
  .cl-flex .second-col,
  .cl-flex .third-col {
    width: 50%;
  }

  .footer-image {
    margin-bottom: 30px;
  }

  .listing-wrap .right-wrap .btn-all,
  .listing-wrap .img-wrap {
    margin-bottom: 13px;
  }

  .createpage .pl {
    padding-right: 15px;
  }

  .createpage .pr {
    padding-left: 15px;
  }

  .search-sec,
  .review-detail .content-wrap .img-wrap {
    width: 100%;
  }

  .change-sec .t-datepicker {
    padding: 0;
  }

  .bookingpage .left-content {
    margin-bottom: 15px;
  }

  .iti-tab-wrap .cl-content .cl-day,
  .iti-tab-wrap .cl-content .content-list {
    float: none;

    padding-left: 0;

    margin-left: 0;

    border-left: none;

    width: 100%;
  }

  .iti-tab-wrap .cl-content .cl-day strong {
    display: inline-block;

    margin-left: 7px;
  }

  .itineariespage .iti-right .cl-content {
    display: block;
  }

  .itineariespage .iti-right .cl-content .img-wrap span,
  .itineariespage .iti-right .right-sidebar .trip-fact li {
    display: block;
  }
}
@media (max-width: 576px) {
   .en-top-header{
    display: none;
  }
}

@media (max-width: 767px) {
  .top-header .col-12 {
    padding: 0;
  }
  .en-top-header{
    display: none;
  }

  .top-header p {
    text-align: left;

    font-size: 11px;
  }

  .search {
    margin: 10px 0;

    height: auto;

    width: 100%;
  }

  .listing-wrap .right-wrap {
    text-align: left;
  }

  .listing-wrap .right-wrap .review-text {
    justify-content: flex-start;
  }

  .text-white {
    font-size: 30px;
  }

  .my-nav {
    position: static;

    padding: 15px 0;

    padding-bottom: 0;
  }

  .for-flex,
  .menu.commona {
    padding: 0 15px;
  }

  .header-msg {
    border-top: none;

    padding: 15px;
  }

  .banner .carousel-item {
    height: auto;
  }

  .banner img {
    height: 150px;
  }

  .banner .banner-detail {
    position: static;

    transform: translateY(9%);
  }

  .banner .banner-detail h1 {
    color: #333 !important;
  }

  .search-sec {
    width: 100%;
  }

  .search-sec .row.ml-5 {
    margin: 0 !important;
  }

  .search-sec select {
    margin: 0 0 10px 0;

    width: 100%;
  }

  .navbar-toggler {
    float: right;

    padding-right: 20px;

    color: #fff;

    outline: none;

    border: 1px solid #fff;

    padding: 5px 14px;

    line-height: 28px;
  }

  .navbar-toggler i.fa.fa-bars {
    color: #333;

    padding: 0;
  }

  .menu ul {
    padding-left: 0;
  }

  .menu ul li {
    margin-bottom: 10px;

    line-height: initial;

    padding-bottom: 8px;
  }

  /*.bg-light{

  height: auto;

  background-color: #08415d!important;

  background-image: none;

  }*/

  .common-head h1 {
    font-size: 40px;
  }

  .menu li:hover > ul.dropdown-menu,
  .dropdown-submenu > .dropdown-menu {
    position: static;

    border: 1px solid #fff;

    width: 100%;
  }

  .overlay {
    display: none;
  }

  .carousel-control-prev,
  .carousel-control-next {
    position: static;
  }

  .menu li:hover > ul.dropdown-menu,
  .dropdown-submenu > .dropdown-menu {
    position: static;

    border: 1px solid #fff;

    width: 100%;
  }

  .common-space {
    padding: 20px 0;
  }

  .hotel-wrapper h2 {
    font-size: 24px;
  }

  .footer-image img {
    width: 100%;
  }

  .trek-wrapper .row {
    margin-left: 0;
  }

  .header-info.common-link.modal-info {
    text-align: left;

    /*display: none;*/
  }

  .header-info ul li {
    margin: 0 8px 9px 0;
  }

  .header-info .modal-dialog {
    max-width: 100%;

    width: 100%;
  }

  .new-search ul {
    display: block;

    text-align: left;

    padding-left: 0;
  }

  .wrn-btn {
    width: 100%;
  }

  .new-search h2 {
    text-align: left;
  }

  .menu ul {
    padding: 10px;
  }

  .header-info .modal-body ul li {
    width: auto;

    margin-right: 12px;

    margin-bottom: 20px;
  }

  .same-btn .btn {
    width: 100%;
  }

  .col-md-6.account-left {
    margin-bottom: 20px;
  }

  .account-left .col-md-6.text-right {
    text-align: left !important;
  }

  .top-header {
    display: none;
  }

  .fds {
    line-height: 25px;

    padding: 6px 15px;
  }

  .reg-btn {
    border: 1px solid #2f0857;

    width: 100%;

    margin: 20px 0;
  }

  .ls {
    padding: 0 20px;
  }

  .social-media {
    /*padding: 8px;*/

    padding: 8px 8px 20px 9px;

    line-height: auto;
  }

  .social-media a {
    padding: 6px;
  }

  .social-media ul li {
    margin-right: 5px;

    display: inline-block;
  }

  .social-media ul {
    display: block;
  }

  .new-search ul {
    display: none;
  }

  .top-wrap .d-flex,
  .top-wrap .d-flex .fpw,
  .new-wrap .d-flex {
    display: block !important;
  }

  .treklisting-page .left-bar {
    margin-bottom: 25px;
  }

  .bookinglist-sec .img-wrap img {
    width: 100%;

    height: 100%;

    margin-bottom: 10px;
  }

  .review-sec .content-wrap .title-wrap,
  .review-sec .content-wrap .rating {
    margin: 0;

    width: 100%;
  }

  .review-sec .content-wrap .num {
    margin-bottom: 15px;

    margin-right: 0;
  }

  .header-info ul li a.btn.btn-primary,
  .my-nav .btn-primary,
  .header-info ul li a.listproperty,
  .header-info i.fa.fa-shopping-cart {
    color: #000 !important;
  }
.header-info ul li a.btn.btn-primary{
    color: #fff !important;
  }

  .cl-flight .flight-wrap {
    display: block;

    text-align: center;
  }

  .cl-price-detail .form-group {
    margin-bottom: 10px;
  }

  .experience-sec .exp-wrap i {
    font-size: 18px;

    width: 30px;

    line-height: 30px;

    height: 30px;
  }

  .experience-sec .exp-wrap {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .trek-wrapper a img {
    height: auto;
  }

  .navbar-expand-lg .navbar-collapse {
    width: 35%;
  }

  .search-sec .btn-wrap {
    padding: 0;
  }

  .partner-text {
    display: block;
  }

  .partner-text .left-wrap {
    border-right: none;

    padding: 15px 30px 20px 30px;

    margin-bottom: 20px;

    border-bottom: 2px solid #ddd;
  }

  .partner-text .right-wrap span {
    max-width: 100%;
  }

  .partnerpage {
    padding-bottom: 0;
  }

  .review-detail .content-wrap,
  .review-detail .d-flex {
    display: block !important;
  }

  .review-detail .content-wrap .img-wrap img {
    /*width: 45%;*/

    width: auto;
  }

  .review-detail .fa-tripadvisor,
  .review-detail .content-wrap .img-wrap {
    text-align: left;
  }

  .changedate-sec .t-datepicker .check-in,
  .changedate-sec .t-datepicker .check-out {
    border-radius: 0.3rem;
  }

  .transport-page .left-wrap {
    margin-bottom: 30px;
  }

  .newblock .newblock-text {
    width: 90%;

    padding: 15px;
  }
  .new-detail .cl-tabs .nav li a{
    text-wrap: wrap;
  }
}

@media only screen and (max-width: 576px) {
  main.sm-none,
  .footer-mid {
    display: none;
  }

  .search-des .desti-date {
    display: block;
  }

  .site-footer {
    margin-top: 30px;
  }

  .partner-form {
    max-width: 100%;
  }

  .right-wrap .desc-wrap {
    display: block;
  }

  .new-search .t-datepicker .checkout,
  .new-search .t-datepicker .checkin {
    width: 100%;

    font-size: 12px;
  }

  .navbar-expand-lg .navbar-collapse {
    width: 65%;
  }

  .newblock .newblock-text p {
    display: block;

    font-size: 15px;
  }

  .trek-detail-bg .title {
    font-size: 22px;
  }

  .experience-sec .exp-wrap {
    width: 100%;
  }

  .booking-table .table {
    display: block;

    overflow-x: auto;
  }
}

@media only screen and (max-width: 400px) {
  .cl-flex .first-col,
  .cl-flex .second-col,
  .cl-flex .third-col {
    width: 100%;
  }
}

.iti-tab-wrap .cl-content .content-list figure {
  margin-bottom: 15px;
  position: relative;
}

.iti-tab-wrap .cl-content .content-list figure figcaption {
  background: rgba(255, 255, 255, 0.9);
  bottom: 0;
  color: #b0885a;
  font-size: 12px;
  left: 0;
  padding: 10px;
  position: absolute;
  width: 100%;
}
figure {
  border-radius: 6px 0 0;
  overflow: hidden;
  margin: 0;
}

.iti-tab-wrap .cl-content .content-list .image-with-item li {
  margin-bottom: 8px;
  display: inline-block;
  color: #b0885a;
  font-size: 14px;
  border-right: 1px solid #b0885a;
  padding: 0 6px;
}
.iti-tab-wrap .cl-content .content-list .image-with-item li i {
  margin-right: 8px;
}

.en-top-header {
  display: flex;
  margin: 0 30px;
  gap: 15px;
}
.en-top-header p {
  margin: 0;
  font-weight: 600;
/*  color: #000;*/
  font-size: 13px;
}
.en-top-header .phone {
  font-size: 16px;
  font-weight: 600;
  color: #00b2be;
}
.en-top-header .phone i {
  color: #adadad;
}

.en-top-header .phone a {
  margin: 0 7px;
  color: #004664;
}

.ena-card-sec {
  background: #000;
  padding: 38px 0 20px;
  position: relative;
}

.ena-card-sec .newsletter_info h2 {
  color: #fff;
  font-size: 48px;
  margin-bottom: 15px;
}
.ena-card-sec .newsletter_info p {
  color: #fff;
  font-size: 20px;
  line-height: 1.6;
}
.ena-card {
  position: relative;
}
.ena-card-inner {
  position: absolute;
  top: 0;
  left: auto;
}
.ena-card-sec .ena-card-body {
  position: relative;
}
.ena-card-sec .ena-card-body-inner img {
  border-radius: 10px;
}
.ena-card-sec .ena-first-image {
  right: 0;
  z-index: 9;
  max-width: 60%;
}
.ena-card-sec .ena-second-image {
  height: 262px;
  width: 315px;
  top: 25px;
  left: 90px;
  z-index: 5;
}
.ena-card-sec .ena-second-image img {
  height: 222px;
  object-fit: cover;
}
.ena-card-sec .ena-third-image {
  height: 210px;
  width: 315px;
  top: 55px;
  left: 0;
  z-index: 1;
}
.ena-card-sec .ena-third-image img {
  height:175px;
  object-fit: cover;
}
.ena-card-sec .ena-card-contet {
  position: relative;
}

.ena-card-sec .ena-card-contet {
  position: absolute;
  bottom: 0;
  padding: 15px;
  background: #00000036;
}

.ena-card-sec .ena-card-contet .route-cat {
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.ena-card-sec .ena-card-contet .route-cat li {
  margin: 0;
  color: #007bff;
  font-weight: 600;
  font-size: 15px;
}
.ena-card-sec .ena-card-contet h2 {
  font-size: 19px;
  color: #fff;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.2;
}
.ena-card-sec .ena-card-contet .ena-user .user-icon img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.ena-card-sec .ena-card-contet .ena-user .user-verify {
  position: absolute;
  background: green;
  border-radius: 100%;
  padding: 0px 4px;
  top: 0;
  left: 30px;
}

.ena-card-sec .ena-card-contet .ena-user .ena-user-inner {
  display: flex;
  gap: 20px;
  align-items: center;
}
.ena-card-sec .ena-card-contet .ena-user .user-guide {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #fff;
}
.ena-card-sec .ena-user-inner.user-icon,
.ena-user-inner .user-icon {
  position: relative;
}
.ena-card-sec .ena-card-contet .ena-user .user-verify i {
  color: #fff;
}
.ena-card-sec .ena-card-contet .ena-user .user-guide .guide-name {
  opacity: 0.8;
  font-size: 18px;
  text-transform: capitalize;
}
.ena-card-sec .ena-card-contet .ena-user .user-guide .guide-type {
  opacity: 0.6;
  font-size: 18px;
  text-transform: capitalize;
}
.ena-line {
  width: 100%;
  height: 2px;
  color: #fff;
  background: #fff;
  margin-top: 60px;
}

.ena-top-tour-se {
  position: relative;
  background: url("https://en.nepalauthentictrek.com/wp-content/uploads/2024/02/manaslu-expedition.jpg");
  padding: 25px 0 0;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ena-top-tour-se h2 {
  font-size: 35px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
}
.ena-top-tour-se p {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  /*margin-bottom: 30px;*/
}
.ena-top-tour-se .trek-blog {
  padding: 15px;
  margin-bottom: 15px;
}
.ena-top-tour-se .trek-blog h3 {
  text-align: center;
  text-transform: capitalize;
  font-size: 19px;
  color: #776653;
}

.ena-top-tour-se .trek-blog .img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ena-top-tour-se .trek-blog .img-wrap img {
  width:85px;
  height:85px;
  border-radius: 100%;
}

.en-user-details {
  padding: 12px 0;
}
.en-user-details h3 {
  text-align: center;
  font-size: 17px !important;
  margin-bottom: 5px;
  color: #776653;
  text-transform: capitalize !important;
}
.en-user-details p {
  text-align: center;
  font-size: 14px !important;
  color: #776653 !important;
  text-transform: capitalize !important;
}
.ena-country {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ena-country img {
  width: 24px;
  height: 20px;
}
.ena-country span {
  font-size: 17px;
  color: #776653;
  font-weight: 500;
}
.ena-line-two {
  width: 50%;
  height: 5px;
  background: #1ec00d;
  margin: 9px auto 0;
  border-radius: 5px;
}
.ena-ueser-review h3 {
  text-align: center;
  text-transform: capitalize;
  font-size: 24px;
}
.ena-ueser-review p {
  text-align: center;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 0.8px;
  color: #776653;
}
.user-review-cont {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.user-review-cont .rev-count {
  background: #1ec00d;
  padding: 7px 13px;
  border-radius: 100%;
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
.user-rev-wrap .review-name {
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
}

/*.ena-top-tour-bottom {
  background: #f8b704;
  padding: 15px 0;
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  z-index: 0;
}*/
/*.ena-top-tour-bottom {
 margin-top: -17px;
}*/

.book-now-btn {
  display: flex;
  justify-content: end;
  align-items: center;
}
.book-now-btn a {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  text-transform: capitalize;
}

.ena-top-tour-se .trek-blog.add-botton-curve {
  clip-path: polygon(100% 0, 100% 85%, 50% 100%, 0 85%, 0 0);
  height: 490px;
  z-index: 9;
}
.ena-top-tour-se .container {
  max-width: 1000px;
}
.ena-top-tour-se .col-md-6,
.ena-top-tour-se .col-lg-4 {
  padding-right: 6px;
  padding-left: 6px;
}

.ena-top-right {
  display: flex;
  justify-content: end;
}
.ena-top-right ul {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ena-top-right ul li {
  margin: 0;
  padding: 0;
}
.ena-top-right ul li a {
  color: #fff;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.ena-top-line {
  width: 2px;
  height: 10px;
  background: #fff;
  opacity: 70%;
}
.top-header .row {
  align-items: center;
}
.sm-menu{
  display: none !important;
}

@media (min-width: 1200px) {
  .top-header .container {
    max-width: 1340px;
  }
}

@media (min-width: 992px) {
  .nav-container {
    max-width: 1320px;
    margin: auto;
  }
}
@media (max-width: 992px) {
  .nav-container {
    max-width: 100%;
    margin: auto;
    padding: 0 20px;
  }
  .ena-top-tour-bottom,
  .ena-card-inner {
    position: relative;
  }
  .ena-card-sec .ena-first-image,
  .ena-card-sec .ena-second-image,
  .ena-card-sec .ena-third-image {
    max-width: 100%;
    height: 300px;
    width: 100%;
    left: 0;
    position: inherit;
  }
  .ena-card-sec .ena-card-body-inner img {
    height: 300px;
    object-fit: cover;
    margin-bottom: 15px;
  }
}

@media (max-width: 768px) {
  .for-flex {
    display: block;
  }
  .en-top-header{
    display: none;
  }
}

@media (max-width: 600px) {
  .en-top-header {
    display: none;
    padding: 0 15px;
  }
  .sm-menu{
  display: inline-block !important;
}
.lg-menu{
  display: none !important;
}
.navbar-left-container{
  display: none !important;
}
.modal-info img{
  margin-right: 0px;
}
.search-bar .rounded-search{
  width: 100% !important;
}
.banner-section{
  height: 600px;
}
.destinations .rounded-pill{
  margin-bottom: 5px;
}
.search-btn{
  right: 1% !important;
}
.close-menu-button{
  /*right: 0;*/
  left: 0;
}
/*.menu.commona a{
  overflow-x: auto;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding-bottom: 15px;
}*/
 /* .navbar-left-container{
    display: none !important;
  }*/
  .header-info ul li a.btn.btn-primary, .my-nav .btn-primary, .header-info ul li a.listproperty, .header-info i.fa.fa-shopping-cart{
    font-size: 14px;
  }
  .en-site-brand{
    text-align: center;
  }
}

/*additonal css*/
.big-btn{
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    height: calc(2rem + 6px) !important;
    border-radius: 0;
    border: 1px solid #00a680;
    border-radius: 0.3rem;
    background-color:#00a680 !important;
    color: #fff !important;
  }
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
#somfrp_user_info,#som_new_user_pass,#som_new_user_pass_again{
  width: 40% !important;
}

.slider-button-style-container{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.slider-button-style{
  background-color: transparent;
  border-radius: 30px;
  gap: 28px;
  border: white solid 2px;
  color: white;
  padding: 4px;
}
.slider-button-style:hover{
background-color: white !important;
cursor: pointer;
color: black;
}
.divider {
  height: 2px; 
  background-color: white;
  margin: 30px 0;
  width: 220px;
}

.sidebar-sticky {
  position: fixed !important;
  top:0;
  margin-top: 0px;
  width:311px;
}
/*my css*/
.table-responsive thead tr th {
    border: none;
    background:#00b2be;
    color: #fff;
    font-size: 15px !important;
    border-right: 1px solid #1dd1dd;
}
.table-responsive tr td {
padding: 10px;
  }
.iti-left p,.content-list p{
  text-align: justify;
}
@media and screen and (max-width: 320px) {
  .package-sect .pkg-wrap .info-wrap li{
    width: 100%
  }
  .search-bar .rounded-search{
  width: 100% !important;
}
.banner-section{
  height: 600px;
}
}
/* navbar */
.navbar-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: background-color 0.3s ease;
}
.navbar-right-container{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.navbar-left-container{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.navbar.scrolled {
  background-color: white !important;
}

.nav-text-style{
  color: #fff;
  text-transform: uppercase;
}
.nav-text-style:hover{
  text-decoration: underline;
  color: black;
}

.quote-button {
  background-color: transparent;
  border: #00b2be solid 2px;
  padding: 8px 16px;
  border-radius: 40px;
  color: #fff;
}

.quote-button:hover {
  background-color: #00b2be;
  color: white;
}

.menu-button {
  display: block;
  z-index: 999; /* Ensure it appears above other elements */
  position: relative;
  font-size: 28px;
  background: none;
  border: none;
  color: #fff;
}
.menu-button:hover{
cursor: pointer;
opacity: 0.5;
}
.menu-button:focus {
  outline: none;
}

.phone-icon, .search-icon{
  font-size: 28px;
/*  color: #606060;*/
color: #fff;
}
.phone-icon:hover, .search-icon:hover{
  cursor: pointer;
  opacity: 0.5;
}
.search-button-header{
  border-radius: 20px;
  background-color: #606060;
  color: white;
  padding: 5px;

}
.search-btn{
  position: absolute;
    line-height: 35px;
    height: 47px;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    padding: 0 0px;
    right: 20%;
    top: 8px;
    border: none;
    border-radius:0px;
    background-color: #fff;
}
@media (max-width: 768px) {
  .nav-text {
    display: none; /* Hide extra text on smaller screens */
  }
  
.search-container-header{
  width: 100%;
}
  .navbar-nav {
    text-align: center;
  }
}
.navbar-header-menu{
  padding:20px 5px ;
}
/* search bar */
.search-bar-container {
  display: none;
  justify-content: center;
  position: fixed;
  top: 420px;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  padding: 10px;
  z-index: 9999;
}

.search-form {
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-form input{
  font-size: 20px;
}

.search-input {
  padding: 9px 18px;
  border: none;
  background-color: #fff;
  color: #000;
  width: 500px;
  height: 60px;
  border-radius: 10px;
}

.search-input:focus {
  outline: none;
}

.search-submit {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  border: none;
  padding: 17px;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 7px;
}

.search-submit:hover {
  background-color: #23272B;
  color: #fff;
}
.search-submit i {
  font-size: 24px;
}

@media (max-width: 768px) {
  .search-input {
    width: 200px;
  }
}

.close-menu-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  z-index: 1000;
}

.close-menu-button i {
  color: #333; /* Adjust color to match design */
}
/* sidebar */
.navbar-sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 999;
  transition: opacity 0.3s ease;
}

/* Sidebar container */
.navbar-sidebar {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100%;
  background-color: white;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  padding: 20px;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: right 0.3s ease;
}

/* Sidebar menu styles */
.navbar-sidebar-menu {
  position: relative;
    overflow: hidden;
    height: 100%;
    overflow-y: scroll;
  list-style: none;
  padding: 0;
  margin: 0;
}

.navbar-sidebar-menu li {
  border-bottom: 1px solid #eaeaea;
  padding: 10px 0;
}

.navbar-sidebar-menu li a {
  text-decoration: none;
  font-size: 16px;
  color: #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar-sidebar-menu li:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}
.navbar-sidebar.open {
  right: 0;
}

.navbar-sidebar-overlay.active {
  display: block;
  opacity: 1;
}
.top-banner-section {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 500px;
    overflow: hidden;
    display: flex;
    align-items: end;
    color: white;
}
.top-banner-section video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    object-fit: cover;
}
.top-overlap-section  header{
     position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1;
}
.top-overlap-section  header .my-nav{
  background: transparent;
  color: #fff;
}