/* BOF New Fonts */
@font-face {
    font-family: 'DMSansThin';
    src: url('fonts/dm-sans/DMSansThin.eot');
    src: url('fonts/dm-sans/DMSansThin.eot') format('embedded-opentype'),
         url('fonts/dm-sans/DMSansThin.woff2') format('woff2'),
         url('fonts/dm-sans/DMSansThin.woff') format('woff'),
         url('fonts/dm-sans/DMSansThin.ttf') format('truetype'),
         url('fonts/dm-sans/DMSansThin.svg#DMSansThin') format('svg');
}
@font-face {
    font-family: 'DMSansExtraLight';
    src: url('fonts/dm-sans/DMSansExtraLight.eot');
    src: url('fonts/dm-sans/DMSansExtraLight.eot') format('embedded-opentype'),
         url('fonts/dm-sans/DMSansExtraLight.woff2') format('woff2'),
         url('fonts/dm-sans/DMSansExtraLight.woff') format('woff'),
         url('fonts/dm-sans/DMSansExtraLight.ttf') format('truetype'),
         url('fonts/dm-sans/DMSansExtraLight.svg#DMSansExtraLight') format('svg');
}
@font-face {
    font-family: 'DMSansLight';
    src: url('fonts/dm-sans/DMSansLight.eot');
    src: url('fonts/dm-sans/DMSansLight.eot') format('embedded-opentype'),
         url('fonts/dm-sans/DMSansLight.woff2') format('woff2'),
         url('fonts/dm-sans/DMSansLight.woff') format('woff'),
         url('fonts/dm-sans/DMSansLight.ttf') format('truetype'),
         url('fonts/dm-sans/DMSansLight.svg#DMSansLight') format('svg');
}
@font-face {
    font-family: 'DMSansRegular';
    src: url('fonts/dm-sans/DMSansRegular.eot');
    src: url('fonts/dm-sans/DMSansRegular.eot') format('embedded-opentype'),
         url('fonts/dm-sans/DMSansRegular.woff2') format('woff2'),
         url('fonts/dm-sans/DMSansRegular.woff') format('woff'),
         url('fonts/dm-sans/DMSansRegular.ttf') format('truetype'),
         url('fonts/dm-sans/DMSansRegular.svg#DMSansRegular') format('svg');
}
@font-face {
    font-family: 'DMSansMedium';
    src: url('fonts/dm-sans/DMSansMedium.eot');
    src: url('fonts/dm-sans/DMSansMedium.eot') format('embedded-opentype'),
         url('fonts/dm-sans/DMSansMedium.woff2') format('woff2'),
         url('fonts/dm-sans/DMSansMedium.woff') format('woff'),
         url('fonts/dm-sans/DMSansMedium.ttf') format('truetype'),
         url('fonts/dm-sans/DMSansMedium.svg#DMSansMedium') format('svg');
}
@font-face {
    font-family: 'DMSansSemiBold';
    src: url('fonts/dm-sans/DMSansSemiBold.eot');
    src: url('fonts/dm-sans/DMSansSemiBold.eot') format('embedded-opentype'),
         url('fonts/dm-sans/DMSansSemiBold.woff2') format('woff2'),
         url('fonts/dm-sans/DMSansSemiBold.woff') format('woff'),
         url('fonts/dm-sans/DMSansSemiBold.ttf') format('truetype'),
         url('fonts/dm-sans/DMSansSemiBold.svg#DMSansSemiBold') format('svg');
}
@font-face {
    font-family: 'DMSansBold';
    src: url('fonts/dm-sans/DMSansBold.eot');
    src: url('fonts/dm-sans/DMSansBold.eot') format('embedded-opentype'),
         url('fonts/dm-sans/DMSansBold.woff2') format('woff2'),
         url('fonts/dm-sans/DMSansBold.woff') format('woff'),
         url('fonts/dm-sans/DMSansBold.ttf') format('truetype'),
         url('fonts/dm-sans/DMSansBold.svg#DMSansBold') format('svg');
}
@font-face {
    font-family: 'DMSansExtraBold';
    src: url('fonts/dm-sans/DMSansExtraBold.eot');
    src: url('fonts/dm-sans/DMSansExtraBold.eot') format('embedded-opentype'),
         url('fonts/dm-sans/DMSansExtraBold.woff2') format('woff2'),
         url('fonts/dm-sans/DMSansExtraBold.woff') format('woff'),
         url('fonts/dm-sans/DMSansExtraBold.ttf') format('truetype'),
         url('fonts/dm-sans/DMSansExtraBold.svg#DMSansExtraBold') format('svg');
}
@font-face {
    font-family: 'DMSansBlack';
    src: url('fonts/dm-sans/DMSansBlack.eot');
    src: url('fonts/dm-sans/DMSansBlack.eot') format('embedded-opentype'),
         url('fonts/dm-sans/DMSansBlack.woff2') format('woff2'),
         url('fonts/dm-sans/DMSansBlack.woff') format('woff'),
         url('fonts/dm-sans/DMSansBlack.ttf') format('truetype'),
         url('fonts/dm-sans/DMSansBlack.svg#DMSansBlack') format('svg');
}


:root {
    --primary-font-100: 'DMSansThin';
    --primary-font-200: 'DMSansExtraLight';
    --primary-font-300: 'DMSansLight';
    --primary-font-400: 'DMSansRegular';
    --primary-font-500: 'DMSansMedium';
    --primary-font-600: 'DMSansSemiBold';
    --primary-font-700: 'DMSansBold';
    --primary-font-800: 'DMSansExtraBold';
    --primary-font-900: 'DMSansBlack';

    --primary-font-reg: var(--primary-font-400) !important;
    --primary-font-bold: var(--primary-font-700)  !important;
}
/* body {
    background-color: #f3f3f9 !important;
} */
.grey_bg {
    background-color: #f3f3f9 !important;
}
body, p, select, option, table, table th, table td, input, label, button,span, .card-heading {
    font-family: var(--primary-font-400) !important;
}
h1, h2, h3, h4, h5, h6, .pop-header, strong, .footer_heading {
    font-family: var(--primary-font-700) !important;
}
/* EOF New Fonts */


@media (min-width: 992px) {
    .large_modal_main {
        max-width: 950px
    }
    .xx-large_modal_main {
        max-width: 1100px
    }
}
 
.enq_name {
    font-weight: initial;
    font-family: var(--primary-font-600);
}

.h-auto {
    height: auto !important;
}

.popup_form_main {
    padding: 15px;
    /* background: #f5f5f5; */
    background: rgb(250 253 255);
    border-radius: 10px;
    border: none;
    position: relative;
}
.pop_heading {
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    margin: 0 0 20px;
    text-align: left;
    line-height: 15px;
    position: relative;
    color: #191b1c;
}
.pop_heading::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    background: #191b1c;
    left: 0;
    bottom: -7px;
}
.form-group {
    margin-bottom: 10px;
}
.form-group label {
    /* width: 100%; */
    width: auto;
    text-align: left;
    display: inline-block;
    margin: 6px 0 5px;
    font-size: 13px !important;
    line-height: 12px;
}
.form-group .form-control {
    padding: 5px 10px;
    text-indent: 0
}

.card_left_text_align .form-group label {
    width: 100%;
}

.pop_card_heading {
    color: #333;
    text-align: left;
    font-size: 13px;
    position: relative;
    line-height: 17px;
    margin: 0 0 20px;
}
.pop_card_heading::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    background: #333;
    left: 0;
    bottom: -6px;
}

.custom_select {}
.custom_select select {
    appearance: none;
}

.passport_checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    margin: 0 0 10px;
}
.passport_checkbox input[type=checkbox] {
    width: auto;
}
.passport_checkbox label {
    margin: 0;
    line-height: 13px;
}

.add_btn_main {
    margin: 10px 0 0;
    text-align: right;
}
/* .add_btn {
    background: var(--tm-table-header-bg, #7C3AED);
    height: auto;
    padding: 4px 10px;
    font-size: 13px !important;
    text-align: left;
    color: #fff !important;
    cursor: pointer;
    position: relative;
    padding-left: 24px;
}
.add_btn:hover, .add_btn:focus {
    color: #fff
}
.add_btn::before, .add_btn::after {
    position: absolute;
    content: "";
    left: 13px;
    top: 9px;
    width: 2px;
    height: 8px;
    background: #fff;
    pointer-events: none;
}
.add_btn::before {
    transform: rotate(90deg);
} */

.btn-primary {
    background: var(--tm-brand-purple, #7C3AED);
    border-color: var(--tm-brand-purple, #7C3AED);
}
.btn-primary:hover, .btn-primary:focus {
    background: var(--tm-brand-purple-dark, #6b21a8);
    border-color: var(--tm-brand-purple-dark, #6b21a8);
    box-shadow: none;
}
.btn-primary-purple {
    background: var(--tm-brand-purple, #7C3AED) !important;
    border-color: var(--tm-brand-purple, #7C3AED) !important;
    color: white;
}
.btn-primary-purple:hover, .btn-primary-purple:focus {
    background: var(--tm-brand-purple-dark, #6b21a8) !important;
    border-color: var(--tm-brand-purple-dark, #6b21a8) !important;
    box-shadow: none !important;
    color: white;
}
.real-btn-secondary {
    color: #333 !important;
    background: none !important;
    border-color: #333 !important;
}
.real-btn-secondary:hover, .real-btn-secondary:focus {
    color: #fff !important;
    background: #333 !important;
}
.tab {
    display: flex;
    align-items: center;
    gap: 10px;
}
.tab .tablinks, .tab .selectedButton {
    margin: 0;
}
button.tablinks {
    padding: 2px 10px;
    display: inline-block;
    border-radius: 7px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
}

table.common_table {
    width: 100%;
    border: none !important;
}
table.common_table thead tr {
    padding: 0;
}
table.common_table thead tr th, table.common_table tr th  {
    padding: 7px 15px !important;
    border: none !important;
    height: auto !important;
    background-color: #00809D   !important; /* navy blue/dark slate, similar to Tailwind's slate-800 */
    color: #f1f5f9 !important; /* light gray, similar to Tailwind's slate-100 */
    font-weight: 600 !important; /* semi-bold for better header visibility */
    letter-spacing: 0.02em;
}
table.common_table {}
table.common_table tbody {}
table.common_table tbody tr {
    padding: 0;
}
table.common_table tbody tr:nth-child(even) td {
    background: #f7f7f7 !important;
}
table.common_table tbody tr td, table.common_table tfoot tr td {
    padding: 10px 15px !important;
    background: #fff !important;
    text-align: left;
    border: none !important;
    height: auto !important;
    vertical-align: text-bottom;
}

table.small_tables tbody tr td {
    padding: 5px 15px !important;
}
table.small_tables tbody tr td .form-control {
    height: auto;
    min-height: initial;
    font-size: 12px !important;
    padding: 3px 10px;
}

.form_buttons {
    display: flex;
    align-items: stretch;
    justify-content: end;
    width: 100%;
    gap: 10px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px;
}
.btn-primary, .form_buttons .btn-primary {
    background: var(--tm-brand-purple, #7C3AED);
    border-color: var(--tm-brand-purple, #7C3AED);
    color: #fff;
}
.form_buttons .btn-secondary {
    color: #333;
    background: none;
    border-color: #333;
}
.form_buttons .btn-secondary:hover {
    color: #fff;
    background: #333;
}
.form_buttons button {
    width: 100px;
}

.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after {
    top: 0;
}

table.table_style {
    width: 100%;
}
table.table_style thead tr {
    border: none !important;
    height: auto !important;
    padding: 2px 15px !important;
    background: var(--tm-table-header-bg, var(--tm-table-header-bg, #7C3AED)) !important;
}
table.table_style thead tr th, table.table_style tr th {
    color: #fff;
    font-weight: initial;
    font-family: var(--primary-font-600);
    font-size: 13px !important;
    padding: 7px 10px !important;
    background: var(--tm-brand-purple, #7C3AED) !important;
    white-space: nowrap;
    text-align: left;
}
table.table_style tbody {}
table.table_style tbody tr {}
table.table_style tbody tr td {
    padding: 7px 10px !important;
    font-size: 14px !important;
    line-height: 14px;
    vertical-align: top;
    text-align: left;
}
.radio_btn {
    width: auto;
}
.radio_btn_main {
    display: flex;
    align-items: center;
    gap: 6px;
}
input[type='text'] {
    /* text-indent: 0; */
}
.form-control {
    font-size: 13px !important;
    text-indent: 0;
    padding: 7px 10px;
}
.form-control:hover, .form-control:focus {
    outline: none;
    box-shadow: none;
}
.min-width-100 {
    min-width: 100px;
}

.tab_preview_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.preview_btn {
    background: #05a318;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 12px;
}
.preview_btn img {
    width: 20px;
}
.preview_btn:hover {
    background: #10911f;
    color: #fff;
}

.input_full_width .select2-container {
    width: 100% !important;
}

.enquiry-container {
    padding-left: 15px;
    padding-right: 15px;
}

.table3accomadatonclass {
    margin-left: 15px !important;
}

.border_main {
    display: inline-block;
    background: #c8c8cd;
    width: 100%;
    height: 1px;
    margin: 0 0 15px;
}
.custom-radio .custom-control-label::before, .custom-radio .custom-control-label::after {
    top: 0;
}
.custom-control-label::before, .custom-control-label::after {
    top: -2px;
}
.radio_custom_wrapper .custom-control-label {
    margin: 0;
    line-height: 16px;
}
.radio_custom_wrapper .custom-control-label::before, .radio_custom_wrapper .custom-control-label::after {
    top: 0;
}
.grey_container {
    border: 1px solid #dddd;
    padding: 15px;
    border-radius: 10px;
    height: 100%;
}
.blue_border_container {
    border: 1px solid #5968db;
    border-radius: 7px;
    height: 100%
}

.title_area{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    background-color: #5968db;
    margin: 0px 0px 10px 0px;
    border-radius: 4px 4px 0 0;
    font-size: 15px;
    padding: 5px 10px;
    color: #fff;
}
.content_area {
    padding: 5px 10px;
}
.toast_card {
    background: #edefff;
    margin: 10px 0 10px;
    border-radius: 5px;    
    font-size: 12px;
    line-height: 17px;
    padding: 10px 15px;    
}
.toast_card_title {
    font-size: 12px;
    line-height: 17px;
    margin: 0 0 7px;
}
.toast_card_content {
    display: inline-block;
    padding: 6px 10px;
    background-color: #28a745;
    color: #fff !important;
    text-decoration: none;
    border-radius: 5px;
    font-size: 12px;
    line-height: 17px;
}
.common_drop_menu li a {
    padding: 7px 15px;
    width: 100%;
    display: inline-block;
}
.phone_number .iti {
    width: 100%;
}

.note_input_wrapp {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 15px;
}
.note_input_wrapp:nth-last-child(1) {
    margin: 0;
}
.drag-handle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    margin: 0;
    cursor: grab;
    padding: 5px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    height: 36px;
    border-radius: 4px;
}
.note_input_wrapp .foot_note {
    height: 36px;
    font-size: 13px !important;
}
.note_input_wrapp .add-more-btn {
    position: relative;
}
.note_input_wrapp .close-btn {
    min-width: 70px;
    position: relative;
    padding-left: 0;
    text-align: right;
}
.note_input_wrapp .close-btn:hover, .note_input_wrapp .close-btn:focus {
    color: #fff
}
.note_input_wrapp .close-btn::before, .note_input_wrapp .close-btn::after {
    position: absolute;
    content: "";
    left: 15px;
    top: 13px;
    width: 2px;
    height: 10px;
    background: #fff;
    pointer-events: none;
}
.note_input_wrapp .close-btn::before {
    transform: rotate(45deg);
}
.note_input_wrapp .close-btn::after {
    transform: rotate(-45deg);
}

.add-more-btn {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 8px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    min-width: 70px;
    position: relative;
    padding-left: 30px;
    text-align: right;
}

.add-more-btn:hover, .add-more-btn:focus {
    color: #fff
}
.add-more-btn::before, .add-more-btn::after {
    position: absolute;
    content: "";
    left: 15px;
    top: 14px;
    width: 2px;
    height: 10px;
    background: #fff;
    pointer-events: none;
}
.add-more-btn::before {
    transform: rotate(90deg);
}
.document_upload_wrapp {
    margin: 15px 0 0;
    border-top: 1px solid #ddd;
    padding: 15px 0 0;
}

.welcome_note {
    padding: 15px;
    text-align: center;
    min-height: 350px;
    box-shadow: 0 0.1875rem 0.75rem 0 rgba(47, 43, 61, 0.14);
    margin: 10px 0 40px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url(../images/welcome_bg.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
}
.welcome_note::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
}
.welcome_note_content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 310px;
}

.welcome_title {
    font-size: 20px;
    margin: 0 0 10px;
    line-height: 20px;
    max-width: 500px;
    width: 100%;
    text-align: center;
}
.welcome_para {
    margin: 0 0 10px;
    font-size: 13px !important;
    font-weight: initial !important;
    color: #333;
    max-width: 60%;
}

.no_result_main .welcome_title {
    font-size: 28px;
    margin: 15px 0 15px;
    color: #1E2339;
    font-family: var(--primary-font-700) !important;
}

.bordered_input {
    border: 1px solid #ddd;
    padding: 10px 15px;
    border-radius: 8px;
    box-shadow: 1px 1px 2px #ddd;
}
.bordered_input .form-group {
    margin: 0;
}

.input_with_border {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 20px;
}


/* BOF Tooltip */
.tooltip {
    position: relative; }
    .tooltip:after, .tooltip:before {
      opacity: 0;
      pointer-events: none;
      bottom: 100%;
      left: 50%;
      position: absolute;
      z-index: 10;
      transform: translate(-50%, 10px);
      transform-origin: top;
      transition: all 0.18s ease-out 0.18s; }
  
  .tooltip:after {
    background-color: var(--tm-table-header-bg, #7C3AED);
    box-shadow: 0 0 3px #ddd;
    content: attr(data-tooltip);
    padding: 6px 10px;
    white-space: nowrap;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px; 
}
  
  .tooltip:before {
    width: 0;
    height: 0;
    content: "";
    margin-bottom: 6px; }
  
  .tooltip:hover:before,
  .tooltip:hover:after {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0); }
  
  [data-tooltip-pos="up"]:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--tm-table-header-bg, #7C3AED);
    margin-bottom: 6px; }
  
  [data-tooltip-pos="down"]:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--tm-table-header-bg, #7C3AED);
    margin-top: 6px; }
  
  [data-tooltip-pos="right"]:before {
    border-top: 6px solid transparent;
    border-right: 6px solid var(--tm-table-header-bg, #7C3AED);
    border-bottom: 6px solid transparent;
    margin-left: 6px; }
  
  [data-tooltip-pos="left"]:before {
    border-top: 6px solid transparent;
    border-left: 6px solid var(--tm-table-header-bg, #7C3AED);
    border-bottom: 6px solid transparent;
    margin-right: 6px; }
  
  [data-tooltip-pos="down"]:before,
  [data-tooltip-pos="down"]:after {
    bottom: auto;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -10px); }
  
  [data-tooltip-pos="down"]:after {
    margin-top: 11px; }
  
  [data-tooltip-pos="down"]:hover:before,
  [data-tooltip-pos="down"]:hover:after {
    transform: translate(-50%, 0); }
  
  [data-tooltip-pos="left"]:before,
  [data-tooltip-pos="left"]:after {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translate(10px, -50%); }
  
  [data-tooltip-pos="left"]:after {
    margin-right: 11px; }
  
  [data-tooltip-pos="left"]:hover:before,
  [data-tooltip-pos="left"]:hover:after {
    transform: translate(0, -50%); }
  
  [data-tooltip-pos="right"]:before,
  [data-tooltip-pos="right"]:after {
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translate(-10px, -50%); }
  
  [data-tooltip-pos="right"]:after {
    margin-left: 11px; }
  
  [data-tooltip-pos="right"]:hover:before,
  [data-tooltip-pos="right"]:hover:after {
    transform: translate(0, -50%); }
  
  /* [data-tooltip-length]:after {
    white-space: normal; } */
  
  [data-tooltip-length="small"]:after {
    width: auto; }
  
  [data-tooltip-length="medium"]:after {
    width: auto; }
  
  [data-tooltip-length="large"]:after {
    width: auto; }
  
  [data-tooltip-length="fit"]:after {
    width: auto; }
  
  
  
  
  /*css just to the example*/
  .component--example{
    margin-top:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column; 
  }
/* EOF Tooltip */

.full_width_select .accommodation-input {
    margin: 0 !important;
}
.full_width_select .large-sec, .full_width_select .first-select, .full_width_select .select2-container, .full_width_select .top-second {
    width: 100% !important;
}

.show_hotel_options {
    position: relative;
    z-index: 2;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
}
.hotel_options_toggle {
    padding-right: 30px;
    position: relative;
}
.hotel_options_toggle::after {
    position: absolute;
    content: "";
    right: 10px;
    top: 10px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
.toggle_on::after {
    transform: rotate(-135deg);
    top: 13px;
}
.hotel_options_main {
    display: none;
    margin: 0 0 15px;
    position: relative;
    z-index: 1;
}

.option_name_area {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    gap: 10px;
    justify-content: flex-start;
    font-size: 12px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 5px;
    background: #f9f9f9;
    position: relative;
}
.option_name_area span {
    font-weight: 600;
    text-shadow: none !important;
    color: #333;
}
.option_name_area::after {
    position: absolute;
    content: "";
    left: 15px;
    bottom: -6px;
    border-bottom: 1px solid #ddd;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background: #f9f9f9;
    z-index: 0;
    border-right: 1px solid #ddd;
}
.option_name_area input {
    max-width: 350px;
}
.add_edit_hotel {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 35px;
}
.add_edit_hotel .form-group, .add_edit_hotel .form-group label {
    margin: 0;
}
.add_edit_hotel .custom-control {
    height: auto;
    line-height: 10px;
    min-height: auto;
}
.add_edit_btn {
    transition: none !important;
    width: 50%;
    text-align: left;
    margin: 0 0 0 15px;
}
.add_edit_btn a {
    display: inline-block;
    background: var(--tm-table-header-bg, #7C3AED);
    color: #fff !important;
    font-size: 12px;
    padding: 8px 15px;
    border-radius: 5px;
}
.delete_btn {
    padding: 6px 0 0;
    width: 100%;
    text-align: center;
    display: inline-block;
}
.delete_btn img {
    width: 20px;
}
.radio_horizontal_container .form-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    gap: 20px;
}
.radio_horizontal_container .form-group label {
    width: auto;
    margin: 0;
    height: auto;
    min-height: auto;
    line-height: normal;
}
.radio_horizontal_container .custom-control {
    min-height: initial;
    border: 1px solid #ddd;
    padding: 8px 15px 8px 35px;
    margin: 0;
    border-radius: 5px;
    background: #fff;
}
.radio_horizontal_container .radio_horizontal_group {
    background: #f7f7f7;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.vehicle_table {

}
#hotel_inclusion_table th, #hotel_inclusion_table td{
    border: none;
}
.input_common {
    padding: 6px 10px;
    font-size: 11px;
}
.input_common:hover, .input_common:focus, .input_common:active, .input_common:visited, .input_common:focus-visible {
    border: 0.1px solid #c3c3c3;
    box-shadow: none;
    outline: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #fff;
    border-radius: 3px;
    height: 20px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    height: 100%;
    padding: 0 5px;
    font-size: 15px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 11px;
    margin: 2px 0 0;
    display: inline-block;
}

.overflow_fix .data-content {
    height: auto;
    overflow: visible;
}

table.normal_table_design {
    width: 100%;
    pointer-events: none;
}
table.normal_table_design thead tr th {
    color: #fff;
    font-weight: initial;
    background: var(--tm-table-header-bg, var(--tm-table-header-bg, #7C3AED));
}
table.normal_table_design tbody tr:nth-child(even) {
    background: #f7f7f7;
}
table.normal_table_design tbody tr td {
    vertical-align: top;
    padding: 7px 8px !important;
}
.multi_selected_main {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    margin: 0;
    flex-wrap: wrap;
}
.multi_selected {
    font-size: 11.5px;
    padding: 3px 10px;
    background: rgba(108, 117, 125, 0.10);
    color: #000000b5;
    letter-spacing: 1px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.multi_selected:nth-child(even) {
    background: rgba(108, 117, 125, 0.20);
}

.options_tab_main {
    margin: 20px 0 0;
    display: inline-flex;
    align-items: stretch;
    gap: 5px;
    background: #e2e8f0;
    padding: 5px 7px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.options_tab_single {
    background: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
}
.options_tab_single::after {
    position: absolute;
    content: "";
    left: calc(50% - 2.5px);
    bottom: -10px;
    border: 5px solid transparent;
}
.options_tab_single:hover {
    background: var(--tm-table-header-bg, #7C3AED);
    color: #fff;
}
.options_tab_single:hover:after {
    border-bottom-color: #f00;
}
.options_tab_single.active {
    background: var(--tm-table-header-bg, #7C3AED);
    color: #fff;
    position: relative;
}
.options_tab_single.active::after {
    position: absolute;
    content: "";
    left: calc(50% - 2.5px);
    bottom: -10px;
    border: 5px solid transparent;
    border-top-color: var(--tm-table-header-bg, #7C3AED);
}
.content-contr .sidebar-contr {
    width: 260px;
    height: auto;
}
.content-contr .data-content {
    height: auto;
}
.pop_content {
    margin: 10px 0 0;
}

.single_table {
    margin: 0 0 20px;
}
.multiple_tables_main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.multiple_tables_main .single_table {
    width: 48%;
}
.equal_table thead tr th {
    width: 50%;
}
.equal_table tbody tr td {
    padding: 7px 8px !important;
}

.table_head {
    font-size: 13px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    margin: 0 0 20px;
    text-align: left;
    line-height: 15px;
    position: relative;
    color: #191b1c;
}
.table_head::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    background: #191b1c;
    left: 0;
    bottom: -7px;
}

.content-contr {
    padding: 0;
}

.card_box_main {
    border-radius: 8px;
    border: 1px solid  rgb(216, 223, 231);
    padding: 10px 15px 15px;
    background: #fff;
    box-shadow: 0px 0px 10px #ddd;
}
.sub_title {
    border-radius: 0;
    background: none;
    /* color: #5968db; */
    color: #29323a;
    padding: 0;
    font-size: 16px;
    line-height: inherit;
    min-width: inherit;
    height: initial;
    font-family: var(--primary-font-600);
    margin: 0 0 10px;
    position: relative;
}
 .sub_title::before {
    position: absolute;
    content: "";
    height: 2px;
    background: #333;
    left: 0;
    bottom: 0;
    width: 30px;
}
/* .sub_title::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0px;
    width: 40px;
    height: 1px;
    background: #29323a;
}
.sub_title::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -3px;
    width: 30px;
    height: 1px;
    background: #29323a;
} */
.card_box_main .content_area {
    padding: 0;
}
.enquiry_number {
    background: #3d424b;
    /* color: #000;
    padding: 0; */
    width: calc(100% - 20px);
    font-size: 13px !important;
    font-weight: initial;
    font-family: var(--primary-font-500) !important;
}


.btn-style {
    height: 33px;
    border-radius: 5px;
}

.gradient_btn {
    color: #fff;
    background: #831BEE;
    background: linear-gradient(0deg, rgba(131, 27, 238, 1) 0%, rgba(254, 1, 110, 1) 100%);
}
.main_add_btn {
    color: #fff;
    background: #831BEE;
    background: -webkit-linear-gradient(65deg, rgba(131, 27, 238, 1) 0%, rgba(254, 1, 110, 1) 100%);
    background: -moz-linear-gradient(65deg, rgba(131, 27, 238, 1) 0%, rgba(254, 1, 110, 1) 100%);
    background: linear-gradient(65deg, rgba(131, 27, 238, 1) 0%, rgba(254, 1, 110, 1) 100%);
    text-transform: uppercase;
    font-family: var(--primary-font-600) !important;
    font-size: 13px !important;
    border: none !important;
    position: relative;
    padding: 0 10px 0 25px !important;
    width: auto;
    text-transform: capitalize;
}
.main_add_btn::before {
    position: absolute;
    content: "";
    left: 10px;
    width: 10px;
    height: 2px;
    background: #fff;
    top: 15px;
    pointer-events: none;
}
.main_add_btn::after {
    position: absolute;
    content: "";
    left: 11px;
    width: 2px;
    height: 10px;
    background: #fff;
    top: 11px;
    pointer-events: none;
    border: none;
}
.main_add_btn_dropdown {
    padding: 0 25px 0 10px !important;
}
.main_add_btn_dropdown::before, .main_add_btn_dropdown::after {
    content: none;
}
.main_add_btn_dropdown::after {
        border: 2px solid transparent;
    content: '';
    width: 8px;
    height: 8px;
    right: 10px;
    position: absolute;
    left: initial;
    background: none;
    border-left-color: #fff;
    border-bottom-color: #fff;
    border-radius: 2px;
    transform: rotate(-45deg);
}
.secondary_add_btn {
    background: #fe016e;
    font-family: var(--primary-font-600) !important;
    font-size: 13px !important;
    border: none !important;
    position: relative;
    padding: 7px 10px 6px 28px !important;
    width: auto;
    text-transform: capitalize;
    height: auto;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    white-space: nowrap;
    text-decoration: none;
}
.secondary_add_btn::before {
    position: absolute;
    content: "";
    left: 10px;
    width: 10px;
    height: 2px;
    background: #fff;
    top: 15px;
    pointer-events: none;
}
.secondary_add_btn::after {
    position: absolute;
    content: "";
    left: 14px;
    width: 2px;
    height: 10px;
    background: #fff;
    top: 11px;
    pointer-events: none;
}


.add_btn {
    background: #5968db;
    color: #fff !important;
    border: none;
    position: relative;
    padding-left: 25px;
    font-size: 12px;
    white-space: nowrap;
    height: 35px;
    display: inline-flex;
    align-items: center;
    line-height: 22px;
}
.add_btn::before {
    position: absolute;
    /* content: "+"; */
    left: 8px;
    top: 5px;
    color: #fff;
    font-size: 19px;
    pointer-events: none;
}

table.grey_table tr th {
    background: #5a5959 !important;
    color: #fff;
}

.notification_main {
    position: relative;
}
.notification_main .notification_count {
    position: absolute;
    right: 0;
    top: 0;
    background: #f00;
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
}
.select_2_w-100 .select2-container {
    width: 100% !important;
}
.selectalldays_checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 5px 0 0;
    gap: 5px;
}
.selectalldays_checkbox label {
    margin: 0;
    font-size: 12px !important;
}

.attach-btn .attach-icon {
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
}

.attach-btn:hover .attach-icon {
  transform: rotateY(180deg);
}

.form_buttons .btn-primary-gradient,
.btn-primary-gradient {
    color: #fff;
    background: linear-gradient(to right, var(--tm-brand-purple, #7C3AED), #6000A8);
}
.form_buttons .btn-primary-gradient:hover,
.btn-primary-gradient:hover {
    color: #fff;
    background: linear-gradient(to right, var(--tm-brand-purple, #7C3AED), #6000A8);
}

.border-none {
    border: none !important;
}

.text-gradient {
  background: linear-gradient(to right, rgba(160, 32, 240, 0.9), rgba(96, 0, 168, 0.9));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.notify_icons_main {
    position: relative;
}
.notify_icons {
     position: absolute;
    right: 0;
    top: 0;
    background: #f00;
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
}
.check_icon {
    background: #10911f;
    color: #fff;
}
.cross_icon {
    background: #f00;
    color: #fff;
}

.button-green-gradient {
    background: linear-gradient(to right, #099e1c, #08c31f, #6fdc6f);
    color: white;
    border: none;
    cursor: pointer;
    transition: transform 0.2s ease;
    transform: transition all ease 0.5s;
}

.button-green-gradient:hover {
    transform: scale(1.03);
    background: linear-gradient(to right, #099e1c, #08c31f, #6fdc6f);
}

.title_with_btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
}

.apply_global_main {
    margin: 20px 0 0 0;
    display: flex;
    justify-content: flex-end;
    padding-right: 15px;
}

.title_with_btns .sub_title {
    margin: 0;
}

.apply_btn {
    border: none;
    background: #fe016e;
    color: #fff;
    font-size: 11px !important;
    font-family: var(--primary-font-600) !important;
    font-weight: initial;
    padding: 7px 15px;
    display: inline-block;
    border-radius: 5px;
    min-height: 38px;
}
.custom-modal-header {
    background: var(--tm-brand-purple, #7C3AED) !important;
    padding: 7px 15px;
    display: inline-block;
    width: 100%;
    border-radius: 9px 9px 0 0;
}
.modal-title {
    color: #fff;
    font-size: 14px;
    font-family: var(--primary-font-500);
}
.global_apply {
    background: linear-gradient(to right, rgba(96, 0, 168, 0.9), rgb(122 10 192 / 90%), #c66fff);
    color: #fff;
    border: none;
}
.global_apply:hover {
    color: #fff;
}
.btn_border_main {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px dashed #3333332e;
}

.edit-button-icon {
    background-color: #fff;
    border: none !important;
    color: #333 !important;
    cursor: pointer;
    font-size: 13px;
    box-shadow: 0px 0px 6px #dddddd82;
    padding: 8px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.btn-icon {
    width: 15px;
}

.custom_large_modal {
    max-width: 1000px;
}

.tablinks svg path{
    color: #009721;
}
.selectedButton svg path{
    color: #fff;
}

.filter_addbtn_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
}
.search_filter_main {
    display: flex;
    gap: 10px;
    background: #e7e9f5 url(../images/filter_bg.webp) center center no-repeat;
    background-size: cover;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 1px 1px 8px 1px #e3e3e3;
    border: 1px solid #751ab626;
    position: relative;
}
.search_filter_main:before {
    pointer-events: none;
    position: absolute;
    content: "";
    left: -8px;
    top: 22px;
    width: 15px;
    height: 15px;
    background: url(../images/icons/filterIcon.svg) center center no-repeat;
    background-size: cover;
    z-index: 2;
}
.search_filter_main:after {
    pointer-events: none;
    position: absolute;
    content: "";
    left: -15px;
    top: 13px;
    width: 30px;
    height: 30px;
    background: linear-gradient(to right, rgba(96, 0, 168, 0.9), rgb(122 10 192 / 90%), #c66fff);
    border-radius: 50%;
    z-index: 1;
}
.search_filter_btns {
    display: flex;
    align-items: stretch;
    gap: 10px;
}
.apply_filter_btn {
    background: linear-gradient(to right, rgba(96, 0, 168, 0.9), rgb(122 10 192 / 90%), #c66fff);
    color: #fff;
    border: none;
    padding: 0 15px;
    border-radius: 5px;
}
.clear_filter_btn {
    background: #fff;
    border: 1px solid #333;
    padding: 0 15px;
    border-radius: 5px;
    color: #333;
    font-family: var(--primary-font-600) !important;
    text-shadow: none;
}

.list_global_main {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    margin: 15px 0 -30px;
}
.list_global_main .apply_global_main {
    margin: 0;
}

.clear_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid #1E2339;
    font-family: var(--primary-font-600) !important;
}
.clear_btn img {
    width: 10px;
}
.navbar .profile-dropdown .dropdown-menu {
    z-index: 101;
}


.filled_data td:last-child {
    background: url(../images/icons/filled_icon.svg) no-repeat 98% 14px;
    background-size: 20px 20px;
    width: 10px;
    height: 20px;
    padding-right: 40px !important;
}
.not_filled_data td:last-child {
    background: url(../images/icons/not_filled_icon.svg) no-repeat 98% 14px;
    background-size: 20px 20px;
    width: 10px;
    height: 20px;
    padding-right: 40px !important;
}

/* #nav_second_row a span  {} */
#nav_second_row .main_menu a {
    position: relative;
    display: inline-block;
    width: 100%;
}

.menu_icon {
    display: inline-block;
    /* position: absolute;
    left: 5px;
    top: 5px; */
}
/* .enq_icon {
    width: 12px;
    height: 19px;
    background: url(../images/icons/menu_icons/enquiry.svg) center center no-repeat;
    background-size: cover;
}
.masters_icon {
    width: 12px;
    height: 19px;
    background: url(../images/icons/menu_icons/master.svg) center center no-repeat;
    background-size: cover;
}
.itinerary_icon {
    width: 12px;
    height: 19px;
    background: url(../images/icons/menu_icons/itinerary.svg) center center no-repeat;
    background-size: cover;
}
.templates_icon {
    width: 12px;
    height: 19px;
    background: url(../images/icons/menu_icons/template.svg) center center no-repeat;
    background-size: cover;
}
.hub_icon {
    height: 19px;
    width: 12px;
    background: url(../images/icons/menu_icons/hub.svg) center center no-repeat;
    background-size: cover;
}
.operational_reports_icon {
    width: 12px;
    height: 19px;
    background: url(../images/icons/menu_icons/reports.svg) center center no-repeat;
    background-size: cover;
}
.settings_icon {
    width: 12px;
    height: 19px;
    background: url(../images/icons/menu_icons/settings.svg) center center no-repeat;
    background-size: cover;
} */
 
.tax_card_main {
    display: flex;
    align-items: stretch;
    gap: 10px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    background: #fff;
    box-shadow: 2px 2px 2px #ddd;
    padding: 7px 15px;
}
.head_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.head_area .form-group {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    border-right: 1px solid #ddd;
    padding: 0 15px 0 0;
    margin: 0 5px 0 0;
}
.head_area .form-group:nth-last-child(1) {
    border-right: none;
    margin: 0;
    padding: 0;
}
.head_area .form-group label {
    margin: 0;
    font-size: 12px !important;
}
.head_area .form-group .form-control {
    height: 30px !important;
    font-size: 12px !important;
}
.options_table_main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 10px 0 0;
    max-width: 100%;
    overflow-x: auto;
}
.options_table_single {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #3333334f;
    box-shadow: 3px 3px 3px #ddd;
    min-width: 180px;
    /* max-width: 220px; */
    width: 100%;
}
table.options_table {
    width: 100%;
    border: none !important;
    table-layout: fixed;
}
table.options_table thead tr {
    background: #7019b1;
    color: #fff;
}
table.options_table thead tr th {
    padding: 5px 15px !important;
    white-space: nowrap;
    color: #fff;
    font-size: 12px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    cursor: help;
}
table.options_table tbody tr td {
    padding: 5px 15px;
    font-size: 12px !important;
    height: 32px;
}
.value_with_icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}
.value_with_icon .value {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}
.value_with_icon .action_icon {
    flex-shrink: 0;
    margin-left: 5px;
}
table.options_table tbody tr:nth-child(even) {
    background: #dddddd63;
}
.cost_value_head_row td, .cost_value_head_row td strong {
    background: #7019b1;
    color: #fff !important;
    font-size: 14px;
}
.cost_value_row td {
    background: #fff;
    color: #7019b1 !important;
}
.cost_value_row td strong {
    color: #7019b1 !important;
    font-size: 14px;
}
.action_icon {
    background: none;
    border: none;
    padding: 0;
    width: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}
.action_icon img {
    width: 100%;
}
.color_red {
    color: #f00 !important;
}
.table_sec_head {
    margin: 30px 0 5px;
    font-size: 16px;
}

.table_input {
    width: 100%;
    border: none;
    font-size: 11px !important;
    padding: 5px 10px;
    border-radius: 5px;
    text-indent: 0 !important;
    border: 1px solid #ddd;
}
.total_value_col {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.total_value_col .currency_icon {
    color: #8888888d;
    font-family: var(--primary-font-600) !important;
}
.modal-backdrop.show {
    opacity: .5 !important;
}
.data-content .modal .cost_modals {
    max-width: 767px;
}
.data-content .modal .cost_modals .modal-content {
    border-color: rgba(96, 0, 168, 0.9);
}
.data-content .modal .cost_modals .modal-content .modal-header {
    padding: 8px 15px;
    background: linear-gradient(to right, rgba(96, 0, 168, 0.9), rgb(122 10 192 / 90%), #c66fff);
}
.data-content .modal .cost_modals .modal-content .modal-header .close {
    padding: 0px 10px;
    color: #fff;
    font-size: 28px !important;
    font-weight: initial;
    opacity: 1;
    box-shadow: none;
    text-shadow: none;
    display: inline-block;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.data-content .modal .cost_modals .modal-content .modal-header .close span {
    color: #fff;
}
.data-content .modal .cost_modals .modal-content .modal-header .modal-title {
    font-size: 12px !important;
}

table.cost_table {
    margin: 0;
}
table.cost_table,
table.cost_table thead {
    border: none !important;
}
table.cost_table thead tr th {
    border: none;
    background: #e8e8e8;
    color: #333;
    vertical-align: middle;
}
table.cost_table td, table.cost_table th, table.cost_table thead tr th:first-child {
    padding: 6px .75rem !important;
    border-top: 1px solid #dee2e6;
    font-size: 12px !important;
    border: none;
}
table.cost_table tbody tr:nth-child(even) {
    background-color: #f1eeeebd;
}
table.cost_table tbody tr td {
}
.total_row {
    background: #d8cde4;
    border-top: 10px solid #fff;
}
.total_row td {
    vertical-align: middle !important;
}
.table-form-control {
    width: 100%;
    background: none;
    border: none;
    padding: 5px 0;
    text-indent: 0 !important;
    border-bottom: 1px solid #ddd;
    font-size: 12px !important;
}
.table-form-control::placeholder {
    font-size: 12px !important;
}
.table_delete_btn {
    background: #dc3545;
    color: #fff;
}
.table_delete_btn img {
    width: 12px;
}
.table_btns {
    padding: 4px 10px;
    border: none;
    border-radius: 5px;
    width: 100%;
    white-space: nowrap;
}
.table_add_btn {
    background: #7019b1;
    color: #fff;
}
.table_footer_btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: 15px 0 0;
}
.table_footer_btns button {
    width: auto;
    padding: 7px 15px;
    min-width: 100px;
}
.save_btn {
    background: linear-gradient(to right, rgba(96, 0, 168, 0.9), rgb(122 10 192 / 90%), #c66fff);
    color: #fff;
}
.close_btn {
    border: 1px solid #333;
    color: #333;
    background: none;
}
.price_show {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.price_show .action_icon {
    width: 16px;
}
.filled_cross_icon {
    width: 24px;
    height: 24px;
    margin: 4px 0 0;
    display: inline-block;
}

.filled_icon {
    background: url(../images/icons/filled_icon.svg) no-repeat center center;
    background-size: cover;
}
.not_filled_icon {
    background: url(../images/icons/not_filled_icon.svg) no-repeat center center;
    background-size: cover;
}
.nodata h5 {
    text-align: center;
    font-size: 12px;
    margin: 0;
    color: #666;
    font-weight: 600;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.attach_addmore_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.attach_main {
    display: flex;
    flex: 1;
    background: #fff;
    box-shadow: 1px 1px 4px #ddd;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.is-invalid {
 border-color: red;
}

.select2-selection__clear {
    font-size: 20px !important;      /* Make the '×' icon bigger */
    cursor: pointer;
}
.select2-selection__clear:hover {
    color: #cc0000;
    font-weight: bold;
}


.guest_card_row {
    gap: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0;
    padding: 20px;
    /* background: #fff url(../images/b2b2c/category_bg_1.webp) center center repeat-y;
    background-size: contain; */
}
.guest_card_single {
    background: #fff;
    box-shadow: 3px 5px 5px #ddd;
    border-radius: 15px;
    border: 1px solid #ddd;
    border-top: none;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 5px;
}
.guest_card_single .header {
    position: relative;
    padding: 15px;
    background: url(../images/card_header.jpg) center center no-repeat;
    border-radius: 10px;
    height: 80px;
    background-size: cover;
}
.guest_card_single .header::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    /* height: 80px; */
    /* background: linear-gradient(to right, rgba(96, 0, 168, 0.9), rgb(122 10 192 / 90%), #c66fff); */
    /* background: #e1e5ff; */
    z-index: 0;
    pointer-events: none;
}
.content_area {
    padding: 10px 15px;
    margin: 0px 0 0;
}
.link_toggle {
    background: none;
    border: none;
    padding: 0;
}
.top_strip {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    z-index: 5;
    top: 15px;
    padding: 0 15px;
    right: 0;
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 30px;
}
.top_strip button {
    color: #fff;
}

.top_strip .dropdown .dropdown-menu .dropdown-item {
    padding: 5px 15px;
    font-size: 13px;
    text-align: right;
}
.top_strip .dropdown .dropdown-menu .dropdown-item:hover {
    background: none;
}


.user_details article {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    gap: 10px;
    flex-direction: column;
}
.user_details article .name_letters {
    width: 65px;
    height: 65px;
    /* background: linear-gradient(to right, rgba(96, 0, 168, 0.9), rgb(122 10 192 / 90%), #c66fff); */
    background: #ffffff;
    box-shadow: 2px 2px 5px #cbcbcb;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: linear-gradient(to right, rgba(96, 0, 168, 0.9), rgb(122 10 192 / 90%), #c66fff);
    font-weight: 800;
    font-family: var(--primary-font-700);
    font-size: 24px;
}
.user_details article .name {
    margin: 0 0 5px;
    font-size: 21px;
    line-height: 15px;
    color: #333;
}
.user_details article .number {
    font-size: 11px;
    margin: 8px 0 6px;
    color: #101010;
}
.user_details {
    margin: 0 0 10px;
    border-bottom: 1px solid #ddd;
    padding: 0;
}
.guest_card_single .list_main {
    border-bottom: 1px solid #ddd;
    margin: 0 0 15px;
    display: grid;
    padding: 0 0 10px;
    grid-template-columns: 1fr 1fr;
    gap: 7px 10px;
}
.guest_card_single .list_main .list_single {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    flex-direction: column;
}
.guest_card_single .list_main .list_single .title {
    margin: 0;
    color: #333;
    font-size: 10px;
    letter-spacing: 0.5px;
    /* font-family: var(--primary-font-600); */
}
.guest_card_single .list_main .list_single .value {
    line-height: 23px;
    font-size: 20px;
    font-family: var(--primary-font-800);
    color: #101010;
}
span.inr {
    font-size: 0.8rem;
    display: inline-block;
    padding: 0 2px 0 0;
    color: #666;
    font-family: var(--primary-font-800) !important;
}
.guest_card_single .status_list {
    grid-template-columns: 1fr;
    margin: 0;
    padding: 0;
    border: none;
}
.guest_card_single .status_list .list_single {
    flex-direction: row;
    align-items: center;
}

.guest_card_single .list_main.status_list .list_single .value {
    font-size: 13px;
    font-family: var(--primary-font-600);
    line-height: 15px;
    color: #101010;
}

.border_none {
    border: none !important;
}

button.link_toggle {
    width: 20px;
    height: 21px;
    display: inline-flex;
    justify-content: center;
}
.link_toggle span {
    position: relative;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
}
.link_toggle span::before, 
.link_toggle span::after {
    position: absolute;
    content: "";
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
}
.link_toggle span::before {
    top: 8px;
}
.link_toggle span::after {
    top: 16px;
}
.card_progress_bar {
    width: calc(100% - 10px);
    height: 4px;
    margin: 2px auto 3px;
    border-radius: 10px;
}
.card_progress_bar span {
    background: #00d40a;
    display: inline-block;
    height: 100%;
}
.pax_count_wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #10101024;
    padding: 5px 10px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 2px 2px 2px #10101024;
}
.pax_count_wrap span {
    display: flex;
    gap: 5px;
    align-items: center;
    border-right: 1px solid #9ba2d5;
    padding: 0 10px 0 0;
}
.pax_count_wrap span:nth-last-child(1) {
    border: none;
    padding: 0;
}
.pax_count_wrap span p {
    margin: 0;
}

.list_top_sec {
    margin: 0;
    padding: 0;
    align-items: stretch;
    border: none;
}
.list_top_sec .list_single {
    flex-direction: row;
    align-items: center;
}
.user_details_main {
    margin-top: -40px;
}

.o-hidden {
    overflow: hidden !important;
}
.before-t-0::before {
    top: 0 !important;
}
.no-shadow {
    box-shadow: none !important;
}

.page_wrapper {
    margin: 2rem 0;
}

.head_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff url(../images/head_bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 10px 15px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    position: relative;
    margin: 0 0 1.5rem;
}
.corner_border {
    position: relative;
}
.corner_border::before {
    position: absolute;
    content: "";
    right: -2px;
    top: -2px;
    border: 2px solid #ccbebe;
    border-radius: 5px;
    height: 18px;
    width: 18px;
    z-index: -1;
}
.corner_border::after {
    position: absolute;
    content: "";
    left: -2px;
    bottom: -2px;
    border: 2px solid #ccbebe;
    border-radius: 5px;
    height: 18px;
    width: 18px;
    z-index: -1;
}
.head_section .user_details article .name_letters {
    width: 50px;
    height: 50px;
    font-size: 20px;
}
.head_section .user_details article .name {
    font-size: 16px;
    line-height: 13px;
}
.head_section .family_card_heading .user_details article .number {
    margin: 0;
}

.back_btn {
    background: #fff;
    border: none;
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    padding: 6px 20px;
    font-size: 12px !important;
    color: #666;
    font-family: var(--primary-font-600) !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
        border: 1px solid #666;
    border-radius: 5px;
}


.family_card_heading .user_details_main {
    margin: 0;
    border: none;
}
.family_card_heading .user_details_main article {
    flex-direction: row;
    align-items: center;
}
.family_card_heading .user_details article .number {
    margin-bottom: 0;
}

.single_card {
    background: #fff;
    margin: 0;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
}
.subheading {
    color: #495057;
    font-size: 16px;
    text-transform: uppercase;
    font-family: var(--primary-font-900) !important;
    line-height: 16px;
}

.table_outer {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 2px 5px #ddd;
    padding: 0 0 10px;
}
.table_outer table {
    box-shadow: none;
    margin: 0;
}

.action_icons_main {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 10px;
}
.action_icon {
    width: 15px;
}

.table_left th {
    text-align: left;
}


.content-contr .data-content {
    background: none;
}

.new_card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 2px 5px #ddd;
    padding: 15px;
    margin: 0 0 1rem;
}
.new_card_heading {
    color: rgb(33, 43, 55);
    line-height: 15px;
    font-size: 15px;
    margin: 0 0 0.4rem;
    font-family: var(--primary-font-700);
}
.icon_btn {
    background: none;
    padding: 0;
    border: none;
    width: 15px;
}
.icon_btn img {
    width: 15px;
}
table, table th, table td {
    font-size: 13px !important;
}
b, strong {
    font-weight: initial !important;
    font-family: var(--primary-font-700);
}

/* BOF Cost details & Tax(%) on Service Fees */
.small_title {
    font-size: 12px;
    margin: 0 0 5px;
    color: #343d55;
    font-weight: 700;
}
.cost_details_tax {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 12px 20px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    }
    .ticket_title_main {
    display: flex;
    flex-direction: column;
    flex: 1 1 220px;
    min-width: 160px;
    max-width: 100%;
    }
    .ticket_title_main .small_title {
    margin-bottom: 5px;
    }
    .ticket_title_main .form-control {
    width: 100%;
    min-width: 0;
    }
    .cost_details {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    }
    .age_breakup {
    display: flex;
    align-items: center;
    gap: 15px;
    }
    .pax_main {
    display: flex;
    align-items: center;
    gap: 0;
    border: 1px solid #d1d3e0;
    border-radius: 5px;
    }
    .pax_single {
    gap: 10px;
    display: flex;
    align-items: center;
    padding: 7px 15px;
    border-right: 1px dashed #ddd;
    font-size: 14px;
    font-weight: 500;
    }
    .pax_single:nth-last-child(1) {
    border-right: none;
    }
    .pax_single img {
    width: 10px;
    }
    .pax_count_main {
    display: flex;
    align-items: stretch;
    gap: 20px;
    text-align: center;
    }
    .cost_details .small_title {
    margin: 0;
    }

    .pax_count_single {
    position: relative;
    font-size: 10px;
    flex-direction: column;
    display: inline-flex;
    align-items: center;
    gap: 0;
    line-height: 14px;
    }
    .pax_count_single::after {
    position: absolute;
    content: "";
    right: -10px;
    top: -3px;
    height: 20px;
    width: 1px;
    background: #ddd;
    }
    .age_count {
    font-family: var(--primary-font-800) !important;
    font-size: 13px;
    }
    .tax_main {
    display: flex;
    gap: 10px;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
    }
    .tax_main .small_title {
    white-space: nowrap;
    margin: 0;
    }
    /* BOF Cost details & Tax(%) on Service Fees */

    /* .visa-block {
    padding: 0 !important;
    border: none !important;
} */

.description_main input[type='text'] {
    text-indent: 0px;
}

.description_main {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 17px;
    max-width: 100%;
}

.description_main .description_title {
    font-size: 12px;
    margin: 0;
}
.description_cost_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 110px;
}
.visa-block {
    border-top: 1px solid #ddd;
    padding: 15px 0 0;
    border-radius: 0 !important;
}
.visa-block .delete-visa {
    position: absolute;
    right: 0px;
    min-width: 90px;
}
.visa-block .delete-visa:hover {
    color: #fff;
}
.visa-block:nth-child(1) {
    border: none;
    padding: 0;
}
.visa-block:nth-child(1) .description_cost_main {
    padding-right: 0;
}
.with_delete_btn_main {
    display: flex;
    align-items: center;
    gap: 5px;
}
.discount_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: stretch;
    gap: 20px;
}

.discount_single {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 2px 5px #ddd;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.discount_single .title {
    color: #6e829f;
    font-size: 14px;
    margin: 0 !important;
}
.discount_single .value {
    color: #000;
    font-size: 16px;
    font-family: var(--primary-font-700);
}
.discount_single .form-control {
    text-indent: 0 !important;
}

.btns_wrapper {
    padding: 15px 20px 0;
    display: flex;
    justify-content: center;
    gap: 10px;
    border-top: 1px dashed #ddd;
    margin: 1rem 0 0;
}
.btns_wrapper button {
    min-width: 100px;
    font-size: 14px;
}
.bordered-btn {
    border: 1px solid #666 !important;
    color: #666;
    background: none;
}
.main_container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}
.wrapper {
    padding: 30px 0;
}


.fiter_search_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0;
    background: #f3f3f9;
}
.search_main {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    flex-direction: row-reverse;
}
.search_main input {
    background: #fff url(../images/icons/Searchsearch.png) 96% 50% no-repeat;
    background-size: 15px;
}
/* .search_main button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: none;
    width: 20px;
} */

.no_icon::before, .no_icon::after {
    content: none;
}

.vertical_menu_main {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    padding: 0;
    background: #fff;
    /* background: #fff; */
    /* border: 1px solid #ddd; */
    /* box-shadow: 0px 2px 5px #ddd; */
    padding: 4rem 0 0;
    min-height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    /* Custom scrollbar styling */
    scrollbar-width: thin;
    scrollbar-color: rgba(96, 0, 168, 0.3) transparent;
}

/* Webkit scrollbar styling for Chrome/Safari */
.vertical_menu_main::-webkit-scrollbar {
    width: 6px;
}

.vertical_menu_main::-webkit-scrollbar-track {
    background: transparent;
}

.vertical_menu_main::-webkit-scrollbar-thumb {
    background-color: rgba(96, 0, 168, 0.3);
    border-radius: 3px;
}

.vertical_menu_main::-webkit-scrollbar-thumb:hover {
    background-color: rgba(96, 0, 168, 0.5);
}
.vertical_menu_single {
    border: none;
    padding: 12px 6px 10px;
    /* margin: 0 0 1rem; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
.vertical_menu_single:nth-last-child(1) {
    padding-bottom: 15px;
    margin: 0;
    /* border: none; */
}
.vertical_menu_single figure {
    width: 26px;
    margin: 0;
    opacity: 0.7;
}
.vertical_menu_single figure img {
    width: 100%;
}
.vertical_menu_single article {
    font-size: 10px;
    padding: 6px 0 0;
    color: #495057;
    font-family: var(--primary-font-500);
    max-width: 60px;
    text-align: center;
    line-height: 11px;
    letter-spacing: 0.5px;
}

.vertical_menu_single.active {
    border-bottom-color: rgba(96, 0, 168, 0.9);
}
.vertical_menu_single.active article {
    color: rgba(96, 0, 168, 0.9);
}
.vertical_menu_single.active figure img {
    filter: invert(15%) sepia(96%) saturate(7450%) hue-rotate(264deg) brightness(75%) contrast(121%);
}
/* .vertical_menu_single.active::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    border: 5px solid transparent;
    border-right-color: rgba(96, 0, 168, 0.9);
    border-bottom-color: rgba(96, 0, 168, 0.9);
} */
/* .vertical_menu_single.active figure img {
  filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(4867%) hue-rotate(264deg) brightness(91%) contrast(101%);
}
.vertical_menu_single.active article {
    color: rgba(96, 0, 168, 0.9);
} */
.close_vertical_menu {
    background: #fff url(../images/right_menu/collapse_menu.svg) center center no-repeat;
    background-size: 10px 11px;
    border: none;
    position: absolute;
    right: -5px;
    width: 20px;
    height: 20px;
    top: -9px;
    border-radius: 17px;
    box-shadow: 2px 3px 4px #ddd;
}
.close_vertical_menu img {
    width: 100%;
}

.vertical_menu_main.adjust .vertical_menu_single figure {
    width: 25px;
}
.vertical_menu_main.adjust .vertical_menu_single article {
    display: none;
}
.close_vertical_menu.menu_adjust {
    background: #fff url(../images/right_menu/expand_menu.svg) center center no-repeat;
    background-size: 10px 11px;
}

.more_menu_lists button {
    background: #e7e7e7;
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 8px 10px;
    display: inline-block;
}
.more_menu_lists .dropdown-item {
    font-size: 12px;
    padding: .25rem 1rem;
}

.costing_details_main {
    display: flex;
    align-items: center;
    gap: 25px;
}
.costing_details_main .head {
    margin: 0;
    font-size: 18px;
    border-right: 1px solid #ddd;
    padding-right: 20px;
}
.right_side_alignment {
    display: flex;
    align-items: center;
    gap: 15px;
}
.guest_counts_main {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-right: 30px;
    border-right: 1px solid #ddd;
    margin-right: 20px;
}
.guest_count_title {
    font-family: var(--primary-font-600);
}
.guest_count_lists {
    display: flex;
    align-items: center;
    gap: 15px;
}

.guest_count_list_single {
    font-size: 14px;
}

.tab_content_main {
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 5px 5px 5px;
    box-shadow: 0px 2px 5px #ddd;
    padding: 15px;
    margin: 0 0 1rem;
}

.main_head {
    font-size: 14px !important;
    padding: 10px 20px;
    font-family: var(--primary-font-700) !important;
}
.pax_contetns_main .nav-tabs {
    border: none;
    margin: 0 0 1rem;
}
.pax_contetns_main .nav-tabs .nav-link {
    border: 1px solid #ddd;
}
.pax_contetns_main .nav-tabs .nav-item.show .nav-link, .pax_contetns_main .nav-tabs .nav-link.active {
    border-bottom: none;
}
.pax_contetns_main .nav-tabs .nav-link.tab-head-btn {
    border: none;
    border-radius: 0;
    margin: 0;
    border-bottom: 2px solid transparent;
    font-family: var(--primary-font-600) !important;
}
.pax_contetns_main .nav-tabs .nav-link.tab-head-btn.active {
    background: rgba(92,    103,    247, 0.1);
    border-bottom-color: rgb(92, 103, 247);
}

/* The container */
.custom_radio_container {
    margin: 0 0 0 15px;
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    border: 1px solid #ddd;
    padding: 6px 10px 6px 30px;
    border-radius: 5px;
}

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

/* Create a custom radio button */
.custom_radio_container .checkmark {
  position: absolute;
    top: 7px;
left: 5px;
  height: 15px;
  width: 15px;
  background-color: #eee;
  border-radius: 50%;
  margin: 0;
}

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

/* When the radio button is checked, add a blue background */
.custom_radio_container input:checked ~ .checkmark {
    background-color: var(--tm-brand-purple, #7C3AED);
    margin: 0;
}

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

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

/* Style the indicator (dot/circle) */
.custom_radio_container .checkmark:after {
    top: 4px;
    left: 4px;
    width: 7px;
    height: 7px;
	border-radius: 50%;
	background: white;
}


.tabs_auto_swich {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.auto_manual_sec {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.more_menu_lists .dropdown-menu .dropdown-item:hover,
.card_dropdown .dropdown-menu .dropdown-item:hover {
    color: #6000a8e6 !important;
}

.family_card_wrapper .new_card {
    /* background: #f3f3f9; */
    background: #fff;
}

.family_card_main {
    padding: 0rem 0 0 4.5rem;
    background: #f3f3f9 !important;
}
.family_quote_filter_main {
    margin: 0 0 1rem;
    background: #fff;
    padding: 15px 2rem 15px 0px;
    flex-direction: row-reverse;
}
.family_quote_filter_main .search_filter_main {
    background: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.family_quote_filter_main .search_main {
    width: 400px;
    padding-left: 2rem;
}
.family_quote_filter_main .search_main input {
    width: 100%;
}
.guest_card_row {
    padding: 5px 20px;
    min-height: 334px;
}

.pax_contetns_main .tab_pills_main {
    background: #fff;
    box-shadow: 1px 2px 5px #ddd;
    border-radius: 30px;
    padding: 2px;
    border: 1px solid #ddd;
}
.pax_contetns_main .tab_pills_main .nav-link.tab-head-btn {
    border: none;
    border-radius: 30px;
    background: none;
    padding: 7px 1rem 6px;
    text-transform: uppercase;
}
.pax_contetns_main .tab_pills_main .nav-link.tab-head-btn.active {
    background: #2d2d2d;
    color: #fff;
}
.cost_title {
    font-size: 0.9rem;
}
.cost_value {
    font-size: 1.3rem;
}




.opt_tab_main {
    margin: 0;
    background: #fff;
    box-shadow: 1px 2px 5px #ddd;
    border-radius: 30px;
    padding: 2px;
    border: 1px solid #ddd;
    display: flex;
    align-items: stretch;
    gap: 2px;
}
.opt_tab_main .nav-item {
    border: none;
    border-radius: 30px;
    background: none;
    padding: 7px 1rem 6px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: var(--primary-font-600);
    transition: all ease 0.5s;
    cursor: pointer;
}
.opt_tab_main .nav-item:hover, .opt_tab_main .nav-item.active {
    background: #2d2d2d;
    color: #fff;
}
.opt_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.add_opt {
    background: #2d2d2d;
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 9px 1rem 8px;
    text-transform: uppercase;
    font-size: 12px !important;
    font-family: var(--primary-font-600) !important;
    transition: all ease 0.5s;
    cursor: pointer;
}
.quotation_head {
    font-family: var(--primary-font-700) !important;
}

.quotation_contents {
    margin: 0 0 1rem;
    border-bottom: 1px dashed #ddd;
    padding: 0 0 0.5rem;
}
.quotation_contents_last {
    margin: 0;
    padding: 0;
    border: none;
}

.quotation_content_row {
    gap: 15px;
    display: flex;
    border-radius: 8px;
    margin: 0 0 0.6rem;
    padding: 0.5rem 0.7rem;
    border: 1px solid #ddd;
}
.date_content {
    min-width: 90px;
}
.date_content p {
    margin: 0;
    font-size: 10px !important;
}
.date_title {
    font-size: 13px;
    white-space: nowrap;
    margin: 0 0 3px;
    font-family: var(--primary-font-700) !important;
}
.quotation_content_title {
    font-size: 15px;
}
.quotation_content_area p {
    margin: 0;
    font-size: 12px !important;
    line-height: 15px;
}
.btn_footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin: 0 0 -30px;
}
/* .btn-primary {
    color: #ffffff;
    letter-spacing: -0.02em;
    border: none !important;
    background: linear-gradient(to right, rgba(96, 0, 168, 0.9), rgb(122 10 192 / 90%), #c66fff);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited {
    background: linear-gradient(to right, rgba(96, 0, 168, 0.9), rgb(122 10 192 / 90%), #c66fff);
    color: #fff;
} */

.tabs_enq_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.enq_name {
    background: rgba(43,94,94,.05);
    padding: 8px 15px;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
}

/* .btn-primary {
    background: #404a74;
    color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited {
    background: #404a74;
    color: #fff;
} */
.notify_info {
    position: relative;
}
.notify_info::after {
    position: absolute;
    content: "";
    right: 6px;
    top: 6px;
    width: 6px;
    height: 6px;
    background: #009721;
    border-radius: 50%;
}


.page_content {
    padding: 30px 0;
}
.page_content .dataTables_wrapper {
    background: #fff;
}

.pax_list_main {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pax_list_main .passenger-item {
    border: 1px solid #b3cdbc;
    padding: 5px 20px;
    border-radius: 6px;
}

.grey_card_single {
    background: #f2f2f270;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #b3cdbc63;
}

.input_with_x .rate-input {
    border-right: none;
    text-align: right;
    min-width: auto;
    border-radius: 5px 0 0 5px;
    min-height: 32px;
    height: 32px;
}
.input_with_x .input_x {
    background: #f3f4f6;
    border-radius: 0 5px 5px 0;
    min-height: 32px;
    height: 32px;
    font-weight: 600;
    font-size: 12px;
    width: 30px;
    text-align: center;
}
.main_menu .menu_item .menu .menu_item:hover > .menu {
    transform: translateX(-3px) !important;
}
/* .badge-info {
    background: #3d424b;
} */
.save_cancel_btn button {
    min-width: 120px;
    text-align: center;
    justify-content: center;
}

.number_badge {
    background: #3d424b;
    color: #fff !important;
    text-align: center;
    font-size: 12px;
    padding: 4px 10px;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
}


.activity_combi {
    background: url(../images/genie-bg.jpg) center center no-repeat;
    /* background: #F2F8FD; */
    background-size: cover;
    padding: 30px;
    margin: 0 0 30px;
    box-shadow: 0px 10px 10px #ddd;
    border: 2px solid #FFF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.circle_shape {
    width: 250px;
    height: 250px;
    position: absolute;
    content: "";
    right: -140px;
    top: -40px;
    z-index: 1;
    animation: animation-circle 7s linear 0s infinite;
    -webkit-animation: animation-circle 7s linear 0s infinite;
    -webkit-animation: animation-circle 7s linear 0s infinite;
}
.circle_shape img {
    width: 100%;
}
@keyframes animation-circle {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}

.activity_combi_head {
    background: #000;
    /* background: #1B2A52; */
    background-size: cover;
    padding: 30px 20px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    z-index: 5;
}
.activity_combi_head::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url(../images/head-bg.jpg) center center no-repeat;
    z-index: 1;
    opacity: 0;
    /* mix-blend-mode: multiply; */
}
.activity_combi_head_content {
    position: relative;
    text-align: center;
    font-size: 35px !important;
    z-index: 3;
    color: #fff;
}
.activity_combi_head_content::before, .activity_combi_head_content::after {
    position: absolute;
    content: "";
}
.activity_combi_head_content::before {
    width: 34px;
    height: 26px;
    background: url(../images/shape-1.png) center center no-repeat;
    background-size: cover;
    left: 250px;
    transform-origin: center;
    animation: wave 3s infinite ease-in-out;
    -webkit-animation: wave 3s infinite ease-in-out;
}
.activity_combi_head_content::after {
    width: 20px;
    height: 20px;
    background: url(../images/shape-2.png) center center no-repeat;
    background-size: cover;
    right: 250px;
    transform-origin: center;
    animation: wave 5s infinite ease-in-out;
    -webkit-animation: wave 5s infinite ease-in-out;
}
@keyframes wave {
    0%, 100% {
      transform: rotate(0deg) translateY(0);
    }
    25% {
      transform: rotate(2deg) translateY(-1px);
    }
    50% {
      transform: rotate(-2deg) translateY(1px);
    }
    75% {
      transform: rotate(2deg) translateY(-1px);
    }
  }
.activity_combi_head span {
    -webkit-text-fill-color: #0000;
    animation: gradientMove 3s linear infinite alternate;
    background: linear-gradient(90deg,#5c33ff,#ffa361,#5c33ff);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    -webkit-animation: gradientMove 3s linear infinite alternate;
}

@keyframes gradientMove {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

.activity_combi_table table {
    box-shadow: none;
    background: #fff;
}

.activity_combi_table {
    animation: 5s linear 0s infinite normal none running borderAnimation;
    background: none;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-image: linear-gradient(90deg, rgb(0, 194, 255), rgb(225, 15, 204), rgb(92, 51, 255), rgb(0, 255, 177), rgb(0, 194, 255)) 1 / 1 / 0 stretch;
    gap: 0px;
    padding: 0px;
    -webkit-animation: 3s linear 0s infinite normal none running borderAnimation;
    position: relative;
    z-index: 5;
}

.activity_combi_table table {
    margin: 0;
}
@keyframes borderAnimation {
    0% {
        border-image-source: linear-gradient(90deg, #00c2ff, #e10fcc, #5c33ff, #00ffb1, #00c2ff)
    }

    25% {
        border-image-source: linear-gradient(90deg, #e10fcc, #5c33ff, #00ffb1, #00c2ff, #e10fcc)
    }

    50% {
        border-image-source: linear-gradient(90deg, #5c33ff, #00ffb1, #00c2ff, #e10fcc, #5c33ff)
    }

    75% {
        border-image-source: linear-gradient(90deg, #00ffb1, #00c2ff, #e10fcc, #5c33ff, #00ffb1)
    }

    to {
        border-image-source: linear-gradient(90deg, #00c2ff, #e10fcc, #5c33ff, #00ffb1, #00c2ff)
    }
}