/* Hero Section */
.banner-itimaar {position: relative; width: 100%; height: 910px; 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: 910px; 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: 20px; display: flex; gap: 15px; max-width:100%; margin: 0 auto; flex-wrap: wrap;}
.itimaar .hero_engine .search-field {flex: 1; min-width: 150px; border-right: 1px solid #C5C5C5; position: relative; height: 48px;}
.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;}
.itimaar .hero_engine .search-field input.input-field,
.itimaar .hero_engine .search-field select.select-field {width: 100%; background:#fff; padding:0 10px 0 0; border: 0px; font-size: 18px; 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) no-repeat center center; text-indent: -999px; color: #fff; border: none; border-radius: 10px; cursor: pointer; align-self: flex-end; width: 44px; height: 44px;}
.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: 18px 10px 0 0 !important; overflow: hidden; text-overflow: ellipsis; width: 100%; font-size: 18px; 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%);}


.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{ 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: 70px 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: 70px 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: 15px;}
.itimaar .packages-section .umrah_package .services span{ display:flex; align-items: center; gap: 5px; color: #717171; font-weight: 500;}
.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") 50% 50% no-repeat;}
.itimaar .packages-slider .slick-arrow.slick-next {right: 0px; background: #fff url("../images/arrow-next.svg") 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: 70px; }
.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) 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: 70px 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;}

/* Responsive Design */
@media (max-width: 1024px) {
    .banner-itimaar, .itimaar .hero_engine{ height: 750px;}
   
    .itimaar .hero_engine .search-box { /*padding: 0; background: none; */ gap:1px 0; flex-wrap: wrap;}  
    .itimaar .hero_engine .search-box > .search-field{width: 100%; max-width: calc(50% - 3px); flex: unset; height: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: 56px; 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 > .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;}

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

    .banner-itimaar, .itimaar .hero_engine{ height: 630px;}
    .itimaar .hero_engine .hero-content h1{ margin-bottom: 15px;}

}
@media (max-width: 479px) {
    .itimaar .hero_engine .search-box{ padding: 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%;}

}









































.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) 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) 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") 50% 50% no-repeat;}
#sliderHHS .slick-arrow.slick-next {right: 10px; background:#fff url("../images/arrow-next.svg") 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) center center no-repeat;}
.popup-hotel-gallery .slick-next{ right:-35px; background: #fff url(/assets/images/right-arrow.svg) 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") 50% 50% no-repeat;}
.slider-suggest .slick-arrow.slick-next {right: 0px; background:#fff url("../images/arrow-next.svg") 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) 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) 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*****************************************/