body { direction: rtl ; }
/* general styles*/

* {
    box-sizing: border-box;
    font-family: 'Cairo', sans-serif;

  }

  html {
    scroll-behavior: smooth;

  }

  a {
    text-decoration: none;
  }
  .back-to-top{
    position: fixed;
    right: 30px;
    bottom: 85px;
    background-color: #1C4482;
    box-shadow: 0px 0px 5px #2e2e2e;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    z-index: 1000;
  }
  .back-to-top:hover{
    background-color: #2761b8;
    color: #fff;
  }
  .cartbox{
      position: fixed;
      z-index: 1000;
      top: 20vh;
      right: 0;
      padding:20px;
      background: #FFF;
      border: 3px solid #1C4482;
      border-right: 0;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      opacity: .8;
      transition: all .5s;

  }
  .cartbox:hover{
      opacity: 1;
  }
  .cartbox .cartCount{
      position: absolute;
      top: -6px;
      left: -6px;
      width: 16px;
      height: 16px;
      border-radius:50%;
      background-color: #1ed443;
  }
  .cartbox a{
    color: #1C4482 !important;
  }
  .cartbox a i{
    color: #1C4482 !important;
  }
  .bg-light-info{
      background-color: #d2efff;
      border: 1px solid #00ACEE;
  }
  .receipt-title{
      border-bottom: 2px solid #00ACEE;
      border-left: 2px solid #00ACEE;
      font-weight: bold;
      padding-left: 10px;
      padding-bottom: 5px;
      font-size: 1.2em;
  }
  .del-hotel{
    border: 1px solid rgb(255, 66, 66);
    display: inline-block;
    padding:10px 15px;
    border-radius:10px;
    color: rgb(255, 66, 66);
    transition: all .5s;
  }

  .del-hotel:hover{
    border: 1px solid rgb(255, 66, 66);
    display: inline-block;
    padding:10px 15px;
    color: #fff;
    background-color: rgb(255, 66, 66);
    border-radius:10px;
  }



  :root {
    /* colors */
    --main-color: #1C4482;
   --text-color:#FFFFFF;
   --icon-color:#FFE600;
   --sub-text-color:#7E7E7E;
   --arrow-color:#210D3A;
  }

  /* navigation and mega menu  */
  /*  mega menu */

  .main-wrapper {
    background-color:#1C4482;
    min-height: 59px;
  }
  .main-wrapper img {
    height: 48px;
    display: block;
    /* new edit */
    /* width: 100px; */
    padding: 2px 0;
  }
  .main-wrapper a {
    text-decoration: none;
    padding-right: 25px;
    margin-right: 10px;
    position: relative;
  }
  .main-wrapper a:hover{
    color: white;
  }
  .main-wrapper a:not(.sign_up,.sign_in,.offcan_buttons a,.offcan_buttons_lang a , .logout_dropdown a):hover:after ,.main-wrapper a.active:after {
    border-bottom: white 2px solid;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    transform: translate(+5%,-50%);
  }

  .main-wrapper ul li {
    list-style-type: none;
  }

  .navbar {
    width: 100%;
    max-height: 100vh;
    display: flex;
    z-index: 10;
    padding-left: 0px;
    padding-right: 0px;

  }

  .navbar-brand {
    font-size: 16px;
    font-weight: 600px;
  }
  .navbar-toggler {
    display: block;
    border: none;
    background: transparent;
    font-size: 1.8rem;
    cursor: pointer;
    padding:0.2rem 0.5rem;
    /* transition: all 0.4s ease; */
    border: 2px solid #000;
    border-radius:4px;
  }
  .navbar-toggler:hover {
    opacity: 0.7;
  }

  .navbar-nav > li > a {

    font-size:15px;
    display: block;
    border-bottom: 1px solid #ddd;
    border-radius:1px;
    transition: all 0.4s ease;
    font-weight: 300;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
  }
  /* .navbar-nav > li > a:hover ,
  .register ul li a:hover{
    font-weight: 800;
    color: var(--text-color);
  } */

  .links {
     color:var(--text-color);
    position:relative;
    text-transform: uppercase;

  }
  .register {
    position: relative;
  }


  .register span i {
    padding:8px 10px;
    border-radius:50%;
    background-color: #68C2E5;
    border: 1px solid white;
    top: -3px;
    position: absolute;
    left: -19px;

  }
  .register span i {
    font-size: 15px;
    color: var(--text-color);

  }

  .register ul {
    display: flex;
    flex-direction: row;
    padding-left: 40px;
  }

  .register ul  li a  {
    text-transform: capitalize;
  }

  .navbar {
    position: relative;
  }
  /* span.line i::after {
    content:"";
    height: 50px;
    width: 2px;
    background-color: #0490CD;
    position: absolute;
    left: 15.7%;
    top: 0px;
    z-index: -1;
  } */


  /* offcanvas styles  */
  .offcan_buttons {
    background-color: transparent;
    width: 100%;
    padding:1rem 1.25rem;
    border-bottom: 1PX solid rgba(128, 128, 128, 0.458) !important;
  }
  .offcan_buttons a {
    padding-left: 0px;
    color: var(--main-color);
    text-transform: capitalize;
    font-weight: 600;
      font-size: 19px;
      text-align: left;
      display: block;
      width: 100%;
  }
  .offcan_buttons:hover {
    background-color: var(--main-color);

  }
  .offcan_buttons:hover a{
    color: white ;
  }
  .offcan_buttons:hover a::after{
      border: none;
    }
  .navbar button {
    color:var(--text-color);
    border: none;
    font-size: 30px;

  }

  .navbar button:hover {
    outline: none;
    box-shadow: none;
  }
  .canvase_button{
    display: none;
  }

  .canvase_button span{
    text-transform: capitalize;
    font-size: 23px;
    font-weight: 600;
    margin-right: 10px;
  }
  .canvase_button i{
    font-size: 23px;
  }
  .canvase_section{
    padding-bottom: 0px;
    background-color:var(--text-color);
    color:var(--main-color);
  }
  .canvase_close_button{
    background-color:transparent;
    display: flex;
  }
  .canvase_close_button i{
    color:var(--main-color);
    font-size: 25px;
    translate: 10px;
  }
  .offcanvas_sub_menu{
    position: absolute;
    top: 0;
    left: 0;
    background-color:var(--text-color);
    color:var(--main-color);
    padding-top: 20px;
    /* display: none; */
   width: 100%;
  }
  .offcanvas_sub_menu .offcanvas_items {
    background-color:var(--text-color);
    color:var(--main-color);
    width: 100%;
    overflow: scroll;
  }
  .offcanvas_sub_menu .offcanvas_items ul li a {
    color:var(--main-color);
  }

  /* accrodion links
  .accordion-flush .accordion-item .accordion-button{
    background-color: var(--text-color);
    color:var(--main-color);
    text-transform: capitalize;
    display: relative;
    font-weight: 600;
    font-size: 19px;
  }
  .accordion-flush .accordion-item .accordion-button:hover{
    background-color:var(--main-color);
    color:var(--text-color);
  }

  .accordion-flush .accordion-item .accordion-button:hover a {
    color:var(--text-color);
  }
  .accordion-flush .accordion-item .accordion-button a{
    padding-right: 0px;
    color:var(--main-color);
    text-transform: capitalize;
  }
  .accordion-button::after{
    display: none;
  }
  .accordion-flush .accordion-item .accordion-button i{
    position: absolute;
    left: 17px;
  } */

  .offcanvas-body{
    padding:0px;
  }

  /* ahmed sayed edit */

  .sign_up {
    position: relative;
  }
  .sign_up a::before {
    content: "";
    width: 2px;
    height: 12px;
    background-color: white;
    position: absolute;
    left: -21px;
    bottom: 7px;

  }

  /* end of navigation links */

  /* start of landing images an slider */

  .slider_section {
   /* min-height: 100vh; */
    /* background-image: linear-gradient(rgba(28, 69, 130, 0.81),rgba(28, 69, 130, 0.81)) , url("./../images/homePage/turkey-slider-image.webp"); */
    background-size:cover;
    background-repeat: no-repeat;
    position:relative;
    background-position:center;

  }

  .slider_section .slider_details {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 90%;
    padding-bottom: 160px;
    padding: 50px 0;

  }
  .slider_section .carousel-item{
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .slider_section .carousel-overlay{
    position: absolute;
    top:0;left:0;right:0;bottom:0;
    background: linear-gradient(rgba(28, 69, 130, 0.81),rgba(28, 69, 130, 0.81));
    z-index: 1;
  }
  .slider_section .slider_details >* {
    display: block;
   text-align: center;
  }
  .slider_section .slider_details h1 {
    font-size: 50px;
    color: var(--text-color);
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1.8;

  }
  .slider_section .slider_details p {
    font-size: 20px;
    color: var(--text-color);
    text-transform: capitalize;
    margin-bottom: 25px;
    font-weight: 300;

  }
  .travel_box {
    position: relative;
    width: 80%;
    margin-top: 20px;
  }
  .travel_tabs li  {
    background-color: var(--main-color);
  }
  .travel_tabs li:hover {
    color: #210D3A;
  }
  .travel_tabs li button {
    color: white;
    text-transform: capitalize;
    font-size: 19px;
    font-weight: 600;
  }
  .travel_tabs li .active {
    color:#210D3A !important;
    text-transform: capitalize;
    background-color: whitesmoke !important;
  }
  .travel_tabs li button:hover {
    color:#210D3A !important;
    border: none;
    background-color: whitesmoke;

  }
  .travel_box_content {
    padding:25px 15px;
    background-color: whitesmoke;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    padding-right: 0px;


  }
  .travel_box_content >* {
    background-color: whitesmoke;
    border-top: none;
    padding:5px 10px;

  }
  .hotel_details{
    position: relative;
    /* z-index: 10; */
  }

  .hotel_details h5 {
    color: #1C4482;
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 5px;
    font-size: 17px;
    text-align: left;
  }
  .hotel_details h6 {
    color: #1C4482;
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 5px;
    font-size: 17px;
    text-align: left;
  }
  .hotel_details select ,
  .hotel_details input {
    text-transform: capitalize;
    margin-bottom: 10px;
    font-size: 12px;
  }
  .hotel_details select{
    padding-left: 25px;
  }
  .hotel_details select option ,
  .hotel_details input  {
    font-size: 12px;
    color: #222222;
    text-transform: capitalize !important;
    border: 1px solid rgba(128, 128, 128, 0.232);
  }
  .hotel_details .choices {
    position: relative;

  }
  .hotel_details .choices i {
    position: absolute;
    top: 10px;
    left: 6px;
    color: #68C2E5;

  }

  .hotel_details input:focus-visible {
    border: none;
    outline: none;
  }
  .hotel_details h5{
    margin-top: 10px;
  }
  .hotel_details h5 span {
    position: relative;
    padding-left: 10px;
  }
  .hotel_details h6 span {
    position: relative;
    padding-left: 10px;
  }
  .hotel_details h5 span::before {
    content: "";
    width: 3px;
    height: 13px;
    background-color: #1C4482;
    position: absolute;
    bottom: 10px;
    left: 0px;
  }
  .calender{
    position: relative;
  }
  .calender i {
    color: #68C2E5;
    position: absolute;
    top: 7px;
    left: 6px;
  }

  input[type="date"]::-webkit-inner-spin-button,
  input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
  }
  .hotel_details #room_main {
    height: 92%;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
  }
  .hotel_details .main div {
    /* position: absolute;
    top: -14px;
    right: -3px; */
    width: 100%;
  }
  .hotel_details .main div a i {
    color:#1C4482;
  }
  .hotel_details .main div a {
    color:#1C4482;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    text-transform: capitalize;
  }
  .hotel_details .main > button {
    background-color: #1C4482;
    border-radius:16px;
    width: 100%;
    margin-top: 5px;

  }
  .hotel_details .main > button a {
    color: white;
  }

  .hotel_details .main > button  {
      color: white;
    }
  .hotel_details .main div button  {
    color: #1C4482;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    text-decoration: none;
    border:none;
    background-color: transparent;
    width: 100%;
    padding:0px;
    display: inline-block;


  }
  .hotel_details .main > button:hover {
    background-color: whitesmoke;
    border: 2px solid #1C4482;
    color: #1C4482;
    font-weight: 500;
  }
  .hotel_details .main > button:hover a {
    color: #1C4482;
    font-weight: 500;
  }

  /* investigation and explore  */
  .investigtion {
    background-image: url("./../images/homePage/worlds.webp");
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /* .explore {
    position: absolute;
    top: -10%;
    right: 0px;
    z-index: 111;

  } */
  .explore_position {
    position:absolute;
    top: -85%;
    z-index: 100;
    left: 5%;
    width: 100%;
    max-width: 95%;

  }

  /* explre turkey section */
  .explore .explore_details {
    align-items: center;
  }
  .explore .title .info h4 {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #1C4482;

  }
  .card{
    /* cursor: pointer; */
  }
  .explore .explore_card{
    background-repeat: no-repeat;
    background-size: cover;
    height: 353px;
    cursor: pointer;

  }

  .explore .explore_card .header_info{
      height: inherit;
      position: absolute;
      top: 15px;
      left: 15px;
      width: 100%;
      height: 100%;
  }

  .explore .explore_card .header_info h5 a  {
    font-size: 25px;
    color: white;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  .explore .explore_card .header_info span {
    font-size: 19px;
    font-weight: 500;
    color: white;
  }
  .card:hover .explore_card.place_1 {
    background-image: url("./../images/homePage/places/place-1.webp");
  }

  .card:hover .explore_card.place_2 {

    background-image: url("./../images/homePage/places/place-2.webp");

  }
  .card:hover .explore_card.place_3{
    background-image: url("./../images/homePage/places/place-3.webp");

  }
  .card:hover .explore_card.place_4{
    background-image: url("./../images/homePage/places/place-4.webp");

  }
  .card{
   transition: 3s all ease-in-out;
  }

  .place_1 {
    background-image: linear-gradient(hsla(0, 0%, 0%, 0),hsla(0, 0%, 0%, 0)) , url("./../images/homePage/places/place-1.webp");
  }
  .place_2 {
    background-image: linear-gradient(hsla(0, 0%, 0%, 0),hsla(0, 0%, 0%, 0)) , url("./../images/homePage/places/place-2.webp");
  }
  .place_3 {
    background-image: linear-gradient(hsla(0, 0%, 0%, 0),hsla(0, 0%, 0%, 0)) , url("./../images/homePage/places/place-3.webp");
  }
  .place_4 {
    background-image: linear-gradient(hsla(0, 0%, 0%, 0),hsla(0, 0%, 0%, 0)) , url("./../images/homePage/places/place-4.webp");
  }
  /*  slick carsoul for explore turkey section */
  /* slider buttons */
  .slick-slider {
    position: relative;
  }
  .slick-list{
    padding:0%;
  }
  .slick-slider > button{
    position: absolute;
    bottom:-60px;
    right: 20px;
    background: transparent;
    border: none;
    outline: none;
    z-index:100;
    width: 48px;
    height: 40px;
    color: transparent;
    cursor: pointer;
    transform: translate(-0%,-80%);
    /*box-shadow: 0px 2px 20px rgba(0,0,0,0.07);
    */border: 1px solid #0E1C3F;
    border-radius:5px;
    -webkit-transform: translate(-0%,-80%);
    -moz-transform: translate(-0%,-80%);
    -ms-transform: translate(-0%,-80%);
    -o-transform: translate(-0%,-80%);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
  }

  .slick-slider .slick-prev::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f104";
    font-size:20px;
    left: 10px;
    position: relative;
    z-index: 10;
    color:#0D1B3E;
  }

  .slick-slider .slick-next::after{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f105";
    font-size:20px;
    right: 22px;
    position: relative;
    z-index: 10;
    color:#0D1B3E;

  }
  .slick-prev:before,
  .slick-next:before {
      color: black;
  }

  .explore .explore_details .slick-slider .slick-prev {
    top: 73%;
    left: -19%;
    border: none;
  }
  .explore .explore_details .slick-slider .slick-next {
    top: 73%;
    left: -16%;
    border: none;
  }
  .explore .explore_details .slick-slider .slick-next::after ,
  .explore .explore_details .slick-slider .slick-prev::before
  {
    font-size: 26px;
  }
  .explore_details .explore_carsoul {
      display: flex;
  }
  /* .explore_details .explore_carsoul .card-content {
      width: 335px;
  } */

  /* advertise section */

  .investigtion .adventure{
       position: relative;
    /* padding-top: 50px; */
       z-index: 222;
     /* padding-top: 20%; */
      overflow: hidden;
      z-index: 0;
  }
  .investigtion .adventure>img {
    position: absolute;
    top: -7%;
    right: -17%;

  }
  .investigtion .adventure .row img {
    width: 75%;
    margin:10px;
  }
  .investigtion .adventure .row a img {
    width: 100%;
    margin:0px;
  }
  .investigtion .adventure .adventure_info h2 {
    line-height: 2;
    font-size: 30px;
    color: #1C4482;
    font-weight: 800;
    margin-bottom: 22px;
    letter-spacing: 2px;
  }
  .investigtion .adventure .adventure_info .heading .read {
    margin-top: 10px;
  }
  .investigtion .adventure .adventure_info .heading .read a {
    text-decoration: none;
    text-transform: capitalize;
    margin-right: 5px;
    font-size: 18px;
    color:#68C2E5 ;
    font-weight: 800;
    letter-spacing: 3px;
  }
  .investigtion .adventure .adventure_info .heading .read a:hover {
    text-decoration: underline;
  }
  .investigtion .adventure .adventure_info .heading .read a i {
    font-size: 13px;
    letter-spacing: 1px;
  }
  .investigtion .adventure .adventure_info p {
    font-size: 18px;
    color: #ABABAB;

  }
  .investigtion >img {
    position: absolute;
    top: 37%;
    right: -85%;
    z-index: 0;


  }

  /* limited offers */
  .offers {
    padding-top: 300px;
    padding-bottom: 70px;
  }
   .offers .titles {
      text-align: center;
      margin-bottom: 60px;
      width: 60%;
      margin:auto;

   }
   .offers .titles h3 {
     font-size: 30px;
     font-weight: 600;
     text-transform: uppercase;
     color:#1C4482;
     margin-bottom: 20px;
   }
   .offers .titles p {
    font-size: 22px;
    font-weight: 200;
    color:#7E7E7E;
  }
  .offers_details .card {
    margin:3px;
  }
   .explore.container.offers.hotels {
      margin-top: -750px;
  }
  @media (max-width: 1205px) {
      .hotel_section {
      padding-top:850px;
      }
      .offers {
          padding-top: 70px;
      }
    }
  .offers_details .adventure_mind {
    background-image: linear-gradient(hsla(216, 65%, 31%, 0.781),hsla(216, 65%, 31%, 0.781)) , url("./../images/homePage/indonesia.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    position:relative;
    background-position:center;
    min-height: 529px;
    display: flex;
    align-items: center;
  }
  .offers_details .adventure_mind .header_info {
    /* display: flex;
    flex-direction: column;
    align-items: center; */

    padding:20px;
    padding-left: 50px;
    padding-right: 50px;

    height: 100%;
    /* justify-content: space-between; */

  }
  .offers_details .adventure_mind .header_info >* {
    text-align: center;
  }
  .offers_details .adventure_mind .header_info h5 {
    font-size: 30px;
      font-weight: 700;
    color:white;
    text-align: center;
    text-transform: uppercase;
  }
  .offers_details .adventure_mind .header_info p {
    font-size: 20px;
    font-weight: 400;
    color:white;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 40px;
  }
  .offers_details .adventure_mind .header_info .start{
    display: flex;
    align-items: center;
    justify-content: center;
  }



  .offers_details .adventure_mind .header_info .start span:nth-of-type(1),
  .offers_details .adventure_mind .header_info .start span:nth-of-type(2){
    width: 33%;
    height: 2px;
    background-color: white;
    display: inline-block;
    margin-bottom: 10px;

  }
  .offers_details .adventure_mind .header_info .start h6 {
     font-size: 20px;
     font-weight: 500;
     color:white;
     padding-left: 10px;
     padding-right: 10px;
     text-transform: uppercase;
     display: inline-block;
  }
  .offers_details .adventure_mind .header_info  > span{
    font-size: 25px;
    font-weight: 800;
    color:white;
    display: block;
    margin-top: 20px;
    margin-bottom: 25px;

  }
  .offers_details .adventure_mind .header_info button {
    border: 1px solid #FFFFFF;
    background-color: transparent;
    margin:auto;
    display: inherit;

  }
  .offers_details .adventure_mind .header_info button:hover {
    background-color:white;
  }
  .offers_details .adventure_mind .header_info button:hover a{
    color: #68C2E5;
  }
  .offers_details .adventure_mind .header_info button a {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color:#FFFFFF ;
    padding:5px 10px
  }
  .offers_details .offers_card .header_info h5 a {
    font-size: 30px;
    font-weight: 700;
    color:white;
    text-transform: capitalize;
  }
  .offers_details .offers_card .header_info span:nth-of-type(1){
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .offers_details .offers_card .header_info span:nth-of-type(1),
  .offers_details .offers_card .header_info span:nth-of-type(2){
    font-size: 19px;
    font-weight: 500;
    color:white;
    display: block;

  }

  .offers_details .offers_card{
    height: 260px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center;
    padding:30px;
    padding-top: 25px;

  }

  /* .offers_details .offers_card.offer_place_1{
    background-image: linear-gradient(hsla(0, 0%, 0%, 0.3),hsla(0, 0%, 0%, 0.3)) , url("./../images/homePage/places_offer/offer-place-1.webp");
  }
  .offers_details .offers_card.offer_place_2{
    background-image: linear-gradient(hsla(0, 0%, 0%, 0.3),hsla(0, 0%, 0%, 0.3)) , url("./../images/homePage/places_offer/offer-place-2.webp");
  }
  .offers_details .offers_card.offer_place_3{
    background-image: linear-gradient(hsla(0, 0%, 0%, 0.3),hsla(0, 0%, 0%, 0.3)) , url("./../images/homePage/places_offer/offer-place-4.webp");
  }
  .offers_details .offers_card.offer_place_4{
    background-image: linear-gradient(hsla(0, 0%, 0%, 0.3),hsla(0, 0%, 0%, 0.3)) , url("./../images/homePage/places_offer/offer-place-3.webp");
  } */
  /* .card:hover .offers_card.offer_place_1 {
    background-image: linear-gradient(hsla(0, 0%, 0%, 0),hsla(0, 0%, 0%, 0)), url("./../images/homePage/places_offer/offer-place-1.webp");

  }
  .card:hover .offers_card.offer_place_2 {
    background-image: linear-gradient(hsla(0, 0%, 0%, 0),hsla(0, 0%, 0%, 0)), url("./../images/homePage/places_offer/offer-place-2.webp");

  }
  .card:hover .offers_card.offer_place_3{
    background-image: linear-gradient(hsla(0, 0%, 0%, 0),hsla(0, 0%, 0%, 0)), url("./../images/homePage/places_offer/offer-place-4.webp");

  }
  .card:hover .offers_card.offer_place_4 {
    background-image: linear-gradient(hsla(0, 0%, 0%, 0),hsla(0, 0%, 0%, 0)), url("./../images/homePage/places_offer/offer-place-3.webp");

  } */
  .statistics {
    background-image: linear-gradient(rgba(28, 69, 130, 0.81),rgba(28, 69, 130, 0.81)) , url("./../images/homePage/statics_back.webp");
    background-size:cover;
    background-repeat: no-repeat;
    position:relative;
    background-position:center;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    padding-top: 90px;
    padding-bottom: 150px;

  }
  .statistics>img {
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 100%;
    transform: rotate(-180deg);
  }
  .statistics .deatils {
    height: 100%;

  }
  .statistics .deatils .info {
    margin-bottom: 20px;
    position: relative;
  }
  .statistics .deatils .info>* {
    text-align: center;
    margin:auto;
    color: white;
    display: block;
  }
  .statistics .deatils .info img {
   margin-bottom: 20px;

  }
  .statistics .deatils .info img:nth-of-type(2) {
    position: absolute;
    top: 0px;
    right: 0px;
    top: 50%;
    right: -38%;
  }
  .line_down {
    top: 36% !important;
  }
  .statistics .deatils .info span{
    display: block;
    text-transform: capitalize;

  }
  .statistics .deatils .info span:nth-of-type(1){
  font-size: 25px;
  font-weight: 800;
  }
  .statistics .deatils .info span:nth-of-type(2){
    width: 35px;
    height:2px;
    background-color: white;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  /* hotels section */
  .hotel_section{
    position: relative;
    background-image: url(./../images/homePage/worlds.webp);
    overflow: hidden;
  }
  .hotel_section > img:nth-of-type(3){
    position: absolute;
    bottom: -61px;
    left: 0px;
    width: 100%;
    z-index: 22;
  }
  .hotel_section > img:nth-of-type(1){
    position: absolute;
    top: -10%;
    left: -20%;
    z-index: 22;
  }
  .hotel_section > img:nth-of-type(2){
    position: absolute;
    right: -10%;
    bottom: -42px;
    z-index: 3;
  }
  .hotels .titles {
    width: 75%;
  }
  .hotels .hotels_card{
    border: none;
    margin-bottom: 20px;
    transition: 1s all ease;
  }
  /* .hotels .hotels_card:hover {
    /* transform: scale(1.1);
    box-shadow: 0px 2px 20px rgb(0 0 0 / 7%);

  } */
  .hotels .hotels_card:hover .hotel_card_info {
    background-color: white;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 7%);
  }

  /* Circle
  .hover15 {
      position: relative;
  }
  .hover15::before {
      position: absolute;
      top: 50%;
      right: 50%;
      z-index: 2;
      display: block;
      content: '';
      width: 0;
      height: 0;
      background: rgba(255,255,255,.2);
      border-radius:100%;
      -webkit-transform: translate(+50%, -50%);
      transform: translate(+50%, -50%);
      opacity: 0;
  }
  .hover15:hover::before {
      -webkit-animation: circle .75s;
      animation: circle .75s;
  }
  @-webkit-keyframes circle {
      0% {
          opacity: 1;
      }
      40% {
          opacity: 1;
      }
      100% {
          width: 200%;
          height: 200%;
          opacity: 0;
      }
  }
  @keyframes circle {
      0% {
          opacity: 1;
      }
      40% {
          opacity: 1;
      }
      100% {
          width: 200%;
          height: 200%;
          opacity: 0;
      }
  } */

  .hotels .hotels_card  .hover15>img {
    width: 100%;
  }
  .hotels .hotels_card .hotel_card_info {
    background-color: #F6F6F6;
  }
  .hotels .hotels_card .hotel_card_info .card_info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .hotels .hotels_card .hotel_card_info h5 {
    color: #1C4482;
    font-size: 18px;
    font-weight: 700;
    margin:0px;
    text-transform: capitalize;
  }
  .hotels .hotels_card .hotel_card_info i {
    color: #BEBEBE;
    font-size: 18px;
  }
  .hotels .hotels_card .hotel_card_info i:hover {
    color: #042C6B;
  }

  .hotels .hotels_card .hotel_card_info p {
    color: #7E7E7E;
    font-size: 13px;
    font-weight: 200;
  }
  .hotels .hotels_card .hotel_card_info .location {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .hotels .hotels_card .hotel_card_info .location i {
    font-size: 13px;
    color: #1C4482;
    margin-right: 5px;
  }
  .hotels .hotels_card .hotel_card_info .location span {
    font-size: 13px;
    color: #1C4482;
    text-transform: capitalize;
  }
  .hotels .hotels_card .hotel_card_info .price span:first-of-type {
    font-size: 22px;
    color: #1C4482;
    font-weight: 600;
  }
  .hotels .hotels_card .hotel_card_info .price span:last-of-type {
    font-size: 12px;
    color: #BEBEBE;

  }

  /* booking section */
  .booking {
    position: relative;
    overflow: hidden;

  }
  .booking>img {
    position: absolute;
    top: -32px;
    left: 0px;
    width: 100%;
    z-index: 333;

  }
  .booking .images {
    background-image: url("./../images/homePage/statics_back.webp");
    background-size:cover;
    background-repeat: no-repeat;
    position:relative;
    background-position:center;
    min-height: 560px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .booking .images button {
    border-radius:50%;
    width: 88px;
    height: 88px;
    border: none;
    padding:0px;
   }
   .modal-header {
    border-bottom: none;
   }
   .modal-body {
    padding-top: 0px;

   }
   .modal-dialog{
    max-height: 80%;
    min-width: 80%;
   }
   .modal-backdrop {
    z-index: 200;
   }
   .booking iframe{
    width: 100%;
    height: 100%;
   }
   /* .modal-content {
    height: 700px;
  } */
  .booking .images button {
    border: 2px solid rgba(128, 128, 128, 0.582);
  }
  .booking .images img {
   border-radius:50%;
   width: 100%;
  }
  .images a {
    border-radius:50%;
    width: 88px;
    height: 88px;
    padding:0px;
    border: 2px solid rgba(128, 128, 128, 0.582);
  }

  .booking .right_side {
    background-image: linear-gradient(rgba(28, 69, 130, 0.87),rgba(28, 69, 130, 0.87)) , url("./../images/homePage/statics_back.webp");
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center;
    height: 100%;
    padding:50px;
    padding-top: 80px;
    display: flex;
    align-items: center;
  }
  .booking .right_side .heading h2 {
    font-size: 30px;
    font-weight: 700;
    color:white;
    text-transform: capitalize;
    margin-bottom: 20px;
  }
  .booking .right_side .heading p {
    font-size: 18px;
    font-weight: 200;
    color:#CDC9C9;
    margin-bottom: 20px;
  }
  .booking .right_side .heading a {
    font-size: 18px;
    font-weight: 300;
    color:#68C2E5;
    margin-bottom: 20px;
    text-transform: capitalize;
  }
  .booking .left_side .heading a:hover {
    text-decoration: underline;
  }

  .car .adventure {
    padding-top: 30px;
  }
  /* .car .adventure>img{
    top: 75%;
    left: 26%;
  } */
  /* blog section */
  .booking .image-2{
    background-image: url("./../images/homePage/group.webp");
    min-height: 450px !important;
    position: relative;
  }
  .booking .image-2 >img:first-of-type {
    position: absolute;
    top: -21px;
    top: -49px;
    width: 107%;
    margin:0px;
    border-radius:0%;
    height: 28%;
  }
  .booking .image-2 >img:nth-of-type(2) {
    position: absolute;
    left: -36%;
    height: 26%;
    margin:0px;
    border-radius:0%;
    transform: rotate(-270deg);
  }
  .booking .image-2 >img:nth-of-type(3) {
    position: absolute;
    right: -36%;
    height: 26%;
    margin:0px;
    border-radius:0%;
    transform: rotate(-90deg);
  }
  .booking .image-2 >img:nth-of-type(4){
    position: absolute;
    bottom: -2px;
    left: -19px;
    height: 28%;
    width: 107%;
    margin:0px;
    transform: rotate(-180deg);
    border-radius:0%;
  }
  .booking .image-2 button img {
    width: 100% !important;
    margin:0px !important;
  }
  .blog_section {
    background-color: hsla(0, 0%, 96%, 0.33);
    padding-top:30px;
    padding-bottom:30px;
    position: relative;
  }
  .blog_section>img {
    position: absolute;
    top: -15%;
    left: 23%;

  }
  .blog_titles{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

  }
  .blog_titles .title_info h4 {
    color: #1C4482;
    text-transform: capitalize;
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 800;
  }
  .blog_titles .title_info p {
    font-size: 16px;
    color: #7E7E7E;
    margin-bottom: 20px;
  }
  .nav-pills .nav-link ,.nav-pills .nav-link a {
    color: #7E7E7E;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;

  }
  .nav-pills .nav-link::after{
    content: "";
    height: 19px;
    width: 2px;
    background-color: #7E7E7E;
    position: absolute;
    bottom: 6px;
    right: 0px;
  }
  .nav-pills .nav-link-4:after{
    display: none;
  }
  .nav-pills .nav-link:hover{
    color: #210D3A;
  }
  .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: #210D3A;
  background-color: transparent;
  }
  .blog_titles .blog_filters ul li button {
    text-transform: capitalize;
  }
  .blog_titles .blog_filters ul li button.ative {
    color: #210D3A !important;
  }
  .blog_side {
    position: relative;
  }

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

  .blog_side h5 {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    color:#1C4482;
    margin-bottom: 16px;


  }
  .blog_side .left_heading {
    margin-top: 16px;
  }
  .blog_side p {
    font-size: 14px;
    font-weight: 500;
    color:#7E7E7E;
    margin-bottom: 7px;
  }

  .blog_side a ,
  .blog_side a i {
    text-decoration: none;
    font-size: 14px;
    color: #210D3A;

  }
  .blog_side a:hover {
    text-decoration: underline;
  }

  .blog_side a i {
    margin-left: 10px;
    font-size: 12px;
  }


  .blog_side_right {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
  }
  .blog_side_right .blog_side_right ,.blod_side_left {
    transition: 0.5s all ease;
  }

  .blod_side_left .blog-_info {
    padding:0px 15px;
  }
  .blog_side .left_image {
    background-image:  linear-gradient(hsla(0, 0%, 0%, 0.3),hsla(0, 0%, 0%, 0.3)), url("./../images/homePage/blog/blog-1.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 414px;
  }

  .blog_side_right .blog_image{
    margin-right: 20px;
    position: relative;
  }
  .blog_side_right .blog_image::after {
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: linear-gradient(hsla(0, 0%, 0%, 0.3),hsla(0, 0%, 0%, 0.3));
  }
  .blog_side_right .blog_side_right:hover {
    box-shadow: 0px 2px 20px rgb(0 0 0 / 7%);
  }
  .blog_side_right .blog_side_right:hover .blog_image:after {
    display: none;
  }
  .blod_side_left:hover {
    box-shadow: 0px 2px 20px rgb(0 0 0 / 7%);
  }
  .blod_side_left:hover .left_image{
    background-image: url("./../images/homePage/blog/blog-1.webp");
  }
  /*  ending page */
  .ending{
    background-image: linear-gradient(rgba(104, 194, 229, 0.8),rgba(104, 194, 229, 0.8)) , url("./../images/homePage/statics_back.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .newsletter {
    /* background-color:rgba(36, 10, 67, 0.87) ; */
    padding-top: 60px;
    padding-bottom: 60px;

  }
  .newsletter span{
    font-size: 30px;
    color: #02265F;
    line-height: 1.5;
    margin-bottom: 10px ;
    display: inline-block;
  }
  .newsletter input {
    background-color: #F6F6F6 !important;
    width: 100%;
    line-height: 2;
    padding:13px 20px;

  }
  .newsletter input:focus{
    outline: none;
    border: none;
    border-color: transparent;
    box-shadow: none;
  }
  .newsletter .input {
    position: relative;
  }
  .newsletter button {
    background-color: #02265F;
    border-color: #02265F;
    color:#fff;
    border-radius:8px;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .newsletter button:active{
    outline: none;
  }
  .btn-outline-secondary:hover{
    background-color: #68C2E5;

    /* border: 2px solid #02265F; */
    border-right:2px solid #02265F;
    border-top: 2px solid #02265F;
    border-bottom: 2px solid #02265F;
    color:#02265F;
  }
  .newsletter button:hover a{
    color: #02265F;
  }
  .newsletter button a{
   color: white;
   font-size: 19px;
  }
  .newsletter p {
    font-size: 20px;
    color: #f6f6f6c3;
  }
  /* footer */

  footer{
    padding-top: 60px;
    padding-bottom: 60px;
    background-color:#121f43;
    color:var(--text-color);
    position: relative;
    overflow: hidden;
    z-index: 8;
  }

  footer h6 {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 28px;
  }

  footer .left_info p{
    font-size: 17px;
    font-weight: 200;
    margin-right: 10px;
    width: 85%;
  }


  footer .useful_links ul  {
    list-style: none;
    padding:0px;
  }
  footer .useful_links ul li{
    margin-bottom: 14px;
  }
  footer .useful_links ul li i{
    margin-right: 6px;
    font-size: 14px;
  }
  footer .useful_links ul li a{
    font-size: 15px;
    color:#EFECEC;
    text-transform:capitalize;
  }
  footer .useful_links ul li:hover a{
    text-decoration: underline;
  }
  footer .contact_details .contact_info {
    display: flex;
    align-items:center;
    margin-bottom: 27px;
  }
  footer .contact_details .contact_info i {
    margin-right: 10px;
    font-size: 19px;
    color: var(--text-color);
  }
  footer .contact_details .contact_info i.fa-brands {
    margin-right: 0;
    font-size: 19px;
    color: var(--main-color);
  }
  /* footer .contact_details .letter img{
  width: 35px;
  } */
  footer .contact_details .contact_info .info{
    display: flex;
    align-items: center;
  }

  footer .contact_details .contact_info .info span{
  font-size: 16px;
  color:var(--text-color);
  font-weight: 400;
  }
  footer .contact_details .contact_info .socail_links {
    justify-content: space-between;
    width: 40%;
  }
  footer .contact_details .contact_info .socail_links a:hover:nth-of-type(1) i{
    color: #1877f2;
  }
  footer .contact_details .contact_info .socail_links a:hover:nth-of-type(2) i{
    color: #405de6;
  }
  footer .contact_details .contact_info .socail_links a:hover:nth-of-type(3) i{
    color: #1da1f2;
  }
  .copyright {
    background-color:#042C6B;

  }
  .copyright h6{
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    color:var(--text-color);
    padding:25px 0px;
    margin:0px;
    text-transform: uppercase;
  }

  .ui-tabs .ui-tabs-panel{
    padding:0px;
  }

  /* date picker range in trip tabs */
  .start-date,
  .end-date  {
    margin:0px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 0px;
    line-height: 2;
  }
  .form-control,
  .form-select {
    background-color: transparent !important;
    box-shadow: none;
  }
  .form-control:focus,
  .form-select:focus {
    background-color: white;
    border-color: none;
    box-shadow: none;
  }
  .datepicker {
    border-radius:4px;
    direction: ltr;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
  }

  /* basicos */
  .datepicker .day{
    border-radius:4px;
  }

  .datepicker-dropdown {
    top: 0;
    left: 0;
    padding:5px;
  }
  .datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #1C4482;
    border-top: 0;
    border-bottom-color: #1C4482;
    position: absolute;
  }
  .datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute;
  }
  .datepicker-dropdown.datepicker-orient-right:before {
    left: 6px;
  }
  .datepicker-dropdown.datepicker-orient-right:after {
    left: 7px;
  }
  .datepicker-dropdown.datepicker-orient-left:before {
    right: 6px;
  }
  .datepicker-dropdown.datepicker-orient-left:after {
    right: 7px;
  }
  .datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px;
  }
  .datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
  }
  .datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #1C4482;
  }
  .datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #1C4482;
  }

  .datepicker table {
    margin:0;
    user-select: none;
  }

  .datepicker td,
  .datepicker th {
    text-align: center;
    width: 30px;
    height: 30px;
    border: none;
  }
  .datepicker .datepicker-switch,
  .datepicker .prev,
  .datepicker .next,
  .datepicker tfoot tr th {
    cursor: pointer;
  }

  .datepicker .prev .disabled,
  .datepicker .next .disabled {
    visibility: hidden;
  }

  .datepicker .range-start{
    background: #337ab7 url("../images/range-bg-1.webp") top right no-repeat;
    color: #fff;
  }

  .datepicker .range-end{
    background: #337ab7 url("../images/range-bg-2.webp") top left no-repeat;
    color: #fff;
  }

  .datepicker  .range-start.range-end{
    background-image: none;
  }


  .datepicker .range{
    background: #d5e9f7;
  }

  /*.datepicker .disabled.day{*/
    /*color:#999;*/

  /*}*/

  /* Hover para dia mes y año*/
  .datepicker .day:hover,
  .datepicker .month:hover,
  .datepicker .year:hover,
  .datepicker .datepicker-switch:hover,
  .datepicker .next:hover,
  .datepicker .prev:hover {
    background-color: #1C4482;
    color: white;
    border-radius:4px;
  }
  .hover {
    background-color: #1C4482;
    color: white;

  }
  .datepicker .today {
    font-weight:bold;
    color: #1ed443;

  }

  /* Estilos para meses y años */


  .datepicker-months, .datepicker-years{
    width: 213px;

  }

  .datepicker-months td, .datepicker-years td {
    width: auto;
    height: auto;

  }

  .datepicker-months .month, .datepicker-years .year{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    float: left;
    display: block;
    width: 23%;
    height: 46px;
    line-height: 46px;
    margin:1%;
    cursor: pointer;
    border-radius:4px;
  }

  .day.active, .start-date-active{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
  }

  /* Desactivados */
  .day.disabled, .month.disabled, .year.disabled, .start-date-active.disabled{
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
  }
  a:active,
  a:hover {
    outline: 0;
  }

  /* date picker */
  /* body {
    text-align: center;
    padding-top: 40px;
  }

  } */
  #demo {

    display: block;
    width: 100%;
    padding-top: 0.375rem; padding-left: 0.75rem; padding-bottom: 0.375rem; padding-right: 2.25rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: 1px solid #ced4da;
    border-radius:0.25rem;
    font-size: 12px;
    padding-left: 25px;
    padding-right: 5px;
  }
  .daterangepicker td.start-date {
    border-radius:4px !important;
    border-left: 4px !important;
    border-right: 4px !important;

  }
  .daterangepicker .input-mini.active ,
  .daterangepicker .input-mini ,
  .daterangepicker .calendar th, .daterangepicker .calendar td {
    font-size: 12px;
  }
  .daterangepicker td, .daterangepicker th {
    height: inherit !important;
  }

  .daterangepicker .daterangepicker_input i {
    color: #68C2E5;
  }

  .new {
    position: relative;
  }
  .new .remove {
    position: absolute;
    right: -10px;
    bottom: 12px;
  }
  .new .remove button {
    border: none;
    background-color: rgb(213 210 210 / 20%);
    border-radius:5px;
    padding:5px 8px;
    color: #c50c0cbb;
    font-size: 15px;

  }


  /* best hotels over lay  */
  .card_image {
    position: relative;
  }

  .image_overlay::after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(hsla(0, 0%, 0%, 0.3),hsla(0, 0%, 0%, 0.3));
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .image_overlay img {
    width: 100%;
  }
  .hotels .hotels_card:hover .image_overlay::after{
    display: none;
  }

  /* popup video */


  /* video  */

  /* Magnific Popup CSS */
  .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 502;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80); }

  .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 503;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

  .mfp-container {
    height: 100%;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding:0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

  .mfp-align-top .mfp-container:before {
    display: none; }

  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin:0 auto;
    text-align: left;
    z-index: 505; }

  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

  .mfp-ajax-cur {
    cursor: progress; }

  .mfp-zoom-out-cur,
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

  .mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

  .mfp-auto-cursor .mfp-content {
    cursor: auto; }

  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

  .mfp-loading.mfp-figure {
    display: none; }

  .mfp-hide {
    display: none !important; }

  .mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 504; }

  .mfp-preloader a {
    color: #cccccc; }

  .mfp-preloader a:hover {
    color: white; }

  .mfp-s-ready .mfp-preloader {
    display: none; }

  .mfp-s-error .mfp-content {
    display: none; }

  button.mfp-close,
  button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding:0;
    z-index: 506; }

  button::-moz-focus-inner {
    padding:0;
    border: 0; }

  .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding-top: 0; padding-left: 10px; padding-bottom: 18px; padding-right: 0;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
    .mfp-close:hover, .mfp-close:focus {
      opacity: 1; }
    .mfp-close:active {
      top: 1px; }

  .mfp-close-btn-in .mfp-close {
    color: #333333; }

  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

  .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px; }

  .mfp-arrow {
    position: absolute;
    top: 0;
    opacity: 0.65;
    margin:0;
    top: 50%;
    margin-top: -55px;
    padding:0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

  .mfp-arrow:active {
    margin-top: -54px; }

  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }

  .mfp-arrow:before, .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: solid transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    opacity: 0.8;
    border-top-width: 12px;
    border-bottom-width: 12px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 20px;
    border-bottom-width: 20px; }

  .mfp-arrow-left {
    left: 0; }
    .mfp-arrow-right:after,
    .mfp-arrow-left .mfp-a {
      border-right: 12px solid black;
      left: 5px; }
    .mfp-arrow-right:before,
    .mfp-arrow-left .mfp-b {
      border-right: 20px solid white; }

  .mfp-arrow-right {
    right: 0; }
    .mfp-arrow-left:after,
    .mfp-arrow-right .mfp-a {
      border-left: 12px solid black;
      left: 3px; }
    .mfp-arrow-left:before,
    .mfp-arrow-right .mfp-b {
      border-left: 20px solid white; }

  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }

  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }

  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }

  .mfp-iframe-scaler iframe {
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

  .mfp-iframe-holder .mfp-close {
    top: -43px; }

  /* Main image in popup */
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:40px 0 40px;
    margin:0 auto; }

  /* The shadow behind the image */
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

  .mfp-figure {
    line-height: 0; }

  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-word;
    padding-right: 36px; }

  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }

  .mfp-image-holder .mfp-content {
    max-width: 100%; }

  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

  @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
     * Remove all paddings around the image on small screen
     */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0; }

    .mfp-img-mobile img.mfp-img {
      padding:0; }

    /* The shadow behind the image */
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }

    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin:0;
      top: auto;
      padding:3px 5px;
      position: fixed;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding:0; }

    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px; }

    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding:0; }

    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; } }
  @media all and (max-width: 800px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      transform: scale(0.75); }

    .mfp-arrow-left {
      -webkit-transform-origin: 100%;
      transform-origin: 100%; }

    .mfp-arrow-right {
      -webkit-transform-origin: 0%;
      transform-origin: 0%; }

    .mfp-container {
      padding-left: 6px;
      padding-right: 6px; }
     }
  .mfp-ie7 .mfp-img {
    padding:0;
  }
  .mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
  }
  .mfp-ie7 .mfp-container {
    padding:0;
  }
  .mfp-ie7 .mfp-content {
    padding-top: 44px;
  }
  .mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
  }

  /* -------------------------------------------------------------------------------------------------------- */

  /* mega menu drop down  */
  @media screen and (min-width: 993px) {
    .navbar {
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      position: relative;
    }

    .navbar-toggler {
      display: none;
    }
    .brand-and-icon {
      flex: 0 0 100px;
      border-bottom: none;
      padding:0;
    }
    .navbar-collapse {
      display: block !important;
      overflow-y: hidden;
      flex: 1 0 auto;
    }
    .navbar-nav {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
    }
    .navbar-nav > li > a {
      border-bottom: none;

    }
    .sub-menu {
      position: absolute;
      top: 100%;
      background: white;
      border: 2px solid whitesmoke;
      display: none;
    }
    .sub-menu .sub-menu-item h4 {
      width: 100%;
      margin:0px;
      display: block;
    }
    .sub-menu .sub-menu-item h4 a {
      color: #000;
      width: 100%;
      font-weight: 600;
      opacity: 0.9;
    }
    .sub-menu .sub-menu-item h4:hover a {
      color:var(--text-color);
      background-color: var(--main-color);
    }
    .navbar-nav > li:hover .sub-menu {

      display: block;
    }
    .navbar-nav > li:hover {
      border-bottom-color: #000;
    }
    .sub-menu-item {
      padding-left: 0;
    }
    .sub-menu-item:nth-child(3) {
      padding-left: 2rem;
      padding-right: 2rem;
    }
    .men_menu {
      width: 70%;
      right: 34px;
      top: 56px;
      padding:19px 30px;
      box-shadow: 0px 7px 20px #00000029;
      border-radius:7px;
      -webkit-border-radius:7px;
      -moz-border-radius:7px;
      -ms-border-radius:7px;
      -o-border-radius:7px;
  }
    .men_menu img {
      padding-top: 10px;
      padding-bottom: 20px;
      border-bottom: 2px solid whitesmoke;
    }
    .men_menu .men_sub_menu h4 {
      font-weight: 700;
      padding:10px;
      padding-bottom: 5px;
      text-transform: uppercase;
    }
    .men_menu .men_sub_menu a {
      color: #000;
      font-weight: 500;
      width: 100%;
      padding-top: 5px;
      padding-bottom: 5px;
    }
    .men_menu .men_sub_menu a:hover {
      background-color: whitesmoke;
      color: #4f9312d1;
      font-weight: 600;
    }
    .common_cards .medical_card .medical_card_info .booking button{
      padding:4px 11px 4px;
    }
    .featured_events .title a ,
    .live_trianing .title a ,
    .featured_events_bg_2 .title a{
      top: 3%;
      right: 132px;
    }

  .featured_organizer .organizer_carsoul.slick-slider .slick-next{
    top: 58%;
    right: 1%;
  }
  .featured_organizer .organizer_carsoul.slick-slider .slick-prev{
    top: 58%;
    left:0%;
  }
  .filtered .title .info .headings {
    display: flex;
    width: 66%;
    margin-bottom: 37px;
  }
  .ui-tabs .ui-tabs-nav {
  top: -6%;
  }
  .common_cards .medical_card .image  {
    height: 300px;
  }
  .common_cards .medical_card .image::after  {
    height: 300px;
  }

  }
  @media (max-width: 1205px) and (min-width: 992px) {

    .main-wrapper a{
      padding-right: 12px;
      margin-right: 5px;
    }
    .drop-icon:nth-of-type(1){
      right: -3px;
    }
    .slider_section .slider_details h1 {
      font-size: 40px;
    }
    .slider_section .slider_details p {
      font-size: 18px;
    }
    .slider_section .slider_details .search .search_bar input {
      height: 57px;
    }
    .slider_section .slider_details .search .search_bar input::placeholder{
      font-size: 16px;
    }
    .slider_section .slider_details .choices label{
      font-size: 16px;
    }
    .slider_section .slider_details .search .search_bar button {
      position: absolute;
      right: 10px;
      top: 6px;
      background-color: var(--main-color);
      padding:6px 15px;
    }
    .browsing_field .browsing_items{
      padding-left: 0px;

    }
    .featured_events .title a ,
    .live_trianing .title a ,
    .featured_events_bg_2 .title a{
      right: 52px;
      color: var(--text-color);
    }
    .live_trianing .title a {
      color:var(--main-color)

    }
    .slick-slider .slick-next{
      right: 5%;
      border-color: var(--text-color);
    }

  .featured_events .slick-slider .slick-prev::before{
    color: var(--text-color);
    }
    .featured_events .slick-slider .slick-next::after{
    color: var(--text-color);
    }
  .featured_events .background{
    width: 100%;
  }
  .featured_organizer .organizer_carsoul.slick-slider .slick-next{
    top:58%;
  }
  .featured_organizer .organizer_carsoul.slick-slider .slick-prev{
    top: 58%;
    left: 1%;
  }
  .featured_events_bg_2 .title .info h4,
  .featured_events_bg_2 .title p{
    color:var(--text-color);
  }
  .featured_events_bg_2 .background{
    width: 100%;
  }
  .filtered .title .info .headings {
    display: flex;
    width: 100%;
    margin-bottom: 37px;
  }
  .ui-tabs .ui-tabs-nav {
  top: -4%;
  }
  .navigation_tabs ul {
    top: 70px;
  }
  .explore_position {
    position: static;
  }
  .investigtion .adventure{
    padding-top: 7%;
  }
  .statistics .deatils .info img:nth-of-type(2) {
    display: none;
    }
    #details {
      padding:0px;
    }
  }
  /* media query for laptops  */
  @media (min-width: 767px) and (max-width: 992px) {
    /* navlinks */

    .navbar-collapse {
      display: none;
    }
    .main-wrapper a {
      padding-top: 6px;
      padding-bottom: 6px;
    }
    /* offcanvas */
    .canvase_button{
      display: flex;
      align-items:center;
      justify-content: center;
    }

    .navigation_tabs ul {
    top: 136px;
    }

    .navbar::after {
      display: none;
      }
      .explore_position {
        position: static;
      }
      .investigtion .adventure{
        padding-top: 7%;
      }
      .blog_side{
        margin-bottom: 20px;
      }
      .blog_titles {
        flex-direction: column;

      }
      .blog_section{
        overflow: hidden;
      }
      .statistics .deatils .info img:nth-of-type(2) {
      display: none;
      }
      .hotel_details .main div {
        top: 0px;
      }
      #details >* {
        padding:0px;
      }
  }

  /* media wuery for tablets  */
  @media (min-width: 576px) and (max-width: 768px) {

    /* navlinks */
    .navbar-collapse {
      display: none;
    }
    .navbar {
      flex-direction: row;
      padding:auto 20px;
    }

    /* toggle button drop down list */

    .sub-menu-item {
      width: 13rem;
    }

    .main-wrapper a {
      padding-top: 6px;
      padding-bottom: 6px;
    }

     /* offcanvas */
     .canvase_button{
      display: block;
    }
    .btn-check:focus+.btn, .btn:focus{
      box-shadow:none;
    }
    .slider_section{
    padding-right: 20px;
    padding-left: 20px;
    }

  .navigation_tabs ul {
    top: 180px;
    right: 5px;
  }

  .hotel_section > img {
    bottom: -26px;
  }
  .navbar::after {
    display: none;
    }
    .explore_position {
      position:static;
    }
    .hotel_details .main button{
      margin-top: 35px;
    }
    .investigtion .adventure{
      padding-top: 7%;
    }
    .blog_section{
      overflow: hidden;
    }
    .blog_side{
      margin-bottom: 20px;
    }
    .blog_titles {
      flex-direction: column;

    }
    .statistics .deatils .info img:nth-of-type(2) {
      display: none;
      }
      .hotel_details .main div {
        top: -34px ;
      }
      #details >*{
        padding:0px;
      }
  }

  /* mobile screen */
  @media (min-width: 767px){
    hr {
      display: none;
    }
  }
  @media (min-width: 320px) and (max-width: 767px){
    .new .remove {
      top: 13px;
    }
    .details_content {
      margin-top: 10px;
      margin-bottom: 10px;
    }
  }
  @media (min-width: 320px) and (max-width: 575px) {
    .navbar::after {
    display: none;
    }
    /* nav links */
    .main_header {
      padding:12px 10px;
    }

    .navbar-collapse {
      display: none;
    }
    .navbar {
      flex-direction: row;
      padding:12px 20px;
    }

    .men_menu img {
      display: none;
    }

    .main-wrapper a {
      padding-top: 6px;
      padding-bottom: 6px;
    }

     /* offcanvas */
     .offcanvas-body {
      z-index: 99999;
     }
     .canvase_button{
      display: block;
    }

    .canvase_button span {
    font-size: 21px;
    }
    .slider_section .slider_details h1 {
    font-size: 32px;
    }
    .slider_section .slider_details p {
    font-size: 17px;
    }
    .explore{
      padding-left: 0px;
      padding-right: 0px;

    }
    .explore .title .info h4 {
    margin-bottom: 50px;
    }
    .investigtion .adventure .adventure_info h2 {
    font-size: 25px;

    }
    .travel_box{
      width: 98%;
    }
    .nav-link{
      padding-left: 5px;
      padding-right: 5px;
    }
    .offers .titles{
      width: 100%;
    }
    /* .offers_details .adventure_mind .header_info{
      padding:0px;
    } */
    .offers .titles p {
    font-size: 19px;
    }
    .hotel_section > img {
      bottom: -26px;
    }
    .copyright h6 {
    font-size: 14px;
    }
    .explore_position {
      position: static;
    }
    .hotel_details .main button{
      margin-top: 35px;
    }
    .investigtion .adventure{
      padding-top: 7%;
    }
    .blog_section{
      overflow: hidden;
    }
    .nav-pills .nav-link {
      padding-left: 12px;
      padding-right: 10px;
    }
    .nav-pills .nav-link::after{
      bottom: -1px;
    }
    .blog_side{
      margin-bottom: 20px;
    }
    .blog_titles {
      flex-direction: column;

    }
    .blog_side img{
      width: 100%;
      margin-bottom: 20px;
    }
    .blog_side_right{
      flex-direction: column;
    }
    .newsletter button {
     position: static;
     width: 100%;
     margin-top: 10px;
     border-top-left-radius: 8px !important;
     border-bottom-left-radius: 8px !important;
    }
    .statistics .deatils .info img:nth-of-type(2) {
      display: none;
      }
      .hotel_details .main div {
        top: -34px ;
      }

      .hotel_details .main div {
        width: 92%;
      }

      /* .hotel_section > img:nth-of-type(2) {
        display: none;
      }
      .booking .image-2 >img:nth-of-type(3){
        display: none;
      }
      .investigtion .adventure>img{
        display: none;
      } */
      #details >* {
        padding:0px;
      }
  }



  /* ------------------------------------------------------------------------------------------------------------ */

  /* Media Queries for explore arrows */

  @media (min-width: 575px) and (max-width: 1199px){
    .explore .explore_details .slick-slider .slick-prev {
      top: -3%;
      left: 90%;
    }
    .explore .explore_details .slick-slider .slick-next {

      top: -3%;
      left: 97%;
    }
    .hotel_details .main div a {
      font-size: 13px;
    }
    .blog_section {
    overflow: hidden;
    }
  }
  @media (min-width: 320px) and (max-width: 574px){
    .explore .explore_details .slick-slider .slick-prev {
      top: -6%;
      left: 80%;
    }
    .explore .explore_details .slick-slider .slick-next {

      top: -6%;
      left: 88%;
    }
  }



  /* special media query for  account icon  */
  @media (min-width: 991px) and (max-width: 1199px){
    .register span i{
      left: 1px;
    }
    .register ul {
      padding-left: 42px;
    }
    .nav-pills .nav-link {
    padding-left: 35px;
    padding-right: 35px;
    }
    .hotel_details .main div {
      top: -25px ;
      left: -22px;
    }
    .explore_position {
      position: static;
    }
    .sign_up a::after{
      left: -10px;
    }
  }
  @media (min-width: 1200px) and (max-width: 1205px){

    .register ul {
      padding-left: 32px;
    }
    .hybrid {
      padding-right: 21px !important;
    }
  }

  @media (min-width: 1206px) and (max-width: 1400px){

    .register ul {
      padding-left: 32px;
    }
    .hybrid {
      padding-right: 22px !important;
    }
    .navbar::after {
    right: 17%;
    }
  }
  
  @media (min-width: 1600px) {
    .slider_section {
    /* padding-top:50px; */
    }
  }


  .form-group input[type="text"] {
    width: 100%;
    text-align: right;
  }
    .glyphicon {
      color: #0D1B3E;
      display: block;
  }
  .counter {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .counter_content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .counter label {
    color: #1C4482;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600;
  }
  .counter_content div {
    height: 100%;
    /* color: #000; */
    /* background-color: #042C6B; */
  }
  .counter_content div button {
    color: #0D1B3E;
    /* padding:0px; */
  }
  .form-group input[type="text"] {
    width: 25%;
    margin-bottom: 0px;
    text-align: center;
  }
  /* .input-group>.form-control, .input-group>.form-select{
    flex:none;
  } */
  .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
   flex: none;

  }
  .rooms {
    position: relative;
    text-align: center;
  }
  .info {
    text-align: start;
    font-size: 13px;
  }
  .add_new {
    background-color: white;
    padding:30px;
    position: absolute;
    top: 45px;
    width: 100%;
    left: 0px;
    display: none;
    z-index: 999;
  }
  .add_new >* {
    width: 100%;
  }
  .done_button {
    border: 1px solid #1C4482;
    color: #1C4482;
    text-transform: capitalize;
    font-weight: 600;
  }
  .done_button:hover {
    background-color: #1C4482;
    color: white !important;
  }
  .btn-check:focus+.btn, .btn:focus {
    box-shadow: none;
  }
  .show {
    display: block;
  }

  /* explore links */
  .explore_links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: none;
    margin-top: 30px;
    position: relative;
    z-index: 9999999;
  }
  .explore_links button{
    margin-bottom: 10px;
    padding:10px 15px;
    border: 1px solid white;
    border-radius:50%;
  }
  .explore_links button i {
    font-size: 20px;
    color: white;


  }
  .explore_links button:hover {
    background-color: white;

  }
  .explore_links button:hover i {
    color: #02265F;
  }
  .explore .explore_card:hover .header_info h5,
  .explore .explore_card:hover .header_info span  {
  opacity: 0.5;
  }
  .explore .explore_card:hover .explore_links {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-85% ,-50%);
    -webkit-transform: translate(-85% ,-50%);
    -moz-transform: translate(-85% ,-50%);
    -ms-transform: translate(-85% ,-50%);
    -o-transform: translate(-85% ,-50%);
  }
  /* .explore .explore_card:hover .header_info {
    display: flex;
    align-items: center;
    justify-content: center;
  } */
  #years ,#tabYears ,
  #travelYears {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #years select ,
  #tabYears select ,
  #travelYears select  {
    width: calc( 100% / 2 - 5px );
    margin-right: 5px;
  }

  /* margin-inline-start >> left
  margin-inline-end >> right */


  /* langugae button */
  .language {
    position: absolute;
    right: -3%;
  }



  .cartbox {
      position: fixed;
      z-index: 1000;
      top: 20vh;
      right: 0;
      padding:20px;
      background: #FFF;
      border: 3px solid #1C4482;
      border-right: 0;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      opacity: .8;
      transition: all .5s;
  }
  /* -------------------------------------------------- */
  /* -------------------------------------------------- */
  /* change language ahmed sayed */
  /* -------------------------------------------------- */
  /* -------------------------------------------------- */
  .profile_name_button {
      font-size: 17px !important;
      background-color: transparent;
      color: white;
      padding:0px;
  text-transform: none;
      /* padding-right: 10px; */
      text-decoration: none;
      padding-right: 25px;
      /* margin-left: 10px; */
  }
  .main-wrapper .profile_name_button:hover {
      color: #68C2E5;
  }
  .profile_name {
      position: relative;
  }
  .logout_dropdown {
      background-color: white;
      color: #1C4482;
      /* width: max-content; */

      position: absolute;
      top: 45px;
      right: 25px;
      z-index: 9999999 !important;
      display: none;
  }
  .show {
      display: block;}
      @media (min-width:320px) and (max-width:767px) {
           }
          .payment_option .visa_info .visa {
          flex-wrap: wrap;
      }

      .payment_option .visa_info .visa .info{
          margin-bottom: 10px;
      }
      .payment_option .visa_info .visa .info{
          width: fit-content;
      }

  @media (min-width:992px) and (max-width:1200PX){
      .navbar-nav > li > a{
          font-size: 15px;
      }
      .navbar button {
          padding:0px;
          font-size: 15px;
      }
      .navbar::after {
      right: 18.8%;
      }
      .logout_dropdown {
          top: 45px;
          right:-5px;
      }
  }
  @media (min-width:1201px) and (max-width:1400PX){
      .navbar::after {
          right: 18%;
          }

  }
  @media screen and (min-width: 993px){
      .navbar-collapse {
          overflow-y: visible !important;
      }
  }

  .dropdown-btn {
      padding-top: 6px; padding-left: 16px; padding-bottom: 6px; padding-right: 8px;
      text-decoration: none;
      font-size: 20px;

      display: block;
      border: none;
      background: none;
      width:100%;
      text-align: left;
      cursor: pointer;
      outline: none;
    }
    .dropdown-container {
      display: none;
      padding-left: 8px;
    }

    /* Optional: Style the caret down icon */
    .fa-caret-down {
      float: right;
      padding-right: 8px;
    }

    .offcan_buttons_lang.active {
      background-color: var(--main-color);

    }
    .offcan_buttons_lang.active a{
      color: white;

    }

    .offcan_buttons_lang {
      background-color: transparent;
      width: 100%;
      padding:1rem 1.25rem;
      border-bottom: 1PX solid rgba(128, 128, 128, 0.458) !important;
    }
    .offcan_buttons_lang a {
      padding-left: 0px;
      color: var(--main-color);
      text-transform: capitalize;
      font-weight: 600;
        font-size: 19px;
        text-align: left;
        display: block;
        width: 100%;
    }
    .offcan_buttons_lang:hover {
      background-color: var(--main-color);

    }
    .offcan_buttons_lang:hover a{
      color: white ;
    }
    .offcan_buttons_lang:hover a::after{
        border: none;
      }
       img.flag-img{
          width: 30px;
          height: 30px;
          /* display: none; */
          display:inline;
      }
      img.main-lang{
          /* display: block; */
      }
      .logout_dropdown a {
          display: flex;
          font-weight: 700;
          justify-content: space-between;
          color:var(--main-color);
          margin-right: 0;
          padding:5px 10px;
      }
      .logout_dropdown a:hover {
          background-color:var(--main-color);
          color: white;
      }

      .offcan_buttons_lang .dropdown-container a {
          display: flex;
          justify-content: space-around;
      }
      .offcan_buttons_lang .dropdown-container a img{
          width: 25px;
          height: 25px;
      }
      .nav-tabs {
          border-bottom: none;
        }
        a.already_loged {
          cursor: pointer;
        }


        .menu li {
          list-style: none;
        }

        .menu li a {
          display: flex;
          align-items: center;
          gap: 10px;
          margin:20px 0;
          font-size: 0.9rem;
          text-decoration: none;
          color: var(--main-color);
        }

        .menu li a i {
          font-size: 1.5rem;
        }

        .menu li a:hover {
          color: var(--sub-text-color);
        }
        .links.hybrid.sign_in.already_loged{
          position: relative;
      }
      .menu.user_info_options{
          position: absolute;
          top: 44px;
          left: -19px;
          display: none;
          width: 100%;
          background-color: white;
          padding:5px 15px;
      }
      .active_user {
          display: block !important;
      }
      .fa-solid.fa-arrow-down-short-wide {
          margin-left: 20px;
      }

      /* social buttons */
      .icons-container{
          height: 100px;
          width: 400px;

      }

      .social-icons .item {
          display: inline-block;
          margin:5px;
          width: 50px;
          height: 50px;
          transition: .3s all;
          position: relative;
          -webkit-transition: .3s all;
          text-align: center;
          color: var(--main-color) !important;
          background-color: #fff;
          line-height: 48px;
          border-radius:50px;
          -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
          -moz-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
          box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.18), 0px 4px 15px 0px rgba(0,0,0,0.15);
      }
      .social-icons .item i{
          padding-top: 15px;
      }

      .social-icons.spinned .item:hover {
          -webkit-animation: Social-Icons-Flipping .3s;
          animation: Social-Icons-Flipping .3s
      }
      footer .contact_details .contact_info .social-icons .item:hover i.fa-brands{
          text-decoration: none;

          color: #fff !important;
      }
      .social-icons .item .fa-brands {
          font-size: 15px;
          font-weight: 500;
      }

      .social-icons .facebook {
          color: #425F9C!important
      }
      .social-icons .twitter {
          color: #00ACEE!important;
      }
      .social-icons .google {
          color: #c00!important;
      }
      .social-icons .linkedin {
          color: #0073B2!important;
      }
      .social-icons .youtube {
          color: #EB3E40!important;
      }
      .social-icons .instagram {
          color: #5E8AAC!important;
      }
      .social-icons .snapchat{
          color: #FFFC00!important;
      }      
      footer .contact_details .contact_info .social-icons .email i{
          color: var(--main-color)!important;
          margin-right: 0;

      }
      footer .contact_details .contact_info .social-icons .item:hover.snapchat i.fa-brands{
          color: #000!important;
      }
      .social-icons .tiktok{
          color: #000!important
      }      
      .social-icons .x:hover svg{
        fill: #fff !important;
      }

      .facebook:hover {
          background-color: #425F9C!important
      }
      .twitter:hover {
          background-color: #00ACEE!important
      }
      .google:hover {
          background-color: #c00!important
      }
      .linkedin:hover {
          background-color: #0073B2!important
      }
      .youtube:hover {
          background-color: #EB3E40!important
      }
      .instagram:hover {
          background:  linear-gradient(-45deg, #f09433 15%,#e6683c 15%,#dc2743 35%,#cc2366 50%,#bc1888 70%);
      }
      .snapchat:hover{
          background-color: #FFFC00!important
      }      
      .tiktok:hover{
          background-color: #000!important
      }
      .x:hover {
          background-color: #000!important
      }
      .whatsapp:hover {
          background-color: #25D366!important;
      }

      @-webkit-keyframes Social-Icons-Flipping {
          0% {
              -webkit-transform: rotate(0);
              transform: rotate(0)
          }
          100% {
              -webkit-transform: rotate(-360deg);
              transform: rotate(-360deg)
          }
      }
      @keyframes Social-Icons-Flipping {
          0% {
              -webkit-transform: rotate(0);
              transform: rotate(0)
          }
          100% {
              -webkit-transform: rotate(-360deg);
              transform: rotate(-360deg)
          }
      }

      /* social buttons */
      /* .social-buttons {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 8px;
      }
      .social-button {
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
          outline: none;
          width: 64px;
          height: 64px;
          text-decoration: none;
          border-radius:100%;

          text-align: center;
      }
      footer .contact_details .contact_info .social-buttons .social-button i {
          margin-left: 0 !important;
      }
      .social-button::after {
          content: '';
          position: absolute;
          top: -1px;
          right: 50%;
          display: flex;
          justify-content: center;
          width: 0;
          height: 0;
          border-radius:100%;
          transition: 0.3s;
      }
      .social-button:focus, .social-button:hover {
          color: #fff;
      }
      .social-button:focus::after, .social-button:hover::after {
          width: calc(100% + 2px);
          height: calc(100% + 2px);
          margin-right: calc(-50% - 1px);
      }
      .social-button i, .social-button svg {
          position: relative;
          z-index: 1;
          transition: 0.3s;
      }
      .social-button i {
          font-size: 25.6px;
      }
      .social-button svg {
          height: 40%;
          width: 40%;
      }

      .social-button--facebook {
          color: #3b5999;
      }
      .social-button--facebook::after {
          background: #3b5999;
      }

      .social-button--youtube {
          color: #FF1212;
      }
      .social-button--youtube::after {
          background: #FF1212;
      }

      .social-button--instagram {
          color: #e4405f;
      }
      .social-button--instagram::after {
          background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
      } */

      .heart {
          width: 100px;
          height: 100px;
          position: absolute;
          right: -40px;
          top: 30px;
          transform: translate(-50%, -50%);
          background: url(https://cssanimation.rocks/images/posts/steps/heart.png) no-repeat;
          background-position: 100% 0;
          cursor: pointer;
          animation: fave-heart 1s steps(28);
          z-index: 9989;
        }
         .noHeartIsRed {
          background-position: left -2800px top 0;
          transition: background 1s steps(28);
        }
        @keyframes fave-heart {
          0% {
            background-position: 100% 0;
          }
          100% {
            background-position: left -2800px top 0;
          }
        }

        .addFavDialog {
          max-width: 620px;
          height: 225px;
        }

        /* .modal {
          position: fixed;
          top: 0;
          right:50%;
          transform: translate(+50% , -8%);
          display: none;
          width: 100%;
          height: 100%;
          overflow-x: hidden;
          overflow-y: auto;
          outline: 0;
          z-index: 9991;
          -webkit-transform: translate(+50% , 50%);
          -moz-transform: translate(+50% , -8%);
          -ms-transform: translate(+50% , -8%);
          -o-transform: translate(+50% , -8%);

  } */

  /* .modal-backdrop.fade.show {
      z-index: 9990;
  } */

  /* modal styles */
  .modal-dialog {
      min-width: auto;
  }
  .modal-content {
      height: fit-content;
      border-radius:17px;

  }
  .modal-header {
      /* padding-right: 35px;
      padding-left: 35px; */
      border-bottom: 1px solid rgba(126, 126, 126, 0.211);
      background-color: #1C4482;
      padding:10px 36px;
  }
  .modal-header .btn-close {
      background-color: white;
  }
  .modal-title {
      font-size: 20px;
      font-weight: 500;
      text-transform: capitalize;
      color: white !important;
  }

  .modal-body h3{
      font-size: 27px;
      font-weight: 700;
      text-transform: capitalize;
      color: var(--main-color);
  }
  .modal-body {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding:0px;
      padding-left: 35px;
      padding-right: 35px;
  }
  .modal-body h6 a{
      text-decoration: none;
  }
  .modal-body .rating {
      font-size: 30px;
      margin-top: 10px;

  }
  .modal-body .rating i:nth-of-type(4),
  .modal-body .rating i:nth-of-type(5){
      /* color: #DCDCDC; */
  }
  .modal-footer {
      justify-content: center;
      border: none;
  }

  .modal-content .modal-footer button.btn-primary {
      margin-top: 0px;
    }
    .modal-content .modal-footer button.btn-primary {
      color: white;
    }
    .modal-content .modal-footer button.btn-primary {
      background-color: #1C4482;
      border-radius:16px;
      padding:5px 15px;
      margin-top: 5px;
    }

  .modal-content .modal-footer button.btn-secondary {
      margin-top: 0px;
    }
    .modal-content .modal-footer button.btn-secondary {
      color: white;
    }
    .modal-content .modal-footer button.btn-secondary {
      background-color: #a52121;
      border-radius:16px;
      width: 100%;
      margin-top: 5px;
    }

    .useful_links .pay-link img {
      width: 70px;
  }

  .useful_links .pay-link {
      padding-right: 27px;
  }

  .useful_links {
      margin-bottom: 15px;
  }
  .contact_info.qr-code-custome img{
      background-color: white;
      /* width: 45px; */
      padding:3px;
      margin-top: 0; margin-left: 15px; margin-bottom: 0; margin-right: 0;
  }

  /*--------------------sasafixedicons-------------------------------------*/
  .fixed-icon {
      position: fixed;
      top: 150px !important;
      left: 0px;
      z-index: 999;
  }
  .f-icon {
      background-color: whitesmoke;
      margin-bottom: 2px;
      padding:5px 10px ;
      border: 1px solid #0073B2;
  }

  .f-icon:hover {
      background-color:  #0073B2;
      margin-bottom: 2px;
      padding:5px 10px ;
      border: 1px solid whitesmoke;

  }
  .f-icon:hover a{
      color: #fff !important;
  }
  /*--------------------sasafixedicons-------------------------------------*/
  /* -------------------------------------------------- */
  /* -------------------------------------------------- */
  /* change language ahmed sayed */
  /* -------------------------------------------------- */
  /* -------------------------------------------------- */
  /* custom ar  */

#myTab.nav.travel_tabs.nav-tabs {
    padding-right: 0 !important;
}
.hotel_details .row h5 {
    text-align-last: right;
}

a.blantershow-chat
{
    z-index: 103 !important;
}
section.investigtion .explore.explore_position.container .explore_details{
    direction: ltr !important;
}
.blog_side  .blog_side_right .blog_info {
    padding-right: 25px !important;
}

.ending .newsletter div.input.input-group
{
    flex-direction: row-reverse !important;
}

footer .left_info p{
    margin-right: 0 !important;
}
footer .contact_details .contact_info .info i {
    margin-left: 10px;
}

.useful_links .pay-link {
    padding-left: 27px !important;
  }

div.register {
  direction: ltr;
}

.hotel_details .col-sm-12.col-md-6.col-xl-3.p-0 h5{
direction: ltr;
}
.useful_links .row ul li i.fa-solid.fa-angle-right{

    scale: -1;
    padding-right: 5px;

}
.fixed-icon {
    left: unset;
    right: 0;
}