body {
    font-family: sans-serif;
}

.navbar {
    background-color: #e8e4e1 !important;
}

.navbar-brand img {
    width: 124px;
    height: auto;
}

.nav-item .nav-link {
    font-weight: bold !important;
    color: #1c1c1c !important;
    margin: 0px 16px 0px 0px !important;
}

.flt {
    padding: 0px 0px 0px 30px;
    background-image: url("https://www.hasmobility.com/assets/web/images/plane.png");
    background-size: 24px 24px;
    background-position: 10% 50%;
    background-repeat: no-repeat;
}

.error{ 
    font-size: 11px;
    color:red; 
}

.htl {
    padding: 0px 0px 0px 30px;
    background-image: url("https://www.hasmobility.com/assets/web/images/hotel.png");
    background-size: 24px 24px;
    background-position: 10% 50%;
    background-repeat: no-repeat;
}

.cbs {
    padding: 0px 0px 0px 30px;
    background-image: url("https://www.hasmobility.com/assets/web/images/car.png");
    background-size: 24px 24px;
    background-position: 10% 50%;
    background-repeat: no-repeat;
}

.hlds{
    padding: 0px 0px 0px 30px;
    background-image: url("https://www.hasmobility.com/assets/web/images/beach-chair.png");
    background-size: 24px 24px;
    background-position: 6% 50%;
    background-repeat: no-repeat;
}

.mb-ls {
    display: flex;
}

.mytrp-link {
    text-decoration: none;
    color: #1c1c1c;
    text-align: left;
    font-weight: bold;
    font-size: 10px;
    margin: 6px 16px 0px 0px;
    line-height: 12px;
    padding: 0px 0px 0px 30px;
    background-image: url("https://www.hasmobility.com/assets/web/images/briefcase.png");
    background-size: 24px 24px;
    background-position: 0% 10%;
    background-repeat: no-repeat;
}

.mytrp-link span {
    display: block;
    font-size: 14px;
}

.lgn {
    font-size: 12px;
    font-weight: bold;
}

.lgn img {
    width: 24px;
    height: auto;
    margin: 0px 2px 0px 0px;
    vertical-align: -7px;
}

.bg {
    position: relative;
    width: 100%;
}

.Qijzj {
    background: #fd6a1a;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    background-position: center bottom;
    position: absolute;
    width: 100%;
    top: 0px;
    border-radius: 0 0 150px 150px;
    z-index: -1;
}

.Qijzjcab {
    background: #fd6a1a;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    background-position: center bottom;
    position: absolute;
    width: 100%;
    top: 0px;
    border-radius: 0 0 150px 150px;
    z-index: -1;
}

.flt-search {
    padding: 120px 0px 0px 0px;
}

/* Trip radio button start */
.radio-input {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 0 0 16px 0;
}

.radio-input * {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.radio-input label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0px 20px;
    width: 150px;
    cursor: pointer;
    height: 36px;
    position: relative;
    border-radius: 25px;
}

.radio-input label::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 36px;
    z-index: -1;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border-radius: 10px;
    border: 2px solid #008cff;
}

.radio-input label:hover {
    transition: all 0.2s ease;
    background-color: #9cd2ff;
}

.radio-input .label:has(input:checked) {
    background-color: #d7edff;
    border-color: #008cff;
    height: 36px;
}

.radio-input .label .text {
    color: #000000;
}

.nhy {
    width: 60px;
    height: 3px;
    display: block;
    background: #005d91;
    margin: 2px 0px 5px;
}

.radio-input .label input[type="radio"] {
    background-color: #ffffff;
    appearance: none;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #008cff;
}

.radio-input .label input[type="radio"]:checked {
    background-color: #004577;
    -webkit-animation: puls 0.7s forwards;
    animation: pulse 0.7s forwards;
}

.radio-input .label input[type="radio"]:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: #fff;
    transform: scale(0);
}

.radio-input .label input[type="radio"]:checked::before {
    transform: scale(1);
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(255, 255, 255);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
/* Trip radio button end */
.frm-to,
.dt-trwlr-cls,
.pkg-srch,
.hpkg-srch,
.hpkg-list-srch,
.cab-srch {
    display: flex;
    gap: 16px;
    position: relative;
}
.cab-frm-to{
    display: flex;
    gap: 16px;
    position: relative;
}
.hpkg-srch {
    max-width: 480px;
    margin: 0 auto;
    align-items: center;
}
.hpkg-list-srch {
    margin: 0 auto;
    align-items: center;
}
.cab-srch{
    width: auto;
    margin: 0;
    align-items: center;
}
.search_box{
    font-weight: bold;
    cursor: pointer;
    font-size: 15px!important;
}
/*.dt-trwlr-cls,.pkg-srch,.hpkg-srch {
    display: flex;
    gap: 16px;
    position: relative;
}
.hpkg-srch{
    max-width: 480px;
    margin: 0 auto;
    align-items: center;
}*/
.ft-input {
    display: flex;
    flex-direction: column;
    width: fit-content;
    position: static;
    width: 50%;
    max-width: 50%;
}
.cp-input {
    display: flex;
    flex-direction: column;
    width: fit-content;
    position: static;
    width: 50%;
    max-width: 50%;
}
.ap-input {
    display: flex;
    flex-direction: column;
    width: fit-content;
    position: static;
    width: 30%;
    max-width: 30%;
}
.dr-input {
    display: flex;
    flex-direction: column;
    width: fit-content;
    position: static;
    width: 30%;
    max-width: 30%;
}
.tc-input {
    display: flex;
    flex-direction: column;
    width: fit-content;
    position: static;
    width: 40%;
    max-width: 40%;
    position: relative;
    cursor: pointer;
}

.trvl-cls {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    min-width: 554px;
    background-color: #ffffff;
    box-shadow: rgba(119, 119, 119, 0.2) 0px 2px 8px;
    border-radius: 8px;
    z-index: 2;
}

.trvl-cls-rslt {
    padding: 29px 24px 16px;
    position: relative;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.trvl-cls-rsltbx {
    width: 300px;
    height: 72px;
    padding: 16px 14px 12px 18px;
    background: rgb(255, 255, 255);
    border: 2px solid rgb(34, 118, 227);
    border-radius: 8px;
    outline: 0px;
    position: relative;
}

.rsltbx-lbl {
    line-height: normal;
    font-size: 14px;
    font-weight: 500;
    color: rgb(34, 118, 227);
    display: inline-flex;
    padding: 0px 4px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    left: 14px;
    top: -10px;
    z-index: 1;
}

.trvl-rslt {
    line-height: normal;
    font-size: 18px;
    font-weight: 600;
    color: rgb(20, 24, 35);
    margin: 0;
}

.cls-rslt {
    line-height: normal;
    font-size: 12px;
    font-weight: 400;
    color: rgb(119, 119, 119);
    text-transform: capitalize;
}

.trvl-cls-slctn {
    border-top: 1px solid #eaeaea;
    padding: 24px;
}

.trvl-slctnbx {
    display: table;
    width: 100%;
}

.trvl-slctnbxaci {
    display: table-cell;
    width: 33.33%;
    text-align: center;
}

.trvl-acitxtb {
    line-height: normal;
    font-size: 18px;
    font-weight: 500;
    color: rgb(20, 24, 35);
    margin-bottom: 0px;
    font-weight: bold;
}

.trvl-acitxts {
    line-height: normal;
    font-size: 12px;
    font-weight: 400;
    color: rgb(20, 24, 35);
    margin-bottom: 15px;
}

.qty-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-container .input-qty {
    text-align: center;
    padding: 6px 10px;
    border: 1px solid #d4d4d4;
    max-width: 80px;
    height: 38px;
    outline: none;
}

.qty-container .qty-btn-minus,
.qty-container .qty-btn-plus {
    border: 1px solid #d4d4d4;
    padding: 0px;
    font-size: 22px;
    height: 38px;
    width: 38px;
    transition: 0.3s;
}

.qty-container .qty-btn-plus {
    margin-left: -1px;
}

.qty-container .qty-btn-minus {
    margin-right: -1px;
}

.cls-txtb {
    line-height: normal;
    font-size: 18px;
    font-weight: 500;
    color: rgb(20, 24, 35);
    margin-bottom: 16px;
    text-align: center;
    font-weight: bold;
}

.cls-slctn {
    margin-top: 15px;
}

.cls-slctnbx {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.cls-tags .tgs-lst {
    padding: 6px 12px;
    border: 1px solid #494949;
    font-size: 12px;
    margin: 0 6px 6px 0;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}

.cls-tags .active {
    border: 1px solid #008cff;
    background-color: #c6e5ff;
    color: #008cff;
}

.cdbtn-con {
    padding: 16px 24px;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
    border-top: 2px solid rgb(242, 242, 242);
}

.btncnl {
    line-height: normal;
    font-size: 16px;
    font-weight: 500;
    margin-right: 24px;
    cursor: pointer;
    color: rgb(20, 24, 35) !important;
    text-decoration: none;
}

.btndn {
    display: inline-flex;
    line-height: normal;
    font-size: 16px;
    font-weight: 500;
    background-color: rgb(54, 116, 224);
    padding: 8px 24px;
    border-radius: 8px;
    outline: 0px;
    border: 0px;
    cursor: pointer;
    color: rgb(255, 255, 255) !important;
    text-decoration: none;
}

.lgn-input {
    display: flex;
    flex-direction: column;
    width: fit-content;
    position: static;
    width: 100%;
    max-width: 100%;
}

.ft-input label.text,
.cp-input label.text,
.ap-input label.text,
.dr-input label.text,
.tc-input label.text,
.lgn-input label.text {
    font-size: 0.75rem;
    color: #000000;
    font-weight: 700;
    position: relative;
    top: 0.5rem;
    margin: 0 0 0 7px;
    padding: 0 3px;
    background: #ffffff;
    width: fit-content;
}

.ft-input input[type=text].input,
.cp-input input[type=text].input,
.ap-input input[type=text].input,
.dr-input input[type=date].input,
.dr-input input[type=text].input,
.dr-input input[type=datetime-local].input,
.tc-input input[type=text].input,
.lgn-input input[type=number].input,
.lgn-input input[type=text].input,
.lgn-input input[type=password].input,
.lgn-input input[type=date].input {
    padding: 11px 22px;
    font-size: 0.75rem;
    border: 2px #8b8b8b solid;
    border-radius: 5px;
    background: #ffffff;
    height: 58px;
}

.dr-input input[type=date].input {
    height: 58px;
    width: 100%;
}

.lgn-input input[type=number].input,
.lgn-input input[type=text].input,
.lgn-input input[type=password].input,
.lgn-input input[type=date].input {
    font-size: 1rem;
    font-weight: bold;
}

/* Chrome, Safari, Edge, Opera */
.lgn-input input[type=number]::-webkit-outer-spin-button,
.lgn-input input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.lgn-input input[type=number] {
    -moz-appearance: textfield;
}

.ft-input input[type=text].input:focus,
.cp-input input[type=text].input:focus,
.ap-input input[type=text].input:focus,
.pc-input input[type=text].input:focus,
.dr-input input[type=date].input:focus,
.tc-input input[type=text].input:focus,
.lgn-input input[type=number].input:focus {
    outline: none;
}

.suggestions {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #818CF8;
  max-height: 150px;
  overflow-y: auto;
  background: white;
  position: absolute;
  top: 75px;
  z-index: 10;
  width: 50%;
  display: none;
}

.suggestions li {
  padding: 8px 10px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}

.suggestions li span {
  font-weight: bold;
}

.suggestions li small {
  color: gray;
  font-size: 0.75rem;
}

.suggestions li:hover {
  background-color: #f0f0f0;
}
/**cab airport**/
.cabSuggestions {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #818CF8;
  max-height: 150px;
  overflow-y: auto;
  background: white;
  position: absolute;
  top: 75px;
  z-index: 10;
  width: 25%;
  display: none;
}

.cabSuggestions li {
  padding: 8px 10px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}

.cabSuggestions li span {
  font-weight: bold;
}

.cabSuggestions li small {
  color: gray;
  font-size: 0.75rem;
}

.cabSuggestions li:hover {
  background-color: #f0f0f0;
}

.ft-swp {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    border-radius: 18px;
    padding: 6px;
    border: 2px #8b8b8b solid;
    background-color: #ffffff;
    background-image: url('https://www.hasmobility.com/assets/web/images/switch-horizontal.png');
    background-repeat: no-repeat;
    background-position: 50%, 50%;
    outline: none;
}

.ofr-ttl {
    text-align: center;
}

.ofr-ttl .mb-txt {
    display: inline-block;
    border-radius: 10px;
    padding: 2px 8px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    background: linear-gradient(90deg, #004577, #004577);
    margin: 0 0 4px 0;
}

.ofr-ttl .sf-txt {
    display: block;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 4px 0;
}

.bxs {
    display: block;
    padding: 5px 0 0 0;
}

.bxs-s {
    display: inline-block;
    width: 49%;
    padding: 6px 16px 6px 16px;
}

.bxs-s:nth-child(1) {
    padding: 6px 16px 11px 0px;
}

.bxs-s:nth-child(2) {
    padding: 6px 0px 11px 16px;
}

.bxs-s:nth-child(3) {
    padding: 6px 16px 11px 0px;
}

.bxs-s:nth-child(4) {
    padding: 6px 0px 11px 16px;
}


.bxs-s *,
.bxs-s *:after,
.bxs-s *:before {
    box-sizing: border-box;
}

.bxs-s .checkbox-wrapper {
    width: 100%;
}

.bxs-s .checkbox-input {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.bxs-s .checkbox-input:checked+.checkbox-tile {
    border-color: #008cff;
    color: #0f2f54
}

.bxs-s .checkbox-input:checked+.checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
    background-color: #008cff;
    border-color: #008cff;
}

.bxs-s .checkbox-input:checked+.checkbox-tile .checkbox-icon,
.bxs-s .checkbox-input:checked+.checkbox-tile .checkbox-label {
    color: #008cff;
}

.bxs-s .checkbox-input:focus+.checkbox-tile {
    border-color: #008cff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;
}

.bxs-s .checkbox-input:focus+.checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
}

.bxs-s .checkbox-tile {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    width: 100%;
    border-radius: 5px;
    border: 2px solid #8b8b8b;
    background-color: #fff;
    transition: 0.15s ease;
    cursor: pointer;
    padding: 8px 16px 8px 16px;
}

.bxs-s .checkbox-tile:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid #8b8b8b;
    background-color: #fff;
    border-radius: 4px;
    opacity: 1;
    transition: 0.25s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.bxs-s .checkbox-tile:hover {
    border-color: #008cff;
}

.bxs-s .checkbox-icon {
    transition: 0.375s ease;
    color: #494949;
}

.bxs-s .checkbox-icon img {
    width: 36px;
    height: 36px;
    margin: 0px 8px;
}

.bxs-s .checkbox-label {
    color: #000000;
    transition: 0.375s ease;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
}

.bxs-s .checkbox-label span {
    display: block;
    font-size: 14px;
}

.srch-flt,
.lgn-usr {
    text-align: center;
}

.srch-flt button,
.lgn-usr button,.srch-hpkg button {
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #fd6a1a;
    margin: 20px 0px 0px 0px;
    outline: none;
    border: none;
    transition: all .3s;
}
.srch-hpkg button {
    padding: 16px 16px;
}

.srch-flt button:hover,.srch-hpkg button:hover {
    background-color: #022a54;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

.ofr-fr-yu h3 {
    text-align: center;
}

.ofr-tags-fltr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ofr-tags-fltr .ofr-tags {
    display: block;
}

.ofr-tags-fltr .ofr-tags .tgs-lst {
    padding: 6px 12px;
    border: 1px solid #494949;
    font-size: 12px;
    margin: 0 6px 6px 0;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}

.ofr-tags-fltr .ofr-tags .active {
    border: 1px solid #008cff;
    background-color: #c6e5ff;
    color: #008cff;
}

.vw-all a {
    text-decoration: none;
    color: #008cff;
    font-weight: bold;
    padding: 3px 26px 3px 0;
    background-image: url('https://www.hasmobility.com/assets/web/images/chevron-forward-circle.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
/**Small Slider***/
#ofr-slder {
    height: auto;
    width: 100%;
    display: grid;
    place-items: center
}

#ofr-sldr-crds {
    height: 300px;
    width: 100%;
    max-width: 1400px;
    position: relative;
    overflow: hidden;
    padding: 20px;
}

#ofr-sldr-crds .btns {
    position: absolute;
    top: calc(50% - 30px);
    height: 44px;
    width: 44px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    cursor: pointer;
    background-color: #ffffff;
    transition: all.3s;
    border-radius: 30px;
    opacity: 1;
}

#ofr-sldr-crds .btns:hover {
    transform: scale(1.2);
}

#ofr-sldr-crds .btns.inactive {
    opacity: .5;
}

#ofr-sldr-crds .btns:first-of-type {
    background-image: url('https://www.hasmobility.com/assets/web/images/arrow-left.png');
    background-repeat: no-repeat;
    background-position: center;
    left: 10px
}

#ofr-sldr-crds .btns:last-of-type {
    background-image: url('https://www.hasmobility.com/assets/web/images/arrow-right.png');
    background-repeat: no-repeat;
    background-position: center;
    right: 10px;
}

#ofr-sldr-crds #slider {
    display: flex;
    width: 1000%;
    height: 100%;
    transition: all .5s;
}

#ofr-sldr-crds #slider .slide {
    height: 90%;
    margin: auto 10px;
    /*background-color: #c6e5ff;
    box-shadow: 2px 2px 4px 2px white, -2px -2px 4px 2px white;*/
    display: grid;
    place-items: center;
}

#ofr-sldr-crds #slider .slide span {
    color: white;
    font-size: 150px;
}
/* Home page slider */
.slider-container {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 16px 0 0 0;
}

.image-slider {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    width: 100%;
}
.image-slider::-webkit-scrollbar {
  visibility: hidden;
}
.image-slider img {
    width: auto;
    height: 150px;
    margin: 0 5px;
    flex-shrink: 0;
}

.nav-btn {
    width: 36px;
    height: 36px;
    padding: 10px 15px;
    cursor: pointer;
    outline: none;
    border: 1px solid #b1b1b1;
    border-radius: 32px;
    position: absolute;
    transition: all .5s;
    z-index: 11;
}
.nav-btn:hover{
    transform: scale(1.2);
}

.nav-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.arw-rt {
    background: #ffffff url(https://www.hasmobility.com/assets/web/images/arrow-right.png) no-repeat center;
    background-size: 20px;
    right: 0;
}

.arw-lt {
    background: #ffffff url(https://www.hasmobility.com/assets/web/images/arrow-left.png) no-repeat center;
    background-size: 20px;
    left: 0;
}
/* Home page slider end */

/* Package slider start */
.pkgslider-container {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 16px 0 0 0;
}

.pkgimage-slider {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    width: 100%;
    padding-bottom: 100px;
}
.pkgimage-slider::-webkit-scrollbar {
  visibility: hidden;
}
.pkgimage-slider .hhp-cards{
    width: 280px;
    height: auto;
    margin: 0 5px;
    flex-shrink: 0;
    position: relative;
}
.hhp-cardimg{
    height: auto;
    border-radius: 20px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.hhp-cardimg img{
    display: block;
    height: 245px;
    border-radius: 20px;
    width: 100%;
    object-fit: cover;
}
.hhp-cardinfo{
    box-shadow: 0px 3px 20px #0000001a;
    background-color: #ffffff;
    border-radius: 15px;
    padding: 15px;
    width: 90%;
    position: absolute;
    bottom: -30%;
    left: 50%;
    transform: translateX(-50%);
}
.hhp-cardtitle{
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.hhp-cardprc{
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.kyrd{
    margin-right: 10px;
    font-size: 14px;
    color: #000000;
}
.prcs{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
.hhpttl-explr span{
    font-size: 14px;
    color: #008cff;
}
.hhpttl-ttxt h4{
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    color: #000000;
}
.hhpttl-icn img{
    width: 32px;
    height: auto;
}

.pnav-btn {
    width: 44px;
    height: 44px;
    padding: 10px 15px;
    cursor: pointer;
    outline: none;
    border: 1px solid #b1b1b1;
    border-radius: 32px;
    position: absolute;
    transition: all .5s;
    top: 125px;
    box-shadow: 0px 3px 20px #0000001a;
}
.pnav-btn:hover{
    transform: scale(1.2);
}

.pnav-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.parw-rt {
    background: #ffffff url(https://www.hasmobility.com/assets/web/images/arrow-right.png) no-repeat center;
    background-size: 20px;
    right: 0px;
    z-index: 5;
}

.parw-lt {
    background: #ffffff url(https://www.hasmobility.com/assets/web/images/arrow-left.png) no-repeat center;
    background-size: 20px;
    left: 0px;
    z-index: 5;
}
/* Package slider end */
.cpy-txt{
    text-align: center;
    margin: 16px 0 16px 0;
}
.pc-pl{
    font-size: 12px;
    line-height: 12px;
}
.img-scale{
    transform-origin: 0 0;
    transition: transform .25s, visibility .25s ease-in;
    overflow: hidden;
}
.img-scale:hover img {
    transition: ease-in-out .5s;
    transform: scale(1.2);
}
.tdp{
    text-decoration: none !important;
    color: #000000;
}
.dm-grid{
    display: grid;
    grid-template:
        "abc bcd def"
        "fgh bcd hij";
    grid-gap: 12px;
    grid-template-columns: 37% 28% 33%;
    grid-auto-flow: row;
}
.dms-grid {
    display: grid;
    grid-template: "lmnw opqw";
    grid-gap: 12px;
    grid-template-columns: 49% 49%;
}
.box-hotel-40 {
    width: 100%;
    height: 220px;
    border-radius: 16px;
    background-size: cover;
    position: relative;
    object-fit: cover;
    background-color: #eee;
    text-decoration: none;
    overflow: hidden;
    transform-origin: 0 0;
    transition: transform .25s, visibility .25s ease-in;
}
.box-hotel-40 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box-hotel-40:hover img, .box-hotel-50:hover img {
    transition: ease-in-out .5s;
    transform: scale(1.2);
}
.box-hotel-80{
    height: 455px;
}
.box-hotel-50 {
    width: 100%;
    height: 220px;
    border-radius: 15px;
    background-size: cover;
    position: relative;
    object-fit: cover;
    background-color: #eee;
    overflow: hidden;
}
.bx-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #A0A0A000 37%, #71717100 48%, #3C3C3C77 62%, #252525AB 83%, #000000 100%) 0% 0% no-repeat padding-box;
}
.overlay-txt{
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
}
.g-item1{
    grid-area: abc;
}
.g-item2{
    grid-area: bcd;
}
.g-item3{
    grid-area: def;
}
.g-item4{
    grid-area: fgh;
}
.g-item5{
    grid-area: hij;
}
.g-item7{
    grid-area: lmnw;
}
.g-item8{
    grid-area: opqw;
}
.breadcrumb .breadcrumb-item a{
    text-decoration: none;
}
.hpkg-filters{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filter-items .dropdown{
    display: inline-block;
}
.pckg-card {
    border: 1px solid #EAEAEA;
    border-radius: 15px;
    min-width: 340px;
    max-width: 431px;
    display: flex;
    flex-direction: column;
    position: relative;
}
.pckg-card .img-top {
    position: relative;
    padding: 10px;
}
.pckslt {
    position: absolute;
    display: inline-block;
    border-radius: 4px;
    top: 20px;
    left: 20px;
    z-index: 1;
    background: linear-gradient(to right, #271b62, #2608c0);
    padding: 3px 5px;
}
.lpngt{
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 15px;
    background: #CB0A0A;
    border-radius: 28px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
}
.card-body {
    padding: 10px;
    padding-top: 0;
}
.crd-txt{
    word-break: break-all;
}
.lcftrs-txt{
    margin-top: 12px;
}
.pricesecabs {
    padding: 0;
    width: 100%;
    border-top: 1px solid #e3e3e3;
}
.actprc{
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}
.actprc-l{
    padding: 4px 10px;
}
.prclabl{
    font-size: 12px;
    display: block;
}
.aclmrp{
    font-size: 14px;
    display: block;
    text-decoration: line-through;
}
.ofmrp{
    font-size: 20px;
    display: block;
    font-weight: bold;
}
.nt-txt{
    font-size: 10px;
    color: #454647;
    display: block;
}
.pckg-btn {
    background: #fc7033;
    color: #fff;
    font-size: 12px;
    margin-top: 20px;
    padding: 10px 20px;
    border-radius: 50px;
    cursor: pointer;
    text-decoration: none;
}
.pckg-btn:hover {
    background: #da551c;
     color: #fff;
}
.ListImg {
    overflow: hidden;
}
.ListImg {
    width: 100%;
    float: left;
    position: relative;
}
.ListImg img {
    max-width: 100%;
    vertical-align: top;
    object-fit: cover;
    height: 190px;
    width: 100%;
    border-radius: 12px;
}

.modal-header{
    border-bottom: none;
}
.modal-body .card{
    border: none;
}

.dtlsttl-mn{
    display: inline-block;
    margin-right: 8px;
    font-weight: bold;
}
.dtlsttl-nht{
    font-size: 14px;
    font-weight: bold;
    vertical-align: super;
}
.bokprc-d,.bokprcfrt-d{
    border: 1px solid #8b8b8b;
}
.bokprcfrt-d{
    padding: 10px;
    margin: 10px 0px;
}
.prc-dlm{
    background-color: #bae5ff;
}
.ofmrp-kwd{
    font-size: 12px;
}
.be-cta{
    padding: 10px;
}
.ofmrp-d{
    font-size: 28px;
    font-weight: bold;
}
.bknw-btn {
    background: #fc7033;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 10px 20px;
    border-radius: 50px;
    cursor: pointer;
    text-decoration: none;
    display: block;
    text-align: center;
}
.bknw-btn:hover {
    background: #da551c;
     color: #fff;
}
.enqrnw-btn {
    background: #ffffff;
    color: #008cff;
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
    padding: 10px 20px;
    border-radius: 50px;
    cursor: pointer;
    text-decoration: none;
    display: block;
    text-align: center;
    border: 1px solid #008cff;
}
.enqrnw-btn:hover {
    background: #008cff;
     color: #fff;
}
.lcftrs-d span{
    display: inline-block;
    margin-right: 4px;
    text-align: center;
}
.lcftrs-d span small{
    display: block;
    text-align: center;
    font-size: 10px;
    margin-top: 2px;
}
.nd-hlpd{
    padding: 10px;
    background-color: #EAEAEA;
}
.nd-hlpd p{
    margin-bottom: 0;
}
/* From Uiverse.io by andrew-demchenk0 */
.cabwrapper {
    height: 36px;
    border-radius: 34px;
    display: block;
}
.optionwrapper{
    display: inline-block;
    background-color: #ffffff;
    height: 36px;
    padding: 2px;
    border-radius: 34px;
}
.caboption {
    display: inline-block;
    width: auto;
    height: 28px;
    position: relative;
    top: 2px;
    left: 2px;
}
.caboption .input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    appearance: none;
    cursor: pointer;
}
.caboption .btn {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.caboption span {
    color: #000000;
    font-size: 14px;
}
.caboption .input:checked+.btn {
    background-color: #004477;
}
.caboption .input:checked+.btn span {
    color: #ffffff;
}
.cb-ofr{
    text-decoration: none;
    margin-right: 16px;
}
.cb-ofr:nth-last-child(1){
    margin-right: 0;
}
.cb-title, .cb-text{
    color: #000000 !important;
}
.cb-title{
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
} 
.cb-text{
    font-size: 12px;
}
.card-img-overlay {
    background: linear-gradient(180deg, #000000b0, #00000051);
}
.bk-now{
    background: #fc7033;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 10px 20px;
    border-radius: 50px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}
.bk-now:hover {
    background: #da551c;
    color: #ffffff;
}
.c2c-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 120px;
}
.c2c-city{
    background-color: #ffffff40;
    padding: 8px;
    border-radius: 8px;
    width: 32%;
}
.c2c-city span{
    display: inline-block;
    vertical-align: middle;
}
.c2c-city span img{
    vertical-align: middle;
    border-radius: 4px;
}
.c2c-city span p{
    font-weight: bold;
    margin: 0;
}
.c2c-city span small a{
    color: #ffffff;
    text-decoration: none;
    margin: 0;
}
.asdfltr-cb{
    width: 100%;
    padding: 15px;
    border: 1px solid #8b8b8b;
    border-radius: 8px;
}
.fltr-cbttl{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fltr-cbttl h5{
    margin-bottom: 0;
}
.btnrst{
    color: #008cff;
}
.ctrlcbtp label, .ctrlfueltp label{
    display: flex;
}
.ctrlcbtp label span, .ctrlfueltp label span{
    margin-left: auto;
}
.cab-pic{
    text-align: center;
    height: 100%;
    padding: 15px;
    vertical-align: middle;
}
.cab-pic img{
    width: 120px;
    height: auto;
}
.cblst-title{
    font-weight: bold;
    font-size: 24px;
}
.cbext-dtl span{
    font-size: 12px;
    padding: 0px 12px;
}
.cbext-dtl span:nth-child(1){
    padding: 4px;
    border-radius: 4px;
    background-color: #008cff;
    color:#ffffff;
}
.cbext-dtl span:nth-child(3){
    border-inline: 1px solid #454647;
    padding: 4px 12px;
}
.prc-bkn{
}
.cb-prc p{
    text-align: right;
    font-size: 30px;
    margin: 0;
    padding: 15px 15px 0px 15px;
    font-weight: bold;
}
.cb-dtlmdtry{
    display: flex;
    flex-wrap: wrap;
}
.klm-crgs, .fl-tp, .prt-pmt, .cln-plcy{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
    margin: 12px 0;
    width: 50%;
    flex: 0 0 auto;
}
.cb-km{
}
.cb-km p{
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 12px;
}
.cb-km small{
    font-size: 12px;
}
.cb-ftr p{
    font-size: 12px;
}
.cb-ftr p img{
    vertical-align: -7px;
}

.hd-ofc h5, .flwus-on h5, .loct-us h5{
    font-size: 18px;
    font-weight: bold;
    position: relative;
    margin-bottom: 30px;
}

.ab-hd-ofc h5{
    font-size: 20px!important;
    font-weight: bold;
    position: relative;
    margin-bottom: 0px;
}
.about-checklist p{
    margin-bottom: 1px;
}
.hd-ofc h5::before, .flwus-on h5::before, .loct-us h5::before{
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 24px;
    width: 100px;
    height: 2px;
    background-color: #004579;
}
.flwus-on a{
    font-size: 14px;
    font-weight: bold;
    margin: 0 16px 0 0;
    text-decoration: none;
    color: #000000;
}
.flwus-on img{
    width: 44px;
    height: 44px;
    margin: 0 8px 0 0;
    vertical-align: middle;
}
.no-bkngspic{
    text-align: center;
}
.no-bkngspic img{
    width: auto;
    height: auto;
    border-radius: 140px 128px 4px 4px;
}
.no-bkngspic p{
    font-weight: bold;
}
.cntct-dtls p img {
    margin: 4px 4px 4px 0px;
    width: 24px;
    height: 24px;
    vertical-align: -10px;
}

.coming-soon{
    text-align: center;
}
.coming-soon p{
    font-weight: bold;
}
.coming-soon img{
    width: auto;
    height: auto;
    border-radius: 140px;
    width: 35%;
}

footer {
    background-color: #e8e4e1;
    /*background-color: #02254d;*/
}

.f-secttl {
    position: relative;
    margin-bottom: 15px;
}

.f-secttl::before {
    content: '';
    position: absolute;
    top: 25px;
    left: 0px;
    width: 50px;
    height: 2px;
    background-color: #fc7033;
}

.f-nav .nav-item .nav-link {
    color: #ffffff !important;
    font-weight: normal !important;
}

.nltrbgc {
    background: #fc7033;
    border-color: #fc7033;
}
.nltrbgc:hover, .nltrbgc:focus {
    background: #da551c;
    border-color: #da551c;
}
.trm-srvc{
    text-decoration: none;
    color: #ffffff;
}

.trm-srvc:hover{
    text-decoration: none;
    color: #ffffff;
}
.contacts a{
    color:#212529;
    text-decoration: none;
}
.f-secttl {
    font-size: 15px;
}

.f-nav .nav-item .nav-link {
    font-size: 13px;
}

.border-top{
    border-top: 1px solid #fc7033!important;
}
@media only screen and (max-width: 576px) {
    .flt-search {
        padding: 100px 0px 0px 0px;
    }
    .flt,
    .htl,
    .cbs {
        padding: 0px 0px 0px 64px;
    }

    .mb-ls {
        margin-bottom: 15px;
        justify-content: end;
    }

    .mytrp-link {
        margin: 6px 32px 0px 0px;
    }

    .frm-to, .pkg-srch {
        display: flex;
        gap: 13px;
    }
    .cab-frm-to{
        display: block;
    }
    .ft-swp {
        top: 56%;
    }
    .pkg-search{
        margin-top: 0 !important;
    }
    .pkg-srch,.hpkg-srch,.srch-hpkg,.cab-srch {
        display: block;
        gap: 0;
    }
    .srch-hpkg{
        text-align: center;
    }
    .dt-trwlr-cls {
        display: block;
        gap: 0;
    }

    .ft-input {
        width: 48%;
        max-width: 48%;
    }
    .cp-input {
        width: 100%;
        max-width: 100%;
    }
     .ap-input {
        width: 100%;
        max-width: 100%;
    }
    .dr-input,
    .tc-input {
        width: 100%;
        max-width: 100%;
    }

    .trvl-cls {
        min-width: 304px;
    }

    .trvl-cls-rsltbx {
        width: 254px;
    }

    .trvl-slctnbx {
        display: block;
        width: 100%;
    }

    .trvl-slctnbxaci {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .flt-trp {
        display: flex;
        justify-content: space-around;
    }

    .spl-ofr {
        margin: 15px 0 0 0;
    }

    .bxs {
        padding: 5px 0 0 0;
    }

    .bxs-s {
        width: 100%;
        padding: 6px 16px 6px 16px !important;
    }
    /**********New for cab********/
    .ofr-fr-yu h3 {
        text-align: left;
    }

    .ofr-tags-fltr {
        position: relative;
    }

    .vw-all {
        position: absolute;
        right: 0;
        top: -32px;
    }
    .cabwrapper {
        padding: 6px 8px;
        display: block;
        height: auto;
        text-align: center;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    }
    .optionwrapper{
        height: auto;
        padding: 2px;
    }
    .caboption {
        display: inline-block;
    }
    .c2c{
        min-height: 414px;
    }
    .c2c-wrap {
        flex-wrap: nowrap;
        margin-top: 30px;
        overflow-x: auto;
    }
    .c2c-city{
        display: flex;
        justify-content: start;
        align-items: center;
        width: 220px;
    }
    .c2c-city span:nth-child(1){
        width: 80px;
    }
    .c2c-city span:nth-child(2){
        width: 140px;
    }
    .cbcard-lst{
        margin: 15px 0px;
    }
    .cb-dtlmdtry {
        display: flex;
        flex-wrap: wrap;
    }
    .klm-crgs,
    .fl-tp,
    .prt-pmt,
    .cln-plcy {
        width: 100%;
        flex: 0 0 auto;
    }
    .cbext-dtl span {
        padding: 0px 4px;
    }
    .cb-prc p {
        text-align: center;
    }
}

@media only screen and (min-width: 1100px) {

    #ofr-sldr-crds #slider .slide {
        /*width: calc(2.5% - 20px);*/
        width: auto;
    }

}

@media only screen and (max-width: 1100px) {

    #ofr-sldr-crds #slider .slide {
        /*width: calc(3.3333333% - 20px);*/
        width: auto;
    }

}

@media only screen and (max-width: 900px) {

    #ofr-sldr-crds #slider .slide {
        /*width: calc(5% - 20px);*/
        width: auto;
    }

}

@media only screen and (max-width: 576px) {

    #ofr-sldr-crds #slider .slide {
        /*width: calc(10% - 20px);*/
        width: auto;
    }
    .flt, .htl, .cbs{
        padding: 0px 0px 0px 64px;
    }
    .mb-ls{
        margin-bottom: 15px;
        justify-content: end;
    }
    .mytrp-link {
        margin: 6px 32px 0px 0px;
    }
    .frm-to {
        display: flex;
        gap: 13px;
    }
    .dt-trwlr-cls {
        display: block;
        gap: 0;
    }
    .ft-input{
        width: 48%;
        max-width: 48%;
    } 
    .dr-input,.tc-input{
        width: 100%;
        max-width: 100%;
    }
    .flt-trp{
        display: flex;
        justify-content: space-around;
    }
    .spl-ofr{
        margin: 15px 0 0 0;
    }
    .bxs {
        overflow-x: scroll;
        padding: 5px 0 0 0;
    }
    .bxs-s {
        width: 100%;
        padding: 6px 16px 6px 16px !important;
    }
    .ofr-fr-yu h3 {
        text-align: left;
    }
    .ofr-tags-fltr {
        position: relative;
    }
    .vw-all{
        position: absolute;
        right: 0;
        top: -32px;
    }

    .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
        color: var(--bs-btn-active-color);
        background-color: #212529;
        border-color: var(--bs-btn-active-border-color);
    }

    .trvl-cls {
        min-width: 304px;
    }
    .trvl-cls-rsltbx {
        width: 254px;
    }
    .trvl-slctnbx {
        display: block;
        width: 100%;
    }
    .trvl-slctnbxaci {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
}