:root {
    /* --main-color: #8b3eea; */
    --main-color: #0232a0;
    /* --main-color: rgb(221, 5, 5); */
    --white-color: #ffffff;
    --black-color: #2b2540;
    --black-color-opacity: #2b2540c4;
    --paragraph-color: #818090;
    --bg-color: #f3f6fd;
    --transition: 0.4s all ease-in-out;
  }

  a {
    text-decoration: none !important;
  }

  #theme_search_form {
    margin-top: -4%;
  }
  
  .offer_title h2{
     color: #141479;
    padding-bottom: 12px;
    padding-left: 1rem;
    text-align: center;
    text-transform: uppercase;
  }
  .myContact{
      border: 1px solid #fff;
      padding: 1px 7px !important;
    border-radius: 7px;
  }

  .national {
    background-color: transparent;
    border: none;
    font-weight: 600;
    font-size: 22px;
    padding: 0;

  }

  .national:focus {
    border-color: #86b7fe00;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
  }

  .theme_search_form_area {
    background: #ffffff;
    box-shadow: 4px 14px 28px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
   padding: 2% 2%;
    position: relative;
  }

  .theme_search_form_tabbtn .nav-item {
    margin-right: 20px;
  }

  .theme_search_form_tabbtn .nav-item:last-child {
    margin-right: 0px;
  }

  .theme_search_form_tabbtn .nav-tabs {
    border-bottom: none;
  }

  .theme_search_form_tabbtn .nav-tabs .nav-item.show .nav-link,
  .theme_search_form_tabbtn .nav-tabs .nav-link.active {
    color: var(--white-color);
    background-color: var(--main-color);
    border-color: none;
  }

  .theme_search_form_tabbtn .nav-tabs .nav-link {
    margin-bottom: 0;
    color: var(--black-color);
    border-radius: 6px;
    border: 1px solid var(--main-color);
    text-transform: uppercase;
    font-weight: 600;
    
    font-size: 12px;

  }

  .theme_search_form_tabbtn .nav-tabs .nav-link i {
    padding-right: 10px;
  }

  .theme_search_form_tabbtn {
    margin-bottom: 30px;
  }

  .flight_categories_search .nav-tabs {
    border-bottom: none;
  }

  .flight_categories_search .nav-tabs .nav-item.show .nav-link,
  .flight_categories_search .nav-tabs .nav-link.active {
    color: var(--main-color);
    border-color: none;
  }

  .flight_categories_search .nav-tabs .nav-link {
    margin-bottom: 0;
    color: var(--black-color);
    border-radius: 6px;
    border: none;
    font-weight: 500;
    background: transparent;
  }

  .flight_categories_search {
    position: absolute;
    right: 30px;
    top: 25px;
  }

  /* --Banner Area-- */
  #home_one_banner {
    background-image: linear-gradient(to right,
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.4)),
      url("../img/banner/bgss.jpg");
    padding: 260px 0 260px 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .banner_one_text {
    text-align: center;
  }

  .banner_one_text h1 {
    color: var(--white-color);
    /* font-size: 55px; */
    /* text-transform: uppercase; */
  }

  .banner_one_text h3 {
    color: var(--white-color);
    padding-top: 13px;
   font-size: 20px;
   
  }

  /* --Theme Search Form-- */

  .flight_Search_boxed {
    background-color: rgb(247, 247, 247);

    padding: 10px 10px 10px 20px;
    border-radius: 5px;
    position: relative;
    border: 1px solid rgb(231, 231, 231)



  }

  .plan_icon_posation {
    position: absolute;
    top: 20px;
    right: 30px;
  }

  .plan_icon_posation i {
    font-size: 24px;
  }

  .range_plan {
    position: absolute;
    left: -37px;
    top: 50%;
    transform: translateY(-50%);
  }

  .range_plan i {
    background: #f5eefd;
    font-size: 24px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 46px;
    border-radius: 50%;
    border: 3px solid #fff;
    color: var(--main-color);
  }

  .flight_Search_boxed p {
    font-size: 14px;
    margin: 0;
  }

  .flight_Search_boxed input {
    font-size: 22px;
    width: 87%;
    border: none;
    background: transparent;
    font-weight: 500;
    /*height: 35px;*/
    padding: 0;
  }
.hotel {
    font-size: 22px;
    width: 87%;
    border: none;
    background: transparent;
    font-weight: 500;
    /*height: 35px;*/
    padding: 0;
  }
  .hotel option{
          font-size: 15px;
  }
  .flight_Search_boxed input:focus-within {
    outline: none;
    border: none;
  }

  .flight_Search_boxed span {
    display: block;
    font-size: 12px;
    padding-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

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

  .dropdown_passenger_area button {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 22px;
    font-weight: 500;
  }

  .dropdown_passenger_area button::after {
    display: none;
  }

  /* .dropdown_passenger_area .dropdown-menu.show {
    transform: translate(-13%, 70px) !important;
  } */

  .dropdown_passenger_area .dropdown-menu {
    z-index: 1000;
    min-width: 350px;
    padding: 15px 20px;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
  }

  .traveller-calulate-persons .passengers .passengers-types .passengers-type {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    justify-content: space-between;
  }

  .traveller-calulate-persons .passengers .passengers-types .passengers-type .text {
    align-items: center;
    display: flex;
  }

  .traveller-calulate-persons .passengers .passengers-types .passengers-type .text .count {
    margin-right: 20px;
    width: 24px;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 600;
  }

  .traveller-calulate-persons .passengers .passengers-types .passengers-type .text .type-label span {
    font-size: 12px;
    color: #4c4c4c;
  }

  .traveller-calulate-persons .passengers .passengers-types .passengers-type .button-set button {
    font-size: 12px;
    color: #4c4c4c;
    border: 1px solid #d8d8d8;
    width: 20px;
    height: 20px;
  }

  .traveller-calulate-persons .passengers .passengers-types {
    padding-top: 15px;
  }

  .traveller-calulate-persons .passengers h6 {
    font-size: 16px;
    font-weight: 500;
    color: var(--main-color);
  }

  .traveller-calulate-persons .cabin-selection {
    padding-top: 10px;
    border-top: 1px solid #c7c7cc;
    margin-top: 20px;
  }

  .traveller-calulate-persons .label-select-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 10px;
  }

  .traveller-calulate-persons .label-select-btn:hover {
    background: var(--main-color);
    color: var(--white-color);
  }

  .traveller-calulate-persons .label-select-btn.active {
    background: var(--main-color);
    color: var(--white-color);
  }

  .traveller-calulate-persons .muiButton-label {
    font-size: 14px;
  }

  .traveller-calulate-persons .cabin-selection h6 {
    padding: 15px 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--main-color);
  }

  .top_form_search_button {
    text-align: center;
    margin-top: 30px;
  }

  .multi_city_form {
    margin-bottom: 15px;
  }

  .add_multy_form {
    text-align: right;
  }

  .add_multy_form button {
    color: var(--main-color);
    border: none;
    background: transparent;
  }

  .multi_form_remove {
    text-align: right;
  }

  .multi_form_remove button {
    color: red;
    border: none;
    background: transparent;
    padding-bottom: 10px;
  }

  @media (max-width: 1399px) {

    #theme_search_form .container,
    #theme_search_form .container-lg,
    #theme_search_form .container-md,
    #theme_search_form .container-sm,
    #theme_search_form .container-xl {
      max-width: 100%;
    }
  }

  .btn_navber {
    color: #fff;
    border: 2px solid var(--main-color);
    padding: 7px 10px;
    transition: var(--transition);
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
  }

  .btn_navber:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 550px;
    height: 550px;
    margin: auto;
    border-radius: 50%;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    background: var(--main-color);
    -webkit-transform: translateX(-51%) translateY(27%) scale(0.8);
    transform: translateX(-51%) translateY(27%) scale(0.8);
    transition: var(--transition);
  }

  .btn_navber:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-42%) translateY(-57%) scale(4);
    transform: translateX(-42%) translateY(-57%) scale(4);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
  }

  .is-sticky .btn_navber {
    border: 1px solid var(--white-color);
  }

  /* --Cta Area-- */
  #cta_area {
    background: var(--bg-color);
    padding: 70px 0;
  }

  .cta_left {
    display: flex;
    align-items: center;
  }

  .cta_icon {
    width: 15%;
  }

  .cta_content {
    padding-left: 30px;
  }

  .cta_content h2 {
    padding-top: 11px;
  }

  /* --Button Area start-- */
  .btn-check:focus+.btn,
  .btn:focus {
    outline: none;
    box-shadow: none;
  }

  .btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
  }

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

  .btn_theme {
    color: var(--white-color);
    background-color: #02a00c;
    transition: var(--transition);
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
   
    border: 1px solid #02a00c;
  }

  .btn_theme:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 580px;
    height: 550px;
    margin: auto;
    background: var(--black-color);
    border-radius: 50%;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(0.4);
    transform: translateX(-50%) translateY(-5%) scale(0.4);
    transition: var(--transition);
  }

  .btn_theme:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-50%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    border: none;
  }

  .btn_theme_white {
    color: var(--black-color);
    background-color: var(--white-color);
    transition: var(--transition);
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    border: 1px solid var(--white-color);
  }

  .btn_theme_white:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 580px;
    height: 550px;
    margin: auto;
    background: var(--black-color);
    border-radius: 50%;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(0.4);
    transform: translateX(-50%) translateY(-5%) scale(0.4);
    transition: var(--transition);
  }

  .btn_theme_white:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-50%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    border: none;
  }

  .btn_theme_transparent {
    color: var(--white-color);
    background-color: transparent;
    transition: var(--transition);
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    border: 1px solid var(--white-color);
  }

  .btn_theme_transparent:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 580px;
    height: 550px;
    margin: auto;
    background: var(--black-color);
    border-radius: 50%;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(0.4);
    transform: translateX(-50%) translateY(-5%) scale(0.4);
    transition: var(--transition);
  }

  .btn_theme_transparent:hover:before {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateX(-45%) translateY(0) scale(1);
    transform: translateX(-50%) translateY(0) scale(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    border: none;
  }

  .btn_md {
       padding: 1% 1%;
    font-size: 100%;
  }

  .btn_sm {
    font-size: 14px;
    padding: 5px 18px;
  }

  .range_plan {
    cursor: pointer;
  }

  /* flight offers  */
  .flight_offer {
    background-color: var(--bg-color);
  }

  .offer_title h1 {
    color: var(--main-color);
    text-align: center;
    padding-bottom: 30px;
    text-transform: uppercase;
  }

  .flight_offer .container {
    background-color: #fff;
    border-radius: 10px;
  }

  .flight_offer #image #plane {
    position: absolute;
    width: 400px;
    left: 40%;
    top: -5%;
  }

  .flight_offer #image {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: url(../img/Web-im.jpg);
  }

  .flight_offer #info {
    text-align: center;
  }

  .flight_offer .btn {
    padding: 10px 50px;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 5%;
  }

  .flight_offer .offer {
    font-size: 3rem;
    margin-top: 15%;
    text-align: center;
  }

  .flight_offer #mobile-plane {
    display: none;
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .flight_offer #image #plane {
      width: 350px;
      left: 20%;
    }

    .flight_offer .offer {
      font-size: 3rem;
    }

    .flight_offer .btn {
      font-size: 20px;
    }

    .flight_offer #mobile-plane {
      display: none;
    }
  }

  @media (min-width: 431px) and (max-width: 767px) {
    .flight_offer #mobile-plane {
      display: none;
    }

    .flight_offer #image {
      display: none;
    }

    .flight_offer #info {
      border-radius: 10px;
      padding: 180px 0 10px;
      background: url("https://image.freepik.com/free-vector/modern-metropolis-night-cityscape-cartoon-vector_1441-2959.jpg") no-repeat center center/cover;
    }
  }

  @media (max-width: 431px) {
    .flight_offer #image {
      display: none;
    }

    .flight_offer .coupon {
      color: #fff;
    }

    .flight_offer #info {
      border-radius: 10px;
      padding: 180px 0 10px;
      background: url("https://image.freepik.com/free-vector/modern-metropolis-night-cityscape-cartoon-vector_1441-2959.jpg") no-repeat center center/cover;
    }

    .flight_offer .btn {
      background-color: #eee;
      color: #333;
    }

    .flight_offer .btn:hover {
      background-color: #7311cf;
      color: #fff;
    }

    .flight_offer #info #mobile-plane {
      display: block;
      z-index: 1;
    }

    .flight_offer #info #mobile-plane img {
      position: absolute;
      width: 300px;
      top: 10%;
      left: 10%;
    }
  }

  @media (max-width: 340px) {
    .flight_offer .offer {
      font-size: 2.9rem;
    }

    .flight_offer #info #mobile-plane img {
      width: 200px;
    }
  }

  .offer span:last-child {
    color: var(--main-color);
  }

  @media (max-width: 767px) {
    .flight_offer #info {
      color: #fff;
    }

    .offer span:last-child {
      color: #fff;
    }
  }

  /* images offers  */

  .images_offers img {
    width: 100%;
    height: auto;
  }

  .images_offers .image {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .images_offers .image .overlay {
    position: absolute;
    bottom: 0;
    padding-left: 25px;
    padding-top: 15px;
    width: 100%;
    color: white;
    font-size: 20px;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.1);
    cursor: pointer;
  }

  .images_offers .image .overlay::before {
    content: "";
    background: #ffff;
    height: 100%;
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: -183px;
    z-index: -2;
    opacity: 0.7;
    transition: all 0.3s ease-out;
  }

  .images_offers .image:hover .overlay {
    color: black;
  }

  .images_offers .container .image:hover .overlay .amount,
  .images_offers .container .image:hover .overlay .h4,
  .images_offers .container .image:hover .overlay .textmuted,
  .images_offers .container .image:hover .overlay .fa-star,
  .images_offers .container .image:hover .overlay .fa-star-half-alt,
  .images_offers .container .image:hover .overlay .review {
    color: black;
  }

  .images_offers .image:hover .overlay::before {
    bottom: 0px;
  }

  .images_offers .amount {
    font-size: 15px;
  }

  .images_offers .images_offers .textmuted {
    color: #f8f8f8;
    font-weight: 200;
    font-size: 15px;
    text-transform: capitalize;
  }

  .images_offers .fa-star,
  .images_offers .fa-star-half-alt {
    color: white;
    font-size: 10px;
    margin: 0 1px;
  }

  .images_offers .review {
    font-size: 12px;
    font-weight: 200;
  }

  /* .testimonials  */

  .testimonial_sec {
    background: linear-gradient(to bottom, #000428, #004683);
    animation: background-color 10s;
    animation-iteration-count: infinite;
  }

  @keyframes background-color {
    0% {
      background: linear-gradient(to bottom, #000428, #004683);
    }

    25% {
      background: linear-gradient(to bottom, #000428, #004683);
    }

    50% {
      background: linear-gradient(to bottom, #000428, #004683);
    }

    100% {
      background: linear-gradient(to bottom, #000428, #004683);
    }
  }

  .testimonial_sec .card {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    transform-style: preserve-3d;
    perspective: 500px;
    border: none;
    background-color: inherit;
  }

  .testimonial_sec .card .face {
    position: absolute;
    color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.06);
    transform-style: preserve-3d;
    transition: 0.5s;
    backface-visibility: hidden;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 58px;
  }

  .testimonial_sec.card .face.front-face,
  .testimonial_sec .card .face.back-face {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .testimonial_sec .card .face.front-face .profile {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
  }

  .testimonial_sec .card .face.front-face .name {
    letter-spacing: 2px;
  }

  .testimonial_sec .card .face.front-face .designation {
    font-size: 0.8rem;
    color: #ddd;
    letter-spacing: 0.8px;
  }

  .testimonial_sec .card:hover .face.front-face {
    transform: rotateY(180deg);
  }

  .testimonial_sec .card .face.back-face {
    position: absolute;
    background: rgba(255, 255, 255, 0.06);
    transform: rotateY(180deg);
    padding: 20px 30px;
    text-align: center;
    user-select: none;
  }

  .card .face.back-face .fa-quote-left {
    position: absolute;
    top: 25px;
    left: 25px;
    font-size: 1.2rem;
  }

  .testimonial_sec .card .face.back-face .fa-quote-right {
    position: absolute;
    bottom: 35px;
    right: 25px;
    font-size: 1.2rem;
  }

  .testimonial_sec .card:hover .face.back-face {
    transform: rotateY(360deg);
  }

  @media (max-width: 991.5px) {
    .testimonial_sec .col-lg-4 {
      margin-top: 40px;
      margin-bottom: 20px;
    }
  }

  /* fly */

  .fly .container .card {
    max-width: 300px;
    height: 215px;
    margin: 30px 10px;
    padding: 20px 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    transition: 0.3s ease-in-out;
  }

  .fly .container .card:hover {
    height: 450px;
  }

  .fly .container .card .imgContainer {
    position: relative;
    width: 250px;
    height: 250px;
    top: -50px;
    left: 10px;
    z-index: 1;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  }

  .fly .container .card .imgContainer img {
    max-width: 100%;
    border-radius: 4px;
  }

  .fly .container .card .content {
    position: relative;
    margin-top: -140px;
    padding: 10px 15px;
    text-align: center;
    color: #111;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease-in-out;
  }

  .fly .container .card:hover .content {
    visibility: visible;
    opacity: 1;
    margin-top: -40px;
    transition-delay: 0.3s;
  }

  @media (max-width: 330px) {
    .fly .container .card .imgContainer {
      left: -2px;
    }
  }

  /* footer */

  .footer {
    background: #101e41;
  }

  .footer .border-bottom {
    border-bottom: 1px solid #9e9e9e29 !important;
  }

  .footer .border-right {
    border-right: 1px solid #9e9e9e29 !important;
  }

  /*.footer .mr-46 {*/
  /*  margin-right: 44px;*/
  /*}*/

  .footer a {
    text-decoration: none;
    color: #fff;
  }

  .footer .item-list li {
    list-style: none;
    padding: 5px;
  }

  .footer .dots {
    height: 50px;
    width: 50px;
    background-color: #fff;
    color: red;
    line-height: 37px;
    padding: 10px;
    border-radius: 50%;
    display: inline-block;
  }

  .footer .dots i {
    font-size: 25px;
    margin-left: 5px;
  }

  .footer .text-content {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
  }

  .footer .social-icons {
    display: inline-flex;
  }

  .footer .social-icons li {
    padding: 10px;
    list-style: none;
  }

  .footer .search {
    /*margin-bottom: auto;
    margin-top: auto;*/
    height: 53px;
    border: 1px solid #eee;
    background-color: #101e41;
    border-radius: 40px;
    padding: 2px;
  }

  .footer .search_input {
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 0;

    margin-top: 2px;
    caret-color: transparent;
    line-height: 40px;
    transition: width 0.4s linear;
  }

  .footer .search .search_input {
    padding: 0 10px;
    width: 100%;
    caret-color: red;
    transition: width 0.4s linear;
  }

  /*.footer .search:hover>.search_icon {*/
  /*  background: red;*/
  /*  color: #fff;*/
  /*}*/

  .footer .search_icon {
    height: 46px;
    width: 46px;
    margin-right: 2px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: white;
    padding: 20px;
    background-color: black;
  }

  .footer a:link {
    text-decoration: none;
  }

  /* feature */
  .feature .subtitle {
    text-transform: capitalize;
    font-size: 18px;
    color: #8b8e93;
    font-weight: 400;
  }

  .feature p,
  .paragraph {
    font-weight: 400;
    color: #1a1a1a;
    font-size: 15px;
    line-height: 1.6;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #242f3e;
    font-family: "Poppins", sans-serif;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 1.2;
    transition: 0.2s ease;
  }

  .feature .rounded-sm,
  .icon-bg-square::after,
  .team-member::before {
    border-radius: 15px;
  }

  .feature .icon-primary {
    color: #062caf;
  }

  .feature .icon-bg-square {
    position: relative;
  }

  .feature .icon-lg {
    font-size: 50px;
  }

  .feature .icon-bg-square::after {
    content: "";
    position: absolute;
    top: -55px;
    left: 73%;
    width: 75px;
    height: 75px;
    -webkit-transform: rotate(50deg) scale(0.8) skew(-1deg, -15deg) translateX(16px) translateY(97px);
    transform: rotate(50deg) scale(0.8) skew(-1deg, -15deg) translateX(16px) translateY(97px);
    background: #f5f6f7;
  }

  .feature .icon-bg-square::before {
    z-index: 1;
    position: relative;
  }

  .feature .section-title {
    margin-bottom: 38px;
  }

  /* coming soon  */

  .chalo_oyo .card_container {
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding: 40px 0;*/
  }

  .chalo_oyo .card {
    width: 100%;
    height: 350px;
    border-radius: 14px;
    padding: 20px;
    position: relative;
  }

  .chalo_oyo .card .card-container {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff;
    z-index: 10;
    border-radius: 10px;
    padding: 5px 0px;
    padding-top: 45px;
    text-align: justify;
  }

  .chalo_oyo .card-container h4 {
    font-size: 26px;
    margin-bottom: 10px;
  }

  .chalo_oyo .card p {
    font-size: 17px;
  }

  .chalo_oyo .card::before {
    position: absolute;
    content: "";
    background-color: var(--main-color);
    height: 35px;
    width: 35px;
    top: 3rem;
    right: -3px;
    transform: rotate(45deg);
    z-index: -1;
  }

  .chalo_oyo .card::after {
    position: absolute;
    content: attr(data-label);
    top: 22px;
    padding-left: 20px;
    padding: 10px;
    right: -10px;
    width: 95%;
    background-color: var(--main-color);
    z-index: 12;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 10px;
    color: #fff;
    font-weight: 600;
  }

  /* hotel offers  */

  .hotel_offer .title {
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 10px;
  }

  .hotel_offer .content {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: auto;
    overflow: hidden;
  }

  .hotel_offer .content .content-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
  }

  .hotel_offer .content:hover .content-overlay {
    opacity: 1;
  }

  .hotel_offer .content-image {
    width: 100%;
  }

  .hotel_offer img {
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
  }

  .hotel_offer .content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }

  .hotel_offer .content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
  }

  .hotel_offer .content-details h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    /* letter-spacing: 0.15em; */
    margin-bottom: 0.5em;
    text-transform: uppercase;
  }

  .hotel_offer .content-details p {
    color: #fff;
    font-size: 0.8em;
  }

  .hotel_offer .fadeIn-bottom {
    top: 80%;
  }

  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--main-color);
  }

  .error {
    color: red;
    /* font-weight: bold; */
    text-align: left;
    font-size: 12px;
    font-weight: 600;
  }
  
  .copyes{
      display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  
  .mobile_frnc{
      display: none;
  }
.app-btm{
    border: 1px solid #35df21;
    border-radius: 10px;
    padding: 2px 10px;
}

.apss{
   color: #ffffff;
   background-color: #0d31a7;
   /* width: 220px; */
}
.apss:hover{
        background-color: #0a0a6a;
}
.flight_categories_search .nav-tabs .nav-item .nav-link {
  border: 1px solid #062caf;
  color: #062caf;
  margin: 0 2px;
  text-transform: uppercase;
  font-weight: 600;
      font-size: 12px;
}
.flight_categories_search .nav-tabs .nav-item .nav-link.active {
  background-color: #e3181e;
    color: #fff;
    border: 1px solid #e3181e;
}

.my_acc a:hover {
    color: #0d31a7 !important;
    border: none;
}