@font-face {
    font-family: Satoshi-Variable;
    src: url(../fonts/Satoshi/Satoshi-Variable.woff2) format('woff2'),url(../fonts/Satoshi/Satoshi-Variable.woff) format('woff'),url(../fonts/Satoshi/Satoshi-Variable.ttf) format('truetype');
    font-weight: 300 900;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Satoshi-Light;
    src: url(../fonts/Satoshi/Satoshi-Light.woff2) format('woff2'),url(../fonts/Satoshi/Satoshi-Light.woff) format('woff'),url(../fonts/Satoshi/Satoshi-Light.ttf) format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Satoshi-Regular;
    src: url(../fonts/Satoshi/Satoshi-Regular.woff2) format('woff2'),url(../fonts/Satoshi/Satoshi-Regular.woff) format('woff'),url(../fonts/Satoshi/Satoshi-Regular.ttf) format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Satoshi-Medium;
    src: url(../fonts/Satoshi/Satoshi-Medium.woff2) format('woff2'),url(../fonts/Satoshi/Satoshi-Medium.woff) format('woff'),url(../fonts/Satoshi/Satoshi-Medium.ttf) format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Satoshi-Bold;
    src: url(../fonts/Satoshi/Satoshi-Bold.woff2) format('woff2'),url(../fonts/Satoshi/Satoshi-Bold.woff) format('woff'),url(../fonts/Satoshi/Satoshi-Bold.ttf) format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: Satoshi-Black;
    src: url(../fonts/Satoshi/Satoshi-Black.woff2) format('woff2'),url(../fonts/Satoshi/Satoshi-Black.woff) format('woff'),url(../fonts/Satoshi/Satoshi-Black.ttf) format('truetype');
    font-weight: 900;
    font-display: swap;
    font-style: normal
}

.btn:focus,button:focus {
    outline: 0
}

#banner-slider .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-top: none;
    border-bottom: none;
    border-radius: 50px
}

.my-slider {
    position: relative;
    min-height: 550px;
    height: auto;
    padding-bottom: 0
}

.my-slider .bd-example {
    position: relative;
    width: 100%;
    top: 0;
    height: 100%;
    min-height: 500px
}

.my-slider .bd-example .carousel,.my-slider .bd-example .carousel-inner,.my-slider .bd-example .carousel-item {
    width: 100%;
    height: 100%;
    min-height: 500px
}

.my-slider .bd-example .carousel-item .carousel-item-div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 500px
}

.my-slider .bd-example .carousel-item .carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.2)
}

.my-slider .bd-example .carousel-item .carousel-caption {
    top: 150px;
    bottom: auto;
    right: 10%;
    left: 10%
}

.my-slider .bd-example .carousel-item .carousel-caption h2 {
    font-family: Satoshi-Black,sans-serif;
    font-size: 3rem;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase
}

.my-slider .bd-example .carousel-item .carousel-caption h6 {
    font-size: 1.5rem;
    font-family: Satoshi-Medium,sans-serif
}

.my-slider .banner-curve {
    background-image: url(../images/banner-curve.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    background-position: bottom;
    height: 100%;
    bottom: -75px;
    z-index: 1;
    left: 0;
    background-size: contain
}

.search-engine-section {
    position: relative;
    z-index: 1;
    margin-top: -75px
}

.search-engine-section .search-box {
    background-color: #ecf1f4;
    padding: 15px;
    border-radius: 5px
}

.search-engine-section .search-box .return-car-label {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Satoshi-Bold,sans-serif;
    color: #333
}

.search-engine-section .search-box .return-car-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.search-engine-section .search-box .return-car-label .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border: 1px solid #4e4e4e
}

.search-engine-section .search-box .return-car-label:hover input~.checkmark {
    background-color: transparent
}

.search-engine-section .search-box .return-car-label input:checked~.checkmark {
    background-color: transparent
}

.search-engine-section .search-box .return-car-label .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.search-engine-section .search-box .return-car-label input:checked~.checkmark:after {
    display: block
}

.search-engine-section .search-box .return-car-label .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.search-engine-section .search-box .home-input-field {
    background-color: #fff;
    position: relative;
    padding: 8px 15px 5px;
    border-radius: 10px;
    height: 70px;
    border: 1px solid #e7e8ea;
    /* height: 100%; */
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
}

.search-engine-section .search-box .home-input-field label {
    font-family: Satoshi-Medium;
    color: #003b93;
    font-size: 14px;
    margin: 0
}

.search-engine-section .search-box .home-input-field label .bx {
    font-size: 18px;
    vertical-align: text-bottom;
    margin-right: 5px
}

.search-engine-section .search-box .home-input-field .form-control,.search-engine-section .search-box .home-input-field .form-control:focus {
    background-color: transparent!important;
    border: none;
    padding: 0;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    border-radius: 0;
    color: #666;
    box-shadow: none
}

.search-engine-section .search-box .form-search-btn {
    background-color: #9eccdb;
    border: 1px solid #9eccdb;
    color: #fff;
    height: 70px;
    border-radius: 10px;
    width: 100%;
    font-size: 18px;
    font-family: Satoshi-Bold
}

.search-engine-section .search-box .form-search-btn:hover {
    background-color: #4e4e4e;
    border: 1px solid #4e4e4e
}

.search-engine-section .search-box .journey-ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.search-engine-section .search-box .journey-ul li {
    display: inline-block;
    margin-right: 10px
}

.search-engine-section .search-box .journey-ul li:last-child {
    margin-right: 0
}

.search-engine-section .search-box .journey-ul li .flight-jrn-btn label {
    font-size: 13px;
    margin: 0
}

.search-engine-section .search-box .journey-ul li .flight-jrn-btn label span {
    text-align: center;
    display: block;
    border: 1px solid #4e4e4e;
    border-radius: 10px;
    padding: 5px 20px;
    color: #4e4e4e;
    font-family: Satoshi-Medium;
    height: 30px;
    line-height: 1.3
}

.search-engine-section .search-box .journey-ul li .flight-jrn-btn label input {
    position: absolute;
    opacity: 0
}

.search-engine-section .search-box .journey-ul li .flight-jrn-btn label:hover,.search-engine-section .search-box .journey-ul li .flight-jrn-btn:hover {
    cursor: pointer
}

.search-engine-section .search-box .journey-ul li .flight-jrn-btn input:checked+span {
    background-color: #4e4e4e;
    border: 1px solid #4e4e4e;
    color: #fff
}

.search-engine-section .search-box .class_option {
    border: 1px solid #4e4e4e;
    border-radius: 10px;
    padding: .375rem .75rem;
    color: #4e4e4e;
    font-family: Satoshi-Medium;
    background-color: transparent;
    font-size: 13px;
    outline: 0;
    box-shadow: none;
    height: 30px
}

.search-engine-section .search-box .flight-guest,.search-engine-section .search-box .hotel-guest,.search-engine-section .search-box .sightseeing-guest,.search-engine-section .search-box .transfer-guest {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 255px;
    left: 0;
    top: 100%;
    max-width: 255px;
    overflow: hidden;
    border-radius: 10px
}

.search-engine-section .search-box .flight-guest .count_item h6,.search-engine-section .search-box .hotel-guest .count_item h6,.search-engine-section .search-box .sightseeing-guest .count_item h6,.search-engine-section .search-box .transfer-guest .count_item h6 {
    font-family: Satoshi-Bold;
    color: #003b93;
    font-size: 16px;
    margin: 0
}

.search-engine-section .search-box .flight-guest .count_item h6.child-age-num,.search-engine-section .search-box .flight-guest .count_item h6.child-age-num span,.search-engine-section .search-box .hotel-guest .count_item h6.child-age-num,.search-engine-section .search-box .hotel-guest .count_item h6.child-age-num span,.search-engine-section .search-box .sightseeing-guest .count_item h6.child-age-num,.search-engine-section .search-box .sightseeing-guest .count_item h6.child-age-num span,.search-engine-section .search-box .transfer-guest .count_item h6.child-age-num,.search-engine-section .search-box .transfer-guest .count_item h6.child-age-num span {
    font-size: 14px;
    color: #333;
    margin: 0;
    font-family: Satoshi-Bold
}

.search-engine-section .search-box .flight-guest .count_item span,.search-engine-section .search-box .hotel-guest .count_item span,.search-engine-section .search-box .sightseeing-guest .count_item span,.search-engine-section .search-box .transfer-guest .count_item span {
    font-size: 12px;
    color: #333;
    font-family: Satoshi-Medium
}

.search-engine-section .search-box .flight-guest .count_item .btns button,.search-engine-section .search-box .hotel-guest .count_item .btns button,.search-engine-section .search-box .sightseeing-guest .count_item .btns button,.search-engine-section .search-box .transfer-guest .count_item .btns button {
    width: 44px;
    border-radius: 5px;
    height: 25px;
    border: none;
    background: #bcbcbc;
    color: #fff;
    font-size: 16px
}

.search-engine-section .search-box .flight-guest .count_item input.adult,.search-engine-section .search-box .flight-guest .count_item input.adult_sightseeing,.search-engine-section .search-box .flight-guest .count_item input.adult_transfer,.search-engine-section .search-box .flight-guest .count_item input.child,.search-engine-section .search-box .flight-guest .count_item input.child_sightseeing,.search-engine-section .search-box .flight-guest .count_item input.child_transfer,.search-engine-section .search-box .flight-guest .count_item input.infant,.search-engine-section .search-box .flight-guest .count_item input.infant_sightseeing,.search-engine-section .search-box .flight-guest .count_item input.infant_transfer,.search-engine-section .search-box .hotel-guest .count_item input.adult,.search-engine-section .search-box .hotel-guest .count_item input.adult_sightseeing,.search-engine-section .search-box .hotel-guest .count_item input.adult_transfer,.search-engine-section .search-box .hotel-guest .count_item input.child,.search-engine-section .search-box .hotel-guest .count_item input.child_sightseeing,.search-engine-section .search-box .hotel-guest .count_item input.child_transfer,.search-engine-section .search-box .hotel-guest .count_item input.infant,.search-engine-section .search-box .hotel-guest .count_item input.infant_sightseeing,.search-engine-section .search-box .hotel-guest .count_item input.infant_transfer,.search-engine-section .search-box .sightseeing-guest .count_item input.adult,.search-engine-section .search-box .sightseeing-guest .count_item input.adult_sightseeing,.search-engine-section .search-box .sightseeing-guest .count_item input.adult_transfer,.search-engine-section .search-box .sightseeing-guest .count_item input.child,.search-engine-section .search-box .sightseeing-guest .count_item input.child_sightseeing,.search-engine-section .search-box .sightseeing-guest .count_item input.child_transfer,.search-engine-section .search-box .sightseeing-guest .count_item input.infant,.search-engine-section .search-box .sightseeing-guest .count_item input.infant_sightseeing,.search-engine-section .search-box .sightseeing-guest .count_item input.infant_transfer,.search-engine-section .search-box .transfer-guest .count_item input.adult,.search-engine-section .search-box .transfer-guest .count_item input.adult_sightseeing,.search-engine-section .search-box .transfer-guest .count_item input.adult_transfer,.search-engine-section .search-box .transfer-guest .count_item input.child,.search-engine-section .search-box .transfer-guest .count_item input.child_sightseeing,.search-engine-section .search-box .transfer-guest .count_item input.child_transfer,.search-engine-section .search-box .transfer-guest .count_item input.infant,.search-engine-section .search-box .transfer-guest .count_item input.infant_sightseeing,.search-engine-section .search-box .transfer-guest .count_item input.infant_transfer {
    border: none;
    text-align: center;
    width: 30px;
    height: 30px;
    margin: -1px .5rem;
    font-size: 20px;
    color: #333!important;
    font-family: Satoshi-Bold;
    outline: 0
}

.search-engine-section .search-box .flight-guest .btn-done,.search-engine-section .search-box .hotel-guest .btn-done,.search-engine-section .search-box .sightseeing-guest .btn-done,.search-engine-section .search-box .transfer-guest .btn-done {
    font-size: 13px;
    font-family: Satoshi-Bold;
    padding: 5px 30px;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
    ;outline: 0;
    box-shadow: none
}

.search-engine-section .search-box .hotel-guest select.form-control,.search-engine-section .search-box .hotel-guest select.form-control:focus,.search-engine-section .search-box .sightseeing-guest select.form-control,.search-engine-section .search-box .sightseeing-guest select.form-control:focus {
    border: 1px solid #b3b3b3;
    padding: .375rem .75rem;
    font-size: 14px;
    border-radius: .25rem;
    height: 30px;
    line-height: normal
}

.search-engine-section .search-box .hotel-guest .roomMainDiv,.search-engine-section .search-box .sightseeing-guest .roomMainDiv {
    border-top: 1px solid #dee2e6;
    padding-top: .5rem;
    margin-top: .5rem
}

.search-engine-section .search-box .hotel-guest .roomMainDiv:first-child,.search-engine-section .search-box .sightseeing-guest .roomMainDiv:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0
}

.why-choose-sec {
    padding: 75px 0 0
}

.why-choose-sec h2 {
    color: #333;
    font-size: 2rem;
    font-family: Satoshi-Bold;
    text-align: center;
    margin-bottom: 0
}

.why-choose-sec .why-choose-div {
    text-align: center;
    margin-top: 40px
}

.why-choose-sec .why-choose-div:hover .why-choose-icon {
    background: #fff;
    color: #010b2f;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.why-choose-sec .why-choose-div:hover .why-choose-icon:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
    -moz-animation: sonarEffect 1.3s ease-out 75ms infinite;
    animation: sonarEffect 1.3s ease-out 75ms infinite
}

.why-choose-sec .why-choose-div .why-choose-icon {
    width: 75px;
    height: 75px;
    line-height: 75px;
    border-radius: 50%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    display: block;
    margin: auto
}

.why-choose-sec .why-choose-div .why-choose-icon:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255,255,255,.1);
    opacity: 0;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9)
}

.why-choose-sec .why-choose-div img {
    max-height: 75px;
    margin: auto
}

.why-choose-sec .why-choose-div h5 {
    font-size: 18px;
    font-family: Satoshi-Bold;
    color: #111236;
    margin: 20px 0 0;
    line-height: 1.4;
    text-transform: uppercase
}

.top-flight-deals {
    padding: 50px 0 0
}

.top-flight-deals h2 {
    color: #333;
    font-size: 2rem;
    font-family: Satoshi-Bold;
    text-align: center;
    margin-bottom: 30px
}

.top-flight-deals .flight-deal-div {
    background-color: #eee;
    padding: 10px;
    border-radius: 10px
}

.top-flight-deals .flight-deal-div:hover .image-sec {
    border-radius: 10px 10px 0 0
}

.top-flight-deals .flight-deal-div:hover .image-sec img {
    transform: scale(1.1);
    border-radius: 10px 10px 0 0
}

.top-flight-deals .flight-deal-div .image-sec {
    height: 200px;
    overflow: hidden;
    position: relative;
    border-radius: 10px 10px 0 0
}

.top-flight-deals .flight-deal-div .image-sec img {
    min-height: 200px;
    max-height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    transform: scale(1);
    transition: ease-in-out .5s
}

.top-flight-deals .flight-deal-div .airline-det {
    margin-top: 15px
}

.top-flight-deals .flight-deal-div .airline-det h4 {
    font-size: 18px;
    text-align: center;
    font-family: Satoshi-Bold;
    color: #333;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.top-flight-deals .flight-deal-div .airline-det img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: 10px auto
}

.top-flight-deals .flight-deal-div .airline-det h5 {
    font-size: 14px;
    color: #4e4e4e;
    font-family: Satoshi-Medium;
    margin: 15px 0;
    text-align: center
}

.top-flight-deals .flight-deal-div .bottom-sec {
    border-top: 1px solid #ccc;
    padding-top: 15px
}

.top-flight-deals .flight-deal-div .bottom-sec p {
    font-size: 13px;
    margin: 0;
    color: #333
}

.top-flight-deals .flight-deal-div .bottom-sec h6 {
    font-size: 20px;
    color: #003b93;
    font-family: Satoshi-Bold;
    margin: 0
}

.top-flight-deals .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -4%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #4e4e4e!important;
    text-align: center!important;
    padding: 5px 10px!important
}

.top-flight-deals .owl-carousel .owl-nav .owl-next i {
    color: #fff
}

.top-flight-deals .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -4%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #4e4e4e!important;
    text-align: center!important;
    padding: 5px 10px!important
}

.top-flight-deals .owl-carousel .owl-nav .owl-prev i {
    color: #fff
}

.top-hotel-deals {
    padding: 50px 0 0
}

.top-hotel-deals h2 {
    color: #333;
    font-size: 2rem;
    font-family: Satoshi-Bold;
    text-align: center;
    margin-bottom: 30px
}

.top-hotel-deals .hotel-div {
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(37,32,31,.3);
    margin-bottom: 30px
}

.top-hotel-deals .hotel-div .top-section {
    position: relative
}

.top-hotel-deals .hotel-div .top-section .price-div {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fe5a42;
    padding: .5rem 1rem;
    border-radius: 10px 0 0
}

.top-hotel-deals .hotel-div .top-section .price-div h5 {
    color: #fff;
    margin: 0;
    font-size: 16px;
    font-family: Satoshi-Bold,sans-serif
}

.top-hotel-deals .hotel-div .top-section .price-div h5 span {
    font-size: 13px
}

.top-hotel-deals .hotel-div .top-section .hotel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 10px 10px 0 0;
    background-color: rgba(0,0,0,.25)
}

.top-hotel-deals .hotel-div .top-section .rating-div {
    background-image: linear-gradient(0deg,#ffaa57 0,#fe5c76 100%);
    border-radius: 50px;
    padding: .5rem 1rem;
    position: absolute;
    top: 10px;
    left: 10px;
    box-shadow: 0 13px 20px 0 rgba(13,21,75,.4)
}

.top-hotel-deals .hotel-div .top-section .rating-div h5 {
    margin: 0;
    font-family: Satoshi-Bold,sans-serif;
    color: #fff;
    font-size: 15px
}

.top-hotel-deals .hotel-div .top-section .rating-div .rating-text {
    display: flex;
    padding-left: .5rem;
    flex-direction: column;
    align-items: flex-start;
    white-space: nowrap
}

.top-hotel-deals .hotel-div .top-section .rating-div .rating-text h6 {
    font-size: 12px;
    margin: 1px 0;
    color: #fff
}

.top-hotel-deals .hotel-div .top-section img {
    min-height: 225px;
    max-height: 225px;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0
}

.top-hotel-deals .hotel-div .bottom-section {
    padding: 10px
}

.top-hotel-deals .hotel-div .bottom-section .btn-book {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
    font-size: 14px;
    font-family: Satoshi-Medium;
}

.top-hotel-deals .hotel-div .bottom-section .btn-book:hover {
    background-color: var(--primary-hover);
    border: 1px solid var(--primary-hover)
}

.top-hotel-deals .hotel-div .bottom-section p {
    font-family: Satoshi-Medium,sans-serif;
    font-size: 14px;
    margin: 0;
    color: #777
}

.top-hotel-deals .hotel-div .bottom-section h3 {
    font-family: Satoshi-Bold,sans-serif;
    color: #003b93;
    margin: 0;
    font-size: 20px
}

.top-hotel-deals .hotel-div .bottom-section h3 small {
    font-family: Satoshi-Regular;
    font-size: 13px
}

.top-hotel-deals .hotel-div .bottom-section .hotel-name h4 {
    color: #000;
    font-family: Satoshi-Bold,sans-serif;
    margin: 0 0 10px;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.top-hotel-deals .hotel-div .bottom-section .star-rating .fa {
    font-size: 12px;
    color: #ff9400
}

.top-destinations {
    padding: 50px 0 0
}

.top-destinations h2 {
    color: #333;
    font-size: 2rem;
    font-family: Satoshi-Bold;
    text-align: center;
    margin-bottom: 0
}

.top-destinations .destination-deal-div {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    border-radius: 10px
}

.top-destinations .destination-deal-div:hover img {
    transform: scale(1.1);
    border-radius: 10px
}

.top-destinations .destination-deal-div img {
    min-height: 235px;
    max-height: 235px;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    transition: all .3s;
    border-radius: 10px
}

.top-destinations .destination-deal-div .destination-text {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    width: 100%;
    text-align: center;
    padding: 10px 15px
}

.top-destinations .destination-deal-div .destination-text h4 {
    color: #fff;
    margin-bottom: 0;
    font-size: 35px;
    font-family: Satoshi-Bold;
    word-break: break-word
}

.top-destinations .destination-deal-div .destination-text p {
    color: #fff;
    margin: 0;
    text-align: center;
    font-family: Satoshi-Bold,sans-serif;
    font-size: 16px
}

.top-destinations .destination-deal-div .destination-hover-text {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(158,204,219,.75);
    border-radius: 10px
}

.top-destinations .destination-deal-div .destination-hover-text .destination-hover-text-div {
    position: absolute;
    width: 100%;
    padding: 10px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.top-destinations .destination-deal-div .destination-hover-text .btn-book {
    color: #fff;
    font-size: 14px;
    background-color: #4e4e4e;
    border: 1px solid #4e4e4e;
    font-family: Satoshi-Medium
}

.top-destinations .destination-deal-div .destination-hover-text .btn-book:hover {
    background-color: #4e4e4e;
    border: 1px solid #4e4e4e;
    color: #fff
}

.top-destinations .destination-deal-div .hotdestinationel-hover-text .destination-line {
    width: 50px;
    background-color: #fff;
    height: 2px;
    margin: 15px auto 10px;
    transition: all .3s
}

.top-destinations .destination-deal-div .destination-hover-text h4 {
    color: #fff;
    margin-bottom: 0;
    font-size: 35px;
    font-family: Satoshi-Bold
}

.top-destinations .destination-deal-div .destination-hover-text p {
    color: #fff;
    font-size: 16px;
    margin: 0;
    font-family: Satoshi-Medium,sans-serif
}

.top-destinations .destination-deal-div .destination-hover-text h5 {
    color: #fff;
    margin: 20px 0;
    font-size: 14px;
    text-align: center;
    font-family: Satoshi-Medium,sans-serif
}

.top-destinations .destination-deal-div .destination-hover-text h5 span {
    font-size: 20px;
    font-family: Satoshi-Bold
}

.top-destinations .destination-deal-div .destination-deal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    border-radius: 10px
}

.top-cruise-deals {
    padding: 50px 0
}

.top-cruise-deals h2 {
    color: #333;
    font-size: 2rem;
    font-family: Satoshi-Bold;
    text-align: center;
    margin-bottom: 0
}

.top-cruise-deals .cruise-deals-div {
    margin-top: 30px
}

.top-cruise-deals .cruise-deals-div:hover .item-image img {
    transform: scale(1.1)
}

.top-cruise-deals .cruise-deals-div .item-image {
    height: 200px;
    overflow: hidden;
    position: relative
}

.top-cruise-deals .cruise-deals-div .item-image .cruise-deal-price {
    position: absolute;
    background-image: linear-gradient(0deg,#ffaa57 0,#fe5c76 100%);
    text-align: center;
    right: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 5px 10px
}

.top-cruise-deals .cruise-deals-div .item-image .cruise-deal-price h4 {
    color: #fff;
    font-size: 16px;
    margin: 0;
    font-family: var(--font-bo)
}

.top-cruise-deals .cruise-deals-div .item-image .cruise-deal-price h4 small {
    font-size: 13px;
    font-family: var(--font-re)
}

.top-cruise-deals .cruise-deals-div .item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    transform: scale(1);
    transition: ease-in-out .5s
}

.top-cruise-deals .cruise-deals-div .item-body {
    background-color: var(--primary);
    padding: 15px 10px
}

.top-cruise-deals .cruise-deals-div .item-body h5 {
    color: #fff;
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: Satoshi-Bold
}

.top-cruise-deals .cruise-deals-div .item-body p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    font-family: Satoshi-Medium
}

.top-cruise-deals .cruise-deals-div .item-body p .fa {
    min-width: 16px;
    margin-right: 6px
}

.top-cruise-deals .cruise-deals-div .item-body p:last-child {
    margin-bottom: 0
}

.top-cruise-deals .cruise-deals-div .item-body .cruise-img {
    background-color: #fff;
    padding: 5px;
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
    display: flex;
    align-items: center
}

.top-cruise-deals .cruise-deals-div .item-body .cruise-img img {
    max-width: 100%;
    display: block;
    margin: auto;
    max-height: 18px;
    image-rendering: auto
}

.top-cruise-deals .cruise-deals-div .item-body .cruise-book {
    height: 35px;
    background-color: var(--primary-hover);
    border: 1px solid var(--primary-hover);
    color: #fff;
    font-size: 14px;
    font-family: var(--font-me);
    text-transform: uppercase;
    width: 100%;
    border-radius: 0
}

.top-cruise-deals .cruise-deals-div .item-body .cruise-book:hover {
    background-color: var(--primary-hover);
    border: 1px solid var(--primary-hover);
    color: #fff
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(12,21,210,.1),0 0 10px 10px rgba(12,21,210,.8),0 0 0 3px rgba(12,21,210,.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(12,21,210,.1),0 0 10px 10px rgba(12,21,210,.8),0 0 0 3px rgba(12,21,210,.5);
        -webkit-transform: scale(1.3);
        opacity: 0
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(12,21,210,.1),0 0 10px 10px rgba(12,21,210,.8),0 0 0 3px rgba(12,21,210,.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(12,21,210,.1),0 0 10px 10px rgba(12,21,210,.8),0 0 0 3px rgba(12,21,210,.5);
        -moz-transform: scale(1.3);
        opacity: 0
    }
}

@keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(12,21,210,.1),0 0 10px 10px rgba(12,21,210,.8),0 0 0 3px rgba(12,21,210,.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(12,21,210,.1),0 0 10px 10px rgba(12,21,210,.8),0 0 0 3px rgba(12,21,210,.5);
        transform: scale(1.3);
        opacity: 0
    }
}

@media screen and (max-width: 480px) {
    .my-slider .bd-example .carousel-item .carousel-caption {
        top:50px;
        right: 15px;
        left: 15px
    }

    .my-slider .bd-example .carousel-item .carousel-caption h2 {
        font-size: 1.75rem
    }
}

@media screen and (min-width: 481px) and (max-width:767px) {
    .my-slider .bd-example .carousel-item .carousel-caption {
        top:100px
    }
}

@media screen and (max-width: 767px) {
    .my-slider .banner-curve {
        bottom:30px
    }

    .search-engine-section {
        margin-top: -120px
    }
}

@media screen and (min-width: 768px) {
    .top-destinations .destination-deal-div.side-images img {
        min-height:500px;
        max-height: 400px
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .my-slider .banner-curve {
        bottom:-15px
    }

    .search-engine-section {
        margin-top: -100px
    }
}

@media screen and (min-width: 992px) and (max-width:1199px) {
    .top-cruise-deals .cruise-deals-div .item-body .cruise-book {
        font-size:14px
    }
}

@media screen and (min-width: 992px) and (max-width:1400px) {
    .my-slider .banner-curve {
        bottom:-40px
    }

    .search-engine-section {
        margin-top: -100px
    }
}

@media screen and (max-width: 1199px) {
    .search-engine-section .search-box .home-input-field label {
        font-size:14px
    }
}

@media screen and (min-width: 1400px) {
    .my-slider .banner-curve {
        bottom:-50px
    }

    .search-engine-section {
        margin-top: -120px
    }
}

.search-engine-section .search-box .flight-guest .btn-done:hover, .search-engine-section .search-box .hotel-guest .btn-done:hover, .search-engine-section .search-box .sightseeing-guest .btn-done:hover, .search-engine-section .search-box .transfer-guest .btn-done:hover {
    background-color: var(--primary-hover);
    border: 1px solid var(--primary-hover);
    color: #fff;
}

@media only screen and (max-width: 992px) {
    .top-destinations .destination-deal-div .destination-text h4 {
        font-size: 22px;
    }
}

.top-flight-deals .flight-deal-div .bottom-sec .btn-book {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
    font-family: Satoshi-Medium;
    font-size: 14px;
    padding: .375rem .75rem;
    outline: 0;
    box-shadow: none;
}

.top-flight-deals .flight-deal-div .bottom-sec .btn-book:hover {
    background-color: var(--primary-hover);
    border: 1px solid var(--primary-hover);
    color: #fff;
    font-size: 14px;
    padding: .375rem .75rem;
    outline: 0;
    box-shadow: none;
}

.search-engine-section .search-box .form-control::-webkit-input-placeholder {
    color: #666
}

.search-engine-section .search-box .form-control::-ms-input-placeholder {
    color: #666
}

.search-engine-section .search-box .form-control:-ms-input-placeholder {
    color: #666
}