@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap");
@import url(icons/material-design-iconic-font/css/materialdesignicons.min.css);
@import url(icons/font-awesome/css/fontawesome-all.css);
.y-pad {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.font-12 {
  font-size: 1.2rem;
}
.aspNetHidden {
  display: none;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #1f1f1f;
}
::-webkit-scrollbar-thumb {
  background: rgb(10 118 128);
}
::-webkit-scrollbar-thumb:hover {
  background: #030300;
}
/* coustom container */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/* wave effect */
.waves-effect {
  position: relative;
  overflow: hidden;
}
.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45);
}
.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7);
}
.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7);
}
.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7);
}
.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7);
}
.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7);
}
.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7);
}
.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none;
}
.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.waves-block {
  display: block;
}
/* wave effect end */
.wrapper {
  position: relative;
  z-index: 2222;
}
/* slider  */
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.home-slider .slick-dots li button:before {
  top: -22px;
  font-size: clamp(25px, 3.2vw, 40px);
  color: #fff;
  opacity: 0.5;
}
.home-slider .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #fab909;
}
.relative {
  position: relative;
}
.home-slider .slick-dots {
  bottom: -20px;
}
.home-slider .slick-dots li {
  width: 3px;
}
.visuallyhidden {
  border: 0px;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  width: 1px;
}
section {
  padding: 70px 0px 30px;
  content-visibility: auto;
  overflow: hidden;
}
.section {
  padding: 70px 0px 30px;
  content-visibility: auto;
  overflow: hidden;
}
.bg-theme-dark-blue {
  background-color: rgb(1, 8, 26);
}
.dark-bg-theme-blue {
  background-color: #003143;
}
.text-theme-blue {
  color: rgb(22, 33, 59);
}
.bg-theme-yellow {
  background-color: rgb(250, 185, 9);
}
.bg-theme-blue {
  /*  background-color: #003760; */
  background: linear-gradient(
    90deg,
    rgb(29 38 90) 0%,
    rgb(0 120 130) 35%,
    rgb(0 56 96) 100%
  );
}
.text-theme-yellow {
  color: rgb(255 255 255);
}
.button-text-yellow {
  color: rgb(233, 174, 11);
}
.text-theme-gray {
  color: rgb(221, 221, 221);
}
.bg-theme-gray {
  background-color: rgb(221, 221, 221);
  box-sizing: border-box;
  clear: both;
}
a {
  text-decoration: none;
  transition: all 0.5s ease 0s;
  font-family: "Open Sans", sans-serif;
}
ul {
  list-style: none;
  margin: 0px;
}
span {
  font-family: "Open Sans", sans-serif;
}
a:hover {
  color: rgb(255, 255, 255);
}
p {
  font-family: "Open Sans", sans-serif;
  font-size: clamp(14px, 1.2vw, 18px);
}
img {
  width: 100%;
}
.grid-self-center {
  display: grid;
  place-self: center;
}
i.icon-holder {
  width: 24px;
  display: inline-block;
  margin-right: 5px;
}
.btn-holder {
  margin-top: clamp(20px, 3.2vw, 40px);
}
.btn-holder a {
  color: rgb(255, 255, 255);
  padding: clamp(5px, 1.2vw, 10px) clamp(14px, 8.2vw, 40px);
  font-weight: bolder;
  font-size: clamp(15px, 3.2vw, 18px);
  border-radius: 2px;
}
.main-header {
  overflow: hidden;
  margin: 0px auto;
  position: static;
  width: 100%;
  background-color: white;
  top: 32px;
  z-index: 9;
}
.main-header .logo-container {
  display: flex;
  align-items: center;
  line-height: 1;
}
.main-header .logo-container .logo-text-holder {
}
.main-header .logo-container .logo-text-holder .head-tag {
  font-size: clamp(30px, 4.2vw, 40px);
}
.main-header .logo-container .logo-text-holder .head-tag + .p-tag {
  font-weight: bold;
  font-size: clamp(22px, 3.2vw, 30px);
}
.head-tag,
.p-tag {
  font-family: proximanovaextracondensedw0Rg;
  margin: 0px;
}
.nav-list {
}

.nav-list li:last-child {
  margin-right: 10px;
}
.logo-holder {
  /* width: 220px; */
  padding: 10px 0;
}
.logo-holder img {
  width: auto;
}
.theme-heading {
  font-size: clamp(30.4px, 3.2vw, 60.8px);
  font-family: Montserrat, sans-serif;
  font-weight: bold;
}
.nav-list li a {
  color: rgb(0, 0, 0);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.8rem;
  position: relative;
  transition: all 0.4s;
}
.nav-list li a:before {
  content: "";
  height: 2px;
  width: 0;
  background: #007981;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transition: all 0.5s;
  transform: translateX(-50%);
}
.nav-list li a:hover::before,
.nav-list li a:hover {
  width: 100%;
  color: #007981;
}
.nav-list ul {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.nav-list ul:has(.icon-holder) a {
  padding: 9px;
  background-color: rgb(250, 185, 9);
  border-radius: 50px;
}
.nav-list ul:has(.icon-holder) a .icon-holder {
  margin: 0px;
}
.togg-btn {
  background-color: rgb(10 118 128);
  height: 60px;
  width: 60px;
  z-index: 2;
  display: none;
  border-bottom-left-radius: 22px;
  border-top-right-radius: 22px;
}
.togg-btn .line {
  height: 3px;
  width: 25px;
  background-color: rgb(255 255 255);
  margin-bottom: 5px;
  display: block;
  margin-left: 30%;
  transition: all 0.5s ease 0s;
}
.togg-btn .line-1 {
  margin-top: 36%;
}
.line-2.active {
  margin-top: -13%;
  transform: rotate(-45deg);
}
.line-3.active {
  margin-top: -13%;
  transform: rotate(-45deg);
}
.line-1.active {
  margin-top: 43%;
  transform: rotate(50deg);
}
.mob-side-nav-container {
  position: fixed;
  width: auto;
  display: grid;
  height: 100vh;
  width: 25vw;
  top: 0px;
  z-index: 3;
  left: -80%;
  padding: 0px;
  transition: all 0.5s ease 0s;
}
.mob-side-nav-container.active {
  left: 0px;
  transition: all 0.5s ease 0s;
  /* padding: 10px 70px; */
  z-index: 9999;
  overflow-y: auto;
}
.mob-side-nav-container .logo-container {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  justify-content: space-evenly;
  border-bottom: 2px dashed rgb(255, 255, 255);
  padding: 5% 0px;
}
.mob-side-nav-container .logo-container .logo-text-holder {
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
  color: rgb(255, 255, 255);
}
.mob-side-nav-container .logo-container .logo-text-holder .head-tag {
  font-size: 30px;
}
.mob-side-nav-container .mob-nav-list > ul {
  margin-top: 53%;
}
.mob-side-nav-container .mob-nav-list > ul .active {
  margin-left: 0px;
  transition: all 0.5s ease-in-out 0s;
}
.mob-side-nav-container .mob-nav-list > ul > li {
  margin: 0.9rem 0;
  margin-left: -100%;
}
.mob-side-nav-container .mob-nav-list > ul li.active:nth-of-type(1) {
  transition-delay: 0.2s;
}
.mob-side-nav-container .mob-nav-list > ul li.active:nth-of-type(2) {
  transition-delay: 0.25s;
}
.mob-side-nav-container .mob-nav-list > ul li.active:nth-of-type(3) {
  transition-delay: 0.3s;
}
.mob-side-nav-container .mob-nav-list > ul li.active:nth-of-type(4) {
  transition-delay: 0.35s;
}
.mob-side-nav-container .mob-nav-list > ul li.active:nth-of-type(5) {
  transition-delay: 0.4s;
}
.mob-side-nav-container .mob-nav-list > ul li.active:nth-of-type(6) {
  transition-delay: 0.45s;
}
.mob-side-nav-container .mob-nav-list > ul li.active:nth-of-type(7) {
  transition-delay: 0.5s;
}
.mob-side-nav-container .mob-nav-list > ul li.active:nth-of-type(8) {
  transition-delay: 0.55s;
}
.mob-side-nav-container .mob-nav-list > ul li.active:nth-of-type(9) {
  transition-delay: 0.6s;
}
.mob-side-nav-container .mob-nav-list > ul li.active:nth-of-type(10) {
  transition-delay: 0.65s;
}
.mob-side-nav-container .mob-nav-list > ul li.active:nth-of-type(11) {
  transition-delay: 0.7s;
}
.mob-side-nav-container .mob-nav-list > ul li.active:nth-of-type(12) {
  transition-delay: 0.75s;
}
.mob-side-nav-container .mob-nav-list > ul li a {
  font-weight: bolder;
  color: #ffffff;
}
.mob-side-nav-container .logo-container .icon-holder {
  filter: invert(1);
}
.home-slider {
  overflow: hidden;
  position: relative;
  top: -100px;
  z-index: -1;
}
.slider-img-holder picture img {
  width: 100%;
}
.slider-img-holder {
  position: relative;
  overflow: hidden;
}
.slider-img-holder::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%; /* background-color: rgba(0, 0, 0, 0.55); */
  top: 0px;
  left: 0px;
}
.home-banner-content {
  position: absolute;
  top: 50%;
  left: -19%;
  transform: translate(-50%, -50%);
  color: rgb(255, 255, 255);
  line-height: 1.2;
  width: calc(32% + 100px); /* margin-left: 5%; */
  transition: all 2s ease 0.5s;
}
.home-banner-content p {
  font-size: clamp(6px, 3.2vw, 19px);
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-weight: 100;
  margin-left: -100% !important;
}
.home-banner-content h2 {
  font-size: clamp(20px, 3.2vw, 60px);
}
.slider-content {
  transition: all 0.5s ease 0s;
}
.home-slider-container .slider-content.slick-center .home-banner-content {
  left: 30%;
  padding: 14px;
  background-color: #10101099;
}
.home-slider-container .slider-content.slick-center .home-banner-content p {
  margin-left: auto !important;
  transition-delay: 1s !important;
}
.home-slider-container
  .slider-content.slick-center
  .home-banner-content:nth-child(2) {
  left: calc(75% + 15px);
  padding: 0 !important;
  background-color: transparent !important;
  width: clamp(200px, 50.2vw, 570px);
  /* filter: drop-shadow(2px 4px 6px black); */
}
.haj-img-holder img {
  width: auto;
  margin-inline: auto;
}
.about-info p {
  font-size: clamp(14px, 1.2vw, 18px);
}
.about-img-holder {
  position: relative;
}
.about-img-holder::before {
  /* content: ""; */
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgb(250, 185, 9);
  z-index: -1;
  top: 20px;
  left: -16px;
}
.counter-wrap {
  margin-bottom: 1rem;
}
.counter-wrap p {
  font-size: clamp(20px, 3.2vw, 34px);
  margin: 0px;
  line-height: 1.2;
}
.counter-wrap p:nth-of-type(2) {
  font-size: clamp(11px, 3.2vw, 18px);
  font-weight: 700;
  white-space: nowrap;
}

/* footer  */

.footer .logo-container .logo-text-holder .head-tag {
  font-size: clamp(30px, 4.2vw, 40px);
}
.footer .logo-container .logo-text-holder .head-tag + .p-tag {
  font-weight: bold;
  font-size: clamp(22px, 3.2vw, 30px);
}
.footer-inner-content {
}
.footer-inner-content .logo-container {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.footer-social-icons {
}
.footer-social-icons .icon-holder {
  /* border: 1px solid #fab909; */
  width: 45px;
  height: 45px;
  /* padding: 5px; */
}
.footer-inner-content .useful-link a {
  color: #fff;
  font-size: clamp(14px, 3.2vw, 14px);
}
.footer-inner-content .useful-link h3 {
  font-size: clamp(15px, 3.2vw, 21px);
  font-weight: 900;
}
.footer-inner-content .useful-link {
  display: flex;
}
.footer-inner-content .useful-link a {
  display: flex;
  align-items: center;
  gap: 5px;
}
.footer-inner-content .useful-link a i {
  width: 10px;
}
.footer-inner-content ul {
  line-height: 2.5;
}
footer {
  padding: 100px 0 !important;
}
.footer-inner-content .logo-holder {
  margin-bottom: 22px !important;
}
@font-face {
  font-family: proximanovaextracondensedw0Rg;
  src: url("../fonts/proximanovaextracondensedw08blk-webfont.woff")
      format("woff2"),
    url("../fonts/proximanovaextracondensedw08blk-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: proximanovaextracondensedw0Rg;
  src: url("../fonts/proximanovaextracondensedw08xbold-webfont.woff")
      format("woff2"),
    url("../fonts/proximanovaextracondensedw08xbold-webfont.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: proximanovaextracondensedw0Rg;
  src: url("../fonts/proximanovaextracondensedw08th-webfont.woff")
      format("woff2"),
    url("../fonts/proximanovaextracondensedw08th-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

section.packages {
  padding: 0;

  position: relative;
  margin-bottom: calc(0% + 10px);
}
section.packages:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: #0c284f;
  z-index: 999;
}

.packages .package-items .item {
  /* padding: 0 20px 0; */
  padding: 0;
  margin: 0;
  transform: translate(0, -3%) scale(0.9);
  transition: 1s;
}
.packages .package-items .item.slick-center {
  padding: 0 27px 0;
  margin: 0 8px;
  transform: translate(0, -3%) scale(0.9);
}
.packages .package-items .item a {
  display: inline-block;
}
.package-items .slick-track {
  display: flex;
  gap: 10px;
}

.package-items .slick-track a {
  transform: translate(0, -8%) scale(0.8);
  transition: 0.5s;
}

.package-items .slick-track a img {
  width: 100% !important;
}

.package-items .slick-track a.slick-current.slick-active.slick-center {
  transform: translate(0, 0) scale(1.02);
}

/* testtimonial  */

.traveller-review {
  background-image: linear-gradient(45deg, #0000009c, #00000080),
    url(../img/home/Layer19.jpg);
  background-size: cover;
  background-position: center;
  color: #fff;
  padding-inline: clamp(6px, 6.2vw, 260px);
  padding: clamp(10rem, 10.3vw, 100px);
}
.traveller-review .tralvr-row {
  padding: 0;
  margin-left: calc(20% - 50px);
  margin-right: calc(20% - 50px);
}
.traveller-review .tralvr-row li {
}

.traveller-review .tralvr-row p {
  font-style: italic;
}
.traveller-review .slick-prev:before,
.traveller-review .slick-next:before {
  display: none;
}
.traveller-review .tralvr-row i {
  top: 0;
  width: 10px !important;
}

.traveller-review .tralvr-row i img {
  width: 100%;
}

/* our services  */

.our_services {
}

.our_services .ser-content {
  margin: 0 auto;
  padding-bottom: 50px;
}

.our_services .ser-content a {
  display: block;
  color: inherit;
}

.our_services .ser-content a .img-block {
  height: 330px;
  box-shadow: 0px 0px 24px -24px #000;
}

.our_services .ser-content a .img-block img {
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.our_services .ser-content a .heading-block {
}

.our_services .ser-content a .heading-block h2 {
  font-size: clamp(17px, 3.2vw, 22px);
  padding: 35px 12px;
  margin: 0;
  background-color: #fff;
  margin-top: 20px;
}
.service-intro {
  position: relative;
  width: 100vw;
  margin-inline: 50%;
  transform: translateX(-50%);
  color: #fff;
}
.service-intro:before {
  position: absolute;
  content: "";
  top: -70px;
  left: 0;
  height: 300px;
  width: 100%;
  background-color: #003760;
  z-index: -1;
}

/* sponser  */
.our_sponser {
  padding-bottom: 70px;
}
.sponser-row {
  display: flex;
  justify-content: space-around;
}
.sponser-row .slick-track {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
}
.sponser-row .slick-track a {
  width: 200px;
}
.sponser-row .slick-track a img {
  width: 100px;
  margin: 0 auto;
}
.copyright p {
  font-size: 11px;
}
/* contact us page */
.contact-us.pd-b {
  padding-bottom: 6rem;
}
.bg-holder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.slider-img-holder.bg-holder {
  height: 500px;
}
.form-label {
  font-weight: 500;
}
.bg-holder::before {
  background-color: rgba(0, 0, 0, 0.55);
}
.page-hd {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  color: #ffff;
}
.page-hd h1 {
  font-size: 3.4rem;
  font-weight: 700;
}
.card-body.step-basix {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.card.bsix-form.my-4 {
  border: 1px solid #007dff;
}
.card.bsix-form.my-4.bg-cl {
  /* background: rgb(0 0 0 / 70%); */
  background: linear-gradient(
    90deg,
    rgb(0 150 155 / 59%) 0%,
    rgb(9 9 121 / 85%) 35%,
    rgb(2 0 36 / 74%) 100%
  );
  box-shadow: rgb(0 0 0 / 70%) 0px 20px 30px -10px;
  margin-top: 0 !important;
}
.form-detail label {
  color: #fff !important;
}
.roomSection-inner ul li label {
  color: #000 !important;
  border-radius: 3px;
  padding: 0 3px;
}
.wizard > .actions a {
  background: #00969b;
}
.wizard > .actions a:hover {
  background: #00969b;
  opacity: 0.9;
  border-radius: 0;
}
.wizard > .steps .current a {
  background: #ff9b00;
}
.main-banner {
  background-image: url(../img/home/umrah-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

span.number {
  display: none;
}
/* travler detail */
.travellers .all-traveller {
  position: relative;
}
.occupancy-Wrap {
  width: 100%;
  left: 0;
  z-index: 2;
  top: 72px;
  border: 0 solid rgba(0, 0, 0, 0.15);
  border-radius: 0.42rem;
  -webkit-box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
  box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
  padding-top: 0 !important ;
}
.floating-label.travellers {
  position: relative;
}
.all-traveller p {
  color: #000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.all-traveller p:before {
  content: "";
  width: 2px;
  height: 47%;
  background: #a0a0a0;
  position: absolute;
  left: 15px;
  right: 0;
  margin: auto;
}
.roomSection h3 {
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 1rem;
  flex: 100%;
  max-width: 100%;
  display: block !important;
  margin-left: 3.5rem;
  margin-bottom: 0 !important;
}
.roomSection h6 {
  position: relative;
  top: 0;
  left: 0;
  font-size: 12px;
  color: #666;
  padding: 5px 0 10px;
  white-space: nowrap;
  font-weight: 600;
  margin-bottom: 0 !important;
}
ul.roomNo {
  display: inline-block;
  width: 100%;
  position: relative;
  padding-right: 20px;
}
button.addRoomLink,
a.addRoomLink {
  color: #3699ff;
  background-color: transparent;
  border: 0;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 0;
  position: relative;
  top: -6px;
  cursor: pointer;
}
.hidden {
  display: none !important;
}
li.floating-label {
  position: relative;
}
li.floating-label label {
  position: absolute;
  top: -10px;
  left: 11%;
  font-size: 0.8rem;
  background: #fff;
}
.roomSection ul {
  display: flex;
  align-items: center;
  padding: 0 !important;
  justify-content: center;
  flex-wrap: wrap;
  transform: translateX(-14px);
}
ul.roomNo li,
ul.age-wrap li {
  flex: 0 0 27%;
  max-width: 27%;
  padding-right: 1.4rem;
}
/* error msgs */
.upper-search .all-traveller small.errorMsg {
  bottom: -32px;
  right: -25px;
}
.upper-search small.errorMsg {
  color: #eca117;
}
small.errorMsg {
  font-size: 11px;
  color: #f00;
  text-align: left;
  display: block;
  font-weight: 500;
  padding-top: 3px;
  position: absolute;
  width: 100%;
  line-height: 11px;
}
.wizard > .content > .body ul {
  list-style: none !important;
}
.occupancy-Wrap.floating-form .footer {
  display: flex;
  align-items: center;
  justify-content: end;
  position: absolute;
  right: 4%;
  top: 40px;
  transform: translateY(-50%);
  z-index: 345345;
}
/* delete room */
span.delete-room i {
  font-size: 1.5rem;
  color: #ff0000;
  transition: all 0.3s;
  cursor: pointer;
}
span.delete-room i:hover {
  opacity: 0.5;
}
/* step pages */
.hd-detail h4 {
  color: #007981;
  position: relative;
  margin-bottom: 0.5rem;
  font-weight: 700;
  padding-left: 0.6rem;
  /* font-size: 1.2rem; */
}
.home-pg h4 {
  color: #fff;
  background: #012844;
  display: inline-block;
  padding: 0.4rem 1rem;
  margin-left: 7%;
  border-radius: 6px;
  font-weight: 500;
  margin-bottom: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 1.2rem;
}

.hd-detail h4:before {
  content: "";
  height: 100%;
  width: 4px;
  left: 0;
  top: 0;
  background: #003860;
  position: absolute;
}

.view0all {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.view0all a {
  display: inline-block;
  background: #614852;
  padding: 0.7rem 2rem;
  color: #fff;
  transition: all 0.5s;
}
.view0all a:hover {
  opacity: 0.8;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.htl-ht {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.coanvas-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
} /* ranking star */
span.ranking-starts {
  display: block;
}
span.ranking-starts i {
  font-size: 1.2rem;
  color: orange;
}
.near-plc p {
  margin-bottom: 0.3rem;
  background: rgb(107 153 155 / 98%);
  padding: 0 0.4rem;
  border-radius: 3px;
  display: inline-block;
  color: #fff;
  font-size: 0.8rem;
}
.near-plc p span {
  margin-left: 1rem;
  font-weight: 600;
  color: #ffa000;
}
.detail-hotel {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.fd-back {
  display: flex;
  flex-direction: column;
  justify-content: space-between !important;
}
.near-plc p:nth-of-type(2) {
  display: block;
}
.loc i img {
  height: 15px;
  width: 15px;
  margin-right: 0.4rem;
}
.loc span {
  font-size: 0.8rem;
}
.pre {
  display: flex;
  justify-content: center;
}
.under p {
  color: orange;
  font-size: 0.8rem;
}
.under {
  padding-right: 1rem;
}
.estimate span {
  font-weight: 600;
  background: rgb(0 150 155 / 68%);
  display: inline-block;
  padding: 0.6rem;
  color: #ffff;
  border-bottom-left-radius: 14px;
  box-shadow: rgb(0 0 -2 / 10%) 0px 5px 15px 0px;
}

.price h3 span {
  display: block;
  font-size: 45%;
  text-align: end;
  padding: 0.4rem;
}

.price h3 {
  font-size: 1.4rem;
  font-weight: 700;
  text-align: end;
}

.slect span {
  font-size: 0.8rem;
  display: block;
  text-align: end;
}
.slect {
  display: inline-block;
  float: right;
}
.slect a {
  padding: 0.5rem !important;
  background: #329499;
  display: inline-block;
  align-items: center;
  justify-content: center;
  color: #ffff;
  margin-top: 0.5rem;
  transition: all 0.5s;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 400;
  width: 110px;
}
.n-pkages .slect a {
  width: 125px !important;
}
.slect.inner-pag {
  float: right;
}
.slect a:hover {
  opacity: 0.8;
  box-shadow: rgb(0 0 0 / 20%) 0px 12px 28px 0px,
    rgb(0 0 0 / 10%) 0px 2px 4px 0px,
    rgb(255 255 255 / 5%) 0px 0px 0px 1px inset;
}
.hotel-card .card {
  box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
  overflow: hidden;
}
.steps.clearfix ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.loc.van-inn span {
  display: block;
  padding-top: 0.5rem;
}

span.tranprot-name {
  font-size: 60%;
  font-weight: bold;
  color: #ffff;
  background: #08304480;
  padding: 0.1rem 0.3rem;
  display: inline-block;
  border-radius: 3px;
}
.pre.vehical-rview {
  justify-content: flex-end;
}
.pre.vehical-rview .under {
  padding-right: 0;
  text-align: end;
}

.wizard > .steps > ul > li:last-child a:before {
  content: "";
  height: 0;
  width: 0 !important;
  position: absolute;
  background: #e2e1e0;
  right: -94px;
  transition: all 0.4s;
}
.btn-green p {
  background: #00d5a4;
}
/* banner image */
.card-body.step-basix {
  box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
  padding: 1.5rem;
}
li.age.floating-label label {
  color: #000 !important;
}
.hotel-card {
  border-radius: 6px;
  padding: 1.2rem 1rem;
  background: whitesmoke;
}
/* theme desgin */
.meditory {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}
.button a {
  background: #329499;
  padding: 0.5rem 1.5rem;
  color: #fff;
  border-radius: 4px;
  transition: all 0.5s;
}

.button a:hover {
  opacity: 0.9;
  border-radius: 0;
}

.help-text {
  color: #fff;
}
.main-steps {
  padding: 8rem 0;
}
.travellers .all-traveller {
  position: relative;
}
.ico-size {
  font-size: 1.6rem;
}
/* agent visa */
.agnt {
  height: 150px;
  width: 300px;
}
.agnt img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.m-ser {
  display: flex;
  position: relative;
  padding: 1rem;
  gap: 1.2rem;
}
.bsc-info {
  position: absolute;
  right: 0px;
  background: #38554f;
  padding: 0.2rem 1rem;
  top: 6px;
  font-size: 0.8rem;
  font-weight: bold;
  color: #fff;
  box-shadow: rgb(0 0 0 / 16%) -1px 0px 8px, rgb(0 0 0 / 23%) 0px 3px 6px;
}
.agnt-hd h4 {
  font-size: 1.2rem;
}

.agnt-hd ul {
  display: flex;
}
.agnt-hd ul li {
  padding: 0.1rem 1rem;
  background: #e8e5e0;
  margin-right: 0.5rem;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 500;
}
.s-vis > ul {
  margin: 0.6rem 0;
  margin-top: 1rem;
  font-size: 0.8rem;
}
.s-vis > ul li {
  line-height: 1.66;
}
.price_sel {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.price_sel span {
  font-weight: bold;
  font-size: 1.4rem;
  color: #003960;
  margin-bottom: 0.6rem;
}
.price_sel a,
.oth-services a,
.book-Detail-se a {
  color: #fff;
  padding: 0.5rem 2rem;
  background: #329499;
  font-size: 0.9rem;
  transition: all 0.5s;
}
.price_sel a:hover,
.oth-services a:hover,
.book-Detail-se a:hover {
  opacity: 0.9;
}
.agnt-hd ul li a:hover {
  color: #00b16d;
}

.btn-primary {
  background: #007981;
  border-color: #007b83;
  transition: all 0.4s;
}

.btn-primary:hover {
  background: #007b83;
  opacity: 0.9;
  border-radius: 0;
  border-color: #007b83;
}
/* login styling */
.log-hd {
  display: flex;
  align-items: center;
  justify-content: center;
}

.log-in h4 {
  font-weight: 700;
  position: relative;
  color: #11456b;
  padding-right: 6px;
  border-radius: 14px;
  line-height: 1;
  margin-bottom: 2.2rem;
}

/* coutorm floating */
.login-box {
  padding: 3rem 1rem;
  border-radius: 6px;
}
.login-box h2 {
  margin: 0 0 30px;
  padding: 0;
  color: #fff;
  text-align: center;
}
.login-box .user-box {
  position: relative;
}
.login-box .user-box input {
  width: 100%;
  font-size: 16px;
  margin-bottom: 18px;
  border: 1px solid #007b83;
  border-radius: 3px;
  outline: none;
  padding: 0.6rem 0.8rem;
}
.login-box .user-box label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.6rem 0.6rem;
  font-size: 16px;
  pointer-events: none;
  transition: all 0.3s;
}
.login-box .user-box input:focus ~ label,
.login-box .user-box input:valid ~ label {
  top: -10px;
  left: 6px;
  color: #007b83;
  font-size: 12px;
  background: #ffffff;
  padding: 0 0.6rem;
}
/* login bg */
.bg-login {
  background-image: url(../img/home/umrah-login.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.login-bsci {
  padding: 0 !important;
  overflow: hidden;
}

/* selection page styling */
.main-select-hotel {
  background: #e4eaee;
}
.sm-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.6rem 0;
}
.back-hm {
  display: flex;
  align-items: center;
  justify-content: center;
}
.back-hm a,
.back-hm a:hover {
  display: inline-block;
  padding: 0.5rem 1.2rem;
  border-radius: 5px;
  font-size: 1rem;
  color: #ffffff;
  font-weight: 900;
  background: #007b83;
}
.hotel-na h4 {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  margin-bottom: 0.3rem;
}
.hotel-na h4 span {
  padding-left: 0.6rem;
}
.hotel-na h4 span i {
  font-size: 1rem;
}
ul.inner-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 0;
}
ul.inner-detail li {
  padding-right: 1rem;
  font-size: 0.8rem;
}
ul.inner-detail li:not(:last-child) {
  position: relative;
}
ul.inner-detail li:not(:last-child)::before {
  content: "";
  height: 70%;
  right: 7px;
  position: absolute;
  top: 4px;
  width: 2px;
  background: #003860;
}
.\31 -sa ul {
  padding-left: 0;
}
/* gallery image */
.card-detail {
  padding: 0 0 3rem 0;
}
.gl-img {
  height: 200px;
  width: 100%;
}
.gal-det img {
  width: 100%;
  object-fit: cover;
  padding: 0.3rem 0;
  object-position: top;
  height: 200px;
}
.iner-img img {
  height: 100px;
}
.check-out {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 1rem;
}
.font-8 {
  font-size: 0.8rem;
  color: #808080;
}
.bg-int {
  padding: 1rem 0 0;
  border-top: 1px solid gainsboro;
}
.room-info p:first-of-type {
  margin-top: 1rem;
  margin-bottom: 0;
}
.room-info p strong ~ strong {
  padding-left: 1rem;
}
.date-info ul li i {
  color: #808080;
  padding-right: 0.4rem;
}
.date-info ul {
  padding-left: 0;
}
.date-info ul li {
  font-size: 0.8rem;
}
.multiple-images {
  display: none;
  visibility: hidden;
}
.b-none {
  border: none;
  background: transparent;
}
.d-flex.flex-row.tab-icon {
  border: 1px solid #007d85;
  border-radius: 8px;
}
.tab-icon {
  border: 1px solid #0070fc;
  border-radius: 8px;
  overflow: hidden;
}
div.tab-content {
  border-left: 1px solid #007d85;
}
a.nav-link i {
  color: #007d85;
}
a.nav-link.active i {
  color: #ffffff;
}
a.nav-link:first-child,
a.nav-link:last-child {
  border-radius: 0;
}
h3.tab-tile {
  padding: 1rem;
  margin: 0;
  font-size: 1.2rem;
  background: #efefef;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #007b83;
}

/* 5th step guest login */
.cut-line {
  position: relative;
}
.cut-line:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.3px;
  height: 52%;
  background: #007b83;
}
.register.text-center a:hover {
  color: #00466b;
}
p.or-eff {
  text-align: center;
  padding: 1rem;
  margin-bottom: 0;
  position: relative;
  color: #a1aeaf;
  font-weight: 700;
}
p.or-eff:before,
p.or-eff:after {
  content: "";
  position: absolute;
  height: 0.4px;
  width: 15%;
  background: #007b83;
  top: 50%;
  transform: translateY(-50%);
}
p.or-eff:before {
  left: 33%;
}
p.or-eff:after {
  right: 33%;
}
a.waves-effect.waves-dark.show-reg {
  background: transparent;
  padding: 0.4rem 2rem;
  text-decoration: underline;
}
.slect.go-h {
  display: inline-block;
}
.slect.go-h a {
  padding: 0.6rem 2rem;
  margin-top: 2rem;
}
.r-types-body {
  background: #efefef;
  padding: 1rem;
}
.price-count p {
  margin: 0;
}
p.price {
  font-size: 1rem;
  font-weight: 600;
}
p.no-refund span {
  color: #ff0000;
  font-size: 0.8rem;
  cursor: pointer;
}
.price-count {
  text-align: right;
}
/* check box */
.meal-plan input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
.meal-plan .custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.15625rem;
  opacity: 0;
}
.meal-plan .custom-checkbox .custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  display: inline-block;
}
.meal-plan .custom-checkbox .custom-control-label::before,
.meal-plan .custom-file-label,
.meal-plan .custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.meal-plan .custom-checkbox .custom-control-label::before {
  position: absolute;
  top: 0.15625rem;
  left: -1.5rem;
  display: block;
  width: 20px;
  height: 20px;
  pointer-events: none;
  content: "";
  background-color: #343a40;
  border: #495057 solid 1px;
}
.meal-plan .custom-checkbox .custom-control-label::after {
  position: absolute;
  top: 0.15625rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}
.meal-plan .custom-control {
  position: relative;
  display: block;
  min-height: 1.3125rem;
  padding-left: 1.5rem;
}
.meal-plan
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label::after {
  background-image: url(../img/icon/tick-ico.svg);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  background-color: #00989d;
}
.rm-img {
  /* height: 150px;
  width: 150px; */
  overflow: hidden;
}
.r-types-body.mdeh-bdy > .row {
  align-items: end;
}
.rm-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.meal-plan {
  margin: 0.5rem 0;
}
.hd-item-oc span {
  display: block;
  text-align: center;
}
.b-l-r {
  border-right: 1px solid #cdc8c8;
  border-left: 1px solid #cdc8c8;
}
.meal-plan span {
  font-weight: 600;
  font-size: 0.9rem;
}
.meal-plan label.custom-control-label {
  font-size: 0.8rem;
  color: #00969b;
  font-weight: 500;
}
.rm-detail ul {
  font-size: 0.9rem;
  font-weight: 600;
}

.rm-detail ul i {
  color: #06a977;
  margin-right: 0.4rem;
}

.rm-detail ul li {
  line-height: 2;
}
.more-detail {
  color: #140fff;
}
.hd-item p strong {
  color: #ffffff;
  font-weight: 600;
  font-size: 0.9rem;
}
.bd-r {
  border-right: 1px solid #cdc8c8;
}
.hd-total h3 {
  text-align: end;
  font-size: 1.4rem;
  font-weight: 800;
  color: #003860;
}
.r-types-header {
  background: #007d85;
  padding: 0rem 0.5rem;
  margin-bottom: 1rem;
}

.r-types-header p {
  margin: 0;
}
.final-types-body {
  background: #00ff131f;
  padding: 1rem;
}

.desc p {
  margin-bottom: 0.3rem;
  font-size: 0.8rem;
}
.amenities ul {
  list-style: disc !important;
  padding-left: 1rem;
}
.amenities ul li {
  list-style: disc;
}
.amenities p strong {
  font-weight: 800;
  font-size: 1rem;
}
.desc p strong {
  font-size: 1rem;
  font-weight: 600;
  display: inline-block;
  color: #00969b;
}

/* comment section */
.per-profile h5 {
  font-size: 1rem;
  font-weight: 500;
  color: #414242;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.per-profile h5 span {
  padding-left: 1rem;
}
.review ul li {
  background: #f8f8f8;
  padding: 0.3rem 0.6rem;
}
.per-comment p {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 500;
}
.review ul li {
  margin-bottom: 0.4rem;
}
.mkah-hd h2 {
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  color: #007b83;
}
/* step detail */
.wizard > .steps > ul > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ext-detail > span {
  background: #003860;
  padding: 0.2rem 1rem;
  border-radius: 4px;
  color: #fff;
  font-size: 0.8rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.3rem;
}
.ext-detail {
  transform: translateY(-5px);
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
}
.done .ext-detail {
  transform: translateY(0px);
  visibility: visible;
  opacity: 1;
}

/* coustom sweet alert */
.step {
  flex: 0 0 50%;
  max-width: 50%;
  border: 1px solid #cec6b8;
  padding: 1rem;
}
.step-outer.d-flex.ng-star-inserted {
  padding: 0.5rem;
}
.step-outer.d-flex.ng-star-inserted p {
  font-size: 0.8rem;
}
.swal2-icon .swal2-icon-content {
  font-size: 1.75em !important;
}
.swal2-info {
  height: 40px !important;
  width: 40px !important;
}
/* transport new styling */
.trs h4.Card.Title {
  font-size: 1.2rem;
}
.wrapper-2 .slect.go-h {
  float: initial;
}
/* new hotel card styling */
.coanvas-img {
  position: relative;
}

.htl-list {
  position: absolute;
  bottom: 5px;
  left: 10px;
  background: #003860;
  max-width: 230px;
  border-radius: 4px;
  color: #fff;
  padding: 0.2rem 1rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.eminties ul {
  display: flex;
  align-items: center;
  padding: 1rem 0;
}

.eminties ul li {
  /*   height: 30px;
  width: 30px;
  margin-right: 1.5rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px,
    rgb(60 64 67 / 15%) 0px 2px 6px 2px; */
}
.eminties ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-count: 2;
}

.eminties ul li {
  padding-right: 1rem;
  list-style: circle;
  margin-left: 1rem;
}
.eminties ul li img {
  height: 70%;
  width: 70%;
  object-fit: contain;
}
/* transport new styling */
.trns-img {
  position: relative;
}
.pr-tag {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 23;
}
.pr-tag p {
  margin: 0;
  display: inline-block;
  background: #003860;
  padding: 0.2rem 1rem;
  color: #fff;
  border-top-right-radius: 10px;
  font-size: 0.8rem;
  font-weight: 700;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.vhi-dec p {
  margin-bottom: 0;
  font-size: 0.8rem;
  margin-top: 0.4rem;
}
/* popup desing */
.popup-detail {
  display: flex;
  justify-content: center;
  position: relative;
  background: #004a4e0f;
}
.popup-detail div {
  flex: 0 0 50%;
  max-width: 50%;
}
.popup-detail:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 70%;
  width: 1px;
  background: #004a4e;
}
.inner_1 {
  padding: 1rem 0.5rem;
}
.inner_1 p span {
  display: block;
  font-weight: 700;
  font-size: 90%;
}
/* Visa Services */
.ser-card {
  flex-direction: column;
}
.ser-item input[type="checkbox"] {
  accent-color: #007b83;
  height: 16px;
  width: 16px;
}
.ser-item div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.log-regis {
  padding: 2rem;
}
.back-log a {
  display: inline-block;
  background: #003860;
  color: #ffff;
  padding: 0.3rem 1rem;
  font-size: 0.8rem;
  font-weight: 800;
}
/* services __new style */
.s-vis {
  display: flex;
  align-items: center;
}
.price_sel span > span {
  font-size: 50%;
  display: block;
  text-align: end;
  margin: 0;
}
/* coustom check box styling */
.rd-item label {
  width: 100%;
  background: #e4eaee;
  padding: 0.8rem;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.rd-item label span ~ span input[type="checkbox"] {
  height: 17px;
  width: 17px;
  accent-color: #007b83;
}
.rd-item label span ~ span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.rd-item {
  margin-bottom: 1.5rem;
}
.rd-item label span i {
  color: #007b83;
  padding-right: 0.4rem;
}
.steps.clearfix ul li a ~ p {
  font-weight: 700;
  font-size: 0.8rem;
  color: #003860;
  margin-bottom: 0.2rem;
}
.display-none {
  display: none !important;
}
.actions.clearfix {
  display: none;
}
.oth-services,
.book-Detail-se {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.loc.van-inn {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 0.6rem;
}
/* new hotel list filter desgin */
.fillter_area {
  border: 1px solid #f4f4f4;
  background: whitesmoke;
}
/* .s-ted-range {
  display: none;
} */
.flt-hd {
  background: #003960;
  color: #fff;
  padding-left: 0.4rem;
  padding: 0.2rem;
}
.flt-inr-hd strong {
  padding: 0.4rem;
  font-size: 0.8rem;
  display: inline-block;
  width: 100%;
  background: #e2eaee;
}
.prc-box {
  display: flex;
  flex-direction: column;
  padding: 0.7rem;
  text-transform: capitalize;
}
.prc-box label {
  font-size: 0.8rem;
}
.prc-box label span {
  padding-left: 0.4rem;
}
.flt-inr-hd p {
  padding: 0.3rem;
  font-size: 0.8rem;
  margin-bottom: 0;
}
.togg-btn {
  cursor: pointer;
}
/* pricing slider */
.price-range-slider {
  width: 100%;
  float: left;
  padding: 20px;
}
.hd-item-oc {
  color: #ffff;
  align-items: center;
  margin-bottom: 1rem;
  background: #003860;
  display: inline-flex;
  padding: 0.4rem;
}
.rm-detail > ul {
  padding-left: 1.6rem !important;
}
.price-range-slider .range-value {
  margin: 0;
}
.price-range-slider .range-value input {
  width: 100%;
  background: none;
  color: #000;
  font-size: 16px;
  font-weight: initial;
  box-shadow: none;
  border: none;
  margin: 0px 0 20px 0;
}
.price-range-slider .range-bar {
  border: none;
  background: #000;
  height: 3px;
  width: 96%;
  margin-left: 8px;
}
.price-range-slider .range-bar .ui-slider-range {
  background: #06b9c0;
}
.price-range-slider .range-bar .ui-slider-handle {
  border: none;
  border-radius: 25px;
  background: #fff;
  border: 2px solid #06b9c0;
  height: 17px;
  width: 17px;
  top: -0.52em;
  cursor: pointer;
}
.price-range-slider .range-bar .ui-slider-handle + span {
  background: #06b9c0;
}
/* ext stling */
span#makhaMadina {
  color: #000;
  font-weight: 700;
  font-family: sans-serif;
}
.tranport_hidden {
  display: none;
}
.aldgt {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rout-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
/* visa services passenger detail */
.png-hd h4 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #003960;
}
.selct-servc {
  display: none;
}
.brd {
  border: 1px solid #00969b;
  margin-bottom: 1rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 3rem 1rem;
  padding-bottom: 5rem;
  position: relative;
}
.not-brd {
  border: none !important;
}

/* confirmation detail */
.child-iner-item p {
  margin-bottom: 0.2rem;
  font-size: 0.8rem;
}
.innter-det h5 {
  margin: 1rem 0 0.5rem 0;
  font-size: 1rem;
  font-weight: 700;
}
.child-det {
  padding: 1rem;
  height: 100%;
  transition: all 0.5s;
}
.child-det h4 {
  font-weight: 700;
  color: #003960;
  font-size: 1.3rem;
  font-family: sans-serif;
  position: relative;
  margin-bottom: 1rem;
}
.child-det h4:before {
  content: "";
  height: 3px;
  width: 32%;
  background: #007b83;
  position: absolute;
  bottom: -3px;
  left: 0;
  border-radius: 50px;
}
.booking-Detail .row .col-md-4 {
  margin-bottom: 1.4rem;
}
/* umrah Pakages styling*/
li.pr-range {
  display: flex;
  align-items: end;
  justify-content: flex-end;
}
.pr-range .slect {
  width: auto !important;
}
span.what-app a i {
  font-size: 1.6rem;
  padding: 0.5rem;
  cursor: pointer;
  color: #1dc21d;
}
.title .pkg-title {
  background: #e9e4e4;
  padding: 0.4rem 1rem;
  color: #003960;
  border-radius: 4px;
  font-size: 1rem !important;
  text-align: center;
  font-weight: 700;
}
.pr-tag.date p span {
  display: block;
  background: #fff;
  color: #000;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: 2px solid #003960;
}
.pr-tag.date p strong {
  padding: 0.2rem 1rem;
  font-weight: 700;
  font-family: sans-serif;
  font-size: 1.2rem;
}
.pr-tag.date p {
  padding: 0;
}
ul.p-0.gap-4.main_menues li a {
  width: 100%;
}

/* submenues */
ul.sub_menu {
  padding: 0.3rem 0;
  background: #080d50;
  display: none;
  border-left: 1px dashed #fff;
}
ul.sub_menu li {
  width: 100%;
  background: transparent;
  padding: 0.5rem 1rem;
  line-height: 2;
  position: relative;
  transition: all 0.2s !important;
}
ul.sub_menu li:hover {
  background: #007882;
}
ul.sub_menu li a {
  font-size: 0.8rem;
  transition: all 0.5s;
  display: inline-block;
}
ul.sub_menu li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  height: 3px;
  width: 0%;
  background: #fbf8f3;
  transition: all 0.5s;
}
ul.sub_menu li:hover::before {
  width: 8%;
}
ul.sub_menu li:hover a {
  transform: translateX(20px);
}
ul.sub_menu li a:hover {
  color: #f5b502;
}
.main_menues li {
  padding: 0 1rem;
}
li.sub_links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-ico-size {
  font-size: 1.5rem;
}
li.sub_links a span i {
  transition: all 0.5s;
  display: inline-block;
}
li.icoactive a span i {
  transform: rotate(90deg);
}
.bg-ser {
  background: #e8eef1;
}
/* Ramdan Ashra Pakages */
.pk-hd h3 {
  padding: 0.6rem 0.2rem;
  background: #003a60;
  color: #fff;
  text-align: center;
  font-size: clamp(1.3rem, 1.6vw, 100px);
  margin-bottom: 1.4rem;
  font-weight: 700;
  font-family: sans-serif;
}
.rm-pkg-detail ul.inner-detail {
  justify-content: flex-start;
}
.rm-pkg-src {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.rm-pkg-src li span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.rm-pkg-src li {
  padding-right: 1rem !important;
}
.rm-pkg-src li span i {
  font-size: 1.2rem;
}
.mux-pkg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
}
.halal img {
  height: 50px;
  width: 50px;
}
.date-info {
  margin: 0.5rem 0;
}
.pkg-card-det {
  padding-bottom: 0 !important;
}
.pkg-h {
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}
.pkg-info-dt {
  padding: 10px 0px 24px;
}
li.sv-icon span img {
  height: 40px;
  width: 40px;
  margin-right: 0.3rem;
}
.hd-dlt ul {
  display: flex;
  align-items: center;
  padding-left: 0;
}
li.sv-icon {
  display: flex;
  align-items: center;
}
li.sv-icon span {
  font-size: 0.7rem;
  font-weight: 800;
  padding-left: 0.4rem;
  display: inline-block;
}
li.sv-icon span i.mdi {
  font-size: 2rem;
  color: #003860;
}
li.sv-icon span i.fa {
  font-size: 1.4rem;
  color: #003860;
}
i.fa.fa-plane.right-plan {
  transform: rotateZ(300deg);
}
i.fa.fa-plane.left-plan {
  transform: rotateZ(230deg);
}
li.sv-icon span strong {
  font-size: 0.9rem;
}
i.fa.fa-plane.es-lef {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.8rem;
}

span.es-time {
  position: relative;
}

span.es-time:before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  height: 2px;
  width: 84%;
  border: 1px dashed #003860;
}
span.ranking-starts.md-start-rating i {
  font-size: 0.8rem !important;
  color: orange !important;
}
.hd-cnt ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.hd-cnt ul li {
  padding: 0 0.6rem;
}
.hd-dlt {
  border-right: 1px dashed gray;
}
.detail-items .row:not(:last-child) {
  margin-bottom: 2rem;
}
.detail-items {
  padding: 2rem 1rem;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 14px;
}
.hotel-na.pkg-h.md-sk {
  margin-top: 2rem;
}

.hotel-na.pkg-h.md-sk ul {
  list-style: circle;
  margin-bottom: 1rem;
}
.hotel-na.pkg-h.md-sk a {
  color: #142a5b;
  transition: all 0.3s;
  font-weight: 800;
}
.hotel-na.pkg-h.md-sk a:hover {
  color: #0ae5f3;
}
.in-last {
  margin-bottom: 0 !important;
}
.detail-items:hover {
  border: 1px solid #007d85;
}
.detail-items {
  border: 1px solid transparent;
}
.db-length {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.pricing-sb {
  padding-right: 1rem;
}
.pricing-sb h5 {
  font-size: 1rem;
}
.pricing-sb h5 span {
  font-size: 80%;
  display: block;
}
.inc-bg {
  background-image: url(../img/home/enclution.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: right;
  background-color: #e4eae4;
  color: #003b60;
}
.ac-c {
  padding: 1rem;
}
.trns-img.spe-pkgs {
  height: auto;
}
section.tab-action {
  padding: 22px 0 33px;
}
span.what-app {
  margin-left: 72px;
}
/* 02-0523 */
.pr-range {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pr-range p {
  margin-bottom: 0;
}
.hid_Den {
  display: none;
}
.tranport_hidden .trs .row {
  flex-direction: column;
}
.tranport_hidden .trs .row > div {
  width: 100%;
}
ul.round-trip {
  margin-bottom: 1.56rem;
  list-style: circle;
  padding-left: 3rem;
}
ul.round-trip li {
  line-height: 2rem;
}
.no-bg {
  background-image: none;
}
/* day wise styling */
.no-bg h5 {
  font-family: "Material Design Icons";
  font-weight: 600;
}
.inc-bg.no-bg h5 strong {
  padding-right: 0.5rem;
  font-family: monospace;
  color: #00969b;
}
.no-bg h5 span {
  display: block;
  font-size: 70%;
  line-height: 2rem;
}
.no-bg ul {
  margin-bottom: 2.5rem !important;
  line-height: 1.8rem;
}
.childAge > div {
  display: none;
}

.childAge > div.active {
  display: block;
}
/* delete button */
a.delete-room {
  font-size: 1.34rem;
  padding: 1rem;
  height: 20px;
  width: 20px;
  background: #e6e2da;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
a.delete-room:hover,
a.delete-room:active {
  background: #ff0b30;
}
.r-types-body.mkh-bd > div.row {
  align-items: end;
}
.rm-detail ul {
  padding: 0 !important;
}
.meal-plan {
  display: flex;
  flex-wrap: wrap;
}
.meal-plan > div {
  padding-right: 0.8rem;
}
/* transport */
.card.mb-3.trs > .row {
  flex-direction: column;
}
.card.mb-3.trs > .row > div {
  width: 100%;
}
.add_more a {
  color: #fff;
  background-color: #0072fb;
  border: 0;
  font-size: 12px;
  font-weight: 600;
  padding: 5px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 4px;
}

.add_more {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transform: translateX(-4%);
}
.col.label-des {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 1rem;
}

.add_more a:hover {
  background: #ed1c1c;
  color: #ffffff;
}
a.add_Clone:hover {
  background: green;
}
h4.desi_nation {
  font-size: clamp(1rem, 1vw, 100px);
  font-weight: 700;
  color: #fff;
}
.desti_clone .col.label-des {
  margin-top: 0 !important;
}
.m-eq {
  margin-top: -1.6px;
}
.canvas-rel {
  position: relative;
}
.back-tile {
  position: relative;
}

.back-tile span {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  background: #007f87;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 1rem;
  transition: all 0.4s;
  cursor: pointer;
}

.back-tile span:hover {
  padding-right: 1.4rem;
}

.back-tile span i {
  color: #fff;
}
.roomSection {
  position: relative;
}
.footer.ed-selection {
  position: absolute;
  top: -15px;
  right: 0px;
  width: 130px;
  margin-top: 0.6rem;
}
.footer.ed-selection a:first-child {
  background: #0070fc;
  color: #ffff;
  padding: 0.4rem 0.5rem;
  border-radius: 4rem;
  margin-top: 10px;
  transition: all 0.3s;
}
.footer.ed-selection a:first-child:hover {
  background: #42a708;
}
.footer-btn {
  display: flex;
  align-items: center;
  /* justify-content: flex-end; */
  width: 140px;
  max-width: 100%;
  margin-left: auto;
}

.footer-btn a:first-child {
  top: 0.1rem;
  background: #0070fc;
  padding: 5px;
  color: #fff;
  border-radius: 4px;
  transition: all 0.5s;
}

.footer-btn a:first-child:hover {
  background: green;
}
.roomSection {
  /* padding: 0.4rem 1rem; */
}

.slc-plan {
  display: inline-block;
  margin-top: 1rem;
}
.sub_aminites {
  background: #f8f8f8;
  padding: 1rem 0.6rem;
  margin-bottom: 1rem;
}
.amenities ul {
  padding-left: 2rem;
}
.amenities h4 {
  background: #e0eaee;
  padding: 0.2rem 0.5rem;
  margin-top: 1.2rem;
  font-size: 1.3rem;
  margin-bottom: 0 !important;
  width: 100%;
}

.img-title {
  height: auto;
  width: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.report_header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 2rem;
}

.img-title img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.fo-ul ul {
  padding-left: 2rem;
}

.fo-ul ul li {
  list-style: auto;
  line-height: 1.7rem;
}

.fo-ul {
  margin-top: 1rem;
}
.download-btn {
  position: absolute;
  top: 8px;
  right: 30px;
  height: 30px;
  width: 30px;
  background: #f6fafa;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #a8a8a8;
  cursor: pointer;
  transition: all 0.3s;
}

.download-btn:hover {
  background: #003860;
  color: #fff;
}
.img-title h4 {
  margin-top: -12px;
  color: #003860;
}
input.total-Stay {
  background: transparent;
  color: #ffffff;
  margin-top: 1.6rem;
  border: none;
}
.desti_clone input.total-Stay {
  margin-top: 0.3rem;
}
.form-select,
.form-control {
  font-size: 0.8rem !important;
}
.amenities > div {
  flex: 0 0 50%;
  max-width: 50%;
}

.amenities {
  display: flex;
  flex-wrap: wrap;
}
.f-Bath {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.f-Bath ul {
  column-count: 3;
}
.footer.footer-btn {
  /* position: absolute; */
  /* right: 0; */
  /* top: 70%; */
  /* transform: translateY(-50%); */
  /* z-index: 9992; */
}
.results .roomSection h3 {
  padding-top: 0.6rem;
}
/* 190523 */

/* delte buttons */
.desti_clone div.destination_wrapper:first-child .col.label-des {
  display: none;
}
.destination_wrapper .col.label-des {
  display: none;
}
.desti_clone .destination_wrapper .col.label-des {
  display: block;
  width: 14px;
  max-width: 13px;
  padding: 0;
  transform: translateX(6px);
}
a.delete-room.remove {
  opacity: 0;
  visibility: hidden;
}

.results a.delete-room.remove {
  opacity: 1;
  visibility: visible;
}
.hd-detail.home-pg h4:before {
  display: none;
}

/* login detail */
.forgot_pass {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.forgot_pass a {
  font-size: 0.9rem;
  font-weight: 500;
  color: #000;
}

.forgot_pass a:hover {
  color: #007b83;
}
.margin-bttom{
  margin-bottom: 1.8rem;
}
.login_detail .user-box{
  width: 100% !important;
}
.childAge {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.col-sm-4.col-md-2.g-1.active {
  padding: 0 0.1rem;
}
/* Media Query  */
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 700px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 740px;
  }
}
@media (min-width: 900px) {
  .container {
    max-width: 860px;
  }
  .login-box {
    padding: 8rem 1rem;
    transition: all 0.5s;
  }
}
@media (min-width: 1000px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1025px) {
  .container {
    max-width: 1000px;
  }
}
@media (min-width: 1100px) {
  .container {
    max-width: 1080px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1270px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1400px;
  }
  .nav-list li a {
    font-size: 0.9rem;
  }
 
}