/* input(1587,366): run-time error CSS1039: Token not allowed after unary operator: 't0z0rhnEUBvAfyUuilJLFZJHN6guIMllEWQ1SSpHIyyCkpBSLjFJktcnkAygfwCaDwVtS'
input(1587,436): run-time error CSS1039: Token not allowed after unary operator: 'B'
input(1587,451): run-time error CSS1039: Token not allowed after unary operator: 'p3Ouc93Xue4KZUZFmfMCIJ5qPP8B7GsmXhrRjyM8'
input(1587,735): run-time error CSS1039: Token not allowed after unary operator: 'hV'
input(1587,775): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' */
/* ===============================
   1. Universal Reset
================================ */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ===============================
   2. Root & Body
================================ */
html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: 'Be Vietnam Pro', sans-serif;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  word-spacing: normal;

  color: #333;
  background-color: #F8F8F8;
}

/* ===============================
   3. Typography
================================ */
h1, h2, h3, h4, h5, h6,
.heading {
  font-family: 'Marcellus', serif;
}

p {
  margin: 0;
}

/* ===============================
   4. Lists
================================ */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ===============================
   5. Links
================================ */
a {
  text-decoration: none;
}

/* ===============================
   6. Images
================================ */
img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  border: none;
}

/* ===============================
   7. Layout Elements
================================ */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}

/* ===============================
   8. Utilities
================================ */
.text-center {
  text-align: center;
}

/* ===============================
   9. Focus (Accessible)
================================ */
:focus-visible {
  outline: 0px;
  outline-offset: 2px;
}
button:focus, button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: 0 !important;
}

.scrolbar::-webkit-scrollbar {width: 6px}
.scrolbar::-webkit-scrollbar-track {background: #d8d8d8; border-radius: 8px}
.scrolbar::-webkit-scrollbar-thumb {background: #000000; border-radius: 8px}
.scrolbar::-webkit-scrollbar-thumb:hover {background: #000000}


.sp25{ padding:25px 0;}
/************************************* custom checkbox *****************************************/
.custom-checkbox {display: flex; position: relative; align-items: center; padding-left: 0; margin: 0px 0 0 0; }
.custom-checkbox:first-child {margin: 0px;}
.custom-checkbox input{border: 1px solid #DDDDDD; width: 20px; height: 20px; border-radius: 4px; margin: 0px; appearance: none; cursor: pointer; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center;float: left; background-size: contain;}    
.custom-checkbox label {padding: 0 0 0 10px; font-size: 14px; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 30px); font-weight: 400; margin: 0; cursor: pointer;}
.custom-checkbox label .font-weight-bold { font-weight: 500 !important;}
.custom-checkbox input:checked[type="checkbox"] {background-size: 12px; background-color: #fff; border-color: #222222; box-shadow: 0 0 10px rgba(0,0,0,.25); background-image: url("data:image/svg+xml,%3Csvg id='Group_995' data-name='Group 995' xmlns='http://www.w3.org/2000/svg' width='11.627' height='9.609' viewBox='0 0 11.627 9.609'%3E%3Cg id='Group_994' data-name='Group 994' transform='translate(0 0)'%3E%3Cpath id='Path_1505' data-name='Path 1505' d='M105.356,113.783l-5.3,5.934-2.65-2.544-1.769,1.843,4.559,4.377,7.068-7.907Z' transform='translate(-95.633 -113.783)'/%3E%3C/g%3E%3C/svg%3E%0A");}
.custom-checkbox input:checked[type="checkbox"] + label {color: #B61B65;}

/************************************* custom radio *****************************************/
.custom-radio {display: flex; position: relative; align-items: center; padding-left: 0; margin: 0px 0 0 0; }
.custom-radio:first-child {margin: 0px;}
.custom-radio input{border: 1px solid #DDDDDD; width: 20px; height: 20px; border-radius: 10px; margin: 0px; appearance: none; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center;float: left; background-size: contain;}    
.custom-radio label {padding: 0 0 0 10px; font-size: 14px; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 30px); font-weight: 400; margin: 0; cursor: pointer;}
.custom-radio label:before, .custom-radio label:after { display: none;}
.custom-radio input:checked[type="radio"] {border-width: 1px; background-size: 8px; background-color: #F2F2F2; border-color: #222222; box-shadow: 0 0 10px rgba(0,0,0,.25); background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8"><rect id="Rectangle_7428" data-name="Rectangle 7428" width="8" height="8" rx="4"/></svg>');}
.custom-radio input:checked[type="radio"] + label {color: #B61B65;}

/************************************* Custom Select *****************************************/
.customSel {width: 100%; padding: 0 10px 0 0; border: 0px; font-size: 16px; font-weight: 500; color: #B61B65;}
.customSel_dropdown {display: none; position: absolute; z-index: 1; background: #fff; left: 0; top: 100%; padding: 10px; border-radius: 10px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); width:100%; min-width: 255px; max-height: 200px; overflow: hidden; overflow-y: auto;}
.active .customSel + .customSel_dropdown {display: block;}
.customSel_dropdown ul {list-style: none;}
.customSel_dropdown ul li {list-style: none; padding: 5px; border-radius: 2px; margin: 1px 0; cursor: pointer; display: block;}
.customSel_dropdown ul li:hover {background: #f8f8f8;}

/********************* Tabbs menu*******************************/
.tabbs li{ display: inline-block; background: #E2E2E2; font-size: 12px; font-weight: 700; padding: 10px 15px; border-radius: 4px; cursor: pointer; margin-left: 2px;}
.tabbs li.current{ background: #222; color: #fff;}
.tabb-content{display: none;}
.tabb-content.current{display: block;}

/********************* Calender Design *******************************/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{ height: 40px; width: 40px; font-size: 12px; display: flex; align-items: center; justify-content: center; border: 0px; background: #fff; color: #647582; margin:0;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-active {background: #000; color: #fff; border-radius: 5px;}
.ui-datepicker .ui-datepicker-title{ font-weight:500;}
.ui-widget-header{ background: none; border: 0px; font-size: 16px; }
.ui-datepicker th{ font-weight: 400; }
.ui-widget {box-shadow: 0px 0px 20px #00000066; font-family: "Be Vietnam Pro", sans-serif;}
.ui-widget.ui-widget-content {border: 0px; min-width: 700px;}
.ui-datepicker .ui-datepicker-title {padding: 17px 0 5px; font-weight: 600;}
td.end-date .ui-state-default, .ui-widget-content td.end-date .ui-state-default {background: #000; color: #fff; border-radius: 5px; position:relative;}
td.end-date .ui-state-default:before, .ui-widget-content td.end-date .ui-state-default:before {position: absolute; content: ''; border-right: 6px solid #000; border-top: 10px solid transparent; border-bottom: 10px solid transparent; left: -5px;}
.ui-datepicker td.between-date a.ui-state-default {background: #f8f3ea; color: #647582; border-radius: 0px;}
td.start-date .ui-state-default, .ui-widget-content td.start-date .ui-state-default {background: #000; color: #fff; border-radius: 5px; position: relative;}
td.start-date .ui-state-default:before, .ui-widget-content td.start-date .ui-state-default:before {position: absolute; content: ''; border-left: 6px solid #000; border-top: 10px solid transparent; border-bottom: 10px solid transparent; right: -5px;}
.ui-datepicker td.ui-datepicker-days-cell-over.between-date.ui-datepicker-current-day a.ui-state-default.ui-state-active {background: #000; color: #ffffff;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ border-radius: 50%; background: #fff; top: 21px; border: 0px;box-shadow: 0px 0px 6px #00000021; cursor:pointer;}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover {right: 20px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover {left: 20px;}
span.ui-icon.ui-icon-circle-triangle-w{background:url(/assets/images/arrow-prev-calender.png?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac) no-repeat center center; }
span.ui-icon.ui-icon-circle-triangle-e{background:url(/assets/images/arrow-next-calender.png?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac) no-repeat center center; }
.ui-datepicker td{ padding: 1px 0;}


::-moz-placeholder {color: #979797; opacity: 1;}
::placeholder{color: #979797;}
::-webkit-input-placeholder{color: #979797;}
:-ms-input-placeholder{color: #979797;}
::-ms-input-placeholder {color: #979797;}
@media (max-width: 1024px) {
    ::placeholder{font-size:14px !important; font-weight:600;}
    ::-webkit-input-placeholder{font-size:14px !important; font-weight:600;}
    ::-moz-placeholder{font-size:14px !important; font-weight:600;}
    :-ms-input-placeholder{font-size:14px !important; font-weight:600;}
    ::-ms-input-placeholder {font-size:14px; font-weight:600;}
}

/* ===== OVERLAY Start===== */
.enquiry-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); display: flex; justify-content: center; align-items: flex-start; padding: 20px 12px; z-index: 9999; overflow: auto; display: none;}
.enquiry-overlay .enquiry-modal {background: white; width: 100%; max-width: 520px; border-radius: 20px; padding: 15px 25px 25px; position: relative; box-shadow: 0 20px 40px rgba(0,0,0,0.15); animation: fadeIn 0.3s ease;}
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); }
}
.enquiry-overlay .enquiry-modal .close-btn { position: absolute; top: 22px; right: 25px; background: none; border: none; font-size: 16px; font-weight: 600; cursor: pointer;}
.enquiry-overlay .enquiry-modal .modal-title {margin: 0 0 15px 0; font-family: 'Be Vietnam Pro', sans-serif; font-size: 26px; font-weight: 600; border-bottom: 1px solid #e4e4e4; padding-bottom: 15px;}
.enquiry-overlay .enquiry-modal .enquiry-form .pilgrimage-options {display: flex; gap: 8px;}
.enquiry-overlay .enquiry-modal .enquiry-form .pilgrimage-options .option {flex: 1; padding: 12px; border-radius: 10px; border: 1px solid #ddd; cursor: pointer; font-size: 15px; background: transparent;}
.enquiry-overlay .enquiry-modal .enquiry-form .pilgrimage-options .option.active {border-color: #B61B65; color: #B61B65; font-weight: 300;}
.enquiry-overlay .enquiry-modal .enquiry-form .pilgrimage-options .option.inactive {color: #999;}
.enquiry-overlay .enquiry-modal .enquiry-form .pilgrimage-options .option img{filter: grayscale(1) opacity(0.5); display: inline;}
.enquiry-overlay .enquiry-modal .enquiry-form .pilgrimage-options .option.active img{filter:none;}
.enquiry-overlay .enquiry-modal .enquiry-form .label {display: block; font-size: 13px; margin: 20px 0 6px; color: #434343; font-weight: 300;}
.enquiry-overlay .enquiry-modal .enquiry-form .label span{font-size: 13px;color: #ff0000; font-weight: 300;}
.enquiry-overlay .enquiry-modal .enquiry-form .input, .enquiry-overlay .enquiry-modal .enquiry-form select.input {width: 100%; padding: 10px 12px; border: 1px solid #ddd; border-radius: 10px; font-size: 15px; outline: none; height: 46px;}
.enquiry-overlay .enquiry-modal .enquiry-form .input:focus {border-color: #b30059;}
.enquiry-overlay .enquiry-modal .enquiry-form .phone-row {display: flex; gap: 10px;position: relative;}
.enquiry-overlay .enquiry-modal .enquiry-form .phone-row .telephon{width:100%; position:relative;}
.enquiry-overlay .enquiry-modal .enquiry-form .phone-row .telephon .iti{width:100%;}
.enquiry-overlay .enquiry-modal .enquiry-form .phone-code {width: 90px; padding: 10px 12px; border-radius: 10px; border: 1px solid #ddd;}
.enquiry-overlay .enquiry-modal .enquiry-form .phone-input {flex: 1;}
.enquiry-overlay .enquiry-modal .enquiry-form .two-col, .enquiry-overlay .enquiry-modal .enquiry-form .three-col {display: flex; gap: 12px;}
.enquiry-overlay .enquiry-modal .enquiry-form .two-col > div, .enquiry-overlay .enquiry-modal .enquiry-form .three-col > div {flex: 1;}
.enquiry-overlay .enquiry-modal .enquiry-form .with-icon {position: relative;}
.enquiry-overlay .enquiry-modal .enquiry-form .with-icon input {width: 100%; padding-right: 40px; border: 0px;}
.enquiry-overlay .enquiry-modal .enquiry-form .calendar-icon {position: absolute; right: 12px; top: 50%; transform: translateY(-50%); opacity: 0.7;}
.enquiry-overlay .enquiry-modal .enquiry-form .textarea {width: 100%; height: 90px; border: 1px solid #ddd; border-radius: 8px; padding: 12px; resize: none;}
.enquiry-overlay .enquiry-modal .enquiry-form .submit-btn {width: 100%; background: #E7B963; color: #4d3311; border: none; padding: 12px; font-weight: 400;  border-radius: 8px; margin-top: 10px; cursor: pointer; color: #B61B65;}
.enquiry-overlay .enquiry-modal .enquiry-form .submit-btn:hover {background: #d9b05c;}
.enquiry-overlay .enquiry-modal .enquiry-form .ui-widget.ui-widget-content {
    left:0 !important; top:100% !important; position:absolute !important; min-width: 320px !important;
}
.telephon .iti--container{ left:0 !important; top:100% !important; font-size:14px;}
.iti--separate-dial-code .iti__selected-flag{ background-color:unset !important; border-right:1px solid #ddd;}

@media (max-width: 1024px) {
    .telephon .iti--container{ left:0 !important; top:30px !important;}

}
@media (max-width: 600px) {
    .enquiry-overlay{ padding: 0px;}
    .enquiry-overlay .enquiry-modal{ border-radius: 0px; padding: 15px 15px 75px 15px;}
    .enquiry-overlay .enquiry-modal .enquiry-form .submit-btnBox{ position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px 15px; background: #fff;}
}

@media (max-width: 480px) {
  .enquiry-overlay .enquiry-modal .enquiry-form .two-col, .enquiry-overlay .enquiry-modal .enquiry-form .three-col {flex-direction: column; gap: 1px;}
}
/* ===== OVERLAY End===== */


/*** No result  start **/
#noresultfound{ width:100%; text-align:center;}
.noResult_wrp{box-sizing:border-box; padding:30px 0; text-align:center}
.no-filter {padding: 30px 0; text-align: center;}
.no-filter-image img.top-icon{ max-width:90px; height:auto; padding: 0 0 16px 0;}
.no-filter-image img.top-iconbig{ max-width:128px; height:auto; padding: 0 0 16px 0; margin:0 auto;}
.no-filter-image h3 {font-size: 24px; font-weight: 600; color: #272727; margin: 0 0 8px; font-family:"Be Vietnam Pro", sans-serif;}
.noResult_wrp .no-filter-image p {margin: 0 0 10px; font-size: 14px; font-weight: 500; color: #585858; font-family:"Be Vietnam Pro", sans-serif;}
.noResult_wrp .no-filter-image ul {text-align: left; max-width: 485px; margin: 0 auto; padding:0; padding-bottom: 30px; list-style:none; }
.noResult_wrp .no-filter-image ul li {line-height: 19px; font-size: 12px; color: #757575; margin: 2px 0; position: relative; padding-left: 18px; font-family:"Be Vietnam Pro", sans-serif;}
.noResult_wrp .no-filter-image ul li:before {position: absolute; content: ''; width: 11px;height: 9px; background: url(/assets/images/check_icon_popup.svg?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac) no-repeat; left: 0px; top: 3px;}
.no-filter-image .btnreset{ margin:0;}
button.resetbtn {display: flex; align-items: center; justify-content: center; width: 183px; height: 38px; border: 0px; background: #b61b65; color: #fff; border-radius: 4px; margin: 0 auto; font-size: 16px; font-weight: 500;}
@media only screen and (max-width:1440px) {
    .noResult_wrp{padding:3vh 0 0 0;}
}
@media only screen and (max-width:767px){
    .no-filter-image img.top-icon {max-width:64px;}
    .no-filter-image img.top-iconbig{ max-width:91px;}
    .no-filter-image h3{ font-size:20px;}
    .no-filter-image p{ font-size:14px; margin-bottom:20px; line-height:20px;}
    .noResult_wrp .no-filter-image ul{ padding-bottom:20px; padding-top:5px;}
    .noResult_wrp .no-filter-image ul li{ font-size:13px; margin: 4px 0;}
 }
/*** No result  End **/


/******* Session Timeout Start******/
.session_modal{position:fixed; top:0; left:0; right:0; height:100%; width:100%; z-index:10001; background:rgba(0,0,0,0.75); text-align:center; display:none;}
.session_modal .session_wrp{ max-width:360px; padding:25px; background:#fff; border-radius:15px; box-shadow:0 0 40px rgba(0,0,0,0.16); box-sizing:border-box; margin:0 auto; position:relative; top:50%; transform:translateY(-50%);} 
.session_modal .session_wrp .session_close{display: inline-block; text-align: right; float: right; padding: 2px 0 2px 8px; cursor: pointer;}
.session_modal .session_wrp .session_container .session_icon{padding: 15px 0;}
.session_modal .session_wrp .session_container .session_icon img{ margin:0 auto;}
.session_modal .session_wrp .session_container .session_content h3{font-size: 24px; font-weight: 700;}
.session_modal .session_wrp .session_container .session_content p{font-size: 14px; font-weight: 400; padding: 0 15%; line-height: 18px;}
.session_modal .session_wrp .session_container .session-btn{ margin-top:20px;}
.session_modal .session_wrp .session_container .session-btn .btn-timout{color:#fff; border: 0px; font-size: 14px; font-weight: 600; text-align: center; border-radius: 4px; padding: 9px; width:100%; cursor: pointer; text-decoration: none; display:block; background: #B61B65;}
@media only screen and (max-width:370px) {
    .session_modal .session_wrp {max-width: 340px;}
}
/******* Session Timeout End******/


/********* Page Not Found Start **********/
.pageError {background:url(/assets/images/page-not-found.webp?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac) center center no-repeat; min-height: 744px; margin-bottom: -70px; margin-top:68px; position:relative;}
.pageError:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.pageError .notfound{ margin-top: 270px; position:relative; z-index:1;}
.pageError .notfound h1{color:#fff; font-weight: 700;}
.pageError .notfound p{color:#fff; font-size:20px; font-weight: 400; padding:20px 0;}
.pageError .notfound .btns-grup {display: flex; align-items: center; justify-content: center; gap:10px; flex-wrap:wrap; margin-top:20px;}
.pageError .notfound .btns-grup li a {text-decoration: none; display:inline-block; font-size:16px; color: #fff; padding: 10px 20px; background:rgba(255,255,255,0.15); border-radius:10px; border:1px solid #fff; transition: all 0.3s ease-in-out;}
.pageError .notfound .btns-grup li a:hover {background:rgba(255,255,255,0.3);}
@media only screen and (max-width: 767px) {
   .pageError .notfound p, .pageError .notfound .btns-grup li a{ font-size:16px;}
}

/********* Page Not Found End **********/

.breadcrumbswrap{ background-color: #F8F8F8; padding: 11px 0; margin-bottom: 10px; margin-top:85px;}
.breadcrumbswrap ul{list-style: none; display: inline-flex; align-items: center; flex-wrap: wrap;}
.breadcrumbswrap ul li{list-style: none; position: relative; padding-left: 25px; font-size: 13px; color: #161616;}
.breadcrumbswrap ul li a{font-size: 14px; color: #78006E;}
.breadcrumbswrap ul li a:hover{color: #78006E;}
.breadcrumbswrap ul li:before{position: absolute; content: ''; border-left: 1px solid #78006E; border-top: 1px solid #78006E; left: 5px; top: 50%; width: 7px; transform: translateY(-50%) rotate(135deg); height: 7px;}
.breadcrumbswrap ul li:first-child{ padding-left: 0;}
.breadcrumbswrap ul li:first-child:before{display: none;}
.breadcrumbswrap ul li:last-child a{color: #707070; cursor:default;}
.breadcrumbswrap ul li:last-child a:hover{color: #707070;}
.breadcrumbswrap.forDeals{ width:100%; margin:0px; padding-bottom:0px;}
.breadcrumbswrap.forDeals ul, .breadcrumbswrap.forDeals ol{margin:0px !important;}
.breadcrumbswrap.forDeals ol li:last-child a{color:#818181; pointer-events:none;}
@media (max-width:767px) {
    .breadcrumbswrap{margin-top: 75px; margin-bottom: 0; padding: 11px 0;}
}
@media screen and (max-width: 640px) {
    .breadcrumbswrap{margin-top: 65px;}
    .breadcrumbswrap ul li{max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
@media screen and (max-width: 390px) {
    .breadcrumbswrap ul li{max-width: 153px;}
}



.responsiveTable{ max-width:100%; overflow:hidden; overflow-x:auto;}
.responsiveTable table{width:100%; overflow:hidden; overflow-x:auto; margin-bottom:10px; border-bottom:1px solid #ddd;}
.responsiveTable table th, .responsiveTable table thead td{ font-weight:bold; color:#474747}
.responsiveTable table tr th, .responsiveTable table tr td {padding:6px 4px; font-size:14px; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.responsiveTable table tr th:last-child, .responsiveTable table tr td:last-child {border-right:1px solid #ddd;}











/* Header Styles */
.itimaar header.header-itimaar {padding: 15px 0; position: absolute; width: 100%; top: 0; z-index: 1000; transition: all 0.3s ease;}
.itimaar header.header-itimaar.sticky, .itimaar header.header-itimaar.fixedInner {position: fixed; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.3); animation: slideDown 0.3s ease;}

@keyframes slideDown {from {transform: translateY(-100%); } to {transform: translateY(0); }}

.itimaar header.header-itimaar .header-container {max-width: 1170px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; align-items: center;}
.itimaar header.header-itimaar .header-container .logo-section {display: flex; align-items: center; gap: 25px;}
.itimaar header.header-itimaar .header-container .hamburger {background: none; display:none !important; border: none; color: #fff; font-size: 24px; cursor: pointer; padding: 5px;}
.itimaar header.header-itimaar.sticky .header-container .hamburger svg path,
.itimaar header.header-itimaar.fixedInner .header-container .hamburger svg path{fill: #313131;}
.itimaar header.header-itimaar .header-container .logo-section .logo {text-decoration: none;}
.itimaar header.header-itimaar .header-container .navmiddle ul {list-style: none; display: flex; gap: 30px; align-items: center; margin:0px; font-size: 16px; font-weight: 300;}
.itimaar header.header-itimaar .header-container .navmiddle a {color: #fff; text-decoration: none; transition: color 0.3s;}
.itimaar header.header-itimaar.sticky .header-container .navmiddle a {color: #313131;}
.itimaar header.header-itimaar .header-container .navmiddle a:hover {color: #DAA520;}
.itimaar header.header-itimaar .header-container .navmiddle ul li{position: relative;}
.itimaar header.header-itimaar .header-container .navmiddle .dropdownNav{max-height: 350px; overflow:hidden; overflow-y: auto;position: absolute; top: 100%; left: 0; background: #fff; min-width: 220px; padding: 0; margin:0px; border-radius: 6px; box-shadow: 0 8px 25px rgba(0,0,0,0.15);  /* hidden by default */ opacity: 0; visibility: hidden; transform: translateY(10px); transition: 0.3s ease; display: block; /* override flex from parent */}
.itimaar header.header-itimaar .header-container .navmiddle .dropdownNav::-webkit-scrollbar{width:3px;max-height: 50%; height: 50%;}
.itimaar header.header-itimaar .header-container .navmiddle .dropdownNav::-webkit-scrollbar-track{background:transparent;max-height: 50%; height: 50%;}
.itimaar header.header-itimaar .header-container .navmiddle .dropdownNav::-webkit-scrollbar-thumb{background:#bfbdbd;}
.itimaar header.header-itimaar .header-container .navmiddle .dropdownNav li{padding: 0;}
.itimaar header.header-itimaar .header-container .navmiddle .dropdownNav a{display: block; padding: 10px 18px; color: #313131 !important; font-size: 14px;}
.itimaar header.header-itimaar .header-container .navmiddle .dropdownNav a:hover{color:#DAA520 !important;}
.itimaar header.header-itimaar .navmiddle ul li:hover > a {color: #DAA520 !important;}
.itimaar header.header-itimaar .navmiddle ul li:hover > a i{transform:rotate(180deg);}
.itimaar header.header-itimaar .header-container .navmiddle  ul li:hover > .dropdownNav{opacity: 1; visibility: visible;transform: translateY(0); top: 100%;}
.itimaar header.header-itimaar .header-container .header-right {display: flex; align-items: center; gap: 20px;}
.itimaar header.header-itimaar .header-container .header-right a img{filter: invert(1) brightness(100);}
.itimaar header.header-itimaar.sticky .header-container .header-right a img,
.itimaar header.header-itimaar.fixedInner .header-container .header-right a img{filter: unset;}
.itimaar header.header-itimaar .header-container .header-right .phone {color: #fff; text-decoration: none; font-size: 18px; font-weight: 700; display: flex; align-items: center; gap: 5px;}
.itimaar header.header-itimaar.sticky .header-container .header-right .phone,
.itimaar header.header-itimaar.fixedInner .header-container .header-right .phone {color: #B61B65;}
.itimaar header.header-itimaar .header-container .header-right .support_customer {display: none !important; width: 38px; height: 38px; border-radius: 10px; border: 1px solid #fff; text-align: center; line-height: 32px; display: flex;align-items: center; justify-content: center;}
.itimaar header.header-itimaar.sticky .header-container .header-right .support_customer,
.itimaar header.header-itimaar.fixedInner .header-container .header-right .support_customer { border: 1px solid #B61B65;}
.itimaar header.header-itimaar .header-container .header-right .book-btn {background: #E7B963; color: #78006E; padding: 6px 20px; border-radius: 10px; font-weight: 500; height: 38px; text-decoration: none; transition: background 0.3s;}
.itimaar header.header-itimaar .header-container .header-right .book-btn:hover {background: #f0bc5c;}




/* Side Menu */
.side-menu {position: fixed; left: -300px; top: 0; width: 300px; height: 100%; background: #72166c;
    background: -moz-linear-gradient(top, #72166c 0%, #490b42 101%);
    background: -webkit-linear-gradient(top, #72166c 0%, #490b42 101%);
    background: linear-gradient(to bottom, #72166c 0%, #490b42 101%); z-index: 2000; transition: left 0.3s ease; overflow-y: auto;}
.side-menu.active {left: 0;}
.side-menu .menu-header {display: flex; justify-content: space-between; align-items: center; padding: 20px; background: rgba(0, 0, 0, 0.2); border-bottom: 1px solid #864946;}
.side-menu .menu-header .menu-logo {color: #fff; font-size: 24px; font-weight: bold;}
.side-menu .menu-header .close-menu {background: none; border: none; color: #fff; font-size: 28px; cursor: pointer;}
.side-menu nav ul {flex-direction: column; padding: 20px; gap: 0;}
.side-menu nav li {width: 100%; border-bottom: 1px solid rgba(255,255,255,0.1); position: relative;}
.side-menu nav a {display: block; padding: 12px 0; color: #fff !important; font-size: 14px; font-weight:300; opacity: 0.8;}
.side-menu nav a:hover {opacity:1;}
.menu-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1999; display: none;}
.menu-overlay.active {display: block;}
.side-menu .accordion-toggle:after {font-family: FontAwesome; content: "\f107"; font-size: 12px; color: #fff; position: absolute; right: 0px; top: 15px; pointer-events: none;}
.side-menu .accordion-toggle.active:after {font-family: FontAwesome; content: "\f106"; }
.side-menu .sub-sect.accordion-content ul{padding: 0 0 20px 15px;}
img.desk-logo {display: block;}
img.mobile-logo {display: none;}

@media (max-width: 1240px) {
  .itimaar header.header-itimaar .header-container .logo-section{ min-width: auto;}
}
/* Responsive Design */
@media (max-width: 1024px) {
    .itimaar header.header-itimaar .header-container .hamburger {display: block; }  
    .itimaar header.header-itimaar .header-container .navmiddle {display: none; }  
    .itimaar header.header-itimaar .header-container .header-right{ gap: 12px;} 
    .itimaar header.header-itimaar .header-container .header-right .book-btn {padding: 9px 8px; font-size: 13px;}
    .itimaar header.header-itimaar .header-container .header-right .book-btn span{font-weight: 600; font-size: 13px;} 
}

@media (max-width: 640px) {
    .itimaar header.header-itimaar{ padding: 10px 0;}
    /* .itimaar header.header-itimaar .header-container .header-right .book-btn {padding: 6px; border-radius: 20px 20px 0; font-weight: 300; height: 36px; text-align: center; font-size: 11px; line-height: 13px; text-transform: uppercase; width: 65px;}
    .itimaar header.header-itimaar .header-container .header-right .book-btn span{font-weight: 400; font-size: 13px;} */
    /* .itimaar .stats-section .stats-grid {grid-template-columns: 1fr; }  */
    .itimaar header.header-itimaar .header-container .logo-section .logo{ max-width: 150px;} 
    .itimaar header.header-itimaar .header-container .logo-section .logo img{ max-width: 100%;}
    img.desk-logo {display: none; width: 145px;}
    img.mobile-logo {display: block;}
}
@media (max-width: 479px) {
    .itimaar header.header-itimaar .header-container .header-right .phone{ font-size: 16px; border: 1px solid #fff; padding: 9px; border-radius: 10px; width: 38px;  height: 38px;}
    .itimaar header.header-itimaar.sticky .header-container .header-right .phone,
    .itimaar header.header-itimaar.fixedInner .header-container .header-right .phone{border: 1px solid #B61B65;}
    .itimaar header.header-itimaar .header-container .logo-section{ gap: 10px;}
    .itimaar header.header-itimaar .header-container .header-right .phone span{ display: none;}
}




/* Hero Section */
.banner-itimaar {position: relative;  width: 100%;  height: 450px;  overflow: hidden;  background-color:#ffd88f;}
.banner-itimaar:after {position: absolute;  content: '';  width: 100%;  height: 100%;  top: 0;  left: 0;  /*background: rgb(0 0 0 / 31%); */}
.banner-itimaar .banner-img { width: 100%;  height: 100%;  object-fit: cover}
.banner-itimaar.withoutengine{height:380px;}

.itimaar .hero_engine {padding: 0px 0 0;  position: absolute;  height: 450px;  width: 100%;  top: 0;  display: flex;  align-items: center;}
.itimaar .hero_engine .hero-content {max-width: 1170px;  padding: 0 15px;  margin: 0 auto;  width: 100%;}
.itimaar .hero_engine .hero-content h1 {font-size: clamp(29px, 5vw, 50px);  margin-bottom: 30px;  text-align: center;  color: #fff;  line-height: clamp(42px, 6vw, 80px);}
.itimaar .hero_engine .search-box {background: #fff;  border-radius: 20px;  padding:25px 20px 20px;  display: flex;  gap:0 15px;  max-width:100%;  margin: 0 auto;  flex-wrap: wrap;}
.itimaar .hero_engine .search-field {flex: 1;  min-width: 142px;  border: 1px solid #C5C5C5;  position: relative;  height: 48px;  border-radius:10px;}
/*.itimaar .hero_engine .search-field:nth-child(4) {border: 0px;}*/
.itimaar .hero_engine .search-field label.withselect {display: block;  color: #434343;  font-size: 12px;  margin-bottom: 0px;  position: absolute;  top: -10px;  left: 10px;  padding: 0 5px;  background: #fff;}
.itimaar .hero_engine .search-field input.input-field,
.itimaar .hero_engine .search-field select.select-field {width: 100%;  background: #ffffff00;  padding: 4px 10px 0 14px;  border: 0px;  font-size: 16px;  height: 45px;  font-weight: 600;  color: #B61B65;}
.itimaar .hero_engine .search-field select.select-field {appearance: none;  -moz-appearance: none;  -webkit-appearance: none;}
.itimaar .hero_engine .search-btn {background: #B61B65 url(/assets/images/search-icon-white-itimar.svg?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac) no-repeat center center;  text-indent: -999px;  color: #fff;  border: none;  border-radius: 10px;  cursor: pointer;  align-self: flex-end;  width: 44px;  height: 48px;}
.itimaar .hero_engine .search-btn span{display: none;}
.itimaar .hero_engine.withHeading{height:380px;  padding-top:78px;  top:0px;}


.txttyping {position: absolute;  height: 100%;  width: calc(100% - 15px);  line-height: 54px;  padding: 0 15px 0 0;  background: #fff;  border-radius: 6px;  top:0;  z-index: 1;  display:flex;  align-items: center;  gap: 0 5px;}
.txttyping span{line-height: 19px;  display: inline-block;  color:#818181;  font-weight:500;}
.txttyping #typewriter {white-space: nowrap;  overflow: hidden;  color:#222;  border-right: 2px solid #626262;  width: fit-content;  line-height: 19px;  display: inline-block;  padding-right: 2px;}
@keyframes blink {0% { border-color: #747474; } 50% { border-color: transparent; } 100% { border-color: #747474; }}
.txttyping #typewriter {animation: blink 1s step-end infinite;}
.typeTxtField .destiInput, .hsDep_when #hdnDepartDateHoliday{ position:absolute;  top: 0;  height: 100%;  border: 0;  background: transparent;  padding: 4px 10px 0 15px !important;  overflow: hidden;  text-overflow: ellipsis;  width: 100%;  font-size: 16px;  font-weight: 600;  color: #B61B65;}
.typeTxtField .destiInput{ z-index:2;}
.DepFrom_holiday{font-size:1rem;  color:#222;  width:100%;  background-color:transparent; border:none;  max-width: 100%;  overflow: hidden !important;  text-overflow: ellipsis;}
.DepFrom_holiday:focus{outline:0;}
.DepFrom_holiday:focus~label,.DepFrom_holiday:not(:placeholder-shown)~label{top: 10px;  display: block;  color: #434343;  font-size: 12px;  margin-bottom: 0px;}
.DepFrom_holiday + label{ top: 13px;  display: block;  color: #434343;  font-size: 12px;  margin-bottom: 0px;}
.hsDep_from label{ position: absolute;  transition: all ease .2s;  top: 50%;  left: 15px;  padding: 0;  pointer-events:none;  color: #bdbfc6;  font-size: 1rem;  transform: translateY(-50%);}
.toptobtmholiday_kk {
display: block; color: #434343; font-size: 12px; margin-bottom: 0px; position: absolute; top: -10px !important; left: 10px !important; padding: 0 5px !important; background: #fff !important;}
.departure_search_lists{min-width:248px;  position:absolute;  top:-6px;  z-index: 3;  overflow:hidden;  box-shadow: 0 0 30px rgba(0, 0, 0, 0.45);  left:0;  width: 100%;  border-radius: 6px;  background: #fff;}
.departure_search_lists .searchbox{ width:100%;  box-sizing:border-box;  padding:15px 12px;}
.departure_search_lists .searchbox input.departPopInput{ width:100%;  border:1px solid #cbcbcb;  padding:8px 15px;  border-radius:6px;  font-weight:400;}
.departure_search_lists .listResult{max-height:300px;  overflow:hidden;  overflow-y:auto;}
.departure_search_lists .listResult::-webkit-scrollbar{width:3px; max-height: 50%;  height: 50%;}
.departure_search_lists .listResult::-webkit-scrollbar-track{background:transparent; max-height: 50%;  height: 50%;}
.departure_search_lists .listResult::-webkit-scrollbar-thumb{background:#bfbdbd;}
.departure_search_lists .dest-city-container {cursor: pointer;  display: flex;  justify-content: space-between;  padding: 7px 10px;  align-items:center;  border-top: 1px solid #f2f2f2;}
.departure_search_lists .dest-city-container:hover {background-color: #f2f2f2;}
.departure_search_lists .dest-city-name {font-size: 14px;  width: 100%;  display: flex;  align-items: flex-start;  gap: 0 6px;}
.departure_search_lists .dest-city-name span{color: #b61b65;  font-weight: 600;}
.departure_search_lists .dest-city-packages, .dest-city-type {color: #9b9b9b;  font-size: 11px; line-height: 18px;  font-style: normal;  font-weight: 700;}
.departure_search_lists .dest-city-packages {font-weight: 400;  white-space:nowrap;}
.departure_search_lists .makeFlex {display: flex;  align-items:center;}
.departure_search_lists .dest-left-indicator {background: grey;  margin-top: -15px;  margin-right:10px;  width: 4px;  align-self:normal;}
.departure_search_lists .dest-city-container:last-of-type .dest-left-indicator {margin-bottom: 0;}
.departure_search_lists .makeFlex .dest-city-packages{ margin-top:3px;}
.departure_search_lists .dest-city-container:first-child .dest-left-indicator{margin-top: 0px;}
.departure_search_lists .dest-city-container.highlighted {background-color: #f0f0f0;}
@media screen and (max-width: 991px) {
    .departure_search_lists .listResult{ max-height:calc(100vh - 295px);  min-height: 125px;}
}
@media screen and (max-width: 480px) {
    .departure_search_lists{ width:100%;}
}

.calendar-container {background: white;  opacity:0;  height:0;  overflow:hidden;  padding: 0px;  z-index:1;  position:absolute;  border-radius: 10px;  top: -6px;  box-shadow: 0 0 30px rgba(0, 0, 0, 0.45);  width: 100%;  min-width: 370px;}
.calendar-container.active {opacity:1;  height:auto;  overflow:hidden;  padding: 20px;}
.calendar-holidays {display: flex;  gap: 50px;  position: relative;  margin: 0 auto;  justify-content: center;}
.calendar-holidays .ui-widget.ui-widget-content {left: auto !important; top: 0px !important; min-width: 338px; display: block !important; position: relative !important; box-shadow:none !important; margin-top:-20px;}
.calender-flexible .slider-month {display: flex;  align-items: center;  justify-content: center;  max-width: 450px;  margin: auto;  overflow: hidden;  position: relative;}
.calender-flexible .slider-month .arrowh {cursor: pointer;  font-size: 24px;  user-select: none;}
.calender-flexible .slider-month .months-wrapper {overflow: hidden;  width: 100%;  touch-action: pan-y;}
.calender-flexible .slider-month .months-wrapper .months {display: flex;  transition: transform 0.3s ease-in-out;  will-change: transform;}
.calender-flexible .slider-month .months-wrapper .months .checkbox {flex: 0 0 auto;  text-align: center;  width: 33.33%;}
.calender-flexible .slider-month .months-wrapper .months .checkbox label{border: 1px solid #ddd;  padding: 10px;  box-sizing: border-box;  border-radius: 15px;  max-width: 122px;  height: 136px;  cursor: pointer;   display: flex;  align-items: center;  justify-content: center;  flex-direction: column;  margin: 0 5px;  transition: all 0.1s ease-in-out;}
.calender-flexible .slider-month .months-wrapper .months .checkbox.active label{border-color: #222;}
.calender-flexible .slider-month .months-wrapper .months .checkbox label:active{ transform: scale(0.95);}
.calender-flexible .slider-month .months-wrapper .months .checkbox label span{ display: block;  text-align: center;}
.calender-flexible .slider-month .months-wrapper .months .checkbox label span.mnth{ margin-top: 8px;  font-size: 14px;  font-weight: 600;  line-height: 16px;}
.calender-flexible .slider-month .months-wrapper .months .checkbox label span.yer{ margin-top: 2px;  font-size: 12px;  line-height: 16px;  font-weight: 400;}
.calender-flexible .slider-month .months-wrapper .months .checkbox input {display: none;}
.calender-flexible .slider-month .months-wrapper .months .checkbox .iconactive {display: none;}
.calender-flexible .slider-month .months-wrapper .months .checkbox input:checked ~ .icon {display: none;}
.calender-flexible .slider-month .months-wrapper .months .checkbox input:checked ~ .iconactive {display: block;}
/* .checkbox input:checked ~ .mnth, .checkbox input:checked ~ .yer {font-weight: bold;  color: #222;} */
.calender-flexible .slider-month .months-wrapper .months .checkbox input:checked ~ .iconactive {display: block;}
.calender-flexible .searchType{ font-size: 18px;  font-weight: 600;  color: #333;  margin:0 0 10px 0;  text-align: center;}
.calender-flexible .searchTypebuttons{text-align: center;}
.calender-flexible .searchTypebuttons .radio-group {display: inline-flex;  gap: 10px;  margin-bottom: 40px;}
.calender-flexible .searchTypebuttons .radio-group .radio-label {padding: 5px 20px 4px;   border: 1px solid #ddd;  border-radius: 100px; cursor: pointer;  font-size: 16px;  user-select: none;  transition: all 0.2s ease;}
.calender-flexible .searchTypebuttons .radio-group .radio-label:active{ transform: scale(0.90);}
.calender-flexible .searchTypebuttons .radio-group .radio-label:hover {border-color: black;}
.calender-flexible .searchTypebuttons .radio-group .radio-input {display: none;}
.calender-flexible .searchTypebuttons .radio-group .radio-input:checked + .radio-label {border-color: black;  background-color: #f7f7f7;}


/* Basic Styling */
.calendar-container .tab-menu-container{ text-align: center;}
.calendar-container .tab-menu-container .tab-menu { display: grid;  grid-auto-columns: 1fr;   grid-auto-flow: column;  max-width: 280px;  margin: 0 auto;  min-width: 200px;  margin-bottom: 35px;  background: #ebebeb;  border-radius: 100px;  padding: 5px;}
.calendar-container .tab-menu-container .tab-menu .tab-linkm { padding:5px 12px;  cursor: pointer;  color: #222;  font-size: 15px;  font-weight: 600;  background: transparent;  border: 0px;  border-radius: 100px;  font-family: "Be Vietnam Pro", sans-serif;}
.calendar-container .tab-menu-container .tab-menu .tab-linkm.active { background-color: #fff;  border:1px solid #ddd;}
.calendar-container .tab-contentm { opacity: 0;  height: 0;  overflow: hidden; }
.calendar-container .tab-contentm.active { opacity: 1;  height: auto;  overflow: visible}
@media screen and (max-width: 1200px) {
    .calendar-container{ right:-6px;}
}
@media screen and (max-width: 991px) {
    .calendar-container.active{ padding:20px 6px;}
    .calendar-holidays .ui-widget.ui-widget-content{ min-width:288px;}
}
@media screen and (max-width: 489px) {
    .calendar-container{ min-width:calc(200% + 13px);}
}


/* Stats Section */
.itimaar .stats-section {padding: 50px 0px 0px 0;  background: #f9f9f9;}
.itimaar .container {max-width: 1170px;  margin: 0 auto;  padding: 0 12px;}
.itimaar .stats-section h2 {text-align: left;  font-size: clamp(24px, 4vw, 30px);  margin-bottom: 20px;  color: #45133B;}
.itimaar .stats-section .stats-grid {/*display: grid;  grid-template-columns: repeat(4, 1fr);  gap: 20px; */ display:none;}
.itimaar .stats-section .stats-grid .stat-card {height:100%;  text-align: center;  padding: 30px 20px;  background: #fff;  border-radius: 20px;  box-shadow: 0 0px 15px rgba(0,0,0,0.04);}
.itimaar .stats-section .stats-grid .stat-card .stat-icon {width: 80px;  height: 80px;  display: flex;  align-items: center;  justify-content: center;  margin: 0 auto 20px;}
.itimaar .stats-section .stats-grid .stat-card h3 {color: #78006E;  margin-bottom: 10px;  font-size: 16px;  font-weight: 500;  font-family: 'Be Vietnam Pro', sans-serif;}
.itimaar .stats-section .stats-grid .stat-card p {color: #717171;  font-size: 13px;  line-height: 24px;}
.itimaar .stats-section .stats-grid .slick-slide > div{ height:100%;}
.itimaar .stats-section .stats-grid.slick-initialized{ display:block;}
.itimaar .stats-section .stats-grid .slick-list{margin:0 -12px;  border-radius: 20px;}
.itimaar .stats-section .stats-grid .slick-slide {padding: 0 12px;  box-sizing: border-box;}

/* Packages Section */
.itimaar .packages-section {padding: 50px 0px 0px 0;}
.itimaar .packages-section h2 {text-align: left;  font-size: clamp(24px, 4vw, 30px);  margin-bottom: 20px;  color: #45133B;}
.itimaar .packages-section .package-card {height: calc(100% - 5px);  background: #fff;  border-radius: 20px;  overflow: hidden;  box-shadow: 0 1px 3px rgba(0,0,0,0.08);  margin: 0;  cursor:pointer;}
.itimaar .packages-section .package-card .package-img {width: 100%;  height: 200px;  background: #ddd;  position: relative;  overflow: hidden;}
.itimaar .packages-section .package-card .package-img img {width: 100%;  height: 100%;  object-fit: cover;}
.itimaar .packages-section .package-card .package-content {display: flex;  flex-wrap: wrap;  height: calc(100% - 200px);  width: 100%;  align-content: space-between;}
.itimaar .packages-section .umrah_package .umrah_content{padding:20px 15px 0 15px;  width: 100%;}
.itimaar .packages-section .umrah_package .nights{color: #78006E;  font-weight: 500;   display: flex;  gap: 7px;  align-items: center;  font-size: 12px;}
.itimaar .packages-section .umrah_package .title{font-size: 18px;  margin-bottom: 20px;  color: #000000;  margin-top: 6px;  font-weight: 500;  font-family: 'Be Vietnam Pro', sans-serif;  line-height: 28px;}
.itimaar .packages-section .umrah_package .hotels{display:flex; justify-content:space-between; padding: 0;}
.itimaar .packages-section .umrah_package .hotel{width:45%;  display: flex;  gap: 7px;  position: relative;}
.itimaar .packages-section .umrah_package .hotel:nth-child(2):before{width: 1px;  position: absolute;  height: 100%;  left: -21px;  background-color: #DDDDDD;  content: '';}
.itimaar .packages-section .umrah_package .hotel:nth-child(2):after{width: 21px;  position: absolute;  text-align: center;  font-size: 21px;  font-weight: 300;  line-height: 18px;  color: #9E9E9E;  height: 21px;  left: -31px;  border-radius: 30px;  top: 50%;  transform: translateY(-50%);  background-color: #fff;  border:1px solid #DDDDDD;  content: '+';}
.itimaar .packages-section .umrah_package .hotel .icon{width:35px;}
.itimaar .packages-section .umrah_package .hotel .icon img{width:100%;  height: auto;}
.itimaar .packages-section .umrah_package .hotel .hotel-info{ text-align: left;}
.itimaar .packages-section .umrah_package .hotel .hotel-info .label{font-weight:400;  color: #717171;  font-size:12px;  margin:0 0 3px 0;}
.itimaar .packages-section .umrah_package .hotel .hotel-info .name{font-weight: 400;  color: #78006E;  font-size: 12px;  line-height: 18px;  margin-bottom: 3px;}
.itimaar .packages-section .umrah_package .stars{color:#ffc300; font-size:9px}
.itimaar .packages-section .umrah_package .services{ border-top:1px solid #E3E3E3;  display:flex; padding:15px 0; font-size:12px;  gap: 10px;}
.itimaar .packages-section .umrah_package .services span{ display:flex;  align-items: center;  gap: 5px;  color: #717171;  font-weight: 500;  position:relative;  padding-left: 5px;}
.itimaar .packages-section .umrah_package .services span:nth-child(2){padding-left: 0px;}
.itimaar .packages-section .umrah_package .services span:before{color: #717171;  font-weight: 500;  content:'+';  position:absolute;  left: -7px;  font-size: 14px;  font-family: Arial;}
.itimaar .packages-section .umrah_package .services span:nth-child(2):before{display:none;}
.itimaar .packages-section .umrah_package .services span img{ display:none !important;}
.itimaar .packages-section .umrah_package .umrah_footer{padding:20px 15px;  width: 100%;}
.itimaar .packages-section .umrah_package .umrah_footer .umrah_footer_content{border-top:1px solid #E3E3E3;  padding: 20px 0 0 0;}
.itimaar .packages-section .umrah_package .umrah_footer .umrah_footer_content .price{font-size:32px;  font-weight:700;  margin:0}
.itimaar .packages-section .umrah_package .umrah_footer .umrah_footer_content .price span{font-size:12px;  font-weight:400;  margin:0;  color: #929292;}
.itimaar .packages-section .umrah_package .btns_group{display:inline-flex;  gap:10px;  width: 100%;  margin-top: 10px;}
.itimaar .packages-section .umrah_package .bttn{padding:10px 14px;  text-align:center;  border-radius:10px;  font-size:13px;  cursor:pointer;  border:1px solid #B61B65;  font-weight:500;}
.itimaar .packages-section .umrah_package .bttn.outline{background:transparent;  color:#B61B65}
.itimaar .packages-section .umrah_package .bttn.filled{background:#E7B963;  color:#B61B65;  border-color: #E7B963;}

.itimaar .packages-slider .slick-slide > div{ height:100%;}
.itimaar .packages-slider{ display:none;}
.itimaar .packages-slider.slick-initialized{ display:block;}
.itimaar .packages-slider .slick-list{margin:0 -12px;  border-radius: 20px;}
.itimaar .packages-slider .slick-slide {padding: 0 12px;  box-sizing: border-box;}
.itimaar .packages-slider .slick-arrow {position: absolute;  top: 0px;  margin: -35px 0px 0px 0px;  z-index: 1;  font-size: 0;  width: 38px; height: 38px;  border-radius: 50%;  box-sizing: border-box;  background: #fff;  box-shadow: 0 0 6px rgba(0,0,0,0.08);  border: 0px;}
.itimaar .packages-slider .slick-prev:before, .itimaar .packages-slider .slick-next:before {display: none;}
.itimaar .packages-slider .slick-arrow.slick-prev {left: auto;  right: 45px;  background: #fff url("../images/arrow-prev.svg?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac") 50% 50% no-repeat;}
.itimaar .packages-slider .slick-arrow.slick-next {right: 0px;  background: #fff url("../images/arrow-next.svg?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac") 50% 50% no-repeat;}
.itimaar .packages-slider .slick-arrow {opacity: 1;}
.itimaar .packages-slider .slick-arrow:hover {opacity: 1;  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);}
.itimaar .packages-slider .slick-arrow.slick-disabled {opacity: 0.5;  cursor: not-allowed;  box-shadow: none;}
@media (max-width: 799px) {
    .itimaar .packages-slider .slick-dots {position: absolute;  margin: 0 auto;  margin-top: 10px;  left: 0;  right: 0;  bottom:auto;}
    .itimaar .packages-slider .slick-list{margin:0 -8px;}
    .itimaar .packages-slider .slick-slide {padding: 0 8px;}
}


/* Guided Pilgrimages Section */
.itimaar .guided-section {padding-top: 50px; }
.itimaar .guided-section h2 {text-align: left;  font-size: clamp(24px, 4vw, 30px);  margin-bottom: 20px;  color: #45133B;}
.itimaar .guided-section h5 {text-align: left;  font-size: 20px;  margin-bottom: 5px;  color: #1E8B41;}
.itimaar .guided-section .guided-wrap {background:#78006E url(../images/get-special-bg.jpg?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac) no-repeat;  border-radius: 20px;  padding:0px 20px 0 30px;}
.itimaar .guided-section .guided-wrap .guided-slider{ margin: 0;}
.itimaar .guided-section .guided-content {color: #fff;  display: flex;  justify-content: space-between;  gap: 40px;  align-items: center;}
/*.itimaar .guided-section .guided-content > div{flex: 1;}*/
.itimaar .guided-section .guided-text {max-width: 50%;  padding: 40px 0 30px 0;}
.itimaar .guided-section .guided-text h3 {text-align: left;  font-size: 26px;  margin-bottom: 20px;  color: #E7B963;  font-weight: 500;  font-family: 'Be Vietnam Pro', sans-serif;}
.itimaar .guided-section .guided-text p{line-height: 30px;  font-size: 14px;  color: #fff;  font-weight: 400;  margin: 0;}
.itimaar .guided-section .guided-text p:last-of-type {margin-bottom: 0px;}
.itimaar .guided-section .guided-image {text-align: right;  min-width: 385px;  padding-top: 60px;  order: 2;}
.itimaar .guided-section .guided-image img {max-width: 100%;  justify-self: flex-end;}
.itimaar .guided-section .slick-dots {display: flex;  gap: 10px;  bottom: 20px;}
.itimaar .guided-section .slick-dots li {width: 15px;  height: 3px;  background: rgba(255,255,255,0.3);  cursor: pointer;  margin: 0;}
.itimaar .guided-section .slick-dots li button{display: none;}
.itimaar .guided-section .slick-dots li.slick-active {background: #fff;  width: 30px;}
.itimaar .guided-section .guided-wrap .guided-slider{ display:none;}
.itimaar .guided-section .guided-wrap .guided-slider.slick-initialized{ display:block;}
@media (max-width: 991px) {
    .itimaar .guided-section .guided-text{ padding:30px 0;  max-height:500px;  overflow:hidden;  overflow-y:auto;}
}
@media (max-width: 767px) {
    .itimaar .guided-section .guided-text{ padding:30px 0;  max-height:unset;  overflow:unset;  overflow-y:unset;}
}

/* FAQ Section */
.itimaar .faq-section {padding: 50px 0 30px 0; }
.itimaar .faq-section h2 {text-align: left;  font-size: clamp(24px, 4vw, 30px);  margin-bottom: 20px;  color: #45133B;  font-family: 'Marcellus', serif !important;}
.itimaar .faq-section .faq-container {margin: 0 auto;}
.itimaar .faq-section .faq-container .faq-item {background: #fff;  margin-bottom: 15px;  overflow: hidden;  box-shadow: 0 0 15px rgba(0,0,0,0.04);}
.itimaar .faq-section .faq-container .faq-item:first-child {border-radius: 20px 20px 0 0;}
.itimaar .faq-section .faq-container .faq-item:last-child {border-radius:0 0 20px 20px;}
.itimaar .faq-section .faq-container .faq-item .faq-icon{ display:none;}
.itimaar .faq-section .faq-container .faq-item .faq-question { padding:20px 40px 20px 20px;  position:relative;  cursor: pointer;  display: flex;  justify-content: space-between;  align-items: center;  transition: background 0.3s;}
.itimaar .faq-section .faq-container .faq-item .faq-question:after {content: "\f067";  color: #78006E;  font-size: 17px;  position: absolute;  font-weight: 900;  right: 20px;  top: 20px;  font-family: "Font Awesome 5 Free";  transition: background 0.3s;}
.itimaar .faq-section .faq-container .faq-item.active .faq-question:after {content: "\f068";}
.itimaar .faq-section .faq-container .faq-item .faq-question h3 {color: #78006E;  font-size: 18px;  margin:0px;  font-weight: normal;  font-weight: 500;  font-family: 'Be Vietnam Pro', sans-serif;}
.itimaar .faq-section .faq-container .faq-item .faq-answer {display: none;} /* hidden initially */
.itimaar .faq-section .faq-container .faq-item .faq-answer .faq-answer-content {padding:0 20px 20px;  color: #717171;  line-height: 28px;  font-size: 14px;  font-weight: 400;}
@media (max-width: 767px) {
    .itimaar .faq-section .faq-container .faq-item{ margin-bottom: 10px;}
}
@media (max-width: 600px) {
    .itimaar .faq-section .faq-container .faq-item .faq-question{ padding: 15px 30px 15px 15px;}
    .itimaar .faq-section .faq-container .faq-item .faq-question h3{ font-size: 16px;}
    .itimaar .faq-section .faq-container .faq-item .faq-question:after{ right:15px;  top:10px;}
    .itimaar .faq-section .faq-container .faq-item .faq-answer .faq-answer-content{ padding:0 15px 20px;  line-height:24px;}
}

.floating-input{font-size:1rem;  color:#222;  width:100%;  background-color:transparent; border:none;}
label.toptobtmholiday {position: absolute;  top: 50%; transform: translateY(-50%);  cursor: text;  margin: 0px;  pointer-events: none;  transition: all 0.1s ease-out;  font-size: 16px;  color:#818181;}
.floating-input:focus,  .floating-input:active {outline: none;}
.floating-input:focus + label,
.floating-input:not(:placeholder-shown) + label,
.floating-input.has-value + label {top: 10px;  font-size: 12px;  padding: 0px;  color: #434343;}

.error-red-clr{ font-size:11px;  color:#ff0000;  display:block;  position: absolute;  bottom: -3px;}
.search-box .error-red-clr{ font-size:11px;  color:#ff0000;  display:block;  position: absolute;  bottom:-3px;  left:15px;}


.simpleFields .floating-inputd1{font-size:1rem;  color:#222;  width:100%;  background-color:transparent; border:none;}
.simpleFields .floating-inputd1:focus,.simpleFields .floating-select:focus{outline:0;}
/*.simpleFields .floating-inputd1:focus~label,.simpleFields .floating-inputd1:not(:placeholder-shown)~label{top: 10px;  display: block;  color: #434343;  font-size: 12px;  margin-bottom: 0px;}
.simpleFields label.toptobtm {position: absolute;  top: 50%;  transform: translateY(-50%);  cursor: text;  margin: 0px;  pointer-events: none;  transition: all 0.1s ease-out;  font-size: 16px;  color: #bdbfc6;}
*/
.simpleFields label.toptobtm{display: block; color: #434343; font-size: 12px; margin-bottom: 0px; position: absolute; top: -10px !important; left: 10px !important; padding: 0 5px !important; background: #fff !important;}
.simpleFields { margin-top:20px;  display:flex;  gap:0 15px;  align-items:flex-start;  width: 100%;}
.simpleFields .field-group .staticField {width: 100%;  float: left;  height: 48px;  position: relative;  background:none;  border-radius: 4px;  padding: 0px;  display: flex;  align-items: center;}
/*.simpleFields .field-group .dR-Ar label{ left:0px;}*/
.simpleFields .field-group input.dp{padding: 4px 10px 0px 15px;  font-size: 16px;  font-weight: 600;  color: #B61B65;}
.simpleFields .field-group{ width:100%;  border: 1px solid #C5C5C5;  border-radius:10px;}
.simpleFields .field-group:last-child{ width:100%;  max-width:44px;  border-right:0px;}
.simpleFields .field-group:nth-child(4){ border:0px;}
.simpleFields .field-group .btn-mod, .simpleFields .field-group .search-button{color:var(--bs-white);  border:0px; font-size:1rem; font-weight:400; height:60px; width:105px; float:none; text-align:center; border-radius:4px; padding:0 8px; cursor:pointer; display:flex; text-decoration:none; align-items:center; justify-content:center; background: linear-gradient(90deg, rgba(254, 56, 92, 1) 0%, rgba(250, 98, 126, 1) 100%);}
.banner-itimaar.withPPCbanner, .itimaar .hero_engine.ppcEngineWrap { height: 500px;}
.agreeEngine{ padding-top:10px;}
.agreeEngine .checkbox-label{ display:flex;  gap:0 5px;  align-items:flex-start;}
.agreeEngine .checkbox-text{ font-size:11px;}
.agreeEngine input{ accent-color:#a76d01;  border:#fff;  position: relative;  top: 2px;}
.agreeEngine .error-red-clr {position:unset !important;}
@media (max-width: 1024px) {
    .simpleFields { margin-top:0px;  flex-wrap: wrap;  gap: 25px 15px;}
    .simpleFields .field-group{max-width: calc(33% - 8px);}
    .simpleFields .field-group:last-child{ width:100%;  max-width:100%;}
}
@media (max-width: 767px) {
    .agreeEngine{ margin-top:-15px;}
    .simpleFields{ gap:20px 15px;}
    .simpleFields .field-group {max-width: calc(50% - 8px);}
    .simpleFields .field-group:first-child {max-width:100%;}
}
@media (max-width: 479px) {
    .simpleFields .field-group {max-width: 100%;}
}
/* Responsive Design */
@media (max-width: 1024px) {
    .banner-itimaar, .itimaar .hero_engine{ height: 560px;}
    .banner-itimaar.withPPCbanner, .itimaar .hero_engine.ppcEngineWrap { height: 620px;}

    .itimaar .hero_engine .search-box { /*padding: 0;  background: none;  */ gap:25px 15px;  flex-wrap: wrap;}  
    .itimaar .hero_engine .search-box > .search-field{width: 100%;  max-width: calc(50% - 8px);  flex: unset;}  
    /*.itimaar .hero_engine .search-field {padding: 10px 12px;  background: #fff;}
    .itimaar .hero_engine .search-field:nth-child(2){ border: 0px;}
    .itimaar .hero_engine .search-field:first-child:after, .itimaar .hero_engine .search-field:nth-child(2):after{ border-bottom: 1px solid #C5C5C5;  width: 100%;  height: 1px;  left: 0;  bottom: -1px;  position: absolute;  content: '';}*/
    .itimaar .hero_engine .search-btn span{display: block;}
    .itimaar .hero_engine .search-btn img{display: none;}
    .itimaar .hero_engine .search-btn{ width: 100%;  height: 48px;  background-image: none;  text-indent: unset;}
    .floating-input:focus + label, .floating-input:not(:placeholder-shown) + label, .floating-input.has-value + label {top: 19px;}
    .typeTxtField .destiInput, .hsDep_when #hdnDepartDateHoliday{ width:calc(100% - 10px);}

    .itimaar .stats-section .stats-grid {grid-template-columns: repeat(2, 1fr);  gap: 20px; }

}
@media (max-width: 767px) {
    .itimaar .hero_engine{ top: 40px;}
    .itimaar .hero_engine .search-box{ gap:20px 15px;}
    /*.itimaar .hero_engine .search-box > .search-field{margin: 0 0 10px 0;  padding: 5px 0 10px 0;  border: 0px;  min-height:64px;}*/
    .itimaar .hero_engine .search-field:first-child, .itimaar .hero_engine .search-field:nth-child(2){ /*border-bottom: 1px solid #C5C5C5; */ max-width: 100%;}
    /*.itimaar .hero_engine .search-field:first-child:after, .itimaar .hero_engine .search-field:nth-child(2)::after{ display: none;}*/
    /*.itimaar .hero_engine .search-field:nth-child(4){ padding-left: 20px;}
    .itimaar .hero_engine .search-field:nth-child(4):before{border-left: 1px solid #C5C5C5;  width: 1px;  height: 48px;  left: 0;  top:3px;  position: absolute;  content: '';}
    .floating-input:focus + label, .floating-input:not(:placeholder-shown) + label, .floating-input.has-value + label {top: 15px;}
    .typeTxtField .destiInput, .hsDep_when #hdnDepartDateHoliday{ padding:10px 0 0 0 !important;}*/

    .itimaar .guided-section .guided-content{ flex-wrap: wrap;  gap: 15px;}
    .itimaar .guided-section .guided-text{ max-width: 100%;  padding: 30px 0 30px 0; }
    .itimaar .guided-section .guided-content > div{flex: unset;  width: 100%;  min-width: auto;}
    .itimaar .guided-section .guided-image{ padding:30px 0 0 0px;  order: unset;}
    .itimaar .guided-section .guided-image img{ justify-self: center;}

    .banner-itimaar.withPPCbanner, .itimaar .hero_engine.ppcEngineWrap { height: 720px;}
}
@media (max-width: 600px) {

    .itimaar .hero_engine .hero-content h1{ margin-bottom: 15px;}

}
@media (max-width: 479px) {
    .itimaar .hero_engine .search-box{ padding:25px 15px 20px 15px;}
    .itimaar .guided-section .guided-text h3{ font-size: 24px;}
    .itimaar .guided-section .guided-text p{ font-weight: 300;}
    .itimaar .guided-section .guided-wrap{ padding: 0 15px;}

    .itimaar .packages-section .umrah_package .btns_group{ flex-wrap: wrap;}
    .itimaar .packages-section .umrah_package .bttn{ width: 100%;}
    .banner-itimaar.withPPCbanner, .itimaar .hero_engine.ppcEngineWrap { height: 800px;}
}











.workingInner {margin-top: 110px;}
.breadcrumb {margin-bottom: 30px;}
.breadcrumb .breadcrumb-row {padding: 0px 0 15px 0; border-bottom: 1px solid #EBEBEB; font-size: 14px; color: #707070; font-weight: 400; width: 100%;}
.breadcrumb a {color: #78006E; text-decoration: none;}

@media (max-width: 640px) {
    .workingInner {margin-top: 85px;}
}
.resultWrap .container {display: flex; gap: 25px;}
.result-search-small {display: flex; align-items: center; gap: 10px;}
.result-search-small .search-box {display: flex; align-items: center; background: #fff; border: 1px solid #DDDDDD; border-radius: 10px; height: 38px;}
.result-search-small .search-box .field {padding: 0 15px; font-size: 14px; color: #717171; font-weight: 300; white-space: nowrap; text-align: left; min-width: 115px;}
.result-search-small .search-box .divider {width: 1px; height: 38px; background: #DDDDDD;}
.result-search-small .search-btn {min-width: 38px; height: 38px; border-radius: 10px; background: #B61B65; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.engine_search {position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 0px; overflow: hidden;}
.engine_search.show {background: rgba(0, 0, 0, 0.5); animation: slideDown 0.3s ease; height: 100vh; top: 0; overflow: visible;}
.engine_search1 {position: absolute; z-index: 999999; top: 0; padding-right: 0; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); overflow-x: hidden; overflow-y: auto; left: 0; width: 100%; height: 100%;}
.engine_search .engine_Result {background: #fff; padding: 15px; margin: 0 auto; position: relative; transition: all 0.3s ease-in-out;}
.engine_search.show .engine_Result {top: 0px;}
.engine_search .engine_Result .search-box {background: #fff; border-radius: 20px; padding: 20px; display: flex; gap: 15px; max-width: 100%; margin: 0 auto; max-width: 1140px; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.engine_search .engine_Result .search-box .search-field {flex: 1; min-width: 150px; border-right: 1px solid #C5C5C5; position: relative;}
.engine_search .engine_Result .search-box .search-field:nth-child(4) {border: 0px;}
.engine_search .engine_Result .search-box .search-field label {display: block; color: #434343; font-size: 12px; margin-bottom: 0px;}
.engine_search .engine_Result .search-box .search-field input.DepFrom_holiday,.engine_search .engine_Result .search-box .search-field input#hdnDepartDateVacation,.engine_search .engine_Result .search-box .search-field select {width: 100%; padding: 0 10px 0 0; border: 0px; font-size: 16px; font-weight: 500; color: #B61B65;}
.engine_search .engine_Result .search-box .search-field select {appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.engine_search .engine_Result .search-box .search-btn {background: #B61B65; color: #fff; border: none; border-radius: 10px; cursor: pointer; align-self: flex-end; width: 44px; height: 44px;}
.engine_search .engine_Result .search-box .search-btn .btnserchshow {background: #B61B65 url(/assets/images/search-icon-white-itimar.svg?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac) no-repeat center center; text-indent: -999px; color: #fff; border: none; border-radius: 10px; cursor: pointer; align-self: flex-end; width: 44px; height: 44px;}
.engine_search .engine_Result .search-box .search-btn span {display: none;}
.engine_search .close-btn {background: #fff; border-radius: 50px; padding: 0 10px 7px; cursor: pointer; box-shadow: 0 9px 29px 0 rgba(12, 6, 14, .67); width: 50px; height: 50px; margin: 0 auto; margin-top: 20px; text-align: center; font-size: 42px; line-height: 48px; font-weight: 300; color: #5c5c5c;}


@media (max-width: 1200px) {
    .result-search-small .search-box .field {min-width: 95px; padding: 0 10px;}
}

@media (max-width: 1024px) {
    .result-search-small .search-box .field {min-width: 115px; padding: 0 15px;}
}

@media (max-width: 990px) {
    .itimaar header.header-itimaar.fixedInner .header-container {flex-wrap: wrap;}
    .result-search-small {order: 3; width: 100%; justify-content: center; padding-top: 5px;}
    .result-search-small .search-box .field {min-width: 115px; padding: 0 15px;}
    .workingInner.resultpage {margin-top: 138px;}
}

@media (max-width: 479px) {
    .result-search-small .search-box {flex: 1;}
    .result-search-small .search-box .field {min-width: auto;}
}

@media (max-width: 1200px) {
    .result-search-small .search-box .field {min-width: 95px; padding: 0 10px;}
}

@media (max-width: 1024px) {
    .result-search-small .search-box .field {min-width: 115px; padding: 0 15px;}
}

@media (max-width: 990px) {
    header.header-home.sticky .container {flex-wrap: wrap;}
    .result-search-small {order: 3; width: 100%; justify-content: center; padding-top: 5px; padding-top: 12px; border-top: 1px solid #AB7A4238; margin-top: 13px;}
    .result-search-small .search-box .field {min-width: 115px; padding: 0 15px;}
    .workingInner.resultpage {margin-top: 155px;}
}

@media (max-width: 767px) {
    .engine_search .engine_Result .search-box {flex-wrap: wrap;}
    .engine_search .engine_Result .search-box .search-field:first-child,.engine_search .engine_Result .search-box .search-field:nth-child(2) {width: 100%; min-width: 100%; border: 0px; padding-bottom: 15px; border-bottom: 1px solid #C5C5C5;}
    .engine_search .engine_Result .search-box .search-btn {width: 100%; min-width: 100%;}
    .engine_search .engine_Result .search-box .search-btn input {background-image: none; text-indent: unset; color: #fff;}
    .engine_search .engine_Result .search-box .search-btn .btnserchshow {background-image: none; text-indent: unset; color: #fff; width: 100%;}
}

@media (max-width: 600px) {
    .engine_search .engine_Result .search-box {padding: 15px 12px;}
    .engine_search .engine_Result .search-box .search-field {min-width: 145px;}
    .result-search-small .search-box {flex: 1;}
    .result-search-small .search-box .field {min-width: auto;}
}


/***************************Vacation Result page Heading and Shorting Start*********************************************/.hresult_wrp .hrtitlesort {display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 20px; gap: 0 10px;}
.hresult_wrp .hrtitlesort .hrleft {flex: 1;}
.hresult_wrp .hrtitlesort .hrleft .title {font-size: 24px; color: #000000; line-height: 28px;}
.hresult_wrp .hrtitlesort .hrleft .title span {font-family: "Marcellus", serif !important;}
.hresult_wrp .hrtitlesort .hrleft .title strong {font-weight: 700;}
.hresult_wrp .hrtitlesort .hrleft .title svg {margin-top: -7px; margin-right: 5px;}
.hresult_wrp .hrtitlesort .hrleft .sub-title {font-size: 14px;}
.hresult_wrp .hrtitlesort .hrright {display: flex;}
.hresult_wrp .hrtitlesort .hrright .dropdown-menu {z-index: 0; left: auto !important; right: 0; box-shadow: 0 0 14px #00000029; border-radius: 6px; min-width: 100%;}
.hresult_wrp .hrtitlesort .hrright .disabled {pointer-events: none; opacity: 0.25;}
.hresult_wrp .hrtitlesort .hrright .shortOther {position: relative; font-size: 12px; font-weight: 500; color: #000; cursor: pointer; display: flex; justify-content: center; min-width: 90px;}
.hresult_wrp .hrtitlesort .hrright .shrtIt {font-size: 12px; font-weight: 500; color: #000; margin-left: 0px; white-space: nowrap; padding-right: 20px; position: relative;}
.hresult_wrp .hrtitlesort .hrright .shrtIt:after {position: absolute; content: ''; border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; right: 0; top: 50%; transform: translateY(-60%);}
.hresult_wrp .hrtitlesort .hrright .shortImg {min-width: 15px; display: none;}
.hresult_wrp .hrtitlesort .hrright .srtbyprc {padding: 0 15px; background: #fff;}
.hresult_wrp .hrtitlesort .hrright .srtbyprc li {padding: 5px 0; font-weight: 300; cursor: pointer; white-space: nowrap;}
.hresult_wrp .hrtitlesort .hrright .srtbyprc li.active {color: #000; font-weight: 500;}

@media screen and (max-width: 991px) {
    .hresult_wrp .hrtitlesort .hrleft .title {font-size: 18px;}
    .hresult_wrp .hrtitlesort .hrleft .sub-title {font-size: 13px;}
    .hresult_wrp .hrtitlesort .hrright .dropdown-menu {transform: translate3d(0px, 38px, 0px) !important;}
}

@media screen and (max-width: 767px) {
.hresult_wrp .hrtitlesort .hrleft .title {font-size: 18px; line-height: 22px;}
.hresult_wrp .hrtitlesort .hrright .filterbtn {display: none;}
/*Delete after itimaar new*/.hresult_wrp .hrtitlesort .hrright .shrtIt span:first-child {display: none;}
}
/***************************Vacation Result page Heading and Shorting End*********************************************/
.resultWrap .filter_holiday {width: 310px; flex-shrink: 0;}
.filter_holiday .filter_popBox .filtertitlemob,.filter_holiday .btngroup {display: none;}
.flitericonmobile {display: none; cursor: pointer; background-color: #ffe5f5; border: 1px solid #B61B65; position: fixed; bottom: 25px; max-width: 138px; width: 100%; text-align: center; z-index: 11; padding: 5px 0; font-size: 16px; font-weight: 500; color: #B61B65; left: 0; right: 0; border-radius: 6px; margin: 0 auto;}
.flitericonmobile img {margin: 0 6px 0 0;}
.flitericonmobile span {background: #287DFA; border-radius: 50%; width: 22px; height: 22px; color: #fff; display: inline-block; font-size: 13px; text-align: center; line-height: 24px;}

@media screen and (max-width: 1024px) {
    .resultWrap .filter_holiday {position: fixed; display: none; top: 0; right: 0; left: 0; width: 100%; height: 100vh; z-index: 9999999999; background: rgba(0,0,0,0.9);}
    .filter_holiday .filter_popBox .filtertitlemob {display: inline-flex; height: 68px; padding: 0 20px; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; box-shadow: 0 0 10px rgba(0, 0, 0, 0.35); margin-bottom: 10px;}
    .filter_holiday .filter_popBox .filtertitlemob h3 {font-size: 20px; font-weight: 700;}
    .filter_holiday .filter_popBox .filtertitlemob #hidefiler {width: 32px; height: auto; display: inline-block; padding: 5px 10px;}
    .filter_holiday .filter_popBox {max-width: 342px; margin: 60px auto; position: absolute; border-radius: 20px; left: 0; right: 0; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.4);}
    .filter_holiday .filter_popBox .filter-main {max-height: calc(100vh - 285px); overflow: hidden; overflow-y: auto; margin-top: 0px; margin: 0 8px;}
    .filter_holiday .filter_popBox .filter-main::-webkit-scrollbar {height: 100%; border-radius: 0px; width: 6px;}
    .filter_holiday .filter_popBox .filter-main::-webkit-scrollbar-track {background: #DFDFDF; border-radius: 0px;}
    .filter_holiday .filter_popBox .filter-main::-webkit-scrollbar-thumb {background-color: #9E9E9E; border-radius: 0px; width: 6px;}
    .filter_holiday .btngroup {border-radius: 0 0 20px 20px; width: 100%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35); display: flex; align-items: center; justify-content: space-between; gap: 0 15px; padding: 15px; background: #fff; position: relative; z-index: 2; margin-top: 12px;}
    .filter_holiday .btngroup .submitbtn-d {border-radius: 6px; font-size: 16px; font-weight: 500; width: calc(50% - 5px); background-image: none; text-indent: 0; background: transparent linear-gradient(215deg, #00B3FF 0%, #287DFA 100%) 0% 0% no-repeat padding-box; color: #fff; height: 38px; border: none;}
    .filter_holiday .btngroup .submitbtn-d:disabled {background: #ccc;}
    .filter_holiday .btngroup .submitbtn-d.resetbtn {background: #f8f8f8; color: #626262; border: 1px solid #626262;}
    .flitericonmobile {display: inline-block;}
    .resultWrap .sidebar .filter-title {display: none;}
    .resultWrap .sidebar .filter-section {padding: 24px 10px; box-shadow: none;}
}

@media (max-width: 767px) {
    .resultWrap .sidebar {width: 100%;}
}

@media (max-width: 640px) {
    .flitericonmobile {bottom: 15px;}
}
/***************************Vacation Result page Mobile view Filter End*********************************************/






/* Sidebar Filters  Start*/.resultWrap .sidebar {width: 310px; flex-shrink: 0;}
.resultWrap .sidebar .filter-title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.resultWrap .sidebar .filter-title h2 {font-size: 24px; color: #000000; line-height: 28px; margin: 0px;}
.resultWrap .sidebar .filter-title .clerFilter {font-size: 12px; cursor: pointer; color: #747474;}
.resultWrap .sidebar .filter-title .clerFilter:hover {color: #000;}
.resultWrap .sidebar .filter-section {background: #fff; border-radius: 20px; padding: 24px 20px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.08);}
.resultWrap .sidebar .filter-section .filter-subtitle {font-size: 14px; font-weight: 500; color: #434343; margin-bottom: 12px;}
.resultWrap .sidebar .filter-section .button-group {display: flex; gap: 10px;}
.resultWrap .sidebar .filter-section .button-group .btn {flex: 1; padding: 12px; border: 1px solid #DDDDDD; border-radius: 10px; background: white; color: #A8A8A8; cursor: pointer; font-size: 14px; font-weight: 300; transition: all 0.3s;}
.resultWrap .sidebar .filter-section .button-group .btn.active {color: #B61B65; border-color: #B61B65;}
.resultWrap .sidebar .filter-section .filter_Box {margin-top: 25px;}
.resultWrap .sidebar .filter-section .filter_Box:first-child {margin-top: 0px;}
.resultWrap .sidebar .filter-section .filter_Box.borderTop {margin-top: 25px; border-top: 1px solid #D8D8D8; padding-top: 25px;}
.resultWrap .sidebar .filter-section .search-input {width: 100%; padding: 15px; border: 1px solid #ddd; border-radius: 10px; font-weight: 300; font-size: 14px; margin-bottom: 12px;}
.resultWrap .sidebar .filter-section .airport-list {max-height: 200px; overflow-y: auto;}
.resultWrap .sidebar .filter-section .airport-list .airport-item {padding: 8px 0; font-size: 14px; color: #555; cursor: pointer;}
.resultWrap .sidebar .filter-section .airport-list .airport-item:hover {color: #B61B65;}
.resultWrap .sidebar .filter-section .airport-list + .show-more {color: #B61B65; font-size: 14px; font-weight: 400; cursor: pointer; margin-top: 12px;}
.resultWrap .sidebar .filter-section .price-chart {margin: 0px 0;}
.resultWrap .sidebar .filter-section .price-chart .price-range {display: flex; justify-content: space-between; margin-top: 12px;}
.resultWrap .sidebar .filter-section .price-chart .price-range .price-input {width: 48%;}
.resultWrap .sidebar .filter-section .price-chart .price-range .price-input label {font-size: 14px; color: #434343; display: block; margin-bottom: 4px;}
.resultWrap .sidebar .filter-section .price-chart .price-range .price-input input {width: 100%; padding: 15px 15px 15px 25px; border: 1px solid #ddd; border-radius: 10px; font-weight: 300; font-size: 14px;}
.resultWrap .sidebar .filter-section .price-chart .price-range .price-input .input_box {position: relative;}
.resultWrap .sidebar .filter-section .price-chart .price-range .price-input .input_box .prefix {position: absolute; top: 50%; transform: translateY(-50%); left: 15px;}
/*.resultWrap .sidebar .filter-section .price-chart .price-range .price-input .input_box::before {content: "�";  font-family:Calibri;  position: absolute;  left: 15px;  top: 50%;  transform: translateY(-50%);  color: #434343;  font-size: 14px;}*/.resultWrap .sidebar .filter-section .price-chart .histogram {display: flex; gap: 2px; height: 50px; align-items: end; margin-bottom: 0px; justify-content: space-between; border-bottom: 2px solid transparent; transition: border 0.25s ease; position: relative; padding: 0 2px;}
.resultWrap .sidebar .filter-section .price-chart .histogram .bar {width: 100%; background: #B61B65; transition: 0.25s ease; border-radius: 2px 2px 0 0;}
.resultWrap .sidebar .filter-section .price-chart .histogram .bar.inactive {background: #EDEAE7;}
.resultWrap .sidebar .filter-section .price-chart .range-box {position: relative; width: 100%; height: 20px;}
.resultWrap .sidebar .filter-section .price-chart .range-box input[type=range] {position: absolute; width: 100%; z-index: 1; pointer-events: none; appearance: none; background: none;}
.resultWrap .sidebar .filter-section .price-chart .range-box input[type=range].active {z-index: 3;}
.resultWrap .sidebar .filter-section .price-chart .range-box input[type=range]::-webkit-slider-thumb {pointer-events: auto; height: 20px; width: 20px; background: #fff url(../images/price-filter-icon.svg?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac) left 7px top 7px no-repeat; border-radius: 50%; cursor: pointer; appearance: none; box-shadow: 0 0 8px rgba(0,0,0,0.3); position: relative; margin-top: -10px;}
.resultWrap .sidebar .filter-section .duration-item.custom-checkbox {display: flex; align-items: center; gap: 8px 0; padding: 8px 0; cursor: pointer;}
.resultWrap .sidebar .filter-section .duration-item.custom-checkbox label { /*font-size: 14px;  color: #434343;  cursor: pointer; */}
.resultWrap .sidebar .filter-section .rating-grid {display: flex; flex-wrap: wrap; gap: 10px;}
.resultWrap .sidebar .filter-section .rating-grid .rating-item {cursor: pointer; max-width: 65px;}
.resultWrap .sidebar .filter-section .rating-grid .rating-item input {display: none;}
.resultWrap .sidebar .filter-section .rating-grid .rating-item .rating-box {padding: 15px 5px; border: 1px solid #DDDDDD; border-radius: 10px; line-height: 26px; width: 100%; text-align: center; transition: 0.2s; display: block; min-width: 60px;}
.resultWrap .sidebar .filter-section .rating-grid .rating-item .rating-box p, .resultWrap .sidebar .filter-section .rating-grid .rating-item .rating-box small {font-size: 14px; color: #434343; font-weight: 300;}
.resultWrap .sidebar .filter-section .rating-grid .rating-item input:checked + .rating-box {border-color: #B61B65;}
.resultWrap .sidebar .filter-section .rating-grid .rating-item input:checked + .rating-box p, .resultWrap .sidebar .filter-section .rating-grid .rating-item input:checked + .rating-box small {color: #B61B65;}
.airport-list .custom-radio {display: flex; position: relative; align-items: center; padding-left: 0; margin: 0px 0 0 0;}
.airport-list .custom-radio:first-child {margin: 0px;}
.airport-list .custom-radio input {border: 1px solid #DDDDDD; width: 20px; height: 20px; border-radius: 4px; margin: 0px; appearance: none; cursor: pointer; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; float: left; background-size: contain;}
.airport-list .custom-radio label {padding: 0 0 0 10px; font-size: 14px; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 30px); font-weight: 400; margin: 0; cursor: pointer;}
.airport-list .custom-radio label .font-weight-bold {font-weight: 500 !important;}
.airport-list .custom-radio input:checked[type="radio"] {background-size: 12px; background-color: #fff; border-color: #222222; box-shadow: 0 0 10px rgba(0,0,0,.25); background-image: url("data:image/svg+xml,%3Csvg id='Group_995' data-name='Group 995' xmlns='http://www.w3.org/2000/svg' width='11.627' height='9.609' viewBox='0 0 11.627 9.609'%3E%3Cg id='Group_994' data-name='Group 994' transform='translate(0 0)'%3E%3Cpath id='Path_1505' data-name='Path 1505' d='M105.356,113.783l-5.3,5.934-2.65-2.544-1.769,1.843,4.559,4.377,7.068-7.907Z' transform='translate(-95.633 -113.783)'/%3E%3C/g%3E%3C/svg%3E%0A");}
.airport-list .custom-radio input:checked[type="radio"] + label {color: #B61B65;}

@media (max-width: 1024px) {
}

@media screen and (max-width: 1024px) {
    .resultWrap .filter_holiday {position: fixed; display: none; top: 0; right: 0; left: 0; width: 100%; height: 100vh; z-index: 9999999999; background: rgba(0,0,0,0.9);}
    .filter_holiday .filter_popBox .filtertitlemob {display: inline-flex; height: 68px; padding: 0 20px; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; border-bottom: 1px solid #D8D8D8; margin-bottom: 10px;}
    .filter_holiday .filter_popBox .filtertitlemob h3 {font-size: 20px; font-weight: 700; margin: 0; font-family: 'Be Vietnam Pro', sans-serif;}
    .filter_holiday .filter_popBox .filtertitlemob #hidefiler {width: 32px; height: auto; display: inline-block; padding: 5px 10px;}
    .filter_holiday .filter_popBox {max-width: 342px; margin: 60px auto; position: absolute; border-radius: 20px; left: 0; right: 0; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.4);}
    .filter_holiday .filter_popBox .filter-main {max-height: calc(100vh - 285px); overflow: hidden; overflow-y: auto; margin-top: 0px; margin: 0 8px;}
    .filter_holiday .filter_popBox .filter-main::-webkit-scrollbar {height: 100%; border-radius: 0px; width: 6px;}
    .filter_holiday .filter_popBox .filter-main::-webkit-scrollbar-track {background: #DFDFDF; border-radius: 0px;}
    .filter_holiday .filter_popBox .filter-main::-webkit-scrollbar-thumb {background-color: #9E9E9E; border-radius: 0px; width: 6px;}
    .filter_holiday .btngroup {border-radius: 0 0 20px 20px; width: 100%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: space-between; gap: 0 15px; padding: 15px; background: #fff; position: relative; z-index: 2; margin-top: 12px;}
    .filter_holiday .btngroup .submitbtn-d {border-radius: 6px; font-size: 16px; font-weight: 500; width: calc(50% - 5px); background-image: none; text-indent: 0; background: #B61B65; color: #fff; height: 38px; border: none;}
    .filter_holiday .btngroup .submitbtn-d:disabled {background: #ccc;}
    .filter_holiday .btngroup .submitbtn-d.resetbtn {background: #f8f8f8; color: #626262; border: 1px solid #626262;}
    .flitericonmobile {display: inline-block;}
    .resultWrap .sidebar .filter-title {display: none;}
    .resultWrap .sidebar .filter-section {padding: 24px 10px; box-shadow: none;}
}

@media (max-width: 767px) {
.resultWrap .sidebar {width: 100%;}
}

@media (max-width: 640px) {
    .flitericonmobile {bottom: 15px;}
    .filter_holiday .filter_popBox {max-width: 100%; border-radius: 0px; margin: 0;}
    .filter_holiday .filter_popBox .filter-main {max-height: calc(100vh - 157px);}
}
/* Sidebar Filters End*/

/* Main Content */.main-result {flex: 1;}
.totalPackage-head {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.totalPackage-head .results-count {font-size: 24px; color: #000000;}
.totalPackage-head .sort-dropdown {padding: 0px 12px 0 0; border: 0px; font-size: 14px; cursor: pointer; background: transparent; text-align: right; text-align-last: right;}
.totalPackage-head .sort-dropdown option {text-align: left;}

/* Package Card */.card-result {background: #fff; border-radius: 20px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); display: flex; gap: 20px; transition: all 0.3s;}
.card-result:last-child {margin-bottom: 0px;}
.card-result:hover {box-shadow: 0 2px 6px rgba(0,0,0,0.12);}
.card-result .package-image {width: 210px; height: 220px; border-radius: 20px 0 0 20px; overflow: hidden; flex-shrink: 0;}
.card-result .package-image img {object-fit: cover; width: 100%; height: 100%;}
.card-result .package-content {flex: 1; display: flex; flex-direction: column; padding: 15px 0;}
.card-result .package-content .nights-header {display: block; margin-bottom: 4px;}
.card-result .package-content .nights-header .nights-row {display: flex; align-items: center; gap: 6px; font-size: 12px; color: #78006E;}
.card-result .package-content .nights-header .nights-row .night-logo {width: 13px; height: 14px;}
.card-result .package-content .package-title {font-size: 18px; font-weight: 600; color: #000; margin-bottom: 0px; white-space: nowrap; max-width: 383px; overflow: hidden; text-overflow: ellipsis;}
.card-result .package-content .package-features {display: flex; gap: 14px; margin-top: 8px;}
.card-result .package-content .package-features .feature-item {display: flex; align-items: center; gap: 6px; font-size: 12px; color: #717171;}
.hotels-section {display: flex; justify-content: space-between; padding: 0; margin-top: 20px;}
.hotels-section .hotel-info {width: 45%; display: flex; gap: 7px; position: relative;}
.hotels-section .hotel-info:nth-child(2):before {width: 1px; position: absolute; height: 100%; left: -21px; background-color: #DDDDDD; content: '';}
.hotels-section .hotel-info:nth-child(2):after {width: 21px; position: absolute; text-align: center; font-size: 21px; font-weight: 400; line-height: 18px; color: #9E9E9E; height: 21px; left: -31px; border-radius: 30px; top: 50%; transform: translateY(-50%); background-color: #fff; border: 1px solid #DDDDDD; content: '+';}
.hotels-section .hotel-info .hotel-icon {width: 35px;}
.hotels-section .hotel-info .hotel-icon img {width: 100%; height: auto;}
.hotels-section .hotel-info .hotel-details {text-align: left;}
.hotels-section .hotel-info .hotel-details .label {font-weight: 500; color: #717171; font-size: 12px; margin: 0 0 3px 0;}
.hotels-section .hotel-info .hotel-details .hName {font-weight: 500; color: #78006E; font-size: 12px; line-height: 18px; margin-bottom: 3px;}
.hotels-section .hotel-info .hotel-details .stars {color: #ffc300; font-size: 9px;}
.hotels-section .hotel-info .hotel-details .stars .fa-star {margin-right: 2px;}
.hotels-section .hotel-info .hotel-details .stars .fa-star:last-child {margin-right: 0px;}

.package-right {display: flex; flex-direction: column; gap: 20px; justify-content: space-between; min-width: 160px; padding: 15px 20px; border-left: 1px solid #E3E3E3;}
.package-right .price-section {text-align: left;}
.package-right .price-section .starts-from {font-size: 12px; color: #434343;}
.package-right .price-section .price {font-size: 28px; font-weight: 800; color: #000000; line-height: 40px;}
.package-right .price-section .per-person {font-size: 12px; color: #929292; font-weight: 400;}
.package-right .action-buttons {display: flex; flex-direction: column; gap: 8px;}
.package-right .action-buttons .btn-enquire {padding: 8px 10px; background: #E7B963; color: #B61B65; border: none; border-radius: 10px; font-size: 13px; cursor: pointer; transition: all 0.3s;}
.package-right .action-buttons .btn-enquire:hover {transform: translateY(-2px);}
.package-right .action-buttons .btn-details {padding: 8px 10px; background: white; color: #717171; border: 1px solid #979797; border-radius: 10px; font-size: 13px; cursor: pointer; transition: all 0.3s;}
.package-right .action-buttons .btn-details:hover {background: #f5f5f5;}


/* Responsive */
@media (max-width: 1024px) {
    .card-result .package-image {width: 160px; height: 195px;}
}

@media (max-width: 990px) {
    .package-right {padding: 15px;}
}

@media (max-width: 767px) {
    .card-result {flex-direction: column; gap: 0px;}
    .card-result .package-image {width: 100%; height: 200px; border-radius: 20px 20px 0 0;}
    .card-result .package-content {padding: 0 0 18px 0; margin: 20px 15px 5px 15px; border-bottom: 1px solid #E3E3E3;}
    .card-result .package-content .package-title {white-space: unset;}
    .package-right .action-buttons {flex-direction: row;}
    .package-right .action-buttons .btn-enquire, .package-right .action-buttons .btn-details {width: 50%; padding: 9px 12px;}
}

@media (max-width: 767px) {
    .card-result .package-image {height: 179px;}
}


.session_modal {display: none;}

/*********** Holiday detail Start *************/
@keyframes wave-lines {
    0% {background-position: -468px 0;}
    100% {background-position: 468px 0;}
}
.holidayDetailWrp h1,.holidayDetailWrp h2,.holidayDetailWrp h3,.holidayDetailWrp h4,.holidayDetailWrp h5,.holidayDetailWrp h6 {font-family: "Be Vietnam Pro", sans-serif !important; font-size: 14px;}
.holidayDetailWrp .gallery-item {overflow: hidden;}
.holidayDetailWrp .gallery-item > img {width: 100%; height: 100%; border-radius: 10px;}
.holidayDetailWrp .gallery {margin: 0px; width: 100%;}
.holidayDetailWrp .gallery .gallery-item {position: relative;}
.holidayDetailWrp .gallery .gallery-item:before {content: ''; position: absolute; width: 100%; left: 0; top: 0; height: 100%; border-radius: 10px; background: rgba(130, 130, 130, 0.2); background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2))); background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%); background-size: 800px 400px; animation: wave-lines 1.5s infinite ease-out;}
.holidayDetailWrp .gallery .gallery-item img {max-width: 100%; max-height: 100%; position: relative;}
.holidayDetailWrp .gallery .gallery-item .view-gallry-detail {cursor: pointer; transition: all 0.3s ease-in-out; display: flex; padding: 0 10px; height: 32px; font-size: 13px; align-items: center; border-radius: 6px; bottom: 8px; justify-content: center; right: 8px; cursor: pointer; background: rgba(0, 0, 0, 0.4); font-weight: 400; color: #ffffff; position: absolute;}
.holidayDetailWrp .gallery .gallery-item .view-gallry-detail:hover {background: rgba(0, 0, 0, 0.7);}
.holidayDetailWrp .gallery .gallery-item .view-gallry-detail img {margin: 0 10px 0 0; height: auto;}
.holidayDetailWrp .gallery .gallery-item .view-gallry-detail.mob_galley {display: none;}
.holidayDetailWrp .gallery .gallery-row {display: grid; width: 100%; grid-template-columns: calc(100% - 345px) 1fr; grid-template-rows: 200px 200px; grid-gap: 10px; grid-template-areas:
"big1 top1"
"big1 bottom1";}
.holidayDetailWrp .gallery .gallery-row .top1 {grid-area: top1;}
.holidayDetailWrp .gallery .gallery-row .big1 {grid-area: big1;}
.holidayDetailWrp .gallery .gallery-row .bottom1 {grid-area: bottom1;}
.holidayDetailWrp .gallery .gallery-row .center2 {grid-area: center2;}
.holidayDetailWrp .gallery .gallery-row .center3 {grid-area: center3;}
.holidayDetailWrp .gallery .gallery-item .tags-wrap {display: flex; flex-wrap: wrap; gap: 5px; position: absolute; top: 0; padding: 10px; left: 0;}
.holidayDetailWrp .gallery .gallery-item .tags-wrap .tag_list {display: inline-flex; font-size: 15px; gap: 0 5px; background: #fff; border-radius: 6px; padding: 2px 10px; align-items: center;}

@media (max-width:600px) {
    .holidayDetailWrp .gallery .gallery-item .tags-wrap .tag_list {padding: 2px 6px;}
}
.navbarNav {background: none; border-bottom: 1px solid #b61b65; overflow-x: auto; scroll-behavior: smooth;}
.stick {position: fixed; top: 76px; left: 0; width: 100%; overflow: hidden; background: #fff; z-index: 2; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16);}
.stick .navbarNav {max-width: 1140px; margin: 0 auto;}
.navbarNav ul {display: flex; background: none; position: relative; z-index: 2; padding-bottom: 3px;}
.navbarNav ul li a {font-size: 14px; display: flex; color: #626262; padding: 18px 25px 14px; white-space: nowrap;}
.navbarNav ul li.active a {color: #b61b65; position: relative; font-weight: 600;}
.navbarNav ul li.active a:after {position: absolute; bottom: -3px; left: 0px; width: 100%; background: #b61b65; height: 3px; content: "";}
.navbarNav::-webkit-scrollbar {height: 3px; border-radius: 6px; width: 100%;}
.navbarNav::-webkit-scrollbar-track {background: #FFFFFF; border-radius: 6px;}
.navbarNav::-webkit-scrollbar-thumb {background-color: #C9C9C9; border-radius: 6px; height: 3px;}

@media (max-width:640px) {
    .stick {top: 64px;}
}

.holidayDetailWrp .h_detailWrap {width: 100%; display: flex; justify-content: space-between; padding: 0 0px 25px 0px; position: relative;}
.holidayDetailWrp .h_detailWrap .dw-left {width: calc(100% - 360px);}
.holidayDetailWrp .h_detailWrap .dw-left .overTotalNights {display: flex; gap: 0 5px; margin-bottom: 5px; color: #78006e; font-weight: 500;}
.holidayDetailWrp .h_detailWrap .dw-left .dtitle {padding: 0 0 8px 0;}
.holidayDetailWrp .h_detailWrap .dw-left .dtitle-main {font-size: 26px; color: #000; font-weight: 500; display: inline-block; padding-bottom: 0px; line-height: 34px;}
.holidayDetailWrp .h_detailWrap .dw-left .dtitle-main span {display: inline-flex; align-items: center; margin: 0 0 0 10px; vertical-align: middle;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec {padding: 30px 0 25px 0;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec h6 {margin-top: 4px; font-weight: 400; text-transform: capitalize; color: #000; color: #1E8B41;  /*overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; */font-size: 14px; margin-bottom: 10px;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec h6 img {margin: -2px 5px 0 5px;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec ul.tagstourtype {list-style: none; margin-bottom: 12px; display: none;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec ul.tagstourtype li {background: #efefef; display: inline-block; margin-right: 5px; margin-bottom: 6px; padding: 4px 15px; border-radius: 25px; font-size: 14px; font-weight: 600; color: #474747;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec ul.tagstourtype li.adventure {background: #F6F4E4; color: #988F45;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec ul.tagstourtype li.beach {background: #EEF7FE; color: #4084B9;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec ul.tagstourtype li.nature {background: #DDF6E8; color: #3D9A66;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec p {color: #474747; line-height: 28px; font-size: 14px; font-weight: 400;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec p + p {padding-top: 10px;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec .add-read-over.show-less-content1 .second-section1,.holidayDetailWrp .h_detailWrap .dw-left .overviewSec .add-read-over.show-less-content1 .read-less1,.holidayDetailWrp .h_detailWrap .dw-left .overviewSec .add-read-over.show-more-content1 .read-more1 {display: none;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec .read-more1 font, .holidayDetailWrp .h_detailWrap .dw-left .overviewSec .read-less1 {color: #287dfa; text-decoration: underline; white-space: nowrap; cursor: pointer;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec .popular-amenity {min-width: 276px; padding: 25px 0 0 0;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec .popular-amenity .pa-title {font-size: 16px; color: #222222; font-weight: 600;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec .popular-amenity .amenity-flx-parent {display: flex; margin: 13px 0 0 0; justify-content: space-between; align-items: center; height: 36px; overflow: hidden;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec .popular-amenity .amenity-flx-parent .amenity-row-box {display: flex; align-items: center; flex-wrap: wrap; position: relative;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec .popular-amenity .amenity-flx-parent .amenity-row-box .ame-icon-text {display: inline-flex; align-items: center; padding: 8px 12px; margin: 0 10px 0 0; background: #F5F5F5; border-radius: 8px;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec .popular-amenity .amenity-flx-parent .amenity-row-box .ame-icon-text span {display: flex; margin: 0 8px 0 0; width: 22px; text-align: center;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec .popular-amenity .amenity-flx-parent .amenity-row-box .ame-icon-text p {color: #222222; margin: 0; font-size: 12px; font-weight: 500; padding: 0;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec .popular-amenity .amenity-flx-parent .amenity-row-box .ame-icon-text span img {height: 20px;}
.holidayDetailWrp .h_detailWrap .dw-left .overviewSec .popular-amenity .amenity-flx-parent .show-amenity-btn {font-size: 12px; color: #000; text-decoration: underline; cursor: pointer; margin: 0 0 0 12px; font-weight: 600;}
.overview-content .paragraph-section {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; position: relative; color: #474747; line-height: 28px; font-size: 14px; font-weight: 400;}
.overview-content .paragraph-section.expanded {-webkit-line-clamp: unset; display: block; overflow: visible;}
.overview-content .paragraph-section p:last-child {margin-bottom: 0;}
.overview-content .read-more-btn {display: none; margin-top: 5px; background: none; font-size: 14px; border: 0; padding: 0; color: #287DFA; cursor: pointer; font-weight: 400;}
.overview-content .paragraph-section ul {list-style: disc; margin-left: 17px;}
.overview-content .paragraph-section ul > li {list-style: disc !important;}
.overview-content .paragraph-section ol {list-style: decimal; margin-left: 18px;}
.overview-content .paragraph-section ol > li {list-style: decimal !important;}
.holidayDetailWrp .h_detailWrap.headingPrice {padding-bottom: 20px; align-items: flex-end;}
.holidayDetailWrp .h_detailWrap.headingPrice .dw-left h1 {font-size: 28px; color: #000; font-weight: 600; display: inline-block; line-height: 34px; padding-bottom: 7px;}
.holidayDetailWrp .h_detailWrap.headingPrice .dw-left h6 {color: #646464; font-size: 15px; font-weight: 400; text-transform: capitalize;}
.holidayDetailWrp .h_detailWrap.headingPrice .dw-left h6 img {margin: -2px 5px 0 5px; filter: grayscale(1);}
.holidayDetailWrp .h_detailWrap.headingPrice .packageTotalPriceBox {display: flex; align-items: flex-end; justify-content: space-between;}
.holidayDetailWrp .h_detailWrap.headingPrice .packageTotalPrice {}
.holidayDetailWrp .h_detailWrap.headingPrice .packageTotalPrice .starting {font-size: 12px; font-style: italic; padding-bottom: 1px; color: #585858;}
.holidayDetailWrp .h_detailWrap.headingPrice .packageTotalPrice h6 {color: #000000; font-size: 32px; font-weight: 800; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.holidayDetailWrp .h_detailWrap.headingPrice .packageTotalPrice h6 sub {font-size: 12px; font-weight: 400; margin: -2px 0 0 5px;}
.holidayDetailWrp .h_detailWrap.headingPrice .packageTotalPrice h6 del {font-size: 16px; color: #ff0000; font-weight: 500; margin-left: 10px;}
.holidayDetailWrp .h_detailWrap.headingPrice .packageTotalPriceBox .btnenquire a {background: #b61b65; color: #fff; font-size: 16px; font-weight: 400; padding: 10px 15px; border-radius: 8px; display: block; text-align: center; cursor: pointer;}
.OnCallFareTop .btnenquire {display: flex; justify-content: flex-end;}
.OnCallFareTop .btnenquire a {background: #b61b65; color: #fff; font-size: 17px; font-weight: 400; padding: 10px 20px; border-radius: 8px; display: block; text-align: center; cursor: pointer;}
.hdetailsWrp {position: relative;}
.menuscrollfix.stick + .hdetailsWrp {margin-top: 51px;}
.hdetailsWrp section.samesec {padding: 30px 0 25px 0; border-top: 1px solid #D8D8D8;}
.hdetailsWrp .hedingall {font-size: 20px; font-weight: 600; color: #000000;}
.hhs-row {width: 100%; max-width: 1150px; display: flex; margin: 0 auto; position: relative; flex-wrap: wrap; justify-content: space-between; overflow: hidden;}
.hhs-row .hh-box {margin: 15px 0 0 0; width: 49%;}
.hhs-row .hh-box .hh-box-top {position: relative;}
.hhs-row .hh-box .slider-hh-box {position: relative;}
.slider-hh-box .multi-box-wrapper {padding: 0px 0 0; position: relative; margin: 0 0 10px; display: flex; flex-direction: column; align-items: flex-start; min-height: 124px;}
.slider-hh-box .multi-box-wrapper .hh-gallery-btn {width: 100%; position: relative;}
.slider-hh-box .multi-box-wrapper .hh-gallery-btn img {width: 100%; border-radius: 6px; object-fit: cover; height: 140px;}
.slider-hh-box .multi-box-wrapper .hh-content {padding: 15px 0 0 0;}
.slider-hh-box .multi-box-wrapper .hh-content .text {color: #626262; font-size: 14px;}
.slider-hh-box .multi-box-wrapper .hh-content .heading {font-size: 16px; color: #3B3B3B; font-family: "Be Vietnam Pro", sans-serif !important; font-weight: 600; margin-bottom: 10px; line-height: 22px;}
.slider-hh-box .multi-box-wrapper .hh-content .add-read-more.show-less-content .second-section,.slider-hh-box .multi-box-wrapper .hh-content .add-read-more.show-less-content .read-less,.slider-hh-box .multi-box-wrapper .hh-content .add-read-more.show-more-content .read-more {display: none;}
.slider-hh-box .multi-box-wrapper .hh-content .read-more font,.slider-hh-box .multi-box-wrapper .hh-content .read-less {color: #287dfa; text-decoration: underline; white-space: nowrap; cursor: pointer;}
#sliderHHS .slick-slide {margin: 0 7px !important;}
#sliderHHS .slick-list {margin: 0 -7px !important;}
#sliderHHS .slick-arrow {position: absolute; top: 105px; margin: -20px 0px 0px 0px; z-index: 1; font-size: 0; width: 28px; height: 28px; border-radius: 50%; box-sizing: border-box; border: 1px solid #000;}
#sliderHHS .slick-prev:before, #sliderHHS .slick-next:before {display: none;}
#sliderHHS .slick-arrow.slick-prev {left: 10px; background: #fff url("../images/arrow-prev.svg?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac") 50% 50% no-repeat;}
#sliderHHS .slick-arrow.slick-next {right: 10px; background: #fff url("../images/arrow-next.svg?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac") 50% 50% no-repeat;}
#sliderHHS .slick-arrow {opacity: 1;}
#sliderHHS:hover .slick-arrow {opacity: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
#sliderHHS .slick-arrow.slick-disabled {opacity: 0;}

.itinerary_details .accordion {padding-top: 15px;}
.itinerary_details .accordion .item {border: none; margin-bottom: 16px; background: #fff; border: 1px solid #DEDEDE; border-radius: 10px; background: #fff;}
.itinerary_details .accordion .item:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);}
.itinerary_details .accordion .item .item-header {border-bottom: none; background: transparent;}
.itinerary_details .accordion .item .item-header .acc_head {text-decoration: none; padding: 15px; cursor: pointer;}
.itinerary_details .accordion .item .item-header .acc_head h2 {display: inline-flex; align-items: center; margin: 0px; font-size: 16px; font-weight: 600; color: #161616;}
.itinerary_details .accordion .item .item-header .acc_head h2 span {display: inline-block; margin-top: 0px;}
.itinerary_details .accordion .item .item-header .acc_head b {color: white; display: inline-block; font-weight: 500; background-color: #601159; border-radius: 4px; padding: 5px 10px; text-transform: uppercase; margin: 0 10px 0 0; font-size: 13px; min-width: 64px; text-align: center;}
.itinerary_details .accordion .item .item-header .acc_head i {float: right; font-size: 20px; color: #000000; font-weight: bold; margin-top: 2px; transform: rotate(180deg);}
.itinerary_details .accordion .item .item-header .acc_head.collapsed i {transform: rotate(0deg);}
.itinerary_details .accordion .item .item-body {padding: 20px 15px 15px; border-top: 1px solid #c9c9c9;}
.itinerary_details .accordion .item .item-body .sumry ul {list-style: disc; margin-left: 17px;}
.itinerary_details .accordion .item .item-body .sumry ul > li {list-style: disc !important;}
.itinerary_details .accordion .item .item-body .sumry ol {list-style: decimal; margin-left: 18px;}
.itinerary_details .accordion .item .item-body .sumry ol > li {list-style: decimal !important;}
/*.itinerary_details .day01 .sumry{ border-bottom: 1px solid #c9c9c9;  padding-bottom: 15px;  margin-bottom: 15px;}*/
.itinerary_details .day01 .sumry p {font-size: 14px; color: #626262; line-height: 24px;}
.itinerary_details .day01 .sumry p + h2,.itinerary_details .day01 .sumry p + h3,.itinerary_details .day01 .sumry p + h4,.itinerary_details .day01 .sumry p + h5,.itinerary_details .day01 .sumry p + h6 {margin: 10px 0 5px 0;}
.itinerary_details .day01 .com-row {display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 22px;}
.itinerary_details .day01 .sumry + .com-row {border-top: 1px solid #c9c9c9; padding-top: 20px; margin-top: 20px;}
.itinerary_details .day01 .com-row .iconbox {width: 32px;}
.itinerary_details .day01 .com-row .iconbox img {max-width: 100%; margin-top: -8px;}
.itinerary_details .day01 .com-row .detailbox {width: calc(100% - 32px);}
.itinerary_details .day01 .com-row .detailbox h3 {color: #626262; font-weight: 500; margin-bottom: 10px; font-size: 14px;}
.itinerary_details .day01 .cont-container {border: 1px solid #E3E3E3; border-radius: 6px; padding: 15px;}
.itinerary_details .day01 .flight_sec .row_sec {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.itinerary_details .day01 .flight_sec .row_sec.flexNoWrap {flex-wrap: nowrap;}
.itinerary_details .day01 .flight_sec .row_sec + .row_sec {margin-top: 10px;}
.itinerary_details .day01 .flight_sec .row_sec .fddate {color: #626262; font-size: 13px; font-weight: 500; line-height: 17px;}
.itinerary_details .day01 .flight_sec .row_sec .bagclass {display: inline-flex; align-items: center; gap: 0 5px;}
.itinerary_details .day01 .flight_sec .row_sec .fclas {background-color: #F2E6F1; font-size: 12px; border-radius: 6px; white-space: nowrap; padding: 4px 10px; display: inline-block;}
.itinerary_details .day01 .flight_sec .row_sec .fbag {position: relative; cursor: pointer; color: #5e5e5e; font-size: 12px; font-weight: 500; display: inline-flex; justify-content: center; align-items: center;}
.itinerary_details .day01 .flight_sec .row_sec .fbag img {min-width: 28px;}
.itinerary_details .day01 .flight_sec .row_sec .fbag .baggagetool {width: 232px; height: auto; line-height: 20px; padding: 10px; right: -10px; font-size: 0.875rem; color: #000; text-align: left; background: #ffffff; text-indent: 0; border-radius: 5px; position: absolute; z-index: 999; pointer-events: none; top: 80px; opacity: 0; box-shadow: 0px 0px 12px rgba(0, 0, 0, .1); transition: all .3s ease-in-out;}
.itinerary_details .day01 .flight_sec .row_sec.nospacebetween {justify-content: flex-start; gap: 40px;}
.itinerary_details .day01 .flight_sec .row_sec.nospacebetween img {max-height: 25px; width: auto; margin-top: -10px;}

@media (max-width:600px) {
    .itinerary_details .day01 .flight_sec .row_sec.nospacebetween img {display: none;}
    .itinerary_details .accordion .item .item-header .acc_head h2 {font-size: 14px;}
}
.baggagetool::after {content: ''; position: absolute; top: -5px; right: 17px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff;}
.itinerary_details .day01 .flight_sec .row_sec .fbag:hover .baggagetool {opacity: 1; top: 28px;}
.baggagetool p {font-size: 0.688rem; font-weight: 500; color: var(--bs-white); margin: 0; line-height: 1rem;}
.baggagetool h4 {font-size: 16px; position: relative; padding: 0 0 5px 0; font-weight: 600;}
.baggagetool h4:after {position: absolute; content: ''; width: 50px; height: 2px; background: #333; bottom: 0; left: 0;}
.baggagetool .bagtoollist {padding: 0; margin: 0;}
.baggagetool .bagtoollist li {list-style: none; display: flex; margin-top: 10px; justify-content: flex-start; align-items: center;}
.baggagetool .bagtoollist li img {margin-right: 10px;}
.baggagetool .bagtoollist li .baginfo {font-size: 11px; color: #000; font-weight: 500; text-align: left;}
.baggagetool .bagtoollist li .baginfo span {font-size: 11px; color: #8e8e8e; display: block; font-weight: 500;}

.itinerary_details .day01 .flight_sec .row_sec .frmto {display: inline-flex; align-items: center;}
.itinerary_details .day01 .flight_sec .row_sec .frmto span {margin-right: 15px; font-weight: 600;}
.itinerary_details .day01 .flight_sec .row_sec .frmto span:last-child {margin-right: 0px; margin-left: 15px;}
.itinerary_details .day01 .flight_sec .row_sec .frmto hr {width: 100px; position: relative;}
.itinerary_details .day01 .flight_sec .row_sec .frmto hr:before {width: 9px; height: 9px; position: absolute; content: ''; background: #fff; border: 1px solid #9c9c9c; border-radius: 5px; left: 0; top: -5px;}
.itinerary_details .day01 .flight_sec .row_sec .frmto hr:after {width: 9px; height: 9px; position: absolute; content: ''; background: #9c9c9c; border: 1px solid #9c9c9c; border-radius: 5px; left: auto; right: 0; top: -5px;}
.itinerary_details .day01 .transfer_sec .row_sec {justify-content: space-between; display: flex; position: relative; flex-wrap: wrap;}
.itinerary_details .day01 .transfer_sec .row_sec .col02 {position: relative; width: 45%;}
.itinerary_details .day01 .transfer_sec .row_sec .arrowsign {position: absolute; left: 50%; top: 50%; transform: translate(0, -50%);}
.itinerary_details .day01 .transfer_sec .row_sec .cartransfer {display: inline-flex; align-items: center; width: 100%; gap: 0px;}
.itinerary_details .day01 .transfer_sec .row_sec .cartransfer .imgbx {margin-right: 12px;}
.itinerary_details .day01 .transfer_sec .row_sec .cartransfer .hdcardetail h4 {font-size: 14px; font-weight: 600; margin-bottom: 2px;}
.itinerary_details .day01 .transfer_sec .row_sec .cartransfer .hdcardetail .bagincar {display: inline-flex; align-items: center;}
.itinerary_details .day01 .transfer_sec .row_sec .cartransfer .hdcardetail .bagincar img {margin-right: 8px;}
.itinerary_details .day01 .transfer_sec .row_sec .cartohotel > .imgbx1 {margin-right: 15px; width: 72px; border-radius: 6px;}
.itinerary_details .day01 .transfer_sec .row_sec .cartohotel > .imgbx1 img { /*object-fit: cover; */width: 100%; border-radius: 5px; height: 60px;}
.itinerary_details .day01 .hotel_sec .sty {border-top: 1px solid #E1E1E1; margin-top: 15px; padding-top: 10px;}
.itinerary_details .day01 .hotel_sec .sty p {font-size: 13px; font-weight: 400; color: #8F8F8F; text-align: center;}
.itinerary_details .day01 .hotel_sec .checkinhotel {display: flex; flex-wrap: wrap; width: 100%;}
.itinerary_details .day01 .hotel_sec .checkinhotel .hotelimg {position: relative; margin-right: 12px; border-radius: 6px; width: 120px; height: 90px; min-height: 90px; overflow: hidden;}
.itinerary_details .day01 .hotel_sec .checkinhotel .hotelimg > img {width: 100%; object-fit: cover; min-height: 90px; max-height: 90px;}
.itinerary_details .day01 .hotel_sec .checkinhotel .galryicon {display: flex; padding: 0 6px; height: 26px; align-items: center; border-radius: 6px; bottom: 8px; justify-content: center; right: 8px; cursor: pointer; background: rgba(0, 0, 0, 0.4); position: absolute;}
.itinerary_details .day01 .hotel_sec .hdhoteldetail {width: calc(100% - 135px);}
.itinerary_details .day01 .hotel_sec .hdhoteldetail h4 {font-size: 14px; font-weight: 600; display: inline-block; margin-bottom: 0px;}
.itinerary_details .day01 .hotel_sec .hdhoteldetail .stars {color: #ffc300; font-size: 8px;}
.itinerary_details .day01 .hotel_sec .hdhoteldetail .stars .fas.fa-star {margin: 0 1px;}
.itinerary_details .day01 .hotel_sec .hdhoteldetail > p {font-size: 13px; font-weight: 400; color: #8F8F8F; margin-bottom: 12px;}
.itinerary_details .day01 .hotel_sec .hdhoteldetail .roominc {padding: 3px 10px; display: inline-flex; align-items: flex-start; flex-wrap: wrap; border-radius: 6px; background: #F8F8F8; width: 100%;}
.itinerary_details .day01 .hotel_sec .hdhoteldetail .roominc p {font-size: 12px; font-weight: 600; color: #000; width: 70px; display: inline-block; line-height: 22px;}
.itinerary_details .day01 .hotel_sec .hdhoteldetail .roominc ul {width: calc(100% - 70px); list-style: none; padding: 0; margin: 0;}
.itinerary_details .day01 .hotel_sec .hdhoteldetail .roominc ul li {font-size: 12px; line-height: 16px; color: #000; padding: 0 15px 0 18px; position: relative; display: inline-block;}
.itinerary_details .day01 .hotel_sec .hdhoteldetail .roominc ul li:before {position: absolute; content: ''; border-left: 2px solid #000; border-bottom: 2px solid #000; width: 9px; height: 6px; left: 0; top: 4px; transform: rotate(-45deg);}
.itinerary_details .day01 .hotel_sec .hdhoteldetail .overview-content {margin-top: 10px;}
.itinerary_details .day01 .activity_sec .activi_row {}
.itinerary_details .day01 .activity_sec .activi_row + .activitypopupgallery + .activi_row {margin-top: 15px; padding-top: 15px; border-top: 1px solid #E1E1E1;}
.itinerary_details .day01 .activity_sec .activiBox {display: flex;}
.itinerary_details .day01 .activity_sec .activiBox .overview-content .paragraph-section {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; position: relative;}
.itinerary_details .day01 .activity_sec .activiBox .overview-content .paragraph-section.expanded {-webkit-line-clamp: unset; display: block; overflow: visible;}
.itinerary_details .day01 .activity_sec .activiBox .pickimg {position: relative; margin-right: 12px; border-radius: 6px; width: 120px; height: 100px; overflow: hidden;}
.itinerary_details .day01 .activity_sec .activiBox .pickimg img {width: 100%; height: 100px; object-fit: cover;}
.itinerary_details .day01 .activity_sec .hdactvidetail {width: calc(100% - 135px);}
.itinerary_details .day01 .activity_sec .hdactvidetail h4 {font-size: 14px; font-weight: 600; display: inline-block; margin-bottom: 5px;}
.itinerary_details .day01 .activity_sec .hdactvidetail p {font-size: 13px; font-weight: 400; color: #8F8F8F;}
.itinerary_details .day01 .activity_sec .hdactvidetail .add-read-more.show-less-content .second-section,.itinerary_details .day01 .activity_sec .hdactvidetail .add-read-more.show-less-content .read-less,.itinerary_details .day01 .activity_sec .hdactvidetail .add-read-more.show-more-content .read-more {display: none;}
.itinerary_details .day01 .activity_sec .hdactvidetail .read-more font, .itinerary_details .day01 .activity_sec .hdactvidetail .read-less {color: #287dfa; text-decoration: underline; white-space: nowrap; cursor: pointer;}
.activityG-show {cursor: zoom-in;}
.popup-hotel-gallery {display: flex; position: fixed; z-index: -1; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; backdrop-filter: blur(10px);}
.popup-hotel-gallery .popup-content { /* position: relative;  */ max-width: calc(100% - 105px); max-height: 95vh; margin: 2.5vh auto;}
.popup-hotel-gallery .popup-content .closeGallery {position: absolute; top: 15px; right: 15px; background: #fff; color: #000; font-size: 30px; width: 30px; height: 30px; text-align: center; border-radius: 50%; cursor: pointer; line-height: 28px;}
.popup-hotel-gallery .popup-content .slider-gallery-modal img {width: 100%; height: auto; border-radius: 5px;}
.popup-hotel-gallery .popup-content .slider-gallery-modal .slideItem img {max-width: 830px; max-height: 95vh; margin: 0 auto; width: auto !important;}
.popup-hotel-gallery .popup-content .slider-gallery-modal .slick-slide {height: 95vh;}
.popup-hotel-gallery .popup-content .slider-gallery-modal .slick-slide > div {display: flex; align-items: center; justify-content: center; height: 100%;}
.popup-hotel-gallery.opacityshow {z-index: 1000; opacity: 1;}
.popup-hotel-gallery .slick-prev, .popup-hotel-gallery .slick-next {width: 36px; height: 36px; border-radius: 50%; background-size: 8px !important;}
.popup-hotel-gallery .slick-prev {left: -35px; background: #fff url(/assets/images/left-arrow.svg?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac) center center no-repeat;}
.popup-hotel-gallery .slick-next {right: -35px; background: #fff url(/assets/images/right-arrow.svg?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac) center center no-repeat;}
.popup-hotel-gallery .slick-prev:before, .popup-hotel-gallery .slick-next:before {font-size: 35px; display: none;}
.popup-hotel-gallery .slick-arrow.slick-disabled {opacity: 0.15; cursor: default;}

@media screen and (max-width: 991px) {
    .popup-hotel-gallery .popup-content {max-width: calc(100% - 85px);}
    .popup-hotel-gallery .popup-content .slider-gallery-modal .slideItem img {width: 100% !important; padding: 0 5px;}
}


/* 29-01-2025 Tab Added in Itinerary Destails Start */.diTabs {padding: 15px 0 10px 0; width: 100%; overflow-x: auto;}
.diTabs ul {display: block; width: 100%; white-space: nowrap;}
.diTabs ul li {list-style: none; display: inline-block; vertical-align: top; margin-right: 10px;}
.diTabs ul li a {display: inline-flex; white-space: nowrap; font-weight: 400; background-color: #ffffff; border-radius: 26px; border: 1px solid #D8D8D8; padding: 8px 18px; height: 40px; margin: 0; font-size: 12px; color: #717171; align-items: center; gap: 0 8px;}
.diTabs ul li a.active {border-color: #b61b65; color: #b61b65; box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
.diTabs ul li a.active img {filter: invert(1%) sepia(100%) saturate(85) hue-rotate(-332deg) brightness(90%);}
.diTabs ul li a span {display: flex; gap: 0 5px;}
.diTabs::-webkit-scrollbar {height: 5px; border-radius: 6px; width: 100%;}
.diTabs::-webkit-scrollbar-track {background: #FFFFFF; border-radius: 6px;}
.diTabs::-webkit-scrollbar-thumb {background-color: #C9C9C9; border-radius: 6px; height: 5px;}
.diTab-content {display: none;}
.diTab-content.ditab-content-active {display: block;}
.table-container {background: #fff; border-radius: 8px; max-width: 100%; overflow-x: auto; width: 100%; box-shadow: 0 0px 0px 1px #D8D8D8; margin: 10px 0 0 0;}
.table-container table {border-collapse: collapse; width: 100%;}
.table-container table tr.tr-first {border-bottom: 1px solid #D8D8D8;}
.table-container table tr td {font-size: 14px; line-height: 18px; min-width: 60px; font-weight: 400; padding: 15px 10px 15px 15px; position: relative; border-left: 1px solid #D8D8D8; color: #8e8e8e;}
.table-container table tr td .commonTxt p {color: #6E6E6E;}
.table-container table tr td .commonTxt .mrt-8 {margin-top: 5px;}
.table-container table tr td .commonTxt p span {display: inline-block; white-space: nowrap;}
.table-container table tr td .commonTxt h5 {color: #000; font-weight: 400; font-size: 14px; color: #000; line-height: 18px;}
.table-container table tr td .commonTxt h6 {color: #000; font-size: 12px; font-weight: 400; line-height: 18px;}
.table-container table tr td .commonTxt.blue p {color: #8e8e8e;}
.table-container table tr td:first-child {border-left: 0px;}
.table-container table tr.data-row {border-bottom: 1px solid #D8D8D8;}
.table-container table tr.data-row:last-child {border-bottom: 0px solid #D8D8D8;}
.table-container::-webkit-scrollbar {height: 5px; border-radius: 6px; width: 100%;}
.table-container::-webkit-scrollbar-track {background: none; border-radius: 6px;}
.table-container::-webkit-scrollbar-thumb {background-color: #c9c9c9; border-radius: 6px; height: 5px;}
.table-container thead tr th {font-size: 14px; font-weight: 500; color: #000000; padding: 15px; border-left: 1px solid #D8D8D8; white-space: nowrap;}
.table-container thead tr th:first-child {border: 0px;}

/* 29-01-2025 Tab Added in Itinerary Destails End */




.inc_excl .incexcl-sec {margin: 0 0 20px;}
.inc_excl .incexcl-sec .heding_inc {font-size: 18px; font-weight: 600; margin-bottom: 15px; display: inline-flex; align-items: center;}
.inc_excl .incexcl-sec .heding_inc span {width: 6px; height: 24px; background-color: #6CAF68; border-radius: 0 6px 6px 0; margin-right: 12px; display: inline-block;}
.inc_excl .incexcl-sec .heding_inc.heding_exlu span {background-color: #F67375;}
.inc_excl .incexcl-sec ul {list-style: none; margin-left: 18px; font-size: 14px;}
.inc_excl .incexcl-sec ul li {color: #626262; position: relative; padding: 1px 0; padding-left: 20px; line-height: 21px;}
.inc_excl .incexcl-sec ul li:before {position: absolute; content: ''; border-left: 2px solid #626262; border-bottom: 2px solid #626262; width: 9px; height: 6px; left: 0; top: 7px; transform: rotate(-45deg);}
.hdetailsWrp section.samesec.hopolicy_wrp {border: 0px;}
.hopolicy_wrp .hopolicies-sec .policy_heding {font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.hopolicy_wrp .hopolicies-sec .content-box h1, .hopolicy_wrp .hopolicies-sec .content-box h2, .hopolicy_wrp .hopolicies-sec .content-box h3,.hopolicy_wrp .hopolicies-sec .content-box h4, .hopolicy_wrp .hopolicies-sec .content-box h5, .hopolicy_wrp .hopolicies-sec .content-box h6 {font-size: 14px; font-weight: 600; padding: 15px 0 10px 0;}
.hopolicy_wrp .hopolicies-sec .content-box p {color: #626262; padding-bottom: 8px;}
.hopolicy_wrp .hopolicies-sec .add-read-more-term.show-less-content-term .second-section,.hopolicy_wrp .hopolicies-sec .add-read-more-term.show-less-content-term .read-less-term,.hopolicy_wrp .hopolicies-sec .add-read-more-term.show-more-content-term .read-more-term {display: none;}
.hopolicy_wrp .hopolicies-sec .read-more-term font,.hopolicy_wrp .hopolicies-sec .read-less-term {color: #287dfa; text-decoration: underline; white-space: nowrap; cursor: pointer;}
.hopolicy_wrp .hopolicies-sec .note-policy {border-top: 1px solid #E3E3E3; padding: 15px 0 0 0; margin-top: 15px;}
.hopolicy_wrp .hopolicies-sec .note-policy p {color: #626262; font-size: 12px; padding: 5px 0;}
.hopolicy_wrp .hopolicies-sec .note-policy p b {color: #111; font-weight: 500;}
.hopolicy_wrp .hopolicies-sec ul, .hopolicy_wrp .hopolicies-sec ol {margin-left: 17px; font-size: 14px;}
.hopolicy_wrp .hopolicies-sec ul li {list-style: disc;}
.hopolicy_wrp .hopolicies-sec ol li {list-style: decimal;}
.suggestHoliday {margin: 0 0 40px 0; padding-top: 40px; border-top: 1px solid #D8D8D8;}
/*.suggestHoliday .title-suggest{ font-size: 22px;   color: #222222;  font-weight: 600;}
.suggestHoliday .slider-suggest .slick-slide {margin: 0 12px;  padding: 20px 0 0 0;}
.suggestHoliday .slider-suggest .slick-list {margin: 0 -12px;}
.slider-suggest .slick-arrow {position: absolute;  top: 0px;  margin: -20px 0px 0px 0px;  z-index: 1;  font-size: 0;  width: 28px;  height: 28px;  border-radius: 50%;  box-sizing: border-box;  border: 1px solid #000; }
.slider-suggest .slick-prev:before, .slider-suggest .slick-next:before{ display: none;}
.slider-suggest .slick-arrow.slick-prev {left:auto;  right: 40px;  background:#fff url("../images/arrow-prev.svg?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac") 50% 50% no-repeat;}
.slider-suggest .slick-arrow.slick-next {right: 0px;  background:#fff url("../images/arrow-next.svg?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac") 50% 50% no-repeat;}
.slider-suggest .slick-arrow {opacity: 1;}
.slider-suggest .slick-arrow:hover{opacity: 1;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.slider-suggest .slick-arrow.slick-disabled{opacity:0.5;  cursor: not-allowed;  box-shadow:none;}*/

/******Right Form Product Detail Page*****/.holidayDetailWrp .h_detailWrap .dw-right {width: 335px;}
.LD_from_wrap {margin: 20px 0 0 0px; position: sticky; top: 150px;}
.LD_from_wrap .shadBox {box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); padding: 20px; border-radius: 20px; border: 1px solid #DDDDDD; background: #fff;}
.LD_from_wrap .shadBox .titlefrom {display: inline-flex; color: #237572; width: 100%; padding-bottom: 14px; margin-bottom: 10px; border-bottom: 1px solid #237572;}
.LD_from_wrap .shadBox .titlefrom img {width: 30px; margin-right: 10px;}
.LD_from_wrap .shadBox .titlefrom span {width: calc(100% - 40px); font-size: 18px; font-weight: 700;}
.LD_from_wrap .shadBox .formtop {border: 1px solid #DDDDDD; border-radius: 10px; margin-bottom: 15px;}
.LD_from_wrap .shadBox .formtop .formBox .formGroup {padding: 0px; border-bottom: 1px solid #ddd; position: relative;}
.LD_from_wrap .shadBox .formtop .formBox .formGroup label {display: block; font-size: 12px; margin-bottom: 2px; color: #434343; position: absolute; left: 15px; top: 20px;}
.LD_from_wrap .shadBox .formtop .formBox .formGroup input {display: block; font-size: 16px; border: 0px; width: 100%; color: #B61B65; padding: 41px 15px 19px; font-weight: 600; height: 80px; background: transparent;}
.LD_from_wrap .shadBox .formtop .formBox .formGroup select {font-size: 16px; border: 0px; appearance: none; width: 100%; color: #B61B65; padding: 41px 15px 19px; font-weight: 600; height: 80px; background: transparent; text-overflow: ellipsis; overflow: hidden; max-width: 100%;}
.LD_from_wrap .shadBox .formtop .formBox .formGroup .customSel {font-size: 16px; border: 0px; width: 100%; color: #B61B65; padding: 41px 15px 19px; font-weight: 600; height: 80px; background: transparent;}
.LD_from_wrap .shadBox .formtop .formBox:last-child .formGroup {padding: 0px; border-bottom: 0px solid #ddd;}
/*.LD_from_wrap .shadBox .formtop .fom-group{margin-bottom: 8px;  position: relative;}
.LD_from_wrap .shadBox .formtop .fom-group .fieldBox{ border-radius: 6px;  border: 1px solid #CFCFCF;  padding: 10px 12px;}
.LD_from_wrap .shadBox .formtop .fom-group label{ display: block;  font-size: 17px;  margin-bottom: 2px;  font-weight: bold;  color: #000;}
.LD_from_wrap .shadBox .formtop .fom-group input{ font-size: 13px;  border: 0px;  width: 100%;  color: #161616;  font-weight: 600;}
.LD_from_wrap .shadBox .formtop .fom-group select{ font-size: 14px;  border: 0px;  width:calc(100% + 8px);  color: #161616;  background: transparent;  font-weight: 600;  padding-right: 10px;  margin-left:-3px;}
*/
.LD_from_wrap .shadBox .formtop .col2 {display: inline-flex; gap: 0px; flex-wrap: wrap; width: 100%;}
.LD_from_wrap .shadBox .formtop .col2 .formGroup {width: calc(50% - 0px); margin: 0;}
.LD_from_wrap .shadBox .formtop .col2 .formGroup.when {border-left: 1px solid #ddd;}
.LD_from_wrap .shadBox .formbottom { /*border-top: 1px solid #E3E3E3; */ padding-bottom: 15px;}
.LD_from_wrap .shadBox .formbottom .fom-group {margin-top: 15px;}
.LD_from_wrap .shadBox .formbottom .fom-group label {display: block; font-size: 12px; margin-bottom: 4px;}
.LD_from_wrap .shadBox .formbottom .fom-group label span {color: #ff0000;}
.LD_from_wrap .shadBox .formbottom .fom-group input[type=text] {font-size: 13px; width: 100%; color: #161616; font-weight: 500; border-radius: 6px; border: 1px solid #CFCFCF; padding: 9px 12px;}
.LD_from_wrap .shadBox .formbottom .fom-group select {font-size: 13px; width: 100%; color: #161616; font-weight: 500; border-radius: 6px; border: 1px solid #CFCFCF; padding: 9px 12px;}
.LD_from_wrap .shadBox .formbottom .fom-group .telephon {display: inline-flex; gap: 8px; width: 100%;}
.LD_from_wrap .shadBox .formbottom .fom-group .telephon .numCode {position: relative; width: 103px;}
.LD_from_wrap .shadBox .formbottom .fom-group .telephon .numfill {width: calc(100% - 111px);}
.LD_from_wrap .shadBox .formbottom .fom-group .agreelabel {align-items: flex-start;}
.LD_from_wrap .shadBox .form_price {display: block;  /*border-top: 1px solid #E3E3E3; */ padding-top: 5px;}
.LD_from_wrap .shadBox .form_price .starting {font-size: 12px; padding-bottom: 5px; color: #434343; font-weight: 500;}
.LD_from_wrap .shadBox .form_price h6 {color: #000000; font-size: 28px; font-weight: 800; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.LD_from_wrap .shadBox .form_price h6 sub {font-size: 12px; font-weight: 400; margin: -2px 0 0 5px; color: #929292;}
.LD_from_wrap .shadBox .form_price h6 del {font-size: 14px; color: #757575; font-weight: 500; margin-left: 10px;}
.LD_from_wrap .shadBox .form_price .btnenquire {margin-top: 16px;}
.LD_from_wrap .shadBox .form_price .btnenquire a {background: #E7B963; color: #B61B65; font-size: 16px; font-weight: 400; padding: 13px; border-radius: 8px; display: block; text-align: center; cursor: pointer;}
.LD_from_wrap .shadBox .form_price .btnenquire a span {display: block; font-size: 16px; font-weight: 400;}
.LD_from_wrap .shadBox .form_price.oncallfare {border-top: 0px; padding-top: 0px;}
.LD_from_wrap .shadBox .form_price.oncallfare h6 {color: #000000; font-size: 22px; font-weight: 600; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.LD_from_wrap .shadBox .form_price.oncallfare .btnenquire {margin: 0px;}
.LD_from_wrap .shadBox .form_price.oncallfare .btnenquire a {background: #b61b65; color: #fff; font-size: 28px; font-weight: 600; padding: 10px 13px; border-radius: 8px; display: block; text-align: center; cursor: pointer; line-height: 30px;}
.LD_from_wrap .shadBox .form_price.oncallfare .btnenquire a img {filter: brightness(100); margin-right: 4px; margin-top: -2px; max-width: 24px; width: 19px;}
.LD_from_wrap .shadBox .form_price .btnenquire a:hover {background: #ECB753;}
.LD_from_wrap .shadBox .formtop .tags-input-wrapper input {border: none; background: transparent; outline: none; width: 100px; margin-left: 8px;}
.LD_from_wrap .shadBox .formtop .tags-input-wrapper .tag {display: inline-block; background-color: #F5F5F5; border: 1px solid #161616; border-radius: 4px; padding: 0px 2px 0px 7px; margin-right: 5px; font-size: 12px; font-weight: 600;}
.LD_from_wrap .shadBox .formtop .tags-input-wrapper .tag a {margin: 0 3px; font-size: 16px; font-weight: 700; line-height: 19px; display: inline-block; cursor: pointer;}
.custom-checkbox1 {display: flex; position: relative; align-items: center; padding-left: 0; margin: 9px 0 0 0; align-items: flex-start;}
.custom-checkbox1 .custom-control-input1 {border: 1px solid #929292; width: 22px; height: 22px; cursor: pointer; border-radius: 6px; margin: 1px 0 0 0px; appearance: none; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; float: left; background-size: contain;}
.custom-checkbox1 label {margin: 0 0 0 10px; font-size: 15px; display: flex; cursor: pointer; align-items: center; justify-content: space-between; width: calc(100% - 30px); font-weight: 400;}
.custom-checkbox1 label:before, .custom-checkbox1 label:after {display: none;}
.custom-checkbox1 .custom-control-input1:checked[type="checkbox"] {border-width: 1px; background-size: 11px; background-color: #F2F2F2; border-color: #222222; box-shadow: 0 0 10px rgba(0,0,0,.25); background-image: url("data:image/svg+xml,%3Csvg id='Group_995' data-name='Group 995' xmlns='http://www.w3.org/2000/svg' width='11.627' height='9.609' viewBox='0 0 11.627 9.609'%3E%3Cg id='Group_994' data-name='Group 994' transform='translate(0 0)'%3E%3Cpath id='Path_1505' data-name='Path 1505' d='M105.356,113.783l-5.3,5.934-2.65-2.544-1.769,1.843,4.559,4.377,7.068-7.907Z' transform='translate(-95.633 -113.783)'/%3E%3C/g%3E%3C/svg%3E%0A");}
.custom-checkbox1 label p {font-size: 11px; color: #7A7A7A; padding-top: 2px;}
.custom-checkbox1 label p b {font-weight: 400; color: #000000;}
.custom-checkbox1 label p a {text-decoration: underline;}
.custom-checkbox1 label p a:hover {text-decoration: none;}
.pricestickyMobile {display: none; background: #fff; padding: 15px; position: fixed; bottom: 0; left: 0; width: 100%; box-sizing: border-box; z-index: 11; box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);}
.pricestickyMobile .price-section {width: 100%; display: flex; justify-content: space-between; align-items: flex-end;}
.pricestickyMobile .price-section .price {display: block;}
.pricestickyMobile .price-section .startingprice {font-size: 11px;}
.pricestickyMobile .price-section .startingprice span {position: relative; margin-left: 15px; color: #fff; display: inline-flex; background-color: #237572; border-radius: 0 5px 5px 0; height: 18px; line-height: 18px; padding: 0 5px;}
.pricestickyMobile .price-section .startingprice span:before {position: absolute; content: ''; width: 13px; height: 18px; background: url(../images/label-tag.png?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac) no-repeat; left: -11px; top: 0;}
.pricestickyMobile .price-section .price h6 {color: #000000; font-size: 22px; font-weight: 800; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.pricestickyMobile .price-section .price h6 sub {font-size: 11px; font-weight: 400; margin: -2px 0 0 2px;}
.pricestickyMobile .price-section .price h6 del {font-size: 14px; color: #757575; font-weight: 500; margin-left: 10px;}
.pricestickyMobile .price-section .dealbtnbox a {background: #E7B963; color: #B61B65; font-size: 14px; font-weight: 600; padding: 10px 13px; border-radius: 8px; display: inline-block;}
.pricestickyMobile .price-section.oncallfare {align-items: center;}
.pricestickyMobile .price-section.oncallfare .price h6 {color: #000000; font-size: 22px; font-weight: 600; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.pricestickyMobile .price-section.oncallfare .dealbtnbox a img {margin-right: 4px; margin-top: -2px;}
.pricestickyMobile .dealbtnbox.oncall a {background: #E7B963; color: #B61B65; font-size: 14px; font-weight: 600; padding: 10px 13px; text-align: center; border-radius: 8px; display: block;}
.pricestickyMobile .dealbtnbox.oncall a:hover {background: #287DFA;}
.star {font-size: 15px; color: #cbcbcb; display: inline-block; margin: 0 1px 0 0; width: 14px;}
.star.full {color: orange;}
.star.half {position: relative; display: inline-block; overflow: hidden; background: linear-gradient(to right, orange 50%, rgba(0, 0, 0, 0.16) 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

@media screen and (max-width: 1180px) {
 .innerpage_header {padding: 9px 0 !important}
}

@media screen and (max-width: 991px) {
    .holidayDetailWrp .gallery .gallery-row {grid-template-columns: calc(100% - 270px) 1fr; grid-template-rows: 155px 155px;}
    .itinerary_details .container {padding: 0;}
    .holidayDetailWrp .h_detailWrap {flex-wrap: wrap;}
    .holidayDetailWrp .h_detailWrap .dw-left, .holidayDetailWrp .h_detailWrap .dw-right {width: 100%;}
    .holidayDetailWrp .h_detailWrap.headingPrice .dw-right {padding-bottom: 0px; display: none;}
    .LD_from_wrap .shadBox .form_price {display: none;}
    .LD_from_wrap .shadBox .formtop {padding-bottom: 0px;}
    .LD_from_wrap {position: unset; top: auto;}
    .itinerary_details .accordion .item .item-header .acc_head .ahead-link {display: flex; justify-content: space-between; width: 100%; align-items: center;}
    .suggestHoliday {padding-bottom: 0px; margin: 0px;}
    .pricestickyMobile {display: block;}
    .holidayDetailWrp .h_detailWrap.headingPrice .packageTotalPrice {display: none;}
}

@media screen and (max-width: 768px) {
    .holidayDetailWrp .gallery .gallery-item .view-gallry-detail.mob_galley {display: flex;}
    .holidayDetailWrp .gallery .gallery-item {display: none;}
    .holidayDetailWrp .gallery .gallery-item:first-child {display: block;}
    .holidayDetailWrp .gallery .gallery-row {grid-template-rows: 100%; grid-template-columns: 1fr; grid-template-areas: "big1";}
}

@media screen and (max-width: 767px) {
    .holidayDetailWrp .h_detailWrap.headingPrice {padding-top: 15px;}
    .holidayDetailWrp .h_detailWrap.headingPrice .dw-left h1 {font-size: 24px; line-height: 28px;}
    .holidayDetailWrp .h_detailWrap .dw-left .dtitle-main {font-size: 23px;}
    .holidayDetailWrp .h_detailWrap .dw-left .dtitle {padding: 0;}
    .hdetailsWrp .hedingall {font-size: 18px; min-width: 150px;}
    .breadcrumbswrap {margin-bottom: 0; padding: 11px 0;}
    .holidayDetailWrp .gallery {margin: 0;}
    .holidayDetailWrp .gallery-item > img {border-radius: 0px;}
    .navbarNav, .hhs-row {width: 100%;}
    .navbarNav ul li a {padding: 14px 15px 10px;}
    #sliderHHS .slick-list {margin: 0 !important;}
    #sliderHHS .slick-slide {margin: 0 0 0 15px !important;}
    #sliderHHS .slick-slide:last-child > div {margin-right: 15px}
    .itinerary_details .accordion .item .item-header .acc_head b {font-size: 12px; min-width: 58px; height: 24px;}
    .itinerary_details .accordion .item .item-header .acc_head h2 span {margin-top: 2px;}
    .itinerary_details .day01 .cont-container {padding: 15px 8px;}
}

@media screen and (max-width: 640px) {
    .innerpage_header .user-head .call-head {margin: 0;}
    .itinerary_details .day01 .transfer_sec .row_sec .col02 {width: 100%;}
    .itinerary_details .day01 .transfer_sec .row_sec .cartohotel > .imgbx1 {max-width: 92px; height: 60px; overflow: hidden; width: 100%;}
    .itinerary_details .day01 .transfer_sec .row_sec .arrowsign {position: relative; left: 40px; transform: rotate(90deg); margin: 5px 0 10px 0;}
}

@media screen and (max-width: 575px) {
    .itinerary_details .day01 .hotel_sec .checkinhotel .hotelimg {width: 100%; margin: 0 0 10px 0; height: 90px; overflow: hidden;}
    .itinerary_details .day01 .hotel_sec .checkinhotel .hotelimg img {width: 100%; object-fit: cover;}
    .itinerary_details .day01 .hotel_sec .sty p {text-align: left;}
    .itinerary_details .day01 .hotel_sec .hdhoteldetail {width: 100%;}
    .itinerary_details .day01 .hotel_sec .hdhoteldetail .roominc ul li {padding-right: 12px;}
    .itinerary_details .day01 .com-row .detailbox h3 {font-weight: 500;}
}

@media screen and (max-width: 480px) {
    .itinerary_details .day01 .flight_sec .row_sec .fbag {width: 100%;}
    .pricestickyMobile .price-section.oncallfare .price h6 {font-size: 18px; max-width: 130px;}
    .hdetailsWrp .hedingall {min-width: 105px; line-height: 20px;}
}

/*********** Holiday detail End *************/


/*********** Holiday detail Gallery Start *************/.gallery_big {background-color: #f2f2f2; height: 100%; left: 0; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 100;}
.g_hdr {background-color: #fff; padding: 20px 0 0; position: sticky; top: 0; z-index: 2;}
.g_head {width: 100%; display: flex; align-items: flex-start; justify-content: space-between; height: 85px;}
.g_head h2 {width: calc(100% - 150px); color: #151515; font-size: 20px; font-weight: 700; line-height: 26px; display: inline-flex; align-items: center;}
.g_head h2 img {min-width: 20px; margin-right: 12px; cursor: pointer;}
.g_head .btnsroom {width: 150px; cursor: pointer; background: transparent linear-gradient(215deg, #00B3FF 0%, #287DFA 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 14px; font-weight: 600; padding: 10px 13px; border-radius: 8px; display: block; text-align: center;}
.g_head .btnsroom:hover {background: rgb(40 125 250);}
.g_menu {position: relative;}
.g_menu ul {display: flex; border-bottom: 1px solid #bababa; overflow-x: auto; padding-bottom: 4px;}
.g_menu li {color: #4a4a4a; cursor: pointer; flex-shrink: 0; font-size: 16px; line-height: 19px; margin-bottom: 4px; outline: 0; padding-right: 24px; position: relative;}
.g_menu li a {color: #4a4a4a; font-size: 16px; line-height: 19px;}
.g_menu li.selected a {font-weight: 700;}
.g_menu li.selected:after {background-color: #008cff; border-radius: 30px; bottom: 0; content: ""; height: 4px; left: 0; margin-bottom: -8px; position: absolute; width: calc(100% - 25px);}
.g_body {margin: 0 auto; max-width: 1200px; padding: 20px 0;}
.galleryGrid {display: grid; gap: 20px; grid-template-columns: 1fr;}
.ggSection {background: #fff; border-radius: 16px; padding: 20px;}
.ggSection_title {align-items: center; display: flex; margin-bottom: 20px; color: #000; font-size: 18px; font-weight: 700; line-height: 22px;}
.ggSection_grid {display: grid; gap: 15px; grid-template-columns: repeat(3, 1fr);}
.ggSection_gridItem {cursor: pointer; height: 274px; position: relative;}
.ggSection_gridItem > img {border-radius: 16px; height: 100%; object-fit: cover; width: 100%;}

/*********** Holiday detail Gallery End *************/







/*POPup Modal Start*/
button:focus {outline: 0px !important;}
.enquire-modal {backdrop-filter: blur(10px);}
.enquire-modal .modal-dialog {max-width: 500px !important;}
.enquire-modal .modal-content {border-radius: 20px;}
.enquire-modal .modal-title {font-size: 24px; color: #000000; font-weight: 500; font-family: 'Be Vietnam Pro', sans-serif;}
.enquire-modal .close {padding: 0; margin: 0; border: 0; background: no-repeat; color: #888;}
.enquire-modal .close span {font-weight: 500 !important; font-size: 36px; line-height: 20px; display: inline-block;}
.enquire-modal .modal-header {border: 0px; padding: 25px 25px 20px 30px; position: relative; right: 0; z-index: 1; border-bottom: 1px solid #E3E3E3;}
.enquire-modal .modal-body {padding: 20px 30px 0 30px;}
.enquire-pop {position: relative;}
.enquire-pop .enquire-img {position: relative; overflow: hidden; transition: all 0.5s ease; border-radius: 10px; height: 102px; max-width: 99px; width: 100%;}
.enquire-pop .enquire-img img {transition: all 0.5s ease; height: 100%; object-fit: cover;}
.enquire-pop:hover .enquire-img img {-webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.enquire-pop .enquire-content {padding: 0; position: relative;}
.enquire-pop .enquire-content .price-section {padding: 0;}
.enquire-pop .enquire-content .tour-detail {display: flex; justify-content: space-between; gap: 10px;}
.enquire-pop .enquire-content .tour-detail h5 {font-family: 'Be Vietnam Pro', sans-serif; color: black; font-weight: 500; padding-right: 35px; font-size: 18px; line-height: 24px; margin-bottom: 8px;  /*white-space: nowrap; */
overflow: hidden; text-overflow: ellipsis; display: block;}
.enquire-pop .enquire-content .tour-detail h6.nowrap-cls {font-family: 'Be Vietnam Pro', sans-serif; margin-top: 4px; text-transform: capitalize; display: inline-block; color: #000; display: none;  /*max-width: 360px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; */
font-size: 14px; margin-bottom: 10px;}
/*.enquire-pop .enquire-content .tour-detail .nowrap-cls {max-width: 300px; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}*/.enquire-pop .enquire-content .tour-detail h6 img {margin: -2px 5px 0 5px; display: inline;}
.enquire-pop .enquire-content .tour-detail .topContent .totalnightspop {display: flex; gap: 0 5px; margin-bottom: 8px; color: #78006e; font-weight: 500; font-size: 12px;}
.enquire-pop .enquire-content .price-section {width: 100%; display: flex; justify-content: space-between; align-items: flex-end;}
.enquire-pop .enquire-content .price-section .price {display: block;}
.enquire-pop .enquire-content .price-section .startingprice {font-size: 11px; color: #434343; font-weight: 500;}
/*.enquire-pop .enquire-content .price-section .startingprice span{position: relative;  margin-left: 15px;  color:#fff;  display:inline-flex;  background-color:#237572;  border-radius:0 5px 5px 0;  height: 18px;  line-height: 18px;  padding: 0 5px;}.enquire-pop .enquire-content .price-section .startingprice span:before{position: absolute;  content: '';  width: 13px;  height: 18px;  background: url(../images/label-tag.png?v=sUbS2ZSDtEFmdZ7CnFWsFF0jOac) no-repeat;  left: -11px;  top: 0;}
*/.enquire-pop .enquire-content .price-section .price h6 {font-family: 'Be Vietnam Pro', sans-serif; color: #000000; font-size: 24px; font-weight: 600; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.enquire-pop .enquire-content .price-section .price h6 sub {font-size: 11px; font-weight: 400; margin: 0 0 0 5px; position: relative; top: -3px; color: #929292;}
.enquire-pop .enquire-content .price-section .price h6 del {font-size: 14px; color: #757575; font-weight: 500; margin-left: 10px;}
.enquire-pop .enquire-content .formbottom {border-top: 0px solid #E3E3E3; padding-bottom: 15px;}
.enquire-pop .enquire-content .formbottom .fom-group {margin-top: 12px; position: relative;}
.enquire-pop .enquire-content .formbottom .fom-group label {margin-bottom: .5rem; font-size: 13px; color: #434343;}
.enquire-pop .enquire-content .formbottom .fom-group label span {font-size: 13px; color: #ff0000; font-weight: 300;}
.enquire-pop .enquire-content .formbottom .fom-group#whenpopcal {position: relative;}
/*.enquire-pop .enquire-content .formbottom .fom-group label{ position: absolute;  left: 12px;  top: 16px;  font-size: 14px;  color: #777;  padding: 0 4px;  transition: 0.2s ease all;  pointer-events: none;  z-index: 1;  margin:0px;}.enquire-pop .enquire-content .formbottom .fom-group label span{ color: #ff0000;}*/.enquire-pop .enquire-content .formbottom .fom-group input[type=text],.enquire-pop .enquire-content .formbottom .fom-group textarea {font-size: 16px; width: 100%; color: #434343; font-weight: 500; border-radius: 10px; border: 1px solid #DDDDDD; padding: 10px 12px;}
.enquire-pop .enquire-content .formbottom .fom-group select {font-size: 16px; width: 100%;  color: #434343;  font-weight: 500;  border-radius: 10px; border: 1px solid #DDDDDD; padding: 10px 12px; -webkit-appearance: none; -moz-appearance: none; background-image: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAASVJREFUOE+t0z0rhnEUBvAfyUuilJLFZJHN6guIMllEWQ1SSpHIyyCkpBSLjFJktcnkAygfwCaDwVtS+B/96UnPI3qcuus+p3Ouc93Xue4KZUZFmfMCIJ5qPP8B7GsmXhrRjyM8/QIkZprQi4NIRrCFGezi8QeQ6G/GOMYwEIVzdOEFq9jAfRGQ6G3Ji2I4Fp1FsS1R2kQP3lLTdhpeyCCRR1SiFSsYwh2OMfF5hQasYzg372MW1zlvxxr6cIu9tGAykAvPWJ9EnArUfJWTxGgeAb6MbtxktpF/xHcf1GE01RcT3Vpcoiqp3ZHZLGGnUJ9iRqrBYP7eUPwVV5jG4XdxSzkxjBWiBpMHzOG02Hl/snJQ78wMLkp541/+hV+4t3RL2QzeAc5hMB/fuAXWAAAAAElFTkSuQmCC); background-position: calc(100% - .5rem), 100% 0; background-size: 12px; background-repeat: no-repeat;}
.enquire-pop .enquire-content .formbottom .fom-group .telephon {display: block; gap: 8px; width: 100%;}
.enquire-pop .enquire-content .formbottom .fom-group .telephon .iti {width: 100%; display: flex;}
.enquire-pop .enquire-content .formbottom .fom-group .telephon .iti .iti__flag-container {position: relative;}
.enquire-pop .enquire-content .formbottom .fom-group input:focus ~ label,.enquire-pop .enquire-content .formbottom .fom-group input:not(:placeholder-shown) ~ label,.enquire-pop .enquire-content .formbottom .fom-group textarea:focus ~ label,.enquire-pop .enquire-content .formbottom .fom-group textarea:not(:placeholder-shown) ~ label,.enquire-pop .enquire-content .formbottom .fom-group select:focus ~ label,.enquire-pop .enquire-content .formbottom .fom-group select:not([value=""]):valid ~ label {top: 5px; left: 9px; font-size: 12px; font-weight: 500; color: #666;}
.enquire-pop .enquire-content .formbottom .fom-group .telephon {position: relative; border: 1px solid #CFCFCF; border-radius: 6px;}
.enquire-pop .enquire-content .formbottom .fom-group .telephon input {padding: 10px 12px !important; border: 0px;}
.enquire-pop .enquire-content .numberfield {position: relative; width: 100%;}
.enquire-pop .enquire-content .formbottom .fom-group .agreelabel label, .enquire-pop .enquire-content .formbottom .fom-group input[type=checkbox] ~ label {position: relative; top: auto; left: 5px; font-size: unset; font-weight: 400; pointer-events: auto;}
.enquire-pop .enquire-content .formbottom .fom-group .agreelabel {align-items: flex-start;}
.enquire-pop .enquire-content .btnenquire {margin: 16px 0;}
.enquire-pop .enquire-content .btnenquire a {background: #E7B963; color: #B61B65; font-size: 17px; font-weight: 400; padding: 10px 13px; border-radius: 8px; display: block; text-align: center;}
.enquire-pop .enquire-content .btnenquire a:hover {background: #ECB753;}

#whenpopcal .ui-widget.ui-widget-content {bottom: 40px !important; top: auto !important; left: 0px !important; min-width: 305px; border: 0px; position: absolute !important;}

span.error-message {font-size: 12px; line-height: 15px; display: block; margin-top: 4px;}
.pl-0 {padding-left: 0px !important;}
.pl-0phone {padding-left: 0px !important;}

@media screen and (max-width: 575px) {
    .enquire-modal .modal-dialog {margin: 0px;}
    .enquire-modal .modal-content {border-radius: 0px;}
    .enquire-modal .modal-header {padding: 15px;}
    .enquire-modal .modal-body {padding: 20px 15px 0 15px;}
    .pl-0phone {padding-left: 15px !important;}
}
/********************************************POPup Modal End*****************************************/

/* Honeypot field for spam prevention - hidden from users */
.honeypot-field {position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important;}

