.header.is-sticky .header-logo img:nth-child(2) {
    opacity: 1;
}

.header.is-sticky .header-logo img:nth-child(1) {
    opacity: 0;
}

a.t-btn:hover {
    color: #ee5663;
}

.office-slider {
    height: 100%;
}

.office-slider img {
    height: 100%;
    object-fit: cover;
}

.tag {
    padding-left: 10px !important;
    padding-right: 10px !important;
    display: inline-block;
}

.hotel-search-section1 {
    max-width: 960px;
    backdrop-filter: blur(3px);
    padding: 0;
    width: 100%;
    top: 548px;
    position: absolute;
}
.hotel-search-section1 {
    position: absolute;
    top: 88%;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
}
.btn-sec {
    display: flex;
    justify-content: center;
    gap: 15px;
    border-bottom: 1px solid gainsboro;
    padding: 10px;
}
.booking_field_column {
    display: flex;
    align-items: center;
    padding: 12px 19px;
    display: flex;
    width: 100%;
    cursor: pointer;
    gap: 15px;
}

.booking_field_column .form-group {
    width: 100%;
    margin: 0;
}

.booking_field_column .form-group .form-label {
    display: flex;
    align-items: center;
    color: #222;
    font-weight: 500;
    letter-spacing: .5px;
    margin: 0;
    font-size: 16px;
}

.bookingIngine_container .profile__input {
    margin-bottom: 0px !important;
    position: relative;
}

.location-item a {
    padding: 8px 12px;
    /* Consistent padding for dropdown items */
    margin: 0;
    /* Remove any default margin */
    display: block;
}

.bookingIngine_container input {
    background-color: transparent !important;
    border: 1px solid rgba(245, 247, 245, 0.1);
    padding: 8px 20px 8px 0px;
    height: auto;
    line-height: 0px;
    border: none !important;
    color: #fff !important;
}

.booking_field_column .dropdown-menu {
    width: 300px !important;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 1000;
    margin-top: 0;
}

.booking_field_column .dropdown-menu .arrowupIcon {
    position: absolute;
    top: -10px;
    left: 20px;
}

.booking_field_column .dropdown-menu .locationList_container {
    padding: 0px;
    min-height: 80px;
    height: 100%;
    overflow-y: scroll;
    max-height: 180px !important;
}

.booking_field_column .dropdown-menu li {
    padding: 10px;
}

.booking_field_column .no-results {
    position: absolute;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    width: 100%;
    left: 0px;
}

.booking_field_column .no-results a {
    text-align: center !important;
    justify-content: center;
}

.booking_field_column .dropdown-item {
    display: flex;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: wrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
    flex-wrap: wrap;
    font-size: 13px;
    font-family: roboto;
    line-height: 22px;
}

.booking_field_column .dropdown-menu li {
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: first baseline;
    padding: 10px;
    gap: 6px;
}

.booking_field_column .dropdown-menu li iconify-icon {
    color: #222 !important;
    position: relative;
    top: 3px;
}

.main-menu-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    height: 75px;
}

.main-menu-wrapper .header .header-menu .menu__nav>li {
    padding: 20px 0px;
}

.main-menu-wrapper .menu__nav>li {
    padding: 0px !important;
    margin: 0px;
}

.main-menu-wrapper .menu__nav>li a {
    padding: 0 !important;
}

.rightMenu {
    background: #fff;
    border-radius: 50px;
    height: 48px;
    padding: 0px 20px;
    width: 200px;
}

.user-text {
    width: 100%;
}

/* .header {
    background: #00000063;
    backdrop-filter: blur(3px);
    border-bottom: 1px solid #00000026;
} */
.header .header-menu .menu__nav {
    position: relative;
    z-index: 9;
    gap: 35px;
}

.header-menu {
    padding: 0px 50px;
    position: relative;
    z-index: 999;
    /* overflow: hidden;
    border-radius: 50px; */
}

.header-menu:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    height: 46px;
    margin-left: -97px;
    width: 143px;
    background-color: #ee56637d;
    z-index: 1;
}

.header-menu::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(92deg, #FFF -2967.5%, rgba(255, 255, 255, 0) 199.15%);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    height: 100%;
    width: 100%;
    z-index: 2;
}

.header.is-sticky .header-menu::after, .header.is-sticky .header-menu::before {
    display: none;
}

.header-menu .menu li a {
    color: #fff;
	padding:10px 0px !important;
}

.header.is-sticky.header .header-menu .menu li a {
    color: #000
}

.header .header-menu .menu li.active-nav a {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.header.is-sticky.header .header-menu .menu li.active-nav a {
    color: #ec2839;
    border-bottom: 2px solid #ff0000;
}

.btn-card-hotel {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #dcdcdc6b;
}

.btn-sec a iconify-icon {
    font-size: 24px;
}

/* .btn-card-hotel a.t-btn {
    color: #fff;
} */

.btn-card-hotel a.t-btn.btn-hotel-search-active {
    color: #222;
    backdrop-filter: blur(3px);
    border-bottom: 2px solid #e75360;
    background-color: #ffff;
}

.btn-sec {
    border-bottom: 1px solid #dcdcdc6b;
    padding: 12px 10px 20px 10px;
}

.form-group input {
    padding: 10px 20px;
    background: #ffffff;
    border: 1px solid #0000002e;
    color: #222;
    outline: none;
    border-radius: 6px;
    font-size: 17px;
}

button.mainSearch__submit {
    border-radius: 6px;
    background: #ec2839 !important;
}

/* .button-item-hotel {
    position: relative;
    top: 16px;
} */
.result-list {
    background: #fff;
    position: absolute;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-bottom: 1px solid #eee;
    border-radius: 6px;
    display: none;
}

.result-list .result-item {
    padding: 10px 12px;
    border-top: 1px solid #00000014;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.result-list .result-item:first-of-type {
    border: none;
}

button.mainSearch__submit iconify-icon {
    font-size: 16px;
    margin-right: 5px;
}

.profile__input.profile__input2 {
    position: relative;
}

.profile__input.profile__input2>iconify-icon {
    position: absolute;
    right: 20px;
    top: 21px;
    font-size: 22px;
    color: #575757;
}


h1.stay.is-in-view {
    font-size: 50px !important;
    max-width: 60%;
    margin: 0px auto;
    line-height: 60px;
    padding-bottom: 12px;
}

.stay1 {
    max-width: 50%;
    margin: 0px auto;
    margin-top: 5px;
}

.masthead.-type-7 .masthead__bg::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(4 3 3);
    opacity: 60%;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hotel-card-margin-top p {
    line-height: 23px;
}

.hotelsCard.-type-1 .hotelsCard__title span {
    font-weight: 500;
}

.search-form-hotel {
    background: #4545450f;
    padding-top: 0;
    border: 1px solid #00000014;
    border-top: 0;
    border-radius: 0px 0px 12px 12px;
}

a.t-btn {
    border: none;
    border-bottom: 2px solid #ffffff;
    padding: 5px 12px 10px 12px;
    border-radius: 0;
}

.slid {
    height: 650px;
}

.btn-card-hotel a.t-btn img {
    max-width: 24px;
    margin-right: 10px;
}

.rent-card {
    background: #f3f3f345;
    border-radius: 10px;
    border: 1px solid #dddddd8c;
}

.rent-card .hotelsCard__content.hotel-card-margin-top {
    padding: 15px 20px;
    margin: 0;
}

.rent-card ul li {
    display: flex;
    align-items: center;
    gap: 7px;
}

.rent-card a.buy {
    width: 100%;
    display: block;
    background: #ec2839;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    padding: 5px;
    margin-top: 12px;
}

.rent-card ul {
    padding-top: 10px;
}

.rent-card h4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.hotelsCard.-type-1 .hotelsCard__image {
    border-radius: 10px 10px 0px 0px;
    height: 250px;
}

.cardImage {
    height: 100%;
}

a.button.allView {
    padding: 12px 30px;
    border-radius: 6px;
    background: #000000;
    font-size: 16px;
    font-weight: 500;
    gap: 6px;
    color: #fff;
}

a.button.allView iconify-icon {
    font-size: 20px;
}

a.button.commonBTNS {
    background: #222;
    color: #fff;
    padding: 12px 30px;
    gap: 8px;
}

a.button.commonBTNS iconify-icon {
    font-size: 20px;
}

.homeAbout {
    padding: 60px 0px;
}

.features-wrap {
    padding: 0;
}

.home-about-img {
    width: 100%;
    aspect-ratio: 100 / 118;
    position: relative;
    max-width: 550px;
}

.home-about-img img:nth-child(1) {
    width: 49%;
    position: absolute;
    top: 9%;
    inset-inline-start: 0;
}

.home-about-img img:nth-child(2) {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 44%;
}

.home-about-img img:nth-child(3) {
    position: absolute;
    bottom: 0;
    inset-inline-start: 26%;
    width: 59%;
}

.home-about-img img {
    border-radius: 8px;
}

.home-about-wraps {
    height: 100%;
    display: flex;
    align-items: center;
}

.home-about-text h4, .features-text h4, .working-text h4 {
    font-size: 42px;
    font-weight: 600;
    line-height: 46px;
}

.home-about-text p, .features-text p {
    line-height: 30px;
    padding: 20px 0px 40px 0px;
}

.home-about-text h5 {
    font-size: 55px;
    font-weight: 600;
    padding-top: 40px;
}

.home-about-text h6 {
    font-weight: 500;
    padding: 15px 0px 30px 0px;
    font-size: 18px;
}

.home-about-text a.button.commonBTNS {
    display: inline-block;
}

.features-img {
    width: 100%;
    height: 580px;
}

.features-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.right-space {
    padding: 60px 0px;
}

.features-text ul li {
    width: 49%;
    display: flex;
    gap: 15px;
    padding-bottom: 30px;
}

.features-text ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
}

.feature-box-icon {
    height: 60px;
    min-width: 60px;
    border: 2px solid #ee5663;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-box-icon iconify-icon {
    font-size: 28px;
    color: #ee5663;
}

.feature-box-text h5 {
    font-size: 20px;
    font-weight: 600;
}

.feature-box-text p {
    padding: 0;
    line-height: 24px;
}

section.custo-pad.testymonials-wrap {
    background: rgb(217 217 217 / 19%) !important;
    padding: 60px 0px;
}

.testumanial-text {
    height: auto;
    width: 100%;
}

.testumanial-text-img {
    display: flex;
    gap: 15px;
    align-items: center;
}

.testumanial-text-img img {
    width: 80px;
    height: 36px;
}

.testumanial-text-img h3 {
    font-size: 18px;
    line-height: 30px;
}

.testumanial-text h4 {
    font-size: 45px;
    font-weight: 600;
    line-height: 48px;
    padding: 15px 0px 24px 0px;
}

.testumanial-text p {
    font-weight: 500;
    font-size: 17px;
}

.rating-wrap {
    display: inline-flex;
    background-color: #e7f5eb;
    border-radius: 5px;
    padding: 15px 20px;
    margin-top: 50px;
}

.rating-lefts {
    display: flex;
    border-right: 1px solid #cddbd9;
    padding-right: 18px;
    gap: 10px;
}

.rating-lefts img {
    width: 34px;
    height: 33px;
}

.rating-lefts h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.rating-top {
    display: flex;
    align-items: center;
}

.rating-top ul {
    display: flex;
    align-items: center;
    padding-left: 6px;
}

.rating-top h5 {
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
}

.rating-top ul li iconify-icon {
    font-size: 24px;
}


.rating-right {
    padding-left: 18px;
}

.rating-top ul li {
    line-height: 14px;
}

.rating-right p {
    display: block;
    width: 100%;
    color: #000;
    font-weight: 600;
    line-height: 24px;
}

.testimonials-wrapper {
    background: #fff;
    padding: 80px 100px;
    box-shadow: 0px 30px 200px rgba(16, 25, 56, .08);
    border-radius: 5px;
}

.testimonialstext {
    text-align: center;
}

.testimonialstext img {
    width: 52px;
    margin: auto;
    padding-bottom: 22px;
}

.testimonialstext p {
    font-size: 22px;
    line-height: 36px;
    font-weight: 500;
    color: #000;
}

.testimonialstext h4 {
    font-size: 22px;
    line-height: 36px;
    font-weight: 500;
    color: #000;
    padding-top: 36px;
}

.testimonialstext h6 {
    color: #505050;
}

.testimonials-wrapper button {
    width: 70px;
    height: 70px;
    border: 1px solid rgba(18, 18, 18, .15);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(18 18 18);
    transition: all .5s;
    font-size: 0;
    position: absolute;
    top: calc(50% - 35px);
    left: -35px;
}

.testimonials-wrapper button.slick-next {
    left: inherit;
    right: -35px;
}

.testimonials-wrapper button iconify-icon {
    font-size: 30px;
}

.testimonials-wrapper button:hover {
    background-color: #ec2839;
    color: #fff;
}

.right-space-first {
    padding: 60px 0px;
    background: #fff;
}

.explore-space {
    background: rgb(217 217 217 / 19%);
    padding: 60px 0px;
}

.features-wraps-inners {
    display: flex;
    gap: 60px;
}

.features-text {
    max-width: 50%;
    padding: 60px 50px 0px 80px;
}

.features-text ul li:nth-child(3), .features-text ul li:nth-child(4) {
    padding-bottom: 0;
}

.working-wrpper {
    padding: 60px 0px;
    background: #ef3c4c;
}

.bg-dark-2 {
    background: #ef3c4c !important;
}

#scrollUp {
    background: #ed3c4b;
}

.working-text {
    color: #fff;
    padding-right: 60px;
}

.working-text p {
    color: #fff;
    padding: 20px 0px;
    line-height: 24px;
}

.working-img-wrap {
    display: flex;
    align-items: center;
    gap: 50px;
}

.working-img {
    height: 500px;
    width: 100%;
}

.working-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.working-btn-wrap {
    display: flex;
    gap: 20px;
    padding: 10px 0px 50px 0px;
}

.working-btn-wrap a {
    background: #fff;
    color: #000;
    padding: 8px 24px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #fff;
}

.working-btn-wrap a:last-of-type {
    background: none;
    color: #fff;
    border: 1px solid #fff;
}

.over-wrap {
    display: flex;
    gap: 50px;
}

.over-wrap-box h5 {
    font-size: 25px;
    font-weight: 500;
}

.over-wrap-box p {
    padding: 0;
    line-height: 22px;
}

.working-text h4 {
    line-height: 62px;
}

.work-cunters-box {
    color: #fff;
}

.work-cunters-box h4 {
    font-size: 30px;
}

.work-cunters-box p {
    color: #fff;
    line-height: 20px;
}

.work-cunters {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

a.contactBTN {
    border: 2px solid #fff;
    padding: 8px 25px;
    border-radius: 6px;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
}

a.contactBTN iconify-icon {
    font-size: 22px;
}


.footer-logo {
    position: relative;
    z-index: 9;
    height: auto;
    width: 100%;
    padding-right: 20px;
}

.footer-logo img {
    width: 175px;
    margin-bottom: 24px;
}

.footer-logo p {
    font-size: 15px;
    color: #ffffff;
    padding-bottom: 20px;
}

.footer-logo ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    padding-top: 12px;
}

.footer-logo ul li a {
    height: 40px;
    width: 40px;
    background: #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    margin-right: 15px;
    color: #ed3c4b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.importent-link {
    position: relative;
    z-index: 2;
}

.importent-link ul.page-footer__menu.list--reset {
    display: block;
}

h6.page-footer__title.title--white {
    margin-bottom: 30px;
    font-size: 20px;
    color: #fff;
}

.page-footer__menu li {
    width: 100%;
    margin-bottom: 15px;
}

.page-footer__menu a {
    font-size: 16px;
    color: #fff;
}

.importent-link .post-content:first-of-type {
    margin-bottom: 30px;
}

.post-text h6 a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    display: block;
    font-weight: 600;
}

.page-footer__details ul li a {
    font-size: 15px;
    font-weight: 400;
    display: flex;
    white-space: normal;
}


.page-footer__details ul li {
    margin-bottom: 25px;
}

.page-footer__details ul li a:hover::after {
    display: none;
}

footer.footer.footers-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 60px;
    position: relative;
}

footer.footer.footers-bg:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(-81deg, rgb(3 9 13 / 91%) 46.29%, rgb(50 60 69 / 90%) 109.9%);
    z-index: 2;
}

.outer-bottom {
    border-top: 2px solid rgba(255, 255, 255, 0.15);
    position: relative;
    z-index: 2;
    padding: 15px 0px;
    margin-top: 40px;
}

.bottom-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.copy-right p {
    margin: 0;
    font-size: 16px;
    color: #fff;
}

.copy-right-sec ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style-type: none;
}

.copy-right-sec ul li a {
    text-decoration: none;
    font-size: 16px;
    margin-left: 30px;
    color: #fff;
}

.footer-logo ul li a iconify-icon {
    font-size: 20px;
}

.copy-right p a, .copy-right p a:hover {
    color: #ff2134;
}

.gallery-wrap {
    height: auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
}

.locationList_container .dropdown-item:hover {
    color: #000 !important;
}

.input__location {
    width: 100%;
    padding: 8px 12px;
    /* Adjust padding as needed */
    margin: 0;
    box-sizing: border-box;
    /* Ensures padding doesn't add to width */
    border: 1px solid #ccc;
    /* Optional: Maintains a clean border */
}


.gallery-images {
    height: auto;
    width: 32%;
    cursor: pointer;
    padding: 4px;
}

.gallery-images img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 6px;
    transition: .5s;
}

.gallery-images img:hover {
    transform: scale(1.1);
    transition: .5s;
}

section.hotel-section-1.top-sections {
    padding-top: 140px;
    padding-bottom: 50px;
}

.masthead.-type-7 .masthead__content {
    margin-top: 0px;
    height: 730px;
}
.pop-hotel-pad {
    padding-top: 20px;
}
.button.-blue-1:hover {
    background: #3c3e40 !important;
    color: white !important;
}
.innerPages {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 130px 0px 60px 0px;
}

.innerPages:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(-81deg, rgb(3 9 13 / 61%) 46.29%, rgb(50 60 69 / 75%) 109.9%);
    z-index: 2;
}

.main-text-banner {
    position: relative;
    z-index: 9;
    text-align: center;
}

.main-text-banner form {
    display: inline-flex;
    gap: 15px;
    align-items: end;
    margin: auto;
    background: #f1f1f1;
    padding: 20px 30px 30px 30px;
    border-radius: 10px;
    margin-top: 20px;
    width: 60%;
}

.input-box {
    text-align: left;
    width: 100%;
}

.input-box label {
    color: #000;
    font-weight: 600;
}

.input-box input {
    border: 1px solid #ddd;
    padding: 5px 15px;
    border-radius: 6px;
    outline: none;
    margin-top: 8px;
    height: 44px;
    background: #fff;
}

.main-text-banner form button {
    background: #ef3c4c;
    color: #fff;
    min-width: 140px;
    height: 44px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
}

section.all-property {
    padding: 60px 0px;
}

.rent-card a:hover {
    color: #ed3c4b;
}

.hotel-card-margin-top h5 {
    font-size: 18px;
    padding-top: 10px;
    font-weight: 600;
    color: #2f2f2f;
}

aside.sidebar.filter-wrappers .sidebar__item:first-of-type {
    border: none;
}

aside.sidebar.filter-wrappers .sidebar__item {
    padding: 20px 0px;
}

.form-radio .radio__mark {
    height: 17px;
    width: 17px;
}

.filter-wrappers .sidebar__item h5 {
    font-weight: 600;
    font-size: 18px;
}

.js-price-rangeSlider {
    padding-bottom: 20px;
}

.showLocation {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}

.showLocation span.room-1 {
    font-size: 20px;
    font-weight: 600;
}

.rent-card a.buy:hover {
    color: #fff;
}

.show-star ul {
    display: flex;
    align-items: center;
}

.show-star ul li {
    font-size: 26px;
    color: #ef3c4c;
    line-height: 24px;
    position: relative;
    top: 4px;
}

.details-price h5 {
    font-size: 25px;
    font-weight: 600;
    color: #ed3c4b;
}

.details-location iconify-icon {
    margin-right: 6px;
    font-size: 18px;
}

.details-images-wrapper .galleryGrid__item img {
    border-radius: 10px;
    cursor: pointer;
}

.hotel-property {
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
}

.single-hotel-pad-top {
    padding-top: 20px;
}

.highlights-box {
    background-color: #fff;
    box-shadow: 0 2px 2px 0 #13304212;
    border: 1px solid rgb(77 77 77 / 12%);
    padding: 20px;
    transition: all .09s ease;
    border-radius: 9px;
    width: 100%;
}

.highlights-box iconify-icon {
    font-size: 24px;
    background: #dddddd54;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #dddddda1;
}

.highlights-box .property-name {
    font-size: 16px;
    font-weight: 500;
}

.overview-details h3 {
    font-size: 24px;
    line-height: 40px;
    padding-bottom: 7px;
}

.overview-details p {
    font-size: 16px;
    line-height: 30px;
}

.sectionTitle.-md .sectionTitle__title {
    font-size: 28px;
}

.moreLocation-slider .swiper-slide {
    padding: 10px;
}

.moreLocation {
    padding: 60px 0px;
    background: rgb(217 217 217 / 19%);
    margin-top: 60px;
}

.moreLocation .rent-card {
    background: #fff;
}

.moreLocation-slider button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 20px 40px 0px #05103612;
    height: 40px;
    width: 40px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #dddddda3;
    font-size: 22px;
    left: -11px;
    transition: .5s;
}

.moreLocation-slider button.slick-next {
    left: inherit;
    right: -11px;
}

.moreLocation-slider button:hover {
    background: #ed3c4b;
    color: #fff;
    transition: .5s;
}

.overview-details h5 {
    font-size: 20px;
    padding: 25px 0px 20px 0px;
}

.overview-details ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.overview-details ul li {
    width: 48.5%;
    display: flex;
    gap: 15px;
    align-items: center;
    padding-top: 8px;
}

.Unique-img iconify-icon {
    font-size: 38px;
}

.Unique-text h6 {
    font-weight: 700;
}

.Unique-text p {
    line-height: 28px;
}

.map-side {
    border-radius: 8px;
    padding: 0px !important;
}

.mapsDetails {
    padding: 24px;
}

.mapsDetails p i {
    font-size: 14px;
    margin-right: 4px;
}

.mapsDetails .mark {
    padding: 0;
    font-weight: 600;
    font-size: 17px;
    padding-top: 10px;
}

.mapsDetails h6 {
    font-weight: 400;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    line-height: 30px;
}

.mapsDetails h6 span {
    font-weight: 600;
}

.mapsDetails a {
    display: block;
    width: 100%;
    text-align: center;
    background: #ed3c4b;
    color: #fff;
    padding: 6px;
    border-radius: 8px;
    margin-top: 20px;
}

.contect-box {
    height: 250px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.contect-box:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000000a6;
    left: 0;
    top: 0;
}

.contect-box-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 9;
    color: #fff;
    padding: 20px;
    text-align: center;
}

.contect-box-text h5 {
    font-size: 30px;
}

.contect-box-text h5 span {
    color: #ed3c4b;
    display: block;
}

.contect-box-text a {
    text-align: center;
    display: inline-flex;
    background: #fff;
    color: #000;
    padding: 6px 28px;
    border-radius: 6px;
    margin-top: 20px;
    align-items: center;
    gap: 10px;
}

/*************************************
    Checkout page css step form
**************************************/

.step-form {
    width: 100%;
    /* text-align: center; */
    background: #fff;
    padding: 0;
    border-radius: 10px;
    border: 1px solid #ececec;
}

.steps {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%;
    margin: 0 auto 0px;
    padding: 15px 25px;
    border-bottom: 1px solid #ececec;
}

.rightSied {
    display: flex;
    gap: 25px;
}

.step {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #e0e0e0;
    color: #666;
    line-height: 24px;
    text-align: center;
    margin-bottom: 0;
    font-weight: bold;
}

.circle.active {
    background-color: #000;
    color: #fff;
}

.step span {
    font-size: 14px;
    color: #666;
}

.step .active+span {
    color: #000;
}

/* .form-content {
	margin-bottom: 20px;
  } */

.form-step {
    display: none;
}

.form-step.active {
    display: block;
}

.form-navigation {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    border-top: 1px solid #ececec;
}

.NextButton {
    padding: 5px 20px;
    border: none;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
}

.PreviousButton {
    padding: 5px 20px;
    border: none;
    background-color: #eaeaea;
    color: #000;
    cursor: pointer;
    border-radius: 5px;
}

.SubmitButton {
    padding: 5px 20px;
    border: none;
    background-color: #ed3c4b;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
}

.innerFormContainer {
    padding: 20px 30px;
}

h6.loginTitle {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
}

h6.loginTitle a {
    color: #0a69ef;
    font-weight: 600;
    text-decoration: underline;
}

.formSecTitle {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}

.innerFormContainer .input-box-book:hover, .innerFormContainer .input-box-book:focus, .innerFormContainer .input-box-book.active {
    border: 1px solid rgba(5, 11, 32, 1);
}

h6.billingAddress {
    font-size: 17px;
}

.img-flag {
    width: 20px;
    height: 15px;
    margin-right: 10px;
}

.input-box-book .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none !important;
    border-radius: 4px;
}

.TermCondition .categories-box .contain a {
    font-size: 16px;
    color: #0a69ef;
}


.payment-container {
    max-width: 80%;
}

.payment-container h1 {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500;
}

.payment-container p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #555;
}

.payment-label {
    display: flex;
    flex-direction: column;
}

.best-price {
    font-size: 12px;
    color: #fff;
    background-color: #c7ffc7;
    border-radius: 4px;
    padding: 0px 6px;
    margin-bottom: 0;
    display: inline-block;
    color: #009800;
    border: 1px solid #47cc47;
    line-height: 21px;
}

.secure-payment {
    font-size: 14px;
    color: #555;
    margin-top: 20px;
}

.payment-icons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.payment-icons img {
    width: 40px;
    height: auto;
}

span.PaymentTTO {
    font-weight: 600;
    color: #000;
    font-size: 17px;
}

.paymentlabel {
    display: flex;
    align-items: center;
    gap: 10px;
}

p.secure-payment {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
}

.input-box-book {
    padding: 10px 15px;
    height: 60px;
    border: 1px solid rgba(225, 225, 225, 1);
    border-radius: 8px;
    margin-bottom: 30px;
}

.input-box-book input, .input-box-book input::placeholder {
    font-size: 15px;
    line-height: 19.53px;
    color: rgba(5, 11, 32, 1);
    padding: 0;
    border: none;
    margin-top: 10px;
}

fieldset.input-box-book label {
    color: #838383;
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    top: -12px;
    background: #fff;
    padding: 0px 15px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none !important;
}

.categories-box .contain input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.categories-box .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid rgb(225, 225, 225);
    border-radius: 5px;
}

.categories-box .contain {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 15px;
    color: var(--theme-color-dark);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.TermCondition .categories-box .contain {
    margin-bottom: 0;
    color: #5e5e5e;
    font-weight: 400;
}

.border-none-bottom {
    border-bottom: 0 !important;
    padding: 0 19px 7px;
}

.categories-box .contain input:checked~.checkmark:after {
    display: block;
}

.categories-box .contain .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.categories-box .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.categories-box .contain input:checked~.checkmark {
    background-color: rgb(5 11 32);
}

.summery-wrap {
    padding-left: 20px;
}

.booking-summery {
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.booking-summery h5 {
    font-size: 20px;
    text-transform: capitalize;
    padding: 10px 16px;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
}

.summery-text {
    padding: 20px;
    background-color: #f9f9f9;
}

.summery-text p {
    justify-content: space-between;
    display: flex;
    align-items: center;
    line-height: 34px;
}

.summery-text h6 {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

.summery-text p span {
    color: #000;
    font-weight: 500;
}

section.single-hotel-pad-top.bookDetails {
    padding-bottom: 50px;
}

.card-input label {
    font-weight: 400;
    margin: 0;
}

.card-input input {
    border-radius: 8px;
}

.tabs1 {
    display: inline-flex;
    gap: 15px;
    margin-bottom: 40px;
}

.payment-success {
    max-width: 550px;
    margin: 120px auto 0px auto;
    border-radius: 8px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.success-text>img {
    height: 60px;
    width: 60px;
}

.success-text {
    text-align: center;
    padding-top: 24px;
}

.success-text h4 {
    font-size: 22px;
    font-weight: 400;
    color: green;
    margin-top: 20px;
}

.success-text .summery-text {
    margin-top: 20px;
    border-top: 1px solid #ddd;
}

.success-text>p>span {
    font-weight: 600;
}

a.backHome {
    margin: auto;
    background: #222;
    color: #fff;
    padding: 10px 20px;
    max-width: 170px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 60px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.input-box .select2-container--default .select2-selection--single {
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    height: 44px !important;
}

.input-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px !important;
    padding-left: 15px;
}

.input-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 22% !important;
    top: 78% !important;
}

.bredcrms-wrap {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
}

.bredcrms-wrap h3 {
    font-size: 50px;
    font-weight: 600;
}

.bredcrms-wrap ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding-top: 10px;
}

.bredcrms-wrap ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}

.bredcrms-wrap ul li a iconify-icon {
    font-size: 22px;
    position: relative;
    top: 2px;
}

.bredcrms-wrap ul li a:hover {
    color: #fff;
}

.contect-wrapper {
    padding: 60px 0px;
    height: auto;
    width: 100%;
}

.contect-input-sec {
    height: auto;
    width: 100%;
}

.contect-input-sec p {
    font-size: 18px;
    text-transform: uppercase;
}

.contect-input-sec h4 {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 24px;
}

.contect-input-wrapper {
    display: flex;
    width: 100%;
    gap: 20px;
    margin-bottom: 20px;
}

.contect-input {
    width: 100%;
}

.contect-input input {
    background-color: #F4F5F8;
    border-style: solid;
    border-color: #F4F5F8;
    border-radius: 5px;
    height: 60px;
    padding: 15px 25px;
    outline: none;
    color: #686a6f;
    border: 1px solid #dddddd4d;
}

.contect-input textarea {
    background-color: #F4F5F8;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F4F5F8;
    border-radius: 5px 5px 5px 5px;
    height: 100px;
    padding: 15px 25px;
    outline: none;
    color: #686a6f;
    border: 1px solid #dddddd4d;
}

.contect-input-sec a {
    background: #ed3c4b;
    color: #fff;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 5px;
    margin-top: 15px;
}

.contect-input-sec span {
    font-weight: 400;
    line-height: 24px;
    display: block;
    padding-bottom: 10px;
    color: #686a6f;
}

.touch-box {
    margin-top: 24px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.touch-icon {
    height: 60px;
    width: 60px;
	min-width:60px;
    background: #f4f5f8;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dddddd4d;
    border-radius: 5px;
}

.touch-text h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

.touch-text p {
    font-size: 16px;
    text-transform: inherit;
}

.touch-icon iconify-icon {
    font-size: 30px;
}

.contect-input-sec.cont-right {
    padding-left: 50px;
}

.contect-input-sec.cont-right h4 {
    margin-bottom: 10px;
}

.maps {
    padding-top: 40px;
}

.about-us-page {
    padding: 60px 0px;
    height: auto;
    width: 100%;
    background: #f5f5f5;
}

.about-page {
    height: auto;
    width: 100%;
}

.about-page h2 {
    font-size: 50px;
    line-height: 62px;
    max-width: 70%;
}

.about-page-wraps {
    display: flex;
    gap: 40px;
    padding-top: 24px;
}

.about-page-left {
    height: auto;
    width: 100%;
}

.about-page-left p {
    line-height: 26px;
}

.about-us-btn {
    display: flex;
    gap: 15px;
    padding: 28px 0px;
}

.about-us-btn a, .ab-counter-right-in a {
    background: #000;
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    width: 145px;
    text-align: center;
}

.about-page-left img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.about-page-left-img {
    height: 405px;
    width: 100%;
}

.about-page-left-img img {
    height: 100%;
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
}

.about-us-btn a:last-of-type {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

.about-us-right-wrap {
    padding-left: 40px;
}

.about-us-right {
    height: 400px;
    width: 100%;
}

.about-us-right img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.about-us-right-wrap p {
    padding-top: 20px;
}

.redefining-wrap {
    padding: 60px 0px;
    height: auto;
    width: 100%;
}

.redefining-main-t {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 70px;
}

.redefining-main-t h4 {
    width: 100%;
    font-size: 45px;
    line-height: 55px;
}

.ab-counter-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-top: 30px;
}

.ab-counter-left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.ab-counter-box {
    width: 48%;
    background: #dddddd3b;
    border: 1px solid #dddddd69;
    border-radius: 10px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ab-counter-box h5 {
    font-size: 40px;
}

.ab-counter-box p {
    font-size: 18px;
    padding-top: 15px;
}

.ab-counter-box.active {
    background: #ed3c4b;
    color: #fff;
}

.ab-counter-box.active p {
    color: #fff;
}

.ab-counter-right {
    display: flex;
    width: 100%;
    background: #dddddd3b;
    border: 1px solid #dddddd69;
    padding: 24px;
    border-radius: 10px;
    gap: 10px;
}

.ab-counter-right-in {
    height: 300px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ab-counter-right-in img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.why-wrap {
    padding: 60px 0px;
    height: auto;
    width: 100%;
    background: #f5f5f5;
}

.wrap-whys {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    min-height: 470px;
    margin-top: 30px;
}
.wrap-whys.wrap-whys-2 {
    height: 512px;
}

.why-images {
    width: 100%;
    height: 280px;
}

.wrap-whys .why-images img, .why-images img {
    height: 100%;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    object-fit: cover;
}

.why-images img{
    border-radius: 16px;
}

.whu-texts h4 {
    font-size: 40px;
    padding-bottom: 10px;
}

.wrap-whys .whu-texts h4 {
    font-size: 24px;
    padding-bottom: 10px;
    line-height: 32px;
    font-weight: 500;
}

.whu-texts {
    height: auto;
    width: 100%;
    padding: 20px 30px;
}
.whu-texts p {
    font-size: 15px;
    line-height: 25px;
}

.whu-texts ul{
    padding-bottom: 10px;
}

.whu-texts ul li {
    display: flex;
    gap: 10px;
    line-height: 24px;
    padding-top: 10px;
}

.whu-texts ul li iconify-icon {
    font-size: 20px;
    position: relative;
    top: 4px;
}

.input-group.range-wrap {
    border: 1px solid #d8d6e3;
    border-radius: 5px;
    padding: 2px 5px 2px 27px;
}

.input-group.range-wrap iconify-icon {
    position: absolute;
    left: 12px;
    top: 9px;
}

.input-group.range-wrap input.daterange {
    border: none;
    width: 100%;
    min-width: 204px;
    padding-left: 10px;
    outline: none;
}

.daterangepicker .ranges li.active {
    background-color: #ed3c4b !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #ed3c4b !important;
    border-color: transparent;
    color: #fff;
}

.daterangepicker .btn-primary {
    color: #fff;
    border-color: #ed3c4b !important;
    background-color: #ee5663 !important;

}

section.all-property .rent-card {
    margin-bottom: 20px;
}

.ProductSearch .search-input {
    padding: 10px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    font-size: 16px;
    outline: none;
    width: 100%;
}

.LocationSearch input {
    width: 100%;
    padding: 10px 20px;
    background: #ffffff;
    border: 1px solid #0000002e;
    color: #222;
    outline: none;
    border-radius: 6px;
    font-size: 17px;
}

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

.result-list .result-item iconify-icon {
    padding-right: 5px;
}

.blog-wrap {
    padding: 130px 0px 60px 0px;
    width: 100%;
    height: auto;
}

.blog-wrap .blogCard {
    margin-top: 30px;
}

.dates {
    color: #697488;
}

.blogCard h4 {
    font-weight: 500;
    font-size: 18px;
}

.blog-text {
    padding-top: 20px;
}

.blog-hadding {
    text-align: center;
    max-width: 70%;
    margin: auto;
    padding-bottom: 10px;
}

.blog-hadding h4 {
    font-size: 32px;
    font-weight: 600;
    text-transform: capitalize;
}

.blogCard:hover {
    color: #ed3c4b;
}

.blog-details-img {
    height: auto;
    width: 100%;
    max-height: 400px;
    border-radius: 8px;
    overflow: hidden;
}

.blog-details-img img {
    height: 100%;
    width: 100%;
}

.blog-details-text {
    height: auto;
    width: 100%;
    padding-top: 20px;
    max-width: 75%;
    margin: auto;
}

.blog-details-text h4 {
    font-size: 20px;
    font-weight: 600;
    padding: 20px 0px 8px 0px;
}

.blog-imgs-wrap {
    display: flex;
    gap: 15px;
    padding-top: 35px;
}

.blog-imgs {
    height: 300px;
    width: 100%;
}

.blog-imgs img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.blog-details-text ul li {
    padding-left: 20px;
    color: #757575;
    position: relative;
    line-height: 34px;
}

.blog-details-text ul li:before {
    content: '';
    position: absolute;
    height: 5px;
    width: 5px;
    background: #000;
    left: 8px;
    top: 16px;
    border-radius: 50%;
}

.recentBlog .blog-text {
    padding: 20px;
}

.recentBlog .blog-text h4 {
    font-size: 16px;
    padding-bottom: 7px;
}

.recentBlog .blog-text .dates {
    font-size: 14px;
}


.recentBlog .ratio {
    height: 250px;
}

.header.is-sticky {
    border-bottom: 1px solid #dddddd8f;
}

.content-btn a {
    background: #ee5663;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff !important;
}

.content-btn a iconify-icon {
    font-size: 20px;
    color: #fff;
}

.banner-btn {
    text-align: center;
    padding-top: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.banner-btn a:nth-child(1) {
    background: #ee5663;
    padding: 8px 24px;
    border-radius: 50px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 600;
}

.banner-btn a:nth-child(2) {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 600;
}

.banner-btn a:nth-child(1) img {
    max-width: 26px;
}

.banner-btn a:nth-child(2) span {
    border: 2px solid #fff;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Oteckvs */


.rts-section-gap {
    padding: 60px 0;
}

.rts-about-area-two {
    position: relative;
}

.left-thumbnail-about-area-two {
    display: flex;
    justify-content: center;
    max-width: 490px;
    margin: auto;
    position: relative;
}

.left-thumbnail-about-area-two img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

.left-thumbnail-about-area-two .small-image {
    position: absolute;
    right: -63px;
    bottom: 40px;
    max-width: 211px;
    animation: jump-2 5s linear infinite;
}

@keyframes jump-2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.left-thumbnail-about-area-two .counter-about-area {
    position: absolute;
    padding: 50px 33px;
    background: #20282D;
    position: absolute;
    top: 50px;
    left: -75px;
    text-align: center;
    border-radius: 15px;
}

.left-thumbnail-about-area-two .counter-about-area .title {
    font-size: 48px;
    margin-bottom: 5px;
}

.left-thumbnail-about-area-two .counter-about-area * {
    color: #fff;
}

.left-thumbnail-about-area-two .counter-about-area * {
    color: #fff;
}

.left-thumbnail-about-area-two .counter-about-area * {
    color: #fff;
}

.about-inner-content-two {
    padding-left: 20px;
}

.title-style-two {
    position: relative;
    z-index: 1;
}

.title-style-two .bg-content {
    font-size: 150px;
    position: absolute;
    font-weight: 900;
    letter-spacing: 0;
    left: -90px;
    z-index: -1;
    top: -65px;
    min-width: max-content;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.1);
    line-height: 1;
}

.title-style-two .bg-content::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8855917367) 0%, rgba(255, 255, 255, 0.6082808123) 35%, rgba(255, 255, 255, 0) 100%);
}

.title-style-two .pre, .home-about-text h3 {
    font-size: 16px;
    color: #000000;
    display: flex;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 600;
    border-radius: 6px;
    letter-spacing: 2px;
}

.title-style-two .title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.35;
}

.check-wrapper-area {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
}

.about-inner-content-two .about-between-wrapper .check-wrapper-area .single-check {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 50%;
    margin: 5px 0px;
}

.single-check iconify-icon {
    font-size: 24px;
}

.about-inner-content-two .about-between-wrapper .check-wrapper-area .single-check p {
    margin: 0;
    color: #1C2539;
    font-size: 16px;
}

.rts-about-area-two .shape-area .two {
    position: absolute;
    left: 0;
    top: 20%;
    animation: jump-2 12s linear infinite;
}

.rts-about-area-two .shape-area .one {
    position: absolute;
    right: 0;
    top: 50%;
    animation: jump-2 8s linear infinite;
}

.about-between-wrapper {
    padding-top: 14px;
}


/* Oteckvs */

.title-style-two.center {
    text-align: center;
}

.title-style-two.center .pre {
    text-align: center;
    justify-content: center;
}

.title-style-two.center .bg-content {
    left: 50%;
    transform: translateX(-50%);
}

.service-bg-style-one-wrapper {
    padding: 60px 100px 70px 100px;
    background-size: cover;
    background-position: center;
}

.single-service-signle-wrapper {
    padding: 50px;
    display: flex;
    align-items: flex-start;
    gap: 36px;
}

.single-service-signle-wrapper .icons {
    min-width: max-content;
}

.single-service-signle-wrapper .information .title {
    font-size: 22px;
    font-weight: 700;
}

.single-service-signle-wrapper .information p.disc {
    line-height: 1.5;
    color: #5D666F;
    margin-bottom: 25px;
}

.single-service-signle-wrapper .information .arrow-right {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #1C2539;
}

.single-service-signle-wrapper .icons img {
    height: 100%;
    width: 100%;
}

.single-service-signle-wrapper .icons {
    height: 65px;
    width: 65px;
}

.rts-call-to-action-area-two {
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bg_image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.cta-style-two-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cta-style-two-area .title {
    font-size: 40px;
    line-height: 1.4;
}

.cta-style-two-area * {
    color: #fff;
}

.rts-btn.btn-primary.btn-white {
    background: #F2F2F2;
    color: #20282D;
}

.rts-btn.btn-primary {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    height: 55px;
    max-width: max-content;
    padding: 13px 29px;
    border: none;
    box-shadow: none;
    min-width: max-content;
    border-radius: 15px;
    transition: 800ms;
    font-weight: 600;
}

.swipers-slides.active-slide {
    background: #fff;
}

.title-style-two.center .title {
    font-size: 36px;
    font-weight: 600;
    padding-bottom: 10px;
}

.title-style-two.center p {
    max-width: 60%;
    margin: auto;
    padding-bottom: 40px;
}

ul.slick-dots {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding-top: 30px;
}

ul.slick-dots li {
    height: 8px;
    width: 8px;
    background: rgba(32, 40, 45, 0.2);
    border-radius: 50%;
    font-size: 0;
    transition: .5s;
}

ul.slick-dots li.slick-active {
    background: #ee5663;
    width: 22px;
    border-radius: 50px;
    transition: .5s;
}

div#service {
    overflow: hidden;
    padding-top: 60px;
}

.how-it-work {
    padding: 80px 0;
}

.how-it-work-content {
    padding-right: 50px;
}

.section-title {
    margin-bottom: 40px;
}

.section-title h3, .why-prents span {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3em;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 15px;
}

.section-title h2, .why-prents h4 {
    font-size: 46px;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 0;
    cursor: none;
    line-height: 55px;
    padding-bottom: 15px;

}

.section-title h1 span, .section-title h2 span {
    color: rgb(238 86 99);
}

.how-it-work-btn .btn-default img {
    max-width: 24px;
    margin-left: 6px;
}

.how-it-work-btn .btn-default, .mission-text a, .our-benefit-btn a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1em;
    text-transform: capitalize;
    background: rgb(238 86 99);
    color: #FFFFFF;
    border-radius: 100px;
    padding: 12px 30px;
    border: none;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
    margin-top: 30px;
}

.work-step-item {
    position: relative;
    background-color: rgb(244 244 244);
    border-radius: 20px;
    padding: 40px 40px 0 40px;
    margin-bottom: 40px;
    overflow: hidden;
}

.work-step-item::before {
    content: '';
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 64 80);
    width: 100%;
    height: 0;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.work-step-item-content {
    position: relative;
    z-index: 1;
}

.work-step-item-content h3 {
    font-size: 16px;
    text-transform: uppercase;
    color: rgb(238 86 99);
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
    line-height: 28px;
}

.work-step-item-content h2 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}

.work-step-item-content p {
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
}

.work-step-item-no {
    position: relative;
    margin-bottom: -45px;
    z-index: 1;
}

.work-step-item-no h2 {
    font-size: 100px;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: #00000000;
    stroke-width: 10px;
    -webkit-text-stroke-width: 1px;
    stroke: #808080;
    -webkit-text-stroke-color: #808080;
    opacity: 15%;
    transition: all 0.4s ease-in-out;
}

.work-step-item:hover::before {
    height: 100%;
    top: 0;
    bottom: auto;
}

.work-step-item:hover .work-step-item-content h3, .work-step-item:hover .work-step-item-content h2 {
    color: #FFFFFF;
}

.work-step-item:hover .work-step-item-no h2 {
    stroke: #FFFFFF;
    -webkit-text-stroke-color: #FFFFFF;
}

.work-step-item:hover .work-step-item-content p {
    color: #FFFFFF;
    opacity: 80%;
}

.section-title p {
    font-weight: 500;
}

.process-wrapper {
    display: flex;
    width: 100%;
}

.process-wrapper .how-it-work-content {
    min-width: 50%;
    width: 50%;
}

.process-wrapper .how-it-work-content .section-title {
    position: sticky;
    top: 40px;
}

.work-steps-box {
    width: 50%;
}

.slid {
    height: 100vh;
}

.our-benefit {
    padding: 60px 0;
}

.our-benefit-content {
    margin-right: 30px;
}

.our-benefit-img {
    margin-top: 30px;
}

.our-benefit-img figure {
    display: block;
    border-radius: 20px;
    margin: 0;
    height: 280px;
}

.our-benefit-img img {
    width: 100%;
    aspect-ratio: 1 / 0.543;
    object-fit: cover;
    border-radius: 20px;
    height: 100%;
}

.our-benefit-box {
    background: rgb(244 244 244);
    border-radius: 20px;
    padding: 40px;
}

.our-benefit-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.our-benefit-item {
    position: relative;
    width: calc(50% - 15px);
    background: #FFFFFF;
    border-radius: 20px;
    padding: 20px;
    overflow: hidden;
}

.our-benefit-item:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgb(0 64 80);
    z-index: 0;
    transition: all 0.4s ease-in-out;
}

.our-benefit-item:hover::after {
    top: auto;
    bottom: 0;
    height: 100%;
}

.our-benefit-item .icon-box {
    margin-bottom: 28px;
    width: 50px;
    height: 50px;
}

.our-benefit-item .icon-box img {
    position: relative;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}

.our-benefit-item:hover .icon-box img {
    filter: brightness(0) invert(1);
}

.benefit-item-content {
    position: relative;
    z-index: 1;
}

.benefit-item-content h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all 0.4s ease-in-out;
    line-height: 28px;
    padding-bottom: 10px; 
}

.benefit-item-content p {
    margin: 0;
    transition: all 0.4s ease-in-out;
    line-height: 26px;
}

.our-benefit-item:hover .benefit-item-content h3,
.our-benefit-item:hover .benefit-item-content p {
    color: #fff;
}

.our-benefit-btn a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}
.Connect-box {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.Connect-icon {
    height: 46px;
    width: 46px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
}

.Connect-icon iconify-icon {
    font-size: 24px;
}

.Connect-text span {
    color: #ffffffbf;
    font-size: 14px;
}

.Connect-text p {
    font-size: 17px;
    color: #fff;
}
.whatapp {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 2;
    height: 50px;
    width: 50px;
}

.whatapp a{
    display: block;
}

.whatapp img {
    height: 100%;
    width: 100%;
}
.why-prents {
    max-width: 54%;
    margin: auto;
    text-align: center;
}
.details-page {
    height: 300px;
    width: 100%;
    padding-right: 40px;
}

.details-page img {
    height: 100%;
    width: 100%;
    border-radius: 16px;
    object-fit: cover;
}
.whu-texts.email {
    padding: 0;
}
.home-about-text p {
    padding-bottom: 0;
}
.verchual-boxs {
    padding: 24px;
    border-radius: 20px;
    margin-top: 30px;
    min-height: 300px;
    border: 1px solid rgb(13 13 13 / 5%);
    box-shadow: 0 8px 12px -3px rgb(0 0 0 / 6%), 0 4px 6px -4px rgb(0 0 0 / 6%);
}

.verchual-boxs h5 {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 5px;
}
.verchual-boxs.f-Mail {
    background: #fff;
}
.why-wrap.no-bg {
    background: #fff;
}
.data .verchual-boxs {
    min-height: 308px;
}
.why-wrap.data .whu-texts ul li {width: 48%;}

.why-wrap.data .whu-texts ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
}
.verchual-boxs.d-height {
    min-height: 254px;
}
.verchual-boxs p {
    font-size: 15px;
    line-height: 26px;
}
.counter-about-area h5 {
    font-size: 42px;
    padding-bottom: 10px;
}

.verchual-boxs span {
    height: 50px;
    width: 50px;
    background: #ee56630f;
    border-radius: 8px;
    display: flex
;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: #ee5663;
    border: 1px solid #ee566333;
    margin-bottom: 10px;
}
.whu-texts.email h5 {
    font-size: 20px;
    padding-top: 10px;
}
.emailer .verchual-boxs {
    min-height: 280px;
}

.crm-wrap .verchual-boxs{
    min-height: 332px;
}

.list-text {
    padding-top: 30px;
}

.list-text p {
    font-size: 17px;
    line-height: 30px;
}
.home-about-text.pro-main p:last-of-type {
    padding-top: 0;
}
.main-menu-wrapper .menu__nav ul.subnav li a {
    color: #000 !important;
    padding: 6px 20px !important;
    border-bottom: 1px solid #dddddd70;
    border-radius: 0 !important;
    margin: 0px -10px;
}
.main-menu-wrapper .menu__nav ul.subnav li:last-of-type a {
    border-bottom: none;
    padding-bottom: 0 !important;
}
.header .header-menu .menu .subnav {
    padding: 10px !important;
	min-width: 350px !important;

}


/*****************************
Service page css Start here
******************************/
.ProjectManagement {
    padding: 80px 0 170px;
}
.ProjectManagement .container {
    max-width: 1250px;
}
.ProjectManagement .ImageLeftTwo {
    position: relative;
}
.ProjectManagement .Image1pp {
    border-radius: 10px 10px 10px 10px;
    box-shadow: 15px 30px 40px 0px rgba(0, 0, 0, 0.3);
    width: 65%;
    height: 345px;
    object-fit: cover;
}
.ProjectManagement .Image2pp {
    border-radius: 10px 10px 10px 10px;
    box-shadow: 15px 30px 40px 0px rgba(0, 0, 0, 0.3);
    width: 45%;
    height: 275px;
    object-fit: cover;
    position: absolute;
    bottom: -105px;
    right: 55px;
}
.ProjectManagement .rightSideContent {
    margin-top: 25px;
}
.ProjectManagement .rightSideContent p {
    margin-bottom: 10px;
}
.ProjectManagement .rightSideContent h3 {
    margin-bottom: 15px;
}
.ProjectPointTitle h3 {
    font-size: 28px;
    line-height: 33px;
}
.ProjectPointTitle h3 span {
    font-weight: 500;
    color: #ee5663;
}
.ProjectPointTitle {
    margin-bottom: 30px;
}
section.projectsPoints {
    padding: 50px 0;
    background: #f6f6f6;
}
.service-box.style10.fourteen {
    border-radius: 10px;
    background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
    padding: 20px;
    position: relative;
    z-index: 2;
    transition: .5s;
    border: 1px solid #ececec;
    margin-bottom: 15px;
    height: calc(100% - 15px);
}
.service-box.style10.fourteen h3 {
    font-size: 20px;
    line-height: 32px;
    color: #041424;
    font-weight: 700;
    margin: 20px 0 5px;
    transition: all 400ms linear;
}
.service-box.style10.fourteen .content p.description {
    margin-bottom: 0;
}
.service-box-icon {
    width: 60px;
    height: 60px;
    background: #ef3c4c;
    padding: 10px;
    border-radius: 50px;
}
.service-box-icon img {
    filter: invert(1);
}
button.read-more-btn {
    color: #ef3c4c;
}


.projectDocumentation {
    padding: 60px 0;
}
.projectDocumentation .leftContent h3 {
    font-size: 35px;
}
.projectDocumentation .Documentation li {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 10px;
}
.projectDocumentation .Documentation {
    margin-top: 10px;
}

.projectDocumentation .Documentation li:last-child{
    margin-bottom: 0;
}
.projectDocumentation .docTextLeft {
    width: 330px;
    line-height: 20px;
}
.projectDocumentation .docTextRight {
    color: #656161;
}
.projectDocumentation  .rightImage {
    height: 100%;
    position: relative;
}
.projectDocumentation .rightImage img {
    height: 100%;
    object-fit: cover;
    border-radius: 30px 0 30px 0;
}
.certificateCard {
    padding: 10px;
    position: absolute;
    bottom: 30px;
    left: -45px;
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 15px 30px 40px 0px rgb(0 0 0 / 19%);
    width: 40%;
    border-left: 3px solid #2196F3;
}
.certificateCard img {
    width: 40%;
}
.certificateCard h4 {
    font-size: 18px;
}
.TranscriptionCard {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 210px;
    background: #ff4353;
    color: #fff;
    padding: 15px;
}
.TranscriptionSection {
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 60px 0px 100px;
}
.TranscriptionCard h5 {
    font-size: 30px;
}
img.TranscriptionImage {
    width: 95%;
    height: 600px;
}
.white-bg{
    background:#fff !important;
}

.projectDocumentation.Transcription_general .leftContent h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 13px;
}
.Transcription_general {
    border-top: 1px solid #ececec;
    background: #f6f6f6;
}
/* .certificatesImages {
    display: flex;
    align-items: center;
    justify-content: center;
} */
.ImgBoxCer img {
    width: 150px;
}
.centerTitle h3 {
    font-size: 27px;
}
.centerTitle {
    text-align: center;
    margin-bottom: 15px;
}
.certificates {
    padding: 30px 0;
}
.itSolutionImage img {
    height: 600px;
    width: 100%;
    object-fit: cover;
    padding-left: 40px;
}
.it-solution .leftContent h3 {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 10px;
}
.leftContent p {
    margin-top: 15px;
}
.leftContent  ul.WebsiteList {
    padding-left: 15px;
    margin-top: 15px;
}
.leftContent  ul.WebsiteList li {
    margin-bottom: 10px;
    list-style: circle;
    color: #000000;
}
ul.WebsiteList li::marker {
    color: #ff1100;
}
section.it-solution {
    padding: 50px 0;
    background: #fafafa;
}
.ITSolutionsManagement {
    background-repeat: no-repeat;
    background-position: bottom;
}
ul.webDesignPoints {
    display: flex;
    flex-wrap: wrap;
}
ul.webDesignPoints li {
    padding: 5px 10px;
    background: #ffeaea;
    border-radius: 5px;
    width: calc(50% - 20px);
    margin: 10px;
}

section.WebDesign {
    padding: 50px 0;
}
.tagLine {
    text-align: center;
    margin-top: 20px;
    font-size: 19px;
    font-weight: 500;
    font-style: italic;
}
section.portfolio {
    padding: 50px 0;
}
.blogCard.-type-1 .blogCard__image img {
    height: 400px;
}
/*****************************
Service page css Start here
******************************/
.ProjectManagement {
    padding: 80px 0 170px;
}
.ProjectManagement .container {
    max-width: 1250px;
}
.ProjectManagement .ImageLeftTwo {
    position: relative;
}
.ProjectManagement .Image1pp {
    border-radius: 10px 10px 10px 10px;
    box-shadow: 15px 30px 40px 0px rgba(0, 0, 0, 0.3);
    width: 65%;
    height: 345px;
    object-fit: cover;
}
.ProjectManagement .Image2pp {
    border-radius: 10px 10px 10px 10px;
    box-shadow: 15px 30px 40px 0px rgba(0, 0, 0, 0.3);
    width: 45%;
    height: 275px;
    object-fit: cover;
    position: absolute;
    bottom: -105px;
    right: 55px;
}
.ProjectManagement .rightSideContent {
    margin-top: 25px;
}
.ProjectManagement .rightSideContent p {
    margin-bottom: 10px;
}
.ProjectManagement .rightSideContent h3 {
    margin-bottom: 15px;
}
.ProjectPointTitle h3 {
    font-size: 28px;
    line-height: 33px;
}
.ProjectPointTitle h3 span {
    font-weight: 500;
    color: #ee5663;
}
.ProjectPointTitle {
    margin-bottom: 30px;
}
section.projectsPoints {
    padding: 50px 0;
    background: #f6f6f6;
}
.service-box.style10.fourteen {
    border-radius: 10px;
    background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
    padding: 20px;
    position: relative;
    z-index: 2;
    transition: .5s;
    border: 1px solid #ececec;
    margin-bottom: 15px;
    height: calc(100% - 15px);
}
.service-box.style10.fourteen h3 {
    font-size: 20px;
    line-height: 32px;
    color: #041424;
    font-weight: 700;
    margin: 20px 0 5px;
    transition: all 400ms linear;
}
.service-box.style10.fourteen .content p.description {
    margin-bottom: 0;
}
.service-box-icon {
    width: 60px;
    height: 60px;
    background: #ef3c4c;
    padding: 10px;
    border-radius: 50px;
}
.service-box-icon img {
    filter: invert(1);
}
button.read-more-btn {
    color: #ef3c4c;
}


.projectDocumentation {
    padding: 60px 0;
}
.projectDocumentation .leftContent h3 {
    font-size: 35px;
}
.projectDocumentation .Documentation li {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 10px;
}
.projectDocumentation .Documentation {
    margin-top: 10px;
}

.projectDocumentation .Documentation li:last-child{
    margin-bottom: 0;
}
.projectDocumentation .docTextLeft {
    width: 330px;
    line-height: 20px;
}
.projectDocumentation .docTextRight {
    color: #656161;
}
.projectDocumentation  .rightImage {
    height: 100%;
    position: relative;
}
.projectDocumentation .rightImage img {
    height: 100%;
    object-fit: cover;
    border-radius: 30px 0 30px 0;
}
.certificateCard {
    padding: 10px;
    position: absolute;
    bottom: 30px;
    left: -45px;
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 15px 30px 40px 0px rgb(0 0 0 / 19%);
    width: 40%;
    border-left: 3px solid #2196F3;
}
.certificateCard img {
    width: 40%;
}
.certificateCard h4 {
    font-size: 18px;
}
.TranscriptionCard {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 210px;
    background: #ff4353;
    color: #fff;
    padding: 15px;
}
.TranscriptionSection {
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 60px 0px 100px;
}
.TranscriptionCard h5 {
    font-size: 30px;
}
img.TranscriptionImage {
    width: 95%;
    height: 600px;
}
.white-bg{
    background:#fff !important;
}

.projectDocumentation.Transcription_general .leftContent h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 13px;
}
.Transcription_general {
    border-top: 1px solid #ececec;
    background: #f6f6f6;
}
.certificatesImages {
height:auto;
	width:100%;
}
.ImgBoxCer img {
    width: 150px;
}
.centerTitle h3 {
    font-size: 27px;
}
.centerTitle {
    text-align: center;
    margin-bottom: 15px;
}
.certificates {
    padding: 30px 0;
}
.itSolutionImage img {
    height: 600px;
    width: 100%;
    object-fit: cover;
    padding-left: 40px;
}
.it-solution .leftContent h3 {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 10px;
}
.leftContent p {
    margin-top: 15px;
}
.leftContent  ul.WebsiteList {
    padding-left: 15px;
    margin-top: 15px;
}
.leftContent  ul.WebsiteList li {
    margin-bottom: 10px;
    list-style: circle;
    color: #000000;
}
ul.WebsiteList li::marker {
    color: #ff1100;
}
section.it-solution {
    padding: 50px 0;
    background: #fafafa;
}
.ITSolutionsManagement {
    background-repeat: no-repeat;
    background-position: bottom;
}
ul.webDesignPoints {
    display: flex;
    flex-wrap: wrap;
}
ul.webDesignPoints li {
    padding: 5px 10px;
    background: #ffeaea;
    border-radius: 5px;
    width: calc(50% - 20px);
    margin: 10px;
}

section.WebDesign {
    padding: 50px 0;
}
.tagLine {
    text-align: center;
    margin-top: 20px;
    font-size: 19px;
    font-weight: 500;
    font-style: italic;
}
section.portfolio {
    padding: 50px 0;
}
.blogCard.-type-1 .blogCard__image img {
    height: 400px;
}
span.select2 {
    width: 100% !important;
}
.dcalendarpicker .dudp__calendar-header {
    background: #f55f00;
}
.rightSideContent h5 {
    font-size: 20px;
    font-weight: 600;
}
.key-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.key-wrap span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    padding: 5px 20px;
    border: 1px solid #ddd;
    border-radius: 50px;
    cursor: pointer;
}

.key-wrap span iconify-icon {
    color: #ee5663;
}
.service-box .content h5 {
    font-size: 18px;
    padding-top: 8px;
}

.service-box .content li {
    display: flex;
    gap: 6px;
    font-size: 15px;
    line-height: 34px;
}

.service-box .content .key-wrap {
    padding: 10px 0px 20px 0px;
}
.whu-texts.email h3 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
}

h5.points {
    font-size: 18px !important;
}

.why-wrap.no-bg .key-wrap {
    padding-top: 10px;
}
.service-hadding {
    text-align: center;
    padding-bottom: 40px;
}

.service-hadding h4 {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}
.why-images.bookeeds {
    height: 380px;
}
.points-wrap {
    padding-top: 24px;
}
.why-images.supperts {
    height: 450px;
}

.why-images.supperts img {
    object-fit: cover;
}
.whu-texts ul.forList li  iconify-icon {
    color: #ee5663;
    font-size: 16px;
}

.whu-texts  ul.forList {
    padding-top: 12px;
}
.whu-texts h4.supperts-texts {
    line-height: 45px;
}
.whu-texts.email.other-wraps {
       padding-left: 40px;
    display: flex
;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
main {
    overflow: hidden;
}
.content-btn {
    display: flex;
    gap: 15px;
}

.content-btn a.res-bar {
    padding: 0;
    background: transparent;
	display:none;
}

.content-btn a.res-bar iconify-icon {
    font-size: 36px;
}
.contect-input-sec p .has-spinner {
    background: #ee5663;
    color: #fff;
    border: none;
    height: 46px;
    border-radius: 8px;
}

/*  #responsiveDropdown {
    display: none;
  } */
  /* Hide custom dropdown by default */
  .custom-dropdown {
    display: none;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
    user-select: none;
  }

  .custom-dropdown .dropdown-selected {
    padding: 12px 20px;
    background: #fff;
    font-size: 16px;
    border-radius: 14px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
  }
.custom-dropdown .dropdown-selected img {
    max-width: 24px;
}
.mainSearch__submit {
    height: 53px;
}

.custom-dropdown .dropdown-selected:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    border: 2px solid #222222bf;
    right: 26px;
    top: 20px;
    border-left: 0;
    border-top: 0;
    transform: rotate(45deg);
}

  .custom-dropdown .dropdown-items {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 10;
    max-height: 250px;
    overflow-y: auto;
	  border-radius: 0px 0px 10px 10px;
  }

  .custom-dropdown .dropdown-item {
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    border-bottom: 1px solid #eee;
  }

  .custom-dropdown .dropdown-item:hover {
    background: #f0f0f0;
  }

  .custom-dropdown .dropdown-item img {
    width: 20px;
    height: 20px;
  }
.pop-hotel.left-right-spce-w {
    gap: 30px;
}

.pop-hotel.left-right-spce-w  h2.sectionTitle__title {
    max-width: 30%;
}

.pop-hotel.left-right-spce-w .tab-popular-btn {
    gap: 0px;
	padding-left:10px;
}

.pop-hotel.left-right-spce-w .tab-popular-btn .col-auto {
    padding: 0px 5px;
}


.tabs-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
}

.tabs-scroll-container {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  flex: 1;
}

.tabs__controls {
  display: flex;
  flex-wrap: nowrap;
      width: 100%;
    justify-content: space-between;
}

.tab-item {
  flex: 0 0 auto;
  margin-right: 10px;
}

.scroll-btn {
display: none;
    background: #f0f0f0;
    border: 1px solid #ccc;
    font-size: 25px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    line-height: 45px;
    border-radius: 6px;
    align-items: center;
}

.citiesCard.-type-1 .citiesCard__image img {
    object-fit: cover;
}
.citiesCard.-type-1 .citiesCard__bottom {
    transform: translateY(62px);
}
.top-pad {
    padding-top: 20px !important;
    justify-content: flex-start !important;
}

.banner-btn a:nth-child(2) {
    display: none;
}
.contect-input-sec span.wpcf7-not-valid-tip {
    text-transform: lowercase;
    font-size: 14px;
    color: #dc3232;
}

.ImgBoxCer {
    padding: 4px;
}

.ImgBoxCer-inner {
    border: 1px solid #ddd;
    height: 120px;
    line-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 8px;
}
.certificatesImages button {
    background: #ee5663;
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 26px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 20px);
    left: -16px;
}

.certificatesImages button.slick-next {
    left: inherit;
    right: -15px;
}

.certificatesImages button iconify-icon {
    position: relative;
    left: -2px;
}

.certificatesImages button.slick-next iconify-icon {
    left: 1px;
}

/* privacy policy css */

.privacy-wrap {
    padding: 50px 0px;
}

.privacy-text {
    padding-bottom: 20px;
}

.privacy-text h3 {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 8px;
}

.privacy-text ul li {padding-top: 10px;display: flex;align-items: self-start;gap: 10px;}

.privacy-text ul li iconify-icon {
    position: relative;
    top: 6px;
    color: #ee5663;
}

.privacy-text p {
    line-height: 26px;
}
.careers-main {
    text-align: center;
    padding: 50px 0px;
    max-width: 80%;
    margin: auto;
}

.careers-main h3 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 8px;
}

.why-work-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.why-work-box {
    width: 32%;
    height: auto;
    background: #f2f2f261;
    padding: 24px;
    border-radius: 10px;
    margin-bottom: 24px;
    border: 1px solid #dddddd57;
}

.why-work-icon {
    height: 70px;
    width: 70px;
}

.why-work-icon img {
    height: 100%;
    width: 100%;
}

.why-work-text h6 {
    font-size: 20px;
}

.why-work-text p {
    padding-top: 8px;
    line-height: 26px;
}

.why-work-text {
    padding-top: 14px;
}

.why-work-img {
    width: 100%;
    height:auto;
}

.why-work-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1.1;
}

.careers-why {
    padding-bottom: 50px;
}
.job-wrap {
    padding: 50px 0px;
    background: #f4f4f4de;
}

.job-opening {
    max-width: 60%;
    margin: auto;
    text-align: center;
}

.job-opening-box {
background: #fff;
    padding: 24px;
    border-radius: 10px;
    position: relative;
    margin-top: 24px;
}

.job-opening-box h3 {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 8px;
    padding-right: 64px;
}

.job-opening-box p span {font-weight: 600;}

.job-opening-box > span {
    position: absolute;
    top: 15px;
    background: #ee5663;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 6px;
    right: 15px;
}
.join-wrap {
    position: relative;
    padding: 60px 0px;
}
.join-img {
    width: 100%;
    height: auto;
}

.join-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
}
.join-out {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.join p span {
    font-weight: 700;
}
.join > a {
    background: #ee5663;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 34px;
    margin-top: 15px;
    border-radius: 8px;
    display: inline-block;
}
.join > a:hover {
    color: #fff;
}
.join h3 {
    color: #222;
    padding-bottom: 20px;
}
.join p span {
    font-size: 16px;
    font-weight: 500;
    display: block;
}

.join p span a {
    color: #ee5663;
    font-weight: 600;
}
.main-arrow .swiper-button-prev, .main-arrow .swiper-button-next {
    background-image: none;
    height: 50px;
    width: 50px;
    background: #ee5663;
    color: #fff;
    font-size: 32px;
    border-radius: 50%;
    position: absolute;
    left: 50px;
    z-index: 9999;
}

.main-arrow .swiper-button-next{
    left: inherit;
    right: 50px;
}

.main-arrow .swiper-button-prev iconify-icon {
    position: relative;
    left: 7px;
}
.main-arrow .swiper-button-next iconify-icon{
  position: relative;
    left: 10px;  
}


/* new menu code */

.newheader-wrap {position: fixed;top: 0px;width: 100%;z-index: 999;}

.main-menu-wraps {
    display: flex;
    justify-content: space-between;
    align-items: center;
        padding: 0px 15px;
            height: 75px;
}

.new-logo {
    width: 130px;
    height: auto;
	min-width:110px;
}

.new-logo img {
    height: 100%;
    width: 100%;
}

.new-logo img:nth-child(2) {
    display: none;
}

.new-main-menu {height: auto;width: 100%;max-width: 50%;}

.new-main-menu-ul {position: relative;padding: 0px 30px;}

.new-main-menu-ul > ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9;
}

.new-main-menu-ul:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    height: 46px;
    margin-left: -97px;
    width: 143px;
    background-color: #ee56637d;
    z-index: 1;
}

.new-main-menu-ul:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(92deg, #FFF -2967.5%, rgba(255, 255, 255, 0) 199.15%);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    height: 100%;
    width: 100%;
    z-index: 2;
}

.new-main-menu-ul > ul li a {
       color: #fff;
    display: inline-block;
    padding: 10px;
    font-size: 15px;
}
.new-main-menu-ul > ul li a iconify-icon {
    position: relative;
    top: 4px;
    font-size: 18px;
}

.new-main-menu-ul > ul li ul.submenu {
    position: absolute;
    box-shadow: 0px 10px 60px 0px #0510360D;
    pointer-events: none;
    transition: all 0.2s cubic-bezier(0.165,);
    background: #fff;
    padding: 10px 24px;
    border-radius: 10px;
    top: 45px;
    opacity: 0;
    pointer-events: none;
}

.new-main-menu-ul > ul li ul.submenu li a {
    color: #222;
    position: relative;
    z-index: 999;
    display: block;
    border-bottom: 1px solid #ee566321;
    margin: 0px -24px;
    padding: 8px 24px;
    font-size: 15px;
}
.new-main-menu-ul > ul li ul.submenu li:last-of-type a{
    border: none;
    padding-bottom: 0;
}

.new-main-menu-ul > ul li ul.submenu:before {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    background: #fff;
    left: 30px;
    top: -5px;
    transform: rotate(45deg);
}
.new-main-menu-ul > ul li:hover ul.submenu {
    opacity: 1;
    pointer-events: auto;
}
.content-btn {
    display: flex;
    align-items: center;
    gap: 14px;
}

.content-btn a.res-bar {
    padding: 0;
    background: transparent;
    display: none;
}

.content-btn a.res-bar iconify-icon {
    font-size: 38px;
}
.new-main-menu-ul > ul li ul.submenu li a:hover{
    background-color: #ee56630f;
}
.newheader-wrap.scrolled {
    background: #fff;
    border-bottom: 1px solid #dddddd8f;
}
.newheader-wrap.scrolled .new-logo img:first-of-type {
    display: none;
}

.newheader-wrap.scrolled .new-logo img:last-of-type {
    display: block;
}

.newheader-wrap.scrolled .new-main-menu-ul:before, .newheader-wrap.scrolled .new-main-menu-ul:after {
    display: none;
}

.newheader-wrap.scrolled .new-main-menu-ul ul li a {
    color: #222;
}
div#menu-close {
    display: none;
    height: 32px;
    width: 32px;
    line-height: 27px;
    background: #ee5663;
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    right: 12px;
    top: 12px;
}
div#menu-close iconify-icon {
    color: #fff;
    font-size: 20px;
    position: relative;
    left: -6px;
    top: -2px;
}

.mobile-logo {
    display: none;
}




/* responsive code */
/* @media(max-width:1400px){
.masthead.-type-7 .masthead__content.business-banner-r
 {
    height: 420px;
}
} */

@media(max-width:1380px){
    .new-main-menu {
    max-width: 60%;
}
}
@media(max-width:1300px){
.features-text ul li {
    width: 100%;
    padding-bottom: 10px;
}
	.feature-box-icon {
    height: 46px;
    min-width: 46px;
}
	.feature-box-icon iconify-icon {
    font-size: 20px;
}
	.features-text ul li:nth-child(3), .features-text ul li:nth-child(4) {
    padding-bottom: 10px;
}
}

@media(max-width:1200px){
	.content-btn a.res-bar {
	display:block;
}
	.content-btn a {
    padding: 8px 24px;
}
	section.popular-des-section{
		overflow:hidden;
	}
	.masthead.-type-7 .masthead__content {
    height: 580px;
}
	h1.stay.is-in-view {
    font-size: 40px !important;
    line-height: 50px;
     max-width: 85%;
}
	.stay1 {
    max-width: 80%
}
	.left-thumbnail-about-area-two .small-image, .left-thumbnail-about-area-two .counter-about-area, .shape-area
 {

    display: none;
}
	.about-inner-content-two .about-between-wrapper .check-wrapper-area .single-check{
		align-items: flex-start;
	}
	.about-inner-content-two .about-between-wrapper .check-wrapper-area .single-check p {
    line-height: 26px;
}
	.single-service-signle-wrapper{
		display:block;
		padding:35px;
	}
	.single-service-signle-wrapper .icons {
    height: 55px;
    width: 55px;
}
	.single-service-signle-wrapper .information .title {
    font-size: 20px;
    line-height: 26px;
    padding: 14px 0px;
}
	.cta-style-two-area{
		display:block;
	}
	.rts-btn.btn-primary.btn-white {
    height: 48px;
    border-radius: 8px;
    margin-top: 18px;
}
	
.testumanial-text h4 {
    font-size: 34px;
    line-height: 42px;
}
	.testimonials-wrapper{
		padding:60px;
	}
	.testimonials-wrapper button{
		height:50px;
		width:50px;
		top:calc(50% - 25px);
		left:27px;
	}
	.testimonials-wrapper button.slick-next {
    right: -27px;
}
	.our-benefit-item{
		width:100%;
	}
	.our-benefit-box{
		padding:24px;
	}
	.header .header-menu {
        position: absolute;
        top: 0;
        left: -50%;
        z-index: 9999;
        width: 50%;
        height: 100vh;
        padding: 24px;
		transition:.5s
    }
	.header .header-menu.opens{
		opacity:1;
		left:0;
		transition:.5s
	}
	.header-menu:before{
		display:none;
	}
	.header-menu::after {
    background: linear-gradient(92deg, #FFF -2967.5%, rgb(255 255 255 / 91%) 199.15%);
		        border-radius: 0;
}
	.header .header-menu .menu__nav>li>a {
        font-size: 18px;
        width: 100%;
    }
	.header .header-menu.opens .mobile-overlay{
		display:block;
		transition:.5s
	}
	    .header {
        height: auto;
        position: absolute;
    }
	    .header .header-menu .menu li {
        overflow: initial;
	    overflow: initial;
        padding: 0 !important;
    }
	    .header .header-menu .menu {
        overflow-y: inherit;
        overflow-x: inherit;
        position: relative;
        height: 100%;
        padding: 0;
        padding-top: 24px;
    } 
		.contect-input-sec p {
    font-size: 16px;
}
	.contect-input-sec h4 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 18px;
}
	.contect-input input {
    height: 45px;
    padding: 10px 15px;
}
	section.hotel-section-1.top-sections {
    padding-top: 160px;
}
	.ic-img {
    width: 40px;
}
	.why-icon {
    align-items: flex-start;
}
	.why-title {
    font-size: 16px;
}
	.why-para {
    line-height: 18px;
    font-size: 14px;
}
	.pop-hotel.left-right-spce-w h2.sectionTitle__title {
    max-width: 100%;
    padding-bottom: 20px;
}
	.pop-hotel.left-right-spce-w {
    display: block;
}
	.pop-hotel.left-right-spce-w .tab-popular-btn {
    justify-content: flex-start;
}
	.home-about-img{
		margin:auto;
	}
	.ProjectManagement .rightSideContent h3, .service-hadding h4, .whu-texts h4.supperts-texts {
    font-size: 32px;
    line-height: 45px;
}
	form#search-form-hotel {
    width: 100%;
}


}

 @media screen and (max-width: 1080px) {
	 .mobile-logo {
       display: block;
    position: relative;
    z-index: 9;
    max-width: 110px;
}
    .btn-sec {
      display: none;
    }

    .custom-dropdown {
      display: block;
		margin:0px
    }
	 .hotel-search-section1 {
    max-width: 660px;
}
	   .new-main-menu-ul:before{
            display: none;
        }
        div#menu-close {
    display: block;
}
      .new-main-menu {
        max-width: 100%;
      }

      .content-btn a.res-bar {
        display: block;
      }

      .new-main-menu-ul {
        position: fixed;
        top: 0;
        left: 0;
        width: 80%;
        max-width: 320px;
        height: 100vh;
        background: #fff;
        padding: 20px;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        overflow-y: auto;
        z-index: 1000;
      }

      .new-main-menu-ul.active {
        transform: translateX(0);
      }

      .new-main-menu-ul > ul {
        flex-direction: column;
        gap: 0;
        align-items: baseline;
      }
      .new-main-menu-ul > ul li {
    display: block;
    width: 100%;
}

      .new-main-menu-ul > ul > li > a {
        color: #222;
        padding: 12px 0;
        font-size: 16px;
        display: block;
        width: 100%;
      }

      .new-main-menu-ul ul.submenu {
        position: static;
        background: #f9f9f9;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        padding-left: 15px;
      }
      .close-menu-btn {
        display: block;
        margin-bottom: 20px;
        font-size: 16px;
        background: #eee;
        padding: 8px 12px;
        border-radius: 4px;
        text-align: center;
        color: #000;
        cursor: pointer;
      }
      ul.submenu{
        height: 0;
        transition: .5s;
      }
	 .content-btn a.call-menu {
    min-width: 160px;
}

.content-btn a.res-bar iconify-icon {
    position: relative;
    top: 6px;
}
	 .new-main-menu-ul > ul li:hover ul.submenu {
    opacity: 0;
    pointer-events: none;
}
	       ul.submenu.showSub {
        position: relative !important;
        overflow: inherit;
        min-height: 0px;
        top: 0 !important;
        transition: .5s;
        padding: 0 !important;
}
	 .new-main-menu-ul > ul li ul.submenu li a {
    padding: 8px 15px;
/*     font-size: 15px; */
		 margin:0 !important;
}
	 .new-main-menu-ul > ul li ul.submenu.showSub {
    opacity: 1;
    pointer-events: auto;
    min-height: 510px;
    transition: .5s;
}
	 
  }


@media(max-width:992px){
	.masthead.-type-7 .masthead__content{
		width:80%;
		margin:auto;
		padding-bottom:100px;
	}
	h1.stay.is-in-view{
		max-width:100%;
	}
	    .stay1 {
        max-width: 100%;
    }
	    .masthead.-type-7 {
        padding-bottom: 0;
    }
	.left-thumbnail-about-area-two {
    max-width: 100%;
}
	.arsabouts {
    flex-direction: column-reverse;
}
	.about-inner-content-two {
    padding: 40px 0;
}
	.title-style-two .title {
    font-size: 36px;
}
	.title-style-two .pre, .home-about-text h3{
		margin-bottom:6px;
		    line-height: 30px;
	}
	.home-about-text h4, .features-text h4, .working-text h4 {
    font-size: 36px;
    line-height: 42px;
}
	.title-style-two.center p {
    max-width: 100%;
    padding-bottom: 30px;
}
	.cta-style-two-area .title {
    font-size: 35px;
}
	.process-wrapper {
    display: block;
}
	.process-wrapper .how-it-work-content {
    min-width: 100%;
    width: 100%;
    padding: 0;
}
	.section-title h2, .why-prents h4 {
    font-size: 35px;
    line-height: 35px;
}
	.work-steps-box {
    width: 100%;
}
	    .testumanial-text h4 {
        padding-bottom: 10px;
    }
	.rating-wrap {
    margin: 20px 0px 30px 0px;
}
	.testimonialstext p{
		line-height:28px;
		font-size:16px;
	}
	.testimonials-wrapper button{
		background:#fff;
	}
	.testimonials-wrapper button.slick-next{
		right:27px;
	}
	.our-benefit-content{
		margin-right: 0;
    margin-bottom: 24px;
}
	.importent-link {
    padding-bottom: 35px;
}
	.outer-bottom {
    margin-top: 0;
}
	.why-prents {
    max-width: 100%;
}
	.contect-input-sec.cont-right {
    padding: 20px 0px 0px 0px;
}
	    section.hotel-section-1.top-sections {
        padding-top: 100px;
    }
	    section.hotel-section-1.top-sections {
        padding: 100px 0px 40px 0px;
    }
	    .why-icon {
        margin-bottom: 20px;
    }
 .scroll-btn {
    display: inline-block;
  }
	.pop-hotel.left-right-spce-w .tab-popular-btn {
    padding: 0px 8px;
}
	.features-wraps-inners {
    display: block;
}
	.features-text {
    max-width: 100%;
    padding: 50px;
}
	.ProjectManagement .Image1pp {
    display: none;
}
	.ProjectManagement .Image2pp {
    width: 100%;
    height: auto;
    position: relative;
    bottom: 0;
    right: 0;
}
	.ProjectManagement {
    padding: 50px 0px;
}
		.whu-texts ul {
    padding-bottom: 35px;
}
	.whu-texts ul li {
    padding-top: 15px;
}
	.whu-texts.email.other-wraps {
    padding: 40px 0px 0px 0px;
}
	.whu-texts.email.other-wraps h4.supperts-texts {
    padding: 0;
}
	.scroll-btn {
    display: none !important;
}

}
@media(max-width:767px){
    h1.stay.is-in-view {
        font-size: 32px !important;
        line-height: 40px;
        max-width: 100%;
    }	
	.footer-logo {
    padding-bottom: 30px;
}
	.single-service-signle-wrapper .information .title{
		font-size:18px;
	}
	    .cta-style-two-area .title {
        font-size: 24px;
    }
	.how-it-work{
		padding:15px 0px;
	}
	    .section-title h2, .why-prents h4 {
        font-size: 24px;
        line-height: 30px;
    }
	.process-wrapper .how-it-work-content .section-title{
	 top: 0;
    margin-bottom: 20px;
	}
	.testumanial-text h4{
		font-size:24px;
	}
	.bottom-wrap {
    display: block;
}
	.copy-right-sec ul li:first-of-type a {
		margin-left:0;
	}
	    .home-about-text h4, .features-text h4, .working-text h4 {
        font-size: 24px;
        line-height: 36px;
    }
	.title-style-two.center .title {
    font-size: 24px;
		line-height:30px;
}
	div#service {
    padding-top: 40px;
}
	.bredcrms-wrap h3 {
    font-size: 30px;
}
	.bredcrms-wrap ul {
    padding-top: 0px;
}
	    .contect-input-sec p {
        font-size: 15px;
    }
	.contect-input textarea{
		height:90px;
	}
	.contect-input-sec h4{
		font-size:24px;
	}
	.contect-input-wrapper {
    margin-bottom: 10px;
}
	.touch-text h5 {
    font-size: 18px;
    line-height: 26px;
}
	    .hotel-search-section1 {
        max-width: calc(100% - 40px);
        top: 85%;
    }
	.slid.f-buness-center {
    height: 70vh;
}
	    .masthead.-type-7 .masthead__content.business-banner-r {
        height: 450px;
    }
	    .why-icon {
        margin-bottom: 26px;
    }
	.working-img-wrap {
    display: block;
}
	.working-img {
    height: 400px;
    margin: 20px 0px;
}
	    .ProjectManagement .rightSideContent h3, .service-hadding h4, .whu-texts h4.supperts-texts {
        font-size: 24px;
        line-height: 37px;
    }
	.why-wrap {
    padding: 40px 0px;
}
	form#search-form-hotel {
    display: block;
}

form#search-form-hotel .input-box {
    margin-bottom: 10px;
}

form#search-form-hotel button {
    margin-top: 15px;
}
.filter-in-wrap {
    display: flex;
    gap: 10px;
    padding-top: 20px;
}	
.book-side {
    margin-left: 0 !important;
}
	.map-side {
    margin: 0 !important;
}
		.overview-details ul li {
    width: 48%;
}

}
@media(max-width:630px){
    h1.stay.is-in-view {
        font-size: 25px !important;
        line-height: 32px;
        padding-bottom: 0;
    }
	.stay1 {
        font-size: 15px;
    }
	.home-about-img img:nth-child(1),.home-about-img img:nth-child(2){
		display:none;
	}
	.home-about-img img:nth-child(3) {
    position: relative;
    bottom: 0;
    width: 100%;
     inset-inline-start: inherit;
		margin-top:20px;
}
	.service-bg-style-one-wrapper {
    padding: 40px;
}
	.touch-icon {
    height: 48px;
    width: 48px;
    min-width: 48px;
}
	.touch-icon iconify-icon {
    font-size: 24px;
}
	.service-hadding {
    padding-bottom: 30px;
}

}
@media(max-width:576px){
	.masthead.-type-7 .masthead__content {
        height: 650px;
    }
	.check-wrapper-area {
    display: block;
}
	.about-inner-content-two .about-between-wrapper .check-wrapper-area .single-check {
    width: 100%;
    margin: 20px 0px;
}
	    .stay1 {
        padding: 0;
}
	.banner-btn a:nth-child(2) {
    display: none;
}
	    .masthead.-type-7 .masthead__content {
        padding: 0px 24px;
			        width: 100%;
    }
	    h1.stay.is-in-view {
        font-size: 22px !important;
        line-height: 30px;
    }
	.title-style-two .bg-content {
    font-size: 75px;
    left: 0;
}
	.wrap-whys .whu-texts h4 {
    font-size: 20px;
    line-height: 30px;
}
	.whu-texts {
    padding: 20px;
}
	.innerPages {
    padding: 80px 0px 60px 0px;
}
	.section-title h3, .why-prents span {
    line-height: 35px;
}
	.how-it-work-btn .btn-default, .mission-text a, .our-benefit-btn a {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 24px;
    margin-top: 24px;
}
	.our-benefit-btn a img {
    max-width: 25px;
}
	.our-benefit {
    padding: 40px 0;
}
	.homeAbout {
    padding: 40px 0px;
}
	.booking_field_column {
    display: block;
}
	.LocationSearch input {
    padding: 6px 14px;
    font-size: 16px;
}
	.mainSearch__submit {
    height: 43px;
    margin-top: 14px;
}
	    section.hotel-section-1.top-sections {
        padding: 150px 0px 20px 0px;
    }
	    .ic-img {
        width: 30px;
    }
	    .features-text {
        padding: 40px 20px;
    }
	.working-btn-wrap {
    display: block;
}
	.working-btn-wrap a {
    margin-top: 15px;
    text-align: center;
		        width: 100%;
        display: block;
}
	    .bredcrms-wrap h3 {
        font-size: 26px;
        line-height: 36px;
    }
	.ProjectManagement .rightSideContent {
    margin-top: 0;
}
	section.cate-scetion-1.innerPages.serbanner {
    min-height: 300px;
    background-size: cover;
    padding: 115px 0px 60px 0px;
}

section.cate-scetion-1.innerPages.serbanner .bredcrms-wrap h3 {
    padding-bottom: 14px;
}
	.cate-section-1-head {
    font-size: 24px;
}
	.certificatesImages button {
    left: 0px;
}

.certificatesImages button.slick-next {
    right: 0px;
}
	.main-arrow .swiper-button-prev, .main-arrow .swiper-button-next {
    display: none;
}
	    .overview-details ul li {
        width: 100%;
    }
	.input-box-book {
    padding: 3px 15px;
    height: 48px;
    margin-bottom: 18px;
}
	.section-title {
    margin-bottom: 20px;
    font-size: initial;
}
	.rts-call-to-action-area-two {
    margin-bottom: 15px;
}

}
@media(max-width:480px){
.steps {
    padding: 15px;
}
	.circle {
    width: 22px;
    height: 22px;
    line-height: 23px;
    font-size: 13px;
}
}