/*This is a common CSS, if you have already used it then remove it.*/
:root {
  --color-primary: #0f4ca4;
  --color-secondary: #fee900;
  --color-white: #fff;
  --color-black: #010810;
  --Blue-blue-1: #f5faff;
  --Blue-blue-2: #eff8ff;
  --Blue-blue-3: #d1e9ff;
  --Blue-blue-4: #84caff;
  --Blue-blue-5: #3a6cb4;
  --Blue-blue-9: #1849a9;
  --Blue-blue-10: #194185;
  --Gray-Mode-950: #24262d;
  --Gray-Mode-900: #363a44;
  --Gray-Mode-700: #464c5e;
  --Gray-Mode-600: #565e73;
  --Gray-Mode-500: #667085;
  --Gray-Mode-400: #8a94a6;
  --Gray-Mode-200: #d7dae0;
  --Gray-Mode-300: #b3b9c6;
  --Gray-Mode-100: #edeef1;
  --Gray-Mode-50: #f6f7f9;
  --Gray-Mode-25: #f8f9fa;
  --Orange-orange-1: #fff1e6;
  --Orange-orange-2: #ffdec2;
  --Orange-orange-6: #f70;
  --Yellow-yellow-1: #fffde6;
  --Yellow-yellow-2: #fffac2;
  --Yellow-yellow-7: #d8c600;
  --font-primary: "Poppins", sans-serif;
  --font-heading: "Playfair Display", serif;
}

/* ========== Global Styles ========== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-primary);
}

/* ========== Container ========== */
@media only screen and (min-width: 1800px) and (max-width: 3000px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1752px;
  }

  .col-xxxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxxl-8 {
    width: 66.6667%;
    flex: 0 0 auto;
  }
}

@media only screen and (min-width: 1439px) and (max-width: 1799px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}

/* ========== Fonts ========== */
/* Poppins */
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../../fonts/Poppins/Poppins-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

/* Playfair Display */
@font-face {
  font-family: "Playfair Display";
  src: url("../../fonts/Playfair_Display/static/PlayfairDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../../fonts/Playfair_Display/static/PlayfairDisplay-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../../fonts/Playfair_Display/static/PlayfairDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../../fonts/Playfair_Display/static/PlayfairDisplay-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../../fonts/Playfair_Display/static/PlayfairDisplay-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../../fonts/Playfair_Display/static/PlayfairDisplay-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../../fonts/Playfair_Display/static/PlayfairDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../../fonts/Playfair_Display/static/PlayfairDisplay-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../../fonts/Playfair_Display/static/PlayfairDisplay-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../../fonts/Playfair_Display/static/PlayfairDisplay-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../../fonts/Playfair_Display/static/PlayfairDisplay-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../../fonts/Playfair_Display/static/PlayfairDisplay-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

/* Global Usage */
body {
  font-family: var(--font-primary);
}

/* ========== Typography ========== */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

h1 {
  font: normal normal 600 72px/100% var(--font-heading);
}

h2 {
  font: normal normal 400 64px var(--font-heading);
}

h3 {
  font: normal normal 700 36px/122.222% var(--font-primary);
  letter-spacing: -0.18px;
}

h4 {
  font: normal normal 600 24px/133.333% var(--font-primary);
}

h5 {
  font: normal normal 800 20px/100% var(--font-primary);
}

h6 {
  font: normal normal 600 18px/144.444% var(--font-primary);
}

p {
  font: normal normal 500 16px/150% var(--font-primary);
  letter-spacing: 0.024px;
}

/* ========== Buttons ========== */
.btn {
  display: inline-block;
  text-decoration: none;
  border: none;
  transition: 0.5s;
}

.btn img {
  width: 20px;
  height: auto;
  transition: 0.5s;
}

.btn_primary {
  font: normal normal 400 16px/150% var(--font-primary);
  letter-spacing: 0.024px;
  color: var(--color-white);
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background-color: var(--color-primary);
  border-radius: 64px;
  width: fit-content;
  border-bottom: 1px solid transparent;
}

.btn_primary:hover {
  background-color: var(--color-secondary);
  color: var(--Gray-Mode-950);
  border-bottom: 1px solid var(--color-primary);
}

.btn_primary:hover img {
  filter: brightness(0) invert(0);
}

.btn_secondary {
  font: normal normal 400 16px/150% var(--font-primary);
  letter-spacing: 0.024px;
  color: var(--color-secondary);
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: transparent;
  border-radius: 64px;
  border: 1px solid var(--color-secondary);
  width: fit-content;
}

.btn_secondary:hover {
  background-color: var(--color-secondary);
  color: var(--Gray-Mode-950);
}

.btn_secondary img {
  width: 20px;
  height: auto;
  transition: 0.3s;
}

.btn_secondary:hover img {
  filter: brightness(0) invert(0);
}

.btn_primary_border {
  font: normal normal 400 14px/20px var(--font-primary);
  letter-spacing: 0.035px;
  color: var(--color-primary);
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: transparent;
  border-radius: 64px;
  border: 1px solid var(--color-primary);
  width: fit-content;
}

.btn_primary_border:hover {
  background-color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  color: var(--Gray-Mode-950);
}

.btn_primary_border:hover img {
  filter: brightness(0) invert(0);
}

.btn_gray {
  font: normal normal 600 16px/150% var(--font-primary);
  color: var(--Gray-Mode-950);
  padding: 11px 24px;
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: transparent;
  border-radius: 64px;
  border: 1px solid var(--Gray-Mode-600);
  width: fit-content;
}

.btn_gray:hover {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: var(--color-white);
}

.btn_gray:hover img {
  filter: brightness(0) invert(1);
}

.btn:disabled {
  background: var(--Gray-Mode-200);
  color: var(--Gray-Mode-500);
  border-bottom: 1px solid transparent;
  cursor: no-drop;
  pointer-events: unset;
  opacity: 1;
}

.form-control:focus,
.form-select:focus,
.btn-check:focus+.btn,
.btn:focus,
.form-check-input:focus {
  box-shadow: none;
}

.rn__section__gapTop {
  padding: 64px 0;
}

.inner__gapTop {
  margin-top: 32px;
}

.main_heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main_heading h4 {
  font: normal normal 600 30px / 120% var(--font-primary);
  color: var(--Gray-Mode-950);
}

.btn_withIcon {
  font: normal normal 500 12px/133.333% var(--font-primary);
  letter-spacing: 0.06px;
  background-color: var(--color-secondary);
  border-radius: 100px;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.btn_withIcon img {
  width: 20px !important;
  height: auto;
}

.custom-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  z-index: 998;
  transition: opacity 0.3s ease;
}

.custom-backdrop.show {
  opacity: 0.5;
}

/*=========Country Dropdown CSS Start==========*/
.iti--allow-dropdown {
  width: 100%;
}

.iti .form-control {
  padding-left: 67px !important;
}

.iti__flag,
.iti__flag-box {
  display: none;
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 0;
}

.iti__selected-flag {
  padding: 12px 8px 12px 12px;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.iti--separate-dial-code .iti__selected-flag {
  font: normal normal 400 14px/142.857% var(--font-primary);
  letter-spacing: 0.035px;
  background: transparent;
  border-radius: 8px;
  color: var(--Gray-Mode-950);
}

.iti__arrow {
  border: none;
  background-image: url(../../images/common-img/chevron-down.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  transition: 0.4s all ease-out;
  margin: 0;
}

.iti__arrow.iti__arrow--up {
  transform: rotate(180deg);
}

.iti__country-list {
  top: calc(100% + 4px);
  width: 422px;
  margin: 0;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
  background-color: var(--color-white);
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
}

/*=========Country Dropdown CSS End==========*/

.comn_modal .modal-dialog {
  max-width: 962px;
}

.comn_modal .modal-content {
  border-radius: 16px;
  border: 1px solid #d0d0d0;
  background: var(--color-white);
  box-shadow: 0px 2.818px 30.997px 0px rgba(0, 0, 0, 0.15);
}

.comn_modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d0d0d0;
  padding: 16px 24px;
}

.comn_modal .modal-header p {
  color: var(--Gray-Mode-950);
}

.comn_modal .modal-header .btn-close {
  padding: 0;
  margin: 0;
  width: 24px;
  height: 24px;
  opacity: 1;
  background: url(../../images/common-img/x-close.svg) no-repeat center / 100%;
}

/************Global Form CSS Start***************/
.global_form .input_inr {
  width: 100%;
  line-height: 1;
  position: relative;
}

.global_form .form-control {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-950);
  padding: 11px 16px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-200);
  background: var(--color-white);
}

.global_form .input_inr:has(.icon) .form-control {
  padding-left: 44px;
}

.global_form .input_label {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-500);
  background-color: var(--color-white);
  position: absolute;
  left: 17px;
  top: 50%;
  bottom: 0;
  height: 20px;
  transform: translateY(-50%);
  transition: 0.3s ease-out;
  pointer-events: none;
}

.global_form .input_inr:has(.icon) .input_label {
  left: 45px;
}

.global_form .input_inr:has(.iti) .input_label {
  left: 68px;
}

.global_form .input_inr:has(input:focus) .input_label,
.global_form .input_inr:has(input:not(:placeholder-shown)) .input_label {
  font: normal normal 400 12px/16px var(--font-primary);
  padding: 0 4px;
  top: 0;
  left: 8px;
  height: 16px;
  transform: translateY(-50%);
}

.global_form .input_inr .icon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  z-index: 1;
}

.global_form .input_inr .icon img {
  width: 40px;
  height: auto;
}

.global_form .input_inr .form-check {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-height: 1px;
}

.global_form .input_inr .form-check-input {
  width: 16px;
  min-width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid var(--Gray-Mode-300);
  margin: 0;
}

.global_form .input_inr .form-check-input:checked[type="checkbox"] {
  background-image: url(../../images/common-img/check.svg);
  background-size: 12px;
  background-position: center;
}

.global_form .input_inr .form-check-input:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.global_form .input_inr .form-check-label {
  font: normal normal 400 12px/16px var(--font-primary);
  color: var(--Gray-Mode-700);
  letter-spacing: 0.06px;
}

.global_form .input_inr .form-check .form-check-label a {
  color: var(--color-primary);
  text-decoration: none;
}

.form-check-input:focus {
  box-shadow: none;
}

:focus-visible {
  outline: unset;
}

/*********Select Common CSS Start**********/
.select_wrapper {
  position: relative;
  cursor: pointer;
}

.select_wrapper:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1px;
  width: 36px;
  height: 36px;
  margin: auto;
  content: "";
  background-color: var(--color-white);
  border-radius: 24px;
  background-image: url(../../images//common-img/chevron-down.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  transition: all 0.5s ease;
}

.select_wrapper.active:after {
  transform: rotateZ(180deg);
}

.select_wrapper .form-select,
.select_wrapper .custom_select {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
  padding: 11px 16px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-200);
  background: var(--color-white);
  cursor: pointer;
}

.select_wrapper .select_label {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-500);
  background-color: var(--color-white);
  position: absolute;
  /* width: 80%; */
  pointer-events: none;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease all;
  z-index: 2;
}

.select_wrapper.active .select_label,
.select_wrapper.filled .select_label {
  font: normal normal 400 12px / 16px var(--font-primary);
  width: fit-content;
  padding: 0 4px;
  top: 0;
  left: 8px;
  transform: translateY(-50%);
}

.select_wrapper .form-select:focus {
  border-color: var(--Gray-Mode-200);
}

.select_wrapper .custom_select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  font: normal normal 400 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
  padding: 11px 16px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.select_wrapper .select_options {
  max-height: 200px;
  overflow-y: auto;
  display: block;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 16px;
  list-style: none;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
  background-color: var(--color-white);
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  display: none;
}

.select_wrapper .select_options::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}

.select_wrapper .select_options::-webkit-scrollbar {
  width: 4px;
  background-color: #fff;
}

.select_wrapper .select_options::-webkit-scrollbar-thumb {
  background-color: var(--Gray-Mode-300);
  border-radius: 10px;
}

.select_wrapper .select_options li {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
  cursor: pointer;
  margin: 0;
  padding: 12px 0;
  border-bottom: 1px solid var(--Gray-Mode-100, #edeef1);
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

.select_wrapper .select_options li.disabled {
  padding: 0;
  color: var(--Gray-Mode-500);
  border-bottom: none;
  cursor: unset;
}

.select_wrapper .select_options li:first-child {
  padding-top: 0;
}

.select_wrapper .select_options li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.select_wrapper .select_options li[rel="hide"] {
  display: none;
}

/*********Select Common CSS End**********/

/*=========Responsive CSS Start==============*/

@media only screen and (min-width: 1440px) and (max-width: 1799px) {
  h1 {
    font: normal normal 600 64px / 100% var(--font-heading);
  }

  h2 {
    font: normal normal 400 56px var(--font-heading);
  }

  h3 {
    font: normal normal 600 32px/122.222% var(--font-primary);
  }

  h4 {
    font: normal normal 600 22px / 133.333% var(--font-primary);
  }

  h5 {
    font: normal normal 800 18px / 100% var(--font-primary);
  }

  h6 {
    font: normal normal 800 16px / 144.444% var(--font-primary);
  }

  p {
    font: normal normal 500 14px / 150% var(--font-primary);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  h1 {
    font: normal normal 600 48px / 100% var(--font-heading);
  }

  h2 {
    font: normal normal 400 40px var(--font-heading);
  }

  h4 {
    font: normal normal 600 18px / 133.333% var(--font-primary);
  }

  h5 {
    font: normal normal 800 16px / 100% var(--font-primary);
  }

  h6 {
    font: normal normal 600 14px / 144.444% var(--font-primary);
  }

  p {
    font: normal normal 500 12px / 150% var(--font-primary);
  }

  .rn__section__gapTop {
    padding: 42px 0;
  }

  .inner__gapTop {
    margin-top: 24px;
  }

  .main_heading h4 {
    font: normal normal 600 24px / 120% var(--font-primary);
  }

  .btn_primary {
    font: normal normal 400 12px / 150% var(--font-primary);
    padding: 8px 16px;
    gap: 3px;
  }

  .btn_primary_border {
    font: normal normal 400 12px / 133.333% var(--font-primary);
    padding: 8px 14px;
    gap: 3px;
  }

  .btn_secondary {
    font: normal normal 400 14px / 150% var(--font-primary);
    padding: 8px 16px;
  }

  .btn img {
    width: 16px;
  }

  .btn_withIcon {
    font: normal normal 500 11px / 133.333% var(--font-primary);
    padding: 6px 12px;
    gap: 3px;
  }

  .btn_withIcon img {
    width: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  h1 {
    font: normal normal 400 20px/135% var(--font-heading);
  }

  h3 {
    font: normal normal 800 16px / 122.222% var(--font-primary);
  }

  h4 {
    font: normal normal 600 18px / 133.333% var(--font-primary);
  }

  h5 {
    font: normal normal 800 18px / 100% var(--font-primary);
  }

  h6 {
    font: normal normal 800 14px / 144.444% var(--font-primary);
  }

  p {
    font: normal normal 500 12px / 133.333% var(--font-primary);
    letter-spacing: 0.06px;
  }

  .btn_withIcon img {
    width: 16px !important;
  }

  .btn_primary {
    font: normal normal 500 12px / 133.333% var(--font-primary);
    letter-spacing: 0.06px;
    padding: 8px 14px;
  }

  .btn_secondary {
    font: normal normal 600 12px / 133.333% var(--font-primary);
    padding: 5px 12px;
    letter-spacing: 0.06px;
    border: 1px solid var(--color-secondary);
  }

  .btn_secondary img {
    width: 16px;
  }

  .btn_gray {
    font: normal normal 600 12px / 130% var(--font-primary);
    padding: 7px 12px;
    border: 1px solid var(--Gray-Mode-600);
  }

  .btn img {
    width: auto;
    height: 16px;
  }

  .btn_primary_border {
    font: normal normal 500 12px / 133.333% var(--font-primary);
    letter-spacing: 0.06px;
    padding: 8px 14px;
  }

  .main_heading {
    flex-direction: column;
    align-items: start;
    gap: 16px;
  }

  .main_heading h4 {
    font: normal normal 700 16px / 144.444% var(--font-primary);
    letter-spacing: 0.027px;
  }

  .rn__section__gapTop {
    padding: 24px 0;
  }

  .inner__gapTop {
    margin-top: 16px;
  }

  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
  .iti--separate-dial-code .iti__selected-flag {
    font: normal normal 400 14px / 140% var(--font-primary);
  }

  .iti__selected-flag {
    padding: 12px 0 12px 12px;
  }

  .iti__arrow {
    width: 16px;
    height: 16px;
  }

  .iti-mobile .iti--container {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    padding: 0;
  }

  .iti__country-list {
    top: 0;
    border-radius: 0;
  }
}

/*=========Responsive CSS End==============*/

/*This is a common CSS, if you have already used it then remove it.(End)*/


/************Flight Details CSS Start**************/
.flightDetails_section {
  background: #f5f7fa;
  min-height: 100vh;
}

.flightDetails_section .flightDetails_stepper {
  padding: 12px 0;
  background: linear-gradient(0deg, #062d66 -96.32%, #000711 97.67%);
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
    0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 996;
}

.flightDetails_section .flightDetails_stepper .flightDetails_inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flightDetails_section .flightDetails_stepper .flightDetails_inr .single_btn,
.flightDetails_section .flightDetails_stepper .flightDetails_inr .btns_grp {
  width: 320px;
}

.flightDetails_section .flightDetails_stepper .flightDetails_inr .single_btn .btn {
  font: normal normal 600 16px/24px var(--font-primary);
  letter-spacing: 0.024px;
  color: var(--color-white);
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.flightDetails_section .flightDetails_stepper .flightDetails_inr .single_btn .btn img {
  width: 24px;
  height: auto;
}

.flightDetails_section .flightDetails_stepper .stppr_container .stepper {
  display: flex;
  align-items: center;
  gap: 24px;
}

.flightDetails_section .flightDetails_stepper .stppr_container .step {
  font: normal normal 400 16px/24px var(--font-primary);
  color: var(--color-white);
  letter-spacing: 0.024px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.flightDetails_section .flightDetails_stepper .stppr_container .step span {
  width: 36px;
  height: 36px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 60px;
  background: var(--Gray-Mode-600);
  position: relative;
}

.flightDetails_section .flightDetails_stepper .stppr_container .step.active span {
  background: var(--color-primary);
}

.flightDetails_section .flightDetails_stepper .stppr_container .step.complete span::after {
  content: "";
  color: #fff;
  position: absolute;
  margin: 0 auto;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4ca40f;
  background-image: url(../../images/flightPDP/check.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  border-radius: 50%;
}

.flightDetails_section .flightDetails_stepper .stppr_container .arrow img {
  width: 24px;
  height: auto;
}

.flightDetails_section .stppr_content {
  padding: 40px 0;
}

.flightDetails_section .stppr_content .accordion {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.flightDetails_section .stppr_content .accordion-item {
  background: var(--color-white);
  border-radius: 8px !important;
  border: none;
  border-bottom: 1px solid var(--Gray-Mode-200);
}

.flightDetails_section .stppr_content .accordion-button {
  font: normal normal 500 18px / 26px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.027px;
  padding: 12px 24px;
  background: var(--color-white);
  border: none;
  border-radius: 8px !important;
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

.flightDetails_section .stppr_content .accordion-button:disabled {
  opacity: 0.5;
  cursor: no-drop;
}

.flightDetails_section .stppr_content .accordion-button:not(.collapsed) {
  color: var(--color-white);
  border-radius: 8px 8px 0px 0px !important;
  background: linear-gradient(225deg, #2e90fa 0%, #175cd3 100%);
}

.flightDetails_section .stppr_content .accordion-button::after {
  width: 24px;
  height: 24px;
  background-image: url(../../images/common-img/chevron-down.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.flightDetails_section .stppr_content .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}

.flightDetails_section .stppr_content .accordion-button .adult_inc {
  font: normal normal 400 16px/24px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.024px;
}

.flightDetails_section .stppr_content .accordion-button:not(.collapsed) .adult_inc {
  color: var(--color-white);
}

.flightDetails_section .stppr_content .accordion-button .btn_editDetails {
  display: none;
}

.flightDetails_section .stppr_content .accordion-button.complete .btn_editDetails {
  display: block;
  margin-left: auto;
}

.flightDetails_section .stppr_content .accordion-button.complete[data-bs-target="#collapse0003"]::after,
.flightDetails_section .stppr_content .accordion-button.complete[data-bs-target="#collapse0004"]::after {
  display: none;
}

.flightDetails_section .stppr_content .accordion-body {
  padding: 24px 16px;
}

.price_offers {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 70px;
}

.price_offers .seperator {
  border-top: 1px dashed var(--Gray-Mode-200);
}

.price_offers .fare_wrpr .seperator {
  margin: 4px 0;
}

.price_offers .fare_wrpr {
  padding: 16px;
  border-radius: 8px;
  border-bottom: 1px solid var(--Gray-Mode-200);
  background: var(--color-white);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.price_offers .fare_wrpr p {
  font-weight: 700;
  color: var(--Gray-Mode-950);
}

.price_offers .fare_wrpr .fare_breakup {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.price_offers .fare_wrpr .fare_breakup .fb_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.price_offers .fare_wrpr .fare_breakup .fb_item .font_medium,
.price_offers .fare_wrpr .fare_breakup .fb_item .btn {
  font: normal normal 400 12px / 16px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.06px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.price_offers .fare_wrpr .fare_breakup .fb_item .font_medium b {
  font-weight: 600;
}

.price_offers .fare_wrpr .fare_breakup .fb_item .btn {
  padding: 0;
}

.price_offers .fare_wrpr .fare_breakup .fb_item .btn img {
  width: 16px;
  height: auto;
}

.price_offers .fare_wrpr .fare_breakup .fb_item .btn.active img {
  transform: rotate(180deg);
}

.price_offers .fare_wrpr .font_regular,
.price_offers .fare_wrpr ul li {
  font: normal normal 400 12px / 16px var(--font-primary);
  color: var(--Gray-Mode-700);
  letter-spacing: 0.06px;
  display: block;
}

.price_offers .fare_wrpr ul li:not(:last-child) {
  margin-bottom: 4px;
}

.price_offers .fare_wrpr .fb_total {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.price_offers .fare_wrpr .fb_total .font_regular {
  font: normal normal 400 10px / 14px var(--font-primary);
  letter-spacing: 0.05px;
  margin-top: 4px;
}

.price_offers .fare_wrpr .fbItem_dropdown {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.price_offers .fare_wrpr .fbItem_dropdown .top_blck,
.price_offers .fare_wrpr .items_dropdown li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.price_offers .fare_wrpr .items_dropdown {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}

.price_offers .promotional_offers {
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-200);
  background: var(--color-white);
}

.price_offers .promotional_offers .top_title {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.price_offers .promotional_offers .top_title span {
  font: normal normal 500 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
  display: block;
}

.price_offers .promotional_offers .top_title img {
  display: none;
  width: 20px;
  height: auto;
}

.price_offers .promotional_offers .entrpromo_code {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.price_offers .promotional_offers .title {
  font: normal normal 400 12px / 16px var(--font-primary);
  color: var(--Gray-Mode-900);
  letter-spacing: 0.06px;
  display: block;
}

.price_offers .promotional_offers .entrpromo_code .promo_input {
  position: relative;
  z-index: 0;
}

.price_offers .promotional_offers .entrpromo_code .form-control {
  font: normal normal 600 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.05px;
  padding: 13px 15px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-200);
  background: var(--color-white);
}

.price_offers .promotional_offers .entrpromo_code .form-control::placeholder {
  font-weight: 400;
  color: var(--Gray-Mode-400);
  opacity: 1;
}

.price_offers .promotional_offers .entrpromo_code .btn_clear {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 100px;
  background: #f6e8e7;
  padding: 0;
  z-index: 1;
  transition: 0.4s all ease-out;
}

.price_offers .promotional_offers .entrpromo_code .btn_clear img {
  width: 14px;
  height: auto;
}

.price_offers .promotional_offers .select_promo {
  position: relative;
  z-index: 0;
}

.price_offers .promotional_offers .select_promo::before {
  position: absolute;
  inset: 0;
  content: "";
  margin: auto;
  width: calc(100% - 24px);
  height: 1px;
  border-top: 1px dashed var(--Gray-Mode-200);
  z-index: -1;
}

.price_offers .promotional_offers .select_promo span {
  background-color: var(--color-white);
  padding: 0 4px;
  color: var(--Gray-Mode-500);
  text-align: center;
  width: fit-content;
  margin: auto;
}

.price_offers .promotional_offers .promo_codes {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.price_offers .promotional_offers .promo_codes .coupon_crd {
  padding: 11px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-200);
  background: var(--color-white);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  transition: 0.5s all ease-out;
}

.price_offers .promotional_offers .promo_codes .coupon_crd.applied {
  border: 1px solid var(--Blue-blue-3);
  background: var(--Blue-blue-1);
}

.price_offers .promotional_offers .promo_codes .coupon_crd::before,
.price_offers .promotional_offers .promo_codes .coupon_crd::after {
  position: absolute;
  top: 34px;
  content: "";
  width: 6px;
  height: 12px;
  border-radius: 0px 100px 100px 0px;
  border-top: 1px solid var(--Gray-Mode-200);
  border-right: 1px solid var(--Gray-Mode-200);
  border-bottom: 1px solid var(--Gray-Mode-200);
  background: var(--color-white);
}

.price_offers .promotional_offers .promo_codes .coupon_crd.applied::before,
.price_offers .promotional_offers .promo_codes .coupon_crd.applied::after {
  border-top: 1px solid var(--Blue-blue-3);
  border-right: 1px solid var(--Blue-blue-3);
  border-bottom: 1px solid var(--Blue-blue-3);
}

.price_offers .promotional_offers .promo_codes .coupon_crd::before {
  left: -1px;
}

.price_offers .promotional_offers .promo_codes .coupon_crd::after {
  right: -1px;
  transform: rotate(180deg);
}

.price_offers .promotional_offers .promo_codes .cc_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dashed var(--Gray-Mode-200);
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.price_offers .promotional_offers .promo_codes .cc_top span {
  font: normal normal 600 14px/20px var(--font-primary);
  letter-spacing: 0.035px;
  color: var(--Gray-Mode-950);
  display: block;
}

.price_offers .promotional_offers .promo_codes .coupon_crd.applied .cc_top span {
  color: #418b0d;
}

.price_offers .promotional_offers .promo_codes .cc_top .btn {
  padding: 0;
  font: normal normal 400 14px/20px var(--font-primary);
  letter-spacing: 0.035px;
  color: var(--color-primary);
  transition: none;
}

.price_offers .promotional_offers .promo_codes .coupon_crd.applied .cc_top .btn {
  color: #b4423a;
}

.price_offers .promotional_offers .promo_codes .btn_viewMore {
  font: normal normal 500 14px/20px var(--font-primary);
  letter-spacing: 0.035px;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0;
}

.price_offers .promotional_offers .promo_codes .btn_viewMore img {
  width: 16px;
  height: auto;
  transition: 0.3s all ease-out;
}

.price_offers .promotional_offers .promo_codes .btn_viewMore.active img {
  transform: rotate(180deg);
}

.price_offers .btn_points .btn_primary {
  width: 100%;
  padding: 10px 18px;
}

.price_offers .tbr_bottom {
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--color-white);
  overflow: hidden;
}

.price_offers .tbr_bottom.wtc_form {
  min-height: 258px;
}

.price_offers .tbr_bottom .tbrb_top {
  padding: 16px;
  background: linear-gradient(225deg, #2e90fa 0%, #175cd3 100%);
  border-bottom: 1px solid var(--Gray-Mode-100);
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.price_offers .tbr_bottom .tbrb_top::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(../../images/flightPDP/call-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.price_offers .tbr_bottom .tbrb_top h6 {
  color: var(--color-white);
  font-weight: 500;
  letter-spacing: 0.027px;
}

.price_offers .tbr_bottom .contact_form {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.price_offers .tbr_bottom .contact_form .input_inr {
  width: 100%;
  position: relative;
  z-index: 0;
}

.price_offers .tbr_bottom .contact_form .form-control {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-950);
  padding: 11px 16px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-200);
  background: var(--color-white);
}

.price_offers .tbr_bottom .contact_form .input_inr:has(.icon) .form-control {
  padding-left: 44px;
}

.price_offers .tbr_bottom .contact_form label {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-500);
  background-color: var(--color-white);
  position: absolute;
  left: 17px;
  top: 50%;
  bottom: 0;
  height: 20px;
  transform: translateY(-50%);
  transition: 0.3s ease-out;
  pointer-events: none;
}

.price_offers .tbr_bottom .contact_form .input_inr:has(.icon) label {
  left: 45px;
}

.price_offers .tbr_bottom .contact_form .input_inr:has(.iti) label {
  left: 68px;
}

.price_offers .tbr_bottom .contact_form .input_inr:has(input:focus) label,
.price_offers .tbr_bottom .contact_form .input_inr:has(input:not(:placeholder-shown)) label {
  font: normal normal 400 12px/16px var(--font-primary);
  padding: 0 4px;
  top: 0;
  left: 8px;
  transform: translateY(-38%);
}

.price_offers .tbr_bottom .contact_form .input_inr .icon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  z-index: 2;
}

.price_offers .tbr_bottom .contact_form .input_inr .icon img {
  width: 40px;
  height: auto;
}

.price_offers .tbr_bottom .contact_form .btn_primary {
  padding: 10px 18px;
  border-bottom: none;
  width: 100%;
}

.price_offers .contact_form .btn_primary:disabled img {
  filter: brightness(0) opacity(0.4);
}

.price_offers .contact_form .btn_primary:disabled:hover img {
  filter: unset;
}

.price_offers .tbr_bottom .form_submitted {
  padding: 12px;
  position: relative;
}

.price_offers .tbr_bottom .form_submitted .btn {
  padding: 0;
  position: absolute;
  top: 12px;
  right: 12px;
}

.price_offers .tbr_bottom .form_submitted .btn img {
  width: 24px;
  height: auto;
}

.price_offers .tbr_bottom .form_submitted .gif_blck img {
  width: 170px;
  height: auto;
  margin: auto;
  display: block;
}

.price_offers .tbr_bottom .form_submitted span {
  font: normal normal 500 14px/20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
  display: block;
  max-width: 82%;
  margin: auto;
  text-align: center;
}

.price_offers .tbr_bottom .notes {
  padding: 8px 12px;
  border-radius: 4px;
  background: var(--Yellow-yellow-2);
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.price_offers .tbr_bottom .notes img {
  width: 16px;
  height: auto;
}

.price_offers .tbr_bottom .notes span {
  font: normal normal 400 12px/16px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.06px;
  display: inline-block;
}

.flightReview_block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.flightReview_block .flights_cards {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.flightReview_block .aprDep_card {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--Gray-Mode-200);
  background: var(--color-white);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flightReview_block .aprDep_card:has(.cards_chips) {
  padding: 24px 16px;
}

.flightReview_block .aprDep_card .cards_chips {
  padding: 6px 12px;
  border-radius: 50px;
  background: var(--Blue-blue-3);
  position: absolute;
  top: -14px;
}

.flightReview_block .aprDep_card .cards_chips span {
  font: normal normal 500 12px/16px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.06px;
  display: block;
}

.flightReview_block .aprDep_card .flight_topInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flightReview_block .aprDep_card .flight_topInfo .flight_topLeft {
  display: flex;
  align-items: stretch;
  gap: 12px;
}

.flightReview_block .aprDep_card .flight_topInfo .fromTo {
  display: flex;
  align-items: center;
  gap: 8px;
}

.flightReview_block .aprDep_card .flight_topInfo .fromTo p {
  color: var(--Gray-Mode-950);
}

.flightReview_block .aprDep_card .flight_topInfo .fromTo span {
  display: flex;
}

.flightReview_block .aprDep_card .flight_topInfo .fromTo img {
  width: 16px;
}

.flightReview_block .aprDep_card .flight_topInfo .card_wrapper {
  display: flex;
  align-items: stretch;
  gap: 12px;
}

.flightReview_block .aprDep_card .flight_topInfo .card_item {
  display: flex;
  padding: 4px 8px;
  align-items: stretch;
  gap: 16px;
  border-radius: 4px;
}

.flightReview_block .aprDep_card .flight_topInfo .card_item.primary {
  background: var(--Blue-blue-2);
}

.flightReview_block .aprDep_card .flight_topInfo .card_item.secondary {
  background: #fffde6;
}

.flightReview_block .aprDep_card .flight_topInfo .card_item .font_medium {
  font: normal normal 500 12px/16px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.06px;
  display: block;
}

.flightReview_block .aprDep_card .flight_topInfo .card_item .success {
  font-weight: 600;
  color: #418b0d;
}

.flightReview_block .aprDep_card .flight_topInfo .card_item .brdr {
  width: 1px;
  height: 100%;
  background-color: var(--Gray-Mode-400);
}

.flightReview_block .btn_rules {
  font: normal normal 500 12px/16px var(--font-primary);
  color: var(--color-primary);
  letter-spacing: 0.06px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
}

.flightReview_block .aprDep_card .flight_topInfo .btn img {
  width: 16px;
  height: auto;
}

.flight_details_cards {
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.flight_details_cards .fdc_blc {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--color-white);
  overflow: hidden;
}

.flight_details_cards .fdc_blc .flight_info {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
}

.flight_details_cards .fdc_blc .fi_lft {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.flight_details_cards .fdc_blc .fi_lft .fil_top,
.flight_details_cards .fdc_blc .fi_lft .fil_top .fil_wrpr {
  display: flex;
  align-items: center;
  gap: 12px;
}

.flight_details_cards .fdc_blc .fi_lft .fil_top:has(.fil_wrpr) {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.flight_details_cards .fdc_blc .fil_lft img {
  width: 36px;
  height: auto;
}

.flight_details_cards .fdc_blc .flight_info p {
  color: var(--Gray-Mode-950);
  font-weight: 600;
}

.flight_details_cards .fdc_blc .flight_info span {
  font: normal normal 300 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-600);
  letter-spacing: 0.035px;
  display: block;
  margin-top: 2px;
}

.flight_details_cards .fdc_blc .flight_info .operated_by {
  font-weight: 500;
  margin-top: 0;
}

.flight_details_cards .fdc_blc .fil_btm {
  font: normal normal 400 12px / 16px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.06px;
  padding: 6px 12px;
  border-radius: 50px;
  background: var(--Blue-blue-1);
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
}

.flight_details_cards .fdc_blc .fil_btm img {
  width: 16px;
  height: auto;
}

.flight_details_cards .fdc_blc .fi_rgt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: calc(100% - 212px);
  max-width: 625px;
}

.flight_details_cards .fdc_blc .fi_rgt .fir_lft {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.flight_details_cards .fdc_blc .fir_lft span {
  color: var(--Gray-Mode-400);
}

.flight_details_cards .fdc_blc .fir_lft span:last-child {
  color: var(--Gray-Mode-900);
}

.flight_details_cards .fdc_blc .fir_center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 45.21%;
  position: relative;
  z-index: 0;
}

.flight_details_cards .fdc_blc .fir_center::before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  margin: auto;
  width: 100%;
  height: 1px;
  background-color: var(--Gray-Mode-200);
  z-index: -1;
}

.flight_details_cards .fdc_blc .fir_center .icon {
  display: flex;
}

.flight_details_cards .fdc_blc .fir_center .icon img {
  width: auto;
  height: 16px;
  background-color: var(--color-white);
}

.flight_details_cards .fdc_blc .fir_center .time {
  font: normal normal 600 12px/16px var(--font-primary);
  color: var(--color-primary);
  text-align: center;
  letter-spacing: 0.06px;
  background-color: var(--color-white);
  padding: 0 4px;
}

.flight_details_cards .luggage_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: linear-gradient(90deg, #fffcd9 0%, rgba(255, 255, 255, 0) 99.98%),
    #eff8ff;
  padding: 12px 20px;
}

.flight_details_cards .luggage_info .info_inr {
  display: flex;
  align-items: center;
  gap: 4px;
}

.flight_details_cards .luggage_info .info_inr img {
  width: 16px;
  height: auto;
}

.flight_details_cards .luggage_info .info_inr span {
  font: normal normal 600 12px/16px var(--font-primary);
  color: var(--Gray-Mode-950);
  display: flex;
  align-items: center;
  gap: 6px;
}

.flight_details_cards .luggage_info .info_inr span span {
  font-weight: 400;
  color: var(--Gray-Mode-800);
}

.flight_details_cards .fdc_cntr {
  width: 100%;
  position: relative;
  z-index: 0;
}

.flight_details_cards .fdc_cntr::before {
  position: absolute;
  inset: 0;
  content: "";
  width: calc(100% - 110px);
  height: 1px;
  border-top: 1px dashed var(--Gray-Mode-200);
  margin: auto;
  z-index: -1;
}

.flight_details_cards .fdc_cntr .terminals_info {
  padding: 8px 16px;
  border-radius: 58px;
  border: 1px solid var(--Gray-Mode-200);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: fit-content;
  margin: auto;
  background-color: var(--color-white);
}

.flight_details_cards .fdc_cntr .terminals_info span {
  font: normal normal 400 14px/19px var(--font-primary);
  color: var(--Gray-Mode-950);
  display: block;
}

.flight_details_cards .fdc_cntr .terminals_info .dot {
  width: 6px;
  height: 6px;
  border-radius: 50px;
  background-color: var(--Gray-Mode-200);
}

.flight_details_cards .fdc_cntr .terminals_info span:last-child {
  background: var(--Gradient-Orange,
      linear-gradient(225deg, #fd853a 0%, #ec4a0a 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.flightReview_block .flight_details_cards {
  padding: 0;
}

.flightReview_block .flight_details_cards .fdc_blc .fi_rgt .fir_comn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.flightReview_block .flight_details_cards .fdc_blc .fir_center::before {
  background-color: var(--Blue-blue-4);
}

.flightReview_block .flight_details_cards .fdc_blc .fir_center {
  min-width: 299px;
}

.flightReview_block .flight_details_cards .fdc_blc .fi_rgt {
  width: calc(100% - 172px);
  max-width: 75%;
}

.flightReview_block .flight_details_cards .fdc_blc .flight_info .font_regular {
  font: normal normal 500 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-950);
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
}

.flightReview_block .flight_details_cards .fdc_blc .flight_info .font_medium {
  font: normal normal 500 12px / 16px var(--font-primary);
  color: var(--Gray-Mode-700);
  letter-spacing: 0.06px;
}

.flightReview_block .flight_details_cards .fdc_blc .flight_info .fil_rgt .font_regular {
  font-weight: 400;
  color: var(--Gray-Mode-700);
  display: block;
}

.flightReview_block .flight_details_cards .fir_comn span .brdr {
  width: 1px;
  height: 16px;
  background-color: var(--Gray-Mode-700);
  margin: 0;
}

.flightReview_block .requirement_card {
  display: flex;
  padding: 12px 20px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
  background: #eff8ff;
}

.flightReview_block .requirement_card span {
  font: normal normal 500 12px / 16px var(--font-primary);
  color: var(--Gray-Mode-800);
  letter-spacing: 0.06px;
  display: block;
}

.flightDetails_section .buttons_stepper,
.fareBreakup_buttons .buttons_stepper {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: flex-end;
  border-top: 1px solid var(--Gray-Mode-200);
  padding-top: 16px;
}

.flightDetails_section .buttons_stepper:has(.btns_group) {
  justify-content: space-between;
}

.flightDetails_section .buttons_stepper .btns_group {
  display: flex;
  align-items: center;
  gap: 16px;
}

.flightDetails_section .buttons_stepper .btn,
.fareBreakup_buttons .buttons_stepper .btn {
  font: normal normal 400 14px / 20px var(--font-primary);
  letter-spacing: 0.035px;
  padding: 10px 24px;
}

.flightDetails_section .extra_services {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.flightDetails_section .extra_services .card_box {
  padding: 10px 2px 2px 2px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 10px;
  background: linear-gradient(225deg, #2e90fa 0%, #175cd3 100%);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.flightDetails_section .extra_services .card_box .top_blck {
  padding: 0 12px;
}

.flightDetails_section .extra_services .card_box .form-check {
  min-height: 1px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.flightDetails_section .extra_services .card_box .form-check .form-check-input {
  margin: 0;
  width: 20px;
  border-radius: 50%;
  height: 20px;
  border-color: var(--Gray-Mode-400);
}

.flightDetails_section .extra_services .card_box .form-check-input:checked[type="radio"] {
  background-color: var(--color-white);
  background-image: url(../../images/common-img/check-circle.svg);
  background-size: 8px;
  border-color: var(--color-primary);
}

.flightDetails_section .extra_services .card_box .form-check-label {
  font: normal normal 400 14px / 20px var(--font-primary);
  color: var(--color-white);
  letter-spacing: 0.035px;
}

.flightDetails_section .extra_services .card_box .bottom_bx {
  border-radius: 8px;
  background: var(--color-white);
}

.flightDetails_section .extra_services .card_box .bottom_top {
  padding: 12px 16px;
}

.flightDetails_section .extra_services .card_box .bottom_top span {
  font: normal normal 400 12px / 16px var(--font-primary);
  color: var(--Gray-Mode-800);
  letter-spacing: 0.06px;
  display: block;
}

.flightDetails_section .extra_services .card_box .price_amount {
  border-top: 1px solid var(--Gray-Mode-100);
  padding: 8px 16px;
  color: var(--Gray-Mode-950);
  letter-spacing: 0.027px;
}

.flightDetails_section .card_login {
  padding: 24px;
  border-radius: 12px;
  border: 1px solid var(--Blue-blue-3);
  background: var(--color-white);
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.flightDetails_section .card_login .login_wrpr {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.flightDetails_section .card_login::before,
.flightDetails_section .card_login::after {
  position: absolute;
  content: "";
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left bottom;
  z-index: -1;
}

.flightDetails_section .card_login::before {
  width: 113px;
  height: 128px;
  left: 0;
  background-image: url(../../images/flightPDP/ellipse-01.svg);
}

.flightDetails_section .card_login::after {
  width: 209px;
  height: 89px;
  right: 300px;
  background-image: url(../../images/flightPDP/ellipse-02.svg);
}

.flightDetails_section .components {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.flightDetails_section .components::before,
.flightDetails_section .components::after {
  position: absolute;
  content: "";
  top: 0;
  width: 124px;
  height: auto;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}

.flightDetails_section .components::before {
  width: 125px;
  height: 40px;
  left: 270px;
  background-image: url(../../images/flightPDP/ellipse-03.svg);
}

.flightDetails_section .components::after {
  width: 75px;
  height: 53px;
  right: 0;
  background-image: url(../../images/flightPDP/ellipse-04.svg);
}

.flightDetails_section .card_login .card_left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flightDetails_section .card_login h4 {
  color: var(--Gray-Mode-950);
}

.flightDetails_section .card_login .login_title .btn {
  display: none;
}

.flightDetails_section .card_login h4 span {
  background: var(--Gradient-Blue,
      linear-gradient(225deg, #2e90fa 0%, #175cd3 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.flightDetails_section .card_login .process_blck {
  display: flex;
  align-items: center;
  gap: 16px;
}

.flightDetails_section .card_login .process_blck .item_card {
  display: flex;
  align-items: center;
  gap: 8px;
}

.flightDetails_section .card_login .process_blck .item_card img {
  width: 32px;
  height: auto;
}

.flightDetails_section .card_login .process_blck .item_card span {
  font: normal normal 500 10px/14px var(--font-primary);
  color: var(--Gray-Mode-950, #24262d);
  letter-spacing: 0.05px;
  display: block;
}

.flightDetails_section .card_login .form_block {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flightDetails_section .card_login .form_block .input_inr {
  width: 100%;
  position: relative;
  z-index: 0;
}

.flightDetails_section .card_login .form_block .form-control {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-950);
  padding: 11px 16px 11px 44px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-200);
  background: var(--color-white);
}

.flightDetails_section .card_login .form_block label {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-500);
  background-color: var(--color-white);
  position: absolute;
  left: 45px;
  top: 50%;
  bottom: 0;
  height: 20px;
  transform: translateY(-50%);
  transition: 0.3s ease-out;
  pointer-events: none;
}

.flightDetails_section .card_login .form_block .input_inr:has(input:focus) label,
.flightDetails_section .card_login .form_block .input_inr:has(input:not(:placeholder-shown)) label {
  font: normal normal 400 12px/16px var(--font-primary);
  padding: 0 4px;
  top: 0;
  left: 8px;
  transform: translateY(-38%);
}

.flightDetails_section .card_login .form_block .input_inr .icon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  z-index: 2;
}

.flightDetails_section .card_login .form_block .input_inr .icon img {
  width: 40px;
  height: auto;
}

.flightDetails_section .card_login .form_block .btn_grps {
  gap: 8px;
}

.flightDetails_section .card_login .form_block .btn_grps .btn {
  width: fit-content;
}

.flightDetails_section .card_login .form_block .btn_grps .btn:disabled {
  background: var(--Gray-Mode-200);
  color: var(--Gray-Mode-500);
  border: 1px solid transparent;
  cursor: no-drop;
  pointer-events: unset;
  opacity: 1;
}

.flightDetails_section .card_login .btn_grps {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 12px;
}

.flightDetails_section .card_login .btn_grps .btn {
  font: normal normal 400 14px / 20px var(--font-primary);
  padding: 9px 15px;
  width: 164px;
  transition: none;
}

.flightDetails_section .card_login .btn_grps .btn_loginReview,
.flightDetails_section .card_login .btn_grps .btn_submit {
  color: var(--color-white);
  border-radius: 100px;
  border: 1px solid #2e90fa;
  background: linear-gradient(225deg, #2e90fa 0%, #175cd3 100%);
}

.flightDetails_section .card_login .btn_grps .btn_submit:hover {
  color: var(--Gray-Mode-950);
  border: 1px solid var(--color-secondary);
  background: var(--color-secondary);
}

.flightDetails_section .card_login .after_login h6 {
  font-weight: 600;
  text-align: center;
  color: var(--color-primary);
}

.flightDetails_section .traveller_details {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.flightDetails_section .traveller_details .top_section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flightDetails_section .traveller_details .important_note {
  border-radius: 8px;
  background: #fffde6;
  padding: 8px 12px;
}

.flightDetails_section .traveller_details .important_note span {
  display: flex;
  align-items: center;
  gap: 4px;
}

.flightDetails_section .traveller_details .font_regular {
  font: normal normal 400 12px / 16px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.06px;
  display: block;
}

.flightDetails_section .traveller_details .font_regular b {
  font-weight: 500;
}

.flightDetails_section .traveller_details .accordion {
  gap: 16px;
}

.flightDetails_section .traveller_details .accordion-item {
  border-radius: 12px !important;
  border: 1px solid var(--Gray-Mode-100);
  padding: 16px;
}

.flightDetails_section .traveller_details .accordion-button {
  font: normal normal 600 16px / 24px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.024px;
  padding: 0;
  background: var(--color-white);
  border: none;
  border-radius: 0 !important;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.flightDetails_section .traveller_details .accordion-button .title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.flightDetails_section .traveller_details .accordion-button .title .added {
  font: normal normal 500 12px / 16px var(--font-primary);
  color: var(--color-white);
  letter-spacing: 0.06px;
  padding: 2px 4px;
  border-radius: 4px;
  background-color: #4ca40f;
  display: none;
}

.flightDetails_section .traveller_details .accordion-button .passenger_info {
  font: normal normal 500 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-500);
  letter-spacing: 0.035px;
  display: block;
}

.flightDetails_section .traveller_details .accordion-button .filled_info {
  color: var(--Gray-Mode-950);
}

.flightDetails_section .traveller_details .accordion-button:not(.collapsed) .passenger_info {
  display: none;
}

.flightDetails_section .traveller_details .accordion-button::after {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
}

.flightDetails_section .traveller_details .accordion-button:not(.collapsed) {
  color: var(--Gray-Mode-950);
  border-radius: 8px 8px 0px 0px;
  background: var(--color-white);
}

.flightDetails_section .traveller_details .accordion-button:not(.collapsed)::after {
  filter: unset;
}

.flightDetails_section .traveller_details .accordion-body {
  padding: 16px 0 0;
}

.flightDetails_section .traveller_details .accordion-body .added_traveller {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.flightDetails_section .traveller_details .accordion-body .added_traveller .added_card {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  background: var(--Blue-blue-1);
}

.flightDetails_section .traveller_details .accordion-body .added_card .atc_left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.flightDetails_section .traveller_details .accordion-body .added_card .atc_left .atcl_inr {
  display: flex;
  align-items: center;
  gap: 12px;
}

.flightDetails_section .traveller_details .accordion-body .added_card .icon {
  width: 40px;
  height: 40px;
}

.flightDetails_section .traveller_details .accordion-body .added_card img {
  width: 100%;
  height: auto;
}

.flightDetails_section .traveller_details .accordion-body .added_card .tac_info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.flightDetails_section .traveller_details .accordion-body .added_card .tac_info span {
  font: normal normal 400 12px/16px var(--font-primary);
  color: var(--Gray-Mode-700);
  letter-spacing: 0.06px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.flightDetails_section .traveller_details .accordion-body .added_card .tac_info span span {
  font: normal normal 500 10px/14px var(--font-primary);
  color: var(--Gray-Mode-950);
  text-align: center;
  letter-spacing: 0.05px;
  padding: 2px 4px;
  border-radius: 4px;
  background: linear-gradient(225deg, #fff58c 0%, #e7d400 100%);
}

.flightDetails_section .traveller_details .accordion-body .added_card .tac_info p {
  font: normal normal 500 14px/20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
}

.flightDetails_section .traveller_details .accordion-body .added_card .btn_groups {
  display: flex;
  align-items: center;
  gap: 8px;
}

.flightDetails_section .traveller_details .accordion-body .added_card .btn_groups .btn {
  padding: 10px 16px;
}

.flightDetails_section .traveller_details .accordion-body .added_card .btn_groups .btn img {
  width: 20px;
  height: auto;
}

.flightDetails_section .form-check {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.flightDetails_section .form-check-input {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1.5px solid var(--Gray-Mode-300);
  margin: 0;
}

.flightDetails_section .form-check-input:checked[type="checkbox"] {
  background-image: url(../../images/common-img/check.svg);
  background-size: 16px;
  background-position: center;
}

.flightDetails_section .form-check-input:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.flightDetails_section .form-check label {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
}

.flightDetails_section .form-check label span {
  font-weight: 500;
}

.flightDetails_section .form-check label b {
  font-weight: 600;
}

.flightDetails_section .traveller_details .traveller_forms {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flightDetails_section .traveller_details .input_grp {
  display: grid;
  grid-template-columns: 110px 1fr 1fr 1fr;
  gap: 16px;
  z-index: 1;
}

.flightDetails_section .traveller_details .input_blc {
  position: relative;
  width: 100%;
}

.flightDetails_section .traveller_details .input_blc .custom_tooltip {
  position: absolute;
  bottom: calc(100% + 12px);
  left: 0;
  background: var(--color-primary);
  border-radius: 5px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  padding: 12px;
  display: none;
  flex-direction: column;
  gap: 8px;
  z-index: 997;
}

.flightDetails_section .traveller_details .input_blc .custom_tooltip.show {
  display: flex;
}

.flightDetails_section .traveller_details .input_blc .custom_tooltip::before {
  position: absolute;
  content: "";
  left: 16px;
  margin: auto;
  top: 100%;
  width: 10px;
  border-width: 10px;
  border-style: solid;
  border-color: var(--color-primary) transparent transparent transparent;
}

.flightDetails_section .traveller_details .input_blc .custom_tooltip .top_title .title {
  font: normal normal 500 12px / 16px var(--font-primary);
  color: var(--color-white);
  letter-spacing: 0.06px;
  display: block;
}

.flightDetails_section .traveller_details .input_blc .custom_tooltip .top_title .sub_title {
  font: normal normal 300 10px / 14px var(--font-primary);
  color: var(--color-white);
  letter-spacing: 0.05px;
  display: block;
}

.flightDetails_section .traveller_details .form-control,
.flightDetails_section .traveller_details .form-select {
  font: normal normal 400 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-950);
  padding: 11px 16px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-200);
  background-color: var(--color-white);
}

.flightDetails_section .traveller_details .input_blc label {
  font: normal normal 400 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-500);
  background-color: var(--color-white);
  position: absolute;
  left: 17px;
  top: 50%;
  bottom: 0;
  height: 20px;
  transform: translateY(-50%);
  transition: 0.3s ease-out;
  pointer-events: none;
  z-index: 4;
}

.flightDetails_section .traveller_details .input_blc .iti+label {
  left: 67px;
}

.flightDetails_section .traveller_details .input_blc:has(.form-control:focus) label,
.flightDetails_section .traveller_details .input_blc:has(.form-control:not(:placeholder-shown)) label,
.flightDetails_section .traveller_details .select_wrapper.active .select_label,
.flightDetails_section .traveller_details .select_wrapper.filled .select_label {
  font: normal normal 400 12px / 16px var(--font-primary);
  width: fit-content;
  padding: 0 4px;
  top: 0;
  left: 8px;
  height: 16px;
  transform: translateY(-50%);
}

.flightDetails_section .traveller_details .input_blc .icon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  z-index: 2;
}

.flightDetails_section .traveller_details .input_blc .icon img {
  width: 40px;
  height: auto;
}

.flightDetails_section .traveller_details .input_blc:has(.icon) .form-control {
  padding-left: 44px;
}

.flightDetails_section .traveller_details .input_blc:has(.icon) label {
  left: 44px;
}

.flightDetails_section .traveller_details .input_blc .input_calendar {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}

.flightDetails_section .traveller_details .input_blc .input_calendar img {
  width: 20px;
  height: auto;
}

.flightDetails_section .traveller_details .traveller_forms .top_blck .select_options {
  padding: 8px 0;
}

.flightDetails_section .traveller_details .traveller_forms .top_blck .select_options li {
  padding: 8px 16px;
  border: none;
}

.flightDetails_section .traveller_details .traveller_forms .top_blck .select_options li:hover {
  background: var(--Blue-blue-2);
}

.flightDetails_section .traveller_details .nested-accordion .accordion-item {
  border-radius: 8px !important;
  background: var(--Blue-blue-1);
}

.flightDetails_section .traveller_details .nested-accordion .accordion-button {
  font: normal normal 500 14px / 20px var(--font-primary);
  letter-spacing: 0.035px;
  background-color: transparent;
}

.flightDetails_section .traveller_details .frequent_forms {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.flightDetails_section .traveller_details .frequent_forms label {
  background-color: transparent;
}

.flightDetails_section .traveller_details .frequent_forms label::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  background-color: var(--color-white);
  width: 100%;
  height: 58%;
  z-index: -1;
}

.flightDetails_section .traveller_details .checkboxs_grups {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flightDetails_section .traveller_details .contact_details {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flightDetails_section .traveller_details .contact_details p {
  color: var(--Gray-Mode-950);
  display: flex;
  align-items: center;
  gap: 4px;
}

.flightDetails_section .traveller_details .contact_details p span {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-700);
  letter-spacing: 0.035px;
  display: block;
}

.flightDetails_section .traveller_details .gst_booking {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--color-white);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flightDetails_section .traveller_details .gst_booking .btn_primary {
  font: normal normal 400 14px / 20px var(--font-primary);
  letter-spacing: 0.035px;
  padding: 10px 24px;
  border: none;
}

.flightDetails_section .traveller_details .gst_booking .btn_primary.verified {
  background-color: #4ca40f;
  color: var(--color-white);
}

.flightDetails_section .traveller_details .gst_booking .input_field {
  row-gap: 16px;
}

.flightDetails_section .addOns_section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flightDetails_section .addOns_section .addOns_card {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--color-white);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.flightDetails_section .addOns_section .addOns_card .title p {
  color: var(--Gray-Mode-950);
}

.flightDetails_section .addOns_section .addOns_card .sub_title {
  font: normal normal 400 12px/16px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.06px;
  display: block;
  margin-top: 4px;
}

.flightDetails_section .addOns_section .addOns_card .card_inr {
  padding: 12px;
  border-radius: 8px;
  background: var(--Blue-blue-1);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flightDetails_section .addOns_section .addOns_card .travel_cards {
  display: flex;
  align-items: center;
  gap: 8px;
}

.flightDetails_section .addOns_section .travel_cards .card_info {
  padding: 7px 11px;
  border-radius: 68px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--color-white);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  gap: 8px;
}

.flightDetails_section .addOns_section .travel_cards .card_info .icon {
  display: flex;
}

.flightDetails_section .addOns_section .travel_cards .card_info .icon img {
  width: 24px;
  height: auto;
}

.flightDetails_section .addOns_section .font_semibold {
  font: normal normal 600 12px/16px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.06px;
  display: block;
}

.flightDetails_section .addOns_section .font_regular {
  font: normal normal 400 10px/14px var(--font-primary);
  color: var(--Gray-Mode-700);
  letter-spacing: 0.05px;
  display: block;
  margin-top: 2px;
}

.flightDetails_section .addOns_section .pre_bookings {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flightDetails_section .addOns_section .pre_bookings .preBooking_left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.flightDetails_section .addOns_section .pre_bookings .font_semibold {
  font-weight: 500;
  color: var(--Gray-Mode-700);
}

.flightDetails_section .addOns_section .pre_bookings .font_semibold b {
  font-weight: 600;
  color: var(--Gray-Mode-950);
}

.flightDetails_section .addOns_section .pre_bookings .btn_primary_border {
  padding: 7px 13px;
}

.flightDetails_section .addOns_section .top_section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.flightDetails_section .addOns_section .select_cabs {
  width: 260px;
  position: relative;
}

.flightDetails_section .addOns_section .select_cabs .form-select,
.flightDetails_section .addOns_section .select_cabs .custom_select {
  font: normal normal 400 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
  padding: 8px 14px 8px 8px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-200);
  background: var(--color-white);
  height: 52px;
}

.flightDetails_section .addOns_section .select_cabs .custom_select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.flightDetails_section .addOns_section .select_options {
  max-height: 200px;
  overflow-y: auto;
  display: block;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  left: 0;
  padding: 0;
  z-index: 999;
  margin: 0;
  list-style: none;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
  background-color: var(--color-white);
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  display: none;
}

.flightDetails_section .addOns_section .select_options li {
  font: normal normal 400 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
  cursor: pointer;
  margin: 0;
  padding: 8px 14px 8px 8px;
  border-bottom: 1px solid var(--Gray-Mode-100, #edeef1);
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.flightDetails_section .addOns_section .select_options li.selected {
  background-color: var(--Gray-Mode-25);
}

.flightDetails_section .addOns_section .select_cabs .left_icon img {
  width: 36px;
  height: auto;
  border-radius: 4px;
}

.flightDetails_section .addOns_section .addOns_card .select_cabs .font_regular {
  display: flex;
  align-items: center;
  gap: 8px;
}

.flightDetails_section .addOns_section .addOns_card .select_cabs .font_regular .dot {
  width: 4px;
  height: 4px;
  background-color: var(--Gray-Mode-200);
  border-radius: 50%;
}

.flightDetails_section .addOns_section .addOns_card .font_medium {
  font: normal normal 500 14px/20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
  display: block;
}

.flightDetails_section .addOns_section .addOns_card .checked {
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
}

.flightDetails_section .addOns_section .addOns_card li.selected .checked {
  visibility: visible;
  opacity: 1;
}

.flightDetails_section .addOns_section .addOns_card .checked img {
  width: 16px;
  height: auto;
}

.flightDetails_section .addOns_section .select_cabs:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 36px;
  height: 36px;
  margin: auto;
  content: "";
  background-image: url(../../images/common-img/chevron-down-black.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  transition: all 0.5s ease;
}

.flightDetails_section .addOns_section .select_cabs.active:after {
  transform: rotateZ(180deg);
}

.flightDetails_section .addOns_section .select_options::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}

.flightDetails_section .addOns_section .select_options::-webkit-scrollbar {
  width: 4px;
  background-color: #fff;
}

.flightDetails_section .addOns_section .select_options::-webkit-scrollbar-thumb {
  background-color: var(--Gray-Mode-300);
  border-radius: 10px;
}

.flightDetails_section .selectCabs_fromTo {
  margin: 8px 0;
}

.flightDetails_section .selectCabs_fromTo .cabs_card .font_semibold {
  font-weight: 500;
  color: var(--Gray-Mode-600);
}

.flightDetails_section .selectCabs_fromTo .cabs_card .card_wrpr {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 8px;
  background: var(--Gray-Mode-25);
  border: 1px solid transparent;
  margin-top: 8px;
  position: relative;
}

.flightDetails_section .selectCabs_fromTo .cabs_card.selected .card_wrpr {
  border: 1px solid #2e90fa;
  background: var(--Blue-blue-2);
}

.flightDetails_section .selectCabs_fromTo .cabs_card .top_cabsCrd span {
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px 8px;
  border-radius: 0px 8px 0px 6px;
  background: linear-gradient(225deg, #fd853a 0%, #ec4a0a 100%);
  color: var(--color-white);
}

.flightDetails_section .selectCabs_fromTo .pickupDrop_card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.flightDetails_section .selectCabs_fromTo .pickupDrop_card .card_bx {
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-self: stretch;
  border-radius: 4px;
  border-bottom: 2px solid transparent;
  background: var(--color-white);
  position: relative;
}

.flightDetails_section .selectCabs_fromTo .pickupDrop_card .with_dropdown {
  border-bottom: 2px solid var(--color-primary);
}

.flightDetails_section .selectCabs_fromTo .pickupDrop_card .font_semibold {
  font-weight: 400;
  color: var(--Gray-Mode-950);
}

.flightDetails_section .selectCabs_fromTo .pickupDrop_card p {
  color: var(--Gray-Mode-950);
}

.flightDetails_section .addOns_section .post_booking {
  border-radius: 8px;
  background: #fffde6;
  padding: 8px 12px;
}

.flightDetails_section .addOns_section .post_booking span {
  font-weight: 400;
  color: var(--Gray-Mode-950);
}

.flightDetails_section .pickupDrop_card .select_locations .select_wrper {
  position: relative;
}

.flightDetails_section .pickupDrop_card .selectLocations_input {
  font: normal normal 500 16px/24px var(--font-primary);
  color: var(--color-primary);
  letter-spacing: 0.024px;
  padding: 0;
  width: 100%;
  border: none;
  border-radius: 0;
  cursor: pointer;
}

.flightDetails_section .pickupDrop_card .selectLocations_options {
  position: absolute;
  top: calc(100% + 14px);
  left: -12px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--color-white);
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
    0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  display: none;
  z-index: 1000;
  width: 205px;
  overflow-y: auto;
  list-style: none;
  padding: 8px 0px;
  margin: 0;
}

.flightDetails_section .pickupDrop_card .selectLocations_options li {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-900);
  letter-spacing: 0.035px;
  padding: 8px 16px;
  cursor: pointer;
  transition: background 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--Gray-Mode-100);
}

.flightDetails_section .pickupDrop_card .selectLocations_options li:last-child {
  border: none;
}

.flightDetails_section .pickupDrop_card .selectLocations_options li span {
  font-weight: 600;
  color: var(--Gray-Mode-950);
  display: block;
}

.flightDetails_section .pickupDrop_card .dropdown_icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  width: 20px;
  height: 20px;
  display: flex;
}

.flightDetails_section .pickupDrop_card .dropdown_icon img {
  width: 100%;
  height: auto;
  transition: 0.5s all ease-out;
}

.flightDetails_section .pickupDrop_card .select_wrper.active .dropdown_icon img {
  transform: rotate(180deg);
}

.flightDetails_section .addOns_section .addOns_card .international_roundTrip {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.flightDetails_section .addOns_section .addOns_card .international_roundTrip .card_inr {
  gap: 12px;
}

.flightDetails_section .international_roundTrip .form-check label {
  font: normal normal 400 12px / 16px var(--font-primary);
  letter-spacing: 0.06px;
}

.flightDetails_section .addOns_section .international_roundTrip .travel_cards .card_info .icon img {
  width: 16px;
}

.flightDetails_section .addOns_section .international_roundTrip .travel_cards .card_info {
  padding: 5px 9px;
}

.flightDetails_section .addOns_section .international_roundTrip .font_semibold {
  font: normal normal 600 10px / 14px var(--font-primary);
  letter-spacing: 0.05px;
}

.flightDetails_section .addOns_section .international_roundTrip .travel_cards .btn {
  font: normal normal 600 10px / 14px var(--font-primary);
  letter-spacing: 0.05px;
  padding: 0;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}

.flightDetails_section .addOns_section .international_roundTrip .travel_cards .btn img {
  width: 14px;
  height: auto;
}

.comn_modal .modal-dialog {
  max-width: 962px;
}

.comn_modal .modal-content {
  border-radius: 16px;
  border: 1px solid #d0d0d0;
  background: var(--color-white);
  box-shadow: 0px 2.818px 30.997px 0px rgba(0, 0, 0, 0.15);
}

.comn_modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d0d0d0;
  padding: 16px;
}

.comn_modal .modal-header h6,
.comn_modal .modal-header p {
  color: var(--Gray-Mode-950);
}

.comn_modal .modal-header .btn-close {
  padding: 0;
  margin: 0;
  width: 20px;
  height: 20px;
  opacity: 1;
  background: url(../../images/common-img/x-close.svg) no-repeat center / 100%;
}

.updateTrveller_modal .modal-body {
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.updateTrveller_modal .updateTraveller_wrpr {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--color-white);
}

.updateTrveller_modal .updateTraveller_wrpr .traveller_forms {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.updateTrveller_modal .updateTraveller_wrpr .title p {
  color: var(--Gray-Mode-950);
}

.updateTrveller_modal .updateTraveller_wrpr .top_blck .row {
  row-gap: 16px;
}

.updateTrveller_modal .updateTraveller_wrpr .input_grp {
  display: grid;
  grid-template-columns: 160px 1fr 1fr 1fr;
  gap: 16px;
  z-index: 1;
}

.updateTrveller_modal .updateTraveller_wrpr .input_blc {
  position: relative;
  width: 100%;
}

.updateTrveller_modal .updateTraveller_wrpr .form-control,
.updateTrveller_modal .updateTraveller_wrpr .form-select {
  font: normal normal 400 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-950);
  padding: 11px 16px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-200);
  background-color: var(--color-white);
}

.updateTrveller_modal .updateTraveller_wrpr .input_blc label {
  font: normal normal 400 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-500);
  background-color: var(--color-white);
  position: absolute;
  left: 17px;
  top: 50%;
  bottom: 0;
  height: 20px;
  transform: translateY(-50%);
  transition: 0.3s ease-out;
  pointer-events: none;
  z-index: 4;
}

.updateTrveller_modal .updateTraveller_wrpr .input_blc .iti+label {
  left: 67px;
}

.updateTrveller_modal .updateTraveller_wrpr .input_blc:has(.form-control:focus) label,
.updateTrveller_modal .updateTraveller_wrpr .input_blc:has(.form-control:not(:placeholder-shown)) label,
.updateTrveller_modal .updateTraveller_wrpr .select_wrapper.active .select_label,
.updateTrveller_modal .updateTraveller_wrpr .select_wrapper.filled .select_label {
  font: normal normal 400 12px / 16px var(--font-primary);
  width: fit-content;
  padding: 0 4px;
  top: 0;
  left: 8px;
  height: 16px;
  transform: translateY(-50%);
}

.updateTrveller_modal .updateTraveller_wrpr .input_blc .icon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  z-index: 2;
}

.updateTrveller_modal .updateTraveller_wrpr .input_blc .icon img {
  width: 40px;
  height: auto;
}

.updateTrveller_modal .updateTraveller_wrpr .input_blc:has(.icon) .form-control {
  padding-left: 44px;
}

.updateTrveller_modal .updateTraveller_wrpr .input_blc:has(.icon) label {
  left: 44px;
}

.updateTrveller_modal .updateTraveller_wrpr .input_blc .input_calendar {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}

.updateTrveller_modal .updateTraveller_wrpr .input_blc .input_calendar img {
  width: 20px;
  height: auto;
}

.updateTrveller_modal .updateTraveller_wrpr .accordion {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.updateTrveller_modal .updateTraveller_wrpr .accordion-item {
  border: 1px solid var(--Gray-Mode-100);
  padding: 12px;
  border-radius: 8px !important;
  background: var(--Blue-blue-1);
}

.updateTrveller_modal .updateTraveller_wrpr .accordion-button {
  font: normal normal 500 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
  padding: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.updateTrveller_modal .updateTraveller_wrpr .accordion-button::after {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url(../../images/common-img/chevron-down.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.updateTrveller_modal .updateTraveller_wrpr .accordion-body {
  padding: 16px 0 0;
}

.updateTrveller_modal .updateTraveller_wrpr .frequent_forms {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.updateTrveller_modal .updateTraveller_wrpr .frequent_forms label {
  background-color: transparent;
}

.updateTrveller_modal .updateTraveller_wrpr .frequent_forms label::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  background-color: var(--color-white);
  width: 100%;
  height: 58%;
  z-index: -1;
}

.updateTrveller_modal .updateTraveller_wrpr .form-check {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.updateTrveller_modal .updateTraveller_wrpr .form-check-input {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1.5px solid var(--Gray-Mode-300);
  margin: 0;
}

.updateTrveller_modal .updateTraveller_wrpr .form-check-input:checked[type="checkbox"] {
  background-image: url(../../images/common-img/check.svg);
  background-size: 16px;
  background-position: center;
}

.updateTrveller_modal .updateTraveller_wrpr .form-check-input:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.updateTrveller_modal .updateTraveller_wrpr .form-check label {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
}

.updateTrveller_modal .fixed_button .btn_primary {
  font: normal normal 400 14px/20px var(--font-primary);
  letter-spacing: 0.035px;
  padding: 10px 16px;
  margin-left: auto;
}

.fareRules_modal .modal-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fareRules_modal .nav-pills {
  padding: 4px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  border-radius: 58px;
  background: var(--Gray-Mode-50);
}

.fareRules_modal .nav-pills li {
  width: 100%;
}

.fareRules_modal .nav-pills .nav-link {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-600);
  text-align: center;
  letter-spacing: 0.035px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 60px;
  width: 100%;
}

.fareRules_modal .nav-pills .nav-link.active {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.fareRules_modal .nav-pills .nav-link img {
  width: 16px;
  height: auto;
}

.fareRules_modal .nav-pills .nav-link.active img {
  filter: brightness(0) invert(1);
}

.fareRules_modal .card_fareBreakup {
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--color-white);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.fareRules_modal .card_fareBreakup .title {
  padding: 16px;
  border-bottom: 1px solid var(--Gray-Mode-100);
}

.fareRules_modal .card_fareBreakup .title p {
  color: var(--color-primary);
  font-weight: 600;
}

.fareRules_modal .card_fareBreakup .crd_baseFare {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fareRules_modal .card_fareBreakup .crd_baseFare .baseFare_inr {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fareRules_modal .card_fareBreakup .crd_baseFare .bfi_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fareRules_modal .card_fareBreakup .crd_baseFare span {
  font: normal normal 300 14px/20px var(--font-primary);
  letter-spacing: 0.035px;
  color: var(--Gray-Mode-500);
  display: block;
}

.fareRules_modal .card_fareBreakup .crd_baseFare span b {
  font-weight: 500;
  color: var(--Gray-Mode-800);
}

.fareRules_modal .sidebar_tabContent .notes {
  padding: 16px;
  border-radius: 8px;
  background: var(--Yellow-yellow-1);
  margin-top: 24px;
}

.fareRules_modal .sidebar_tabContent .notes span {
  font: normal normal 400 12px / 16px var(--font-primary);
  letter-spacing: 0.06px;
  color: var(--Gray-Mode-900);
  display: block;
}

.fareRules_modal .sidebar_tabContent .notes span a {
  font-weight: 600;
  color: var(--Gray-Mode-900);
  text-decoration: none;
}

.reviewTraveller_modal .modal-body,
.reviewSeatsmeal_modal .modal-body {
  padding: 0;
}

.reviewTraveller_modal .reviewTraveller_wrpr,
.reviewSeatsmeal_modal .reviewSeatsmeal_wrpr {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .nav-pills {
  padding: 4px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: fit-content;
  gap: 8px;
  border-radius: 58px;
  background: var(--Gray-Mode-50);
}

.reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .nav-pills .nav-link {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-600);
  text-align: center;
  letter-spacing: 0.035px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 60px;
  width: 100%;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .nav-pills .nav-link.active {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .nav-pills .nav-link img {
  width: 16px;
  height: auto;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .nav-pills .nav-link.active img {
  filter: brightness(0) invert(1);
}

.reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .reviewSeatsmeal_cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.reviewTraveller_modal .reviewTraveller_wrpr .card_box,
.reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .card_box {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--color-white);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.reviewTraveller_modal .reviewTraveller_wrpr .card_box .title,
.reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .card_box .title {
  position: relative;
}

.reviewTraveller_modal .reviewTraveller_wrpr .card_box .title::before,
.reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .card_box .title::before {
  position: absolute;
  left: -17px;
  top: 0;
  bottom: 0;
  content: "";
  width: 1px;
  height: 20px;
  background: #0f4ca4;
  margin: auto;
}

.reviewTraveller_modal .reviewTraveller_wrpr .card_box .title p,
.reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .card_box .title p {
  font-weight: 600;
  color: var(--color-primary);
}

.reviewTraveller_modal .reviewTraveller_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.reviewTraveller_info:has(> .info_blck:nth-child(9)) {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}

.reviewTraveller_modal .reviewTraveller_info .info_blck {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.reviewTraveller_modal .reviewTraveller_info .info_blck span {
  font: normal normal 400 12px/16px var(--font-primary);
  letter-spacing: 0.06px;
  color: var(--Gray-Mode-500);
  display: block;
}

.reviewTraveller_modal .reviewTraveller_info .info_blck p {
  color: var(--Gray-Mode-950);
  font-weight: 400;
}

.reviewTraveller_modal .reviewTraveller_wrpr .form-check {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.reviewTraveller_modal .reviewTraveller_wrpr .form-check-input {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid var(--Gray-Mode-300);
  margin: 0;
}

.reviewTraveller_modal .reviewTraveller_wrpr .form-check-input:checked[type="checkbox"] {
  background-image: url(../../images/common-img/check.svg);
  background-size: 16px;
  background-position: center;
}

.reviewTraveller_modal .reviewTraveller_wrpr .form-check-input:checked {
  background-color: var(--Gray-Mode-400);
  border-color: var(--Gray-Mode-400);
}

.reviewTraveller_modal .reviewTraveller_wrpr .form-check label {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
}

.reviewTraveller_modal .reviewTraveller_wrpr .form-check label span {
  font-weight: 500;
}

.reviewTraveller_modal .reviewTraveller_wrpr .form-check label b {
  font-weight: 600;
}

.reviewTraveller_modal .reviewTraveller_wrpr .btns_grps,
.reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .btns_grps {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}

.reviewTraveller_modal .reviewTraveller_wrpr .btns_grps .btn,
.reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .btns_grps .btn {
  font: normal normal 400 14px/20px var(--font-primary);
  letter-spacing: 0.035px;
  padding: 9px 15px;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info .row {
  --bs-gutter-x: 20px;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info .flight_passengerInfo {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info .top_blck {
  display: flex;
  align-items: center;
  gap: 8px;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info .top_blck img {
  width: 16px;
  height: auto;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info span {
  font: normal normal 500 14px / 20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
  display: block;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info .passenger_info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info .passenger_card {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info .passenger_card .top_card {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info .passenger_card p {
  color: var(--Gray-Mode-950);
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info .passenger_card .seat_number {
  display: flex;
  align-items: center;
  gap: 2px;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info .passenger_card .seat_number img {
  width: 16px;
  height: auto;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info .passenger_card .price {
  color: var(--color-primary);
  padding: 2px 8px;
  border-radius: 4px;
  background: var(--Blue-blue-3);
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info .passenger_card .description,
.reviewSeatsmeal_modal .reviewSeatsmeal_info .passenger_card .btn-tooltip {
  font: normal normal 400 12px / 16px var(--font-primary);
  color: var(--Gray-Mode-700);
  letter-spacing: 0.06px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.reviewSeatsmeal_modal .reviewSeatsmeal_info .passenger_card .btn-tooltip {
  padding: 0;
  text-align: left;
}

.travelInsurance_modal .modal-dialog {
  max-width: 716px;
}

.travelInsurance_modal .modal-body {
  padding: 16px 16px 24px;
}

.travelInsurance_modal .benefits_wrappr {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.travelInsurance_modal .benefits_wrappr .card_block {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.travelInsurance_modal .benefits_wrappr .card_block img {
  width: 24px;
  height: auto;
}

.travelInsurance_modal .benefits_wrappr .card_block p {
  color: var(--Gray-Mode-950);
  font-weight: 600;
}

.travelInsurance_modal .benefits_wrappr .card_block span {
  font: normal normal 400 12px/16px var(--font-primary);
  color: var(--Gray-Mode-700);
  letter-spacing: 0.06px;
  display: block;
  margin-top: 2px;
}

/************Add Seats, Meals & Extra Baggage CSS Start***********/
.flightDetails_section .add_seatsMeals,
.flightDetails_section .add_seatsMeals .seatsMeal_top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.flightDetails_section .add_seatsMeals .nav-pills {
  padding: 4px;
  border-radius: 58px;
  background: var(--Gray-Mode-50);
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
}

.flightDetails_section .add_seatsMeals .nav-pills .nav-item {
  width: 100%;
}

.flightDetails_section .add_seatsMeals .nav-pills .nav-link {
  font: normal normal 500 14px/20px var(--font-primary);
  color: var(--Gray-Mode-600);
  text-align: center;
  letter-spacing: 0.035px;
  padding: 8px 16px;
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.flightDetails_section .add_seatsMeals .nav-pills .nav-link.active {
  background-color: var(--color-primary);
  color: var(--color-white);
  box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.12);
}

.flightDetails_section .add_seatsMeals .nav-pills .nav-link img {
  width: 16px;
  height: auto;
}

.flightDetails_section .add_seatsMeals .nav-pills .nav-link.active img {
  filter: brightness(0) invert(1);
}

.flightDetails_section .add_seatsMeals .addSeatMeal_comn {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.flightDetails_section .add_seatsMeals .addSeatMeal_comn span {
  display: block;
}

.flightDetails_section .add_seatsMeals .addSeatMeal_comn .font_semibold {
  font: normal normal 600 10px/14px var(--font-primary);
  color: var(--color-primary);
  letter-spacing: 0.05px;
}

.flightDetails_section .add_seatsMeals .addSeatMeal_comn .font_medium {
  font: normal normal 500 14px/20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
}

.flightDetails_section .add_seatsMeals .onwordReturn_blc {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  max-width: 656px;
  width: fit-content;
}

.flightDetails_section .add_seatsMeals .onwordReturn_blc .card_container {
  padding: 4px 4px 4px 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--Gray-Mode-25);
  width: fit-content;
}

.flightDetails_section .add_seatsMeals .onwordReturn_blc .font_semibold {
  text-align: center;
  transform: rotate(-90deg);
  width: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flightDetails_section .add_seatsMeals .cards_wrapper ul {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  border: none;
}

.flightDetails_section .add_seatsMeals .cards_wrapper .nav-link {
  width: 140px;
  padding: 11px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--color-white);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: unset;
}

.flightDetails_section .add_seatsMeals .cards_wrapper .nav-link.active {
  border: none;
  border-bottom: 2px solid var(--color-primary);
  background: var(--Blue-blue-3);
}

.flightDetails_section .add_seatsMeals .cards_wrapper .nav-link img {
  width: 16px;
  height: auto;
}

.flightDetails_section .addSeatMeal_comn .tab-content>.tab-pane {
  transition: none;
  opacity: 1 !important;
}

.flightDetails_section .addSeatMeal_comn .tab-content>.tab-pane.fade:not(.show) {
  opacity: 1 !important;
}

.flightDetails_section .add_seatsMeals .passenger_wrpr {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.flightDetails_section .add_seatsMeals .passengerInfo_blc {
  display: flex;
  align-items: center;
  gap: 16px;
}

.flightDetails_section .add_seatsMeals .card_passenger .hide {
  display: none !important;
}

.flightDetails_section .add_seatsMeals .card_passenger {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
  cursor: pointer;
}

.flightDetails_section .add_seatsMeals .card_passenger.selected {
  border: 1px solid #ffc591;
  background: #fff7f2;
}

.flightDetails_section .add_seatsMeals .card_passenger p {
  color: var(--Gray-Mode-950);
}

.flightDetails_section .add_seatsMeals .card_passenger .pass_info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.flightDetails_section .add_seatsMeals .card_passenger .pass_info .font_medium {
  color: var(--color-white);
  padding: 2px 6px;
  border-radius: 4px;
  background: linear-gradient(225deg, #fd853a 0%, #ec4a0a 100%);
  display: flex;
  align-items: center;
  gap: 6px;
}

.flightDetails_section .add_seatsMeals .card_passenger .pass_info .btn {
  padding: 0;
  line-height: 1;
}

.flightDetails_section .add_seatsMeals .card_passenger .pass_info .btn img {
  width: 16px;
  height: auto;
}

.flightDetails_section .add_seatsMeals .card_passenger .font_medium {
  font-weight: 400;
  color: var(--Gray-Mode-950);
}

.flightDetails_section .add_seatsMeals .mealsMenu_block {
  padding: 20px 20px 36px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 8px;
  background: var(--Blue-blue-2);
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .mealsCat_top {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  border-radius: 8px;
  background: var(--color-white);
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .mealsCat_top .btn {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.035px;
  padding: 5px 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 100px;
  border: 1px solid var(--Gray-Mode-300);
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .mealsCat_top .btn.selected {
  border: 1px solid var(--Blue-blue-4);
  background: var(--Blue-blue-2);
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .mealsCat_top .btn .icon img {
  width: 12px;
  height: auto;
  padding-right: 2px;
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .mealsCat_top .btn .x_cross {
  display: none;
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .mealsCat_top .btn.selected .x_cross {
  display: block;
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .mealsCat_top .btn .x_cross img {
  width: 16px;
  height: auto;
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .menu_wrapr {
  position: relative;
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .menu_wrapr .btn_menu {
  font: normal normal 500 12px/16px var(--font-primary);
  color: var(--color-primary);
  letter-spacing: 0.06px;
  padding: 7px 13px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 100px;
  border: 1px solid var(--color-primary);
  background-color: var(--color-white);
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .menu_wrapr .btn_menu img {
  width: 16px;
  height: auto;
  transition: 0.5s all ease-out;
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .menu_wrapr .btn_menu.active img {
  transform: rotate(180deg);
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .menu_wrapr .menu_dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 240px;
  padding: 8px 0px;
  border-radius: 8px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--color-white);
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
    0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  z-index: 999;
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .menu_wrapr ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .menu_wrapr ul li {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-900);
  letter-spacing: 0.035px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .menu_wrapr ul li.selected {
  background: var(--Blue-blue-1);
  color: var(--color-primary);
}

.flightDetails_section .add_seatsMeals .mealsMenu_block .menu_wrapr ul li span {
  font-weight: 500;
}

.flightDetails_section .add_seatsMeals .menuItems_center {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.flightDetails_section .add_seatsMeals .menuItems_center .card_item {
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--color-white);
  display: flex;
  align-items: center;
  gap: 12px;
}

.flightDetails_section .add_seatsMeals .menuItems_center .card_item .left_icon {
  width: 76px;
  height: 76px;
  border-radius: 10px;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.flightDetails_section .add_seatsMeals .menuItems_center .card_item .left_icon img {
  width: 58px;
  height: auto;
}

.flightDetails_section .add_seatsMeals .menuItems_center .card_item .center_right {
  display: flex;
  align-items: center;
  gap: 24px;
}

.flightDetails_section .add_seatsMeals .menuItems_center .addMeals_blck h5 {
  display: none;
}

.flightDetails_section .add_seatsMeals .menuItems_center .card_item .item_namePrice {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.flightDetails_section .add_seatsMeals .font_regular {
  font: normal normal 400 12px/16px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.06px;
}

.flightDetails_section .add_seatsMeals .menuItems_center .card_item p {
  color: var(--Gray-Mode-950);
}

.flightDetails_section .add_seatsMeals .menuItems_center .btn_primary_border {
  width: 106px;
  padding: 7px 13px;
  justify-content: center;
}

.flightDetails_section .add_seatsMeals .menuItems_center .btn_primary_border:hover {
  background-color: transparent;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.flightDetails_section .add_seatsMeals .menuItems_center .btn_primary_border:hover img {
  filter: unset;
}

.flightDetails_section .add_seatsMeals .menuItems_center .number_stepper {
  display: flex;
  border-radius: 64px;
  border: 1px solid var(--color-primary);
  background: var(--color-white);
  width: 106px;
}

.flightDetails_section .add_seatsMeals .menuItems_center .value input {
  font: normal normal 600 18px/26px var(--font-primary);
  color: var(--Gray-Mode-950);
  text-align: center;
  letter-spacing: 0.027px;
  border: 0;
  width: 100%;
  height: 100%;
}

.flightDetails_section .add_seatsMeals .menuItems_center .item {
  width: 34px;
  min-width: 34px;
  height: 34px;
  -webkit-font-smoothing: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.flightDetails_section .add_seatsMeals .menuItems_center .item:hover {
  cursor: pointer;
}

.flightDetails_section .add_seatsMeals .menuItems_center .item img {
  width: 16px;
  height: auto;
}

.flightDetails_section .add_seatsMeals .menuItems_center .disabled {
  opacity: 0.5;
  pointer-events: none;
}

.flightDetails_section .add_seatsMeals .menuItems_center input::-webkit-outer-spin-button,
.flightDetails_section .add_seatsMeals .menuItems_center input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.flightDetails_section .add_seatsMeals .additions_baggage {
  padding: 20px 20px 36px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 8px;
  background: var(--Blue-blue-2);
}

.flightDetails_section .add_seatsMeals .additions_baggage .baggage_top {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: var(--Yellow-yellow-1);
}

.flightDetails_section .add_seatsMeals .additions_baggage .baggage_top img {
  width: 16px;
  height: auto;
}

.flightDetails_section .add_seatsMeals .additions_baggage .baggage_wrpr {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.flightDetails_section .add_seatsMeals .additions_baggage .baggage_card {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-radius: 10px;
  border: 1px solid var(--Gray-Mode-100);
  background: var(--color-white);
}

.flightDetails_section .add_seatsMeals .additions_baggage .baggage_card .font_medium {
  font-weight: 400;
}

.flightDetails_section .add_seatsMeals .additions_baggage .baggage_card p {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--Gray-Mode-950);
  margin-top: 4px;
}

.flightDetails_section .add_seatsMeals .additions_baggage .baggage_card p .original_price {
  color: #a4180f;
  text-decoration-line: line-through;
}

.flightDetails_section .add_seatsMeals .additions_baggage .form-check {
  min-height: 1px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.flightDetails_section .add_seatsMeals .additions_baggage .form-check .form-check-input {
  margin: 0;
  width: 20px;
  border-radius: 50%;
  height: 20px;
  border-color: var(--Gray-Mode-400);
}

.flightDetails_section .add_seatsMeals .additions_baggage .form-check-input:checked[type="radio"] {
  background-color: var(--color-white);
  background-image: url(../../images/common-img/check-circle.svg);
  background-size: 8px;
  border-color: var(--color-primary);
}

.flightDetails_section .add_seatsMeals .seatmap_wrapper {
  padding: 20px 20px 36px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 8px;
  background: var(--Blue-blue-2);
}

.flightDetails_section .add_seatsMeals .seat_legend {
  padding: 12px;
  border-radius: 8px;
  background: var(--color-white);
  display: flex;
  gap: 32px;
}

.flightDetails_section .add_seatsMeals .legend_item {
  font: normal normal 500 12px/16px var(--font-primary);
  color: var(--Gray-Mode-950);
  letter-spacing: 0.06px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.flightDetails_section .add_seatsMeals .legend_item span {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

.flightDetails_section .add_seatsMeals .legend_item.united_first span {
  background-color: #feed2e;
}

.flightDetails_section .add_seatsMeals .legend_item.free span {
  background-color: #6cb43a;
}

.flightDetails_section .add_seatsMeals .legend_item.occupied span {
  background-color: var(--Gray-Mode-200);
}

.flightDetails_section .add_seatsMeals .legend_item.economy span {
  border: 1px solid var(--Gray-Mode-950);
  background: var(--color-white);
}

.flightDetails_section .add_seatsMeals .legend_item.economy_plus span {
  background-color: #b2d7ff;
}

.flightDetails_section .add_seatsMeals .legend_item.exit_row span {
  background-color: #ff9049;
}

.flightDetails_section .add_seatsMeals .legend_item.selected span {
  background-color: var(--color-primary);
}

.flightDetails_section .add_seatsMeals .seat-map {
  display: flex;
  gap: 8px;
}

.flightDetails_section .add_seatsMeals .seat-row {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
}

.flightDetails_section .add_seatsMeals .seat {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-weight: bold;
  user-select: none;
  transition: transform 0.1s ease;
}

.flightDetails_section .add_seatsMeals .seat.united-first {
  background-color: #ffe96c;
}

.flightDetails_section .add_seatsMeals .seat.economy-plus {
  background-color: #a8cef7;
}

.flightDetails_section .add_seatsMeals .seat.economy {
  background-color: #ffffff;
  border: 1px solid #ccc;
}

.flightDetails_section .add_seatsMeals .seat.exit-row {
  background-color: #ffa74f;
}

.flightDetails_section .add_seatsMeals .seat.free {
  background-color: #7ed957;
}

.flightDetails_section .add_seatsMeals .seat.selected {
  background-color: #1d4ed8;
  color: #fff;
}

.flightDetails_section .add_seatsMeals .seat.occupied {
  background-color: #d3d3d3;
  color: #666;
  cursor: not-allowed;
}

.btn-close:focus {
  box-shadow: none;
}

/************Add Seats, Meals & Extra Baggage CSS End***********/

/*************Single Date Picker Calender*************/
.singleDate-calendar {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 375px;
  border-radius: 16px;
  border: 1px solid var(--Gray-Mode-100);
  background: #fff;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),
    0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 8px;
  z-index: 10;
  display: none;
}

.singleDate-calendar .top_header {
  display: none;
}

.singleDate-calendar .calendar-header {
  padding: 16px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.singleDate-calendar .calendar-weekdays {
  padding: 0 16px;
  border-bottom: 1px solid var(--Gray-Mode-100);
}

.singleDate-calendar .calendar-dates {
  padding: 12px 16px;
}

.singleDate-calendar .calendar-weekdays,
.singleDate-calendar .calendar-dates {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.singleDate-calendar .calendar-weekdays span {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-600, #565e73);
  text-align: center;
  letter-spacing: 0.035px;
  padding: 8px;
  display: block;
}

.singleDate-calendar .calendar-dates span {
  font: normal normal 400 14px/20px var(--font-primary);
  color: var(--Gray-Mode-900);
  text-align: center;
  letter-spacing: 0.035px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.singleDate-calendar .calendar-dates span:hover {
  background-color: var(--Blue-blue-1);
}

.singleDate-calendar .calendar-dates .other-month,
.singleDate-calendar .calendar-dates span.disabled {
  pointer-events: none;
  color: var(--Gray-Mode-300);
}

.singleDate-calendar .calendar-dates span.selected {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.flightDetails_section .fixed_headerMobile,
.flightReview_block .btn_rulesMobile,
.flightDetails_section .fareBreakup_mobile,
.fareBreakup_buttons,
.flightDetails_section .mobile_backButton,
.flightDetails_section .addOns_section .addOns_card .title_forMobile {
  display: none;
}

.search-loader {
  position: fixed;
  inset: 0;
  width: 576px;
  height: fit-content;
  padding: 48px 32px;
  margin: auto;
  border-radius: 12px;
  background: var(--color-white);
  box-shadow: 0 20px 24px -4px rgba(16, 24, 40, 0.08), 0 8px 8px -4px rgba(16, 24, 40, 0.03);
  z-index: 1060;
  display: none;
}

.search-loader .loader-gif {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  margin: auto;
}

.search-loader .loader-gif img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search-loader h5 {
  color: var(--color-primary);
  text-align: center;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.027px;
}

.search-loader span {
  font: normal normal 500 14px/20px var(--font-primary);
  color: var(--Gray-Mode-700);
  text-align: center;
  letter-spacing: 0.035px;
  display: block;
  margin-top: 4px;
}

.search-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  z-index: 1040;
  transition: opacity 0.3s ease;
}

.search-backdrop.show {
  opacity: 0.5;
}

@media only screen and (max-width: 767px) {
  .flightDetails_section {
    background: var(--color-white);
  }

  .flightDetails_section .flightDetails_stepper .flightDetails_inr .single_btn {
    display: none;
  }

  .flightDetails_section .flightDetails_stepper {
    padding: 8px 0;
    top: 48px;
  }

  .flightDetails_section .flightDetails_stepper .container {
    padding: 0;
  }

  .flightDetails_section .flightDetails_stepper .flightDetails_inr {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    padding-left: 12px;
    padding-right: 12px;
  }

  .flightDetails_section .flightDetails_stepper .stppr_container .step {
    font: normal normal 600 12px / 16px var(--font-primary);
    letter-spacing: 0.06px;
  }

  .flightDetails_section .flightDetails_stepper .stppr_container .step span {
    width: 28px;
    height: 28px;
    min-width: 28px;
  }

  .flightDetails_section .flightDetails_stepper .stppr_container .step.complete span::after {
    background-size: 16px;
  }

  .flightDetails_section .flightDetails_stepper .stppr_container .stepper {
    gap: 8px;
  }

  .flightDetails_section .flightDetails_stepper .stppr_container .arrow img {
    width: 20px;
  }

  .flightDetails_section .stppr_content {
    padding: 48px 0 64px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .flightDetails_section .stppr_content .container {
    padding: 0;
  }


  .flightDetails_section .stppr_content .accordion-body {
    padding: 0;
  }

  .flightDetails_section .stppr_content .accordion-item {
    border-radius: 0 !important;
    border-bottom: none;
  }

  .flightDetails_section .stppr_content .accordion-header:has(.parent-button) {
    display: none;
  }

  .fareBreakup_buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    box-shadow: 0 -8px 16px -1px rgba(0, 0, 0, 0.15);
    background: linear-gradient(0deg, #062d66 -45.62%, #000711 98.27%);
    border-radius: 8px 8px 0px 0px;
    transition: 0.4s all ease-out;
  }

  .fareBreakup_buttons:has(.active) {
    border-radius: 0;
  }

  .fareBreakup_buttons .fareBreakup_mobile {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .fareBreakup_buttons .fareBreakup_mobile p {
    color: var(--Gray-Mode-200);
  }

  .fareBreakup_buttons .buttons_stepper {
    padding: 0;
    border: none;
    gap: 8px;
    display: flex !important;
  }

  .fareBreakup_buttons .btn_fareBreakup {
    font: normal normal 700 18px/26px var(--font-primary);
    color: var(--color-white);
    letter-spacing: 0.027px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0;
  }

  .fareBreakup_buttons .btn_fareBreakup img {
    width: 20px;
    height: auto;
    transition: 0.4s all ease-out;
  }

  .fareBreakup_buttons .active .btn_fareBreakup img {
    transform: rotate(180deg);
  }

  .flightReview_block {
    padding: 0 12px 16px;
    gap: 16px;
  }

  .flightReview_block .flights_cards {
    gap: 16px;
  }

  .flightReview_block .aprDep_card {
    padding: 0;
    border: none;
    border-radius: 0;
    gap: 12px;
  }

  .flightReview_block .aprDep_card .cards_chips {
    display: none;
  }

  .flightReview_block .aprDep_card:has(.cards_chips) {
    padding: 0;
  }

  .flightReview_block .aprDep_card .flight_topInfo .flight_topLeft {
    flex-direction: column;
    gap: 8px;
  }

  .flightReview_block .aprDep_card .flight_topInfo .fromTo p {
    font: normal normal 500 14px / 20px var(--font-primary);
    letter-spacing: 0.035px;
  }

  .flightReview_block .aprDep_card .flight_topInfo .card_wrapper {
    gap: 4px;
  }

  .flightReview_block .aprDep_card .flight_topInfo .card_item {
    padding: 2px 6px;
    gap: 6px;
    align-items: center;
    width: fit-content;
  }

  .flightReview_block .aprDep_card .flight_topInfo .card_item .font_medium {
    font: normal normal 500 10px / 14px var(--font-primary);
    letter-spacing: 0.05px;
  }

  .flightReview_block .aprDep_card .flight_topInfo .card_item .brdr {
    height: 10px;
  }

  .flightReview_block .aprDep_card .flight_topInfo .btn {
    display: none;
  }

  .flightReview_block .flight_details_cards .fdc_blc .fir_center {
    min-width: 62px;
    height: 100%;
    margin: auto;
  }

  .flightReview_block .flight_details_cards .fdc_blc .fi_rgt {
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
  }

  .flightReview_block .flight_details_cards .fdc_blc .fi_rgt .fir_comn {
    width: calc(50% - 31px);
    min-width: auto;
  }

  .flightReview_block .flight_details_cards .fdc_blc .fi_rgt .fir_rgt {
    align-items: end;
  }

  .flightReview_block .flight_details_cards .fdc_blc .flight_info .font_regular {
    font: normal normal 500 10px / 14px var(--font-primary);
    gap: 4px;
  }

  .flightReview_block .flight_details_cards .fir_comn span .brdr {
    height: 12px;
  }

  .flightReview_block .flight_details_cards .fdc_blc .flight_info .font_medium {
    font: normal normal 400 10px / 14px var(--font-primary);
    letter-spacing: 0.05px;
  }

  .flight_details_cards .fdc_blc .flight_info {
    padding: 12px;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .flight_details_cards .fdc_blc .fi_lft {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .flight_details_cards .fdc_blc .fil_btm {
    font: normal normal 400 10px / 14px var(--font-primary);
    letter-spacing: 0.05px;
    padding: 4px 8px;
    gap: 4px;
  }

  .flight_details_cards .fdc_blc .fir_center .time {
    font: normal normal 600 10px / 14px var(--font-primary);
    letter-spacing: 0.05px;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
  }

  .flight_details_cards .fdc_blc .flight_info .fi_rgt p {
    font: normal normal 600 14px / 20px var(--font-primary);
    letter-spacing: 0.035px;
  }

  .flight_details_cards .fdc_blc .fi_rgt {
    gap: 4px;
  }

  .flight_details_cards .fdc_blc .fi_lft .fil_top,
  .flight_details_cards .fdc_blc .fi_lft .fil_top .fil_wrpr {
    gap: 8px;
  }

  .flight_details_cards .fdc_blc .fi_lft .fil_top:has(.fil_wrpr) {
    gap: 4px;
  }

  .flight_details_cards .fdc_blc .fi_lft .fil_top:has(.fil_wrpr) span {
    font: normal normal 400 10px / 14px var(--font-primary);
    letter-spacing: 0.05px;
  }

  .flight_details_cards .fdc_blc .fil_lft img {
    width: 28px;
  }

  .flightReview_block .flight_details_cards .fdc_blc .flight_info .fil_rgt .font_regular {
    margin: 0;
  }

  .flight_details_cards .fdc_blc .flight_info .fi_rgt .fir_rgt p,
  .flightReview_block .flight_details_cards .fdc_blc .flight_info .fir_rgt .font_regular,
  .flightReview_block .flight_details_cards .fdc_blc .flight_info .fir_rgt .font_medium {
    text-align: end;
    justify-content: end;
  }

  .flight_details_cards .fdc_blc .fi_lft .stoptime_forMobile {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .flight_details_cards .fdc_blc .fi_lft .stoptime_forMobile h6 {
    font-weight: 400;
    color: var(--color-primary);
  }

  .flight_details_cards .fdc_blc .fi_lft .stoptime_forMobile h6 b {
    font-weight: 400;
    color: #f70;
  }

  .flight_details_cards .luggage_info {
    padding: 8px 12px;
  }

  .flight_details_cards .luggage_info .info_inr {
    align-items: flex-start;
  }

  .flight_details_cards .luggage_info .info_inr img {
    width: 14px;
  }

  .flight_details_cards .luggage_info .info_inr span {
    font: normal normal 600 10px / 14px var(--font-primary);
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .flightReview_block .flight_details_cards {
    gap: 12px;
  }

  .flight_details_cards .fdc_cntr::before {
    width: 100%;
  }

  .flight_details_cards .fdc_cntr .terminals_info {
    padding: 8px 12px;
    gap: 4px;
  }

  .flight_details_cards .fdc_cntr .terminals_info span {
    font: normal normal 400 10px / 14px var(--font-primary);
    letter-spacing: 0.05px;
  }

  .flightDetails_section .mobile_backButton {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 997;
    display: block;
  }

  .flightDetails_section .mobile_backButton .btn {
    font: normal normal 600 16px/24px var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.024px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    border-radius: 0;
    background-color: var(--color-white);
  }

  .flightDetails_section .mobile_backButton .btn img {
    width: 24px;
    height: auto;
  }

  .flightDetails_section .fixed_headerMobile {
    padding: 12px 16px;
    background: linear-gradient(225deg, #2e90fa 0%, #175cd3 100%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    gap: 8px;
    position: sticky;
    top: 0;
    width: calc(100% + 24px);
    z-index: 995;
    margin-left: -12px;
  }

  .flightDetails_section .fixed_headerMobile h6 {
    font-weight: 500;
    color: var(--color-white);
  }

  .flightDetails_section .fixed_headerMobile img {
    width: 20px;
    height: auto;
  }

  .flightReview_block .btn_rules {
    font: normal normal 500 10px / 14px var(--font-primary);
    letter-spacing: 0.05px;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 100px;
    border: 1px solid var(--color-primary);
    width: fit-content;
    margin: auto;
  }

  .flightReview_block .btn_rules img {
    height: 14px;
  }

  .price_offers .fare_wrpr,
  .price_offers .btn_points {
    display: none;
  }

  .price_offers {
    padding: 16px 12px;
    background: var(--Blue-blue-1);
  }

  .price_offers .promotional_offers .top_title {
    background: linear-gradient(225deg, #2e90fa 0%, #175cd3 100%);
    border-radius: 7px;
    transition: 0.4s all ease-out;
  }

  .price_offers .promotional_offers.active .top_title {
    background: transparent;
    border-radius: 0;
  }

  .price_offers .promotional_offers .top_title span {
    color: var(--color-white);
  }

  .price_offers .promotional_offers .top_title img {
    display: block;
    transition: 0.4s all ease-out;
  }

  .price_offers .promotional_offers.active .top_title img {
    filter: brightness(0) invert(0);
    transform: rotate(180deg);
  }

  .price_offers .promotional_offers.active .top_title span {
    color: var(--Gray-Mode-950);
  }

  .price_offers .promotional_offers .offers_content {
    display: none;
  }

  .flightReview_block .requirement_card {
    padding: 12px 16px;
  }

  .fareRules_modal {
    height: 100%;
    transform: translateY(100%);
    transition: transform 0.3s linear;
    opacity: 1 !important;
    align-content: end;
  }

  .fareRules_modal.show {
    transform: translateY(0);
  }

  .fareRules_modal .modal-dialog {
    margin: 0;
    transform: translate(0) !important;
  }

  .fareRules_modal .modal-header {
    padding: 14px 16px;
  }

  .fareRules_modal .modal-header p {
    font: normal normal 600 16px / 24px var(--font-primary);
    letter-spacing: 0.024px;
  }

  .fareRules_modal .modal-content {
    border-radius: 16px 16px 0 0;
    border: none;
    box-shadow: none;
  }

  .fareRules_modal .modal-body {
    padding: 16px;
  }

  .fareRules_modal .nav-pills {
    display: none;
  }

  .fareRules_modal .tab-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .fareRules_modal .tab-content>.tab-pane {
    display: block !important;
    opacity: 1 !important;
  }

  .fareRules_modal .sidebar_tabContent .notes {
    padding: 12px;
    border-radius: 6px;
    margin-top: 12px;
  }

  .fareRules_modal .sidebar_tabContent .notes span {
    font: normal normal 400 10px / 14px var(--font-primary);
    letter-spacing: 0.05px;
  }

  .fareRules_modal .card_fareBreakup {
    border: none;
    box-shadow: none;
  }

  .fareRules_modal .card_fareBreakup .crd_baseFare {
    border-radius: 8px;
    border: 1px solid var(--Gray-Mode-100);
    background: var(--color-white);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  }

  .fareRules_modal .card_fareBreakup .title {
    padding: 0 0 8px;
    border: none;
  }

  .fareRules_modal .card_fareBreakup .title p {
    color: var(--Gray-Mode-500);
    font-weight: 500;
  }

  .fareRules_modal .card_fareBreakup .crd_baseFare span {
    font: normal normal 300 12px / 16px var(--font-primary);
    letter-spacing: 0.06px;
  }

  .fareBreakup_buttons .fareWapper_mobile {
    position: fixed;
    left: 0;
    bottom: 64px;
    width: 100%;
    border-radius: 16px 16px 0 0;
    background: var(--color-white);
  }

  .fareBreakup_buttons .fareWapper_mobile .top_header {
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--Gray-Mode-100);
  }

  .fareBreakup_buttons .fareWapper_mobile h6 {
    font: normal normal 600 16px / 24px var(--font-primary);
    letter-spacing: 0.024px;
    color: var(--Gray-Mode-950);
  }

  .fareBreakup_buttons .fareWapper_mobile .top_header .btn {
    padding: 0;
    border: none;
  }

  .fareBreakup_buttons .fareWapper_mobile .top_header .btn img {
    width: 20px;
    height: auto;
  }

  .fareBreakup_buttons .fareWapper_mobile .fareCard_inr {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .fareBreakup_buttons .fareWapper_mobile .fareCard_inr .seperator {
    width: 100%;
    height: 1px;
    border-top: 1px dashed var(--Gray-Mode-200);
  }

  .fareBreakup_buttons .fareWapper_mobile .fare_breakup {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .fareBreakup_buttons .fareWapper_mobile .fare_breakup .fb_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .fareBreakup_buttons .fareWapper_mobile .fare_breakup .fb_item .font_medium,
  .fareBreakup_buttons .fareWapper_mobile .fare_breakup .fb_item .btn {
    font: normal normal 500 14px / 20px var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.035px;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .fareBreakup_buttons .fareWapper_mobile .fare_breakup .fb_item .font_medium b {
    font-weight: 600;
  }

  .fareBreakup_buttons .fareWapper_mobile .fare_breakup .fb_item .btn {
    padding: 0;
  }

  .fareBreakup_buttons .fareWapper_mobile .fare_breakup .fb_item .btn img {
    width: 16px;
    height: auto;
  }

  .fareBreakup_buttons .fareWapper_mobile .fare_breakup .fb_item .btn.active img {
    transform: rotate(180deg);
  }

  .fareBreakup_buttons .fareWapper_mobile .font_regular,
  .fareBreakup_buttons .fareWapper_mobile ul li {
    font: normal normal 400 12px / 16px var(--font-primary);
    color: var(--Gray-Mode-700);
    letter-spacing: 0.06px;
    display: block;
  }

  .fareBreakup_buttons .fareWapper_mobile .fb_total {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .fareBreakup_buttons .fareWapper_mobile .fbItem_dropdown {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }

  .fareBreakup_buttons .fareWapper_mobile .fbItem_dropdown .top_blck,
  .fareBreakup_buttons .fareWapper_mobile .items_dropdown li {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .fareBreakup_buttons .fareWapper_mobile .items_dropdown {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
  }

  .flightDetails_section .stppr_content .accordion {
    gap: 0;
  }

  .flightReview_block .btn_rulesMobile {
    display: block;
  }

  .flightDetails_section .card_login {
    padding: 16px;
    border-radius: 12px 12px 0 0;
    border: none;
    position: fixed;
    bottom: 0;
    z-index: 1003;
    width: 100%;
  }

  .flightDetails_section .card_login .login_title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .flightDetails_section .card_login .login_title .btn {
    padding: 0;
    display: block;
  }

  .flightDetails_section .card_login .login_title .btn img {
    width: 20px;
    height: 20px;
  }

  .flightDetails_section .card_login .login_wrpr {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }

  .flightDetails_section .card_login h4 {
    font: normal normal 600 24px / 32px var(--font-primary);
  }

  .flightDetails_section .card_login .process_blck {
    flex-wrap: wrap;
    gap: 16px;
  }

  .flightDetails_section .card_login .process_blck .item_card {
    gap: 8px;
    width: max-content;
  }

  .flightDetails_section .card_login .btn_grps .btn,
  .flightDetails_section .card_login .form_block .btn_grps .btn {
    width: 100%;
    justify-content: center;
    padding: 9px 12px;
  }

  .flightDetails_section .card_login .form_block {
    gap: 32px;
  }

  .flightDetails_section .accordion-body:has(.extra_services) {
    background: var(--Blue-blue-1);
    padding: 16px 12px 0;
  }

  .flightDetails_section .extra_services {
    padding: 12px;
    border-radius: 8px;
    background: var(--Blue-blue-3);
  }

  .flightDetails_section .stppr_content .row .extra_services .row {
    row-gap: 12px;
  }

  .flightDetails_section .extra_services .buttons_stepper {
    display: none;
  }

  .flightDetails_section .extra_services .title_forMobile h6 {
    color: var(--color-primary);
    font-weight: 600;
    letter-spacing: 0.035px;
  }

  .flightDetails_section .traveller_details {
    gap: 0;
  }

  .flightDetails_section .traveller_details .top_section {
    padding: 12px;
    border-bottom: 1px solid var(--Gray-Mode-100);
  }

  .flightDetails_section .traveller_details .important_note {
    padding: 8px;
  }

  .flightDetails_section .traveller_details .important_note span {
    display: block;
  }

  .flightDetails_section .traveller_details .font_regular {
    font: normal normal 400 10px / 14px var(--font-primary);
    letter-spacing: 0.05px;
  }

  .flightDetails_section .traveller_details .font_regular b {
    font-weight: 600;
  }

  .flightDetails_section .traveller_details .accordion-item {
    border-radius: 0 !important;
    border: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .flightDetails_section .traveller_details .accordion-button {
    font: normal normal 600 14px / 20px var(--font-primary);
    pointer-events: none;
  }

  .flightDetails_section .traveller_details .accordion-button::after {
    display: none;
  }

  .flightDetails_section .traveller_details .accordion-body .added_traveller .added_card {
    padding: 8px 12px;
    border-radius: 4px;
  }

  .flightDetails_section .traveller_details .accordion-body .added_traveller,
  .flightDetails_section .traveller_details .accordion-body .added_card .atc_left,
  .flightDetails_section .traveller_details .accordion-body .added_card .atc_left .atcl_inr {
    gap: 8px;
  }

  .flightDetails_section .traveller_details .accordion-body .added_card .atc_left .form-check-input {
    width: 16px;
    min-width: 16px;
    height: 16px;
  }

  .flightDetails_section .traveller_details .accordion-body .added_card .atc_left .form-check-input:checked[type="checkbox"] {
    background-size: 12px;
  }

  .flightDetails_section .traveller_details .flight_travDetails .accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .flightDetails_section .traveller_details .accordion-body .added_card .icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }

  .flightDetails_section .traveller_details .accordion-body .added_card .tac_info {
    gap: 0;
  }

  .flightDetails_section .traveller_details .accordion-body .added_card .tac_info p {
    font: normal normal 600 12px / 16px var(--font-primary);
    letter-spacing: 0.06px;
  }

  .flightDetails_section .traveller_details .accordion-body .added_card .tac_info span {
    font: normal normal 300 10px / 14px var(--font-primary);
    letter-spacing: 0.05px;
    gap: 4px;
  }

  .flightDetails_section .traveller_details .accordion-body .added_card .btn_groups .btn {
    padding: 0;
    width: 28px;
    height: 28px;
  }

  .flightDetails_section .traveller_details .accordion-body .added_card .btn_groups .btn img {
    width: 14px;
  }

  .flightDetails_section .traveller_details .flight_travDetails .accordion-item:not(:first-child) .accordion-button {
    background: linear-gradient(225deg, #2e90fa 0%, #175cd3 100%);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 12px 16px;
    border-radius: 0 !important;
    color: var(--color-white);
  }

  .flightDetails_section .traveller_details .flight_travDetails .accordion-item:not(:first-child) .accordion-header {
    position: sticky;
    top: 92px;
    z-index: 995;
    margin-left: -16px;
    width: calc(100% + 32px);
  }

  .flightDetails_section .traveller_details .accordion-button .passenger_info {
    display: none;
  }

  .flightDetails_section .buttons_stepper {
    display: none;
  }

  .flightDetails_section .traveller_details .traveller_forms {
    padding: 12px 0 8px 0;
  }

  .flightDetails_section .traveller_details .input_grp {
    display: grid;
    grid-template-columns: 108px 1fr;
    gap: 16px 12px;
  }

  .flightDetails_section .traveller_details .input_grp>*:nth-child(1) {
    grid-column: 1;
  }

  .flightDetails_section .traveller_details .input_grp>*:nth-child(2) {
    grid-column: 2;
  }

  .flightDetails_section .traveller_details .input_grp>*:nth-child(n + 3) {
    grid-column: 1 / span 2;
  }

  .flightDetails_section .traveller_details .input_blc .custom_tooltip {
    width: 100%;
    max-width: 230px;
    padding: 6px;
    gap: 6px;
    border-radius: 4px;
  }

  .flightDetails_section .traveller_details .input_blc .custom_tooltip::before {
    left: 12px;
    width: 5px;
    border-width: 5px;
  }

  .flightDetails_section .traveller_details .nested-accordion .accordion-item {
    padding: 12px;
    gap: 16px;
  }

  .flightDetails_section .traveller_details .flight_travDetails .nested-accordion .accordion-item .accordion-header {
    position: unset;
    z-index: 994;
    width: 100%;
    margin: auto;
  }

  .flightDetails_section .traveller_details .flight_travDetails .accordion-item .nested-accordion .accordion-button {
    background: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
    color: var(--Gray-Mode-950);
    pointer-events: visible;
  }

  .flightDetails_section .traveller_details .nested-accordion .accordion-button::after {
    display: block;
  }

  .flightDetails_section .traveller_details .frequent_forms {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }

  .flightDetails_section .traveller_details .checkboxs_grups {
    gap: 12px;
  }

  .flightDetails_section .traveller_details .contact_details {
    gap: 24px;
    padding: 16px 12px;
    border-bottom: 1px solid var(--Gray-Mode-100);
  }

  .flightDetails_section .traveller_details .contact_details .row {
    row-gap: 16px;
  }

  .flightDetails_section .traveller_details .contact_details p {
    font: normal normal 500 14px / 20px var(--font-primary);
    letter-spacing: 0.035px;
    align-items: start;
    flex-direction: column;
  }

  .flightDetails_section .traveller_details .contact_details p span {
    font: normal normal 400 12px / 16px var(--font-primary);
    letter-spacing: 0.06px;
  }

  .flightDetails_section .traveller_details .gst_booking {
    padding: 12px;
    margin: 16px 12px;
  }

  .flightDetails_section .traveller_details .gst_booking .GSTnumber {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
  }

  .updateTrveller_modal {
    overflow: unset;
  }

  .reviewTraveller_modal,
  .reviewSeatsmeal_modal,
  .updateTrveller_modal,
  .travelInsurance_modal {
    height: 100%;
    transform: translateY(100%);
    transition: transform 0.3s linear;
    opacity: 1 !important;
    align-content: end;
  }

  .reviewTraveller_modal.show,
  .reviewSeatsmeal_modal.show,
  .updateTrveller_modal.show,
  .travelInsurance_modal.show {
    transform: translateY(0);
  }

  .reviewTraveller_modal .modal-dialog,
  .reviewSeatsmeal_modal .modal-dialog,
  .updateTrveller_modal .modal-dialog,
  .travelInsurance_modal .modal-dialog {
    margin: 0;
  }

  .reviewTraveller_modal .modal-content,
  .reviewSeatsmeal_modal .modal-content,
  .updateTrveller_modal .modal-content,
  .travelInsurance_modal .modal-content {
    border-radius: 12px 12px 0 0;
    border: none;
    box-shadow: none;
  }

  .reviewTraveller_modal .modal-header,
  .reviewSeatsmeal_modal .modal-header,
  .updateTrveller_modal .modal-header,
  .travelInsurance_modal .modal-header {
    border-bottom: 1px solid var(--Gray-Mode-100);
    padding: 12px 16px;
  }

  .reviewTraveller_modal .modal-header p,
  .reviewSeatsmeal_modal .modal-header p,
  .updateTrveller_modal .modal-header p,
  .travelInsurance_modal .modal-header p {
    font: normal normal 600 16px / 150% var(--font-primary);
    letter-spacing: 0.024px;
  }

  .reviewTraveller_modal .reviewTraveller_wrpr,
  .reviewSeatsmeal_modal .reviewSeatsmeal_wrpr {
    padding: 16px 16px 80px;
    height: 530px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
  }

  .reviewTraveller_modal .reviewTraveller_wrpr .card_box,
  .reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .card_box {
    padding: 12px;
    gap: 8px;
  }

  .reviewTraveller_modal .reviewTraveller_wrpr .card_box .title::before,
  .reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .card_box .title::before {
    left: -13px;
    height: 20px;
  }

  .reviewTraveller_modal .reviewTraveller_wrpr .card_box .title p,
  .reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .card_box .title p {
    font: normal normal 500 14px / 20px var(--font-primary);
    letter-spacing: 0.035px;
  }

  .reviewTraveller_modal .reviewTraveller_info,
  .reviewTraveller_info:has(> .info_blck:nth-child(9)) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 16px;
  }

  .reviewTraveller_modal .reviewTraveller_wrpr .form-check {
    margin-top: 8px;
  }

  .reviewTraveller_modal .reviewTraveller_wrpr .form-check label {
    font: normal normal 400 12px / 16px var(--font-primary);
    letter-spacing: 0.06px;
  }

  .reviewTraveller_modal .reviewTraveller_wrpr .btns_grps,
  .reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .btns_grps {
    justify-content: space-around;
    gap: 16px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px 16px 8px 16px;
    background: var(--color-white);
    box-shadow: 0 -4px 12px -1px rgba(0, 0, 0, 0.08);
    z-index: 1001;
  }

  .reviewTraveller_modal .reviewTraveller_wrpr .btns_grps .btn,
  .reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .btns_grps .btn {
    font: normal normal 400 16px / 24px var(--font-primary);
    letter-spacing: 0.024px;
    padding: 9px 16px;
    width: 100%;
    justify-content: center;
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_wrpr {
    gap: 16px;
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .reviewSeatsmeal_cards {
    gap: 12px;
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .tabs_aprDep .nav-pills {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: -webkit-fill-available;
    gap: 8px;
    padding: 0;
    background: var(--color-white);
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .tabs_aprDep .nav-pills li {
    width: 100%;
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .tabs_aprDep .nav-pills .nav-link {
    font: normal normal 400 10px/14px var(--font-primary);
    color: var(--Gray-Mode-800);
    letter-spacing: 0.05px;
    border-radius: 6px;
    border: 1px solid var(--Gray-Mode-100);
    background: var(--color-white);
    padding: 8px 12px;
    width: 100%;
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .tabs_aprDep .nav-pills .nav-link.active {
    color: var(--color-white);
    background: linear-gradient(225deg, #2e90fa 0%, #175cd3 100%);
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_wrpr .tabs_aprDep .nav-pills .nav-link img {
    display: none;
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_info .row {
    row-gap: 12px;
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_info .flight_passengerInfo,
  .reviewSeatsmeal_modal .reviewSeatsmeal_info .top_blck {
    gap: 4px;
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_info .top_blck img {
    width: 12px;
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_info span {
    font: normal normal 500 12px / 16px var(--font-primary);
    letter-spacing: 0.06px;
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_info .passenger_card {
    padding: 8px;
    gap: 4px;
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_info .price {
    font: normal normal 500 10px / 14px var(--font-primary);
    letter-spacing: 0.05px;
    padding: 2px 4px;
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_info .passenger_card .seat_number {
    font: normal normal 500 14px / 20px var(--font-primary);
    letter-spacing: 0.035px;
  }

  .reviewSeatsmeal_modal .reviewSeatsmeal_info .passenger_info,
  .travelInsurance_modal .benefits_wrappr .card_block {
    gap: 8px;
  }

  .travelInsurance_modal .benefits_wrappr .card_block img {
    width: 16px;
  }

  .travelInsurance_modal .benefits_wrappr .card_block p {
    font: normal normal 600 14px / 20px var(--font-primary);
    letter-spacing: 0.035;
  }

  .updateTrveller_modal .modal-body {
    padding: 16px;
  }

  .updateTrveller_modal .updateTraveller_wrpr {
    padding: 0;
    border: none;
  }

  .updateTrveller_modal .updateTraveller_wrpr .traveller_forms .title {
    display: none;
  }

  .updateTrveller_modal .updateTraveller_wrpr .input_grp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 12px;
    grid-auto-rows: auto;
  }

  .updateTrveller_modal .fixed_button {
    margin-top: 8px;
  }

  .updateTrveller_modal .fixed_button .btn_primary {
    font: normal normal 400 16px / 150% var(--font-primary);
    letter-spacing: 0.024px;
    width: 100%;
  }

  .flightDetails_section .add_seatsMeals .nav-pills {
    margin: 16px;
    padding: 4px;
    gap: 4px;
  }

  .flightDetails_section .add_seatsMeals .nav-pills .nav-link {
    gap: 6px;
  }

  .flightDetails_section .add_seatsMeals,
  .flightDetails_section .add_seatsMeals .seatsMeal_top {
    gap: 0;
  }

  .flightDetails_section .add_seatsMeals .onwordReturn_blc {
    max-width: 100%;
    gap: 8px;
    border-top: 1px solid var(--Gray-Mode-100);
    border-bottom: 1px solid var(--Gray-Mode-100);
    background: var(--Gray-Mode-25);
    height: 48px;
    height: 48px;
    overflow-y: hidden;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .flightDetails_section .add_seatsMeals .onwordReturn_blc .card_container {
    padding: 0;
    gap: 8px;
    border-radius: 0;
    border: none;
    background: transparent;
  }

  .flightDetails_section .add_seatsMeals .card_onwordReturn {
    width: 110px;
    padding: 7px 11px;
    gap: 8px;
  }

  .flightDetails_section .add_seatsMeals .addSeatMeal_comn .font_medium {
    font: normal normal 500 12px / 16px var(--font-primary);
    letter-spacing: 0.06px;
  }

  .flightDetails_section .add_seatsMeals .onwordReturn_blc .font_semibold {
    padding: 2px 6px;
    position: relative;
    color: var(--color-white);
  }

  .flightDetails_section .add_seatsMeals .onwordReturn_blc .font_semibold::before {
    position: absolute;
    left: -16px;
    top: 0px;
    content: "";
    margin: auto;
    width: 46px;
    height: 100%;
    background: #008ade;
    z-index: -1;
  }

  .flightDetails_section .add_seatsMeals .addSeatMeal_comn {
    gap: 16px;
  }

  .flightDetails_section .add_seatsMeals .passengerInfo_blc {
    gap: 8px;
    padding: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
  }

  .flightDetails_section .add_seatsMeals .card_passenger {
    padding: 8px;
  }

  .flightDetails_section .add_seatsMeals .card_passenger p {
    font: normal normal 500 14px / 20px var(--font-primary);
    letter-spacing: 0.035px;
  }

  .flightDetails_section .add_seatsMeals .card_passenger .pass_info .font_medium {
    padding: 0px 6px;
    gap: 4px;
    font: normal normal 500 14px / 20px var(--font-primary);
    letter-spacing: 0.035px;
  }

  .flightDetails_section .add_seatsMeals .mealsMenu_block {
    margin: 0 16px;
    padding: 0;
    gap: 0;
    border-radius: 8px;
    border: 1px solid var(--Gray-Mode-100, #edeef1);
    background: #eff8ff;
  }

  .flightDetails_section .add_seatsMeals .menuItems_center {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    padding: 12px;
  }

  .flightDetails_section .add_seatsMeals .mealsMenu_block .mealsCat_top {
    justify-content: flex-start;
    gap: 8px;
    border-radius: 8px 8px 0 0;
  }

  .flightDetails_section .add_seatsMeals .mealsMenu_block .menu_wrapr {
    margin-left: auto;
  }

  .flightDetails_section .add_seatsMeals .menuItems_center .card_item {
    padding: 8px 12px 12px 8px;
    gap: 8px;
  }

  .flightDetails_section .add_seatsMeals .menuItems_center .card_item .left_icon {
    min-width: 76px;
  }

  .flightDetails_section .add_seatsMeals .menuItems_center .card_item .center_right {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .flightDetails_section .add_seatsMeals .menuItems_center .addMeals_blck {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .flightDetails_section .add_seatsMeals .menuItems_center .addMeals_blck h5 {
    font-weight: 600;
    color: var(--Gray-Mode-950);
    line-height: 26px;
    letter-spacing: 0.027px;
    display: block;
  }

  .flightDetails_section .add_seatsMeals .menuItems_center .btn_primary_border {
    font: normal normal 400 14px / 20px var(--font-primary);
    letter-spacing: 0.035px;
  }

  .flightDetails_section .add_seatsMeals .additions_baggage {
    margin: 0 16px;
    padding: 0;
    gap: 0;
    border: 1px solid var(--Gray-Mode-100);
  }

  .flightDetails_section .add_seatsMeals .additions_baggage .baggage_top {
    padding: 12px;
    border-radius: 8px 8px 0 0;
  }

  .flightDetails_section .add_seatsMeals .additions_baggage .baggage_wrpr {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
    padding: 12px;
  }

  .flightDetails_section .add_seatsMeals .additions_baggage .baggage_card .font_medium {
    font: normal normal 400 14px / 20px var(--font-primary);
    letter-spacing: 0.035px;
  }

  .flightDetails_section .add_seatsMeals .additions_baggage .baggage_card p {
    font: normal normal 500 16px / 150% var(--font-primary);
    letter-spacing: 0.024px;
  }

  .flightDetails_section .add_seatsMeals .additions_baggage .baggage_card {
    padding: 8px 12px;
    gap: 12px;
  }

  .flightDetails_section .add_seatsMeals .seatmap_wrapper {
    margin: 0 16px;
    padding: 12px;
    gap: 12px;
  }

  .flightDetails_section .buttons_stepper .btn_primary_border {
    border-color: var(--color-white);
    color: var(--color-white);
    padding: 10px 14px;
  }

  .flightDetails_section .addOns_section .addOns_card {
    padding: 0 12px;
    border-radius: 0;
    border: none;
    gap: 16px;
  }

  .flightDetails_section .addOns_section .addOns_card .title_forMobile {
    padding: 12px;
    background: linear-gradient(225deg, #2e90fa 0%, #175cd3 100%);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    width: calc(100% + 32px);
    margin-left: -12px;
    display: block;
  }

  .flightDetails_section .addOns_section .addOns_card .title_forMobile h6 {
    color: var(--color-white);
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.035px;
  }

  .flightDetails_section .addOns_section .addOns_card .title p {
    font: normal normal 500 16px / 150% var(--font-primary);
    letter-spacing: 0.024px;
  }

  .flightDetails_section .addOns_section .addOns_card .card_inr {
    gap: 16px;
  }

  .flightDetails_section .addOns_section .addOns_card .card_inr .form-check {
    align-items: flex-start;
  }

  .flightDetails_section .addOns_section .addOns_card .travel_cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .flightDetails_section .addOns_section .travel_cards .card_info {
    padding: 7px;
    border-radius: 8px;
    gap: 8px;
    height: 100%;
  }

  .flightDetails_section .addOns_section .addOns_card .international_roundTrip {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }

  .flightDetails_section .addOns_section .addOns_card .international_roundTrip .travel_cards {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .flightDetails_section .international_roundTrip .travel_cards .card_info:nth-child(3) {
    display: none;
  }

  .flightDetails_section .addOns_section .international_roundTrip .travel_cards .card_info {
    padding: 5px 9px;
    gap: 4px;
    border-radius: 68px;
  }

  .flightDetails_section .addOns_section .pre_bookings {
    flex-direction: column;
    gap: 16px;
  }

  .flightDetails_section .addOns_section .pre_bookings .btn_primary_border {
    width: 100%;
    justify-content: center;
    font: normal normal 500 14px / 20px var(--font-primary);
    letter-spacing: 0.035px;
  }

  .flightDetails_section .addOns_section .top_section {
    flex-direction: column;
    gap: 12px;
  }

  .flightDetails_section .addOns_section .select_cabs {
    width: 100%;
  }

  .flightDetails_section .selectCabs_fromTo .cabs_card .top_cabsCrd {
    align-items: center;
  }

  .flightDetails_section .selectCabs_fromTo .pickupDrop_card .font_semibold {
    font: normal normal 400 10px / 14px var(--font-primary);
    letter-spacing: 0.05px;
  }

  .flightDetails_section .pickupDrop_card .selectLocations_input {
    font: normal normal 500 14px / 20px var(--font-primary);
    letter-spacing: 0.035px;
  }

  .flightDetails_section .pickupDrop_card .selectLocations_options {
    width: 156px;
    padding: 0;
  }

  .flightDetails_section .pickupDrop_card .selectLocations_options li {
    font: normal normal 400 10px / 14px var(--font-primary);
    letter-spacing: 0.05px;
    padding: 8px;
  }

  .singleDate-calendar {
    position: fixed;
    top: unset;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    border-radius: 16px 16px 0 0;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.14);
  }

  .singleDate-calendar .top_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--Gray-Mode-100);
    padding: 4px 8px 4px 16px;
  }

  .singleDate-calendar .top_header h6 {
    font: normal normal 600 16px/24px var(--font-primary);
    letter-spacing: 0.024px;
    color: var(--Gray-Mode-950);
  }

  .singleDate-calendar .top_header .btn {
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .singleDate-calendar .top_header .btn img {
    width: 20px;
    height: auto;
  }

  .singleDate-calendar .calendar-dates {
    padding: 10px 12px;
  }

  .singleDate-calendar .calendar-weekdays {
    padding: 0 12px;
  }

  .singleDate-calendar .calendar-header {
    padding: 12px 8px;
    gap: 8px;
  }

  .singleDate-calendar .calendar-dates span {
    width: 40px;
    height: 40px;
  }

  .select_wrapper .select_options {
    max-height: 170px;
  }

  .search-loader {
    width: calc(100% - 24px);
    padding: 20px 16px;
    border-radius: 8px;
  }

  .search-loader .loader-gif {
    width: 120px;
    height: 120px;
  }

  .search-loader span {
    font: normal normal 500 12px / 18px var(--font-primary);
    letter-spacing: 0.06px;
    margin-top: 2px;
  }

  .search-loader {
    width: calc(100% - 24px);
    padding: 20px 16px;
    border-radius: 8px;
  }

  .search-loader .loader-gif {
    width: 120px;
    height: 120px;
  }

  .search-loader span {
    font: normal normal 500 12px / 18px var(--font-primary);
    letter-spacing: 0.06px;
    margin-top: 2px;
  }
}