/* home page  */

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


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


.custom-tab {
    border-radius: 10px;
    padding: 21px 20px;
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
    text-align: center;
}
.download_the_app {
    padding-top: 30px;
}
.download_the_app{
    color:#fff;
}

.according_text_hotel span {
    display: block !important;
    white-space: inherit !important;
    text-overflow: unset !important;
    height: 52px;
    overflow: hidden !important;
}
.swiper-pagination {
    top: 100% !important;
    position: absolute;
}

.swiper {
    overflow-y: visible;
    overflow-x: clip;
}

.hotel_box .card-body h5 span.d-flex {
    white-space: nowrap;
    overflow: unset;
    text-overflow: ellipsis;
    width: 100%;
}

.download_the_app p {
    font-size: 14px;
}
.text-justify{
    text-align:justify;
}
.tabs_area {
    display: flex;
    width: 100%;
    overflow-x: auto;
    margin: 18px 0 15px 0;
}

.tabs_area a {
    background: #fff;
    padding: 6px 24px;
    display: block;
    border-radius: 31px;
    text-align: center;
    margin-right: 6px;
    text-decoration: none;
    color: #000;
    font-size: 17px;
    border: 1px solid #eee;
    text-align: center;
    font-weight: 500;
}

.tabs_area a.active {
    background: #007bff;
    color: #fff;
}


.custom-tab svg {
    width: 25px;
}

.home_page_flights_icons svg {
    width: 20px;
    height: 20px;
}
.swiper-pagination {
    bottom: -2px !important;
}
.sidebar.open {
    right: 0;
    z-index: 99;
    top: 0;
    position: absolute;
}


.design_custom_date {
    font-weight: 600;
    text-transform: capitalize;
}


.promo-section {
    background: linear-gradient(to right, #061a32, #3876d4);
    color: white;
    border-radius: 20px;
    padding: 16px 12px;
}

    .qr-code {
      width: 80px;
      height: 80px;
      object-fit: contain;
    }
    .store-badges img {
      height: 40px;
      margin-right: 10px;
    }
    .mockup-img {
      max-height: 420px;
      border-radius: 20px;

    }
    .section_custom_defign {
    margin-top: -79px;
    background: #fff;
    border-radius: 31px;
    box-shadow: 0 0 9px #16161636;
}

    @media (max-width: 768px) {
        
        .section_custom_defign {
    margin: 29px 0;
}

.customize_section_pa {
    padding: 0 29px !important;
}

.store-badges {
    justify-content: center;
    width: 100%;
}

    
    
      .mockup-img {
     
        max-height: 631px;
    }
      .promo-section {
    padding: 40px 0;
}

    }
    
    

        .custom-tab:hover {
            opacity: 0.8;
        }
        .tab-hotels {
            background-color: #041E42;
        }
        .tab-car {
            background-color: #041E42;
        }
        .tab-explore {
            background-color: #041E42;
        }



/*Great mates--arae--*/

.Great-img{
    background-image: url(img/Desktop-Image-Only.jpg);
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: center;
    object-fit: contain;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.Great-text h2 {
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    line-height: 3rem;
}
.Great-text p {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin: 0;
}

@media (max-width: 772px) {
  .Great-text h2 {
    font-size: 2rem;
    line-height: 2rem;
  }
  .Great-text p{
    font-size: 15px;
  }
}

@media (max-width: 525px) {
  
  .Great-text p{
    font-size: 13px;
  }
}

@media (max-width: 479px) {
  
  .Great-text p{
    font-size: 15px;
  }
}



@media (max-width: 336px) {
  
  .Great-text h2 {
    font-size: 29px;
    line-height: 2rem;
  }
  .Great-text p{
    font-size: 15px;
    font-weight: 700px;
  }
}


.hotels_logo {
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.destination_parent {
    display: flex;
    flex-wrap: wrap;
}

.destination_parent .des {}

.destination_parent .destinantion_items {
    width: 100%;
    background: #fff;
    margin-bottom: 24px;
    border-radius: 10px;
    overflow: hidden;
}

.destination_parent .destinantion_items a .des-top {
    display: flex;
    align-items: center;
}

.header_main {
    background: #05203c;
}

.hotel_box {
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    
}

.hotel_box .rating__text svg {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    fill: #ff0040;
}
.hotel_box .rating__text svg {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    fill: #ff0040;
}

.hotel_box .card-rating span.badge {
    color: #000 !important;
    font-size: 25px;
    padding: 0;
    margin-right: 6px;
    position: relative;
    top: 1px;
}

.hotel_box .card-rating {
    display: flex;
    align-items: center;
    margin: 6px 0;
}

.hotel_box .card-price p {
    margin: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.hotel_box .card-price p .price__num {
    font-size: 18px !important;
    font-weight: 600;
    padding: 0 7px;
}

.hotel_box .card-rating span.badge {
    color: #000 !important;
    font-size: 25px;
    padding: 0;
    margin-right: 6px;
    position: relative;
    top: 1px;
}

.hotel_box .card-rating {
    display: flex;
    align-items: center;
    margin: 6px 0;
}
.hotel_box .card-body {
    padding: 9px 11px !important;
}

.hotel_box .card-body .card-title {
    font-weight: 600;
    min-height: 48px;
}

.hotel_box p.card-meta.font-size-11 {
    margin: 0;
    background: aliceblue;
    border-radius: 9px;
    padding: 1px 11px;
    width: fit-content;
    margin-top: 4px;
}

.destination_parent .destinantion_items a .des-top .left_img {
    width: 116px;
    height: 100%;
}

.destination_parent .destinantion_items a .des-top .left_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.destination_parent .destinantion_items a .des-top h5 {padding-left: 6%;margin: 0;}

.destination_parent .destinantion_items a {
    text-decoration: none;
    color: #000;
}

.hotels_logo img {
    width: 138px;
    height: 60px;
    object-fit: contain;
    box-shadow: 0 0 2px #0000002b;
    padding: 2px;
    border-radius: 10px;
}


.hotels_in_city_wsepage a {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    font-weight: 600;
    color: #0465c9;
}

/*faq---arae--*/
.accordion-item {
    background-color: #fff!important;
    border: none;
}


      
/*intersanational css*/

.box{
        border-bottom:solid 1px #00000085;
        border-color: #00000085;
      }
      li.list-group-item {
    font-size: 14px;
}
      .flag {
            width: 24px;
            height: 24px;
            margin-right: 8px;
        }
        .list-group-item {
            display: flex;
            align-items: center;
        }
        .list-group{
            border: none;
            outline: none;
        }
        .list-group {
    border: none !important;
}

.list-group-item {
    border: none !important;
}
.col-lg-4 li{
    color: blue; 

}
.list-group-item img{
    border-radius: 23px;
}
.header svg{
    margin-top: 16px;
}
.header{
    display: flex;
    justify-content: space-between;
}


.custom_design_links img {
    width: 35px;
    height: 25px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.Custom_Header_laguages svg {
    width: 30px;
    height: 30px;
}

.Custom_Header_laguages {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: aliceblue;
    margin-bottom: 17px;
    padding: 12px 10px;
    border-radius: 10px;
}

.Custom_Header_laguages h3 {
    margin: 0;
}

.custom_design_links li {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 8px 0;
}

        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            padding: 10px;
           
            border-radius: 8px;
        }
        
        .flag {
            width: 20px;
            height: 14px;
            margin-right: 8px;
        }
        @media (max-width: 768px) {
            
            
}

.aaaaa a {
    text-decoration: none;
}


   .nav-pills .nav-link {
    background-color: #f8f9fa;
    color: #000;
    border-radius: 7px;
    padding: 4px 17px;
    margin-right: 10px;
    font-weight: bold;
    border: 1px solid #0000003d;
}
        .nav-pills .nav-link.active {
            background-color: #0d253f;
            color: #fff;
        }
        .carousel-item {
            min-height: 150px;
        }
  
  
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1270px;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

div#accordionExample .accordion-item {
    background: transparent !important;
    border: unset !important;
}

div#accordionExample {
    background: transparent !important;
    border: unset !important;
}
div#accordionExample .accordion-button {
    background: transparent !important;
    border: unset !important;
    color: #fff !important;
}

div#accordionExample .accordion-button::after {
    filter: invert(100);
    width: 14px !important;
    height: 14px !important;
    background-size: contain !important;
}

div#accordionExample .accordion-button:focus {
    outline: none !important;
    box-shadow: unset !important;
}

div#accordionExample .accordion-body ul {
    margin: 0;
    padding: 0;
}

div#accordionExample .accordion-body ul li {
    display: block;
    padding: 5px 0;
}



div#Infomation_Pages {
    margin-bottom: 25px;
    margin-top: 13px;
}

div#Infomation_Pages .heading_Infomation {
    padding: 15px 0;
}

.footer_menu_items li a {
    padding: 7px 0;
    display: block;
}

p.contact_us_btns svg {
    width: 22px;
    height: 22px;
    fill: #fff;
}

p.contact_us_btns a {
    text-decoration: none;
    background: #000;
    width: 40px;
    display: inline-block;
    height: 40px;
    border-radius: 100px;
    text-align: center;
    line-height: 40px;
    margin-right: 9px;
}

.breadcrumb-item a{
	text-decoration: none;
}

   .nav-pills .nav-link {
    background-color: #f8f9fa;
    color: #000;
    border-radius: 7px;
    padding: 4px 17px;
    margin-right: 10px;
    font-weight: bold;
    border: 1px solid #0000003d;
}
        .nav-pills .nav-link.active {
            background-color: #0d253f;
            color: #fff;
        }
        .carousel-item {
            min-height: 150px;
        }


        .accordion-button:not(.collapsed) {
    color: #000!important;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.accordion-item {
    background-color: #fff;

border: none;
}
.accordion-item{
	border-bottom: 1px solid;
}

div#accordionExample button.accordion-button {
    padding: 10px 9px;
    font-size: 14px;
}



.sidebar-tigger-button svg {
    width: 25px;
    height: 25px;
}

.sidebar_menu_option {
    transition: .3s;
    position: fixed;
    z-index:999;
    top: 0;
    background: #fff;
    width: 329px;
    overflow: hidden;
    right: 0;
    border-radius: 0;
    border-left: 1px solid #80808030;
    box-shadow: -1px 1px 15px #1414141f;
    height: 100%;
}

.recent-posts img {
    width: 100px;
    height: 70px;
    object-fit: cover;
    border-radius: 5px;
}
.recent-posts a {
    text-decoration: none;
    color: black;
}

.category-arae{
      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
padding: 9px 30px;
}


.cs-video.new_section_s img {
    width: 100%;
    height: 194px;
    object-fit: cover;
}

.cs-video.new_section_s .blog-content {
    padding: 9px 11px;
}

.cs-video.new_section_s.border a {
    color: #000;
    font-weight: 800;
    text-decoration: none;
}

.cs-video.new_section_s.border p {
    padding: 0 !important;
    font-weight: 500;
}

.cs-video.new_section_s {
    border: unset !important;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 0 7px #0000002e;
}

.sidebar_menu_option.close {
    right: -120% !important;
    transition: .3s;
}

.header_sidebar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 19px;
}

.header_sidebar img {
	width: 105px;
}

.close_sidebar svg {
	width: 19px;
}

.sidebar_body {
	padding: 20px;
	border-top: 1px solid #80808021;
}

nav.navdrawer-nav .navdrawer-subheader {
    color: gray;
    margin: 0;
}

.sidebar_body li.nav-item {
    list-style-type: none;
    padding: 6px 1px;
}
.quick-footer-links a {
    padding: 0 11px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
}

.ubrab{
            background-color: #05203c;
/*            height: 300px;*/

}


     .iiii {
    gap: 10px;
}

        .dtrr{
          color: white;
          font-weight: 700;
        }
        
    

    @media (max-width: 991px){
            .form_customiz_elemt tp-cascoon {
    margin: 0 0px;
    width: 100%;
}

.form_customiz_elemt tp-cascoon {
    margin: 0 !important;
    background: transparent;
    border: 1px solid #ffffff2e;
}

}


.tabs_area {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.tabs_area::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.form_customiz_elemt {
    padding-bottom: 7px;
    
}


    @media (max-width: 428px){
   .container.icon_i_box {
    padding: 0 !important;
    
       
   }

.hotels_logo img {
    width: 128px;
    height: 60px;
}



.nav-btn {
    padding: 4px 10px !important;
    gap: 4px !important;
}

 
 .home_page_flights_icons {
    gap: 6px !important;
    margin-top: -11px;
}
        .hotel_box img {
    object-fit: contain;
    width: 100%;
}
}        
      

        @media (max-width: 767px){
           .newss{
            width: 30%;
           }
        }
          @media (max-width: 400px){
           .newss{
            width: 45%;
           }
        }

        @media(max-width:400px){
            .iboo{
                display: none;
            } 
            .cggg {
                display: none;
            }
         .unios{
            width: 150px;
         }
        }


@media(max-width:530px){
         .unios{
            width: 150px;
         }
        }

  
    .nav-btn {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    padding: 6px 18px;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
    background: none;
    color: #fff;
}
.nav-btn:hover{
        background-color: #007bff;
    box-shadow: inset 0 0 0 1px #0000;
    border: none;
}
        .nav-btn.active {
            background-color: #007bff;
            border-color: #007bff;
            color: white;
        }

.sidebar {
    position: fixed;
    width: 250px;
    top: 57px;
    right: -450px;  
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}

.sidebar a {
    display: block;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    border-radius: 8px;
}

.sidebar a i {
    margin-right: 10px;
    color: #007bff;
}

.sidebar.active {
    right: 0; /* Sidebar becomes visible */
}

.buu svg {
    cursor: pointer;
    fill: #fff; /* White color for the button */
}


.sidebar.active {
    right: 15px;
    z-index: 999999999;
    background-color: #ffff;
}
@media(max-width:394px){
    .nav-btn{
               padding: 6px 9px;
        font-size: 14px;
    }
} 

@media(max-width:314px){
     .nav-btn{
                     padding: 6px 9px;
        font-size: 12px;
    }
}    





   .custom-tab {
    border-radius: 10px;
    padding: 21px 20px;
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
    text-align: center;
}
.custom-tab:hover {
    opacity: 0.8;
}
.tab-hotels {
    background-color: #041E42;
}
.tab-car {
    background-color: #041E42;
}
.tab-explore {
    background-color: #041E42;
}






     .footer {
               background: linear-gradient(-45deg, hsl(237.78947368421052, 68%, 20%), #1920d7);
            padding: 40px 0;
        }
        .footer a {
            color: white;
            text-decoration: none;
            font-size: 14px;
        }
        .footer a:hover {
            text-decoration: underline;
            color: #ffff;
        }
        .dropdown-menu {
            background-color: #061a32!important;
            border: none;
        }
        .dropdown-menu a {
            color: white;
            padding: 8px 20px;
        }
        .dropdown-menu a:hover {
            background-color: #061a32;
        }
        .language-selector {
            background-color: #17314f;
            color: white;
            padding: 8px 12px;
            border-radius: 8px;
            display: inline-block;
            font-size: 14px;
        }
        .footer-bottom {
            font-size: 13px;
            text-align: center;
            margin-top: 20px;
        }

    .usted {
    display: flex!important;
    align-items: center;
    justify-content: space-between;
}


 .section-title {
      font-weight: 700;
      font-size: 1rem;
    }


   

    .rounded-card {
      border-radius: 20px;
      padding: 40px 20px;
    }

    .feature-text h5 {
      font-weight: 600;
      margin-top: 15px;
    }

    .feature-text p {
      color: #555;
    }



    @media (max-width: 400px) {
      .section-title {
        font-size: 1.5rem;
      }
    }

    @media (min-width: 768px) {
      .section-title {
        font-size: 30px;
      }
    }
    
    
    
     .peace-title {
    font-size: 25px;
    font-weight: 700;
}
      .section-subtitle {
        font-size: 1.1rem;
        color: #444;
      }

      .feature-box {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
      }

      .feature-icon {
        font-size: 2rem;
        color: #000;
      
      }

      .feature-title {
        font-weight: 600;
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
      }

      .feature-description {
        color: #6c757d;
        font-size: 1rem;
        margin-bottom: 0;
      }

      @media (min-width: 768px) {
        .features-row {
          max-width: 900px;
        }
      }
      
      
        @media (max-width: 600px) {
      .hotels_logo {
    justify-content: center;
}
}

.container-border-bottom::before{
       content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    bottom: 0;
    background-color: #eeeeee96;
}


    .h1, h1 {
                font-size: 2.6rem;
    }
    
    
    .TPWL-widget .TPWL-template-header{
        padding-top: 80px;
    padding-bottom: 35px;
    }