@charset "utf-8";
/* CSS Document */

:root {
  --text-primary: #222222;
  --text-secondary: #4f4f4f;
  --text-shade: #727172;
  --color-primary: #ff7f02;
  --color-secondary: #0b4573;
  --color-bg-blue-shade: #ecf4fa;
  --color-bdr-blue: #dfe9f0;
  --color-bdr: #dddddd;
  --color-bg-shade: #f7f7f7;
  --color-bg-white: #ffffff;
  --color-white: #fff;
  --reg-12: 12px;
  --reg-14: 14px;
  --reg-16: 16px;
  --reg-18: 18px;
  --reg-20: 20px;
  --reg-24: 24px;
  --reg-28: 28px;
  --reg-32: 32px;
  --reg-36: 36px;
}

body.ftd-revamp {
  background: #fff; /*#e5e5e5; */
}

* {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  text-decoration: none;
  outline: none;
}

.container,
.container>div {
  transition: all 0.2s ease 0s;
}

section {
  display: inline-block;
  width: 100%;
  position: relative;
}

a:hover,
button:hover,
a:focus,
button:focus,
a,
button {
  cursor: pointer;
  text-decoration: none !important;
  outline: none;
}

ul,
li {
  list-style-type: none;
  margin: 0px;
}

span,
p,
label,
li,
a,
button,
input,
select,
textarea {
  font-size: 14px;
  transition: all 0.2s ease 0s;
  font-weight: 400;
}

p {
  margin: 0px;
  color: #444444;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  transition: all 0.3s linear 0s;
  color: #333333;
  font-weight: 500 !important;
}

body {
  overflow-x: hidden;
  margin: 0px;
  padding: 0px;
  font-family: "Poppins", sans-serif !important;
  background-color: #fffbf4;
}

th {
  text-align: left;
  font-weight: 500;
  font-size: 14px;
}

/*.container-fluid {
  overflow-x: hidden;
}*/

a,
button {
  outline: none !important;
  text-decoration: none !important;
  border: 0px;
}

.btnPrimary {
  display: block !important;
  /*max-width: 280px;*/
  font-weight: 500;
  color: #fff;
  padding: 15px 24px;
  font-size: 16px;
  letter-spacing: 0.5px;
  border-radius: 15px;
  box-shadow: 2px 11px 30px rgb(255 90 2 / 50%);
  /*min-width: 230px;*/
}

.btnSmall {
  padding: 9px 24px;
  font-size: 16px;
  border-radius: 10px;
}

.btnForm {
  margin: auto;
  margin-bottom: -40px;
  margin-top: 20px;
}

.grey {
  background-color: var(--text-secondary);
  display: block !important;
  max-width: 280px;
  font-weight: 500;
  color: #fff;
  padding: 15px 24px;
  font-size: 18px;
  letter-spacing: 0.5px;
  border-radius: 15px;
  box-shadow: 2px 11px 30px rgb(255 255 255 / 50%);
  min-width: 230px;
  float: right;
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  background-color: var(--color-primary);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-secondary);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 15px;
}

.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
  color: white;
  box-shadow: 2px 10px 20px rgb(20 146 243 / 50%);
}

.hvr-rectangle-out:hover:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.plrZero {
  padding-left: 0px;
  padding-right: 0px;
}

.fieldDiv {
  position: relative;
  margin-bottom: 16px;
}

.fieldDiv span {
  font-weight: 500;
  font-size: 12px;
  position: absolute;
  left: 15px;
  top: 10px;
  color: #4f4f4f;
}

.fieldDiv .inputError {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -18px;
  font-size: 11px;
}

.fieldDiv input,
.fieldDiv select,
.fieldDiv textarea {
  width: 100%;
  font-size: 14px;
  color: #000;
  border: 1px solid #eaeaea;
  border-radius: 15px;
  padding: 26px 15px 10px 14px;
  appearance: none;
  font-weight: 400;
  background-color: #fff;
  resize: none;
  min-height: 56px;
}

.fieldDiv input:disabled,
.fieldDiv select:disabled,
.fieldDiv textarea:disabled {
  border: 1px solid #eaeaea;
  background-color: #f7f7f7;
  color: #999;
}

.fieldDiv select {
  background-image: url(https://cdn.ftd.travel/book/public/img/gs/iconDrop.svg);
  background-position: 94% 25px;
  background-repeat: no-repeat;
}

.fieldDiv input:focus,
.fieldDiv textarea:focus,
.fieldDiv select:focus,
select {
  border: 1px solid #eaeaea;
  background-color: #f7f7f7;
}

.tabHead {
  font-weight: 600 !important;
  font-size: 22px;
  margin-top: 14px;
  color: #000;
  margin-bottom: 10px;
}

.formHead {
  font-weight: 600;
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
}

.vmCheck_lbl {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 3px;
}

/* Hide the browser's default checkbox */
.vmCheck_lbl input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 2px solid #d1d1d1;
  border-radius: 7px;
}

/* On mouse-over, add a grey background color */
.vmCheck_lbl:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.vmCheck_lbl input:checked~.checkmark {
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.vmCheck_lbl input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.vmCheck_lbl .checkmark:after {
  left: 7px;
  top: 3px;
  width: 8px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*----------------Start CSS for agent dashboard flight----------------*/

/*Start Css for header agent dashboard flight*/

.sec_dashHeader {
  padding-top: 200px;
  min-height: 400px;
  padding-bottom: 100px;
  background-size: cover;
  background-position: center;
}

.sec_dashHeader .btnForm {
  min-width: 200px;
}

.sec_dashHeader::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.blurBG {
    background-color: rgb(255 255 255 / 25%);
  padding: 20px;
  border-radius: 20px;
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  position: relative;
  z-index: 1;
  /* Adjust the blur value as needed */
}

li.bm_menuLI {
  display: inline-block;
  padding: 0px 10px 0px 10px;
}

.blueMenu {
  text-align: center;
  margin-top: -62px;
}

ul.bm_menuUL {
  text-align: center;
  display: inline-block;
  background-color: var(--color-secondary);
  padding: 10px 10px 10px 10px;
  border-radius: 10px;
  margin-top: 4px;
}

li.bm_menuLI {
  display: inline-block;
  padding: 0px 10px 0px 10px;
  min-width: 78px;
  position: relative;
}

li.bm_menuLI a {
  color: #fff;
  display: block;
}

li.bm_menuLI a.active,
li.bm_menuLI a:hover {
  color: #ff7f02;
}

li.bm_menuLI span {
  display: block;
  width: 30px;
  height: 30px;
  margin: auto;
  margin-bottom: 3px;
  background-image: url(https://cdn.ftd.travel/book/public/img/gs/serviceImg.svg);
  background-size: 265px;
  background-repeat: no-repeat;
  transition: all 0.6s ease 0s;
}

.bm_a_active7 span {
  background-size: 285px !important;
}

.bm_a_active1 span {
  background-position: 0px 2px;
}

.bm_a_active1.active span,
.bm_a_active1:hover span {
  background-position: -42px 2px;
}

.bm_a_active2 span {
  background-position: -90px 2px;
}

.bm_a_active2.active span,
.bm_a_active2:hover span {
  background-position: -135px 2px;
}

.bm_a_active3 span {
  background-position: -184px 0px;
}

.bm_a_active3.active span,
.bm_a_active3:hover span {
  background-position: -236px 0px;
}

.bm_a_active4 span {
  background-position: 0px -45px;
}

.bm_a_active4.active span,
.bm_a_active4:hover span {
  background-position: -45px -45px;
}

.bm_a_active5 span {
  background-position: -184px -45px;
}

.bm_a_active5.active span,
.bm_a_active5:hover span {
  background-position: -236px -45px;
}

.bm_a_active6 span {
  background-position: -89px -45px;
}

.bm_a_active6.active span,
.bm_a_active6:hover span {
  background-position: -134px -45px;
}

.bm_a_active7 span {
  background-position: 0px -96px;
}

.bm_a_active7.active span,
.bm_a_active7:hover span {
  background-position: -50px -96px;
}

.bm_a_active8 span {
  background-position: -90px -90px;
}

.bm_a_active8.active span,
.bm_a_active8:hover span {
  background-position: -136px -88px;
}

.bm_a_active9 span {
  background-position: -184px -89px;
}

.bm_a_active9.active span,
.bm_a_active9:hover span {
  background-position: -238px -89px;
}

.bm_a_active10 span {
  background-image: url(https://cdn.ftd.travel/book/public/img/gs/sim.png) !important;
  background-size: 63px !important;
  background-position: 0px 2px;
}

.bm_a_active10.active span,
.bm_a_active10:hover span {
  background-position: -34px 2px;
}

.bm_menuLI a::after {
  content: "";
  display: inline-block;
  height: 6px;
  width: 0%;
  position: absolute;
  bottom: -11px;
  left: 0;
  background-color: #ff7f02;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: all 0.6s ease 0s;
}

.bm_menuLI a.active::after,
.bm_menuLI a:hover::after {
  width: 100%;
}

.radioChips_div label {
  display: inline-block;
  min-width: 115px;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  background-color: rgb(255 255 255 / 15%);
  padding: 6px 20px;
  border-radius: 20px;
  backdrop-filter: blur(8px);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.4s ease 0s;
  -webkit-backdrop-filter: blur(8px);
}

.recentDiv .radioChips_div label {
  font-size: 12px;
}

.radioChips_div label:hover {
  background-color: #ffffff;
  color: #000000;
}

.radioChips_div input[type="radio"] {
  display: none;
}

.radioChips_div input[type="radio"]:checked~label {
  background-color: #ffffff;
  color: #000000;
}

.selection {
  margin-bottom: 1em;
}

.selection label {
  display: inline-block;
  width: 8em;
  background-color: #42b4d6;
  border-radius: 6px;
  color: #ffffff;
  padding: 0.5em;
  cursor: pointer;
}

.selection label:hover {
  background-color: #5fc0dc;
}

.selection input[type="radio"] {
  display: none;
}

.selection input[type="radio"]:checked~label {
  background-color: #f1592a;
}

.adb_tripradio {
  padding: 20px 0px 10px 0px;
  display: flex;
  align-items: baseline;
}

ul.tripRadio_ul {
  display: flex;
  flex: auto;
}

.tripRadio_ul li {
  margin-right: 10px;
  position: relative;
}

.adb_link {
  color: #ffffff;
  text-decoration: underline !important;
}

.adb_link:hover {
  color: var(--color-primary);
  text-decoration: underline !important;
}

.recLabel {
  color: #fff;
  font-weight: 300;
  font-size: 13px;
  margin-right: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
}

.recentDiv .adb_tripradio {
  padding: 13px 0px 5px 0px;
}

.tf_UL {
  display: flex;
  margin-bottom: 10px;
}

.tf_UL li {
  flex: auto;
  position: relative;
}

.tf_li1,
.tf_li2 {
  width: 25%;
}

.tf_li3,
.tf_li4 {
  width: 15%;
}

.tf_UL li div {
  position: relative;
}

select {
  background-color: #fff;
}

.tf_UL li div input,
.tf_UL li div select {
  border: 0;
  width: 100%;
  height: 100px;
  font-weight: 500;
  color: #000;
  font-size: 16px;
  padding: 0px 15px;
  appearance: none;
}

.tf_UL li div select {
  padding: 0px 15px 0px 15px;
  background-image: url(https://cdn.ftd.travel/book/public/img/gs/iconDrop.svg);
  background-position: 94% 46px;
  background-repeat: no-repeat;
}

.tf_UL li div input:focus,
.tf_UL li div select:focus {
  background-color: #fcf1de;
}

.tf_UL li div span {
  color: #4f4f4f;
  position: absolute;
  left: 15px;
  top: 15px;
}

.tf_li1 input {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.tf_li5 input {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.tf_li1,
.tf_li2,
.tf_li3,
.tf_li4 {
  border-right: 1px solid #e6e6e6 !important;
}

.cardDiv {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgb(131 127 120 / 20%) !important;
  min-height: 150px;
}

.supportSec {
  margin: 30px 0px 20px 0px;
}

.cardHead {
  display: block;
  font-size: 18px;
  font-weight: 600;
}

.cardDiv span {
  display: block;
  margin-bottom: 3px;
}

.cardDiv a {
  margin-right: 15px;
  color: var(--color-secondary);
  text-decoration: underline !important;
  margin-bottom: 5px;
  display: inline-block;
}

.downloadIcon {
  width: 15px;
  margin-left: 7px;
}

.cardDiv a:hover {
  color: var(--color-primary);
}

.cardDiv small {
  display: block;
  margin-top: 7px;
  font-size: 14px;
}

#chartdiv {
  width: 100%;
  height: 430px;
  background: #ecf4fa;
  border-radius: 0px 0px 10px 10px;
}

#chartdiv1 {
  width: 100%;
  height: 430px;
  background: #ecf4fa;
  border-radius: 0px 0px 10px 10px;
}

#chartdiv3 {
  width: 100%;
  height: 430px;
  background: #ecf4fa;
  border-radius: 0px 0px 10px 10px;
}

.chartUL {
  display: flex;
  padding: 15px;
  align-items: center;
  border-radius: 10px 10px 0px 0px;
  background: #ecf4fa;
  border-bottom: 1px solid #d2dde6;
}

.chartUL li {
  flex: auto;
}

.chartLI2 {
  text-align: right;
}

.chartLI2 select {
  padding: 8px;
  margin-left: 11px;
  border-radius: 5px;
  border: 0;
  border: 1px solid #dfe6ec;
  margin-right: 0;
  border-radius: 10px;
}

.chartDiv_outer {
  display: inline-block;
  width: 100%;
  background-color: #fff;
  padding: 20px;
  /*box-shadow: 0 4px 8px 0 rgb(131 127 120 / 20%) !important;*/
  border-radius: 10px;
  margin-top: 40px;
}

.chartSec {
  margin-bottom: 30px;
}

.chartSec_outer {
  margin-bottom: 20px;
}

.adImg img {
  width: 100%;
}

/*.adImg
{
    margin-bottom: 30px;
    margin-top: 50px;
}*/

.adImg {
  margin-bottom: 30px;
  margin-top: 50px;
  border: 1px dashed #bbbbbb;
  padding: 15px 15px 7px 15px;
  border-radius: 15px;
  background-color: #fff;
}

.adImg .cardHead {
  text-align: center;
  border: 1px dashed #bbbbbb;
  padding: 8px;
  border-radius: 8px;
  width: 210px;
  margin: auto;
  margin-top: -37px;
  margin-bottom: 20px;
  background-color: #fff;
}

.adOffer small {
  display: block;
  color: #a5a5a5;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.sliderController {
  display: flex;
  margin-bottom: 17px;
  margin-top: 15px;
}

.sliderController label {
  flex: auto;
}

.sliderControl {
  position: relative;
  width: 135px;
  margin-right: -8px;
}

.visaTourUl li div {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

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

.visaTourUl li div img {
  border-radius: 16px;
}

.visaTourUl span {
  background-image: linear-gradient(#10273708, #000000);
  width: 100%;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 40px 15px 10px 15px;
  border-radius: 15px;
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.swiper-button-next,
.swiper-button-prev {
  background-color: #ecf4fa;
  background-position: center;
  background-repeat: no-repeat;
  width: 55px;
  height: 40px;
  border-radius: 7px;
  background-size: 21px;
  border: 1px solid #d2dde6;
}

.swiper-button-next {
  background-image: url(https://cdn.ftd.travel/book/public/img/gs/arrow-right.svg);
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.swiper-button-prev {
  background-image: url(https://cdn.ftd.travel/book/public/img/gs/arrow-left.svg);
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: unset;
}

.visaSlider {
  margin-bottom: 30px;
}

.tableSec .cardHead {
  margin-bottom: 10px;
  margin-top: 30px;
}

.tableSec .table {
  background-color: #ecf4fa;
  border: 1px solid #cad5dd;
  margin-bottom: 8px;
}

.tableSec .table.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #ffffff;
}

.tableSec .table>thead>tr>th {
  padding: 14px 8px;
}

.tableSec .table>thead>tr>th {
  padding: 14px 8px;
  text-align: center;
  font-weight: 600;
}

.tableSec .table>tbody>tr>td {
  font-size: 13px;
  text-align: center;
}

.tableSec .table>tbody>tr>td:first-child {
  text-align: left;
}

.noteDiv p {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400 !important;
  margin-top: 3px;
  position: relative;
  text-align: justify;
}

.trvCharge .noteDiv p::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: var(--color-secondary);
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 4px;
}

.trvCharge .noteDiv p {
  margin-bottom: 5px;
  padding-left: 15px;
}

.seriesFare_div label {
  margin-bottom: 0px !important;
}

.seriesFare_div p {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400 !important;
  margin-top: 3px;
  position: relative;
}

.bookNow_div {
  margin-top: 30px;
  margin-bottom: 0px;
}

.bookNow_div .visaTourUl a img {
  width: 8px;
  display: inline-block;
  margin-left: 5px;
  margin-top: -2px;
}

.bookNow_div .visaTourUl a {
  display: block;
  color: #fff;
}

.tuteSlider {
  padding: 0px 20px;
  margin-top: -50px;
  margin-bottom: 45px;
}

.tuteUL div {
  background: #ecf4fa;
  border-radius: 15px;
  box-shadow: 0 4px 8px 0 rgb(131 127 120 / 20%) !important;
}

.tuteUL div a {
  color: var(--color-secondary);
}

.tuteUL div span {
  display: inline-block;
  margin: 10px 0px;
  width: 100%;
}

.tuteSlider .container {
  margin: unset !important;
  padding-left: 0px;
}

.tuteUL a:hover span {
  color: var(--color-primary);
}

.linkReverse {
  position: absolute;
  right: -20px;
  top: 30px;
  z-index: 1;
}

.linkReverse img {
  width: 40px;
}

.tf_li1 {
  position: relative;
}

.tf_li2 input {
  padding-left: 25px !important;
}

.tf_li2 span {
  padding-left: 10px !important;
}

.bookNow_div .visaTourUl a:hover {
  color: #fff;
}

.adOffer {
  font-size: 17px;
  font-weight: 500;
  margin-top: 7px;
  color: var(--color-primary);
  text-align: center;
  display: block;
}

.ftc_div_res {
  display: none;
}

.deskHidden {
  display: none;
}

.adOffer label b {
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 1px;
}

/*End Css for header agent dashboard flight*/

/*----------------End CSS for agent dashboard flight----------------*/

/*----------------Start CSS for agent profile----------------*/

.tabBG {
  background-color: #fff;
  padding: 15px 15px 15px 30px;
  border-radius: 15px;
  box-shadow: 0 4px 8px 0 rgb(131 127 120 / 20%) !important;
  margin-bottom: 30px;
}

.nav-tabs-blur {
  padding-left: 13px;
  border: 0;
  margin-bottom: 1px;
}

.nav>li>a:focus,
.nav>li>a:hover {
  text-decoration: none;
  background-color: #fff;
  color: #000000 !important;
}

.nav-tabs-blur>li>a {
  margin-right: 2px;
  border-radius: 15px 15px 0 0;
  background-color: rgb(255 255 255 / 23%);
  padding: 13px 16px;
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  color: #fff !important;
  font-weight: 500;
  letter-spacing: 0.5px;
  border: 0px !important;
  min-width: 135px;
  text-align: center;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  font-size: 16px;
}

.tabBG .col-xs-12,
.tabBG .col-md-3 {
  padding-left: 0px;
}

.tabBG .container {
  padding: 0px;
  width: 100%;
}

.tabOuter {
  position: relative;
  z-index: 1;
  margin-top: -160px;
}

.agencyLogo {
  margin-bottom: 35px;
  display: flex;
  align-items: center;
}

.agencyLogo img {
  width: 120px;
  border: 1px solid #e9e9e9;
  border-radius: 7px;
}

.agencyLogo a {
  text-decoration: underline !important;
  color: #ff7f02;
  display: block;
}

.btnForm_div {
  text-align: right;
  display: inline-block;
  width: 100%;
  padding-right: 15px;
}

.btnForm_div button {
  float: right;
  margin-bottom: 10px;
}

.nav-tabs>li.active>a {
  color: #000000 !important;
}

.agencyLogo span {
  margin: 0px 10px;
}

.fieldBtn {
  height: 68px;
  width: 100%;
}

.tabBG1 {
  padding-top: 25px;
  padding-bottom: 0px;
}

.tabBG1 .formHead {
  margin-bottom: 15px;
}

.travUl {
  display: flex;
  gap: 0px 15px;
}

.travUl li {
  flex: 1;
}

.travTable td:nth-of-type(1):before,
.travTable td:nth-of-type(2):before,
.travTable td:nth-of-type(3):before,
.travTable td:nth-of-type(4):before,
.travTable td:nth-of-type(5):before,
.travTable td:nth-of-type(6):before,
.travTable td:nth-of-type(7):before,
.travTable td:nth-of-type(8):before,
.travTable td:nth-of-type(9):before,
.travTable td:nth-of-type(10):before,
.travTable td:nth-of-type(11):before,
.travTable td:nth-of-type(12):before {
  display: none;
}

.travTable th:nth-of-type(3),
.travTable th:nth-of-type(4) {
  width: 15%;
}

.table>thead>tr>th {
  font-weight: 600;
  font-size: 14px;
}

.travTable td,
.travTable th {
  font-size: 13px !important;
}

.tableBtn:hover {
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgb(185 195 203) !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #ecf4fa;
}

.travTable>tbody>tr>td {
  padding: 14px 8px;
  vertical-align: middle !important;
}

.tableBtn {
  border: 1.5px solid var(--color-primary);
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background-color: #fff;
}

.checkboxDiv *,
.checkboxDiv *:after,
.checkboxDiv *:before {
  box-sizing: border-box;
}

.checkboxDiv>input {
  position: absolute;
  opacity: 0;
}

.checkboxDiv>input:checked+label svg path {
  stroke-dashoffset: 0;
}

.checkboxDiv>input:focus+label {
  transform: scale(1.03);
}

.checkboxDiv>input+label {
  display: block;
  border: 2px solid #e6e6e6;
  width: var(--size);
  height: var(--size);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin: 0;
  background-color: #fff;
}

.checkboxDiv>input:checked+label {
  border: 2px solid #ff7f02;
  background-color: #ff7f02;
}

.checkboxDiv>input+label:active {
  transform: scale(1.05);
  border-radius: 12px;
}

.checkboxDiv>input+label svg {
  pointer-events: none;
  padding: 5px;
}

.checkboxDiv>input+label svg path {
  fill: none;
  stroke: #ffffff;
  stroke-width: 7px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 101;
  transition: all 250ms cubic-bezier(1, 0, 0.37, 0.91);
  width: 5px;
  height: 5px;
}

.allAction_div {
  border-bottom: 1px solid #ddd;
  display: flex;
  padding-bottom: 7px;
  margin-bottom: 10px;
  margin-top: -35px;
  flex-wrap: wrap;
}

.allAction_div .checkboxDiv {
  display: flex;
  align-items: center;
  flex: auto;
  position: relative;
  top: 53px;
  left: 8px;
}

.allAction_div .checkboxDiv span {
  margin-top: -5px;
  margin-left: 8px;
  font-weight: 600;
  font-size: 13px;
}

.allAction_div button {
  border: 1px solid #c7d0d7;
  width: 35px;
  height: 35px;
  background-size: 74px;
  background-color: #fff;
  border-radius: 8px;
  margin-top: -3px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  position: relative;
  margin-top: -11px;
}

.allAction_div button.active {
  border: 1px solid #d02727;
  background-position: -41px 0px;
}

.allAction_div button.active:hover {
  box-shadow: 0 4px 8px 0 rgb(185 195 203) !important;
}

.travTable th:first-child {
  min-width: 58px;
}

.travTable>thead>tr>th {
  padding-bottom: 17px;
}

.forgotPassword_div h2 {
  color: #fff;
  margin-bottom: 15px;
}

.forgotPassword_div .btnForm_div {
  padding-bottom: 15px;
}

.forgotPassword_div {
  margin-top: -150px;
  margin-bottom: -245px;
  position: relative;
  top: 129px;
}

.downloadCertificate {
  color: #fff;
  text-decoration: underline !important;
  float: right;
  margin-top: 13px;
}

.downloadCertificate:hover {
  color: var(--color-primary);
}

.downloadCertificate img {
  margin-left: 7px;
}

/*----------------End CSS for agent profile----------------*/

/*----------------Start CSS for visa profile----------------*/

.visaBG_div .TripForm {
  margin-top: 25px;
}

.noteVisa {
  color: #fff;
}

.noteVisa span {
  font-weight: 300;
}

.visaBG_div .tf_li2 input {
  padding-left: 15px !important;
  border-radius: 0;
}

.visaBG_div .tf_li3 input {
  border-radius: 0;
}

.visaBG_div .tf_li2 span {
  padding-left: 0px !important;
}

.visaBG_div .tf_li2 {
  width: unset;
}

.visaBG_div .tf_li1 {
  width: 30%;
}

.visaBG_div .tf_li2,
.visaBG_div .tf_li3 {
  width: 15%;
}

.tf_li4,
.tf_li5 {
  width: 20%;
}

.visatable_Sec {
  margin-top: 30px;
}

.visaTable_div {
  margin-bottom: 30px;
}

.visaTable_div table {
  width: 100%;
}

.visaFlag_head {
  font-weight: 700 !important;
  padding-bottom: 15px;
  margin-top: 7px;
}

.visaFlag_head img {
  width: 40px;
  vertical-align: -6px;
  margin-right: 13px;
  border-radius: 6px;
}

.visaTable_div table thead tr th:first-child,
.visaTable_div table tbody tr td:first-child {
  width: 250px;
  background-color: var(--color-secondary);
  padding: 15px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  border-bottom: 1px solid rgb(255 255 255 / 14%);
}

.visaTable_div table thead tr th:first-child {
  border-top-left-radius: 15px;
}

.visaTable_div table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 15px;
}

.visaTable_div table tbody tr td:nth-child(2) div {
  flex: 1;
}

.visaTable_div table>thead>tr>th,
.visaTable_div table>tbody>tr>td {
  padding: 14px 15px;
  border-bottom: 1px solid #dfdfdf;
  vertical-align: middle;
  min-height: 79px;
}

.visaTable_div table tbody tr td:nth-child(2) {
  flex-wrap: nowrap;
  border-bottom: 1px solid #dfdfdf;
}

.visaTable_div table tbody tr td {
  border-right: 1px solid #dfdfdf;
}

.visaTable_div table tbody tr:last-child td:l {
  border-bottom: 0px !important;
}

.visaTable_div table tr:last-child td,
.visaTable_div table tr:last-child td:nth-child(2) {
  border-bottom: 0px;
}

.visaTable_div th {
  font-size: 16px;
  vertical-align: middle;
}

.visaTable_div td {
  vertical-align: text-bottom;
}

.visaInfo_div {
  vertical-align: middle;
}

.visaInfo_div span {
  color: #4f4f4f;
  white-space: nowrap;
  font-size: 12px;
}

.visaInfo_div label {
  color: #000;
  font-weight: 500;
  font-size: 15px;
}

.visaProcess_time span {
  font-size: 15px;
  color: #000;
  font-weight: 500;
}

.visaProcess_time label {
  font-weight: 400;
  color: #4f4f4f;
}

.visaPrice span {
  font-size: 19px;
  color: #000;
  font-weight: 500;
  flex: auto;
}

.visaPrice span img {
  vertical-align: 0px;
  margin-right: 2px;
  width: 9px;
}

.visaPrice button,
.visaPrice .visaSelect {
  font-size: 15px;
  padding: 3px 12px;
  border-radius: 8px;
  color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  background-color: #fff;
  font-weight: 500;
  text-decoration: none !important;
}

.visaPrice button:hover,
.visaPrice .visaSelect:hover {
  color: #fff;
}

.visaPrice button:before,
.visaPrice .visaSelect:before {
  border-radius: 5px;
}

.visaPrice {
  display: flex;
}

.visaTable_div .table-responsive {
  border-radius: 4px;
}

.visaTable_div table tr td:last-child {
  border-right: 0px !important;
}

.visaInfo_div a {
  margin: 0;
}

.resHead_visa {
  display: none;
}

.visaDropdown {
  position: relative;
}

.visaDropdown ul {
  top: 22px;
  padding: 15px;
  border-radius: 13px;
  background-color: #ecf4fa;
  border: 1px solid #d9e2e9;
  left: -3px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.11);
  min-width: 250px;
}

.visaDropdown li label {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.visaDropdown li span {
  position: relative;
  font-size: 14px;
  padding-left: 14px;
  margin-bottom: 6px;
}

.visaDropdown span:before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5.5px;
  background-color: #999;
  border-radius: 15px;
  background-color: var(--color-secondary);
}

.visaDropdown li a {
  float: right;
  font-weight: 500;
}

.visaDropdown .dropdown-backdrop {
  display: none;
}

.visaTable_div .table-responsive {
  overflow-x: unset;
}

table.dataTable.no-footer {
  border: 1px solid #ddd;
  border-radius: 15px;
}

/*----------------End CSS for visa profile----------------*/

/*----------------Start CSS for visa Model ----------------*/

.visamodelBody_div {
  margin-bottom: 16px;
}

.visamodelBody_div p {
  font-size: 14px;
  line-height: 23px;
}

.visamodelBody_div>label {
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
  width: 100%;
}

.visaModel_ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 0px;
}

.visaModel_ul li {
  min-width: 33.33%;
}

.visaModel_ul li span {
  display: block;
  color: #4f4f4f;
}

.visaModel_ul li label {
  font-weight: 500;
  color: #000;
  font-size: 15px;
}

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

p.vm_doc_p {
  margin-right: 26px;
  position: relative;
  padding-left: 15px;
  font-size: 14px;
}

p.vm_doc_p::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--color-secondary);
  border-radius: 5px;
  position: absolute;
  left: 0px;
  top: 8px;
}

.visamodelBody_div textarea {
  width: 100%;
  height: 100px;
  border: 0;
  border: 1px solid #eaeaea;
  border-radius: 15px;
  resize: none;
  background-color: #f9f9f9;
  padding: 15px;
}

.visamodelBody_div textarea:focus {
  border: 1px solid #d1d1d1;
  background-color: #f7f7f7;
}

.vm_terms_ul li p {
  position: relative;
  padding-left: 19px;
  text-align: justify;
  line-height: 22px;
  margin-bottom: 7px;
}

.vm_terms_ul li p a {
  text-decoration: underline !important;
  color: var(--color-secondary);
  font-weight: 500;
}

.vm_terms_ul li p em {
  position: absolute;
  left: 0px;
  top: 0;
  font-weight: 600;
  color: var(--color-secondary);
  font-style: normal;
}

.modal-footer button.btnPrimary {
  display: unset !important;
  font-family: inherit;
}

.vd_popup .visaFlag_head {
  font-weight: 500 !important;
  padding-bottom: 0px;
  margin-top: 10px;
}

.vd_popup .modal-header .close {
  margin-top: 12px;
  opacity: 0.6;
  background-color: unset;
}

.vd_popup .modal-dialog {
  width: 850px;
  margin: 100px auto;
}

.visaBG_div .tf_li1 select {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.visaBG_div .btnForm {
  margin-bottom: -54px;
  margin-top: 25px;
}

.vm_applicat_ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 15px;
}

.vm_applicat_ul li {
  flex: 1;
}

.vm_applicat_ul li .fieldDiv {
  margin-bottom: 0px;
}

/*----------------End CSS for visa Model ----------------*/

/*----------------Start CSS for visa Success ----------------*/

.successSec {
  margin-top: 150px;
  padding: 0px 15px;
}

.successDiv {
  max-width: 740px;
  background-color: #fff;
  margin: auto;
  padding: 55px;
  text-align: center;
  margin-bottom: 50px !important;
}

.successImg {
  width: 200px;
  margin-bottom: 25px;
}

.successLabel {
  width: 100%;
  font-size: 28px;
  font-weight: 500;
  color: #000;
}

.successLabel em {
  color: var(--color-primary);
  font-style: normal;
}

.successLabel span {
  font-size: 28px;
  font-weight: 500;
  color: #000;
  display: inline-block;
}

.successPara {
  margin: 10px 0px;
}

.successQr {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.qrImg {
  width: 170px;
  background-color: #fff;
  padding: 5px;
  box-shadow: 0 4px 8px 0 rgb(91 87 80 / 30%) !important;
  margin: 10px 0px;
  border-radius: 11px;
  border: 1px solid #ddd;
}

.successDoc {
  padding: 15px;
  background-color: #fffbf4;
  border-radius: 10px;
  border: 2px dashed #e5dccd;
  margin: 11px 0px 0px 0px;
  display: block !important;
  font-size: 14px;
  color: #000;
}

.successDoc a {
  color: var(--color-primary);
  margin: 0;
}

.requiredDoc_div label {
  margin-top: 17px;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 2px;
  display: block;
}

.requiredDoc_div p {
  display: inline-block;
}

.panaltyDiv {
  background-color: #fffbf4;
  border: 1px solid #e5dccd;
  padding: 15px;
  border-radius: 15px;
}

/*----------------End CSS for visa Success ----------------*/

/*----------------Stat CSS for Admin My Booking ----------------*/

.bannerHead {
  font-weight: 500 !important;
  color: #fff;
  margin-top: -30px;
  margin-bottom: 30px;
}

.myBookingTab .tabBG {
  padding-top: 30px;
}

.mb_dataFilter {
  display: flex;
  padding: 0px 0px 20px 0px;
}

.mb_dataFilter li {
  flex: 1;
  display: flex;
}

.mb_searchDiv {
  display: inline-block;
  position: relative;
}

.mb_searchDiv img {
  width: 23px;
  position: absolute;
  left: 11px;
  top: 13px;
}

.mb_searchDiv input {
  background-color: #fff;
  border: 0px;
  border: 1px solid #e6e6e6;
  padding: 5px 15px 5px 44px;
  height: 45px;
  border-radius: 10px;
  width: 319px;
  font-size: 15px;
  font-weight: 500;
}

.mb_searchDiv input:focus {
  border: 1px solid #eaeaea;
  background-color: #f7f7f7;
}

.mb_drop {
  background-image: url(https://cdn.ftd.travel/book/public/img/gs/iconDrop.svg);
  background-position: 39px 19px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 15px;
  color: #000;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 0px 15px;
  appearance: none;
  font-weight: 400;
  background-color: #f8f8f8;
  height: 45px;
  width: 65px;
  margin-right: 15px;
}

.mb_Btn {
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 0px 15px;
  appearance: none;
  font-weight: 400;
  background-color: #f8f8f8;
  height: 45px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 20px;
}

.mb_Btn:hover {
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary);
}

.mb_Btn span {
  white-space: nowrap;
  margin: 0;
  font-weight: 500;
  font-size: 15px;
}

.mb_Btn img {
  display: none;
}

.mb_li2 {
  flex-direction: row-reverse;
}

.tripDiv {
  margin-bottom: -6px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0px 8px;
}

.tripDiv label {
  font-size: 14px;
  margin-bottom: 2px;
  font-weight: 500;
}

.tripDiv img {
  width: 21px;
  margin: 0px 6px;
}

.mb_thtime {
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.5px;
  margin-top: 8px;
  opacity: 0.6;
}

.mbTicket_btn {
  background-color: rgb(255 255 255 / 11%);
  display: flex;
  align-items: center;
  padding: 2px 7px;
  margin-top: 10px;
  border-radius: 7px;
  border: 1px solid rgb(255 255 255 / 55%);
  font-size: 12px;
}

.mbTicket_btn a {
  display: block;
  color: #fff !important;
  text-decoration: unset !important;
  padding: 0px !important;
  margin: 0;
}

.mbTicket_btn:hover {
  border: 1px solid #fff0;
}

.mbTicket_btn img {
  margin-right: 5px;
  width: 14px;
}

.mb_drop:focus {
  border: 1px solid #cacaca;
  background-color: #f7f7f7;
}

.btlBtn_comman {
  margin: auto;
  background-color: rgb(255 255 255 / 11%);
  display: flex;
  align-items: center;
  padding: 3px 8px;
  margin-bottom: 10px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 500;
}

.btlBtn_comman a {
  margin: 0;
  text-decoration: unset !important;
  font-size: 12px !important;
}

.statusChip {
  background-color: rgb(255 255 255);
  border-radius: 7px;
  text-align: center;
  width: 90px;
  font-size: 12px !important;
  padding: 5px 8px 6px 8px;
  margin-bottom: 10px !important;
  display: inline-block !important;
}

.btlBtn_comman img {
  margin-right: 5px;
  width: 9px;
}

.scSuccess {
  background-color: #d7f2df;
  color: #26c554 !important;
}

.scRejected {
  background-color: #ffe5e5;
  color: #de2626 !important;
}

.sccancelled {
  background-color: #e9e9e9;
  color: #717171 !important;
}

.scPending {
  background-color: #fff5e5;
  color: #ef8633 !important;
}

.btlBtn_invoice {
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary);
  float: left;
}

.btlBtn_invoice:hover {
  border: 1px solid rgb(46 143 226 / 15%);
}

.btlBtn_cancel {
  border: 1px solid #de2626;
  color: #de2626;
}

.btlBtn_cancel a {
  color: #de2626;
  margin: 0;
  text-decoration: unset !important;
}

.btlBtn_cancel:hover {
  border: 1px solid rgb(222 38 38 / 15%);
}

.btlBtn_reissue {
  border: 1px solid #2e8fe2;
  color: #2e8fe2;
}

.btlBtn_reissue a {
  color: #2e8fe2;
  margin: 0;
  text-decoration: unset !important;
}

.btlBtn_reissue b {
  color: #2e8fe2;
  font-weight: 500;
  color: #2e8fe2 !important;
}

.btlBtn_reissue:hover {
  border: 1px solid rgb(46 143 226 / 15%);
}

.ticketInfo_outer {
  display: flex;
}

.ticketInfo_outer .visaInfo_div {
  flex: auto;
}

.myBookingTab .visaTable_div table tbody tr td {
  border-right: 0px;
}

.myBookingTab .visaTable_div table tbody tr td:nth-child(3) {
  border-left: 1px solid #dfdfdf !important;
}

.ticketInfo_outer label small {
  display: block;
  white-space: nowrap;
  font-weight: 500;
  color: var(--color-secondary);
  margin-top: 0px;
  font-size: 13px;
  margin-top: -2px;
}

.myBookingTab .visaInfo_div label {
  font-size: 13px;
  margin-bottom: 0;
  line-height: 17px;
}

.myBookingTab .visaTable_div table>thead>tr>th,
.myBookingTab .visaTable_div table>tbody>tr>td {
  vertical-align: top;
}

.myBookingTab .visaTable_div table>thead>tr>th {
  max-width: 174px;
}

.tinfo_Amt {
  display: flex;
  gap: 0px 8px;
}

.tinfo_Amt .visaInfo_div label {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  display: flex;
}

.tinfo_Amt .visaInfo_div label img {
  width: 6.5px;
  margin-right: 2px;
  vertical-align: 0px;
  opacity: 0.7;
}

.myBookingTab .visaTable_div table>tbody>tr>td:nth-child(4) {
  padding: 11px 0px;
}

.ticketInfo_outer .ticketInfo_pnr {
  padding: 0px 10px;
}

.myBookingTab .visaTable_div table>tbody>tr>td:nth-child(5) {
  padding-right: 10px;
  padding-left: 10px;
}

.myBookingTab .visaTable_div table>tbody>tr>td:nth-child(3) {
  padding-right: 10px;
  padding-left: 10px;
}

.ticketInfo_name label {
  margin-bottom: 0px !important;
  display: block;
}

.visaTable_div table>thead>tr>th,
.myBookingTab .visaTable_div table>tbody>tr>td {
  min-height: 93px;
  padding: 10px !important;
  vertical-align: middle;
}

.bustrav_date small {
  color: #000 !important;
}

.busInfo_outer .airline_lbl {
  white-space: unset !important;
  min-width: 118px;
}

.myBookingTab table tbody tr td:nth-child(2) div.ticketInfo_name {
  flex: unset;
  min-width: 34%;
}

.myBookingTab .visaTable_div table>tbody>tr>td:first-child {
  padding: 8px 15px;
}

.myBookingTab .visaTable_div table>tbody>tr>td {
  padding: 10px 15px;
}

.bookingID {
  visibility: hidden;
  height: 0;
}

.myBookingTab .visaTable_div th {
  font-size: 15px;
  vertical-align: middle !important;
}

/*----------------End CSS for Admin My Booking ----------------*/

/*----------------Start CSS for Admin Statment ----------------*/

.astate_ul {
  display: flex;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
}

.astate_ul li {
  display: flex;
  flex: auto;
  gap: 0px 15px;
}

.astate_li2 {
  justify-content: end;
}

.astate_li1 div.fieldDiv {
  width: 210px;
  margin-bottom: 15px;
}

.astate_li2 button {
  width: 130px;
  height: 65px;
}

.agState_table td {
  font-weight: 500;
  font-size: 12px;
  padding: 11px 7px;
  /*white-space: nowrap;*/
}

.agState_table td img {
  width: 6.2px;
  vertical-align: 0px;
  margin-right: 2px;
  opacity: 0.8;
}

.agState_table table {
  width: 100%;
}

.agState_table th {
  font-size: 13px;
  padding: 16px 10px;
}

.agState_table td:before {
  display: none;
}

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

.paggingDiv p {
  font-weight: 500 !important;
  color: #000;
  font-size: 13px;
  flex: auto;
}

.pagination {
  margin-right: -11px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #ff7f02;
  border-color: #ff7f02;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  z-index: 2;
  color: #ffffff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 7px 8px 6px 8px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #000000;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 500;
  min-width: 33px;
  text-align: center;
  margin-right: 10px;
}

.as_datafilter {
  padding: 0px 0px 15px 0px;
  border-bottom: 1px solid #e6e6e6;
}

.agState_table table thead tr {
  border-bottom: 2px solid #e6e6e6;
}

.agState_table td {
  border-bottom: 1px solid #e6e6e6;
}

/*----------------End CSS for Admin Admin Statment ----------------*/

/*----------------Start CSS for Admin Markup Summary ----------------*/

.fancyRadio {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500;
  margin: 0;
}

/* Hide the browser's default radio button */
.fancyRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #eee;
  border-radius: 6px;
}

/* On mouse-over, add a grey background color */
.fancyRadio:hover input~.checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.fancyRadio input:checked~.checkmark {
  background-color: #ffffff;
  border: 2px solid var(--color-primary);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.fancyRadio input:checked~.checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.fancyRadio .checkmark:after {
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--color-primary);
}

ul.ms_ul {
  display: flex;
  align-items: center;
}

.ms_li1 {
  display: flex;
  gap: 0px 19px;
  flex: auto;
}

.markTab {
  padding: 30px;
}

.ms_li2 button {
  width: 110px;
}

.markupDiv {
  border: 1px solid #e6e6e6;
  margin-top: 20px;
  border-radius: 20px;
  padding: 20px 15px;
}

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

.markupUL li {
  display: flex;
  flex: 1;
  gap: 0px 15px;
  align-items: center;
  padding-bottom: 15px;
  border-radius: 15px;
  margin-right: 3px;
  margin-bottom: 3px;
}

.markupUL li div {
  flex: 1;
}

.markupUL li:nth-child(odd) {
  padding-right: 15px;
  padding: 15px !important;
  background-color: #eff8ff;
}

.markupUL li:nth-child(even) {
  padding-left: 15px;
  padding: 15px !important;
  background-color: #e3f3ff;
}

.smallSpan {
  display: block;
  font-size: 13px;
  color: #4f4f4f;
  font-weight: 500;
}

.smallLabel {
  display: block;
  font-weight: 500;
  color: #000;
  font-size: 14px;
}

.markupUL li .fieldDiv {
  margin: 0;
}

.md_advSetting {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.md_advSetting p {
  font-size: 13px;
  flex: 1;
  line-height: 17px;
}

.md_advSetting p b {
  color: var(--color-secondary);
}

.md_advSetting a,
#hideSpecific {
  color: var(--color-primary);
  text-decoration: underline !important;
  font-weight: 400 !important;
}

.specificUL {
  flex-wrap: wrap;
}

.specificUL li {
  flex-wrap: wrap;
  min-width: 45%;
  padding: 15px 0px;
}

/*----------------End CSS for Admin Markup Summary ----------------*/

/*----------------Start CSS for Admin Deposit Management ----------------*/

.dm_div {
  display: flex;
  align-items: flex-end;
}

.dm_div h2 {
  flex: auto;
}

.dm_ul {
  display: flex;
  align-items: center;
  gap: 0px 15px;
  padding: 13px 15px 8px 15px;
  background-color: rgb(255 255 255 / 20%);
  border-radius: 15px;
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  position: relative;
  top: -15px;
  transition: all 0.2s ease 0s;
}

.dm_ul li {
  color: #fff;
}

.dm_ul li span {
  display: block;
  font-weight: 300;
  font-size: 13px;
}

.dm_ul li label {
  font-size: 16px;
}

.dm_ul li label img {
  width: 8px;
  margin-right: 3px;
  vertical-align: 0px;
}

.topRad_div {
  padding: 17px 15px 15px 15px;
  background-color: #999;
  display: flex;
  display: inline-flex;
  border-radius: 15px;
  gap: 0px 15px;
  background-color: #ecf4fa;
  margin-top: 10px;
}

.dmanag_div {
  padding: 20px 30px;
  display: inline-block;
  width: 100%;
}

.requestType_UL li .fancyRadio {
  font-size: 14px;
  font-weight: 500;
}

.requestType_UL .checkmark {
  top: 5px;
}

.chargesSpan {
  display: block;
  font-size: 12px;
  margin-top: -3px;
  font-weight: 400;
  color: #4f4f4f;
}

.requestType_UL {
  display: flex;
  align-items: center;
  gap: 0px 15px;
  margin: 20px 0px 15px 0px;
  flex-wrap: wrap;
}

.paymentForm .fieldDiv {
  display: inline-flex;
  width: 350px;
  margin-bottom: 0px;
}

.paymentForm button {
  float: right;
}

.ydi_div {
  margin-top: 30px;
}

.ydi_div .cardHead,
.pastpaymentDiv .cardHead {
  padding: 0px 0px 15px 0px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 15px;
}

.ydi_span {
  display: block;
  width: 170px;
  white-space: break-spaces;
  line-height: 14px;
  font-size: 12px;
  color: #4f4f4f;
}

.greenColor {
  color: #23c989 !important;
}

.redColor {
  color: #ea4343 !important;
}

.ydi_div .agState_table td {
  padding: 15px 10px;
}

.ydi_span {
  margin-right: -20px;
}

.bnkOuter_div .cardHead {
  margin-top: 20px;
}

.bnkTab_ul {
  border-bottom: 1px solid #eaeaea;
  margin-top: 5px;
}

.bnkTab_ul>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #adb9c4;
  font-weight: 500;
  font-size: 15px;
  box-shadow: unset !important;
  border: unset !important;
}

.bnkTab_ul>li.active>a::after {
  background-color: #fff;
  border: 0 !important;
  border-bottom: 3px solid var(--color-primary) !important;
  box-shadow: unset !important;
  content: "";
  width: 100%;
  height: 13px;
  display: inline-block;
  position: absolute;
  bottom: -1px;
  left: 0;
  transition: all 0.4s ease 0s;
}

.bnkTab_ul>li>a {
  padding: 10px 32px;
}

.bnkTab_ul>li>a:hover {
  border-color: transparent;
}

.bankUL_inner {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}

.bankUL_inner li {
  flex: 1;
  min-width: 47%;
}

.bankUL_outer>li {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 15px;
  flex: 1;
}

.bankUL_outer>li .fancyRadio {
  font-weight: 600;
  color: var(--color-secondary);
}

.bankUL_outer {
  display: flex;
  gap: 0px 15px;
  margin-top: 15px;
}

.hidden {
  display: none;
}

.bankForm {
  margin-top: 20px;
}

.bankForm>div {
  padding: 0px 8px !important;
}

.bankForm>div {
  padding: 0px 15px !important;
}

div.bnDiv1 {
  padding-left: 0px !important;
}

div.bnDiv3 {
  padding-right: 0px !important;
}

div.bnDiv4 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.textPrice,
.limitPrice {
  position: absolute;
  left: 0px;
  bottom: -17px;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  color: #434343;
}

.limitPrice {
  left: unset;
  right: 0;
}

.bankForm button {
  float: right;
}

.uid_ul {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 15px;
  display: inline-flex;
  gap: 0px 40px;
  margin-top: 15px;
  padding: 20px 62px;
}

.uid_ul li span {
  display: block;
  color: var(--color-secondary);
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 7px;
}

.uid_ul li label {
  font-size: 21px;
  font-weight: 500;
}

.uid_ul img {
  width: 120px;
  border-radius: 7px;
  border: 1px solid #e3e3e3;
}

.timingPara {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
  margin-top: 6px;
}

.timingPara b {
  font-weight: 600;
  color: #15587d;
  margin-right: 5px;
}

.depositPara {
  margin-top: 0px;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px;
}

.depositPara a {
  color: #15587d;
  font-size: 12px;
  text-decoration: underline !important;
  font-weight: 500;
}

.hrcls {
  margin-bottom: 0px;
}

.pastpaymentDiv {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}

.headbg1 {
  background-color: #dcf0ff;
}

.headbg2 {
  background-color: #cbe9ff;
}

.headbg3 {
  background-color: #b1deff;
}

#myBusBooking .markTab {
  padding: 1px 15px 20px 15px !important;
}

.textCenter {
  text-align: center;
}

.textRight {
  text-align: right;
}

#div2 .fieldDiv {
  margin-bottom: 15px;
}

.pastDiv2 .cardHead,
.pastDiv1 .cardHead {
  margin: 0px;
  border: 0px;
  padding: 0px 0px 10px 0px;
}

.pastpaymentDiv #chartdiv,
.pastpaymentDiv #chartdiv1 {
  border-radius: 15px;
}

.busMarkupDiv {
  margin-top: 34px;
}

.busMarkupDiv .bmDiv {
  background-color: #eff8ff;
  padding: 15px;
  border-radius: 20px;
}

.busMarkupDiv .fieldDiv {
  margin: 0 !important;
}

a#hideSpecific {
  float: right;
  margin-top: 2px;
  color: #666;
}

/*----------------End CSS for Admin Deposit Management ----------------*/

/*----------------Start CSS for Insurance ----------------*/

.insuranceForm .if_li1 select {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.benifitDiv {
  display: flex;
  align-items: center;
  gap: 0px 15px;
  justify-content: flex-end;
}

.benUl {
  display: flex;
  flex: auto;
}

.benUl li {
  position: relative;
  padding-left: 45px;
  margin-right: 15px;
}

.benImg {
  background-color: #ecf4fa;
  height: 37px;
  padding: 5px;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 1px;
}

.benLabel {
  font-weight: 500;
  color: #000;
  font-size: 13px;
  margin: 0;
}

.benSpan {
  font-weight: 500;
  color: #4f4f4f;
  font-size: 12px;
  margin-top: -3px;
}

.benSpan img {
  width: 12.8px !important;
  vertical-align: -2px;
  margin-right: -1px;
  opacity: 0.6;
}

.benKnowmore {
  font-weight: 500;
  font-size: 13px;
  margin: 0px !important;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}

.insTable_div table tbody tr td:first-child {
  font-size: 14px;
}

.insTable_div table thead tr th:first-child,
.insTable_div table tbody tr td:first-child {
  width: 150px;
  font-size: 14px;
}

.insPriceUL {
  display: flex;
  gap: 0px 10px;
  align-items: center;
  justify-content: flex-start;
}

.insPriceUL li {
  display: flex;
  gap: 0px 16px;
  justify-content: flex-end;
}

.insPriceUL .insLbl {
  font-weight: 500;
  color: #000;
  font-size: 15px;
  margin: 0;
  white-space: nowrap;
}

.insPriceUL .insLbl img {
  width: 7px;
  vertical-align: 0px;
  margin-right: 2px;
}

.insPriceUL .visaPrice {
  gap: 0px 10px;
  margin-left: 26px;
}

.eyecls {
  border: 1px solid var(--color-secondary);
  width: 31.41px;
  height: 29.41px;
  border-radius: 9px;
  text-align: center;
  line-height: 26.8px;
  margin: 0 !important;
  background-color: #fff;
  float: right;
  position: relative;
}

.eyecls:hover {
  box-shadow: 2px 10px 20px rgb(20 146 243 / 50%);
}

.eyecls img {
  width: 21px !important;
  margin: 0;
  left: 5px !important;
  top: 4px !important;
}

.insTable_div {
  border-radius: 20px;
}

.benRes {
  display: none;
}

.insurBG_div .tf_li1 {
  width: 20%;
}

.instblPara {
  font-size: 13px;
  color: #000;
  margin-top: 6px;
  margin-bottom: -12px;
  line-height: 18px;
}

.ins_popup .visaFlag_head span {
  display: block;
  margin-left: 64px;
  margin-top: -16px;
  font-size: 16px;
  color: var(--color-secondary);
  font-weight: 500;
}

.ins_popup .visaFlag_head img {
  width: 50px;
  vertical-align: -21px;
  margin-right: 13px;
  border-radius: 6px;
}

.ins_popup .visaFlag_head {
  font-size: 21px;
}

.ins_travLI label span {
  display: inline-block;
  margin-left: 3px;
  font-size: 12px;
  color: #2d2d2d;
}

.ins_travLI label {
  margin-right: 11px;
}

.insmodbdy_div .vm_doc_div p {
  flex: auto;
  width: 33%;
  margin: 0;
}

.successQr span {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-primary);
}

.successQr span img {
  width: 8px;
  vertical-align: 0px;
  margin-right: 2px;
}

.ty_span {
  display: block !important;
}

#netAmount {
  display: none;
}

.insPriceUL li:first-child {
  flex: auto;
  justify-content: flex-start;
}

.specialoff_div {
  display: flex;
}

.specialoff_div .insLbl {
  margin-right: 10px;
}

.strikecls {
  opacity: 0.7;
}

.strikecls em {
  text-decoration: line-through !important;
}

.pd_inr {
  width: 6.8px;
  vertical-align: 0px;
  margin-right: 2px;
  opacity: 0.8;
}

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

.accH_li1 {
  flex: auto;
}

.accH_li1 a {
  color: #2c2c2c;
  font-weight: 500;
}

.accH_li1 a img {
  width: 25px;
  margin-right: 7px;
}

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

.accH_li2 label {
  font-size: 16px;
  margin: 0px;
  margin-right: 12px;
  font-weight: 500;
  color: #13cd69;
}

.accH_li2 label img {
  width: 16px;
  vertical-align: -2px;
  margin-right: -1px;
}

.accH_li2 span {
  display: inline-block;
  padding: 3px;
  background-color: #ecf4fa;
  border-radius: 9px;
}

.accH_li2 span img {
  transition: all 0.2s ease 0s;
}

.panel-default>.panel-heading {
  background-color: #ffffff;
  border-color: #e4e9ed;
}

.panel {
  border-color: #e4e9ed;
}

.panel [aria-expanded="true"] .accH_li2 span img {
  transform: rotate(45deg);
}

.panel [aria-expanded="false"] .accH_li2 span img {
  transform: rotate(0deg) !important;
}

.panel .vm_doc_p {
  line-height: 20px;
  margin-bottom: 8px;
}

.panel p.vm_doc_p::before {
  top: 5px;
}

.tf_UL li div input:disabled {
  background-color: #eaeaea;
}

.number {
  display: flex;
  width: 87px;
  position: relative;
  border: 1px solid #ecf4fa;
}

.tsUL li .minus,
.tsUL li .plus {
  width: 25px;
  height: 25px;
  background: #ecf4fa;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 20px !important;
  line-height: 24px;
  color: var(--color-secondary) !important;
  cursor: pointer;
}

.numberInput {
  height: 34px;
  width: 100px;
  text-align: center;
  font-size: 26px;
  border: 1px solid #ddd;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
}

.travellerselect {
  display: inline-block;
  background-color: #fff;
  width: 230px;
  padding: 15px 15px 4px 15px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 15px;
  position: absolute !important;
  right: 13px;
  top: 100px;
  box-shadow: 0px 20px 17px rgb(0 0 0 / 16%);
  z-index: 1;
  border-top: 1px solid #e6e6e6;
}

.travellerselect label {
  display: inline-block;
  color: #000;
  font-weight: 500;
  font-size: 16px;
}

.number input {
  height: auto !important;
  background-color: #999;
  border-radius: 0;
  text-align: center;
  width: 30px !important;
  padding: 0px !important;
  background-color: #fff;
  line-height: 3px;
  font-weight: 400 !important;
}

.tsUL li {
  display: flex;
  align-items: center;
  margin: 0px 0px 13px 0px;
}

.tsUL li span {
  position: relative !important;
  top: 0 !important;
  left: 0px !important;
  font-size: 12px !important;
  flex: auto;
  font-weight: 300;
  color: #2c2c2c !important;
}

/*----------------End CSS for Insurance ----------------*/

.ftd-margin-bottom-5 {
  margin-bottom: 0px;
}

.visaTable_div table thead tr th:nth-child(2) {
  width: 43% !important;
}

.insTable_div table thead tr th:nth-child(2) {
  width: unset;
}

.forgotPassword_Header {
  margin-bottom: 175px;
}

/*----------------Start CSS for Package Slider ----------------*/

.packagesli1 {
  padding: 0px 15px;
  margin-bottom: -20px;
}

.packagesli2 {
  border: 1px solid #dee8ef;
  border-radius: 20px;
  background-color: #fff;
  margin-top: 1px;
  padding: 28px 15px 15px 15px;
  text-align: left;
}

.pkgTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 1px;
}

.pkgTitle span {
  font-size: 14px;
  font-weight: 500;
  color: #434343;
}

.pkgSmall {
  color: #727172;
  font-size: 12px;
  text-align: left;
  display: inline-block;
  width: 100%;
}

.pkgPara {
  line-height: 18px;
  text-align: left;
  font-size: 14px;
  font-weight: 500 !important;
  margin-bottom: 4px;
  color: #222222;
}

.pkgChips img {
  width: 12px;
  display: inline-block;
  vertical-align: -1px;
  margin: 0px 4px 0px 1px;
}

.pkgChips {
  line-height: 18px;
  text-align: left;
  font-size: 13px;
  font-weight: 500 !important;
  display: inline-block;
  border: 1px solid #dee8ef;
  padding: 2px 9px;
  border-radius: 40px;
  margin: 3px 4px 5px 0px;
  margin-bottom: 5px;
  background-color: #ecf4fa;
}

.pkgPrice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #dee8ef;
  padding-top: 15px;
  margin-top: 15px;
}

.pkgParaFix {
  height: 34px;
  overflow: hidden;
  margin-bottom: 0px !important;
  color: #666666;
}

.pkgPercent {
  background-color: var(--color-secondary);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  background-size: 21px;
  color: #fff;
  padding: 4px 9px;
  border: 1px solid var(--color-secondary);
  font-size: 14px;
  font-weight: 400;
}

.pkgPrice a {
  text-align: center;
  padding: 10px;
  min-width: 124px;
  font-size: 15px;
  font-weight: 500 !important;
  width: 90px;
  box-shadow: 2px 7px 20px rgb(255 90 2 / 50%);
}

.mySwiperPackages .sliderController {
  margin-bottom: -7px;
}

.subHead {
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 15px;
  color: #5c5c5c;
}

.subHead b {
  color: var(--color-primary);
  border: 1px dashed #c5c5c5;
  padding: 0px 8px;
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.toolTip_link {
  flex: auto;
}

.toolTip_link img {
  width: 18px;
  margin-left: 4px;
  flex: auto;
}

.insAdd img {
  width: 100%;
}

.insAdd {
  margin: 20px 0px;
}

.form-control {
  border-radius: 0px;
}

.dropDowntooltip {
  border-radius: 12px;
  padding: 12px 15px;
  font-size: 12px;
  font-weight: 400;
  height: 211px;
  overflow-y: auto;
  background-color: #ecf4fa;
  color: #404040;
  right: 0;
  left: 4%;
  bottom: 0;
  width: 92%;
  transform: translate(0px, -225px);
}

.dDtip_main {
  flex: auto;
  position: unset;
  top: 2px;
  margin-bottom: -2.3px;
}

.dDtip_main button {
  background-color: #fff;
}

.dDtip_main button img {
  width: 18px;
  margin-left: 4px;
}

.dDtip_main .dropdown-backdrop {
  position: unset;
}

/*----------------End CSS for Package Slider ----------------*/

/*----------------Start CSS for Flight Cancellation ----------------*/

.fc_Section {
  padding-top: 150px;
}

.cancellationLI textarea,
.remarks {
  width: 100%;
  font-size: 15px;
  color: #000;
  border: 1px solid #eaeaea;
  border-radius: 15px;
  padding: 15px 15px 14px 15px;
  appearance: none;
  font-weight: 400;
  background-color: #f9f9f9;
  height: 170px;
}

.cancellationLI textarea:focus,
.remarks:focus {
  border: 1px solid #d2dde6;
  background-color: #ffffff;
}

.fc_Outer,
.fc_Inner {
  background-color: #fff;
  padding: 15px;
  border: 1px solid #d2dde6;
  border-radius: 15px;
  display: inline-block;
  width: 100%;
}

.fc_Inner {
  margin-bottom: 15px;
  padding-bottom: 5px;
}

.fc_head {
  font-weight: 600;
  font-size: 20px;
  border-bottom: 1px solid #d2dde6;
  display: inline-block;
  width: 100%;
  padding-bottom: 11px;
  margin-bottom: 15px;
}

.tbleOnw_comman {
  width: 100%;
}

.tbleOnw_comman thead {
  background-color: #d2dde6;
}

.tbleOnw_comman thead th {
  padding: 10px 10px;
}

.tbleOnw_comman tBody td {
  padding: 10px 10px;
  font-size: 13px;
  color: #000;
  text-transform: capitalize !important;
}

.tableonward1 tBody tr,
.tableonward1 tBody tr:first-child {
  border-bottom: 1px solid #d2dde6;
}

.tableonward2 tBody tr,
.tableonward1 tBody tr:first-child {
  border-bottom: 1px solid #d2dde6;
}

.tableonward1 tBody>tr:last-child,
.tableonward2 tBody>tr:last-child {
  border-bottom: 0px;
}

.cancelType {
  font-size: 13px;
  margin-top: 12px;
  font-weight: 500;
  border: 1px dashed #999;
  padding: 5px 15px;
  border-radius: 7px;
  margin-bottom: 9px;
}

.cancelType span {
  font-weight: 500;
  color: var(--color-primary);
  margin-right: 4px;
}

.cancellationLI .fancyRadio {
  color: #444444;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400 !important;
  margin-bottom: 9px;
  padding-left: 35px;
}

.cancellationLI .fancyRadio .checkmark {
  top: 1px;
}

.comPara {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 7px;
}

.cancellationUL {
  display: flex;
}

.cancellationUL li {
  flex: 1;
}

.fc_Outer .btnPrimary {
  float: right;
  margin-top: 20px;
}

.fc_Outer {
  margin-bottom: 20px;
}

.tableonward1 td::before {
  display: inline-block;
  content: "";
}

.tableonward1 td::before,
.tableonward2 td::before {
  display: none;
}

.statusGreen {
  color: #20be60 !important;
  font-weight: 500;
}

.statusRed {
  color: #ea4343 !important;
  font-weight: 500;
}

.confirmbtn_div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px 15px;
  margin-bottom: 20px;
}

.confirmbtn_div button {
  padding: 14px 15px;
  min-width: 110px;
}

.confirmLabel {
  font-size: 20px;
  font-weight: 500;
  display: block;
  margin: 10px 0px 24px 0px;
}

.confContent {
  text-align: center;
}

.btnCancel {
  box-shadow: unset !important;
}

.btnCancel.hvr-rectangle-out {
  background-color: #707070;
}

.btnCancel.hvr-rectangle-out:hover:before,
.btnCancel.hvr-rectangle-out:active:before,
.btnCancel.hvr-rectangle-out:focus:before {
  background: #404040 !important;
}

.allCheck {
  display: none;
}

.fc_note {
  color: var(--color-secondary);
  font-size: 16px;
  font-weight: 600;
}

.idh_UL {
  display: flex;
  gap: 0px 15px;
  flex-wrap: wrap;
}

.idh_UL li {
  flex: 1;
  padding: 15px;
  border: 1px dashed #bbbbbb;
  border-radius: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.idh_UL li:nth-child(3) a {
  display: inline-block;
  width: 100%;
}

.idh_UL li:nth-child(3) {
  display: inline-block;
}

.idh_UL li a {
  flex: 1;
  min-width: 40%;
  color: var(--color-secondary);
  margin-bottom: 3px;
}

.idh_UL li label {
  font-size: 18px;
  min-width: 100%;
}

.seriesFare_div label {
  margin-bottom: 0px !important;
  font-size: 18px;
  margin-top: 12px;
}

/*----------------End CSS for Flight Cancellation ----------------*/

.visaWrapper .visaTourUl li div img {
  border-radius: 16px;
  height: 200px;
}

.flagSpan {
  padding: 3px 4px 7px 4px !important;
  position: absolute !important;
  top: 15px;
  left: 0px !important;
  z-index: 1;
  background-color: rgb(136 136 136 / 45%);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  overflow: hidden;
  height: 36px;
  width: 49px !important;
  background-image: unset !important;
  border-radius: 5px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.flagSpan img {
  width: 40px;
  height: 30px !important;
  border-radius: 5px !important;
}

/*-----------------Start main.footer css-----------------

 
 
 .main-footer-wrapper {
    background: unset !important;
	padding-top: 65px !important;
}

.main-footer-wrapper .footer-bg {
	background-color: #f7f0e6 !important;
    padding-top: 65px;
    border-top: 4px solid #e6e1da;
}

.main-footer-wrapper .footer-link a {
    color: #474A46 !important;
    font-size: 13px !important;
    line-height: 2.5;
    font-weight: 500 !important;
}

.main-footer-wrapper .footer-link a:hover {
	color: var(--color-primary) !important;
	padding-left: 10px;
}

.main-footer-wrapper .social-icon-section a:hover i
{
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}

.main-footer-wrapper .footer-heading {
    font-size: 18px;
    font-weight: 600 !important;
    margin-bottom: 10px;
    color: #000000;
}

.main-footer-wrapper .footer-gray-text p {
    color: #474A46 !important;
    font-size: 13px !important;
    line-height: 20px;
    font-weight: 500 !important;
}

.main-footer-wrapper .social-icon-section i
{
	border: 1px solid #474A46;
	color: #474A46;
}

.main-footer-wrapper img {
    width: auto;
    background-color: #fff !important;
    padding: 7px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
}


 /*-----------------End main.footer css-----------------*/

/*Start Form CSS*/

.form-control:focus {
  box-shadow: unset !important;
}

.TripForm .tf_UL li .airport-detail span {
  top: -38px;
  text-transform: capitalize;
  font-weight: 500 !important;
  font-size: 13px;
}

.TripForm .tf_UL li input {
  display: block;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #222222;
  cursor: pointer;
}

.TripForm .tf_UL li .airport-detail {
  position: relative;
}

.new-search-form .form-widget {
  height: 100px;
}

.return-date .offer-text {
  display: none !important;
}

.tf_UL li div span {
  text-transform: uppercase;
}

.new-search-form .tf_li4 input {
  margin-top: 26px;
  margin-left: 4px;
}

.new-search-form #r_date {
  left: 4px;
  top: -2px;
}

.new-search-form .form-widget .return-close-btn {
  top: 16px;
  right: 15px;
  font-size: 11px;
}

.tf_li5 #travellerClassModal {
  position: absolute !important;
  border-radius: 15px;
  top: 130px;
}

.tf_li5 .guestCounter {
  margin-bottom: 12px;
}

.ftd-display-flex-center {
  gap: 0px 5px;
}

.new-search-form .guestCounter li {
  min-width: 25px;
  min-height: 25px;
  text-align: center;
  align-items: center;
  display: inline;
  line-height: 24px;
  width: 25px;
  height: 25px;
  padding: 0;
}

#travellerClassModal .popup-close-btn {
  position: absolute;
  float: right;
  margin-top: -11px;
  width: 20px;
  left: 466px;
}

.new-search-form .custom-modal-block p {
  font-size: 14px;
  color: var(--color-secondary);
  font-weight: 300 !important;
  margin-bottom: 0px;
  position: relative;
  display: flex;
}

.new-search-form .custom-modal-block p span {
  left: 0px;
  position: relative;
  top: 0;
  margin-left: 10px;
  font-size: 14px;
}

#travellerClassModal h2.ftd-margin-top-0 {
  margin-bottom: 3px;
}

#travellerClassModal .ftd-radio {
  margin-top: 12px;
}

.new-search-form #close-apply {
  position: unset;
  margin-right: 5px;
  width: 100%;
  margin-top: 5px;
}

.select-traveller div span.ftd-display-block {
  top: 36px;
  text-transform: capitalize;
}

.select-traveller div span.ftd-display-block strong {
  display: block;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #222222;
}

.select-traveller #show_class {
  z-index: 111111;
  color: var(--color-secondary);
  top: 7px;
  width: auto;
  font-size: 12px;
  left: 19px;
  font-weight: 600;
}

#myFlightBooking .visaTable_div table thead tr th:first-child {
  max-width: 180px;
}

.ticketInfo_outer div:nth-child(3) label {
  font-size: 13px;
  white-space: nowrap;
}

#myFlightBooking .visaTable_div table thead tr th:nth-child(2) {
  width: 44%;
}

#myBusBooking .visaTable_div table thead tr th:first-child,
.visaTable_div table tbody tr td:first-child {
  width: 180px;
}

.table.dataTable.no-footer {
  border-bottom: 1px solid #111;
  border: 0;
}

.paging_simple_numbers,
.dataTables_info {
  display: flex !important;
  padding: 24px 15px 0px 15px;
  margin-top: 15px;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  background-color: #fff;
  border: 0px;
  border: 1px solid #e6e6e6;
  padding: 5px 15px 5px 44px;
  height: 45px;
  border-radius: 10px;
  width: 319px;
  font-size: 15px;
  font-weight: 500;
  margin-left: 0 !important;
}

#myBusBooking .visaTable_div .table-responsive,
#myFlightBooking .visaTable_div .table-responsive,
#myCabBooking .visaTable_div .table-responsive,
#myHotelBooking .visaTable_div .table-responsive {
  border: 0;
  margin: 0px !important;
}

.myRefundTab .dataTables_wrapper .dataTables_filter {
  margin: 0px !important;
  text-align: left;
}

#myBusBooking table.dataTable.no-footer,
#myFlightBooking table.dataTable.no-footer,
#myCabBooking table.dataTable.no-footer {
  border-bottom: 1px solid #111;
  border: 0;
  border-top: 1px solid #dfdfdf;
  margin-top: 15px;
  display: inline-table;
  width: 100% !important;
  padding-top: 20px;
}

#myBusBooking .visaTable_div table thead tr th:first-child {
  width: 160px !important;
}

.dataTables_paginate a {
  margin: 0px !important;
}

.dataTables_paginate {
  padding-right: 0px !important;
  display: flex;
  align-items: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: unset !important;
  border-radius: 10px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: var(--color-secondary) !important;
  border: 1px solid var(--color-secondary) !important;
}

.seriesFare_div {
  display: inline-block;
  width: 100%;
}

.new-search-form .return-date>span {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 15px;
}

.main-footer-wrapper .footer-bg {
  background: unset !important;
  background-color: #f7f7f7;
}

.main-footer-wrapper {
  padding-top: 0px !important;
  background: unset !important;
}

.main-footer-wrapper .footer-heading {
  font-size: 16px;
  color: #222;
  font-weight: 600 !important;
}

.main-footer-wrapper .footer-link a {
  color: #343434 !important;
  font-size: 14px !important;
  line-height: 2.5;
  font-weight: 500 !important;
}

.main-footer-wrapper .footer-bg {
  background-color: #f7f7f7 !important;
  padding-top: 30px;
}

footer .social-icon-section i {
  border: 1px solid #343434;
  color: #343434;
}

.main-footer-wrapper .footer-gray-text p {
  color: #343434 !important;
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 500 !important;
}

.copyright-footer {
  font-size: 16px;
  border-top: 1px solid #dddddd;
  background-color: #f7f7f7;
  border-bottom: 4px solid #ff7f02;
}

.copyright-footer p {
  margin: 0;
  color: #343434;
  font-size: 14px;
}

footer .social-icon-section {
  margin-top: 16px;
}

.loggedin-user-detail-block .agency-info span strong,
.loggedin-user-detail-block .agency-info span {
  font-weight: 500 !important;
  font-size: 15px !important;
}

.loggedin-user-detail-block .agency-info {
  padding-top: 0 !important;
}

.main-header-wrapper.fixed .nav-list a {
  color: #fff !important;
}

.navbar-dropdown {
  background: rgba(0, 0, 0, 0.7) !important;
}

.navbar-dropdown {
  padding: 7px 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

nav ul li ul li {
  padding: 0px 0 !important;
}

nav ul li .navbar-dropdown li a {
  padding: 12px 12px !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

.ftd-border-gray {
  border-color: #515151;
}

.main-header-wrapper.fixed .navbar-dropdown li a {
  color: #fff !important;
}

header.main-header-wrapper {
  position: relative !important;
  margin-bottom: -136px;
  background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.logoFixed {
  display: none;
}

.main-header-wrapper .header-contact-section,
.main-header-wrapper .navigation {
  background-color: transparent !important;
}

.main-header-wrapper.fixed .header-contact-section {
  display: none;
}

.main-header-wrapper .header-contact-section {
  border-bottom: 1px solid rgb(255 255 255 / 22%);
  padding: 10px 0;
}

.contact-section a {
  color: #fff;
}

.header-contact-section a {
  opacity: 0.5;
}

.header-contact-section a:hover,
.header-contact-section a:hover i {
  color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  opacity: 1 !important;
}

.main-header-wrapper.fixed {
  position: fixed !important;
  z-index: 9999;
  background-image: unset;
  background-color: #fff;
  box-shadow: 0px -1px 24px rgba(0, 0, 0, 0.3);
  border-top: 4px solid var(--color-primary);
}

.main-header-wrapper.fixed .logoMerge {
  display: none;
}

.main-header-wrapper.fixed .logoFixed {
  display: inline-block;
}

.main-header-wrapper.fixed .nav-list a {
  color: #222 !important;
}

.navigation {
  margin-bottom: -7px;
}

/*Start Flight Cancellation Css*/

.fc_cancel_ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0px 20px;
  margin-top: 6px;
}

.fc_cancel_ul li label {
  font-size: 16px;
  margin-bottom: 0;
}

.fc_cancel_ul li span {
  font-size: 16px;
  margin-left: 4px;
  color: #444444;
  font-weight: 500;
}

/*End Flight Cancellation Css*/

section.airDetails-sec {
  margin-top: 55px;
}

.airDetails-sec .blurBG {
  margin-bottom: 85px;
  margin-top: 65px;
  background-color: #737373;
}

/*Start Flight Cancellation Css*/

.flightCancelled-sec {
  margin-top: 160px;
}

.fc-head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 15px;
}

.fc-Img {
  width: 180px;
}

.fc-Label {
  font-size: 24px;
  font-weight: 600;
  margin-top: 16px;
  text-align: center;
}

.fcInner_Box {
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.fcInner_head {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 11px;
  padding-bottom: 11px;
}

.foc-head {
  margin-bottom: 4px;
  margin-top: 0px;
  font-weight: 600 !important;
}

.foc-Label {
  font-weight: 600;
  margin-bottom: 0px;
}

.foc-Label span {
  margin-left: 4px;
}

.fcInner-paxName {
  font-weight: 600;
  font-size: 15px;
}

.paxName_ul li p {
  font-size: 14px;
}

.notePara {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400 !important;
  margin-top: 3px;
  position: relative;
  text-align: justify;
  margin-bottom: 8px;
}

.noteLabel {
  color: var(--color-secondary);
  font-weight: 500;
  margin-bottom: 0px;
  display: block;
}

.noteDiv-new {
  margin-bottom: 40px;
}

/*End Flight Cancellation Css*/

/*Start Airlines Information Css*/
.airDashbanner {
  min-height: 220px;
  background-size: cover;
  background-position: center;
  padding-top: 160px;
  padding-bottom: unset;
  margin-bottom: -29px;
}

.air_bannerHead {
  font-weight: 600 !important;
  margin-bottom: 44px;
  margin-top: -34px;
  color: #fff;
}

.airlinseHead {
  font-weight: 600 !important;
  font-size: 24px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 16px;
}

.airLinesInfo_outer {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 25px 0px;
  margin-bottom: 15px;
}

.airlinesName {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}

.airLinesInfo_outer>li {
  max-width: 32%;
  flex: auto;
}

.airPara {
  line-height: 22px;
  font-size: 14px;
}

.airLines_ul {
  background-color: var(--color-secondary);
  display: flex;
  justify-content: space-between;
  padding: 12px 15px;
  align-items: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.airLines_ul li {
  display: flex;
  align-items: center;
}

.airlinesFlag {
  display: inline-block;
  min-width: 40px;
  min-height: 40px;
  vertical-align: -14px;
  margin-right: 9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 45px;
  border: 1px solid #3c6e95;
  background-color: #fff;
}

.al_Action {
  display: inline-block;
  margin-left: 5px;
}

.al_Contact {
  padding: 15px;
  border: 1px solid #ddd;
  border-top: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.ai_info {
  font-size: 14px;
  line-height: 20px;
  height: 42px;
  overflow: hidden;
}

.ai_pax {
  margin-top: 10px;
  padding: 12px 15px 5px 15px;
  background-color: #f7f7f7;
  border-radius: 10px;
  border: 1px solid #ededed;
}

.ai_Head {
  font-weight: 500;
  font-size: 16px;
  margin: 0;
}

.aiPax_ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px 0px;
  margin-top: 5px;
}

.aiSpan_title {
  display: block;
  font-size: 13px;
  color: #707070;
}

.aiSpan_Value {
  font-weight: 400;
}

.aiRemarks {
  width: 100%;
}

.aiRemarks .aiSpan_Value {
  display: inline-block;
  width: 100%;
  height: 42px;
  overflow: hidden;
}

.airlinesInfo_sec {
  margin-bottom: 30px;
}

.airline_search {
  float: right;
  display: flex;
  margin-top: 20px;
  margin-bottom: -51px;
  gap: 0px 8px;
}

.als_input {
  display: inline-block;
  width: 260px;
  font-size: 15px;
  color: #000;
  border: 1px solid #eaeaea;
  border-radius: 11px;
  padding: 10px 15px;
  appearance: none;
  font-weight: 400;
  background-color: #fff;
  height: 45px;
}

.als_input:focus {
  border: 1px solid #eaeaea;
  background-color: #f7f7f7;
}

.als_Button {
  min-width: 70px;
  padding: 10px 20px !important;
  border: 0;
}

/*End  Airlines Information Css*/

/*Start SIM Css*/

.marqueUL {
  display: flex;
  gap: 0px 90px;
}

.marqueUL li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.marqTitle {
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 15px;
  color: var(--color-secondary);
}

.marqImg {
  width: 100px;
}

.marqTag {
  background-color: #ecf4fa;
  padding: 25px;
  border-radius: 20px;
  margin-bottom: 25px;
}

.visaDropdown li.countryCovered_li span {
  white-space: break-spaces;
  padding: 0;
  word-spacing: 10px;
  height: 160px;
  overflow-y: auto;
}

.visaDropdown li.countryCovered_li span:before {
  content: "";
  all: unset;
}

.visaDropdown li a button {
  background-color: transparent;
  font-weight: 600;
}

.vm_terms_ul li span.checkmark {
  top: 1px;
  border-radius: 5px;
}

.covrageList {
  word-spacing: 10px;
}

/*End SIM Css*/

/*Start Cab Css*/

/*Start Cab Index Css*/

.cabTab {
  margin-top: 16px;
  margin-bottom: 16px;
}

.cabTab_ul {
  margin-bottom: 16px;
  border: 0;
}

.cabLink {
  color: #fff;
  background-color: rgb(255 255 255 / 20%);
  padding: 4px 15px !important;
  border-radius: 35px !important;
}

.cabTab_ul {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 1px;
  padding-top: 9px;
}

.cabTab_ul li {
  margin-right: 10px;
}

.cb_out_li1 select {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.cb_out_li2 input,
.cb_out_li3 input {
  padding-left: 15px !important;
}

.cb_out_li2 span,
.cb_out_li3 span {
  left: 5px !important;
}

.cabform_out_ul li input,
.cabform_out_ul li select {
  font-size: 18px !important;
  font-weight: 600 !important;
}

.cb_out_li1 {
  width: 190px;
}

.cb_out_li4 {
  width: 170px;
}

.cb_out_li5 {
  width: 170px;
}

.cb_out_li6 {
  width: 170px;
}

.cabDay_small {
  top: unset !important;
  bottom: 21px;
  color: #727172 !important;
  font-size: 12px;
}

.cf_local_ul .cb_out_li4 select {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.cf_local_ul .cb_out_li1 {
  width: 30%;
}

.cabform_air_ul li:first-child select,
.cabform_air_ul li:first-child input {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.cabform_air_ul li:last-child input,
.cabform_air_ul li:last-child select {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.cabform_air_ul li:last-child {
  border-right: 0px !important;
}

.cabform_air_ul .cb_out_li2 div>span {
  left: 15px !important;
}

.cabform_air_ul .cb_out_li1,
.cabform_air_ul .cb_out_li2,
.cabform_air_ul .cb_out_li5 {
  width: 160px;
}

.cabform_air_ul .cb_out_li4 input {
  padding-left: 15px !important;
}

.cabform_air_ul .cb_out_li4 div>span {
  padding-left: 0px !important;
}

.cabform_air_ul .cb_out_li3 {
  height: 100px;
}

.cabform_air_ul .cb_out_li3 textarea {
  padding-top: 38px;
  line-height: 19px;
}

.cabform_air_ul li input,
.cabform_air_ul li select,
.cabform_air_ul li textarea {
  font-size: 18px !important;
  font-weight: 600 !important;
}

.cabform_air_ul {
  flex-wrap: wrap;
}

.itinaeraryDiv {
  display: inline-flex;
  align-items: center;
  gap: 0px 14px;
  background-color: #fff;
  border-radius: 50px;
  padding: 8px 8px 8px 16px;
  margin-bottom: 16px;
}

.itLabel {
  align-items: center;
  font-weight: 500;
  margin: 0;
  white-space: nowrap;
  font-size: 16px;
  color: #000;
}

.itLabelUL {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.itLabelUL li {
  display: flex;
  align-items: center;
}

.itLabelUL li span {
  padding: 5px 12px;
  border: 1px solid #dddddd;
  border-radius: 19px;
  font-weight: 500;
  letter-spacing: 0.4px;
  white-space: nowrap;
  background-color: #fff;
}

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

.arrowVisit {
  margin-left: 8px;
}

.sourceSpan {
  background-color: #25c36e !important;
  color: #fff !important;
  border: 1px solid #25c36e !important;
}

.destiSpan {
  background-color: #ea4343 !important;
  color: #fff !important;
  border: 1px solid #ea4343 !important;
}

.cabList_sec {
  padding: 50px 0px;
}

.cardHead_div {
  text-align: center;
}

.cardHead_div label {
  color: var(--text-primary);
}

.cardHead_div p {
  color: var(--text-secondary);
  line-height: 20px;
}

.cabList_ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin-top: 50px;
}

.cabList_ul li {
  margin-bottom: 40px;
}

.bl_div {
  display: block;
  background-color: var(--color-bg-blue-shade);
  padding: 12px 16px;
  border-radius: 15px;
  border: 1px solid var(--color-bdr-blue);
}

.bl_div label {
  font-weight: 600;
  font-size: 18px;
  display: block;
  text-align: right;
  margin: 0;
}

.bl_div img {
  height: 130px;
  display: block;
  text-align: left;
  margin-bottom: -55px;
  margin-top: -18px;
  position: relative;
  left: -17px;
}

.cp_ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: space-between;
  margin-top: 20px;
}

.cp_ul li {
  width: 19%;
}

.cpImg {
  border-radius: 16px;
  width: 100%;
}

.cp_title {
  font-weight: 600;
  font-size: 16px;
  display: block;
  margin: 6px 0px 0px 0px;
}

.cp_link {
  display: inline-block;
  color: var(--text-shade);
  cursor: pointer;
  font-size: 12px;
}

.cp_link:hover {
  color: var(--color-primary);
}

.cabPopular_sec {
  padding: 0px 0px 50px 0px;
}

.cabAccordian {
  margin-top: 30px;
}

.cabAccordian .panel-default>.panel-heading {
  padding: 0;
}

.cabAccordian .panel {
  border-color: #e4e9ed;
  border: 0;
  box-shadow: unset;
}

.cabAccordian .panel-title>a {
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  display: flex;
  min-width: 100%;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-bg-shade);
  border: 1px solid var(--color-bdr);
  border-radius: 65px;
  padding: 10px 16px;
}

.cabAccordian .panel-title>a img {
  float: right;
  transition: all 0.6s ease 0s;
}

.cabAccordian .panel-group .panel+.panel {
  margin-top: 16px;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border: 0;
  background-color: var(--color-bg-white);
  border: 1px solid var(--color-bdr);
  border-radius: 15px;
  margin-top: 16px;
}

.cabAccordian .panel-title>a[aria-expanded="true"] img {
  transform: rotate(45deg);
}

.cabFAQ_sec {
  padding: 20px 0px 50px 0px;
}

.visitSpan {
  background-color: var(--color-bg-white) !important;
}

.resultCab {
  display: flex;
  align-items: center;
  gap: 0px 20px;
}

.finalAmt .ps_value .price {
  font-weight: 600;
  font-size: 20px;
  color: var(--text-primary);
}

/*End Cab Index Css*/

/*Start cab_outstation_roundtrip_B2B Css*/

.routeDiv {
  background-color: var(--color-bg-blue-shade);
  padding: 16px;
  border-radius: 16px;
  margin-top: 30px;
}

.routeDetails_ul {
  display: flex;
  gap: 0px 30px;
  flex-wrap: wrap;
}

.rd_Title {
  color: var(--text-shade);
  font-size: var(--reg-12);
  display: block;
}

.rd_Value {
  color: var(--text-primary);
  font-size: var(--reg-14);
  font-weight: 600;
}

.itDiv_repeat {
  padding: 0;
  background-color: transparent;
  margin-bottom: 10px;
  margin-top: 4px;
}

.rd_Link {
  color: var(--color-secondary);
}

.rd_Link img {
  margin-right: 4px;
}

.rd_Link:hover {
  color: var(--color-primary);
}

.cabinfo {
  border: 1px solid var(--color-bdr);
  margin-top: 20px;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  clear: both;
}

.ci_img {
  height: 165px;
  margin-left: 20px;
}

.ci_ul>li {
  padding: 16px;
}

.ci_car {
  display: flex;
  align-items: center;
  gap: 0px 12px;
  margin-bottom: 8px;
}

.carType_title {
  font-size: var(--reg-20);
  font-weight: 600;
  color: var(--text-primary);
  margin-right: 8px;
  margin: 0;
}

.carName {
  font-size: var(--reg-14);
  background-color: rgba(79, 738, 143, 0.2);
  padding: 2px 8px;
  border-radius: 6px;
  font-weight: 500;
}

.ci_bullet {
  white-space: nowrap;
}

.ci_bullet::before {
  content: "";
  display: inline-block;
  background-color: var(--color-bdr);
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin-right: 5px;
}

.ci_inexc_div label {
  font-weight: 600;
  font-size: 16px;
  margin: 0px 0px 4px 0px;
}

.ci_inclusion {
  display: flex;
  gap: 4px 12px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.ci_price {
  text-align: right;
  padding: 16px;
  background-color: var(--color-bg-shade);
  border-radius: 16px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ci_price_ul li span {
  display: block;
}

.ci_estimatedLI label {
  font-size: var(--reg-18);
  font-weight: 500;
  color: var(--color-secondary);
}

.ci_estimatedLI label img {
  vertical-align: -2px;
}

.ci_netpriceLI label {
  font-size: var(--reg-28);
  font-weight: 500;
  color: #22be5f;
}

.ci_netpriceLI label img {
  vertical-align: -2px;
}

.ci_btn button {
  min-width: unset;
  padding: 10px 30px;
  margin-top: 6px;
  white-space: nowrap;
}

.cabRoute_sec {
  margin-bottom: 50px;
}

.cabRoute_sec .eyeclscab {
  display: inline-block;
  margin: 20px 0px !important;
}

.estStrike em {
  text-decoration: line-through;
  font-size: 15px;
}

.estStrike img {
  width: 14px;
  vertical-align: -2px;
}

.estStrike {
  margin: 4px 0px;
}

.cr_airport {
  font-size: var(--reg-20);
  font-weight: 500;
  margin-left: 4px;
  color: var(--text-shade);
}

.cancelDiv p {
  line-height: 19px;
  margin-bottom: 15px;
}

.cancelDiv p::before {
  top: 5px;
}

.cabPolicy .modal-header {
  display: flex;
  align-items: center;
}

.cabPolicy .modal-header button {
  margin: 0 !important;
}

.cabPolicy .modal-header h4 {
  flex: auto;
}

.cabPolicy .modal-dialog {
  width: 500px;
}

.rt_review {
  min-height: 250px;
}

.contOuter {
  margin-top: -120px;
}

.rrleft,
.rrRight {
  border: 1px solid var(--color-bdr);
  background-color: var(--color-bg-white);
  padding: 16px;
  border-radius: 16px;
  margin-bottom: 16px;
}

.rr_head {
  font-weight: 600 !important;
  color: #fff;
  font-size: 28px;
  margin-bottom: 16px;
}

.rrComman_head,
.rrComman_headIns {
  margin: 0;
  font-size: var(--reg-20);
  font-weight: 500;
  border-bottom: 1px solid var(--color-bdr);
  display: block;
  padding-bottom: 8px;
  color: var(--text-primary);
}

.rrComman_headIns {
  margin-bottom: 16px;
}

.rrleft {
  margin-bottom: 16px;
}

.rrleft .itLabelUL {
  margin-top: 16px;
  margin-bottom: 16px;
}

.rrleft .cabinfo {
  align-items: center;
  border: 0;
}

.rrleft .ci_img {
  margin-left: 0px;
  margin-right: 20px;
}

.rrleft .ci_ul>li {
  padding: 0px;
}

.rrleft .ci_img {
  height: 145px;
}

.addonLabel {
  display: block;
  border-top: 1px solid var(--color-bdr);
  padding-top: 12px;
  margin-top: 7px;
  font-weight: 600;
  color: var(--text-primary);
  font-size: 16px;
  margin-bottom: 4px;
}

.addonDiv .vmCheck_lbl {
  padding-top: 0px;
  font-size: var(--reg-12);
  padding-left: 28px;
  margin: 0;
}

.addonDiv .checkmark {
  border-radius: 7px;
  height: 22px;
  width: 22px;
}

.addonDiv .vmCheck_lbl .checkmark:after {
  left: 6px;
  top: 2px;
}

.addonDiv .vmCheck_lbl img {
  width: var(--reg-12);
  vertical-align: -2px;
  margin-left: 2px;
}

.addonDiv ul {
  display: flex;
  gap: 13px 20px;
  flex-wrap: wrap;
}

.addonUl li {
  display: flex;
  align-items: flex-end;
  position: relative;
}

.addonInfo {
  position: relative;
  top: -2px;
}

.rr_rev_can {
  margin-top: 10px;
}

.rr_rev_can p.vm_doc_p::before {
  top: 7px;
}

.itirr_rb {
  margin-top: 16px;
}

.itirr_rb .checkmark {
  border-radius: 6px;
  top: 0px;
}

.itirr_rb .checkmark::after {
  left: 6px;
  top: 2px;
}

.itirr_rb .modal-footer {
  padding-bottom: 0;
  padding-right: 0;
  margin-top: 20px;
}

.rr_travDetails_ul {
  margin-top: 16px;
}

.rr_travDetails_ul li {
  display: flex;
  gap: 0px 16px;
  flex-wrap: wrap;
}

.rr_travDetails_ul li .fieldDiv {
  flex: auto;
  margin-bottom: 16px;
}

.rr_travDetails_ul .fieldDiv label {
  font-weight: 600;
  font-size: 16px;
}

.pa_span {
  top: 40px !important;
}

.rr_noteDiv {
  display: flex;
  align-items: baseline;
  gap: 0px 5px;
}

.rr_noteDiv span {
  color: var(--color-secondary);
  font-weight: 500;
  white-space: nowrap;
}

.rr_noteDiv span img {
  margin-left: 5px;
  vertical-align: -1px;
}

.rr_noteDiv p {
  font-size: var(--reg-14);
  color: var(--text-shade);
  line-height: 20px;
}

.priceSum_ul li {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}

.finalAmt {
  margin: 0px !important;
  border-top: 1px solid var(--color-bdr);
  margin-top: 16px !important;
  padding-top: 5px;
}

.finalAmt h4 {
  margin-bottom: 0;
  font-weight: 500 !important;
  font-size: 18px;
  color: var(--text-primary);
}

.finalAmt h4 span {
  font-weight: 600;
  font-size: 18px;
}

.ps_title .eyehideshow {
  float: unset;
  padding: 1px 4px 2px 3px;
  vertical-align: 1px;
  margin-left: 5px !important;
  border-radius: 6px;
}

.finalAmt .eyecls img {
  width: 19px !important;
}

.ps_title {
  flex: auto;
  font-weight: 500;
  font-size: 16px;
}

.ps_value {
  font-weight: 400;
  font-size: 16px;
  color: var(--text-secondary);
  display: flex;
}

.ps_value img {
  vertical-align: -2px;
}

.finalAmt .ps_value img {
  width: 8.5px;
  vertical-align: -1px;
  margin-right: 3px;
  opacity: 0.8;
}

.priceFare_ul {
  margin-top: 15px;
}

.divPromo_code p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 9px;
  color: var(--text-shade);
}

.divPromo_code a {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 9px;
  color: var(--color-secondary);
  font-weight: 500;
}

.divPromo_code div .vmCheck_lbl {
  margin: 0;
  flex: auto;
  font-weight: 500;
  font-size: 16px;
  color: #000;
}

.divPromo_code div .vmCheck_lbl img {
  vertical-align: 0px;
  width: 7.5px;
  margin: 0px 3px;
}

.divPromo_code div {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}

.divPromo_code .checkmark {
  height: 22px;
  width: 22px;
  top: 2px;
}

.divPromo_code .vmCheck_lbl {
  padding-left: 30px;
}

.codeNumber {
  border: 1px dashed var(--color-secondary);
  color: var(--color-secondary);
  padding: 4px 16px;
  border-radius: 7px;
  font-weight: 500;
}

.promoInput_div {
  position: relative;
  margin-bottom: 16px;
}

.promoInput_div input {
  width: 100%;
  font-size: 15px;
  color: #000;
  border: 1px solid #eaeaea;
  border-radius: 15px;
  padding: 15px;
  appearance: none;
  font-weight: 400;
  background-color: #fff;
}

.promoInput_div a {
  position: absolute;
  right: 0;
  top: 16px;
  right: 16px;
  font-weight: 500;
  color: var(--color-primary);
}

.promoUl {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}

.promoUl img {
  width: 36px;
}

.promoUl label {
  display: block;
  color: #fff;
  flex: auto;
  font-weight: 500;
  font-size: 22px;
}

.promoUl label span {
  display: block;
  color: #fff;
}

.divPromo_code .checkmark::after {
  left: 6px;
  top: 2px;
}

.addonepop_div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0px 10px;
}

.addonepop_div p.vm_doc_p::before {
  top: 10px;
}

.reviewTable_ul {
  margin-top: 11px;
}

.reviewTable_ul li {
  margin-bottom: 16px;
}

.reviewTable table {
  width: 100%;
}

.reviewTable thead th {
  background-color: #ededed;
  padding: 12px 15px;
}

.reviewTable tbody td {
  padding: 12px 15px;
}

.revInnerUl {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

.revInnerUl li {
  flex: 1;
  margin: 0;
}

.revInnerUl li label {
  display: block;
  font-weight: 500;
  background-color: #ededed;
  padding: 12px 15px;
  white-space: nowrap;
}

.revInnerUl li span {
  padding: 12px 15px;
  display: inline-block;
  width: 100%;
  font-size: 13px;
  white-space: nowrap;
}

.revTable_head {
  display: block;
  font-weight: 600;
  font-size: 16px;
  color: var(--text-primary);
}

.paymentUl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  gap: 0px 20px;
}

.paymentUl li {
  margin-top: 16px;
}

.paymentUl li label {
  font-size: var(--reg-14);
  color: var(--text-primary);
  font-weight: 500;
}

.paymentUl li em {
  font-style: normal;
  font-size: var(--reg-12);
  color: var(--text-shade);
}

.paymentUl li em img {
  opacity: 0.7;
  vertical-align: -2px;
  height: 19px;
}

.paymentUl li em img .price {
  color: #888;
}

.paymentUl .fancyRadio .checkmark {
  height: 20px;
  width: 20px;
}

.paymentUl .fancyRadio .checkmark:after {
  top: 2px;
  left: 2px;
}

.fareDetauls_ul {
  display: flex;
  align-items: center;
  margin-top: 18px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fa_title {
  font-weight: 500;
  font-size: 24px;
  color: var(--text-primary);
  vertical-align: 6px;

}

.fa_value {
  font-weight: 500;
  font-size: 24px;
  color: var(--text-secondary);

  display: inline-flex;
  align-items: anchor-center;
}

.fa_value img {
  width: 24px;
  vertical-align: -4px;
}

.fareDetauls_ul button {
  min-width: unset;
  max-width: unset;
  font-family: inherit;
}

.rrleft_payment {
  background-color: var(--color-bg-blue-shade);
  border-color: var(--color-bdr-blue);
}

.tagNew {
  background-color: var(--color-primary);
  font-weight: 600;
  color: #fff;
  font-size: 11px;
  padding: 1px 7px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  border-radius: 35px;
  position: relative;
  z-index: 1;
  display: block;
  width: 42px;
  margin: auto;
  margin-bottom: -18px;
  top: -13px;
  font-style: normal;
}

.bm_menuLI .tagNew {
  top: -20px;
  padding-top: 2px;
}

/*End cab_outstation_roundtrip_B2B Css*/

/*End Cab Css*/

/*Start Bus Css*/

.formDiv_comman .fd_span_title {
  left: 15px !important;
  padding: 0px !important;
}

.formDiv_comman .fd_bottomVal {
  left: 15px !important;
  top: 65px;
}

.fc_UL li:last-child {
  border-right: 0px !important;
}

.fc_UL li:last-child input,
.fc_UL li:last-child select {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.busList_ul img {
  margin-bottom: 0px;
  margin-top: -66px;
  height: 105px;
}

.cardSemihead {
  font-weight: 500;
  font-size: 20px;
}

.busList_ul {
  margin-top: 76px;
}

.busPopular_sec {
  background-color: var(--color-bg-shade);
  padding: 50px 0px 70px 0px;
  margin-top: 30px;
}

.busRoute {
  width: 100%;
  margin-top: -35px;
  position: relative;
  z-index: 1;
}

.busSec {
  padding-bottom: 0px;
}

.bus_dest {
  background-color: #fff;
  padding: 15px 10px;
  box-shadow: 0px 5px 6px rgb(0 0 0 / 15%);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-top: -12px;
}

.bus_ul {
  gap: 15px 6px;
}

.bus_ul li img {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.busRouteDesk,
.busRouteMobile {
  width: 100%;
}

.busRouteMobile {
  display: none;
}

.busRouteDesk {
  margin-top: -35px;
  position: relative;
  z-index: 1;
  margin-bottom: 15px;
}

.downloadApp_banner {
  padding: 30px 15px;
}

.downloadApp_banner img {
  width: 100%;
}

.atozTab {
  border: 0;
}

.atoz_UL {
  margin-top: 1px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px 7px;
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 15px;
  border-top-left-radius: 0;
  justify-content: flex-start;
}

.atoz_UL li {
  width: 24%;
}

.atoz_UL li a::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--color-secondary);
  margin-right: 6px;
  position: absolute;
  border-radius: 3px;
  top: 6px;
  left: 0;
}

.atoz_UL li a {
  color: var(--text-secondary);
  position: relative;
  padding-left: 15px;
}

.atoz_UL li a:hover {
  color: var(--color-secondary);
  font-weight: 500;
}

.atozTab>li>a {
  color: var(--text-shade);
  background-color: var(--color-bg-shade);
}

.atozTab>li.active>a {
  color: var(--color-primary) !important;
}

.atozSec {
  padding: 15px 0px 35px 0px;
}

/*End Bus Css*/

/*Start Cab Confirmation css*/

.cabfareUL {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 0px 15px;
}

.cabfareUL li {
  width: 100%;
}

.cabdriv_ul li {
  margin-bottom: 3px;
}

.cabdriv_ul li .rd_Title {
  font-size: var(--reg-14);
}

.cabdriv_ul li .rd_Value {
  font-size: var(--reg-16);
}

.actionLink_confirmul {
  display: flex;
  gap: 10px 15px;
  margin-bottom: 15px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.actionLink_confirmul li {
  flex: auto;
}

.actionLink_confirmul li a {
  padding: 5px 11px;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  color: #444;
  display: flex;
  align-items: center;
  gap: 3px;
  width: 100%;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
}

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

.od_div_outer1 {
  display: flex;
  gap: 0px 15px;
  align-items: flex-start;
}

.od_div_outer1 img {
  border: 1px solid var(--color-bdr);
  border-radius: 10px;
}

.od_div_head {
  display: block;
  font-weight: 600;
  color: var(--text-primary);
  font-size: 16px;
  margin-bottom: 1px;
  line-height: 20px;
}

.od_value {
  display: block;
  font-weight: 600;
  color: var(--text-primary);
  font-size: 14px;
  margin-bottom: 1px;
}

.od_value span {
  margin-left: 3px;
  color: #444;
}

.heavyBdr {
  border: 2px solid #d9d9d9;
}

.cfFare_li1,
.cfFare_li2 {
  border: 1px solid var(--color-bdr);
  padding: 16px;
  border-radius: 16px;
  margin-bottom: 16px;
}

/*End Cab Confirmation css*/

/*Start Cab Cancellation css*/

.cabinfoCancel {
  justify-content: flex-start;
  position: relative;
}

.cc_ul {
  display: flex;
  gap: 0px 20px;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cc_ul li {
  flex: 1;
}

.cc_ul li .remarks {
  height: 115px;
  margin-top: 24px;
  resize: none;
}

.ccModelFooter {
  padding-right: 0;
  padding-bottom: 0;
}

.cabinfoCancel .checkboxDiv {
  position: absolute;
  top: 0;
}

.confirmationText label {
  margin-bottom: 0;
}

.cc_head {
  padding-top: 25px;
}

#review_total .fa_value .price,
#review_net_total .fa_value .price {
  font-weight: 500;
  font-size: 24px;
  color: var(--text-primary);
}

#review_total .eyecls {
  margin-left: 8px !important;
}

.cabMy_booking_tbl {
  display: flex;
  align-items: start;
}

.cabinfo_eTicket {
  justify-content: flex-start;
}

/*End Cab Cancellation css*/

/*Start Hotel Index css*/

.hotelForm_ul .tf_li2,
.hotelForm_ul .tf_li3 {
  width: 10%;
}

.hotelForm_ul .tf_li1 {
  width: 20%;
}

.hotelForm_ul .tf_li4 {
  width: 5%;
}

.hotelForm_div select {
  background-color: rgb(255 255 255 / 78%);
  padding: 3px 5px;
  margin-right: 8px;
  border-radius: 7px;
}

.hotelForm_div {
  margin-top: 15px;
}

.hotelForm {
  margin-top: 31px;
}

.hotelCategory {
  padding: 40px 0px;
  margin-bottom: -20px;
}

.hotelTabs {
  display: flex;
  margin-bottom: 4px;
  border-bottom: 0;
  margin-top: 15px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 12px;
  justify-content: center;
  gap: 0px 8px;
}

.hotelCat_ul {
  display: flex;
  gap: 0px 16px;
  justify-content: space-between;
}

.hotelCat_li1 {
  min-width: 31.99%;
  gap: 16px 0px;
  display: flex;
  flex-flow: column;
}

.hotelCat_li2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 0px;
}

.hotelCat_li2 .hotCat_div {
  width: 49%;
}

.hotCat_div {
  position: relative;
}

.hotCat_div img {
  width: 100%;
  border-radius: 15px;
}

.catInfo {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 40px 16px 16px 16px;
  color: #fff;
  display: flex;
  flex-direction: column;
  background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0));
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.catInfo label {
  margin-bottom: -1px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.catInfo span {
  font-weight: 300;
  color: #c7c7c7;
  font-size: 12px;
}

.hotelCat_li1 .hotCat_div:last-child img {
  object-fit: cover;
  height: 219px;
  margin-top: -6px;
}

.hotelTabs>li.active>a {
  color: #ff7f02 !important;
  border: 1px solid #ff7f02 !important;
  border-radius: 85px;
  padding: 6px 15px;
  box-shadow: 3px 6px 7px rgb(0 0 0 / 23%);
}

.nav-tabs>li>a {
  color: var(--text-secondary);
  border-radius: 16px;
  white-space: nowrap;
  padding: 16px 15px 12px 15px;
}

.hotelPopular_sec button {
  margin-top: 30px;
  margin-bottom: 0px;
}

.hotelPopular_sec {
  padding: 30px 0px 30px 0px;
}

.tiHotels_ul {
  display: flex;
  gap: 16px 10px;
  margin-top: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tiHotels_ul li {
  width: 18.5%;
}

.tiHotels_ul li .catInfo {
  padding: 23px 16px 13px 16px;
}

.tiHotels_ul li .catInfo {
  padding: 25px 12px 14px 12px;
}

.ti_hotels_sec button {
  margin-top: 30px;
  margin-bottom: 30px;
}

.hotel_downSec {
  margin-bottom: 17px;
}

/*End Hotel Index css*/

/*Start Hotel Search css*/

.hotelForm_search {
  padding-top: 1px;
}

.hotelForm_search .hotelForm {
  margin-top: 16px;
}

.sec_hotelSearch {
  padding-top: 160px;
  padding-bottom: 70px;
  margin-bottom: 36px;
}

.hr_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-bdr);
  padding-bottom: 15px;
  margin-bottom: 16px;
  background-color: #fff;
}

.hr_head h3,
.hr_head h3 span {
  margin: 0;
  font-weight: 600 !important;
  color: var(--text-primary);
  font-size: 24px;
}

.hr_head h3 span {
  color: var(--color-secondary) !important;
}

.hr_head a img {
  width: 16px;
}

.filterHead {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 500 !important;
  width: 100%;
}

.filterSearch {
  position: relative;
}

.filterSearch .imgSearchhn {
  position: absolute;
  left: 11px;
  top: 11px;
  width: 18px;
}

.filterSearch .imgCancel {
  position: absolute;
  right: 11px;
  top: 10px;
  width: 18px;
}

.filterSearch input {
  padding: 8px;
  border-radius: 10px;
  border: 1px solid var(--color-bdr);
  width: 100%;
  font-size: 14px;
  padding-left: 38px;
  padding-right: 34px;
}

.filterSearch input:focus,
.field input:focus,
.sortBy_div select:focus {
  border: 1px solid #c7c7c7;
  background-color: var(--color-bg-shade);
  color: var(--text-primary);
}

.hotel_leftFilter>li {
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}

.hf_check span {
  top: 0px;
  border-radius: 6px;
  border: 1px solid #d1d1d1;
}

.meal_count {
  border: 0px !important;
}

.hf_check .checkmark:after {
  left: 7px;
  top: 3px;
  width: 8px;
  height: 13px;
}

.hf_check:hover input~.checkmark {
  background-color: var(--color-bg-shade);
}

.vmCheck_lbl input:checked~.checkmark {
  background-color: var(--color-primary);
  border: 1px solid #ff7f02;
}

.hf_check {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  color: var(--text-secondary);
}

.hf_check i {
  font-style: normal;
  color: var(--text-primary);
}

.hf_check label {
  display: flex;
  align-items: center;
  gap: 0px 1px;
  color: var(--text-secondary);
}

.hf_check i span {
  border: 0px !important;
}

header h2 {
  font-size: 24px;
  font-weight: 600;
}

header p {
  margin-top: 5px;
  font-size: 16px;
}

.price-input {
  width: 100%;
  display: flex;
  margin: 0px 0 12px;
}

.price-input .field {
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
}

.field input {
  margin-left: 8px;
  text-align: center;
  padding: 8px 8px 4px 8px;
  border-radius: 10px;
  border: 1px solid var(--color-bdr);
  width: 100%;
  font-size: 16px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}

.slider {
  height: 5px;
  position: relative;
  background: #ddd !important;
  border-radius: 5px;
}

.slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: var(--color-primary) !important;
  z-index: 1;
}

.range-input {
  position: relative;
}

.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: var(--color-primary);
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  z-index: 1;
  position: relative;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  border: 1px solid #fff;
  top: -3px;
}

input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: var(--color-primary);
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  z-index: 1;
  position: relative;
}

div label input {
  margin-right: 100px;
}

.cat {
  background-color: var(--color-bg-white);
  border-radius: 8px;
  float: left;
}

.cat label {
  margin: 0;
}

.cat label span {
  text-align: center;
  padding: 4px 0px;
  display: block;
  min-width: 37px;
  border-radius: 8px;
}

.cat label input {
  position: absolute;
  display: none;
  color: #fff !important;
}

.cat label input+span {
  color: var(--text-primary);
  border: 1px solid var(--color-bdr);
}

.cat label input+span i {
  color: var(--color-bdr);
  margin-left: 0px;
}

.cat input:checked+span {
  color: #ffffff;
}

.comedy input:checked+span {
  border: 1px solid #ffb700;
  color: #ffb700;
}

.comedy input:checked+span i {
  color: #ffb700;
}

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

.starGray {
  color: var(--color-bdr) !important;
}

.starGreen {
  color: #589442 !important;
}

.starYellow {
  color: #ffb700 !important;
}

.tripAdv_div img {
  width: 27px;
  margin-top: -3px;
}

.tripAdv_div i {
  font-size: 16px;
  margin-right: -2px;
}

.propertySort {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.sortBy_div {
  position: relative;
  width: 210px;
}

.sortBy_div span {
  position: absolute;
  background-color: #fff;
  top: -10px;
  left: 12px;
  color: var(--text-shade);
}

.sortBy_div select {
  padding: 8px;
  border-radius: 10px;
  border: 1px solid var(--color-bdr);
  width: 100%;
  font-size: 14px;
  height: 40px;
}

.prpertyTab {
  display: flex;
  gap: 0px 12px;
}

.listIcon {
  display: inline-block;
  width: 35px;
  height: 35px;
  border: 1px solid var(--color-bdr);
  background: var(--color-bg-shade);
  border-radius: 8px;
  background-size: 29px !important;
  background-repeat: no-repeat !important;
  background-position: center 2px;
}

.listIcon.active,
.listIcon:hover {
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
  background-position: center -38px;
}

.mapIcon {
  display: inline-block;
  width: 35px;
  height: 35px;
  border: 1px solid var(--color-bdr);
  background: var(--color-bg-shade);
  border-radius: 8px;
  background-size: 25px !important;
  background-repeat: no-repeat !important;
  background-position: center 4px;
}

.mapIcon.active,
.mapIcon:hover {
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
  background-position: center -30px;
}

.filterIcon img {
  width: 32px;
}

.tripAdv_div {
  text-align: right;
  margin-bottom: 16px;
}

.hotelList_ul>li {
  gap: 0px 16px;
  margin-bottom: 20px;
  border: 1px solid var(--color-bdr);
  border-radius: 16px;
  display: inline-flex;
}

.hotel_search_list>li {
  display: flex !important;
}

.hotelDesc {
  padding-top: 14px;
}

.hotelImage img {
  object-fit: cover;
  width: 192px;
  height: 192px;
  border-radius: 15px;
}

.hotelImage {
  position: relative;
}

.tripAdv_div label {
  color: #589442 !important;
  font-weight: 600;
  margin-right: 5px;
}

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

.hotelDesc p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 12px;
  color: var(--text-primary);
  margin-top: 5px;
  margin-bottom: 3px;
  font-weight: 400 !important;
}

.compare label span {
  min-width: 35px;
  text-align: center;
  height: 35px;
  padding-top: 3px;
  border-radius: 9px;
  position: absolute;
  right: 12px;
  top: 12px;
}

.compare label input+span {
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #fff;
}

.compare input:checked+span {
  border: 1px solid var(--color-primary);
  background-color: var(--color-primary);
}

.compare label img {
  object-fit: unset;
  width: 27px;
  height: 27px;
}

.seeMore {
  color: var(--color-secondary);
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
}

.seeMore:hover {
  color: var(--color-primary);
}

.hotelDesc label {
  font-weight: 600;
  color: #222;
  font-size: 20px;
  margin: 0;
  line-height: 27px;
}

.hotelDesc small {
  color: var(--text-shade);
}

.tripAdv_div label {
  font-weight: 600;
  font-size: 15px;
  margin: 0;
  margin-right: 5px;
}

.hr_price_div {
  background-color: var(--color-bg-shade);
  padding: 16px;
  gap: 17px 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.hr_price_div button {
  min-width: 160px;
  padding: 10px 24px;
  font-size: 16px;
}

.hr_price {
  text-align: right;
}

.hr_price span {
  display: flex;
  width: 100%;
  justify-content: end;
  text-decoration: line-through;
  font-size: var(--reg-14);
}

.hr_price span img {
  width: 13px;
  margin-top: -1px;
}

.hr_price label {
  font-size: 24px;
  font-weight: 600;
  color: #0b4573;
  display: flex;
  align-items: center;
  margin-bottom: -5px;
  justify-content: end;
}

.busInfo_Details .hr_price label {
  justify-content: end;
}

.hr_price label img {
  width: 23px;
  margin-top: -2px;
}

.hr_b2b_price1 {
  font-size: 20px !important;
  font-weight: 500 !important;
}

.hr_b2b_price1 img {
  width: 17px !important;
}

.hr_b2b_price2 {
  color: var(--color-green) !important;
  margin-top: 4px;
}

.hr_b2b_np {
  text-decoration: none !important;
  margin-top: 4px;
}

.hrNight {
  font-weight: 400;
  font-size: var(--reg-12);
  color: var(--text-primary);
}

.roomDiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.btnRoom {
  max-width: 78px !important;
  min-width: unset;
  padding: 6px 10px !important;
  background-color: #fff;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: 11px;
  box-shadow: unset !important;
  font-size: 14px;
  width: 70px;
  height: 38px;
}

.btnRoom:hover {
  border: 1px solid #0b4573;
}

.btnRoom::before {
  border: 1px solid var(--color-secondary);
  border-radius: 12px;
}

.roomGuest .roomDiv label {
  margin: 0;
}

.roomGuest {
  width: 340px !important;
  padding-bottom: 16px;
}

.roomBox {
  border: 1px solid var(--color-bdr);
  margin-bottom: 16px;
  border-radius: 12px;
  padding: 16px;
}

.roomBox_title {
  display: flex !important;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-bdr);
  padding-bottom: 8px;
  color: var(--color-secondary) !important;
  align-items: center;
  margin: 0;
  margin-bottom: 13px;
}

.roomBox_title a {
  display: inline-block;
  width: 22px;
  height: 27px;
  overflow: hidden;
}

.roomBox_title a img {
  object-fit: cover;
  width: 72px;
  object-position: -46px -4px;
}

.adultInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.rb_SmallText {
  position: relative !important;
  display: block;
  font-weight: 300;
  font-size: 12px;
  left: 0 !important;
  top: -4px !important;
}

.number {
  display: flex;
  width: 87px;
  position: relative;
  align-items: center;
  justify-content: space-between;
}

.adultInfo .number input {
  font-size: 18px !important;
  font-weight: 400 !important;
}

.number span {
  width: 25px;
  height: 25px;
  background: var(--color-bg-shade);
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 20px !important;
  line-height: 24px;
  color: #0b4573 !important;
  cursor: pointer;
  position: unset !important;
}

.childSelect_ul {
  display: flex;
  justify-content: flex-start;
  gap: 0px 8px;
}

.childSelect_ul li {
  flex: unset !important;
}

.childSelect_ul .childS_Select {
  border: 1px solid var(--color-bdr) !important;
  width: 60px !important;
  height: 40px !important;
  padding: 0px 5px !important;
  border-radius: 5px;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.roomBox_outer {
  max-height: 270px;
  overflow-y: auto;
}

.sec_hotelSearch .btnForm {
  margin: auto;
  margin-bottom: -48px;
}

.hr_address_ul {
  margin-top: 10px;
}

.taxAmt_small img {
  vertical-align: -1.6px;
  width: 11px;
}

#see_more_body .transferDiv label {
  font-size: 14px;
  font-weight: 600;
}

#see_more_body .transferDiv span {
  font-size: 14px;
}

.bnpl {
  border: 1px solid rgb(255 127 2 / 16%) !important;
  background-color: rgb(255 127 2 / 16%) !important;
}

.hotel .hd_image_map {
  width: 100% !important;
  height: 140px !important;
  object-fit: cover;
  border-radius: 16px;
}

.hotel.highlight {
  height: auto !important;
  border: 0;
}

.highlight .hide_net_price img {
  width: 17px;
  vertical-align: -2px;
}

.highlight .hotelDesc label {
  font-weight: 500;
  font-size: 16px;
}

.hotel.highlight .btnPrimary {
  max-width: unset;
  min-width: unset;
  width: unset;
  padding: 9px 7px;
  border-radius: 12px;
  font-size: 14px;
  float: right !important;
  width: 96px;
  text-align: center;
  height: 36px;
}

.hotel.highlight {
  border-radius: 16px !important;
  padding: 0px !important;
}

.hotel.highlight .hotelDesc {
  padding: 6px 12px 4px 12px;
}

.hotel.highlight .commanChips label {
  padding: 0px 6px !important;
  line-height: 20px !important;
}

.hotel.highlight .commanChips {
  margin-top: 6px !important;
  padding: 0px 12px !important;
}

.hotel.highlight .hr_price_btob {
  flex-flow: nowrap;
  justify-content: space-between;
  border-radius: 0;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  margin-top: 4px;
  padding: 8px 12px 12px 12px;
  align-items: end;
}

.mapDiv {
  height: 730px !important;
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
}

/*End Hotel Search css*/

/*Start Hotel result css*/

.hr_price_div .btnPrimary {
  min-width: 130px;
  padding: 10px 14px;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
}

.tripAdv_div {
  margin-bottom: 7px;
}

.closeFilter {
  visibility: hidden;
}

.filterIcon {
  display: none;
}

.hrCenter_ul {
  display: flex;
  gap: 0px 25px;
}

.hrCenter_ul>li {
  flex: auto;
}

.filterLI {
  max-width: 220px;
  min-width: 220px;
}

.hotel_search_list>li .hotelDesc {
  width: 100%;
}

.container-fluid .hotelList_li {
  max-width: 50%;
}

.mapView_li {
  display: none;
}

.container-fluid .mapView_li {
  display: inline-block;
}

.mapDiv>iframe {
  border-radius: 15px;
}

.hd_image {
  width: 100% !important;
  border-radius: 15px !important;
  object-fit: cover !important;
  height: 260px !important;
  object-position: center;
  margin-bottom: 0px;
}

#hotelSeemore_popup .modal-title {
  display: flex;
  justify-content: space-between;
  column-rule: var(--text-primary);
  margin-top: 3px;
}

#hotelSeemore_popup .modal-title img {
  width: 17px;
  opacity: 0.6;
}

.hr_address_ul li {
  display: flex;
  align-items: flex-start;
  gap: 0px 8px;
  margin-bottom: 4px;
}

.hr_add {
  margin: 0px !important;
  font-size: 12px !important;
  color: var(--text-secondary);
}

.hd_popup .modal-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600 !important;
}

.modal-content .swiper-button-next:after,
.modal-content .swiper-button-prev:after {
  content: "";
}

.modal-content .swiper-button-next,
.modal-content .swiper-button-prev {
  width: 44px !important;
  border-radius: 12px;
  padding-bottom: 1px;
}

.modal-content .hotelDesc {
  padding: 16px 0px 4px 0px !important;
}

.roomBox_outer select {
  background-position: 38px 17px !important;
}

.hf_radio {
  color: var(--text-secondary);
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  padding-top: 3px;
  font-weight: 400;
}

.hf_radio .checkmark {
  top: 0px;
}

.transferDiv {
  margin-bottom: -3px;
}

.transferDiv label {
  font-size: 12px;
  color: var(--text-primary);
  font-weight: 500;
}

.transferDiv span {
  font-size: 12px;
  color: var(--text-secondary);
  font-weight: 400;
}

.amenitiesDiv {}

.amenitiesDiv label {
  font-size: var(--mid-16);
  color: var(--text-primary);
  margin-bottom: 0px;
  display: block;
  margin-top: 6px;
}

.amenitiesDiv span {
  position: relative;
  padding-left: 14px;
  font-size: var(--reg-12);
  color: var(--text-secondary);
  margin-right: 18px;
  min-width: 154px;
  display: inline-block;
}

.amenitiesDiv span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: var(--color-secondary);
}

.commanChips {
  margin-top: 10px;
}

.commanChips label {
  border: 1px solid #ddd;
  padding: 1px 8px;
  font-size: 12px;
  border-radius: 25px;
  font-weight: 400;
  margin-right: 4px;
  margin-bottom: 6px;
  background-color: #f7f7f7;
  color: var(--text-primary);
  line-height: 22px;
}

.smallBox {
  width: 300px;
  border-radius: 20px;
}

.smallBox .hd_image {
  height: 130px;
}

.smallBox .hotelDesc label {
  font-size: 16px;
}

.smallBox .hotelDesc {
  padding: 8px 0px 0px 0px !important;
}

.smallBox .commanChips {
  margin-top: 6px;
}

.smallBox .commanChips label {
  margin-bottom: 0px;
}

.taxAmt_small {
  font-weight: 100;
}

/*End Hotel result css*/

/*Start Hotel Details css*/

.hotelBreadcrumb {
  display: flex;
  gap: 0px 10px;
}

.hotelBreadcrumb li a {
  font-weight: 400;
  font-size: 12px;
  color: var(--color-white);
}

.hotelBreadcrumb li a img {
  margin: 0px 4px;
}

.hotelBreadcrumb li a.active {
  color: var(--color-primary) !important;
  font-weight: 600 !important;
}

.sec_hotelSearchDetails {
  margin-bottom: 12px;
}

section.hotelDetailsBanner {
  padding-bottom: 12px;
}

.hImageUL {
  display: flex;
  justify-content: space-between;
  gap: 0px 6px;
  overflow: hidden;
  border-radius: 16px;
}

.hImageUL li {
  flex: auto;
}

.hImageli1 {
  width: 30%;
}

.hImageli div {
  display: inline-block;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100px;
}

.hImageli1 div {
  height: 360px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.hImageli2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hImageli2 div {
  width: 100%;
  height: 116px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.toMore {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: rgb(0 82 147 / 84%);
  color: var(--color-bg-white);
  width: 100%;
  font-size: 16px;
  font-weight: 500;
}

.toMore:hover {
  color: var(--color-primary);
}

.hdSummaryDiv {
  background-color: var(--color-bg-shade);
  padding: 15px;
  border-radius: 15px;
}

.hdSummaryDiv h2 {
  font-weight: 600 !important;
  margin: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-bdr);
  font-size: 24px;
  margin-top: 4px;
  margin-bottom: 12px;
}

.hdLabels {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 12px;
  font-size: 14px;
}

.hdPrice {
  font-weight: 600 !important;
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid var(--color-bdr);
  font-size: 24px;
  margin-top: 4px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hdPrice label {
  font-weight: 600;
  font-size: 24px;
  margin: 0;
}

.hdPrice label img {
  height: unset;
  width: 12px;
  border-radius: 0;
  vertical-align: -1px;
  margin-right: 3px;
  opacity: 0.8;
}

.hdSummaryDiv button {
  width: 100%;
  max-width: 100%;
  padding: 12px 24px;
}

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

.hotelRoomRow {
  border: 1px solid var(--color-bdr);
  padding: 20px 5px;
  border-radius: 20px;
}

.hdUl {
  background-color: var(--color-bg-shade);
  padding: 16px 40px;
  display: flex;
  justify-content: space-between;
  margin: 20px 0px;
  border-radius: 6px;
}

.hdUl li a {
  color: var(--text-secondary);
  position: relative;
  font-weight: 500;
}

.hdUl li a::after {
  content: "";
  display: inline-block;
  border-bottom: 50px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: var(--color-bg-shade);
  height: 5px;
  position: absolute;
  bottom: -15px;
  width: 0%;
  left: 0;
  transition: all 0.6s ease 0s;
}

.hdUl li a:hover {
  color: var(--color-secondary);
}

.hdUl li a:hover::after {
  background-color: var(--color-secondary);
  width: 100%;
}

.dropDownUL {
  display: flex;
  gap: 3px 10px;
  margin-bottom: 20px;
  justify-content: end;
  flex-wrap: wrap;
}

.dropDownUL li select {
  border: 1px solid var(--color-bdr);
  padding: 3px 7px;
  border-radius: 5px;
  color: var(--text-primary);
}

.roomHead {
  font-weight: 600 !important;
  color: var(--text-primary);
  margin-bottom: 16px;
  margin-top: 0;
}

.roomImg {
  margin-bottom: 10px;
  border-radius: 15px;
  width: 100%;
}

.roomPara {
  font-size: 13px;
  line-height: 20px;
}

.roomDetailsUL {
  display: flex;
  align-items: flex-start;
  border: 1px solid var(--color-bdr);
  border-bottom: 5px solid var(--color-bdr);
  align-items: center;
}

.roomDetailsUL li {
  padding: 20px 20px 12px 20px;
}

.rdDiv hr {
  margin-top: 13px;
  margin-bottom: 15px;
}

.roomDetailsLI {
  border-left: 1px solid var(--color-bdr);
  width: 60%;
}

.rdB2cPrice label {
  font-weight: 500;
  font-size: 28px;
  display: block;
  text-align: right;
  color: var(--color-secondary);
}

.rdB2cPrice label img {
  width: 25px;
  vertical-align: -2px;
}

.rdB2cPrice label span {
  display: block;
  margin-top: -6px;
  margin-bottom: 21px;
  color: var(--text-shade);
}

.rdB2cPrice .btnPrimary {
  font-size: 16px;
  min-width: 165px;
  padding: 12px 24px;
  text-align: center;
}

.rdB2cPrice label small {
  font-size: 12px;
  display: block;
  margin-top: -4px;
  margin-bottom: 5px;
  color: var(--text-shade);
}

.rdb2cLabelPrice {
  font-size: 20px !important;
}

.rdb2cLabelPrice img {
  width: 18px !important;
}

.rdb2bLabelPrice {
  font-size: 24px !important;
  font-weight: 600 !important;
}

.rdb2cLabelPrice span {
  margin-bottom: 4px;
}

.rdb2bLabelPrice {
  color: var(--color-green) !important;
}

.rdb2bLabelPrice img {
  width: 11px !important;
  vertical-align: -1px !important;
  margin-right: 2px !important;
}

.rdb2cLabelPrice span {
  margin-bottom: 4px !important;
}

.rdLabel {
  font-weight: 600;
  font-size: 16px;
  color: var(--text-primary);
  display: block;
}

.rdIncDiv .head16 {
  font-weight: 500;
  font-size: 16px;
  color: var(--text-primary);
  display: block;
  margin-bottom: 0;
}

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

.rdIncSpan {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  font-size: 12px;
  font-weight: 400;
  min-width: 30%;
  flex: 0 1;
}

.rdIncSpan::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: var(--color-bdr);
}

.rdIncFace {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
}

.rdIncFace span {
  font-size: 12px;
  font-weight: 400;
}

.rdIncFace span img {
  width: 12px;
  margin-right: 7px;
}

.rdIncDiv {
  margin-bottom: 10px;
  margin-top: 8px;
}

.rdOffers span {
  color: #ea3131;
  background-color: rgb(232 42 51 / 20%);
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  font-weight: 500;
}

.rdOffers p {
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
}

.rdNote {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-flow: row-reverse;
}

.rdNote a {
  font-size: 13px;
  color: var(--color-secondary);
  font-weight: 500;
  align-items: center;
  text-decoration: underline !important;
}

.rdNote a:hover {
  color: var(--color-primary);
}

.rdNote label {
  display: flex;
  font-size: 13px;
  color: var(--color-secondary);
  font-weight: 500;
  align-items: center;
}

.rdNote label p {
  display: flex;
  font-size: 12px;
  color: var(--text-secondary);
  margin-left: 4px;
}

.rdOffers {
  margin-bottom: 4px;
}

.rdCommanDiv {
  padding: 15px 20px 20px 20px;
  border: 1px solid var(--color-bdr);
  border-radius: 16px;
  margin-top: 30px;
}

.rdCommanHead {
  font-weight: 600;
  font-size: 20px;
}

.rdAmeniUL {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4px 0px;
}

.rdAmeniUL li {
  flex: 1 21%;
  padding-left: 21px;
  position: relative;
}

.rdCommanPara {
  line-height: 22px;
  font-size: 14px;
  margin-bottom: 8px;
}

.hdTabs {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #fff;
}

li.roomNameLI {
  max-width: 321px;
}

.nearAttractionSec {
  margin-top: 20px;
}

.attractionUL {
  display: flex;
  gap: 0px 16px;
  flex-wrap: wrap;
}

.attractionUL li {
  padding: 15px;
  border-radius: 16px;
  background-color: var(--color-bg-shade);
  flex: 1 1 30%;
}

.attractioLabel {
  display: flex;
  justify-content: space-between;
  color: var(--text-primary) !important;
}

.attractioLabel span {
  color: var(--text-secondary);
  font-size: 12px;
}

.nearAttractionSec .rdCommanHead {
  margin-bottom: 10px;
}

.hotelMap {
  margin-top: 20px;
}

.hotelMap iframe {
  border-radius: 15px;
  margin-top: 5px;
}

.hotelImageSec .hotelRoomRow {
  background-color: #fff;
}

.sec_hotelSearchDetails {
  margin-bottom: -138px;
  min-height: 290px;
}

/*Start Hotel Image Slider*/

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper {
  height: 80%;
  width: 100%;
}

.mySwiper2 {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiper2 .swiper-slide {
  width: 20%;
  height: 100%;
  opacity: 0.4;
}

.mySwiper2 .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hotelBigImage img {
  height: 420px !important;
}

.hotelThumbnails img {
  height: 80px;
}

#hotelImageID .modal-dialog {
  max-width: 800px;
  width: unset;
}

#overlay_map img {
  width: 100%;
  margin-bottom: 60px;
  height: 360px;
  object-fit: cover;
  border-radius: 12px;
}

#myHotelBooking .visaTable_div .table-responsive,
#myHotelBooking table.dataTable.no-footer {
  border: 0;
}

#myInsuranceBooking #datatable5,
#myHotelBooking #datatable4,
#datatable3_wrapper #datatable3,
#datatable2_wrapper #datatable2,
#datatable1_wrapper #datatable1 {
  border: 1px solid #ddd;
  border-radius: 16px;
  margin-top: 16px;
  display: inline-table;
  padding-top: 0px;
}

.dt-buttons {
  margin-left: 16px;
}

.hotelTabs>li>a {
  padding: 6px 15px !important;
}

.roomDetailsUL .hr_price_div {
  background: unset;
}

.prpertyTab .eyecls {
  width: 35px;
  height: 35px;
  line-height: 31px;
}

/*Start Hotel Image Slider*/

.hc_traveDetailspopup {
  gap: 16px !important;
  flex-direction: column;
}

.hc_traveDetailspopup .hc_para {
  line-height: 20px;
}

/*End Hotel Details css*/

/*Start Hotel Itinerary Details css*/

.hrbDiv .hotelDesc {
  padding-top: 0;
}

.transferDiv label img {
  margin-right: 4px;
}

.hrbDiv .hotelTime {
  display: block;
}

.hrbDiv .transferDiv {
  margin-top: 6px;
}

.hrbDiv .hr_address_ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.hrbDiv .starShare {
  margin-bottom: 4px;
}

.hrbDiv .rdDiv {
  margin-top: 10px;
}

.hrbDiv .rdIncSpan {
  font-size: 14px;
  margin-top: 3px;
}

.hrbDiv .rdIncFace span {
  font-size: 14px;
  margin-bottom: 2px;
}

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

.hrdRef_UL .rdIncFace {
  display: flex;
  gap: 0px 15px;
  flex-direction: row;
  flex-wrap: wrap;
}

.hrdRef_UL li a {
  font-weight: 500;
  text-decoration: underline !important;
  color: var(--color-secondary);
}

.hrdRef_UL li a:hover {
  color: var(--color-primary);
}

.rrComman_headGuest {
  margin-top: 15px;
  margin-bottom: 20px;
}

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

.guestDet_div label {
  font-weight: 500;
  font-size: 16px;
  color: var(--text-primary);
  display: block;
  margin-bottom: 0;
}

.guestDet_div .rdLabel span {
  font-weight: 500;
  font-size: 16px;
  color: var(--color-secondary);
  margin-bottom: 0;
}

.hrbDiv .rr_travDetails_ul {
  margin-top: 8px;
}

.guestDet_div .vmCheck_lbl {
  padding-top: 0px;
}

.guestDet_div .vmCheck_lbl .checkmark {
  border-radius: 7px;
}

.hrbDiv .hrdGuestDiv {
  margin-top: 0px;
}

.rrPassportUL li div {
  flex: 1 1 20% !important;
}

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

.rrArrival .rrComman_headGuest {
  margin-top: 0px !important;
}

.rrArrival .fieldDiv {
  flex: 1 1 30% !important;
}

.specialDiv .rrComman_headGuest {
  margin-bottom: 12px;
}

.specialDiv span {
  margin-bottom: 12px !important;
  display: inline-block;
  width: 100%;
}

.rrGST .rrComman_headGuest {
  margin-top: 0px;
}

.rrGST .guestDet_div {
  margin-bottom: 8px;
}

.hrdContactPara label {
  font-weight: 500;
  font-size: 16px;
  color: var(--text-primary);
  display: block;
  margin-bottom: 0;
}

.rrCT .rr_travDetails_ul li .fieldDiv {
  flex: 1 1 30%;
}

.hrdContactPara button {
  max-width: auto !important;
  min-width: auto;
  padding: 10px 25px 9px 25px;
  font-size: 16px;
}

.hrdLogin {
  display: flex;
  align-items: center;
  gap: 0px 16px;
}

.hrdLogin a {
  white-space: nowrap;
  color: var(--text-shade);
}

.hrdLogin a:hover {
  color: var(--color-primary);
}

.hcpDiv {
  display: flex;
  align-items: center;
  gap: 0px 70px;
}

.hotelReviewPop .hotelDesc {
  padding: 0px 0px 16px 0px !important;
}

.hrbDivModel .rrComman_headGuest {
  margin-bottom: 14px;
}

.modelRSpan {
  font-size: 16px;
  margin-right: 16px;
}

.hrbDivModel .fareDetauls_ul {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0px 20px;
}

.hrdBtnDiv {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--color-bdr);
  padding-top: 16px;
  margin-top: 35px;
  flex-direction: row-reverse;
}

.hrdBtnDiv button {
  min-width: unset;
  font-size: 16px;
  padding: 9px 30px 8px 30px;
}

.hrdBtnDiv button.btnBorder {
  box-shadow: unset;
}

.hrdBtnDiv button.btnBorder:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

/*End Hotel Itinerary Details css*/

/*Start Hotel Confirmation Details css*/

.hotelConfSec {
  margin-top: 40px;
}

.hotelConfSec .hotelDesc {
  padding-top: 0px;
  margin-bottom: 20px;
}

.hcd_ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}

.hcd_Div {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
}

.rdIncSpan_hrd {
  padding-left: 0px;
}

.rdIncSpan_hrd::before {
  content: unset;
}

.hcd_room .rdIncDiv {
  display: flex;
  gap: 0px 16px;
  margin-top: 4px;
}

.hcd_room .rdIncSpan {
  min-width: unset;
  font-size: 14px;
}

.hcd_room .rdDiv {
  margin-top: 12px;
}

.rdLabel_hrd span {
  color: var(--text-secondary);
  margin-left: 8px;
}

.hcd_guestSpan {
  color: var(--text-secondary);
  margin-right: 8px;
}

.rdDiv_guest p {
  line-height: 22px;
  color: var(--text-secondary);
}

.smallHead {
  font-weight: 600;
  font-size: 16px;
  color: var(--text-primary);
  display: block;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

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

.gstUL li {
  flex: 1 1 30%;
}

.fieldSmall {
  display: block;
  font-size: 12px;
  color: var(--text-shade);
}

.fieldLabel {
  display: block;
  font-size: 14px;
  color: var(--text-primary);
  font-weight: 500;
}

.hc_traveDetails {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0px 16px;
}

.hc_traveDetails>li {
  flex: 1;
}

.hc_table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--color-bdr);
}

.hc_table th {
  padding: 10px 8px;
  background-color: var(--color-bg-shade);
  color: var(--text-primary);
}

.hc_table td {
  padding: 8px 8px;
  color: var(--text-secondary);
  border: 1px solid var(--color-bdr);
}

.hc_para {
  font-size: 14px;
  margin-top: 10px;
  color: var(--text-secondary);
}

.travImg {
  width: 6.5px;
  opacity: 0.6;
  vertical-align: 0px;
  margin-right: 3px;
}

.hcInnerUL li {
  flex: auto;
}

.hcdPara {
  margin-bottom: 12px;
}

.bookingId {
  font-size: 14px !important;
  font-weight: 500 !important;
  margin-top: 2px !important;
}

.bookingId span {
  color: var(--text-secondary);
}

.cancelRemarks {
  resize: none;
  width: 100%;
  height: 80px;
  border-radius: 8px;
  padding: 15px;
  border: 1px solid var(--color-bdr);
}

.cancelRemarks:focus {
  border: 1px solid #b5b5b5;
  background-color: var(--color-bg-shade);
}

.hrdNote label {
  font-weight: 500 !important;
  color: var(--color-secondary);
}

.hrdNote label img {
  width: 15px;
  vertical-align: -3px;
}

.hrdNote p {
  line-height: 22px;
  margin-bottom: 8px;
  font-size: 14px;
}

#hotelSeemore_popup {
  margin-top: 68px;
}

#hotelSeemore_popup .hotelDesc ul li,
.rdCommanDiv_about ul li {
  font-size: 12px !important;
  line-height: 20px;
  padding-left: 14px;
  position: relative;
}

#hotelSeemore_popup .hotelDesc ul li::before,
.rdCommanDiv_about ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: var(--color-secondary);
}

.rdCommanDiv_about ul li,
.rdCommanDiv_about p {
  font-size: 14px !important;
  line-height: 20px;
  margin-bottom: 8px;
}

.starShare li::before,
.hr_address_ul li::before {
  content: unset !important;
}

.starShare li,
.hr_address_ul li {
  padding-left: 0px !important;
}

.sec_hotelSearchDetails .container {
  display: none;
}

.hdSummaryDiv small {
  float: right;
  margin-top: -14px;
  margin-bottom: 16px;
}

ul.transferDiv {
  display: flex;
  flex-wrap: wrap;
}

.rdAminSpan img {
  position: absolute;
  left: 0;
  top: 0px;
}

#modifyModal .fieldDiv {
  margin-bottom: 4px;
}

.confirmHotelModel .btnSmall {
  float: right;
}

.modal-body {
  display: inline-block;
  width: 100%;
}

/*End Hotel Confirmation Details css*/

/*Start Loader Css*/

.loadingDiv {
  max-width: 600px;
  margin: auto;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 15px;
  overflow: hidden;
}

.loadBg {
  background-image: url(./img/loadbg.png);
  padding: 94px 0px;
}

.loadBg img {
  width: 120px;
  margin: auto;
  display: block;
  border-radius: 8px;
}

.loadTextDiv {
  display: inline-block;
  background-color: #fff;
  padding: 26px 16px 16px 16px;
  border-radius: 20px;
  margin-top: -20px;
}

.loadText1 {
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  color: var(--color-secondary);
}

.loadTextdata {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin: 6px 0px;
  color: var(--color-primary) !important;
}

.loadText2 {
  display: block;
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  color: var(--color-secondary);
}

#rapid_fire_draft_loading {
  box-shadow: 2px 4px 18px rgba(0, 0, 0, 0.2) !important;
}

/*End Loader Css*/

/*Start Compare Css*/

.compareUL {
  display: flex;
  gap: 0px 12px;
  max-width: 780px;
  margin: auto;
}

.compareUL li {
  display: flex;
  align-items: center;
  gap: 0px 12px;
  flex: 1;
  border: 1px solid #ddd;
  padding: 8px;
  border-radius: 10px;
  background-color: #f7f7f7;
}

.compareUL li img {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  object-fit: cover;
}

.compareBlockFixed {
  position: fixed;
  width: 100%;
  bottom: 21px;
  z-index: 1;
  left: 0;
  text-align: center;
}

.compareDivOuter {
  background-color: #fff;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0px 11px 17px rgba(0, 0, 0, 0.2);
  z-index: 1;
  position: relative;
  display: inline-block;
  text-align: left;
}

.compareDiv label {
  display: block;
  margin: 0px;
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 0px;
  line-height: 16px;
}

.compareDiv a {
  color: #dc3545;
  font-size: 12px;
  font-weight: 500;
}

.compareDivOuter button {
  margin: auto;
  margin-top: 11px;
  min-width: unset;
  padding: 10px 24px;
  width: unset;
}

.compareHotelUL li {
  flex-direction: column;
}

.compareHotelUL .hotelImage img {
  width: 100%;
  height: 150px;
}

.compareHotelUL .hr_price_div {
  gap: 0px 16px;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  border-radius: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.compareHotelUL .hr_price_div .btnPrimary {
  height: 45px;
}

.compareHotelUL {
  display: flex;
  gap: 0px 15px;
}

.compareHotelUL .hotelDesc {
  padding: 10px 10px 4px 10px !important;
  min-height: 140px;
}

.compareHotelUL .hotelDesc>label {
  font-size: 18px;
}

#compareModel .modal-dialog {
  width: min-content;
  margin: 30px auto;
  max-width: 900px;
}

.compareHotelUL .hrNight,
.compareHotelUL .taxAmt_small {
  white-space: nowrap;
}

.compareHotelUL>li {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}

.shareLabel {
  display: none;
}

.shareonW {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ddd;
  padding-top: 16px;
}

.shareLabel {
  font-weight: 600;
  color: #222;
  font-size: 16px;
  margin: 0;
  border-bottom: 1px solid #ddd;
  width: 100%;
  padding-bottom: 8px;
  margin-bottom: 16px;
}

.btnSharewhatsapp {
  display: block !important;
  font-weight: 500;
  color: #fff;
  padding: 8px 11px;
  font-size: 16px;
  letter-spacing: 0.5px;
  border-radius: 15px;
  background-color: #41c452;
}

.btnSharewhatsapp img {
  width: 22px;
  vertical-align: -5px;
  margin-right: 8px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
  font-weight: 600 !important;
  font-size: 20px !important;
  margin-top: 2px;
}

.od_div_outer a.btnPrimary {
  padding: 7px 12px !important;
  width: 88px;
  border-radius: 8px;
  float: right;
  margin-top: 10px;
  font-size: 14px;
}

.od_div_outer a.hvr-rectangle-out:before {
  border-radius: 8px;
}

.confHotel_img {
  width: 250px;
  height: 164px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 20px;
}

.hotelDesc_Confirmation {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0px 16px;
}

/*End Compare Css*/

/*Start Share Model Css*/
.modal-content .modelHotelDesc {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

#shareModel .hr_price_div {
  padding: 12px 10px;
}

/*End Share Model Css*/

/*Start Footer Css*/
.footerSec {
  padding: 50px 0px;
  background-color: var(--color-bg-shade);
}

.footerHead {
  font-weight: 600;
  font-size: 16px;
  display: block;
  color: var(--text-primary);
}

.footerPara_div p {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 13px;
  color: var(--text-secondary);
}

.footerPara_div a {
  color: var(--text-secondary);
  font-size: 13px;
  margin-right: 4px;
}

.footerLink_col {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footerLink_col li {
  width: 18%;
}

.footerLink_col li a {
  color: var(--text-secondary);
  display: block;
  margin-bottom: 8px;
}

.footerLink_col li span {
  color: var(--text-secondary);
}

.footerLink_col .footerHead {
  margin-bottom: 15px;
}

.modal.in .modal-dialog {
  margin-top: 100px !important;
}

/*End Footer Css*/

/*Start Bus Iternerary Css*/

.busIterUl li {
  gap: 0px 12px;
  flex-wrap: nowrap;
}

.busTD_width {
  max-width: 90px;
}

.busTD_age {
  max-width: 70px;
}

.cnl_busCharges {
  max-width: 100px;
  text-align: right;
}

.bus_reviewTable {
  margin-top: 16px;
}

.bus_reviewTable table {
  width: 100%;
  border: 1px solid #dddddd;
  margin-bottom: 13px;
}

.bus_reviewTable table td {
  border-bottom: 1px solid #dddddd;
}

.bus_reviewTable table tr:last-child td {
  border-bottom: 0px;
}

.bus_insuranceUL {
  display: flex;
  align-items: start;
  gap: 0px 12px;
  margin-bottom: 16px;
  overflow-x: auto;
}

.bus_insuranceUL li {
  display: flex;
  align-items: center;
  gap: 0px 9px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 8px;
  flex: auto;
  min-width: 200px;
}

.bi_icon {
  background-color: var(--color-bg-shade);
  padding: 8px;
  border-radius: 4px;
  width: 50px;
}

.bi_amount {
  font-weight: 500;
  font-size: 14px;
  color: var(--color-secondary);
  margin-bottom: -23px;
  white-space: nowrap;
}

.bi_amount img {
  width: 13px;
  vertical-align: -2px;
}

.bi_title {
  font-weight: 600;
  font-size: 12px;
  color: var(--text-secondary);
  display: block;
  margin: 0;
  line-height: 15px;
}

.busReview_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-bdr);
  padding-bottom: 13px;
  position: relative;
}

.busReview_title .rrComman_head {
  display: inline-block;
  border: 0;
  margin: 0px !important;
  padding: 0;
}

.reviewDiv_timer {
  display: flex;
  align-items: center;
  gap: 0px 8px;
}

.busTimer {
  font-weight: 500;
  font-size: 12px;
  padding: 6px 8px;
  border: 1px solid var(--color-secondary);
  border-radius: 8px;
  color: var(--color-secondary);
  white-space: nowrap;
}

.busTimerText {
  font-size: 12px;
  display: inline-block;
  line-height: 14px;
}

.busTimerText a {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-secondary);
}

#insuranceBenefits .bus_insuranceUL {
  gap: 12px 12px;
  flex-wrap: wrap;
  padding: 15px;
  margin: 0;
}

#insuranceBenefits .vmCheck_lbl {
  padding-left: 17px;
  margin-bottom: 20px;
}

#insuranceBenefits .bus_insuranceUL li {
  flex: 0 100%;
}

#insuranceBenefits .modal-header .close {
  opacity: 1;
  margin-top: 1px;
}

#insuranceBenefits .modal-header .close img {
  width: 20px;
}

.busRouteUl {
  padding: 5px 0px;
}

.busRouteUl li {
  position: relative;
  padding-left: 36px;
  margin: 15px 0px 23px 0px;
}

.busRouteUl li:last-child {
  margin: 15px 0px 0px 0px;
}

.buslocPin {
  position: absolute;
  left: 0;
  top: 1px;
  width: 23px;
}

.busCity {
  font-size: 18px;
  font-weight: 500;
  color: var(--text-primary);
  margin-right: 7px;
  display: block;
  margin-bottom: 0px;
}

.busSpan {
  margin-right: 10px;
  vertical-align: 1px;
}

.busSpan img {
  margin-right: 4px;
  vertical-align: -5px;
}

.busCompanyLi {
  padding-left: 81px !important;
}

.busDetailSpan {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-right: 7px;
}

.busDetailSpan img {
  position: absolute;
  left: 0;
  top: -11px;
}

.returnDiv {
  border-top: 1px solid var(--color-bdr);
  margin-top: 15px;
}

.tabReturn,
.tabOnwards {
  display: inline-block;
  background-color: var(--color-bg-shade);
  font-size: 16px;
  font-weight: 500;
  padding: 8px 30px 6px 30px;
  border: 1px solid var(--color-bdr);
  margin-top: -1px;
  color: var(--color-secondary);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.policyReturn {
  display: flex;
  gap: 0px 12px;
}

.busTravelerHead_div {
  border-bottom: 1px solid var(--color-bdr);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 15px;
}

.busTravelerHead_div label {
  margin: 0;
  font-size: var(--reg-20);
  font-weight: 700;
  display: block;
  color: var(--text-primary);
}

.bus_travList {
  position: relative;
}

.bus_travList img {
  width: 18px;
  position: absolute;
  left: 10px;
  top: 11px;
}

.bus_travList input {
  width: 100%;
  font-size: 14px;
  color: #444;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  padding: 8px 15px 8px 34px;
  appearance: none;
  font-weight: 400;
  background-color: #fff;
  resize: none;
}

.bus_travList input:focus {
  border: 1px solid #eaeaea;
  background-color: #f7f7f7;
}

.busTravelerLIst_ul {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
  flex-wrap: wrap;
  overflow-y: auto;
  max-height: 200px;
}

.busTravelerLIst_ul li {
  min-width: 50%;
}

.bustravCheck .checkmark {
  top: 0px;
}

.bustravCheck span {
  color: #999;
  font-size: 12px;
}

.bus_reviewTable_ul li {
  flex: auto;
}

.modal-headerReturn {
  margin-bottom: -15px;
}

.bus_revInnerUl {
  flex-wrap: nowrap;
}

.busdriv_ul li .rd_Value {
  font-size: var(--reg-14);
  font-weight: 400;
}

.finalAmt_div {
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #ededed;
  padding: 0px 16px;
  margin-bottom: 25px;
  border-radius: 9px;
  display: flex;
  margin-top: 24px;
}

.finalAmt_div h4 {
  font-weight: 600 !important;
  font-size: 22px;
}

.finalAmt_div h4 img {
  width: 10px;
  vertical-align: 0px;
  margin-right: 3px;
  opacity: 0.9;
}

.addPoint_ul {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 14px;
  border: 1px solid #ddd;
  overflow: hidden;
}

.addPoint_ul li {
  flex: 1;
}

.addPoint_ul li div {
  padding: 15px 15px 0px 15px;
}

.addHead {
  display: block;
  font-weight: bold;
  background-color: #ededed;
  padding: 12px 15px;
  white-space: nowrap;
}

.addTitle {
  display: block;
  font-size: 13px;
  color: var(--text-shade);
}

.addValue {
  color: var(--text-secondary);
  font-size: var(--reg-14);
}

.cancelattionReturn {
  display: flex;
  gap: 0px 16px;
}

.swap-img {
  display: none;
}

.busSpanAc {
  display: block;
  position: relative;
  padding-left: 30px;
  color: #888;
}

.traveList_outer {
  margin-bottom: 16px;
}

.travelOver {
  height: 264px;
  overflow-y: auto;
}

.busFilterLI {
  min-width: 250px;
}

.busFUL li {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 0px 12px;
}

.busFPrice {
  width: 110px;
  position: relative;
  border: 1px solid #ddd;
  height: 45px;
  border-radius: 6px;
  display: flex;
  overflow: hidden;
  padding-left: 10px;
}

.filterIcon_Bus img {
  width: 26px !important;
}

.busFPrice span,
.busFPrice_select span {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #ddd;
  height: 43px;
  object-fit: none;
  width: 33px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}

.busFPrice_select span {
  font-weight: 500;
  color: #000;
  padding: 11px 5px;
  height: 43px;
  left: unset;
  right: 0;
}

.busFPrice input,
.busFPrice_select select {
  border: 0;
  padding: 10px 10px 10px 29px;
  width: 100%;
  border-radius: 5px;
  font-size: 16px;
}

.busFPrice_select select {
  padding: 10px 0px 10px 0px;
  width: 62px;
}

.busWays_ul {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  gap: 8px 16px;
  flex-wrap: wrap;
}

.busWays_ul li {
  background-color: var(--color-bg-blue-shade);
  display: flex;
  justify-content: space-between;
  padding: 11px 16px 10px 16px;
  align-items: center;
  border-radius: 8px;
  flex: auto;
  gap: 16px;
}

.bwTitle {
  font-size: 16px;
  margin: 0;
  font-weight: 500;
  color: var(--color-secondary);
}

.bwRoute {
  font-size: 16px;
  font-weight: 500;
}

.bwRoute img {
  width: 19px;
  margin-left: 4px;
  margin-right: 5px;
}

.bwDate {
  font-size: 16px;
  color: var(--text-shade);
}

.busInfo_outer {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  background-color: var(--color-bg-shade);
  border-radius: 16 px;
  margin-bottom: 16px;
}

.busInfo_outer>li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px 24px;
}

.busInfo_title {
  font-weight: 500;
  font-size: 15px;
  color: var(--text-secondary);
}

.busInfo_title img {
  margin-left: 4px;
}

.busInfo_liCenter>span,
.busInfo_liCenter .bi_div {
  min-width: 80px;
  text-align: center;
}

.busInfo_outer>li:first-child {
  padding: 0px;
  min-width: 19%;
}

.busInfo_Details>li:first-child {
  padding: 0px 16px;
  min-width: 19%;
}

.bi_busTitle {
  font-size: 18px;
  font-weight: 500;
  display: block;
  color: var(--text-primary);
}

.bi_busTitle span {
  display: block;
  font-size: 12px;
  color: var(--text-shade);
}

.accBI_cancel {
  color: var(--color-secondary);
}

.accBus_heading {
  padding: 0px;
}

.accBus_Default {
  border: 0px;
  margin-top: 16px !important;
}

.accBus_heading .busInfo_outer {
  margin-bottom: 0px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 0;
  border-radius: 16px;
}

.bi_div label {
  display: block;
  font-weight: 500;
  font-size: 16px;
  margin: auto;
  text-align: center;
  color: var(--text-primary);
}

.spanSmallGary {
  display: block;
  font-size: 12px;
  color: var(--text-shade);
}

.bu_pb_li1 {
  min-width: 60%;
}

.bu_pb_ul {
  display: flex;
  gap: 0px 20px;
}

.bu_pb_ul li {
  flex: auto;
}

.bu_pb_li2 {
  min-width: 36%;
}

.busTip {
  font-size: 12px;
  display: block;
  margin-bottom: 10px;
}

.brHead {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
}

.busClass_ul {
  display: flex;
  gap: 0px 12px;
  margin-bottom: 16px;
}

.busClass_li1 span {
  font-size: 12px;
}

.br_upper label {
  font-weight: 500;
  display: block;
  margin-top: 16px;
  color: var(--text-secondary);
}

.br_upper img {
  width: 100%;
}

.br_Points {
  margin-top: 6px;
}

.commanSelect {
  width: 100%;
  border: 1px solid #ddd;
  margin-top: 5px;
  height: 35px;
  border-radius: 6px;
}

.br_pointAdd {
  display: inline-block;
  padding: 8px;
  background-color: #f4f4f4;
  border-radius: 12px;
  margin-top: 12px;
}

.brLabelSmall {
  display: block;
  font-weight: 500;
  margin-bottom: 0px;
  color: var(--text-primary);
}

.br_pointAdd span {
  color: var(--text-secondary);
  font-weight: 300;
  font-size: 13px;
}

.br_pointAdd span.spanSmallGary {
  font-weight: 500;
  color: var(--text-primary);
}

.brAmountDiv {
  margin-top: 16px;
}

.brSeat {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0;
  color: #666;
}

.brSeat span {
  font-weight: 500;
  font-size: 16px;
}

.brAmount {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-weight: 600;
  font-size: 20px;
}

.brAmount span {
  font-weight: 600;
  font-size: 20px;
}

.brAmount span img {
  width: 9px;
  vertical-align: 0px;
  margin-right: 1px;

}

.brButtonDiv {
  display: inline-block;
  border-top: 1px solid #ddd;
  padding-top: 16px;
  margin-top: 7px;
  width: 100%;
}

.brButtonDiv button {
  min-width: 180px;
  float: right;
}

.boardingPoint {
  width: 250px;
  border-radius: 12px;
}

.boardingPoint label {
  text-align: left;
  padding: 0px 16px;
  margin-top: 5px;
  font-size: 14px;
  display: block;
  font-weight: 500;
}

.boardingPoint p {
  font-size: 12px;
  color: var(--text-secondary);
  padding-left: 15px;
  position: relative;
  line-height: 17px;
  margin-top: 1px;
}

.boardingPoint p::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 15px;
  background-color: #0b4573;
  position: absolute;
  left: 0;
  top: 5px;
}

.boardingPoint span {
  margin-left: 10px;
  font-size: 12px;
  color: var(--text-shade);
  white-space: nowrap;
}

.boardingPoint_ul {
  height: 150px;
  overflow-y: auto;
  margin-top: 8px;
}

.boardingPoint_ul li {
  display: flex;
  padding: 0px 16px;
}

.cancellationTable {
  margin-top: 11px;
  margin-bottom: 7px;
}

.cancellationTable th {
  background-color: #ededed;
  padding: 8px 8px;
  font-size: 12px;
  font-weight: 600;
}

.cancellationTable td {
  padding: 4px 8px;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
}

.cancellationTable tr:last-child td {
  border: 0px;
}

.boardingPointCan {
  width: 300px;
  left: -198px;
}

.boardingPoint_div {
  padding: 0px 16px;
}

.boardingPoint_drop {
  left: -103px;
}

.clearFilter {
  color: var(--color-secondary) !important;
  margin-bottom: 9px;
  display: inline-block;
}

.vm_doc_label {
  font-weight: 500;
  font-size: 16px;
  margin-top: 10px;
  color: #222;
}

.rr_rev_can p {
  line-height: 20px;
  margin-bottom: 6px;
}

.rr_rev_can p.vm_doc_p::before {
  top: 6px;
}

.termsPanel .panel-default {
  border-color: #fff;
  box-shadow: unset;
}

.termsPanel .panel-default>.panel-heading {
  padding: 0;
}

.termsPanel .rrComman_head {
  padding-bottom: 16px;
}

.termsPanel .pt_imgCollapes {
  float: right;
  margin-top: 9px;
  width: 18px;
  transform: rotate(0deg);
  transition: all 0.4s ease 0s;
}

.termsPanel .panel-title label[aria-expanded="true"] .pt_imgCollapes {
  transform: rotate(-180deg);
}

.termsPanel .panel-title label {
  cursor: pointer;
}

/*End Bus Iternerary Css*/

/*Start Flight Iternerary Cab Section Css*/

.itiCabHead {
  display: flex;
  gap: 0px 10px;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
  flex-wrap: wrap;
}

.itiCabHead label {
  font-size: 20px;
  border: 0px;
}

.itiCabHead label span {
  display: block;
}

.if_cab_head {
  font-weight: 500;
  font-size: 18px;
  color: var(--text-primary);
  margin: 15px 0px;
}

.if_cab_head span {
  font-weight: 500;
  font-size: 18px;
  color: var(--color-secondary);
  margin: 0px 4px;
}

.airportUl {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.airportUl>li {
  border: 1px solid #ddd;
  padding: 16px 16px 4px 16px;
  border-radius: 12px;
  flex: 1;
}

.checkAirport_div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.checkAirport {
  font-weight: 500;
  font-size: 16px;
  padding-top: 0px;
  margin: 0;
  color: var(--text-primary);
}

.airportDate {
  color: var(--color-secondary);
  font-weight: 500;
}

.fcDropUL {
  margin-bottom: 12px;
}

.fcDropUL>li {
  display: flex;
  gap: 0px 8px;
}

.fcDropUL>li select {
  border: 1px solid #ddd;
  padding: 2px 4px;
  flex: auto;
  border-radius: 4px;
  font-size: 12px;
  color: var(--text-secondary);
}

.fcaName {
  font-size: 12px;
  font-weight: 600;
  color: #222;
  display: inline-block;
  width: 100%;
  margin-bottom: 7px;
}

.fcKm {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}

.fcKm_span {
  font-size: 12px;
  color: var(--text-primary);
  display: inline-block;
}

.fcKm_span img {
  width: 6px;
  vertical-align: -1px;
  margin-left: 6px;
  opacity: 0.5;
  margin-right: 2px;
}

.fcKm_span span {
  font-size: 12px;
  color: var(--text-shade);
  display: inline-block;
  margin-bottom: 0px;
}

.fcKm_label {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  display: inline-block;
  margin-bottom: 0px;
}

.fcKm_label img {
  width: 6px;
  vertical-align: 0px;
  margin-right: 1px;
}

.fcAddress {
  margin-bottom: 6px;
}

.fcHead {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #222;
  margin-bottom: 6px;
}

.fcAddress textarea {
  width: 100%;
  height: 48px;
  padding: 5px 10px;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.fcAddon .vmCheck_lbl {
  padding-top: 0;
}

.fcAddon .vmCheck_lbl img {
  width: 6.5px;
  vertical-align: 0px;
  margin-right: 1px;
  opacity: 0.7;
  margin-left: 4px;
}

.fcNote {
  display: flex;
  margin-top: 8px;
  margin-bottom: -5px;
}

.fcNote p.vm_doc_p::before {
  left: 0px;
  top: 10px;
}

/*End Flight Iternerary Cab Section Css*/

.insItenPage {
  border: 1px solid #ddd;
  padding: 16px;
  margin-top: 20px;
  border-radius: 16px;
  margin-bottom: 50px;
}

.insPlanSec .insItenPage
{
  background-color: #fff;
    margin-top: 190px;
}

.insItenPage .modal_title_head {
  border-bottom: 1px solid #ddd;
  margin-bottom: 16px;
}

.totalAmt_tm {
  width: 7px;
  vertical-align: 0px;
  opacity: 0.6;
}

.ins_finalAmt {
  display: flex !important;
  justify-content: space-between;
  font-weight: 600 !important;
  font-size: 20px;
  width: 100%;
  margin-top: 2px;
  margin-bottom: 2px;
}

.ins_finalAmt span {
  font-weight: 600 !important;
  font-size: 20px;
}

.ins_finalAmt span img {
  width: 10px;
  vertical-align: -1px;
  opacity: 0.8;
}

.rrleftbg {
  background-color: var(--color-bg-shade);
}

.paxFont {
  font-size: 16px !important;
  color: var(--text-secondary);
}

.eTicketTable {
  border-radius: 15px;
  overflow: hidden;
  outline: 1px solid #ddd;
  width: 100%;
}

.eTicketTable th {
  background-color: #ededed;
  padding: 12px 15px;
  white-space: nowrap;
}

.eTicketTable th p {
  font-weight: 600 !important;
}

.eTicketTable td {
  padding: 12px 15px;
  white-space: nowrap;
  border-bottom: 1px solid #ddd;
}

.smallDate {
  display: block;
}

.yourTrav {
  margin: auto;
  display: block;
  border: 1px solid var(--color-bdr);
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 13px;
  text-align: center;
  width: 460px;
  background-color: var(--color-bg-blue-shade);
  color: var(--color-secondary);
}

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






/*Start Thanyou Page CSS*/

.tySec {
  border: 1px solid #ddd;
  padding: 50px;
  border-radius: 20px;
  width: 600px;
  margin: 150px auto 60px auto;
  text-align: center;
}

.tySec h3 {
  margin-bottom: 25px;
  color: #0b4573;
  ;
}

.tySec .rrComman_headOnly {
  font-size: 18px;
  font-weight: 500 !important;
  margin-bottom: 5px;
}

.appDiv {
  margin-top: 40px;
}

.appDiv img {
  height: 50px;
}

.aaDetails {
  display: flex;
  margin-top: 11px;
  border: 1px solid #ddd;
  padding: 5px 1px 1px 1px;
  border-radius: 8px;
  background-color: #f7f7f7;
}

.aaDetails li {
  flex: auto;
}

.aaTile {
  color: #444;
  font-weight: 400;
  display: block;
  font-size: 12px;
}

.aaTile span {
  color: #222;
  font-weight: 500;
  display: block;
  font-size: 14px;
}

.docUl {
  display: flex;
  gap: 0px 20px;
  text-align: center;
  justify-content: center;
  margin-top: 8px;
  margin-bottom: 13px;
  flex-wrap: wrap;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #f7f7f7;
}

.docUl li p {
  position: relative;
  padding-left: 16px;
}

.docUl li p::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  background-color: var(--color-secondary);
  position: absolute;
  left: 0;
  top: 6px;
}

.myBookingTab #myInsuranceBooking .dataTables_wrapper .dataTables_filter {
  margin-bottom: 13px;
}

.myBookingTab #myInsuranceBooking #datatable4_wrapper {
  margin-top: 0px;
}

.myBookingTab #myInsuranceBooking #datatable4 {
  border: 1px solid #ddd !important;
  border-radius: 15px;
}


.thanksdivImg {
  margin-bottom: 35px;
}

.thanksdivImg img {
  width: 160px;
}

.myRefundTab .myRefund .table thead th {
  border-bottom: 0;
  border-right: 0;
}

.myRefundTab .myRefund .table tbody td {
  border-bottom: 0 !important;
}

.myRefundTab .myRefund .table thead tr:first-child th:first-child {
  border-bottom: 1px solid #2d5f87 !important;

}

.myRefundTab .myRefund .table tbody tr:first-child td:first-child {
  border-bottom: 1px solid #2d5f87 !important;
  border-top: 1px solid #0b4573 !important;
}


.myRefundTab .myRefund .table tbody tr:nth-child(2) td:first-child {
  border-top: 1px solid #0b4573 !important;
}



.myRefundTab .myRefund .table tbody tr td:first-child {
  border-top: 1px solid #2d5f87 !important;

}

.myRefundTab .myRefund .dt-buttons a {
  margin-left: 4px;
  margin-bottom: 0px;
  margin-top: 5px;
  margin-right: 15px;
  background-image: none;
  text-decoration: none !important;
  border-radius: 7px;
  padding-top: 8px;
  border: 1px solid #dadada;
  color: #222;
}

.myRefundTab .myRefund .dt-buttons {
  margin-left: 0px;
}

.myRefundTab .myRefund #datatable1_filter {
  margin: 0;
}

.myRefundTab .myRefund .dataTables_filter input {
  margin: 0;
  margin-left: 12px !important;
}

.myRefundTab .myRefund #datatable1_filter label {
  color: #444;
}

.myRefundTab .myRefund .visaTable_div table>thead>tr>th {
  max-width: unset !important;
}


.myRefundTab #myHotelBooking .visaTable_div table tbody tr td:first-child,
.myRefundTab #myHotelBooking .visaTable_div table thead tr th:first-child,
.myRefundTab #myBusBooking .visaTable_div table tbody tr td:first-child,
.myRefundTab #myBusBooking .visaTable_div table thead tr th:first-child,
.myRefundTab #myCabBooking .visaTable_div table tbody tr td:first-child,
.myRefundTab #myCabBooking .visaTable_div table thead tr th:first-child,
.myRefundTab #myInsuranceBooking .visaTable_div table tbody tr td:first-child,
.myRefundTab #myInsuranceBooking .visaTable_div table thead tr th:first-child {
  max-width: 100px !important;
}

.myRefundTab #myFlightBooking .visaTable_div table tbody tr td:first-child,
.myRefundTab #myFlightBooking .visaTable_div table thead tr th:first-child {
  max-width: 160px !important;
}

.myRefundTab #myFlightBooking .visaTable_div table thead tr th:nth-child(2) {
  width: 26% !important;
}

.myRefundTab #myFlightBooking .visaTable_div .table-responsive,
.myRefundTab #myBusBooking .visaTable_div .table-responsive,
.myRefundTab #myCabBooking .visaTable_div .table-responsive,
.myRefundTab #myHotelBooking .visaTable_div .table-responsive,
.myRefundTab #myInsuranceBooking .visaTable_div .table-responsive {
  border: 0px !important;
  margin-top: 0px !important;
}

.myRefundTab #myFlightBooking .dataTables_wrapper .dataTables_filter,
.myRefundTab #myBusBooking .dataTables_wrapper .dataTables_filter,
.myRefundTab #myCabBooking .dataTables_wrapper .dataTables_filter,
.myRefundTab #myHotelBooking .dataTables_wrapper .dataTables_filter,
.myRefundTab #myInsuranceBooking .dataTables_wrapper .dataTables_filter {
  margin: 0px;
}

.myRefundTab .tabBG {
  padding: 30px 24px 15px 24px;
}

.myRefundTab #myFlightBooking td::before,
#myBusBooking td::before,
.myRefundTab #myCabBooking td::before,
#myHotelBooking td::before,
.myRefundTab #myInsuranceBooking td::before {
  display: none;
}

.myRefundTab #myInsuranceBooking table thead tr th:nth-child(4) {
  width: 14% !important;
}

/*End Thanyou Page CSS*/


/*Start Sales Dashboard CSS*/

.salesDash .bannerHead_new {
  font-size: 20px;
  margin: 0;
  border-bottom: 1px solid #ddd;
  font-weight: 500 !important;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #222;
}

.salesDash .table.dataTable.no-footer {
  border: 1px solid #ddd !important;
  width: 99.80%;
  overflow: hidden;
  border-radius: 12px !important;
  margin: 0px !important;
}

.salesDash table th {
  border: 0 !important;
  background-color: var(--color-bg-shade);
  font-weight: 500 !important;
  color: #222;
}

.salesDash table tbody td {
  padding: 8px 15px;
  background-color: #fff;
}

.salesDash .toolbar,
.salesDash .searchfilter {
  margin-bottom: 15px;
  margin-right: 0;
}

.salesDash .dataTables_length {
  margin-bottom: 15px;
}

.salesDash table tbody tr:last-child td {
  border-bottom: 0px;
}

.salesDash table tbody tr td {
  border-right: 0px;
  vertical-align: middle;
}

.ps_value img {
  vertical-align: -2px;
  width: 15px;
  float: right;
}


.salesDash table td {
  border-right: 0px;
}

.salesDash .cardDiv .container_new {
  margin-bottom: 30px;
}

.salesDash .table-responsive {
  min-height: .01%;
  overflow-x: auto;
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 15px;
}

.salesDash .container_new .table-responsive:last-child {
  margin-bottom: 0px;
}

.salesDash .dataTables_length label,
.salesDash .searchfilter label {
  font-weight: 500;
}

.salesDash .dataTables_length select {
  display: inline-block;
  width: 120px;
  height: 30px;
  margin: 0px 5px;
  border-radius: 4px;
}

.salesDash .searchfilter input,
.salesDash .toolbar input,
.salesDash .searchfilter select .salesDash .toolbar select,
#sale_user {
  display: inline-block;
  width: 200px !important;
  height: 30px;
  margin: 0px 5px;
  border-radius: 4px;
  padding: 0;
}

.salesDash .dataTables_wrapper.no-footer .dataTables_info {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  font-weight: 500;
  font-size: 12px;
}

.salesDash .dataTables_wrapper.no-footer .dataTables_paginate {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 13px;
  font-size: 12px;
  font-weight: 500;
}

.salesDash .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 4px 8px;
  min-width: 34px;
  font-size: 12px;
  font-weight: 500;
}


.salesDash .buttons-excel {
  padding: 0;
  text-decoration: none !important;
  font-size: 14px;
  padding: 3px 13px 1px 13px;
}

.salesDash .dataTables_filter label input[type=search] {
  display: inline-block;
  width: 120px;
  height: 30px;
  margin: 0px 5px;
  border-radius: 4px;
  margin-left: 8px !important;
  font-weight: 500;
}

.salesDash .dataTables_filter label {
  font-weight: 500 !important;
  text-align: left;
  color: #222;
}

.salesDash table thead th,
.salesDash table tbody td {
  padding: 4px 8px !important;
  font-size: 12px !important;
  text-align: left !important;
  font-weight: 400;
}

.salesDash table tbody td span {
  font-size: 12px !important;
  text-align: left !important;
  font-weight: 400;
  border: 0;
  margin: 0;
}

.salesDash .toolbar input,
.salesDash .searchfilter input {
  text-indent: 15px;
}

.salesDash .dataTables_wrapper .dataTables_filter input {
  padding: 5px 15px;
}

.sales_member select {
  display: inline-block;
  height: 30px;
  margin: 0px 5px;
  border-radius: 4px;
  margin-left: 8px !important;
  font-weight: 500;
  padding: 0px 8px;
}

.tableAgencies #sales_user {
  margin-left: 0px !important;
}

.tableAgencies .dataTables_length {
  margin-top: 0px !important;
  margin-bottom: -6px;
}




/*End Sales Dashboard CSS*/



/*Start Sales Statments CSS*/
.agentStat_tbl thead tr th {
  width: auto !important;
}

.salesState .astate_ul {
  flex-direction: column;
  padding-bottom: 18px;
}

.salesState .agencyForm p {
  font-size: 12px !important;
  font-weight: 500 !important;
  margin-bottom: 4px !important;
}

.salesState .astate_li2 a,
.salesState .astate_li2 button {

  display: inline-block !important;
  padding: 0 !important;
  height: 54px;
  padding: 0px 30px !important;
  line-height: 51px;
}


.salesState .no-footer .dataTables_filter label {
  display: flex !important;
  align-items: center !important;
  justify-content: end;
}

.salesState .no-footer #datatable1_filter label:before {
  display: none !important;
}

.salesState .no-footer .dataTables_filter label input {
  position: relative !important;
  padding-left: 15px !important;
  display: inline-block;
  width: 120px !important;
  height: 30px !important;
  margin: 0px 5px !important;
  border-radius: 4px !important;
  margin-left: 8px !important;
  min-width: 200px !important;
}

.salesState .dataTables_length select {
  display: inline-block;
  width: 120px;
  height: 30px;
  margin: 0px 5px;
  border-radius: 4px;
  background-color: #fff;
  background-position: 90% 11px;
}

.salesState #datatable1_filter {
  min-height: auto;
}

/*End  Sales Statments CSS*/




.myBookingTab #myInsuranceBooking .visaTable_div table>thead>tr>th:first-child,
.myBookingTab #myInsuranceBooking .visaTable_div table>tbody>tr>td:first-child {
  max-width: 80px !important;
}

.myBookingTab #myBusBooking .visaTable_div table>thead>tr>th:first-child,
.myBookingTab #myBusBooking .visaTable_div table>tbody>tr>td:first-child {
  max-width: 150px !important;
}

.myBookingTab #myCabBooking .visaTable_div table>thead>tr>th:first-child,
.myBookingTab #myCabBooking .visaTable_div table>tbody>tr>td:first-child {
  max-width: 150px !important;
}

.myBookingTab #myInsuranceBooking #datatable4_wrapper select {
  font-size: 15px;
  color: #000;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 0px 15px;
  font-weight: 400;
  background-color: #f8f8f8;
  height: 45px;
  width: 75px;
  margin-right: 15px;
}



/*Start Sales My Refund CSS*/

.mySalesRefundTab #myBusBooking .visaTable_div table>tbody>tr>td:first-child,
.mySalesRefundTab #myCabBooking .visaTable_div table>tbody>tr>td:first-child,
.mySalesRefundTab #myHotelBooking .visaTable_div table>tbody>tr>td:first-child {
  max-width: 210px !important;
}

.mySalesRefundTab #myFlightBooking .visaTable_div table thead tr th:nth-child(2),
.mySalesRefundTab #myBusBooking .visaTable_div table thead tr th:nth-child(2),
.mySalesRefundTab #myCabBooking .visaTable_div table thead tr th:nth-child(2),
.mySalesRefundTab #myHotelBooking .visaTable_div table thead tr th:nth-child(2),
.mySalesRefundTab #myInsuranceBooking .visaTable_div table thead tr th:nth-child(2) {
  width: 26% !important;
}

/*End  Sales My Refund CSS*/

/*start Sales Calender CSS*/

.salesAction {
  display: flex;
  gap: 0px 16px;
  margin-left: 16px;
  line-height: 30px;
}

/*End Sales Calender CSS*/


/*Start Flight Seat Section Css*/

.selectFlightSec {
  margin-top: 100px;
}

.sfHeading {
  margin-bottom: 20px;
}

.faAction {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 12px;
  margin-top: 30px;
}

.faAction button {
  padding: 12px 18px !important;
  min-width: unset !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.seatAssignHead {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.sah_Head {
  font-weight: 500;
  font-size: 16px;
  color: #222;
  margin-bottom: 0px;
}

.sah_Total {
  font-weight: 500;
  font-size: 20px;
  color: var(--color-secondary);
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}

.sah_Total .price {
  color: var(--color-secondary);
  font-size: 20px;
  font-weight: 500;
}

.sah_Total img {
  width: 18px;
  margin-left: 7px;
  margin-top: -2px;
}

.fRouteLeft {
  margin-bottom: 16px;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 15px;
}

.froutTitle {
  border: 1px solid #0b4573;
  color: #0b4573;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: 12px;
  margin-bottom: 12px;
  font-weight: 500;
  display: inline-block;
}

.froutTitle.active {
  background-color: #0b4573;
  color: #fff;
}

.fpaxLI1 .fancyRadio {
  padding-left: 25px;
  font-size: 14px;
}

.fpaxLI1 .checkmark {
  top: 0px;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 20px;
}

.fpaxLI1 .fancyRadio .checkmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
}


.fpaxUL li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.fpaxUL li:last-child {
  margin: 0px;
  ;
}

.seatLabel span {
  color: var(--color-secondary);
  font-weight: 500;
  min-width: 80px;
  display: inline-block;
  text-align: right;
  font-size: 16px;
  margin-top: 2px;
}

.faAction .btnBorder {
  background-color: #fff;
  border: 1px solid var(--color-secondary);
  color: var(--color-primary);
  border-radius: 16px;
  padding: 0px 14px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
}

.seatStatusUL {
  display: flex;
  align-items: flex-start;
  gap: 12px 20px;
  flex-wrap: wrap;
}

.seatStatusUL li {
  display: flex;
  align-items: center;
}

.seatStatusUL li:last-child {
  margin-bottom: 0px;
}

.seatImg {
  width: 28px;
  margin-right: 8px;
}

.seaLabel {
  font-weight: 500;
  margin: 0;
  min-width: 52px;
}

.seaLabel img {
  vertical-align: -2px;
}

.fsRouteMain {
  position: relative;
  padding-top: 55px;
  background-color: #ebf7ff;
  max-height: 706px;
  overflow-y: auto;
}

.fsRouteRight {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  background: #ebf7ff;
}

.fsRouteRight label {
  display: inline-block;
  background-color: var(--color-secondary);
  font-weight: 500;
  font-size: 16px;
  font-weight: 600 !important;
  padding: 8px 23px;
  color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.fsCheck>input+label {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  line-height: 33px;
  border: 0;
}

.fsCheck>input+label span {
  font-size: 12px;
  font-weight: 500;
  color: #222;
}

.fsCheck>input:checked+label {
  background-image: url(https://cdn.ftd.travel/book/public/img/gs/seatSelected.svg) !important;
  /* url(../../../public/img/gs/seatSelected.svg)*/
  border: 0;
  background-color: unset;
}

.fsCheck>input:checked+label span {
  display: none !important;
}

.fsCheck>input+label.booked span {
  display: none !important;
}


.layoutUL {
  padding: 12px;
  margin: auto;
  flex-direction: column;
  display: flex;
  gap: 8px 27px;
  background-color: #fff;
}

.layoutLI {
  display: flex;
  justify-content: space-between;
  gap: 0px 4px;
  align-items: center;
}

.layoutLI .layoutDivMain {
  display: flex;
  gap: 0px 8px;
}

.layoutDiv {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.exitDiv {
  margin-bottom: 10px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.exitDiv .exitLeft {
  position: relative;
  left: 0px;
}

.exitDiv .exitRight {
  position: relative;
  left: 0px;
}

.layoutUL_2by2 .airTopimg {
  width: 100%;
  margin-bottom: -1px;
}

.layoutUL_2by2 .airBackimg {
  width: 100%;
  margin-top: -1px;
}

.layoutUL_3by3 .airTopimg {
  width: 250px;
  margin-left: 2px;
}

.layoutUL_3by3 .airBackimg {
  width: 444px;
  margin-left: 2px;
}

.layoutUL_2b4byy2 .airTopimg {
  width: 339px;
  margin-left: 2px;
}

.layoutUL_2b4byy2 .airBackimg {
  width: 604px;
  margin-left: 2px;
}

.layoutUL_2by3by2 .airTopimg {
  width: 302px;
  margin-left: 2px;
}

.layoutUL_2by3by2 .airBackimg {
  width: 538px;
  margin-left: 2px;
}

.seatSelectionOuter {
  display: inline-flex;
  justify-content: space-between;
  gap: 0px 16px;
  width: 100%;
}

.seatSelectionOuter .fsRouteMain {
  max-width: 60%;
  min-width: 60%;
}


.pantryFlight {
  margin: 0px;
}

.pantryFlight .exitLeft {
  left: 8px;
  width: 37px;
}

.pantryFlight .exitRight {
  left: -8px;
  width: 37px;
}

.seatStatusBooked {
  margin-top: 12px;
}

.faAction .btnCont {
  width: 100%;
  max-width: 100%;
}

#seatSelection .modal-dialog {
  width: 1300px;
}

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

.seatSelectUL li {
  flex: auto;
  gap: 20px;
  display: flex;
  flex-direction: column;
}

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

.ssAction {
  align-items: end;
}

.ssRout label {
  font-weight: 500;
  color: #444;
  display: block;
  font-size: 16px;
  margin: 0;
}

.ssRout label img {
  width: 16px;
  margin-left: 4px;
  margin-right: 4px;
}

.ssRout span {
  color: #666;
  font-size: 14px;
}

.ssInfo label {
  font-weight: 500;
  color: var(--color-secondary);
  font-size: 16px;
}

.rrSeatData {
  position: sticky;
  top: 0;
  align-self: flex-start;
  max-height: 706px;
  overflow-y: auto;
}

.seatSpacef4 {
  display: flex;
  align-items: center;
  width: 40px;
  height: 40px;
  justify-content: center;
  font-size: 16px;
}

.seatLayout_div {
  background-color: #fff;
}

.seatAlpha {
  padding: 0px 12px;
  margin: auto;
  display: flex;
  gap: 1px 4px;
  align-items: center;
  justify-content: space-between;
  background-color: #f3f3f3;
  margin-top: 24px;
  margin-bottom: 12px;
}

.seatAlpha li span {
  display: inline-block;
  width: 35px;
  text-align: center;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  color: #777;
  font-weight: 500;
  border-radius: 8px;
}

.seatF9_div .seatSpacef4 {
  width: 8px;
}

.seatF9_div .seatAlpha {
  justify-content: flex-start;
}

.smallRow {
  height: 8px;
  width: 100%;
}

.seatF9_div .layoutUL .layoutLI {
  flex-wrap: wrap;
}

.seatF9_div .layoutUL {
  gap: 0px 27px;
}

.seatLoader {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  border-radius: 12px;
}

.seatLoader span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 25px;
  color: #fff;
}

.seatLoader span img {
  width: 190px;
  border-radius: 8px;
  display: block;
  margin-bottom: 8px;

}

/*End Flight Seat Section Css*/

/* Start Activity Confirmation Page */

.activityDesc {
  margin-top: 13px;
  margin-bottom: 0px !important;
  display: flex;
  justify-content: space-between;
}

.activityDesc .hcd_Div {
  margin-top: 8px;
}

.activityDesc .hotelTime {
  margin-top: 2px;
}

.acImgRight {
  border-radius: 8px;
  width: 200px;
}

.acActivityDetails .acaLabel {
  font-size: 18px;
  margin-top: 12px;
  font-weight: 500;
}

.acActivityDetails .hcd_Div {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin-top: 10px;
  align-items: center;
}

.acActivityDetails .hr_add {
  margin: 0px !important;
  font-size: 14px !important;
  color: var(--text-secondary);
  line-height: 21px;
}

.acActivityDetails .hr_add small {
  display: block;
  color: #888;
  font-size: 13px;
}

.ac_ap_label {
  font-size: 16px;
  margin-top: 0px;
  font-weight: 500;
}

.ac_ap_div {
  margin-bottom: 12px;
}

.ac_ap_div .hcd_Div {
  margin-top: 4px;
}

.ac_ap_div .ac_ap_label {
  margin-bottom: 2px;
}

.ac_ap_div .hcd_Div img {
  width: 13px;
}

.ac_ap_div p.vm_doc_p::before {
  background-color: #c4c4c4;
  top: 9px;
}

.activityAcd {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
}

.activityAcd .col-xs-12 {
  padding: 0px;
}

.activityAcd .panel-title>a {
  font-size: 16px;
  font-weight: 500;
  padding: 14px 16px;
  border: 0;
  background: transparent;
}

.activityAcd .panel {
  border-color: #e4e9ed;
  box-shadow: unset;
  border: 1px solid #ddd;
  border-radius: 12px;
}

.activityAcd .panel-body {
  padding: 15px;
  margin: 0 !important;
  border: 0px !important;
  padding-top: 0;
  background-color: transparent !important;
}

.activityAcd .panel-default>.panel-heading {
  background-color: transparent !important;
}

.activityAcd .ac_ap_div .ac_ap_label {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}

.activityAcd .ac_ap_div p.vm_doc_p::before {
  top: 6px;
}

.actCancellation_ul .rtab_title {
  white-space: nowrap;
  background: transparent;
  margin: 0;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 2px;
  padding: unset;
}

.ac_travDetails span {
  padding: 0px !important;
  width: unset !important;
  margin-right: 6px;
  font-weight: 400;
  line-height: 22px;
}

.revTable_head {
  font-weight: 500;
}

.accCancelled_sec {
  margin-top: -66px;
}

.accCancelled_sec .container {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 20px;
  border: 1px solid #ddd;
}

.ac_paxName_ul {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.ac_fcInner_Box {
  margin-top: 16px;
}

.acc_remarks_div {
  padding: 16px;
  background-color: #f8f8f8;
  border-radius: 16px;
  margin-bottom: 16px;
}

.acc_remarks_div label {
  font-weight: 500;
  font-size: 16px;
}

.acc_remarks_div p {
  line-height: 22px;
  font-weight: 400 !important;
}

.activityDesc {
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 16px !important;
}

.ac_fcInner_Box {
  margin-top: 16px;
}

.accCancelled_sec .hotelDesc label,
.accCancelled_sec .foc-head {
  font-weight: 500;
}

.hrbDiv .hotelDesc {
  padding-top: 0;
  gap: 16px;
}

.acc_iten {
  display: flex;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 16px !important;
}

.acc_starShare {}

.acc_iten_details {
  flex: auto;
}

.acc_starShare li:last-child {
  margin-left: auto;
}

.act_iten_ci {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  margin-top: 8px;
}

.act_iten_ci .checkmark {
  position: absolute;
  top: 1px;
}

.ac_trav_div {
  max-width: 64px;
}

.ac_trav_div {
  max-width: 64px;
}

.ac_travDetails_ul .fieldDiv {
  flex: 1 1 20% !important;
}

.ac_travDetails_ul .fieldDiv select {
  background-position: 86% 25px;
}

.ac_rev_can {
  padding-left: 36px;
}

.ac_rrleft .guestDet_div {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-top: 16px;
  align-items: unset !important;
}

.ac_ip_guestDet_div {
  margin-top: 16px;
  margin-bottom: 7px;
}

.ac_rrleft p.vm_doc_p::before {
  background-color: #cbcbcb;
}

.ac_specialDiv span {
  color: var(--text-shade);
}

.ac_specialDiv .fieldDiv {
  margin: 0;
}

/* End Activity Confirmation Page */

/* Start Activity Listing Page */
.activityList_menu .blurBG {
  width: 70%;
  margin: auto;
}

.activityList_menu .tf_UL {
  display: flex;
  margin-bottom: 10px;
  margin: auto;
  width: 70%;
}

.arSliderDiv {
  width: 100%;
  padding: 0px 20px;
  margin-bottom: 0px;
  display: flex;
  gap: 12px;
  overflow-x: auto;
  border-bottom: 1px solid #ddd;
  padding-bottom: 24px;
  margin-top: -10px;
}

.arSliderBtn {
  padding: 4px 18px 4px 4px;
  border-radius: 60px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  border: 1px solid #efefef;
}

.arSliderBtn.active,
.arSliderBtn:hover {
  border: 1px solid var(--color-secondary);
  background-color: var(--color-bg-white);
  color: var(--color-secondary);
}

.arSliderBtn span {
  display: inline-block;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 110px;
}

.al_showingProperties {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.al_showingProperties .hr_head {
  border: 0px;
  padding: 0px;
  margin: 0px;
  justify-content: space-between;
  width: 100%;
}

.al_showingProperties .dropdown-toggle {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 12px 8px 8px;
  border-radius: 70px;
  gap: 8px;
  margin-bottom: 13px;
  margin-top: 14px;
  width: 100%;
  justify-content: space-between;
}

.al_showingProperties .dropdown-toggle img {
  border-radius: 50px;
  width: 40px;
}

.al_showingProperties .dropdown {
  width: 286px;
}

.al_showingProperties .dropdown-menu {
  width: 724px;
  height: 300px;
}

.al_showingProperties .dropdown-menu .nav-tabs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.al_showingProperties .open>.dropdown-menu {
  display: flex;
  padding: 0;
}

.al_tabs .nav-tabs>li>a {
  color: #000000 !important;
  background-color: var(--color-bg-shade);
  border-radius: 0px !important;
  padding: 11px 15px;
  white-space: nowrap;
  border: 0px !important;
}

.al_tabs .nav-tabs>li.active>a {
  color: white !important;
  background-color: var(--color-secondary) !important;
}

.al_tabs .nav-tabs>.tab-content {
  width: 100%;
}

.al_tabImg_ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px;
  gap: 12px;
}

.al_tabImg_ul li {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.al_tabImg_ul li .hoverName {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0));
  padding: 4px 0px;
}

.ac_coutMain_div {
  padding: 16px;
}

.ac_coutDiv_ul {
  display: flex;
  gap: 16px;
  margin-bottom: 12px;
  align-items: center;
}

.ac_coutTitle {
  color: #666;
  background-color: #f1f1f1;
  padding: 4px 10px;
  border-radius: 8px;
  display: inline-block;
  width: 100px;
  text-align: center;
}

.ac_CoutValue {
  margin-right: 18px;
  color: #444;
}

.ac_CoutValue:hover,
.ac_coutTitle:hover {
  color: var(--color-primary);
}

.ac_coutMain_div label {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 14px;
  width: 100%;
}

.acPanel .panel {
  border: 0 !important;
  box-shadow: unset !important;
}

.acPanel .panel-heading {
  padding: 0px;
  border: 0px;
  border-radius: 0;
  box-shadow: unset;
}

.actList_ul .hotelImage img {
  width: 250px;
  height: 200px;
}

.hotelDesc label {
  margin-bottom: 5px;
  font-weight: 500;
}

.actImageUL .hImageli1 div {
  height: 418px;
}

.actImageUL .hImageli2 div {
  height: 206px;
}

.toMore {
  height: 48px;
  background-color: rgb(5 41 70 / 70%);
  width: 100px;
  right: 0;
  bottom: 0;
  border-top-left-radius: 16px;
}

.rdCommanHead {
  font-weight: 600;
  font-size: 24px;
}

p.vm_doc_p::before {
  background-color: var(--text-shade);
  top: 9px;
  opacity: .3;
}

.actList_ul .hotelDesc {
  padding-top: 14px;
  width: 100%;
  padding-left: 16px;
}

.actList_ul>li {
  width: 100%;
}

.hotelDesc p {
  font-size: 14px;

}

.hotelDesc p:before {
  top: 5px;
  opacity: .3;
}

.hotelDesc p {
  color: var(--text-secondary);
}

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

.acPDetails {
  color: var(--color-secondary) !important;
  margin-top: 7px;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 12px;
}

.acPDetails img {
  margin-top: 0px;
  display: inline-block;
  width: 18px;
}

.actList_ul {
  margin-top: 9px;
}

.actList_ul li:last-child {
  margin-bottom: 0;
}

.pkgHilightsDiv {
  display: flex;
  gap: 16px;
}

.pkgHilightsDiv .actPackOptRight {
  min-width: 340px;
}

.actPackOptRight .rdCommanHead {
  display: block;
  border-bottom: 1px solid #ddd;
  padding-bottom: 13px;
  margin-bottom: 16px;
}



.timeRadio {
  position: relative;
}

.timeRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.timeRadio .checkmark {
  position: unset;
  border-radius: 9px;
  padding: 3px;
  display: block;
  min-width: 94px;
  text-align: center;
  line-height: 27px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #e7e7e7;
  background-color: transparent;
  height: 33px;
  color: var(--text-shade);
}

.timeRadio:hover input~.checkmark {
  background-color: #ececec;
}

.timeRadio input:checked~.checkmark {
  border-color: var(--color-primary);
  background-color: transparent;
  color: var(--color-primary);
}

.timeRadio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.timeRadio input:checked~.checkmark:after {
  display: block;
}

.timeSlotDiv {
  margin-bottom: 14px;
}

.tsInnerHead {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
  font-weight: 500;
}

.adultInfo .number input {
  border: 0px;
}

.actAdultInfo .rb_title {
  font-weight: 500;
  font-size: 16px;
  color: var(--text-secondary);
}

.number {
  padding: 0px 2px;
  border-radius: 4px;
}

.actPackOptRight .btnPrimary {
  width: 100%;
  max-width: 100%;
  margin-top: 18px;
  font-size: 20px;
}

.acDateSlider {
  margin: 0px !important;
}

.acDateSlider .swiper-slide {
  height: unset;
}

.acDateSlider button {
  border: 1px solid #ddd;
  min-width: 50px;
  padding: 8px 1px;
  border-radius: 16px;
  background-color: transparent;
  line-height: 20px;
}

.acDateSlider span {
  font-size: 14px;
  display: block;
  position: unset;
  color: #999;
  padding: 0;
  margin: 0px;
  text-align: center;
  font-weight: 400;
  background-image: unset;
  color: var(--text-shade);
  text-transform: capitalize;
}

.acDateSlider label {
  font-weight: 600;
  font-size: 28px;
  color: var(--text-primary);
  margin: 4px 0px;
}

.acDateSlider button.active span,
.acDateSlider button:hover span,
.acDateSlider button.active label,
.acDateSlider button:hover label {
  color: var(--color-secondary);
}

.acDateSlider button.active,
.acDateSlider button:hover {
  border-color: var(--color-secondary);
}

.ticketMySwiper .swiper-slide {
  height: unset;
}

.ticketMySwiper .swiper-wrapper {
  height: unset;
}

.actPackOptRight .swiper {
  height: unset;
  margin-bottom: 24px;
}

.actPackOptRight .sliderController label {
  font-weight: 500;
  font-size: 16px;
  color: var(--color-secondary)
}

.actPackOptRight .swiper-button-next,
.actPackOptRight .swiper-button-prev {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  border-radius: 7px;
  background-size: 17px;
  border: 1px solid #d2dde6;
}

.actPackOptRight .sliderControl {
  width: 98px;
}

.mightToKnowSec {
  margin-top: 20px;
}

.mightUl {
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-around;
  margin-top: 11px;
  display: inline-flex;
}

.mightUl li {
  flex: 0 49%;
}

.mightUl li img {
  display: block;
  width: 100%;
  border-radius: 12px;
}

.mightUl li small {
  color: var(--text-secondary);
  font-size: 14px;
  margin-top: 5px;
  display: inline-block;
}

.actMight_ul {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.actMight_ul>li {
  flex-direction: column;
  justify-content: space-between;
  flex: 1 24%;
}

.actMight_ul .hotelImage img {
  width: 100%;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.actMight_ul .hotelDesc {
  padding: 16px 16px 0px 16px;
}

.actMight_ul .hr_price_div {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 0px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  margin-top: 15px;
  min-height: 69px;
  padding: 10px;
  border-top: 1px solid #ddd;
  background-color: #fff;

}

.actMight_ul .hr_price {
  display: flex;
  align-items: baseline;
  flex-flow: row-reverse;
  gap: 8px;
}

.actMight_ul .hr_price span {
  margin: 0;
}

.actMight_ul .hr_b2b_price2 {
  margin: 0;
}

.actMight_ul .hr_price_btob .hr_price {
  align-items: anchor-center;
}

.actMight_ul .hr_price_div .btnPrimary {
  height: 44px;
}

.actMight_ul .hotelDesc label {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 18px;
  height: 19px;
  overflow: hidden;
  margin-top: 0;
}

.actMight_ul .hotelDesc p {
  color: var(--text-secondary);
  height: 42px;
  overflow: hidden;
  line-height: 21px;
}

.actMight_ul .hr_price label {
  font-size: 20px;
}

.actMight_ul .hr_price label img {
  width: 19px;
  margin-top: 0px;
}

.actMight_ul .hr_price {
  gap: 2px;
}

.actMight_ul .hr_price_div .btnPrimary {
  min-width: 100px;
}

.actMight_ul .hotelImage img {
  height: 160px;
}

.actMight_ul li:last-child {
  margin-bottom: auto;
}

button.hvr-rectangle-out.btnPrimary.active {
  color: var(--color-primary);
  background-color: var(--color-bg-white);
  border: 1px solid var(--color-primary)
}

.actHightlightsDiv {
  margin-top: 25px;
}

.activityDetailBanner {
  margin-bottom: 16px;
}

.gallery {
  width: 100%;
}

.gallery-slider {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  overflow: hidden;
}

.gallery-slider .swiper-slide {
  width: auto;
  height: 400px;
}

.gallery-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.gallery-thumbs {
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.gallery-thumbs .swiper-slide {
  width: 100px;
  height: 100px;
  text-align: center;
  overflow: hidden;
  opacity: 0.1;
}

.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}

.gallery-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
}

.acSearchUl {
  position: absolute;
  background-color: #fff;
  width: 100%;
  box-shadow: 13px 8px 10px rgba(0, 0, 0, .5);
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 9px 16px;
  z-index: 1;
  height: 350px;
  overflow: auto;
  left: 0;
}

.acSearchUl li span {
  width: 50px;
  height: 50px;
  border-radius: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f3f3f3;
}

.acSearchUl li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding: 8px 0px;
  gap: 8px;
}

.acSearchUl li div label {
  display: block;
  margin: 0;
  font-weight: 500;
  color: var(--text-primary);
}

.acSearchUl li div small {
  color: var(--text-secondary)
}


#acProjectDetails .modal-dialog {
  width: 750px;
}

.ac_insLink {
  margin-top: 6px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
}

.ac_insLink:hover {
  color: var(--color-primary) !important;
}

.ac_Link:hover label {
  color: var(--color-primary)
}

.acDetBanner {
  margin-bottom: 16px;
}

.actDet_sumMain {
  position: sticky;
  top: 16px;
}

.acDet_summary {
  margin-top: 20px;
  background-color: var(--color-bg-shade);
  padding: 16px;
  border-radius: 16px;
}

.actDet_sumMain .rdCommanDiv {
  padding: 15px 20px 0px 20px;
}

.ac_cancel .checkmark {
  top: 7px;
}

.actIten_model .actName {
  font-weight: 600;
  font-size: 24px;
}

.actIten_model .hotelDesc small {
  color: var(--text-shade);
  font-size: 14px;
}

.actIten_model .hr_address_ul {
  margin-top: 3px;
}

.actIten_model .rrComman_headGuest {
  margin-top: 0px;
}

.actIten_model .hrdBtnDiv {
  flex-flow: row-reverse
}

.actIten_model .hrdBtnDiv button {
  min-width: unset;
  font-size: 16px;
  padding: 12px 30px 12px 30px;
}

.actInsHead {
  font-weight: 600;
  font-size: 20px;
  margin: 0;
  margin-top: 16px;
  color: var(--text-primary);
}

.actInsuBox {
  border: 1px solid #ddd;
  margin-bottom: 16px;
  margin-top: 5px;
  border-radius: 12px;
}



.ac_insu_smallHead {
  padding-left: 16px;
  margin-bottom: 16px;
}

.ac_insu_smallHead label {
  font-size: 16px;
  font-weight: 500;
  color: var(--text-primary);
}

.insModelHead {
  margin-top: 5px;
  margin-bottom: 4px;
  font-size: 20px;
}

.actInsuBox_head {
  width: 100%;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 500;
  background-color: var(--color-secondary);
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* End Activity Listing Page */

/* Start Group fare Page */
.groupFare {
  min-height: 340px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.gfbanHead {
  margin-top: 240px;
}

.gfbanHead label {
  display: block;
  font-weight: 600;
  font-size: 28px;
  color: #fff;
  margin-top: 240px;
}

.gfbanHead a {
  color: white;
}

.gfbanHead a.active {
  color: var(--color-primary);
}

.gfFormHead span {
  font-weight: 500;
  font-size: 28px;
  color: var(--color-primary);
}

.gfBullet label {
  font-size: 16px;
  font-weight: 600;
}

.gFareSec {
  margin-top: 40px;
}

.gfForm h2 {
  margin-top: 12px;
  margin-bottom: 23px;
}

.gfUL li {
  display: flex;
  width: 100%;
  gap: 0px 20px;
  flex-wrap: wrap;
}

.part2 div {
  flex: 1 0 49%;
}

.part3 div {
  flex: 0 0 32%;
}

.part4 div {
  flex: 0 0 23.55%;
}

.part1 div {
  width: 99.6%;
}

.gfNoteDiv {
  align-items: end;
  width: 100% !important;
  justify-content: space-between;
}

.gfButtonDiv {
  margin-top: 22px;
}

.gfButtonDiv button {
  min-width: 230px;
}

/* End Group fare Page */

/* Start Activity Index Page */


.actPopExpSec {
  margin-bottom: 50px;
}

.commHeadAct {
  font-weight: 600 !important;
  margin-bottom: 20px;
}

.popExpUl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 16px;
}

.popExpUl li {
  flex: 0 0 23.8%;
}

.popExpDiv {
  display: inline-block;
  box-shadow: 0px 4px 11px rgb(0 0 0 / 11%);
  border-radius: 16px;
  border: 1px solid #ddd;
}

.popExpImg {
  width: 100%;
  height: 161px;
  object-fit: cover;
  object-position: center;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.peCardDetail {
  padding: 11px 12px 0px 12px;
  min-height: 140px;
}

.peTitle {
  font-weight: 500;
  display: block;
  font-size: 18px;
  color: var(--text-primary);
  line-height: 21px;
  margin-bottom: 5px;
  overflow: hidden;
  max-height: 44px;
}

.peTitle:hover {
  color: var(--color-primary);
}

.peDest {
  color: var(--color-secondary);
  font-size: 14px;
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
  font-weight: 400;
}

.peDest span {
  color: var(--text-shade);
  font-weight: 400;
}

.peRate {
  display: block;
  color: var(--text-shade);
}

.peRate b {
  color: #ffb701;
  font-weight: 500;
  margin-right: 3px;
}

.peRate b img {
  vertical-align: -2px;
  margin-right: 3px;
}

.peRate span {
  font-size: 14px;
  color: var(--text-shade);
  font-weight: 400;
}

.peTag {
  display: inline-block;
  padding: 3px 7px;
  background-color: var(--color-bg-shade);
  border-radius: 4px;
  margin-bottom: 5px;
  font-size: 10px;
}

.pePrice {
  font-weight: 600;
  font-size: 16px;
  color: var(--text-primary);
  padding: 0px 12px 8px 12px;
  display: flex;
  align-items: center;
  gap: 2px;
}

.pePriceSpan1 {
  color: var(--color-secondary);
  font-weight: 600;
  font-size: 16px;
}

.pePriceSpan1 img {
  width: 15px;
  vertical-align: -2px;
}

.pePriceSpan2 {
  margin-left: 4px;
  text-decoration: line-through;
  color: var(--text-shade)
}

.pePriceSpan2 img {
  vertical-align: -2px;
  margin-right: -2px;
  opacity: .6;
}

.commDot {
  margin-right: 5px;
  width: 7px;
  vertical-align: 1px;
}


.actPopExpSec .btnPrimary,
.actTopExpSec .btnPrimary,
.actPopDestSec .btnPrimary {
  margin-top: 40px;
  font-size: 18px;
}

/*Start Top Experiance*/

.actTopExpSec {
  margin-top: 20px;
}

.ateHeadDiv {
  display: flex;
  align-items: center;
  gap: 20px;
}

.ateHeadDiv select {
  font-size: 70px;
  font-weight: 600;
  border: 0;
  color: var(--color-primary);
  text-transform: uppercase;
  display: inline-block;
}

.ateUl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.ateUl li {
  flex: 0 0 18%;
}

.ateCard {
  display: inline-block;
  width: 100%;
}

.ateImg {
  width: 100%;
  border-radius: 12px;
  height: 139px;
  object-fit: cover;
  object-position: center;
}

.ateTitle {
  font-weight: 500;
  display: block;
  font-size: 16px;
  color: var(--text-primary);
  line-height: 20px;
  margin-bottom: 5px;
  overflow: hidden;
  max-height: 44px;
}

.ateTitle:hover {
  color: var(--color-primary);
}

.ateUl .peRate {
  margin-top: 10px;
}

/*End Top Experiance*/

/*Start Popular Destination*/
section.actPopDestSec {
  margin-top: 50px;
  margin-bottom: 60px;
}

ul.pdUl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.pdUl li {
  flex: 0 0 18.8%;
}

.apdCardDiv {
  position: relative;
}

.apdImg {
  width: 100%;
  border-radius: 16px;
  height: 265px;
  object-fit: cover;
  object-position: center;
}

.apdDetail {
  background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 60%), rgb(0 0 0 / 80%), rgb(0 0 0));
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  padding: 46px 16px 16px 16px;
  transition: 0.3s;
}

.apdCardDiv:hover .apdDetail {
  background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(255 127 1 / 0%), rgb(255 127 1 / 85%), rgb(255 127 1));
}

.apdSpan {
  display: inline-block;
  width: 100%;
  color: #fff;
  font-weight: 300;
}

.apdSpan b {
  font-weight: 500;
  color: #ffb701;
}

.apdSpan img {
  margin: 0px 4px;
}

.apdTitle {
  color: #fff !important;
  font-size: 18px;
  font-weight: 500;
}

.actPopDestSec .commHeadAct {
  margin-bottom: 30px;
}

/*End Popular Destination*/


/*Start Browse By Category*/

.browseByCatSec {}

.bbcUl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.bbcUl li {
  flex: 0 0 13%;
}

.bbcDiv {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.bbcImg {
  display: block;
  width: 100%;
  margin-bottom: 12px;
  border-radius: 36px;
  box-shadow: 0px 4px 23px rgb(0 0 0 / 24%);
  border: 8px solid #fff;
}

.bbcTitle {
  font-weight: 500;
  display: block;
  font-size: 16px;
  color: var(--text-primary);
  line-height: 20px;
  margin-bottom: 5px;
  overflow: hidden;
  max-height: 44px;
}

.bbcDiv:hover .bbcTitle {
  color: var(--color-primary);
}

.bbcDiv:hover .bbcImg {
  box-shadow: 2px 11px 30px rgb(255 90 2 / 50%);
}

.browseByCatSec .commHeadAct {
  margin-bottom: 30px;
}

.actTopExpSec .btnPrimary {
  margin-top: 20px;
}

.browseByCatSec {
  margin-top: 20px;
  margin-bottom: 60px;
}

/*End Browse By Category*/

/*Start Experience Preview css*/

.actExpPrevSec {
  margin-bottom: 30px;
}

.epHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 10px;
}

.epHead label {
  font-weight: 600;
  text-transform: uppercase;
  color: var(--text-shade);
  font-size: 50px;
}

.epHead h2 {
  margin: 0;
}


.epUl {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: flex-start;
  margin: 0;
  border-radius: 16px;
  overflow: hidden;
}

.epUl li {
  flex: 0 0 50%;
}

.epDiv {
  position: relative;
}

.epDiv .epDivImg {
  width: 100%;
  height: 465px;
  object-fit: cover;
  object-position: center;
  border-bottom-left-radius: 16px;
  border-top-left-radius: 16px;
}

.epLi2 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.epDiv1 {
  flex: 0 0 49%;
  position: relative;
}

.epDiv1 a {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgb(8 69 115 / 82%);
  padding: 12px 42px;
  border-top-left-radius: 13px;
  color: #fff;
  font-size: 16px;
}

.epDiv1 img {
  width: 100%;
  height: 229px;
  object-fit: cover;
  object-position: center;
}

/*End Experience Preview css*/

/*Start Seasonal Destination css*/

.sdUl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.sdUl li {
  flex: 0 0 18.8%;
}

.sdCardDiv {}

.sdImg {
  width: 100%;
  border-radius: 16px;
  height: 265px;
  object-fit: cover;
  object-position: center;
}

.sdDetail {
  margin-top: 12px;
}

.sdSpan {
  display: inline-block;
  width: 100%;
  color: var(--text-shade);
  font-weight: 300;
}

.sdSpan b {
  font-weight: 500;
  color: #ffb701;
}

.sdSpan img {
  width: 6px;
  vertical-align: 1px;
  margin: 0px 6px;
}

.sdTitle {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 18px;
}

.actSesDestSec {
  margin-bottom: 60px;
}

/*End Seasonal Destination css*/

/*Start Customer Fav css*/

.actCustFavSec {
  margin-bottom: 50px;
}

.actCustFavSec .peCardDetail {
  min-height: 100px;
  text-align: left;
}

.popExpDiv:hover a {
  color: var(--color-primary);
}

.popExpDiv a:hover {
  color: var(--color-primary);
}


/*End Customer Fav css*/


.mySwiperCustFav {
  padding: 0px 16px 16px 16px !important;
}

.activityFooterSec .cabAccordian .panel-default>.panel-heading {
  background-color: transparent
}

.activityFooterSec .cabAccordian {
  margin-top: 12px;
}

.activityFooterSec .panel-group .panel {
  margin-bottom: 16px;
  border-radius: 4px;
  background-color: transparent;
}

.activityFooterSec .panel-group .panel-heading+.panel-collapse>.panel-body {
  margin-top: -1px;
}

.cabAccordian .panel-title>a {
  border-radius: 22px;
}

.footerPara_div a {
  color: var(--text-secondary);
  font-size: 14px;
  margin-right: 8px;
  font-weight: 400;
  line-height: 26px;
}

.footerPara_div p {
  font-size: 14px;
  line-height: 26px;
}

.footerPara_div a:hover {
  color: var(--color-primary);
}

.seasonalTab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 23px;
  border: 0;
  gap: 11px 10px;
  flex-wrap: wrap;
}

.seasonalTab>li>a {
  color: var(--text-secondary);
  background-color: var(--color-bg-shade);
}

.seasonalTab>li.active>a {
  color: #fff !important;
  border: 1px solid var(--color-primary) !important;
  background-color: #ff7f01 !important;
  box-shadow: rgba(255, 90, 2, 0.5) 2px 11px 30px;
}




.teDropdown .btn-default {
  background-color: transparent !important;
  font-size: 70px;
  font-weight: 600;
  border: 0;
  color: var(--color-primary) !important;
  text-transform: uppercase;
  display: inline-block;
  padding-left: 0px;
}

.teDropdown .dropdown-menu {
  top: 75%;
  left: 11px;
  min-width: 213px;
  padding: 5px 0;
  margin: 2px 0 0;
  max-height: 220px;
  overflow-y: auto;
}

.teDropdown .btn-default:active,
.open>.dropdown-toggle.btn-default {
  box-shadow: unset;
}

/* End Activity Index Page */

/* Start Cancellation Page */
.titleCancel {
  display: block;
  font-weight: 500;
  font-size: 18px;
}

.remarkUL {
  gap: 20px;
  flex-wrap: wrap;
}

.remarkAmount {
  font-size: 22px;
  color: #555;
}

.remarkAmount img {
  width: 20px;
  vertical-align: -2px;
}

.amountDiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-bg-shade);
  padding: 10px 16px;
  border-radius: 10px;
  border: 1px solid #d2dde6;
  margin-bottom: 10px;
  margin-top: 16px;
}

.amountDiv .titleCancel {
  display: block;
  font-weight: 600;
  font-size: 20px;
  margin: 0;
  color: var(--text-primary);
}

.amountDiv .remarkAmount {
  font-size: 22px;
  color: var(--text-primary);
  font-weight: 600;
}

.remarkAmount img {
  width: 10px;
  vertical-align: 0px;
  margin-right: 3px;
}

.remarkUL .cancellationLI .comPara {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 2px;
}

.bus_fcTable_div {
  border: 1px solid #d2dde6;
  padding: 16px 16px 0px 16px;
  border-radius: 15px;
}

.remarkUL .remarks {
  height: 100px;
  resize: none;
}

.remarkUL .cancellationLI textarea {
  height: 100px;
  resize: none;
}

.cancellationCharge {
  margin-bottom: 10px;
}

/* End Cancellation Page */

.sec_dashHeader .btnForm {
  max-width: 200px;
}

.seat-row {
  display: flex;
  flex-wrap: wrap;
}

#show_payment_response .modal-title b {
  font-weight: 500 !important;
  color: #fff !important;
}

.busInfo_liCenter .bi_div label:nth-child(2) {
  border: 1px dashed #999;
  border-radius: 7px;
}

.loadTextDiv div b {
  font-weight: 500;
  color: #ff7f01;
}

.loadTextDiv {
  font-weight: 500;
  color: #4f4f4f;
  font-size: 18px;
}

.loadText1,
.loadText2 strong {
  font-size: 16px;
  color: #4f4f4f;
  font-weight: 400;
}

.loadText1 {
  margin: 4px 0px;
}

#rapid_fire_draft_loading {
  top: 41% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  height: 420px;
}

#printArea .tooltip .tooltiptext {
  padding: 5px 10px;
  right: -17px;
  top: 28px;
  color: #444;
  border: 1px solid #ddd;
  box-shadow: 0px 5px 9px rgb(0 0 0 / 17%);
  font-size: 13px;
  text-align: left;
  background-color: #fff;
  width: 160px;
}

.reviewTable tbody td {
  padding: 12px 15px !important;
  font-size: 13px;
}

.mb_thtime {
  position: relative;
  z-index: 1;
}


/* Start Cab Result Page */
.cabSort {
  margin: 0;
}

.cablList_li {
  margin-top: -13px;
}

.cabFilterHead {
  margin-bottom: 8px !important;
  margin-top: -7px !important;
}


.itLabelUL {
  margin-top: 3px;
}

.pkgSpan {
  font-weight: 500 !important;
  font-size: 14px;
  padding: 3px 7px !important;
}

.pkgSpan img {
  height: 19px;
  vertical-align: -4px;
  margin-right: 4px;
}

.cabSelectDiv .fancyRadio {
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  padding-left: 26px;
}

.cabSelectDiv .fancyRadio .checkmark {
  border-radius: 15px;
  height: 22px;
  width: 22px;
}

.csdImg {
  height: 60px;
}

.cabSelectDiv {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.cabSelectUl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  flex-wrap: wrap;
}

.cabSelectUl li {
  border-right: 1px solid var(--color-bdr);
  padding-right: 7px;
  flex: 1;
  text-align: center;
  padding-left: 7px;

}

.cabSelectUl li:last-child {
  border-right: 0px
}


.cpdBlue {
  font-size: 15px !important;
  color: var(--color-secondary) !important;
}

.cpdBlue img {
  height: 15px;
  vertical-align: -2px;
}

.cpdGreen {
  font-size: 18px !important;
  color: var(--color-green) !important;
}

.cpdGreen img {
  height: 17px;
  vertical-align: -2px;
}

.fancyRadio .checkmark:after {
  top: 3px;
  left: 3px;
}

.cabDescription {
  width: 100%;
}

.cabPkgList_ul {
  width: 100%;
}

.cabPkgList_ul>li {
  width: 100%;
}

.cabChips {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;
  padding-bottom: 10px;
}

.cabChips a {
  display: inline-block;
  padding: 6px 10px;
  background-color: var(--color-bg-shade);
  border-radius: 40px;
  margin-right: 8px;
  color: var(--color-secondary);
}

.cabChips a img {
  height: 18px;
  width: unset;
  margin-left: 3px;
}

.cabChips button {
  width: unset;
  min-width: unset;
  padding: 8px 15px;
  font-weight: 500;
  font-size: 15px;
  border-radius: 12px;
  white-space: nowrap;
}

.cabImgLabel {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 6px 14px;
  border-top-left-radius: 16px;
  backdrop-filter: blur(10px);
  border-bottom-right-radius: 16px;
}

.cabPkgImg img {
  object-fit: cover;
  width: 192px;
  height: 235px;
  border-radius: 15px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.cablList_li .hr_head {
  flex-wrap: wrap;
  gap: 19px;
}

.cabDescription .arrowVisit {
  margin-left: 0px;
  width: 19px;
}

.cabDescription .itLabelUL {
  gap: 8px 0px;
}

.inncExcDiv label {
  font-weight: 500;
  font-size: 16px;
  margin: 0;

}

.inncExcDiv label img {
  vertical-align: -6px;
  margin-right: 14px;
}

.inncExcDiv {
  margin-bottom: 16px;
}

.cabPkgItien .rrleft .cabinfo {
  margin-top: -20px;
  margin-bottom: -15px;
}

.cabPkgItien .routeDetails_ul {
  margin-top: 10px;
}

.incexcDiv {
  margin-top: 16px;
}

.boldLbl {
  font-weight: 500;
  color: var(--text-primary)
}

.pickAddCab .fieldDiv {
  flex: 1;
}


.cab_tdDays {
  display: inline-block;
  min-width: 15px;
  height: 15px;
  background: #FFE281;
  border-radius: 10px;
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

.tripRoute_lbl {
  font-weight: 600;
  color: var(--text-primary);
  font-size: 16px;
  margin-bottom: 2px;
}

.cab_tdRoute_outer {
  display: flex;
  gap: 5px 22px;
  position: relative
}

.cab_tdRoute_day {
  display: inline-block;
  white-space: nowrap;
  width: 50px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-shade);
  min-width: 53px;
}

.tripDetLi {
  display: flex;
  gap: 0px 4px;
}


.tripDetail_Div .pkgSpan {
  font-weight: 400 !important;
  font-size: 12px;
}

.tripDetail_Div .itLabelUL {
  margin-top: 0px;
  gap: 8px 0px;
}

.tripDetail_Div .arrowVisit {
  margin-left: 0px;
}

.tripDetail_Div .itLabelUL li:last-child .arrowVisit {
  display: none;
}

.tripDetUl .tripDetLi:first-child .cab_tdDays {
  background-color: var(--color-green);
}

.tripDetUl .tripDetLi:first-child .cab_tdDays::after {
  background-color: var(--color-green);
}

.tripDetUl .tripDetLi:last-child .cab_tdDays {
  background-color: #ea4343;
}

.tripDetUl .tripDetLi:last-child .cab_tdDays::after {
  background-color: #ea4343;
}

.tripDetUl {
  margin-top: 16px;
}

.tripDetUl .tripDetLi .cab_tdDays::after {
  display: inline-block;
  content: "";
  width: 10px;
  background-color: #ffe281;
  height: 3px;
  position: absolute;
  right: -10px;
  top: 6px;
  border-radius: 4px;
}

.cab_tdRoute_outer::after {
  position: absolute;
  content: "";
  display: inline-block;
  position: absolute;
  height: 100%;
  background-color: #F7F197;
  width: 3px;
  border-radius: 4px;
  left: 6px;
  top: 12px;
}

.tripDetUl .tripDetLi:last-child .cab_tdRoute_outer::after {
  display: none;
}

#popitinerary .modal-dialog {
  width: 770px;
}

.modal-content-cab .cabinfo {
  justify-content: flex-start;
}

.visaPrice span {
  white-space: nowrap;
}

.visaPrice {
  flex-direction: column;
}

.cabinfoPkg {
  justify-content: flex-start;
}

.rd_Value {
  font-size: var(--reg-16);
  font-weight: 500;
}

p.vm_doc_p {
  padding-left: 24px;
}

.cabAccordian .panel-title>a {
  font-size: 15px;
}

.cab_pkg_form {
  width: 100%;
  display: flex;
  margin: unset !important;
}

/* End Cab Result Page */


.eSimDiv {
  display: flex;
  align-items: start;
  gap: 0px 11px;
}

.eSimDiv1 {
  display: flex;
  gap: 0px 8px;
}

.eSimDiv1 .travLbl {
  white-space: nowrap;
  font-size: 14px;
  color: #fe7e02;
  font-weight: 500;
}

.eSimDiv1 select {
  margin: 0;
  border-radius: 6px;
  background-color: #fff;
  padding: 0px 5px;
}

.eSimDiv2 {
  font-weight: 500;
  padding: 6.5px 11px;
  position: unset;
}

.eSimPlanTbl {
  width: 100%;
}

.eSimPlanTbl .fare-breakup {
  padding: 16px 16px 10px 16px !important;
}

.eSimPlanTbl th {
  padding: 4px 8px;
  background-color: #d2dfe8;
}

.eSimPlanTbl th label {
  font-size: 14px;
  font-weight: 500;
}

table.eSimPlanTbl td {
  padding: 6px 6px 2px 6px !important;
}

.countryList {
  padding: 0px 16px;
  line-height: 14px;
  margin-top: -10px;
  margin-bottom: 11px;
}

.countryList label {
  font-weight: 500;
  color: var(--text-primary);
}

.esimlisttbl {
  margin-bottom: 12px;
  background-color: #ecf4fa;
  border: 0;
}

.esimlisttbl .white-container {
  background-color: transparent !important;
}

#compatibleDeivce .modal-body {
  max-height: 370px;
  overflow-y: scroll;
}

#compatibleDeivce .modal-body label {
  font-weight: 500;
  font-size: 17px;
}

#compatibleDeivce .modal-body p {
  padding: 0px 8px;
}

#compatibleDeivce .close {
  top: 11px;
}

.eSimHeadonly {
  margin: 0;
  padding: 0;
  padding: 2px 8px;
  min-width: 105px;
  border-radius: 5px;
  background-image: linear-gradient(to right, #c5d9e7, #ffffff);
  color: #0b4573;
}

.pnFormat {
  color: #0b4573;
}

.pnFormat:hover {
  color: #ff7f02;
  border: 1px solid #ff7f02;
}

#compatibleDeivce .modal-body p {
  margin-right: 26px;
  position: relative;
  padding-left: 15px;
  font-size: 14px;
}

#compatibleDeivce .modal-body p:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #0b4573;
  border-radius: 5px;
  position: absolute;
  left: 0px;
  top: 8px;
}


/* Start Flight Insurance section */
.insdivwithmar {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  padding-bottom: 14px;
  align-items: center;
  margin-bottom: 16px;
}

.insdivwithmar marquee {
  background-color: var(--color-bg-blue-shade);
  width: 240px;
  padding: 4px 6px;
  border-radius: 8px;
}

.insdivwithmar marquee p {
  display: inline-block;
  margin: 0;
  margin-right: 12px;
}

.insdivwithmar marquee p img {
  vertical-align: 0.5px;
  margin-right: 2px;
}

.insdivwithmar label {
  margin: 0;
  font-size: var(--reg-20);
  font-weight: 500;
  display: block;
  padding-bottom: 14px;
  color: var(--text-primary);
  margin: 0px;
  padding: 0;
}

.ins_planDiv {
  background-color: var(--color-bg-blue-shade);
  padding: 16px 16px 8px 16px;
  border-radius: 8px;
  border: 1px solid #D9E4ED;
}

.planHead {
  font-weight: 500;
  font-size: 18px;
  color: var(--text-primary);
  display: block;
  margin-bottom: 5px;
}

.ins_planDiv .guestDet_div {
  justify-content: flex-start;
  gap: 0px 30px;
}

.ins_planDiv .vmCheck_lbl {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-secondary);
}

.ins_planDiv .guestDet_div .vmCheck_lbl .checkmark {
  top: 1px;
}

.fltInsPlanDiv {
  background-color: #fff;
  padding: 8px 12px 8px 12px;
  box-shadow: 0px 2px 5px rgb(0 0 0 / 13%);
  border-radius: 6px;
  height: 65px;
}

.poweredBy span {
  display: block;
  text-align: right;
  margin-bottom: 4px;
}

.ins_planCheck {
  display: flex;
  gap: 0px 16px;
}

.ins_planOuter {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: end;
}

.ins_planOuter .poweredBy img
{
    height: 50px;
}

.ins_planInner img {
  vertical-align: 0px;
  width: 8px;
  margin-right: 2px;
}

.ins_planInner span {
  font-size: 12px;
  color: var(--text-shade);
}

.fins_benefits_head {
  display: flex;
  align-items: baseline;
  width: 100%;
  justify-content: space-between;
  margin-top: 16px;
}

.fins_benefits_head label {
  margin: 0px;
}

.fins_benefits_head span {
  color: var(--color-primary);
  font-weight: 500;
}

.fIns_bene_list_ul {
  display: flex;
  gap: 0px 12px;
  margin-top: 9px;
}

.fIns_bene_list_ul li {
  border: 1px solid var(--color-bdr);
  padding: 8px;
  border-radius: 8px;
}

.fins_benefits_box {
  display: flex;
  align-items: flex-start;
}

.fins_benImg {
  margin-right: 4px;
}


.fins_benefits_divinner label {
  font-weight: 500;
  font-size: 15px;
  white-space: nowrap;
  display: block;
  margin: 0;
  color: var(--color-secondary);
}

.fins_benefits_divinner span {
  font-weight: 500;
  font-size: 14px;
}

.fInsYesNo_div {
  border-top: 1px solid var(--color-bdr);
  margin-top: 16px;
  padding-top: 14px;
  border-bottom: 1px solid var(--color-bdr);
  margin-bottom: 14px;
  padding-bottom: 8px;
}

.fInsYesNo_UL li {
  margin-bottom: 11px;
}

.fInsYesNo_UL li:last-child {
  margin-bottom: 6px;
}

.fInsYesNo_UL li label {
  margin: 0px;
}

.finsEditDiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-bg-shade);
  padding: 8px;
  border-radius: 4px;
}

.finEditDays {
  display: flex;
  gap: 0px 8px;
  align-items: center;
}

.finEditDays label {
  font-weight: 500;
  color: var(--text-secondary);
}

.finEditDays a {
  color: var(--color-primary);
  font-weight: 500;
}

.finEditDays .number {
  background-color: #fff;
  border: 1px solid var(--color-bdr);
}

.finEditDays .number span {
  background-color: #fff;
}

.finsPara {
  padding: 4px 12px;
  background: var(--color-bg-blue-shade);
  border-radius: 4px;
}

/* End Flight Insurance section */

/*Start Insurance New Result*/

.insNewDivSearch
{
    display: flex;
    align-items: center;
    gap: 0px 7px;
    justify-content: center;
}

.insNewDivSearch label
{
color: #fff;
    font-weight: 500;
    margin: 0;
}

.insNewUL
{
display: flex
;
    gap: 0px 6px;
}

.insNewInput
{
background-color: rgb(0 0 0 / 30%);
    color: #fff;
    font-size: 12px;
    padding: 6px 6px;
    border: 1px solid rgb(255 255 255 / 50%);
    display: inline-block;
    width: 96px;
    text-align: center;
    border-radius: 6px;
	transition: all 0.2s linear 0s;
}

.insNewInput:focus
{
    background-color: rgb(0 0 0 / 50%);
	    border: 1px solid rgb(255 255 255 / 82%);
}

.insPlanDark
{
    display: inline-block;
    width: 100%;
    background-color: #0B4573;
    padding: 12px 16px;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	margin: 0px;
}

.insPlanDark span
{
	    font-size: 16px;
}


.insPlanSec
{
    margin-top: 20px;	
}

.instblNew
{
    width: 100%;
	background-color: #fff;
	border: 1px solid #d2e3ef;
}

.instblNew th
{
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #d2e3ef;
	color: var(--text-primary);
}
.instblNew th span
{
color: var(--text-shade);	
}


.instblNew td,
.instblNew th
{
padding: 10px 12px;
}

.instblNew th:first-child,
.instblNew td:first-child
{
background-color: var(--color-bg-blue-shade);
width: 180px;
}

.instblNew th:last-child,
.instblNew td:last-child
{
width: 280px;
}

.planTableDivInner
{
padding: 16px;
    border: 1px solid #d2e3ef;
    margin-bottom: 30px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
	background-color: #fff;
}

.insLogoDiv img
{
    height: 32px;
    border: 1px solid #d2e3ef;
    padding: 6px;
    border-radius: 5px;
    background-color: #fff;
}

.insLogoDiv label
{
margin: 0;
    font-weight: 600;
    display: block;
    margin-top: 6px;
    font-size: 16px;	
}

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

.insNewBenLi1
{
display: flex;
gap: 0px 20px;
}

.insNewBenDiv
{
    display: flex
;
    gap: 0px 9px;
}

.insNewBenSpan
{
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 39px;
    background-color: #f1f1f1;
    border-radius: 4px;
}

.insNewBenLabel
{
font-weight: 500;
    font-size: 14px;
    display: inline-block;
}

.insNewBenLabel span
{
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #666;
}

.insNewBenLi2 a
{
    display: inline-block;
    font-weight: 500;
    color: var(--color-secondary);
    text-decoration: underline !important;	
}

.insNewBenLi2 a:hover
{
	color:var(--color-primary);
}

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

.insRateLi1
{
	display: flex;
    align-items: center;
    gap: 0px 14px;
}

.insRateText
{
    font-size: 14px;
    font-weight: 500;
    color: #666;
    display: block;
    margin-bottom: 2px;
}

.insRateValues
{
    font-weight: 600;
    font-size: 17px;
    color: #222;
}

.insNewSelectBtn
{
	transition: all 0.2s ease 0s;
    display: inline-block;
    padding: 4px 13px;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid var(--color-secondary);
    background-color: #fff;
	color: var(--color-secondary);
	background-color: var(--color-bg-blue-shade);
}

.insNewSelectBtn:hover
{
color: var(--color-white);
background-color: var(--color-secondary);	
}

.instblNew tbody tr
{
    border-bottom: 1px solid #d2e3ef;
}

#insuranceBenefits .modal-header .close img
{
	width: 24px;
}

.insNewFormDiv .tf_li5 select {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.tf_UL li div input:focus, .tf_UL li div select:focus, .tf_UL li div textarea:focus {
    background-color: var(--color-bg-shade);
}

.insNewInput::placeholder {
  color: #fff;
  opacity: 1;
}

.insNewFormDiv .tf_li5
{
  width: 15%;
}

.insPlanSec .visaFlag_head
{
    display: flex;
    align-items: center;
}

.insPlanSec .visaFlag_head img
{
width: 158px;
}


#policy_coverage_details .bi_amount
{
    font-size: 14px;
    white-space: normal !important;
}

#policy_coverage_details .bi_div label {
    text-align: left;
    white-space: normal !important;
    margin-top: 2px;
    font-weight: 500 !important;
    font-size: 14px;
}

.insFlightBefts .modal-header h4
{
    margin-top: 5px;
    color: var(--text-primary);
}

.insFlightBefts .modal-header .close
{
background-color: unset;
}

/*End Insurance New Result*/


 
.main-header-wrapper .agencyName {
    font-size: 17px;
    font-weight: 600;
    color: var(--color-primary);
    margin-top: 5px;
    width: 210px;
    line-height: 22px;
    transition: all 0.5s ease 0s;
}

.main-header-wrapper.fixed .agencyName
{
   color: var(--color-secondary); 
}


#fareRuleModal .modal-dialog,
#fareRuleModal_r .modal-dialog {
        max-width: 700px;
    }


.modal-header .close
 {
    background: transparent;
    color: #333;
    margin: 0;
    opacity: 1;
 }   

 .modal-header .close span
 {
    font-size: 33px;
 } 

 .notes-section,
 .fare-rule-vertical
 {
    padding: 12px;
    border-radius: 12px;
    border: 1px solid var(--color-bdr);
    background-color: rgb(239 239 239 / 60%);
 }

.notes-section
 {
    padding-top: 8px;
 }


 #fareRuleModal h5, 
 .fare-rule-vertical .fare-label b
 {
    font-weight: 500 !important;
    font-size: 18px;
    color: var(--text-primary);
 }

 .fare-rule-vertical .fare-label
 {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-bdr);
    margin-bottom: 10px;
 }

 #fareRuleModal .notes-ol li {
    counter-increment: notes-counter;
    padding-left: 24px;
    margin-bottom: 4px;
    position: relative;
}

#fareRuleModal .fare-value p, 
#fareRuleModal .notes-ol li
{
    font-weight: 400;
    color: var(--text-secondary);
}  

.notes-section h5
{
  color: var(--color-secondary) !important;
  font-size: 18px !important;
}
 
.fare_rule_text a, .pnFormat
{
    color: var(--color-primary);
    font-weight: 400;
    font-size: 13px;
    border: 1px solid var(--color-primary);
    padding: 4px 9px;
    border-radius: 6px;
}

.pnFormat
{
  margin: 0px;
}

.fare_rule_text a:hover, .pnFormat:hover
{
 color: var(--color-secondary);
 border-color: var(--color-secondary); 
}


#fareRuleModal .fare-rules
{
    padding: 12px;
    border-radius: 12px;
    border: 1px solid var(--color-bdr);
    background-color: rgb(239 239 239 / 60%);
}

.fare-rules h4
{
    color: var(--color-secondary);
    font-weight: 500 !important;
    font-size: 18px;
}

.fare-rules .fare-section h5
{
    font-weight: bold !important;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-bdr);
    margin-bottom: 10px;
}

.fare-section .fare-item
{
    font-weight: 400;
    color: var(--text-secondary);
    font-size: 14px;
}

.notes-ol li::before {
    font-weight: 500;
}