/************************************* 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) no-repeat center center; }
span.ui-icon.ui-icon-circle-triangle-e{background:url(/assets/images/arrow-next-calender.png) no-repeat center center; }
.ui-datepicker td{ padding: 1px 0;}



/* ===== 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) 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) 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;}