body {
       font-family: "Lato", sans-serif;
       font-size: 14px;
   }

   .scroll_contents {
       box-shadow: none;
       height: 100%;
       width: 100%;
       border-radius: 0px;
       margin-top: 0px;
       padding-top: 0px;
       padding-bottom: 20px;
       position: relative;
       box-sizing: border-box;
       background-color: #fff;
       overflow-y: hidden;
       margin-top: 100px;
       max-width: 100%;
   }



   /* .header_container .container {
       width: 75%;
   } */
   .flight_search .inpute_holder {
       background: white;
   }

   .row.g_2 {
       margin-right: -0.25rem;
       margin-left: -0.25rem;
   }

   .main_header_seo {
       margin-top: 20px;
   }

   .edit-content_SK {
       margin-top: 13px;
       box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.09);
       border-radius: 10px;
   }

   .flight_search_s {
       padding: 6px;
       background-color: white;
       border-radius: 10px;
   }

   .flight_search .nav-pills {
       justify-content: space-around;
   }

   /* .flight_search .nav-pills .nav-item {
       width: 50%;
   } */

   .flight_search_s .nav-pills_s .nav-item .nav-link.active {
       background-color: #000 !important;
       color: #fff;
   }

   .flight_search_s .nav-pills_s .nav-item .nav-link img {
       width: 12px !important;
       margin-right: 10px;
   }

   .flight_search_s .nav-pills_s .nav-item .nav-link {
       box-shadow: none !important;
   }

   .flight_search_s .nav-pills_s .nav-item .nav-link {

       border-radius: 20px;
   }

   .flight_search .nav-pills .nav-item .nav-link.active img {
       filter: invert(99%) sepia(34%) saturate(151%) hue-rotate(254deg) brightness(230%) contrast(100%);
   }

   .flight_search .nav-pills .nav-item .nav-link {
       width: 100%;
       color: #8A8686;
   }

   .flight_search .inpute_holder label {
       font-size: 13px;
       margin-bottom: 5px;
       color: #8A8686;
       display: block;
   }

   .flight_search .inpute_holder label img {
       height: 18px;
       width: 18px;
   }

   .flight_search .inpute_holder label img {
       margin-right: 5px;
       vertical-align: sub;
   }

   .flight_search .inpute_holder .name_code {
       width: 100%;
   }

   .date_combo {
       text-align: center;
   }

   .flight_search .inpute_holder .name_code {
       display: flex;
       align-items: center;
       justify-content: space-between;
   }

   .flight_search .inpute_holder .form-control {
       font-size: 13px;
   }

   .flight_search_s .inpute_holder .form-control {
       background-color: #fff;
       font-size: 12px;
   }

   .flight_search .inpute_holder .form-control {
       border: 0;
       padding: 0;
       width: 85%;
       font-size: 14px;
   }

   .row.g_2 .col-6 {
       padding-right: 0.25rem;
       padding-left: 0.25rem;
   }

   .accordion_s {
       max-height: 200px;
       overflow: auto;
   }

   .accordion_s .accordion-item {
       border: 1px solid #FEFAE0;
   }

   .accordion_s .accordion-item .accordion-header {
       padding: 0;
   }

   .accordion_s .accordion-item .accordion-header .accordion-button {
       font-size: 15px;
       padding: 14px;
   }

   .accordion_s .accordion-item .accordion-header .accordion-button {
       background-color: #FEFAE0;
       box-shadow: none !important;
       color: #000;
       font-weight: bold;
       margin-top: 0px !important;
       margin: 2px 0px;
   }

   .accordion_s .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23B31F24'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
   }

   .accordion_s .accordion-item .accordion-header .accordion-button::after {
       background-size: 1rem;
   }

   .flight_search_s .multi_city .increase_flight {
       text-align: end;
   }

   .multi_city .increase_flight {
       margin: 15px 0px;
   }

   .flight_search_s .multi_city .increase_flight .btn {
       color: #b31f24;
       font-size: 12px;
       background-color: #FFC619;
       margin-left: 10px;

   }

   .multi_city .increase_flight img {
       width: 12px;
   }

   .flight_search_s .submit_search .btn {
       height: 37px;
       width: 150px;
       font-size: 14px;

   }

   .flight_search .submit_search .btn {

       text-transform: uppercase;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto;
   }

   .btn.red_btn {
       background-color: #B31F24;
       color: #fff;
       border: none !important;
       outline: none !important;
       border-radius: 25px;
   }

   .flight-total-count {
       margin-top: 0;
       margin-bottom: 12px;
       background-color: grey;
       color: white;
       padding: 5px;
       text-align: center;
       margin: 10px 0px;
   }

   .new_filter {
       display: flex;
       margin-bottom: 3px;
   }

   .new_filter {
       justify-content: space-around;
       margin-bottom: 12px !important;
       margin: 30px;
   }

   .flight_list {
       padding: 6px;
   }

   .flight_list .main_flightLink:active,
   .flight_list .main_flightLink:focus,
   .flight_list .main_flightLink:visited {
       outline: none;
       text-decoration: none;
   }

   a {
       text-decoration: none;
   }

   .flight_list .top_area .price {
       display: flex;
       align-items: center;
   }

   .flight_list .top_area .price .old_price {
       text-decoration: line-through;
       color: #8A8686;
       font-weight: 500;
       font-size: 12px;
       text-decoration-color: #B31F24;
       text-decoration-thickness: 1px;
   }

   .flight_list .top_area h2 {
       font-size: 17px;
       color: #b31f24;
       position: relative;
       margin-bottom: 0;
       font-weight: 800;
   }

   .flight_list .top_area .info_tags .badge.text-bg-warning {
       background-color: #fbffe0 !important;
       color: #c8d56f !important;
       border: 1px solid #ebf98b;
       padding: 8px;
       font-size: 13px;
       margin: 0px 5px;
   }

   .flight_list .top_area .info_tags .badge.text-bg-success {
       background-color: #cdffe6 !important;
       color: #0c673b !important;
       border: 1px solid #91e8bd;
       padding: 8px;
       margin: 0px 5px;
       font-size: 13px;
   }

   .flight_list .flight_row {
       display: flex;
       justify-content: space-between;
       align-items: baseline;
       margin-top: 8px;
       margin: 0px;
       margin-bottom: 5px;
       border: 1px solid #f2f1f1;
       border-radius: 12px;
       padding: 5px;
       width: 100%;
   }

   .flight_list .flight_row .airline_name {
       text-align: center;
   }

   .flight_list .flight_row .airline_name img {
       margin-top: 3px;
   }

   .flight_list .flight_row .airline_name p {
       font-size: 12px;
       margin-bottom: 0;
       color: #a0a0a0;
   }

   .flight_list .flight_row .iterany {
       margin: 0px 15px;
   }

   .flight_list .flight_row .iterany {
       display: flex;
       padding: 0 5px;
       justify-content: space-between;
   }

   .flight_list .flight_row .iterany .date_city h2 {

       font-size: clamp(13px, 1.5vw, 15px);
       font-weight: 600;
       margin-bottom: 0;
       color: #333232;
   }

   .flight_list .flight_row .iterany .date_city p {
       font-size: clamp(13px, 1.5vw, 15px);
       color: #8a8686;
       margin-bottom: 0;
       font-weight: 500;
       float: right;
   }

   .flight_list .flight_row .iterany .date_city p small {
       font-size: 80%;
       font-weight: 400;
       margin-right: 5px;
   }

   .flight_list .flight_row .travel_duration {
       text-align: center;
       width: 41%;
       margin-right: 5px;
   }

   .flight_list .flight_row .iterany .travel_duration p {
       margin-bottom: 0;
       font-size: 14px;
       color: #8a8686;
   }

   .travel_duration p {
       font-size: 13px !important;
   }

   .flight_list .flight_row .travel_duration .line {
       position: relative;
   }

   .flight_list .flight_row .travel_duration {
       text-align: center;

   }

   .flight_list .flight_row .travel_duration .line span {
       display: block;
       height: 1px;
       background-color: #ccc;
       width: 100%;
       margin: 4px 0;
   }

   .flight_list .flight_row .iterany .travel_duration .line span::before {
       content: "";
       border-radius: 50%;
       background-color: #efefef;
       position: absolute;
       left: 0;
       top: 50%;
       transform: translateY(-50%);
   }

   .line span:before {
       width: clamp(10px, 2vw, 15px) !important;
       height: clamp(10px, 2vw, 15px) !important;
   }

   .flight_list .flight_row .iterany .travel_duration .line img {
       position: absolute;
       right: 0;
       top: 50%;
       transform: translateY(-50%);
       width: clamp(15px, 3vw, 25px);
   }

   .main_content_wrap {
       display: flex;
       justify-content: space-between;
       gap: 10px;
   }

   .tabs_links .container {
       width: 75%;
   }

   .tabs_links .container .nav-pills {
       width: 100%;
       justify-content: space-around;
   }

   .tabs_links .container .nav-pills .nav-item {
       width: 200px;
   }

   /* .tabs_links .container .nav-pills .nav-item .nav-link {
       color: #323232;
   } */

   .start_end_points {
       margin-top: 20px;
   }

   .start_end_points .strt {
       font-size: clamp(18px, 2.5vw, 20px);
       color: #b31f24;
       position: relative;
       padding-bottom: 8px;
       font-weight: 600;
       text-transform: capitalize;
   }

   .start_end_points .strt:before {
       content: "";
       width: 42px;
       height: 5px;
       background-color: #3d3c3c;
       position: absolute;
       left: 10px;
       bottom: 0;
   }

   .start_end_points .strt:after {
       content: "";
       width: 7px;
       height: 5px;
       background-color: #b31f24;
       position: absolute;
       left: 0;
       bottom: 0;
   }

   .badges-wrap {
       display: flex;
       flex-wrap: wrap;
       /* space between badges */
   }

   .badges-wrap .badge-item:hover {
       box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   }

   .badges-wrap .badge-item {
       display: flex;
       align-items: center;
       gap: 10px;
       padding: 10px 10px;
       font-size: clamp(9px, 1.2vw, 12px);
       border: 1px solid #e5e5e5;
       border-radius: 6px;
       background: #f9f9f9;
       height: 50px;
   }

   .pia_badge {
       display: block;
   }

   .badges-wrap .badge-item .img {
       width: 50px;
       height: 30px;
   }

   .badges-wrap .badge-item .img img {
       width: 100%;
       height: 100%;
       object-fit: contain;
   }

   .contnt {
       margin-top: 20px;
   }

   .contnt p {
       font-size: clamp(13px, 1.2vw, 14px);
       color: #323232;
       text-align: justify;
       margin-bottom: 5px;
       margin-top: 5px;
   }

   .contnt ul {
       margin-bottom: 0 !important;
   }

   .contnt ul li {
       font-size: 13px;
   }

   .contnt ol li {
       font-size: 13px;
       line-height: 30px;

   }

   /* table css */
   .flight-info-table {
       border-collapse: separate;
       border-spacing: 0;
       font-size: 14px;
       margin-top: 10px;
   }

   .flight-info-table th,
   .flight-info-table td {
       padding: 18px 20px;
       vertical-align: middle;
       border: none;
   }

   .flight-info-table th {
       width: 280px;
       background-color: #f9f9f9;
       font-weight: 600;
       color: #000;
   }

   .flight-info-table td {
       color: #555;
       background-color: #f9f9f9;
   }

   .flight-info-table tbody tr:nth-child(odd) th {
       background-color: #f4f4f4;
   }

   /* Flight_Schedule */

   .Flight_Schedule table {
       font-size: 14px;
       width: 100%;
       min-width: 600px;
   }

   .Flight_Schedule tbody tr:nth-child(even) {
       background-color: #f4f4f4;
   }

   .Flight_Schedule tbody tr:nth-child(odd) {
       background-color: #f9f9f9;
   }

   .Flight_Schedule th {
       background-color: #f4f4f4;
       padding: 15px;
       white-space: nowrap;
   }

   .Flight_Schedule td {
       padding: 15px;
       color: #555;
       white-space: nowrap;
   }

   .Flight_Schedule tr {
       border: 1px solid #f4f4f4;
       padding: 5px;
   }

   /* Responsive wrapper for horizontal scrolling on mobile */
   .table-responsive-wrapper {
       width: 100%;
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
       scrollbar-width: thin;
       -ms-overflow-style: auto;
   }

   .table-responsive-wrapper::-webkit-scrollbar {
       height: 8px;
   }

   .table-responsive-wrapper::-webkit-scrollbar-track {
       background: #f1f1f1;
       border-radius: 10px;
   }

   .table-responsive-wrapper::-webkit-scrollbar-thumb {
       background: #b31f24;
       border-radius: 10px;
   }

   .table-responsive-wrapper::-webkit-scrollbar-thumb:hover {
       background: #8b0000;
   }

   .faq-header {
       cursor: pointer;
       font-weight: 500;

   }

   .faq-header.collapsed {
       border-bottom: 1px solid #dee2e6;
       background: none;
   }

   .collapse_sec .collapse.show {
       background-color: #f9f9f9;
   }

   #mainCollapse.collapse.show {
       background: none !important;
   }

   .faq-icon {
       transition: transform 0.3s ease;
   }

   .faq-header.collapsed .faq-icon {
       transform: rotate(0deg);
   }

   .faq-header {
       background-color: #f9f9f9;
   }

   .faq-header:not(.collapsed) .faq-icon {
       transform: rotate(180deg);
   }

   .Faq_button_place,
   .Faq_button_place_visa {
       margin-top: 20px;
       display: flex;
       justify-content: end;
   }

   .Faq_button_place_visa .btn {
         color: #B31F24;
    font-weight: 600;
    border-radius: 0;
    font-size: 14px;
   }

   .Faq_button_place .btn {
       color: #B31F24;
       font-weight: 600;
       border-radius: 0;
       font-size: 14px;
   }

   /* .Faq_button_place .btn:hover {
       color: #000;
   } */

   .Faq_button_place .btn:focus {
       border: none;
   }

   .info-card {
       border: 1px solid #e5e5e5;
       border-radius: 10px;
       padding: 10px;
       height: 100%;
       transition: box-shadow 0.3s ease;
       background: #fff;
       align-items: center;
   }

   .info-card:hover {
       box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
   }

   .info-icon-seo {
       color: #B31F24;
   }

   .info-title {
       font-weight: 600;
       color: #B31F24;
   }

   .info-text {
       font-size: 13px;
       color: #6c757d;
       margin-bottom: 0;
   }

   .links_seo a {
       margin-bottom: 20px;
       align-items: center;
       justify-content: center;
       padding: 10px 16px;
       border: 1.5px solid #bababa;
       border-radius: 999px;
       font-size: 14px;
       font-weight: 500;
       color: #333;
       text-decoration: none;
       white-space: nowrap;
       background-color: #fff;
   }

   .section-title {
       position: relative;
       font-weight: 600;
       margin-bottom: 15px;
       padding-bottom: 4px;
       display: inline-block;
   }

   /* Right line */
   .section-title::after {
       content: "";
       position: absolute;
       bottom: 1px;
       left: 0px;
       width: 100%;
       height: 2px;
       background-color: black;
   }

   .Top-Flight-title {
       position: relative;
       font-weight: 600;
       margin-bottom: 15px;
       padding-bottom: 4px;
       display: inline-block;
   }

   .Top-Flight-title::after {
       content: "";
       position: absolute;
       bottom: 1px;
       left: 0px;
       width: 100%;
       height: 2px;
       background-color: black;
   }

   .Trending-Flights-title {
       position: relative;
       font-weight: 600;
       margin-bottom: 15px;
       padding-bottom: 6px;
       display: inline-block;
   }

   /* Right line */
   .Trending-Flights-title::after {
       content: "";
       position: absolute;
       bottom: 3px;
       left: 0px;
       width: 100%;
       height: 2px;
       background-color: black;
   }

   .main_banner img {
       width: 100%;
       height: 100%;
   }

   .mobile-banner img {
       width: 100%;
       height: 100%;
   }

   .section_country-title,
   .section_country-title-visa {
       text-align: center;
       font-size: 20px;
       font-weight: bold;
       color: #b31f24;
       /* Red color as in the image */
       margin-bottom: 10px;
       position: relative;
   }

   .start_end_points.heading1 {
       display: none;
   }

   .contnt.heading1 {
       display: none;
   }

   .section_country-title span {
       background: white;
       padding: 0 15px;
       position: relative;
       z-index: 1;
   }

   .section_country-title:before,
   .section_country-title:after,
   .section_country-title-visa:before,
   .section_country-title-visa:after {
       content: "";
       position: absolute;
       height: 2px;
       background-color: #FFC619;
       /* Yellow color as in the image */
       top: 50%;
   }

   .section_country-title:before {
       left: 0;
       width: 35%;
   }

   .section_country-title-visa:before {
       left: -15px;
       width: 25px;
   }

   .section_country-title:after {
       right: 0;
       width: 35%;
   }

   .section_country-title-visa:after {
       right: -15px;
       width: 25px;
   }

   .section_fares-subtitle {
       text-align: center;
       color: #555;
       font-size: 12px;
       font-weight: 600;
   }

   .graph_here {
       display: flex;
       align-items: center;
       gap: 20px;
       margin-top: 20px;
       padding: 20px;
       background-color: #f4f4f4;
       border-radius: 10px;
       border: 1px solid #e5e5e5;
   }

   .price-range-text h3 {
       color: #B31F24;
       font-size: clamp(17px, 2.5vw, 20px);
       font-weight: bold;
       margin-bottom: 15px;
   }

   .price-range-text p {
       color: #333;
       font-size: 14px;
       margin-bottom: 0px;
   }

   .price-range-chart {
       min-width: 500px;
       height: 350px;
       flex: 1;
   }



   .price-range-chart svg rect[fill="#b31f24"] {
       border-radius: 50%;
       rx: 15;
       ry: 15;
       transition: all 0.2s ease;
       outline: none !important;
   }

   .price-range-chart svg rect[fill="#b31f24"]:focus {
       outline: none !important;
       stroke: none !important;
   }



   .price-range-chart svg rect[fill="#ffffff"],
   .price-range-chart svg rect[fill="white"],
   .price-range-chart svg rect[fill="#f4f4f4"] {
       pointer-events: none !important;
       cursor: default !important;

   }

   /* Hide the date range picker input field */
   #round_daterange input[name="round_date_range_picker"] {
       display: none !important;
       visibility: hidden !important;
   }

   /* modal css */
   .flight_search_modal {
       background-color: rgba(0, 0, 0, 0.5);
   }

   .flight_search_modal,
   .single_date_modal {
       border-radius: 0;
       z-index: 999999999;
   }

   .modal.show .modal-dialog {
       transform: none;
   }

   .flight_search_modal .modal-dialog .modal-content {
       height: 90%;
       top: 50%;
       transform: translateY(-50%);
       border-radius: 12px;
   }

   .flight_search_modal .modal-dialog .modal-content,
   .single_date_modal .modal-dialog .modal-content {

       border: 0;
       overflow: hidden;
   }

   .flight_search_modal .modal-dialog .modal-content .modal-header,
   .single_date_modal .modal-dialog .modal-content .modal-header {
       background-color: #F2F2F2;
       padding: 15px 0 50px;
       background-size: cover;
       background-repeat: no-repeat;
       height: 100px;
       border-radius: 0;
   }

   .flight_search_modal .modal-dialog .modal-content .modal-header .btn-close,
   .single_date_modal .modal-dialog .modal-content .modal-header .btn-close {
       background-image: none;
       color: #B31F24;
       opacity: 1;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 20px;
       margin: 0;
       margin-right: auto;
   }

   .flight_search_modal .modal-dialog .modal-content .modal-header h1,
   .single_date_modal .modal-dialog .modal-content .modal-header h1 {
       color: #000;
       font-size: 5vw;
       font-weight: 600;
       margin-right: auto;
       margin-left: -14px;
   }

   .flight_search_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead,
   .single_date_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead {
       display: block !important;
       margin-top: -50px;
   }

   .flight_search_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead .form-control,
   .single_date_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead .form-control {
       margin-top: 0;
   }

   .flight_search_modal .modal-dialog .modal-content .modal_contentArea .form-control,
   .single_date_modal .modal-dialog .modal-content .modal_contentArea .form-control {

       height: 60px;
   }

   .flight_search_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead .tt-menu,
   .single_date_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead .tt-menu {
       overflow-y: auto;
       width: 100% !important;
       display: block !important;
       /* Hide scrollbar for Chrome, Safari and Opera */
       scrollbar-width: none;
       /* Firefox */
       -ms-overflow-style: none;
       /* IE and Edge */
   }

   /* Hide scrollbar for Chrome, Safari and Opera */
   .flight_search_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead .tt-menu::-webkit-scrollbar,
   .single_date_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead .tt-menu::-webkit-scrollbar {
       display: none;
   }

   .flight_search_modal .modal-dialog .modal-content .modal_contentArea .tt-menu {
       height: calc(100dvh - 200px) !important;
   }

   .fancy_title h2 {
       color: #B31F24;
       font-size: 1.2rem;
       position: relative;
       padding-bottom: 12px;
       margin-top: 10px;
       margin-bottom: 16px;
       text-transform: capitalize;
   }

   .fancy_title h2:before {
       content: "";
       width: 55px;
       height: 5px;
       background-color: #3D3C3C;
       position: absolute;
       left: 10px;
       bottom: 0;
   }

   .fancy_title h2:after {
       content: "";
       width: 7px;
       height: 5px;
       background-color: #B31F24;
       position: absolute;
       left: 0;
       bottom: 0;
   }

   .flight_search_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead .tt-menu .tt-suggestion,
   .single_date_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead .tt-menu .tt-suggestion {
       padding: 9px 6px !important;
       border-bottom: 1px solid #ccc;
       color: #3a3a3a;
       cursor: pointer;
       display: flex;
       align-items: center;
   }

   /* .flight_search_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead .tt-menu .tt-suggestion:before,
   .single_date_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead .tt-menu .tt-suggestion:before {
       content: "";
       width: 20px;
       height: 20px;
       background-image: url('/images/take-off.svg');
       background-size: 100%;
       background-repeat: no-repeat;
       margin-right: 15px;
   } */

   .flight_search_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead .tt-menu .tt-suggestion span,
   .single_date_modal .modal-dialog .modal-content .modal_contentArea .twitter-typeahead .tt-menu .tt-suggestion span {
       background-color: #B31F24;
       color: #fff;
       display: inline-block;
       padding: 5px;
       text-align: center;
       font-size: 14px;
       order: 2;
       margin-left: auto;
       width: 45px;
       margin-right: 5px;
   }

   .flight_search_modal .modal-dialog .modal-content,
   .single_date_modal .modal-dialog .modal-content {
       border-radius: 10px;
   }

   .form-control:focus {
       box-shadow: none;
       border-color: #dee2e6;
   }

   /* date range picker */
   .date_range {
       position: fixed;
       width: 100%;
       left: 0;
       bottom: 0;
       height: 100%;
       top: auto !important;
       padding: 0;
       display: none;
   }

   #round_daterange .modal-dialog {
       height: 90%;
       top: 50%;
       left: 50%;
       margin: 0;
       transform: none !important;
       border-radius: 0;
       width: 100%;
       position: absolute;
       transform: translate(-50%, -50%) !important;
   }

   #round_daterange .modal-dialog .modal-content {
       height: 86%;
   }

   .date_range.fade .modal-dialog .modal-content {

       width: 100%;
   }

   .date_range .date_range_header {
       border-radius: 15px 15px 0px 0px;
   }

   .date_range .date_range_header {
       display: flex;
       align-items: flex-start;
       -ms-flex-pack: justify;
       background-color: #B31F24;
       color: #fff;
       border: 0;
       background-color: #F2F2F2;
       background-size: cover;
       background-repeat: no-repeat;
       justify-content: center;
       padding: 15px 0 50px;
       margin-bottom: -39px;
   }

   .date_range .date_range_header .btn {
       padding: 0;
       border: 0;
       color: #B31F24;
       font-size: 6vw;
       margin-right: auto;
       margin-left: 15px;

   }

   .date_range .date_range_header .btn:hover {
       background: none;
   }

   .btn {
       border: none !important;
       outline: none !important;
   }

   .date_range .date_range_header .btn {
       font-size: 24px;
   }

   .date_range .date_range_header .modal-title {
       margin-bottom: 0;
       line-height: 1.5;
       margin-right: auto;
       margin-left: -14px;
       color: #000;
   }

   #round_daterange .modal-dialog .modal-content .modal-body {
       padding-top: 0;
   }

   .comiseo-daterangepicker-main {
       height: calc(100dvh - 250px) !important;
   }

   .comiseo-daterangepicker-presets,
   .comiseo-daterangepicker-calendar {
       display: table-cell;
       vertical-align: top;
       height: 230px;
   }

   .ui-widget.ui-widget-content {
       width: 100% !important;
       display: flex;
       flex-direction: column;
       padding: 0;
       border: 0 !important;
       position: relative !important;
       overflow-y: auto;
       z-index: 1;
   }

   .ui-datepicker-multi .ui-datepicker-group,
   .ui-datepicker-inline {
       float: left;
       width: 100%;
   }

   .ui-datepicker-multi .ui-datepicker-group,
   .ui-datepicker-inline {
       float: left;
       width: 100%;
   }

   .ui-datepicker .ui-datepicker-header {
       background-color: transparent;
       border: 0;
       text-align: center;
       position: relative;
       padding: 10px 0;
   }

   /* .ui-datepicker .ui-datepicker-header a {
       display: block;
       position: absolute;
       left: 22px;
       top: 0;
       top: 50%;
       transform: translate(-50%);
   } */

   /* .ui-datepicker .ui-datepicker-header .ui-icon {
       background-image: url(../flightsImages/ui-icons_444444_256x240.png);
       background-position: -80px -192px;
       display: block;
       position: absolute;
       left: 50%;
       margin-left: -8px;
       top: 50%;
       margin-top: -8px;
       text-indent: -99999px;
       overflow: hidden;
       background-repeat: no-repeat;
       width: 16px;
       height: 16px;
   } */

   .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
       font-size: 16px;
       font-weight: 600;
   }

   .ui-datepicker-multi .ui-datepicker-group table {
       width: 95%;
       margin: 0 auto 0.4em;
       font-size: 0.9em;
       border-collapse: collapse;
   }

   .ui-datepicker th {
       padding: 0.7em 0.3em;
       text-align: center;
       font-weight: 400;
       border: 0;
       color: #8A8686;
   }

   table tr th,
   table tr td {
       font-size: clamp(13px, 2vw, 16px);
   }

   .ui-state-disabled,
   .ui-widget-content .ui-state-disabled,
   .ui-widget-header .ui-state-disabled {
       opacity: 0.35;
       filter: Alpha(Opacity=35);
       background-image: none;
       padding: 8px 0px;
   }

   .ui-datepicker td {
       border: 0;
       padding: 1px;
   }

   .comiseo-daterangepicker-main {
       height: calc(100dvh - 250px) !important;
   }

   .comiseo-daterangepicker-main {
       position: relative;
       width: 100%;
       height: calc(100dvh - 170px) !important;
       overflow: auto;
       margin-top: 0px;
       display: block;
       background: white;
       box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.08);
       border-radius: 15px 15px 0px 0px;

   }

   .comiseo-daterangepicker-main::-webkit-scrollbar {
       display: none;
   }

   #round_daterange .comiseo-daterangepicker-buttonpanel {
       bottom: 37px;
       border-radius: 0px 0px 15px 15px;
   }

   .comiseo-daterangepicker-buttonpanel {
       width: 500px;
       left: 50% !important;
       transform: translateX(-50%);
   }

   .comiseo-daterangepicker-buttonpanel {
       position: fixed !important;
       bottom: 0 !important;
       text-align: center;
       width: 100%;
       background-color: #000000;
       float: none !important;
       padding-left: 0px;
       z-index: 2;
       margin: 0 !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       height: 70px;
   }


   .comiseo-daterangepicker-buttonpanel .ui-priority-primary {
       border-color: #b31f24;
       margin-right: 0;
       width: 150px;
       border-radius: 0;
       background: #b31f24;
       color: #fff;
   }

   .comiseo-daterangepicker-buttonpanel .ui-priority-primary {
       background-color: #b31f24 !important;
       color: #fff !important;
       height: 45px;
       border-radius: 25px !important;
       margin: 0 auto !important;
       border: 0;
       text-align: center;
       display: block;
       text-decoration: none;
   }

   .date_range .date_row .date_selected {
       width: 500px;
   }


   .date_range .date_row .date_selected {
       width: 500px;
   }

   .date_range .date_row .date_selected {
       position: fixed;
       left: 0;
       right: 0;
       margin: 0 auto;
       background-color: #fff;
       bottom: 70px;
       width: 100%;
       z-index: 99;
       display: flex;
       padding: 8px 0;
       box-shadow: 0px -3px 10px 1px rgba(0, 0, 0, 0.04);
   }

   .date_range .date_row .date_selected p {
       margin-bottom: 0;
       width: 50%;
       text-align: center;
       border-right: 1px solid #D2D2D2;
   }

   .date_range .date_row .date_selected p small {
       font-weight: 400;
       font-style: normal;
       color: #8A8686;
       font-size: 12px;
       text-transform: uppercase;
       display: block;
   }

   .faq-header {
       padding: 15px;
   }

   .badges-wrap .badge-item {
       margin-bottom: 10px;
   }

   .main_container {
       max-width: 100% !important;
       padding: 0;
   }

   .comiseo-daterangepicker-triggerbutton {
       display: none;
   }

   .no-js #loader {
       display: none;
   }

   .js #loader {
       display: block;
       position: absolute;
       left: 100px;
       top: 0;
   }

   #flexi_dynamic {
       position: relative;
       min-height: 100px;
   }

   #flexi-loader {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       display: flex;
       align-items: center;
       justify-content: center;
       z-index: 9999;
   }

   .spinner {
       width: 40px;
       height: 40px;
       border: 4px solid #f3f3f3;
       border-top: 4px solid #B31F24;
       border-radius: 50%;
       animation: spin 1s linear infinite;
   }


   @keyframes spin {
       0% {
           transform: rotate(0deg);
       }

       100% {
           transform: rotate(360deg);
       }
   }

   .loader-wrap {
       position: absolute;
       height: 100%;
       width: 100%;
       top: 0;
       left: 0;
       background-color: rgba(255, 255, 255, 0.7);
       display: flex;
       justify-content: center;
       align-items: center;
       z-index: 9999;
       visibility: hidden;
       opacity: 0;

   }

   .loader-wrap.show {
       visibility: visible;
       opacity: 1;
   }

   .anim_avail,
   .anim_list {
       display: flex;
       align-items: center;
   }

   .anim_list .dot {
       width: 14px;
       height: 14px;
   }

   .anim_avail .dot {
       width: 16px;
       height: 16px;
   }

   .anim_avail .dot,
   .anim_list .dot {
       display: inline-block;
       margin: 0 3px;
       border-radius: 50%;
       animation: bounce 1.2s infinite ease-in-out;
   }

   .anim_avail .dot:nth-child(1),
   .anim_list .dot:nth-child(1) {
       animation-delay: 0s;
       background-color: #b31f24;
   }

   .anim_avail .dot:nth-child(2),
   .anim_list .dot:nth-child(2) {
       animation-delay: 0.2s;
       background-color: #3D3C3C;
   }

   .anim_avail .dot:nth-child(3),
   .anim_list .dot:nth-child(3) {
       animation-delay: 0.4s;
       background-color: #FFC619;
   }

   @keyframes bounce {

       0%,
       80%,
       100% {
           transform: scale(.5);
       }

       40% {
           transform: scale(1);
       }
   }

   .bottom_last_flight_text {
       bottom: 10px;
       left: 0;
       right: 0;
       width: 95%;
       margin: 0 auto;
   }

   .horizontal-line {
       display: flex;
       align-items: center;
       margin-bottom: 10px
   }

   .horizontal-line .line {
       flex-grow: 1;
       height: 3px;
       background-color: #B31F24;
   }

   .layover-text {
       padding: 0 10px;
       font-weight: bold;
       color: #8A8686;
   }

   .custom-button {
       border: none;
       background: none;
       padding: 0;
       margin: 0;
       font-size: inherit;
       font-family: inherit;
       color: #B31F24;
       cursor: pointer;
   }

   .disabled-link {
       cursor: not-allowed;
       pointer-events: none;
       text-decoration: none;
       /* Optional, to remove underline appearance */
   }

   .accordion-header {
       position: sticky;
       top: 0;
       background-color: #fff;
       padding: 4px 4px 8px 4px;
       /*border-bottom: solid 1px #ddd;*/
   }

   .farerule_close {
       display: none;
       float: right;
   }

   .traveler_selectionArea .form-check .form-check-input:checked {
       border-color: #B31F24;
       background-color: #B31F24;
   }

   .modify_searchingCanvas .pull_to_top {
       margin-top: 0;
   }

   .modify_searchingCanvas .offcanvas-title {
       font-weight: 600;
       font-size: 5vw;
   }

   .new_filter {
       margin-bottom: 10px;
   }

   .airline-filter-badge {
       cursor: pointer;
   }

   .airline-filter-badge.active {
       outline: 2px solid #B31F24;
       outline-offset: 2px;
   }

   .seo-see-more-wrap {
       display: flex;
       justify-content: end;
   }

   .seo-see-more-wrap .seo-see-more-btn,
   .seo-see-more-wrap .seo-see-less-btn {

       color: #b31f24;
       font-weight: 700;
       background-color: transparent;
       border: none;
       padding: 8px 16px;
       font-size: 14px;
       cursor: pointer;
   }

   .seo-see-more-wrap .seo-see-more-btn:hover,
   .seo-see-more-wrap .seo-see-less-btn:hover {

       color: #000;
   }

   .empty-visit-date {
       border: 2px solid red
   }

   .ui-front.comiseo-daterangepicker-mask {
       top: 60px;
   }

   button.ui-priority-primary.apply_disabled.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
       background: grey !important;
   }

   button.ui-priority-primary.apply_disabled.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.active {
       background: #b31f24 !important;
   }

   .danger-active {
       color: #b31f24 !important;
   }

   .td.ui-state-highlight:first-child {
       background: black;
       border-radius: 50%;
   }

   .td.ui-state-highlight.ui-datepicker-today a {
       background: black;
       color: white;
   }

   .modal-backdrop.fade.show {
       position: relative;
       top: 64px;
   }

   .edit-icon {
       cursor: pointer;
   }

   .session_expiry_modal.show {
       display: block !important;
   }

   .fa-arrow-right {
       font-size: 13px;
   }

   .start_end_points.heading1 .strt span {
       background: white;
       padding: 0 5px;
       position: relative;
       z-index: 1;
   }

   .start_end_points.heading1 .strt {
       text-align: center;
       padding: 0;
       margin-bottom: 0px !important;
       font-size: 20px;
       font-weight: bold;
       color: #b31f24;
       margin-bottom: 10px;
       position: relative;
   }

   .start_end_points.heading1 .strt:before,
   .start_end_points.heading1 .strt:after {
       content: "";
       position: absolute !important;
       width: 35% !important;
       height: 2px !important;
       background-color: #FFC619;
       top: 50% !important;
   }

   .start_end_points.heading1 .strt:before {
       left: 0 !important;

   }

   .start_end_points.heading1 .strt:after {
       right: 0 !important;
       left: auto;
   }

   .contnt.heading1 {

       margin-top: 0 !important;
   }

   .contnt.heading1 p {
       text-align: center;
       color: #555;
       font-size: clamp(14px, 1.5vw, 16px);
   }

   .full-text {
       font-size: clamp(13px, 1.2vw, 14px);
   }

   /* search page css */
   .read-more-paragraph,
   .read-more-list {
       position: relative;
       overflow: hidden;
       max-height: 2000px;
       transition: max-height 0.5s ease-in-out;
   }

   .line-clamp-collapsed {
       display: -webkit-box !important;
       -webkit-line-clamp: 3 !important;
       line-clamp: 1 !important;
       -webkit-box-orient: vertical !important;
       max-height: 4.5em !important;
   }

   .line-clamp-collapsed::after {
       content: "";
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
       height: 1.5em;
       background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
   }

   .read-more-wrapper {
       display: flex;
       justify-content: flex-end;
       position: relative;
       margin-top: 15px;
   }

   .list-collapsed {
       max-height: 3em !important;
   }

   .read-more-paragraph:not(.line-clamp-collapsed)::after,
   .read-more-list:not(.list-collapsed)::after {
       opacity: 0;
   }

   /* .read-more-btn {
       background: none;
       border: none;
       color: #b31f24;
       padding: 0;
       font-weight: 600;
       cursor: pointer;
       text-decoration: underline;
       font-size: 13px;
       margin-top: -10px;
       margin-bottom: 15px;
       display: inline-block;
   } */
   .read_more_less_btn {
       background: none;
       border: none;
       color: #b31f24;
       padding: 0;
       font-weight: 600;
       cursor: pointer;
       text-decoration: underline;
       font-size: 13px;
       margin-top: -10px;
       margin-bottom: 15px;
       display: inline-block;
   }

   .read-more-btn {
       background: none;
       border: none;
       color: #b31f24;
       padding: 0;
       font-weight: 600;
       cursor: pointer;
       text-decoration: underline;
       text-underline-offset: 2px;
       /* 👈 lower underline */
       text-decoration-thickness: 1.5px;
       /* 👈 thicker underline */
       font-size: 13px;
       margin-top: -10px;
       margin-bottom: 15px;
       display: inline-block;
   }

   .read-more-btn:hover {
       text-decoration: underline;
       color: #8b0000;
   }

   /* trending area css */
   .trend_container {
       position: relative;
       display: flex;
       align-items: center;
       margin: 20px 0;
   }

   .trend_row {
       display: flex;
       white-space: nowrap;
       overflow-x: auto;
       scroll-behavior: smooth;
       -ms-overflow-style: none;
       /* IE and Edge */
       scrollbar-width: none;
       /* Firefox */
       padding: 10px 0;
       width: 100%;
   }

   .trend_row::-webkit-scrollbar {
       display: none;
       /* Chrome, Safari and Opera */
   }

   .trend_nav {
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
       width: 40px;
       height: 40px;
       border-radius: 50%;
       background: #fff;
       border: 1px solid #ddd;
       color: #b31f24;
       display: flex;
       align-items: center;
       justify-content: center;
       cursor: pointer;
       z-index: 10;
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
       transition: all 0.3s ease;
   }

   .trend_nav:hover {
       background: #b31f24;
       color: #fff;
       border-color: #b31f24;
   }

   .trend_nav.prev {
       left: -4%;
   }

   .trend_nav.next {
       right: -4%;
   }


   .trend_row .trend_item {
       position: relative;
       border-radius: 15px;
       overflow: hidden;
       width: 45%;
       text-decoration: none;
       display: block;
       flex: 0 0 auto;
       height: 210px;
       margin-right: 25px;
   }

   .trend_row .trend_item img {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   .trend_row .trend_item .offer_desc {
       position: absolute;
       left: 0;
       bottom: 0;
       z-index: 1;
       width: 100%;
       padding: 15px;
       background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
   }

   .trend_row .trend_item .offer_desc .left h3 {
       color: #fff;
       margin: 0;
       font-size: clamp(18px, 2.5vw, 35px);
       font-weight: 500;
       font-family: 'Cocon', sans-serif;
   }

   .trend_row .trend_item .offer_desc h3 small {
       display: block;
       font-size: clamp(13px, 2vw, 20px);
       color: #ddd;
       font-weight: 400;
       font-family: lato, sans-serif;
       margin-top: 2px;
   }

   @media screen and (max-width: 768px) {

       .start_end_points.heading1 .strt:before,
       .start_end_points.heading1 .strt:after {
           width: 15% !important;
       }

       .edit-content_SK {
           margin-top: 0px !important;
       }

       .wrapper {
           height: 100%;
           max-height: inherit;
           overflow-y: auto;
           -webkit-overflow-scrolling: touch;
           margin-top: -65px;
           height: calc(100dvh - 0px) !important;
           padding-bottom: 140px !important;
           position: relative;
           background-color: #fff;
           border-radius: 15px 15px 0px 0px;
           box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
           padding-top: 20px;
       }

       .main_container {
           padding: 0 12px;
       }

       .section_country-title:before,
       .section_country-title:after {
           width: 15%;
       }

       .section_country-title {
           margin-bottom: 0px !important;
       }

       .main_content_wrap {
           display: block;
       }

       .flight_list .flight_row .iterany {
           margin: 0px;
       }

       .pia_badge {
           display: contents;
       }

       /* Mobile responsive styles for chart */
       .price-range-chart {
           min-width: 100% !important;
           width: 100% !important;
           height: 300px !important;
           max-width: 100%;
       }

       .price-range-chart svg {
           width: 100% !important;
           height: 100% !important;
       }

       .graph_here {
           padding: 15px;
       }

       .graph_here .container {
           padding: 0;
       }

       .graph_chart {
           padding: 0;
       }

       .flight-info-table th {
           width: auto;
       }

       .flight-info-table th,
       .flight-info-table td {
           padding: 10px;
       }

       .Flight_Schedule table {
           font-size: clamp(12px, 2vw, 14px);
       }

       .Flight_Schedule th,
       .Flight_Schedule td {
           padding: 10px 8px;
           font-size: clamp(11px, 1.8vw, 13px);
       }

       .section-title::after {
           bottom: 1px;
       }

       .Trending-Flights-title::after {
           bottom: 1px;
       }

       .faq-header {
           padding: 10px;
       }

       .collapse_sec {
           font-size: 14px;
       }

       HEAD .header_container {
           margin-top: 15px;
           background-color: none;
       }

       .header_container .container {
           width: 100% !important;
           padding: 0;
       }

       /* .flight_search .nav-pills .nav-item {
           width: 50%;
       } */

       .tabs_links .container .nav-pills .nav-item {
           width: 33%;
       }

       .new_filter {
           margin: 0;
       }

       .tabs_links {
           margin-top: 6px;
       }

       .tabs_links .container {
           width: 100%;
       }

       .flight_list .flight_row .iterany .date_city p {
           font-size: 3vw;
           color: #8A8686;
           margin-bottom: 0;
       }

       .flight_list .flight_row .travel_duration p {
           font-size: 2.5vw !important;
       }

       .flight_list .flight_row .airline_name p {
           font-size: 3vw !important;
       }

       .flight_search_s .inpute_holder .form-control {
           background-color: #f8f9fa;
           font-size: 12px !important;
       }

       .flight_list .flight_row .iterany .date_city p small {
           margin-right: 0px;
       }

       .flight_list .flight_row .iterany {
           padding: 0;
       }

       .flight_search .inpute_holder label img {
           height: 16px;
           width: 16px;
       }

       .flight_search_modal .modal-dialog .modal-content {
           height: 100%;
           border-radius: 0px;
       }

       #round_daterange .modal-dialog {
           height: 100%;

       }

       #round_daterange .comiseo-daterangepicker-buttonpanel {
           border-radius: 0;
       }

       .comiseo-daterangepicker-main {
           margin-top: 0;
       }

       .flight_search_modal .modal-dialog .modal-content,
       .single_date_modal .modal-dialog .modal-content {
           border-radius: 0px;
       }

       .date_range .date_range_header {
           border-radius: 0px;
       }

       .flight_list .flight_row {
           padding: 2px !important;
       }

       .new_filter {
           margin-bottom: 0 !important;
       }
   }

   .for_native_version .scroll_contents.wrapper {
       margin-top: 0px;
       padding-bottom: 0px !important;
   }

   .for_native_version .main_container {
       max-width: 100% !important;
       padding: 0 !important;
   }

   @media screen and (min-width: 768px) {
       .new_filter .btn {
           width: 100%;
           font-size: 15px;
       }

       .trend_row .trend_item {
           width: 23.5%;
           height: 300px;
       }
   }

   /* Mobile horizontal scroll for price graph */
   @media screen and (max-width: 768px) {
       .price-chart-scroll-wrapper {
           width: 100%;
           overflow-x: auto;
           -webkit-overflow-scrolling: touch;

       }

       .price-chart-scroll-wrapper::-webkit-scrollbar {
           height: 5px;
       }

       .price-chart-scroll-wrapper::-webkit-scrollbar-thumb {
           background: #b31f24;
           border-radius: 10px;
       }

       .price-chart-scroll-wrapper::-webkit-scrollbar-track {
           background: #f1f1f1;
       }

       .price-range-chart {
           min-width: 480px !important;
           width: 480px !important;
           height: 320px !important;
           max-width: none !important;
       }

       .price-range-chart svg {
           width: 500px !important;
           height: 320px !important;
       }

       .start_end_points.heading1 {
           display: block;
       }

       .contnt.heading1 {
           display: block;
       }

       .flight_header {
           margin: 0px 5px;
       }

       .flight_search .nav-pills .nav-item {
           width: 32% !important;
       }
   }

   /* Aligning media query with JS mobile detection */
   @media screen and (max-width: 956px) {
       .price-chart-scroll-wrapper {
           width: 100%;
           overflow-x: auto;
           -webkit-overflow-scrolling: touch;
       }

       .price-range-chart {
           min-width: 480px !important;
           width: 480px !important;
       }
   }

   /* Premium Fixed Y-Axis Styles for Mobile */
   @media screen and (max-width: 956px) {

       .price-range-chart svg rect[fill="#b31f24"] {
           rx: 12;
           ry: 12;
       }

       .price-chart-main-container {
           position: relative;
           display: flex;
           width: 100%;
           margin-top: 30px;
       }

       .y-axis-fixed-overlay {
           position: absolute;
           left: 0;
           top: 0;
           width: 55px;
           /* Enough for PKR 100K */
           height: 280px;
           background: #f4f4f4;
           /* Match background */
           z-index: 10;
           pointer-events: none;
           border-right: 2px solid #d3d3d3;
           /* This becomes our fixed Y-axis line */
       }

       .y-axis-tick-label {
           position: absolute;
           right: 8px;
           font-size: 9px;
           font-weight: 600;
           color: #333;
           transform: translateY(-50%);
           white-space: nowrap;
       }

       .price-chart-scroll-wrapper {
           padding-left: 0px;
           /* Offset to align with fixed axis if needed */
           flex: 1;
           overflow-x: auto;
       }

       .price-range-chart {
           /* Ensure bars start after the fixed axis visual space */
           margin-left: 0;
       }
   }

   /* Hide fixed axis on desktop */
   .y-axis-fixed-overlay {
       display: none;
   }

   @media screen and (max-width: 956px) {
       .y-axis-fixed-overlay {
           display: block;

       }
   }

   .read-toggle-table,
   .read-toggle {
       color: #b31f24;
       cursor: pointer;
       text-decoration: underline;
       padding: 0;
       font-weight: 600;
       cursor: pointer;
       text-decoration: underline;
       text-underline-offset: 2px;
       text-decoration-thickness: 1.5px;
       font-size: 13px;
       margin-bottom: 15px;
       display: inline-block;
   }

   .visa-ul {
       padding-left: 17px;
       margin-bottom: 0;
   }

   .lists {
       display: flex;
       justify-content: stretch;
       flex-wrap: wrap;
       margin-top: 10px;
   }

   .lists .list {
       display: inline-block;
       width: fit-content;
       padding: 5px;
       border: 1px solid grey;
       border-radius: 20px;
       margin: 3px;
       color: black;
       font-size: 10px;
   }

   .Faq_button_place_visa {
       display: flex;
       justify-content: end;
   }

   .trend_container {
       position: relative;
       display: flex;
       align-items: center;
       margin: 20px 0;
   }

   .trend_row {
       display: flex;
       white-space: nowrap;
       overflow-x: auto;
       scroll-behavior: smooth;
       -ms-overflow-style: none;
       /* IE and Edge */
       scrollbar-width: none;
       /* Firefox */
       padding: 10px 0;
       width: 100%;
   }

   .trend_row::-webkit-scrollbar {
       display: none;
       /* Chrome, Safari and Opera */
   }

   .trend_nav {
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
       width: 40px;
       height: 40px;
       border-radius: 50%;
       background: #fff;
       border: 1px solid #ddd;
       color: #b31f24;
       display: flex;
       align-items: center;
       justify-content: center;
       cursor: pointer;
       z-index: 10;
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
       transition: all 0.3s ease;
       display: none;
   }

   .trend_nav:hover {
       background: #b31f24;
       color: #fff;
       border-color: #b31f24;
   }

   .trend_nav.prev {
       left: -4%;
   }

   .trend_nav.next {
       right: -4%;
   }


   .trend_row .trend_item {
       position: relative;
       border-radius: 15px;
       overflow: hidden;
       width: 50%;
       text-decoration: none;
       display: block;
       flex: 0 0 auto;
       height: 210px;
       margin-right: 25px;
   }

   .trend_row .trend_item img {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   .trend_row .trend_item .offer_desc {
       position: absolute;
       left: 0;
       bottom: 0;
       z-index: 1;
       width: 100%;
       padding: 15px;
       background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
       display: flex;
       justify-content: space-between;
   }

   .trend_row .trend_item .offer_desc .left h3 {
       color: #fff;
       width: 100%;
       font-size: clamp(15px, 2.5vw, 18px);
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       text-transform: capitalize;
       font-family: 'Cocon', sans-serif;
   }

   .trend_row .trend_item .offer_desc h3 small {
       display: block;
       font-size: clamp(10px, 2vw, 15px);
       color: #ddd;
       font-weight: 400;
       font-family: lato, sans-serif;
       margin-top: 2px;
   }

   .inner_pages_content {
       overflow-y: auto;
       overflow-x: hidden !important;
       height: calc(100dvh - 80px) !important;
   }

   /* .visa-text {
       margin-bottom: 0;
   } */
   

   .trend_row .trend_item .offer_desc .left {
       flex: 0 0 72%;
       max-width: 72%;
   }

   .trend_row .trend_item .offer_desc .right {
       height: 28px;
       text-align: right;
   }

   .header .inner_header .center_section h2 {
       color: #b31f24;
   }

   @media screen and (min-width: 768px) {

       .header .inner_header .left_section .navbar-toggler,
       .bag_icon {
           display: none !important;
       }

       body {
           font-size: 14px !important;
       }

       .scroll_none {
           overflow: auto !important;
       }

       .trend_row .trend_item {
           width: 23.5%;
           height: 270px;
       }

       .inner_pages_content,
       .content_wrapper {
           /* height: unset !important; */
           margin-top: 80px;
           position: unset !important;
           box-shadow: none !important;
           padding: 0 !important;
       }

       .header .inner_header .right_section .bag_icon {
           font-size: unset;
       }

       .header .inner_header .right_section .bag_icon img {
           height: unset !important;
           width: unset !important;
       }

       .header .inner_header .right_section a img {
           width: unset;
       }

       .content {
           box-shadow: none;
           height: none !important;
       }

       .section_country-title-visa:before,
       .section_country-title-visa:after {
           width: 25%;
       }

       .section_country-title-visa {
           font-size: 30px;
       }

       .edit i {
           font-size: 25px;

       }

       .header_container {
           background-color: #f9f9f9;
           padding: 10px;
           margin-top: 30px;
       }

       .visa_wrapper .content{
            padding-top: 70px;
            margin-top: 0px !important;
            
        }
   }

   .outer_iframechanges {
       margin-top: 0px !important;
       height: unset !important;
   }
   .outer_iframechanges .content {
       margin-top: 0px !important;
      
   }

   .outer_iframechanges .content {
       margin-top: 0px !important;
        padding-top: 0px !important;
   }

   .outer_iframechanges .container {
       max-width: 95% !important;
   }

   .outer_iframechanges .header_container {
       background: white !important;
       margin-top: 0px !important;
   }

   .outer_iframechanges .wrppaer_container {
       display: none !important;
   }

   .content_wrapper .content {
       padding-bottom: 50px;
   }

   .outer_iframechanges .wrapper .card-body {
       background: transparent !important;
   }

   body.scroll_container {
       overflow-y: hidden !important;
   }

   .outer_iframechanges .content_wrapper {
       display: none !important;
   }

   .read_more_wrapper {
       display: flex;
       justify-content: end;
   }
   .desc_text{
    position: relative;
   }
   .desc_text::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.5em;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}

.visa_wrapper{
    height: calc(100dvh - 0px) !important;
}

.visa_wrapper .content {
    overflow-y: auto !important;

    /* Hide scrollbar - Chrome, Safari */
    scrollbar-width: none;        /* Firefox */
    -ms-overflow-style: none;     /* IE & Edge */
}

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