:root {
  --primary-a-color: #6D69D6; 
  --primary-a-hover-color: #6D69D6;
  --secondary-a-color: #000000; 
  --secondary-a-hover-color: #6D69D6; 
  --text-color: #525256; 

  --dark-btn-bg: #000000; 
  --dark-btn-color: #FFFFFF; 
  --dark-btn-hover-bg: #6D69D6;
  --dark-btn-hover-text: #FFFFFF;
  --dark-btn-hover-color: #000000; 

  --secondary-btn-bg: #006935;
  --secondary-btn-hover-bg: #FFFFFF;
  --secondary-btn-color: #FFFFFF;
  --secondary-btn-hover-color: #000000;

  --btn-dark-secondary-bg: #FF9F31;
  --btn-dark-secondary-color: #FFFFFF;
  --btn-dark-secondary-hover-bg: #000000;

  --light-btn-bg: #E9E9E9;
  --light-btn-color: #000000;
  --light-btn-hover-bg: #000000;
  --light-btn-hover-color: #FFFFFF; 

  /* Dashboard */
  --bg-nav: #0E0E0E;
  --bg-table-head: #000000;
  --primary-btn-color: #FFFFFF;
  --primary-bg: #000000;
  --primary-btn-hover: #FFFFFF;
  --primary-bg-hover: #6D69D6; 
  --secondary-bg-color: #000000;
  --secondary-bg-hover: #6D69D6;
}

*{ margin: 0;padding: 0;box-sizing: border-box; font-family: 'Oakes Grotesk';} 

ul { padding: 0; list-style: none }
a { color: var(--primary-a-color); text-decoration: none; outline: none; }
a:hover {color: var(--primary-a-hover-color);}
body { background: url(../img/main-bg.jpg) repeat center/cover; background-attachment: fixed;}

body {padding: 0; margin: 0; background-attachment:fixed; background-size:cover; background-position: top; position: relative;}
body::after { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.60), rgba(255, 255, 255, 0.55)); z-index: -1; }
.section-bg { background-color: #FFFFFF80;}

header{ position:relative; }
header * { font-family: 'Oakes Grotesk'}
header .navbar .nav-listing li a { display: inline-block; font-size: 20px; line-height: normal; font-weight: 600; color: var(--secondary-a-color); letter-spacing: 0.2px; text-transform: uppercase; }
header .navbar .nav-listing li a:hover, header .navbar .navbar-nav li:hover a i { color: var(--secondary-a-hover-color); transition: 0.3s ease-in-out; }
header .navbar .nav-listing .dropdown-toggle::after{ display:none; }
header .navbar .nav-listing li a i { font-size: 16px; margin-left: 4px; color: var(--secondary-a-color);} 
header .navbar .navbar-nav li:not(:last-child) { margin-right: 24px; padding-right: 24px; } 
.standard-top-border {border-top:6px solid #FFFFFF;}
header .header-user-account .form-select, header .header-user-account a { border: none; font-size: 14px; font-weight: 600; color: var(--secondary-a-color); background-color: inherit; box-shadow: inherit; outline: inherit; background-size: 16px 16px;} 
header .header-user-account .form-select{ width:80px; }
header .header-user-account .form-select{ font-size:13px !important; margin-right: -12px; }
header .header-user-account .user-icon { font-size: 14px; line-height: normal; font-weight: bold; color: var(--secondary-a-color); margin-right: 10px;} 
header .header-user-account a:last-of-type { margin-right: 0; padding-right: 0; border-right: none; }
header .header-user-account a {margin-right: 8px; padding-right: 10px; border-right: 2px solid #000000;}
.header-menu > .header-user-account { position: absolute; top: 7px; right: 0; }

header > div > .navbar { padding: 7px 0; height:103.98px; } 
header .navbar-brand { padding: 0; margin: 0; max-width: 185px; max-height: 90px; }  

.agencyWebsite .header-menu .navbar-nav { justify-content: flex-end !important; margin-right: auto !important; width: 100%; gap: 30px; }

header .navbar-brand img {max-height: 90px; width: auto; object-fit: contain; vertical-align:middle; }
.agencyTagLine{ min-width: 185px; height: 90px;background: linear-gradient(90deg, #474287, #6A5ACD);color: #FFF;display: flex;word-wrap: break-word;white-space: break-spaces;line-height: 27px;font-size: 18px;text-transform: capitalize;padding: 7px;font-weight: 600;align-items: center;text-align: center;justify-content: center;border-radius: 7px;}
footer .agencyTagLine {width: 180px;height: 90px;margin-bottom: 20px;}
footer .navbar-brand img { max-height: 90px; width: auto;}
footer .logBox { margin-bottom:25px; }
footer .travel-logo { max-height: 90px; width: auto;}
header .navbar .nav-listing li a:last-child { padding-right: 0; }
#destination-menu { display: none; position: absolute; margin: auto; left: 0; right: 0; background-color: #EEEEEE; z-index: 99; }
#destination-menu .menu-toggle { margin-bottom: 15px; background-color: #007bff; color: white; padding: 10px; border: none; cursor: pointer; }
#destination-menu .continent-list { padding-top: 20px; height: 100%; padding-bottom: 20px;} 

#destination-menu ul li a {font-size: 14px;font-weight: 500;line-height: 24px;color: #000000;letter-spacing:0.2px; padding: 0}
#destination-menu ul li a:hover { color: var(--secondary-a-hover-color); transition: 0.3s ease-in-out; }
#destination-menu .continent-list .submenu-item {padding: 7px 10px;cursor: pointer; }
#destination-menu .continent-list .submenu-item .nav-link{ font-size: 17px;font-weight:600;line-height:30px}

#destination-menu .continent-list ul { list-style: none; padding-left: 0; }
#destination-menu .continent-destination-list {display: none;list-style: none; background-color: #EEEEEE; padding: 24px 24px 5px; }
/*#destination-menu .continent-destination-list li {padding: 4px 6px;}*/
#destination-menu .submenu-image img {width: 100%; height: 100%; object-fit: cover; }
#destination-menu .continent-destination-list .continent-list-flex ul { display:flex; flex-wrap: wrap;}

#destination-menu .menu-part-1 .continent-list-flex li { flex: 0 0 100%; }
#cont-dest-list-199 .continent-list-flex li { flex: 0 0 150px !important;}
#destination-menu .menu-part-2 .continent-list-flex li { flex: 0 0 33%; padding: 3px 0; }
#destination-menu .menu-part-3 .continent-list-flex ul { display: block; -webkit-column-count: 4; column-count: 4;}
#destination-menu .menu-part-3 .continent-list-flex ul li{ padding: 2px 0; }
#destination-menu .menu-part-4 .continent-list-flex ul { display: block; -webkit-column-count: 5; column-count: 5;} 
#destination-menu .menu-part-5 .continent-list-flex ul { display: block; -webkit-column-count: 5; column-count: 5;} 


/**/
.header-menu { margin-left: auto; width: calc(100% - 125px); margin-top:6px; } 
.header-menu .navbar-nav { justify-content: center; /* width: calc(100% - 185px); */ } 
#destination-menu .container { max-width: inherit !important; background-color: #FFF; } 
.cont-desti-row { display: flex; } 
.continent-destinationcol { flex: 0 0 225px; background-color: #FFFFFF; } 
.continent-destination-list { flex: 0 0 55%; }
.submenu-image{ flex-grow:1; }
#destination-menu .all-tours-title { font-family: 'Oakes Grotesk'; font-size: 17px; line-height: normal; border-bottom: 1px solid #000; padding-bottom: 5px; font-weight:600;  }

#destination-menu .row .col-md-4 { padding: 0; }
#destination-menu .continent-destination-box{max-height: 420px;overflow-y: auto;}

.mobile-sub-menu{display: none;}
.dropIcon, .backButton { display: none; }
#logoPrevbox {text-align: center;}
#logoPrevbox #logoPreviewContainer { width:120px; height:90px;margin: 0px auto 20px; border:1px solid #ccc; display:flex; align-items:center; justify-content:center; background:#f8f8f8;}
#logoPrevbox #logoPreviewContainer  img { max-height:90px; max-width:120px; object-fit:contain;}
.choose-white-label { position: relative; background-color: #FFFFFF; border-radius: 4px; padding-left: 12px;} 
.choose-white-label .text-danger {position: absolute;bottom: -25px; left: 0;}
.choose-white-label:has(.text-danger) { margin-bottom: 20px; }

.choose-white-label .form-control { border-width: 0; padding-left: 0; border-radius: 0 6px 6px 0;} 
.choose-white-label span { color: #6C6C6C; font-size: 14px; font-weight: 400;} 
.form-main-box .form-control[type=file]{position: relative; border-radius:4px; }
.form-main-box .upload-logo .form-control[type=file]:after {content: 'Best Logo Size: 180×90 px (W×H)';background-color: #FFFFFF;opacity: 1;position: absolute;left: 0;word-wrap: break-word;white-space: nowrap;font-size: 14px; line-height: 24px; color: #6C6C6C;width: 100%;height: 100%;top: 50%;transform: translateY(-50%); margin-left: 108px;padding: 10px;}
.form-main-box .upload-logo .form-control[type="file"]:focus::after { opacity: 0;}
.signup-page .form-check input { margin-top: -5px; }

/**/
#destination-menu .row {background-color: #eeeeee;} 
.confirmPaynowCost { background: #fff; padding: 25px; border-radius: 7px; }

[class*="col-"] { padding: 0 8px; }
.row>* { padding: 0 8px; }
.row { margin-left: -8px; margin-right: -8px; }

input[type="radio"]:checked,
input[type="checkbox"]:checked {
  background-image: url(../img/check-icon.svg);
}
/*.form-check-input:checked[type=checkbox], .form-check-input:checked[type=radio], input[type="checkbox"]:checked { background-image:url(../img/check-icon.svg) }*/
.confirmPaynowCos { background: #fff; padding: 25px; border-radius: 7px; }
input[type=checkbox], input[type="radio"]{ margin: 0; margin-right: 8px; background-color: inherit !important; border-radius: 0 !important; padding: 10px;border-color: #000000 !important; box-shadow: none !important; height: 20px !important; flex:0 0 20px; width:20px; vertical-align:bottom; border-radius: 0;}

.ajaxBox .invalid { cursor: text; caret-color: #000000; box-shadow: 0 2px 0 rgb(255 0 0 / 60%) }
.ajaxBox .error { font-weight:500; } 
.AjaxRespond:empty, #bookingPriceTotal:empty, #available-package-list:empty {display: none;}
.AjaxRespond.alert-danger { padding: 12px !important; background: #FFF; border-radius: 8px; border: 2px solid #FF0000; }

.AjaxRespond.alert-success {color: green;   font-weight: 600;    border: 3px solid green;}
.AjaxRespond.alert-error .AjaxRespond.error {color: red;   font-weight: 600;    border: 3px solid red;}
#selfBookingEnquiry .paxInformation h2 { text-align: left; font-size: 20px; font-weight: 600; line-height: 1.5; margin: 0 0 10px 0; }
.booking-loader { position: absolute; width: 100%; height: 100%; background: #c9a5a582; z-index: 9; top: 0; bottom: 0; left: 0; right: 0; }

/*Multiple Selector Input*/
/*.select2-container{ display: inline; margin-top:-25px; }*/
.select2-container .select2-selection--multiple, .select2-container--default .select2-selection--single { position: relative; min-height: 44px;  border-color: #e9ecef;} 
.select2-container .select2-search--inline .select2-search__field  { color: #6C6C6C; font-weight: 400 !important; margin-top: 10px; font-size:14px; }
.select2-container--default .select2-selection--single .select2-selection__rendered  { color: #6C6C6C; font-weight: 400; margin-top: 8px; font-size:14px; padding-left:8px; }
.select2-container--default .select2-selection--multiple{ border-color: #e9ecef;}
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; transform: translateY(-50%); right: 10px;}
.multipleSelect { position: relative; } 
.multipleSelect .error { /*position: absolute; */ bottom: -25px; left: 0; }

/* Active States use*/
#destination-menu .submenu-item.active { background-color: #EEEEEE; color: #474287; }
#destination-menu .continent-destination-list.active { display: block;}

/*Profile*/
.myAccountMenu .dropdown-toggle::after { content: '\f078'; font-family: 'FontAwesome'; border-width: 0; font-size: 14px; vertical-align: baseline; }
.myAccountMenu .btn { padding-right: 0; border-width: 0; font-size: 14px; font-weight: 600;  box-shadow: none; text-transform: capitalize;}
.myAccountMenu .btn:active {border-width: 0;}
.myAccountMenu:hover .dropdown-menu { display: block; right: 0;}

.myAccountMenu .dropdown-menu { background-color:#F1F1F1; border-width:0; } 
.myAccountMenu .dropdown-menu li a{ font-size: 16px; font-weight: 500; text-decoration: none; color: #000000;}
.myAccountMenu .dropdown-menu li:not(:last-child){border-bottom: 1px solid #dddbe0;}
.myAccountMenu .dropdown-menu li{ padding: 5px 15px;}
.myAccountMenu .dropdown-menu li a:hover{ color: #6D69D6; }

/**/
.borderListItem{ border-radius: 4px; border: 2px solid #FFFFFF; padding: 16px 8px 8px; margin: 0 auto 20px; position:relative; } 
.removeBorderListItem svg { position: absolute; right: -15px; top: -15px; } 

/*Travellers Dropdwon*/
.numberOfTravellerBox { position: relative; background-color: white; padding: 6px 8px; border-radius: 0.375rem; color: #6C6C6C; font-weight: 400; font-size: 14px; height: 44px; line-height: 32px; cursor: pointer; }
.room-selection ul{ margin: 18px 0 12px; }
.room-selection { position: absolute; top: 60px; left: 0; background: #FFFFFF; padding: 20px 20px 24px 20px; width: 445px; max-height: 80vh; overflow-y: auto; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); border-radius: 0.375rem; z-index: 99; display: none; cursor: default;}
.room-selection .paxInfo { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin:0 0 8px; } 
.inputPaxCount { display: flex; justify-content: start; position: relative;} 
.inputPaxCount .error { /*  order: 4; flex: 0 0 100%; */ position: absolute; bottom: -18px; white-space: pre; }
.inputPaxCount:has(.text-danger) { margin-bottom: 12px; }

#roomContainer .inputPaxCount input, #rangeCostRequestlist .inputPaxCount input { color:#000000; border-radius: 0; padding: 0; } 
.room-selection .paxGroupName { flex: 0 0 50%;}
.room-selection input.other-req {border: 1px solid #ccc;  height: 35px;}
.inputPaxCount .decrCount, .inputPaxCount .incCount { border: 1px solid #c1c1c1; border-radius: 0; height: 30px; width: 30px; flex: 0 0 25px; font-size: 16px; font-weight: 400; padding: 0; line-height: 17px;} 
.isGrossCostBox {display: none;}
.isGrossCost .isGrossCostBox {display: block;}
.itnDetailInfo {  background: #ffffff;  padding: 12px; border-radius: 7px;}
.inputPaxCount .decrCount { border-right: 0; border-radius: 4px 0 0 4px;}
.inputPaxCount .incCount {  border-left: 0; border-radius: 0 4px 4px 0;}

/*ScrollBar*/
.room-selection::-webkit-scrollbar { width: 8px; height: 8px; }
.room-selection::-webkit-scrollbar-track{ background-color: #f0f0f0;}
.room-selection::-webkit-scrollbar-thumb{ background-color:#6d69d6; border-radius: 4px; }

/*  */
.room-selection h3 { font-size: 18px !important; font-weight: 500; line-height: normal; text-align:center; }
.room-selection  h4{ font-size:12px; font-weight: 500; margin:0 0 0; }
.room-selection .closeRoomBtn { position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; font-size: 18px; font-weight: bold; text-align: center; background-color: rgb(255 0 0); border-radius: 50%; color: #FFFFFF; line-height: 32px; display: flex; align-items: center; justify-content: center;}
.room-selection label { font-size: 12px !important; color:#000000; white-space: nowrap; font-weight:500 !important; }
.room-selection strong { font-size: 14px !important; color:#000000; white-space: nowrap; font-weight:500 !important; }
.room-selection .form-select { font-size: 12px !important; border: 1px solid #C1C1C1 !important;  border-radius: 4px; height: 30px !important; flex: 0 0 130px; padding:2px 7px !important;}
#roomContainer .form-control, #rangeCostRequestlist .form-control { font-size: 12px; padding: 7px; border: 1px solid #c1c1c1; border-radius: 0; line-height: normal; height: 30px; border-radius:4px; }

.room-selection .removeRoom, .rangeCostRequestInput .delAttrRangeRow { display: none;}
#roomContainer .room-box:not(:only-child) .removeRoom, .rangeCostRequestInput .rangeCostList:not(:only-child) .delAttrRangeRow{ display: inherit;}

.room-selection .add-new-btn { font-size: 14px; line-height: 19px; padding: 4px 12px; border: 1px solid #000000; height: 32px;} 
.room-selection .btn-dark { padding: 6px 30px; display: block; margin: 20px auto 0; font-size: 14px; line-height: 22px; letter-spacing: 0.05rem; height:36px }
.room-selection .add-new-btn:hover {border-color: #6d69d6;}
.room-selection .removeRoom.btn { margin-left: auto; margin-top: 12px; font-size: 14px; border-color: #000000; padding: 3px 12px; height: 32px;}
.room-selection .room-box .hidden-input h4{ margin-bottom: 0 !important; }
#roomContainer .globalLabel { line-height: 12px !important; margin-top: 8px; }
#roomContainer .room-box:not(:only-child) { border-bottom: 2px solid #FFD85B; margin: 16px 0 16px; padding: 0 0 16px; }
#roomContainer .room-box div {line-height: normal;}
.room-selection .child-age-section { display: flex; flex-wrap: wrap; gap: 8px; row-gap:0; } 
.room-selection .child-age-section .ageLimit { flex: 0 0 calc(33% - 5px); }
.rangeCostRequestInput input[type=checkbox] { vertical-align: text-bottom; }
.rangeCostRequestInput .rangeCostRequestData .delAttrValRow { display: inline-block; } 
.rangeCostRequestInput .rangeCostRequestData tbody tr:only-child .delAttrValRow { display: none; }


/**/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield;}

/*Bootstrap Datetimepicker */
.bootstrap-datetimepicker-widget table th { font-size: 14px; font-weight: 600; height: 30px; color: #000000; } 
.table-condensed thead .next span, .table-condensed thead .prev span { text-align: center; }
.table-condensed thead .next, .table-condensed thead .prev { border-radius: 0; border: 1px solid #dcdcdc; }
.bootstrap-datetimepicker-widget table td.day { font-size: 12px; } 
.bootstrap-datetimepicker-widget table th.picker-switch { font-size: 15px; font-weight: bold; color: #000000; border:1px solid #dcdcdc; }
.bootstrap-datetimepicker-widget thead .picker-switch::after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 15px; clip: inherit; position: inherit; margin-left: 8px; }
.bootstrap-datetimepicker-widget table td span { height: 25px; width: 44px; line-height: 25px; font-size: 12px; text-align:center; }
.bootstrap-datetimepicker-widget .datepicker-decades .decade { width: 90px; height: 25px; line-height:27px !important; }
.bootstrap-datetimepicker-widget table td{ width: inherit; line-height: 40px; height:40px; }
.bootstrap-datetimepicker-widget table td span.active{ background-color:#000000; }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{ background-color:#000000; }
.bootstrap-datetimepicker-widget table td.today:before{ border-bottom-color:#000000; }
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover{ background-color:#6d69d6; color:#FFF; }
.bootstrap-datetimepicker-widget table td span:hover{ background-color:#6d69d6; color:#FFF; }

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover{ background:none; color:#777; }
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover{ background:none; color:#777; }
.input-group .text-danger { flex: 0 0 100%; order: 2; margin-top: 2px; } 
.counter-input small { /*position: absolute;*/ bottom: -24px; white-space: nowrap;}
.input-group .toggle-password { color: #000000; background-color: #ffffff; border-color: #d3d3d3; border-top: 0; border-bottom: 0; z-index:6; display:flex; align-items:center; justify-content:center; }


/**/
.orRangeCost { position: relative; line-height: normal; margin: 25px auto 10px; text-align: center; display: table; font-weight: 600; color: #000; } 
.orRangeCost:before { content: ''; position: absolute; width: 100px; height: 1px; background-color: #000; top: 7px; left: -103px; } 
.orRangeCost:after { content: ''; position: absolute; width: 101px; height: 1px; background-color: #000; top: 7px; right: -103px; }

.rangeCostRequestInput table { margin-bottom:8px; }
.rangeCostRequestInput table tbody tr td{ padding-right: 8px; padding-bottom: 8px;}
.rangeCostRequestInput * { font-size: 12px;color: #000;line-height: 24px;font-weight: 500; align-items: flex-end;} 
.rangeCostRequestInput table tr th { font-family: 'Garnett'; }
.rangeCostRequestInput .delAttrValRow, .rangeCostRequestInput .removeItem { font-size: 15px; color: #ff0000; font-weight: bold; text-align: center; margin-left: 5px; vertical-align:text-top; }

.delAttrRangeRow.btn { border: 1px solid #000; padding: 2px; transition: 0.3s ease; } 
.delAttrRangeRow.btn:hover, .room-selection .removeRoom.btn:hover{ background-color: #ff0000; color: #FFF; border-color: #ff0000; }
.rangeCostRequestInput .rangeCostList { border-bottom: 1px solid #FFD85B; margin-bottom: 2px; }

/*Invoice css*/
.viewInvoicePage .viewFileItinerary *{ font-family: "Poppins", sans-serif;}
.viewInvoicePage .viewFileItinerary { background-color: #FFFFFF; padding: 20px 40px; border-radius: 0; margin: auto;}
.inv-company-logo img { max-width: 180px; }
.fileInvoice .display-price { font-weight: 400;} 
.fileInvoice table { width: 100%;} 
.fileInvoice tr th{ font-weight:600; }
.fileInvoice tr td{ font-size: 14px; line-height: 21px;}
.fileInvoice thead { background:none; } 
.fileInvoice table tbody { vertical-align: top; }
.fileInvoice table h3 { font-size: 15px; line-height: 21px; }
.fileInvoice table p{ margin:0; font-weight:400; }
.inv-company { border-bottom: 1px solid #000;}
.inv-billing-detail h3{ margin-bottom:4px; } 

.table-style table {border-collapse: collapse;border: 1px solid #c7c8c9;}
.fileInvoice td hr { margin: 10px 0; opacity:1;  }
.fileInvoice .payment-totals td .invoiceNote hr {border-color: #cccccc; margin-top: 4px;}
.inv-payment-transfer-details { padding-bottom:10px; }
.inv-tax-detail p, .inv-company-detail p { text-align: end; }
.fileInvoice table strong { font-weight:400; }
.inv-payment-head h3 { margin-bottom: 6px ; }

/**/
.inv-payment-detail-table tr td { font-size: 14px; border: 1px solid #000; padding: 8px 0; border-right:none; border-left:none; }
.inv-payment-detail-table tr th { padding: 8px 0; border: 1px solid #000; border-left: 0; border-right: 0;}
.inv-company-detail{ padding-right: 12px}
.inv-payment-detail-table tr td p { margin: 0; line-height: 23px;} 
.inv-payment-transfer-details p { font-size: 14px; line-height: 21px; margin-bottom: 4px !important;}

/**/
.inv-payment-detail-table thead tr th { width: 25%;}
.inv-payment-detail-table tfoot tr td { border: none !important; padding: 4px 0 0;}
.viewInvoicePage .inv-payment-bank {width: 55%;padding-right: 25px;}
.viewInvoicePage .inv-payment-online a { color:#6D69D6; font-weight:500; }
.viewInvoicePage .inv-payment-online p { text-align: right;}
.inv-to-detail { width: 50%; padding: 20px 20px 20px 0;} 
.inv-to-detail p, .inv-company-detail p{ font-size:14px; line-height:21px; }
.inv-company-detail { width: 50%; padding: 20px 0 20px 20px;}
.footer-invoice-link { padding-top: 4px; text-align: center; border-top: 1px solid #000; }
.footer-invoice-link p { margin: 0 !important; font-size: 14px; } 
.inv-company-logo{ padding-bottom: 8px; vertical-align: bottom;}
.inv-tax-detail { padding-bottom: 4px; vertical-align: bottom;}

.payment-required { width: 55%; padding-right: 24px !important; }
.payment-required p{ font-size:14px;}
.payment-required h4{ font-size: 15px; line-height: 24px; font-weight: 600; margin:0; }
.payment-required p {  font-size: 14px; } 
.payment-required p i { font-size: 12px; }
.totalPaymentHead .totalPaymentRow { display: flex; justify-content: flex-end; gap: 12px; line-height:24px; }
.totalPaymentHead .totalPaymentAmount {flex: 0 0 100px; text-align: right;}

/*Action Hub*/
.actionHub .form-bg { border: 6px solid #FFFFFF; transition: all 0.3s ease-in; }
.actionHub .form-bg:hover { border-color: #008000; }
.actionHub .form-title h2 { font-size: 32px; line-height:40px; }
.actionHub .secondary-btn { position: relative;}
.actionHub .secondary-btn a { color:#FFF; }
.viewInvoicePage .actionHub .secondary-btn { min-width: 220px; }
.actionHub .btn-success, .customerMarkup .btn-success { min-width: 200px;}
.actionHub .actHubContactInfo h5 { font-size: 16px; line-height: normal; margin-bottom: 0; } 
.actionHub .actHubContactInfo { margin: 12px 0 0; } 
.actionHub .actHubContactInfo p { font-weight: 500; margin: 0; color:#212121; }
.actionHub .actHubContactInfo p a { color:#212121; }
.actionHub .actHubContactInfo p a:hover{ color:var(--primary-a-hover-color); }
.actionHub .dropdown-menu a {color: #000000; word-wrap: break-word; white-space: normal;}
.actionHub .dropdown-menu a:hover, .actionHub .dropdown-menu a:active{ background-color: transparent; color:var(--primary-a-hover-color);  }
.actionHub .btnHint {border: 1px dotted #fff; color: #fff; width: 22px; height: 23px; background: none; line-height: 21px; margin-left: 10px;}
.actionHub .dissAction {background-color: #6C6C6C;}
.actionHub .secondary-btn{ padding: 10px; font-size:17px; }

/*.actionHub .dropdown-menu.show { display: block; left: 50% !important; transform: translateX(-50%) !important; top: 50px !important;}*/
.actionHub .dropdown-menu.show {  width: 260px;}
.actionHub .dropdown-menu li:not(:last-child) { border-bottom: 1px solid #ccc;padding-bottom: 2px;margin-bottom: 2px;}
.actionHub .btn > .nav-link ~ .dropdown-menu { top: 12px !important; }
#AmendRequest { font-size: 18px !important;}

/*Share*/
.social-share { display: flex; flex-wrap: wrap; gap: 16px; align-items:center; }
.sharebox h4 { font-size: 20px; margin-bottom: 0;}
.sharebox {display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: flex-end; }
.social-share li a i { color: #212121; font-size: 24px; vertical-align:middle; }
.social-share li a:hover { color:var(--primary-a-hover-color)}

.markupApplied { border: 4px solid green; border-radius: 7px; text-align: center; font-size: 18px; padding: 7px; color: green; margin-top: 35px; font-weight: 600; }
#travellerListing p { margin: 0; line-height: 21px;}
#travellerListing * {  font-size: 12px; }

/*Scroll To Top */
#scrollToTop {position: fixed;bottom: 20px;right: 20px;display: none; background-color: #000000; border: none;border-radius: 50%; cursor: pointer;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);transition: opacity 0.3s ease; z-index: 98; width: 40px; height: 40px; }  
#scrollToTop:hover { background-color: #6d69d6; }

.custom-collapse { display: none; transition: all 0.3s ease;}
.custom-collapse.active { display: block;}
.notFoundPage { max-width: 600px; margin: 60px auto  40px; height: 250px; background-color: rgb(255 255 255 / 60%); border: 6px solid #FFF; border-radius: 14px; padding: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; } 
.notFoundPage h1 { font-size: 32px; line-height: normal; margin-bottom: 16px; font-weight: 500; text-align:center; } 
.notFoundPage p { font-size: 18px; margin: 0; }
.notFoundPage h1 span { color: #E53935;}

.form-check{ position: relative;}
.form-check .error { position: absolute; top: 24px; }
.form-check:has(.error) { margin-bottom: 20px; }
.form-check label { display: inline; margin-bottom:0; }
.form-bg { background-color: #FFD85B; padding: 30px 25px 40px; border-radius:8px; }
.alert-dismissible .alert-success { background-color: #FFF; color: #008000; padding: 12px; padding-right:40px;  } 
.alert-success .btn-close { padding: 16px; background-image:inherit; opacity:0.8; }
.alert-dismissible .btn-close:after { content: '\f00d'; font-family: 'FontAwesome'; font-size: 24px; color: #ff0000; opacity: 1; position: absolute; top: 7px; right: 15px; }

/**/
input.form-control.rowTotalCost { width: 90px; background-color:#fff0f0;}
#addCountryArea textarea { height: inherit; min-height: 100px; }
#addCountryArea .select2-search__field{ min-height: inherit; height:18px; }
#bookingItineraryForm select, #bookingItineraryForm input { height: 35px; }
 #bookingItineraryForm textarea { height:35px; }

/*Responsive*/
@media( max-width: 1400px){ 
  header .navbar .nav-listing li a{ font-size:18px }
  .agencyWebsite header .navbar .nav-listing li a{ font-size:20px; }
}

@media( max-width: 1360px){
  #destination-menu .submenu-image { width: 34%;}
}

@media( max-width: 1199px){ 
  
  header .header .header-user-account .form-select { font-size: 18px; font-weight: 600; }
  header .navbar .navbar-nav li:not(:last-child) { margin-right: 10px; padding-right: 10px; } 
  header .navbar .nav-listing li a { font-weight: 600; }
  .myAccountMenu .btn { font-weight: 600;}

  .agencyWebsite header .navbar .nav-listing li a { font-size:18px; }
  
  #destination-menu .continent-list .submenu-item .nav-link { font-size: 16px; }
  #destination-menu ul li a{ font-size:14px; line-height:24px; }
  #destination-menu .continent-destination-list li { padding: 4px 12px;}
}

@media(max-width: 1060px){
  header .navbar .nav-listing li a{ font-size:16px; }
  header .navbar .navbar-nav li:not(:last-child){ margin-right: 8px; padding-right: 8px;  }
  .agencyWebsite header .navbar .nav-listing li a { font-size:16px; }
}

@media(max-width: 991px){
  .toggle-bar { position: relative; display: block; width: 32px; height: 2px; background-color: #000; } 
  .toggle-bar:after { content: ''; position: absolute; left: 0; top: -10px; width: 32px; height: 2px; background-color: #000000; } 
  .toggle-bar:before { content: ''; position: absolute; left: 0; top: 10px; width: 32px; height: 2px; background-color: #000000; }
  #destination-menu .submenu-image{ display: none; }
  #destination-menu .continent-list{ padding-top:0; }
  header .header-user-account { padding: 0; } 
  .header-menu button {  box-shadow: inherit; outline: inherit; border: inherit; background-color: inherit; border-radius: inherit; padding-right: 0; padding-left: 20px;} 
  .navbar-toggler:focus { box-shadow: inherit; }
  header > div > .navbar{ position: inherit;}
  #header-menu .navbar-nav{ position: absolute; top: 103.98px;  left: 0; background: #EEEEEE; width: 100%; height: calc(100vh - 111px); overflow-y: scroll; z-index: 99; padding: 20px; display: inline;}
  header .navbar .navbar-nav li:not(:last-child) { padding-right: 0; margin-right: 0; border-bottom: 1px solid #CCCCCC; padding-bottom: 12px; margin-bottom: 12px; } 
  #destination-menu ul li a{ font-size: 16px; line-height:40px; font-weight:400; }
  #destination-menu .container { background-color:#EEEEEE; }
  .cont-desti-row{ display: inherit; }
  header .header-user-account .form-select{ margin-right:10px; }
  header .navbar .nav-listing li a { font-size: 18px; padding: 8px 0; position: relative; display: block;}
  header .navbar .nav-listing li a i{ position:absolute; right:0; margin-right: 8px; transform: rotate(-90deg) }
  header .navbar .nav-listing li a.active i{ transform:rotate(0);}
  .agencyWebsite header .navbar .nav-listing li a { font-size:18px; }

 /**/
  #destination-menu { top:160px;  background-color: #EEEEEE;}
  #destination-menu .continent-list { background-color: #EEEEEE; }
  #destination-menu .submenu-item.active{ background-color:inherit; }
  #destination-menu .row > div:first-child{ background-color:#EEEEEE; }
  #destination-menu .continent-list .submenu-item .nav-link:not(:last-child) { border-bottom: 1px solid #CCCCCC;}

  #destination-menu .submenu-item  .nav-link.active:after { content: '\f068'; font-family: 'FontAwesome'; position: absolute; right: 12px; font-size: 14px;}
  #destination-menu .submenu-item  .nav-link:after { content: '\2b'; font-family: 'FontAwesome'; position: absolute; right: 12px; font-size: 14px;}
  
  #destination-menu .continent-list ul li:last-child .mobile-sub-menu { padding-bottom: 60px;}
  .submenu-item { position: relative; } 
  #destination-menu .continent-destination-list.active{ display:none; }
  #destination-menu .continent-list .submenu-item { padding: 0; padding-right:12px; } 
  #destination-menu .continent-list .submenu-item .nav-link {font-size:18px; font-weight: 500; padding: 10px 0 10px;  } 

  .mobile-sub-menu {padding: 12px 0;background: #EEEEEE; border-bottom: 1px solid #CCCCCC;} 
  .travel-spot-search .headeing { margin-bottom: 20px;}
  .tours-list .filter-search .border-box{ height: 48px; }

  /*Dashboard menu */
  .pd-row nav button{ height: 40px; }
  .pd-row .toggle-bar{  background-color:#FFFFFF }
  .pd-row .toggle-bar:before { background-color:#FFFFFF }
  .pd-row .toggle-bar:after{ background-color:#FFFFFF }
}

.responsive-table { width: 100%; border-collapse: collapse; } 
.responsive-table th, .responsive-table td { padding: 7px; border: 1px solid #ccc; } 

 @media screen and (max-width: 991px) {
   .viewBookingItinerary .tour-preview .tour-img, .viewBookingItinerary .itinerary-img img { max-height:inherit !important;}
   .viewBookingItinerary .tour-preview .tour-img img { height:inherit !important; }
   .header-menu > .header-user-account { position: inherit; }
   .header-menu{ width:inherit; }
 }

 @media screen and (max-width: 768px) { 
  .responsive-table thead {
    display: none;
  }

  .responsive-table tr {
    display: block;
    margin-bottom: 1rem;
    border: 1px solid #ddd;
  }

  .responsive-table td {
    display: block;
    position: relative;
    padding-left: 50%;
    border: none;
    border-bottom: 1px solid #eee;
    text-align: right;
  }

  .responsive-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
    width: 45%;
    white-space: nowrap;
    font-weight: 600;
    text-align: left;
    color: #000000;
    white-space: break-spaces;
  }

.responsive-table .resMobHide::before {
    left: inherit;
    right: 0;
    width: 100%;
    text-align: end;
    padding-right: 12px;
}

  .resMobHide {
    color: transparent !important;
    text-shadow: none !important;
  }

  .viewBookingItinerary .table tfoot tr td { padding-left: 7px;}

}

@media(max-width: 767px){ 
 .select2-container .select2-selection--multiple, .select2-container--default .select2-selection--single { min-height:44px; }
 .select2-container .select2-search--inline .select2-search__field, .select2-container--default .select2-selection--single .select2-selection__rendered { margin-top:8px; }
 .form-main-box .form-control[type=file]{ /*padding: 4px 12px; */}
 .borderListItem{ padding:12px 4px 8px; }
 .numberOfTravellerBox { height: 44px; line-height: 32px; }
}


@media(max-width: 575px){
  header > div > .navbar { height:95px; }
  header .header-user-account .form-select { margin-right: 0px; } 
  header .header-user-account {padding: 16px 0 0;} 
  .agencyWebsite header .header-user-account {padding: 0;} 
  header .header-user-account .user-icon {font-size: 16px; margin-right: 8px;} 
  header .header-user-account a, header .header-user-account .form-select { font-size: 16px;}
  header .navbar-brand img { max-width: 120px; max-height: 80px; }
  .inv-company-logo img { max-width: 120px; max-height: 80px !important; }
  .inv-company-logo .header-menu { margin-top:0; }
  .agencyTagLine { min-width: 120px; height:80px;}

  #header-menu .navbar-nav { height: calc(100vh - 95px ); top: 95px; }
  header .header-user-account .header-user-account {padding: 30px 0 0;} 
  .header-user-account .form-select { position: absolute; top: 4px; right: 8px; }
  #destination-menu { top: 160px; height: calc(100vh - 160px); overflow-y: scroll; }
  header .navbar .nav-listing li a i{ margin-right:0; }
  #header-menu .navbar-nav{ padding: 20px 12px; }
  #destination-menu .submenu-item .nav-link:after, #destination-menu .submenu-item .nav-link.active:after{ right:0; }
  #destination-menu .continent-list .submenu-item{ padding-right:0 }
/*  .form-main-box .form-control[type=file]{position: relative; border-radius:4px; padding:0 8px; }*/
  .form-main-box .upload-logo .form-control[type=file]:after{ margin-left: 90px}

  .actionHub .download_PDF ul li {flex: 0 0 100%;text-align: center;}
  .actionHub .download_PDF .secondary-btn{ padding: 10px; font-size:17px; min-width: 290px; margin-bottom:12px !important; }
  .sharebox { justify-content: center; gap: 12px; } 
  .social-share { gap: 12px; justify-content:center; } 
  .social-share li a { font-size: 20px; } 
  .social-share li svg { width: 22px; }

/*  .header-menu{ width:calc(100% - 95px); }*/
  .room-selection { width: 320px;}
  .room-selection .child-age-section .ageLimit { flex: 0 0 calc(50% - 4px); }
  .room-selection .paxInfo { gap: 0; } 
  .room-selection .paxGroupName { flex: 0 0 100%; }
/*  #rangeCostRequestlist .inputPaxCount .decrCount, #rangeCostRequestlist .inputPaxCount .incCount { flex: 0 0 15px; } */
/*  #rangeCostRequestlist .inputPaxCount input { font-size: 9px; }*/
  #rangeCostRequestlist .delAttrRangeRow.btn { font-size: 9px; }

}

@media(max-width: 380px){
  .room-selection { width: 310px;}
 }