@import 'common.css';

/* banner start */

/* ==new css == */

.image {
    height: 100vh;
    width: 100%;
    margin: auto;
    background-image: url("../images/Banner-img.png");
    background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
}



.bg-dark-hlx {
    background-color: rgba(var(--main-color), 1);
    padding: 54px;
    border-radius: 30px;

}

.outer-bg-container {
    padding: 16px;
}

.banner-section {
    --banner-hvh: 74vh;
    --banner-hvh: 714px;
    --banner-hhp: 100%;
    min-height: var(--banner-hvh);
    height: var(--banner-hhp);
    position: relative;
    z-index: 9;
    padding: 60px 0px;
    padding-top: 20px;
}

.banner-section.banner-innerPage {
    --banner-hvh: 60vh;
    --banner-hvh: 400px;
}

.banner-section>*:first-child,
.banner-slider>*:first-child>*,
.banner-slider>*:first-child>*>*,
.banner-slider>*:first-child>*>*>*,
.banner-slider>*:first-child>*>*>*>*,
.banner-section>*:first-child>.row,
.banner-section>*:first-child>.row>*,
.banner-section>*:first-child>.row>*>* {
    min-height: var(--banner-hvh);
    height: var(--banner-hhp);
}

.banner-inner-section {
    background: rgba(var(--second-color), 0) no-repeat center center / cover;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0px 0px;
}

.banner-inner-section>* {
    z-index: 2;
    width: 100%;
}

.banner-section.banner-innerPage .banner-inner-section {
    align-items: center;
}

.banner-section.banner-innerPage .banner-inner-section .row {
    justify-content: center;
    text-align: center;
}

.banner-bg {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    /* background: rgba(var(--second-color), 1); */
    /* clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 85%); */
}


.banner-section.banner-innerPage .banner-inner-section .banner-box {
    margin-top: 0px;
}

.banner-box {
    text-align: center;
    position: relative;
    z-index: 4;
    height: 100%;
}

.subtittlebox {
    background-color: #00af53;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: rgb(255 255 255);
    border-radius: 50px;
    padding: 6px 16px;
    /* font-family: var(--DmSans-font); */
    margin-bottom: 1rem;
    display: inline-block;
    line-height: normal;
    display: none;
}

.banner-title,
.banner-box h1 {
    color: rgba(var(--white-color), 1);
    text-transform: capitalize;
    font-size: var(--efs-bth);
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 16px;
    --efs-bth: 50px;
}

.banner-title>span,
.banner-box h1>span {
    color: rgba(var(--second-color), 1);
    display: inline-block;
    font-weight: bold;
}

.headinghighlight {
    color: rgba(var(--second-color), 1);
    font-weight: bold;
}

.banner-innerPage .banner-inner-section .banner-title,
.banner-innerPage .banner-inner-section .banner-box h1 {
    margin-bottom: 0px;
}

.banner-para {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(var(--black-color), 1);
    line-height: 33px;
    font-weight: 500;
    margin-bottom: 30px;
    font-size: 20px;
    width: 100%;
    text-align: start;
    padding-right: 50px;
}

.highlighttax {
    font-weight: bold;
    color: rgba(var(--third-color), 1);
}


.banner-para p {
    margin-bottom: 10px;
}

.banner-para p:last-child {
    margin-bottom: 0px;
}

.banner-BtnBox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.banner-90widthBox {
    min-height: var(--banner-hvh);
    height: var(--banner-hhp);
    background: rgba(var(--fourth-color), 1);
    margin: auto;
    overflow: hidden;
    position: relative;
    padding: 60px 0px;
    display: block;
    align-content: center;
    border-radius: 20px;
}

.banner-90widthBox::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(var(--main-color), 0.4);
    z-index: 2;
}




/* banner end */



/* Video card sec us start */
section.video-section {
    background: rgba(var(--main-color), 1);
    padding-top: 230px;
    margin-top: -430px;
    padding-bottom: 100px;
}

.video-card {
    width: 90%;
    height: auto;
    background: rgba(var(--main-color), 1);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    color: white;
    margin: 0 auto;
    border: 2px solid #ffc107;
    box-shadow: 0px 4px 48px 0 #7C63FC;
    z-index: 99;
}

.video-header {
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.video-header .logo {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1px;
    width: 90px;
    height: auto;
    display: flex;
    overflow: hidden;
}

.video-header .logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.video-header .tagline {
    font-size: 12px;
    letter-spacing: 2px;
    color: #b3aef7;
}

.video-wrapper {
    position: relative;
}

video {
    width: 100%;
    display: block;
}

.replay-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.7);
    border: none;
    color: white;
    font-size: 24px;
    padding: 12px 20px;
    border-radius: 8px;
    cursor: pointer;
    display: none;
    z-index: 5;
}

.custom-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.3);
    padding: 10px 20px;
    gap: 10px;
}

.play-btn,
.fullscreen-btn {
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

.seekbar {
    flex: 1;
    appearance: none;
    height: 4px;
    background: #b3aef7;
    border-radius: 4px;
    cursor: pointer;
}

.seekbar::-webkit-slider-thumb {
    appearance: none;
    width: 12px;
    height: 12px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
}

.volume {
    width: 80px;
}

.volume::-webkit-slider-thumb {
    appearance: none;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
}

.timestamp {
    font-size: 12px;
    color: #ddd;
    min-width: 40px;
}

.controls-left,
.controls-right {
    display: flex;
    align-items: center;
    gap: 10px;
}


/* Video card sec us start */






/* why choose us start */
.whychooseUs-section {
    background-color: rgba(var(--back-color), 1);
    background: linear-gradient(118deg, rgba(251, 251, 251, 1) 42%, rgba(var(--main-color), 1) 42%);
    padding: 45px 0px;

}

.whychooseUs-TitleBox {
    padding-right: 100px;
}

.whychooseUs-TitleBox .common-title,
.whychooseUs-TitleBox.common-box>h2,
.common-section .whychooseUs-TitleBox.common-box>h2 {
    padding-right: 95px;
    font-size: 32px;
    font-weight: bold;
    color: #1E1E1F;
}

.whychooseUs-TitleBox.common-box>h2 span {
    font-weight: bold;
    display: inline-block;
}

.listcardwhy {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: end;
}

.rate-card {
    background: #fff;
    border-radius: 4px;
    padding: 15px 10px;
    text-align: start;
    max-width: 198px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}



.rate-card-icon {
    background: #00ca5b36;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    margin: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rate-card-icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-left: 30px;
    margin-top: 30px;

}

.rate-card-title {
    font-size: 15px;
    font-weight: bold;
    color: #3C3C3C;
    margin-bottom: 12px;
    /* font-family: var(--DmSans-font); */
}

.rate-card-text {
    font-size: 12px;
    color: rgba(var(--para-color), 1);
    line-height: 18px;
    font-weight: 500;
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 4; */
    /* Limit to 4 lines */
    /* -webkit-box-orient: vertical; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* min-height: 90px; */
}

@media (max-width: 480px) {
    .rate-card {
        max-width: 100%;
        padding: 10px;
    }

    .rate-card-icon {
        width: 50px;
        height: 50px;
    }

    .rate-card-icon img {
        width: 50px;
        height: 50px;
    }

    .rate-card-title {
        font-size: 14px;
    }

    .rate-card-text {
        font-size: 12px;
    }
}

/* why choose us end */

/* Product start */



.Product-TitleBox {
    padding: 0px 0px;
    text-align: center;
}

.Product-TitleBox .common-title,
.Product-TitleBox.common-box>h2,
.common-section .Product-TitleBox.common-box>h2 {
    color: #1E1E1F;
}

.Product-TitleBox .common-para,
.Product-TitleBox.common-box>div.common-para {
    font-size: 18px;
    font-weight: 500;
}

/* Base tab style */
.custom-tabs {
    border: 0;
    margin-top: 2rem;
    width: 100%;
    flex-direction: column;
    gap: 2px;
}

.tab-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.scroll-container {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    width: 100%;
    scrollbar-width: none;
}

.nav-tabs {
    flex-wrap: nowrap;
}

.scroll-button {
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
    z-index: 10;
    background-color: transparent;
    border: 1px solid #140f39;
    font-size: 14px;
    padding: 5px 10px;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #140f39;
    border-radius: 6px;
}

.scroll-button.left {
    left: -30px;
}

.scroll-button.right {
    right: -32px;
}

.custom-tabs .nav-link {
    border: none;
    border-left: 1px solid rgba(var(--main-color), 0);
    color: rgba(var(--main-color), 1);
    background: #ffffff00;
    border-radius: 0px;
    margin-bottom: 7px;
    font-weight: 600;
    transition: all 0.3s ease;
    padding: 5px;
    font-weight: 600;
    font-size: 15px;
    padding-left: 10px;
    width: 100%;
    text-align: left;
}

/* Active tab style */
.custom-tabs .nav-link.active {
    background: linear-gradient(to right, #1da31626, #1da31600);
    /* Your purple shade */
    color: #1da316;
    border-color: #1da316;
}

/* Hover state */
.custom-tabs .nav-link:hover {
    background: linear-gradient(to right, #1da31626, #1da31600);
    color: #1da316;
    border-color: #1da316;
}

.myTabContentsec {
    margin-top: 3rem;
}

.Product-ListBox {
    position: relative;
}

.Product-ListImgsecond {
    position: absolute;
    bottom: -160px;
    left: 75px;
    width: 100%;
    height: 491px;
    --ERWT-WBDNP: -70px;
    -webkit-animation: WBDL-ImgNP 7s ease-in-out infinite alternate-reverse both;
    animation: WBDL-ImgNP 7s ease-in-out infinite alternate-reverse both;
}


@-webkit-keyframes WBDL-ImgNP {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(var(--ERWT-WBDNP));
        transform: translateX(var(--ERWT-WBDNP));
    }
}

@keyframes WBDL-ImgNP {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(var(--ERWT-WBDNP));
        transform: translateX(var(--ERWT-WBDNP));
    }
}

.Product-ListImg {
    position: relative;
    width: 100%;
    height: 390px;
    --ERWT-WBDUR: 70px;
    -webkit-animation: WBDL-ImgUR 7s ease-in-out infinite alternate-reverse both;
    animation: WBDL-ImgUR 7s ease-in-out infinite alternate-reverse both;
}

@-webkit-keyframes WBDL-ImgUR {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(var(--ERWT-WBDUR));
        transform: translateX(var(--ERWT-WBDUR));
    }
}

@keyframes WBDL-ImgUR {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(var(--ERWT-WBDUR));
        transform: translateX(var(--ERWT-WBDUR));
    }
}

.Product-ListBoxcontentsec {
    padding-right: 40px;
}

.commonheadtitle {
    font-size: 24px;
    color: #1E1E1F;
    font-weight: bold;
    margin-bottom: 10px;
}

.Product-ListText .common-para p {
    color: #000;
}


.Product-ListText {
    position: relative;
    padding-left: 0px;
}

.Product-ListText::after {
    content: '';
    width: 2px;
    height: 100%;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(var(--main-color), 0.4);
    display: none;
}

.housekeepinglistmainbox {
    margin-top: 3rem;
}


.housekeepinglistboxsec {
    display: flex;
    align-items: start;
    gap: 16px;
}

.housekeepingico {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #FFE5C7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.greensec {
    background-color: #C7FFD9;
}

.bluesec {
    background-color: #D0EAFF;
}

.hosekeepingcontentbox {
    margin-bottom: 0.6rem;
}

.housekeepingico img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    margin-left: 25px;
    margin-top: 20px;
}

.hosekeepingcontentbox h3 {
    font-size: 16px;
    font-weight: bold;
    color: #1E1E1F;
}

.hosekeepingcontentbox .commonpara p {
    color: #878686;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
}

/* Product end */

/* solution section start */

.custom-hotel-grid {
    margin-top: 2rem;
}

.custom-hotel-grid .hotel-card {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    background: #f8f8f8;
}

.custom-hotel-grid .hotel-card img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}

.custom-hotel-grid .hotel-card.hotel-cardlast img {
    min-height: 323px;
}

.custom-hotel-grid .hotel-card.large {
    height: 100%;
}

.custom-hotel-grid .hotel-card.large img {
    height: 100%;
    object-fit: cover;
}

.custom-hotel-grid .hotel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(93, 90, 90, 0.41);
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    text-align: start;
}

.custom-hotel-grid .hotel-card:hover img {
    transform: scale(1.01);
}

.custom-hotel-grid .hotel-card:hover .hotel-overlay {
    opacity: 1;
}

.custom-hotel-grid .hotel-overlay h5 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.custom-hotel-grid .hotel-overlay p {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Limit to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-hotel-grid .text-card {
    background: #F9EFFF;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.custom-hotel-grid .text-card p {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #505050;
}

.custom-hotel-grid .text-card .common-bgBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
    align-content: center;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}

.custom-hotel-grid .text-card .common-bgBtn:hover svg path,
.custom-hotel-grid .text-card .common-bgBtn:focus svg path {
    stroke: rgba(var(--main-color), 1) !important;
}

/* solution section end */

/* counter start */
.bgcounter {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.bgcounter img {
    width: 100%;
    height: 100%;
}

.common-section.counter-section {
    background: rgba(var(--main-color), 1);
}

.counter-heading {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 10px;
    color: rgba(var(--white-color), 1);
    text-align: center;
}

.counter-subtext {
    text-align: center;
    line-height: 23px;
    margin: 0 auto 40px;
    font-size: 16px;
    color: #C9C9C9;
    opacity: 1;
    max-width: 600px;
}

.counter-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.counter-item {
    min-width: 240px;
    position: relative;
}

.counter-number {
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    color: rgba(var(--white-color), 1);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0 auto;
}

.counter-item:last-child .counter-number:after {
    display: none;
}

.counter-number::after {
    content: '+';
    font-size: 40px;
    color: #fff;
    position: absolute;
    right: -30px;
    padding-left: 10px;
    top: 0;
}

.counter-label {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    line-height: 23px;
    text-align: center;
    color: rgba(var(--white-color), 1);
}

.counter-separator {
    width: 1px;
    height: 150px;
    background-color: rgb(255, 255, 255);
}


/* counter end */

/* situation start */


.situationboximg {
    width: 100%;
    height: auto;
    overflow: visible;
    border-radius: 8px;
}

.situationboximg img {
    object-fit: contain;
    width: 100%;
    height: auto;
}

.situationcontentbox {
    background-color: #f6f5fb;
    padding: 30px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    height: 100%;
}

.situationcontentbox .Product-ListText {
    padding: 0;
}

.situationcontentbox .Product-ListText::after {
    display: none;
}

.situationmaincontentbox {
    margin-top: 2rem;
}

.situationcontentbox .situationcontentbox-ListText {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

.blockquotename {
    font-size: 24px;
    color: rgba(var(--black-color), 1);
    font-weight: bold;
    text-align: left;
}

.blockquotedesignation {
    font-size: 16px;
    color: rgba(var(--main-color), 1);
    font-weight: 500;
    text-align: left;
}

.Resultsbox {
    min-height: 300px;
    background-color: rgba(var(--main-color), 1);
    padding: 30px;
    border-radius: 5px;
}

.Resultsbox h4 {
    font-size: 32px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
}

.Resultsbox ul {
    list-style: disc;
    padding-left: 2rem;
    margin-top: 1rem;
}

.Resultsbox ul li {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    text-align: left;
    line-height: 40px;
}

/* situation end */

/* aipowered start */

.aipoweredboximg {
    height: 385px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    width: 100%;
    padding-left: 30px;
    z-index: 2;
    padding-top: 30px;
    padding-right: 30px;

}

.aipoweredboximg img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: 5px;
    position: relative;
}

/* .aipoweredboximg::after {
    content: '';
    position: absolute;
    background-color: rgba(var(--main-color), 1);
    width: 474px;
    height: 450px;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 5px;
} */

.aipoweredcontentbox {
    padding-left: 40px;
}

.commoncolorsec {
    background-color: #00ca5b36;
}

.learnbtn {
    box-shadow: 0px 7px 11px 0px rgba(var(--black-color), 25%);
    padding: 12px 32px;
    min-width: 164px;
}

/* ai powered end */

/* Testimonial start */
.Testimonial-section {
    background-color: rgba(var(--back-color), 1);
}

.testibg {
    position: absolute;
    width: 100%;
    height: 372px;
    background-color: rgba(var(--main-color), 1);
    left: 0;
    top: 0;
}

.testibg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.testititle {
    color: rgba(var(--white-color), 1) !important;
}

.testipara {
    color: #E4E4E4 !important;
}

.Testi-MainSection {
    margin-top: 3rem;
}

.testimonial-card {
    background: #fff;
    border-radius: 5px;
    /* max-width: 777px; */
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.testimonial-grid {
    display: flex;
    flex-wrap: wrap;
}

.testimonial-image {
    flex: 1 1 277px;
    max-width: 31%;
}

.testimonial-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    width: auto;
}

.testimonial-content {
    flex: 1 1 400px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.testimonial-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.testimonial-header img {
    width: auto !important;
}

.testimonial-logo,
.testimonial-trustpilot {
    max-height: 43px;
    object-fit: contain;
    width: auto;
}

.testimonial-text {
    font-size: 16px;
    line-height: 24px;
    color: rgba(var(--para-color), 1);
    margin-bottom: 25px;
    font-weight: 500;
}

.testimonial-card .testimonial-text::before {
    display: none;
}

.testimonial-footer {
    display: flex;
    flex-direction: column;
}

.testimonial-name {
    font-weight: bold;
    color: rgba(var(--main-color), 1);
    font-size: 16px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    line-height: 19px;
    gap: 8px;
    margin-bottom: 4px;
}

.testimonial-flag {
    width: 25px !important;
    height: 18px;
    object-fit: cover;
    border-radius: 2px;
}

.testimonial-role {
    font-size: 13px;
    color: #A1A1A1;
    font-weight: 500;
}

@media (max-width: 768px) {
    .testimonial-grid {
        flex-direction: column;
    }

    .testimonial-image,
    .testimonial-content {
        max-width: 100%;
    }
}



.Testi-Slider.owl-carousel .owl-nav {
    display: none;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    gap: 70px;
}

.Testi-SlideCount {
    position: relative;
}



/* TestiUser end */

/* Get in Touch start */



.contact-form-card {
    background: #FBF8F4;
    margin: 0 auto;
}

.contact-form-title {
    font-size: 35px;
    font-weight: bold;
    color: rgba(var(--main-color), 1);
}

.contact-form-subtitle {
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
    color: #7B7B7B;
}

.contact-input {
    border-radius: 7px;
    padding: 12px;
    border: 1px solid #D7D7D7;
    font-size: 15px;
    background-color: #fff !important;
    color: #929292;
}

.contact-input::placeholder {
    color: #929292;
    font-size: 15px;
    text-transform: capitalize;
}

.contact-input:focus {
    border-color: rgba(var(--main-color), 1);
    box-shadow: 0 0 0 0.1rem rgba(94, 61, 132, 0.25);
}

.btn-primary {
    background-color: rgba(var(--main-color), 1);
    border: none;
    padding: 12px;
    font-weight: 500;
}

.btn-primary:hover {
    background-color: rgba(var(--main-color), 0.9);
}

.input-group>.intl-tel-input.allow-dropdown {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
}

.input-group>.intl-tel-input.allow-dropdown>.flag-container {
    z-index: 4;
}

.iti-flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags@2x.png");
    }
}

/* Get in Touch end */


/* Faq start */
.my-faq .accordion-button {
    background-color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #777777;
    padding: 20px 10px;
}

.my-faq .accordion-button.collapsed::after {
    content: '+';
    font-size: 20px;
    color: rgba(var(--black-color), 1);
    transform: none;
    background-image: none;
    background-color: #F2F4F6;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 3px;
}

.my-faq .accordion-button::after {
    content: '×';
    font-size: 20px;
    color: #fff;
    transform: none;
    background-image: none;
    background-color: rgba(var(--main-color), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 3px;
}

.my-faq .faq-number {
    font-weight: 700;
    font-size: 20px;
    color: #777777;
    width: 32px;
    display: inline-block;
}

.my-faq .accordion-item {
    border: none;
    border-bottom: 1px solid #E4E6E8;
    border-radius: 0;
}

.my-faq .accordion-body {
    font-size: 12px;
    color: #737373;
    font-weight: 500;
    background: #f6f5fb;
}

.my-faq .accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

.my-faq .accordion-button:not(.collapsed) {
    box-shadow: none;
    background-color: #f6f5fb;
    color: rgba(var(--black-color), 1);
}

.my-faq .accordion-button:not(.collapsed) .faq-number {
    font-weight: 700;
    font-size: 20px;
    color: rgba(var(--black-color), 1);
    width: 32px;
    display: inline-block;
}

.faqboximg.aipoweredboximg::after {
    content: '';
    position: absolute;
    background-color: rgba(var(--main-color), 1);
    width: 474px;
    height: 450px;
    top: 0;
    right: 0;
    left: auto;
    z-index: 1;
    border-radius: 5px;
    display: none;
}

.my-faq .accordion {
    border: 1px solid #E4E6E8;
    border-radius: 10px;
    overflow: hidden;
}

.my-faq .accordion-item:last-child {
    border: 0;
}

/* Faq end */


/* CDBWU start */

.CDBWU-TitleBox .common-title,
.CDBWU-TitleBox.common-box>h2,
.common-section .CDBWU-TitleBox.common-box>h2 {
    font-size: 24px;
    color: #333333;
    font-weight: 600;
}

.CDBWU-SliderMain {
    background: #FBF8F4;
    padding: 15px 0px;
}

.CDBWU-SImg {
    width: 100%;
    height: 60px;
}

.CDBWU-SImg img {
    object-fit: cover;
}

/* CDBWU end */



/* FAWFTNO-section start */
.common-section.FAWFTNO-section {
    background: rgba(var(--main-color), 1);
    color: rgba(var(--white-color), 1);
}

.FAWFTNO-ACL,
.FAWFTNO-ACR {
    position: absolute;
    top: 0px;
    height: 100%;
}

.FAWFTNO-ACL {
    left: 0px;
}

.FAWFTNO-ACR {
    right: 0px;
}

.FAWFTNO-InnSection {
    background: rgba(var(--white-color), 0.03);
    border: 1px solid rgba(var(--white-color), 0.21);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    padding: 40px;
    width: 90%;
    margin: auto;
}

.FAWFTNO-LDAB {
    margin: 40px 0px 40px;
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
}

.FAWFTNO-img {
    width: 85%;
    margin: auto;
}

.FAWFTNO-TitleBox .common-title,
.FAWFTNO-TitleBox .common-box>h2,
.common-section .FAWFTNO-TitleBox .common-box>h2 {
    font-size: 40px !important;
    color: #fff !important;
}


/* FAWFTNO-section end */



/* footer start */


/* NEW FOOTER CSS ADD START 11.07.2025 */
/* Footer Main */
.rpg-footer {
    background-color: #f8f8f8;
    padding: 60px 0;
}

/* Logo */
.rpg-footer .footer-logo {
    max-width: 150px;
}

/* Headings */
.rpg-footer-heading-resources,
.rpg-footer-heading-property,
.rpg-footer-heading-solutions,
.rpg-footer-heading-company {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 20px;
    color: #000;
}

.rpg-footer-heading-cta {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: white;
}

/* Lists */
.rpg-footer ul {
    list-style: none;
    padding: 0;
}

.rpg-footer ul li {
    margin-bottom: 10px;
}

.rpg-footer ul li a {
    color: #000;
    text-decoration: none;
}

/* Contact Button */
.rpg-footer .contact-btn {
    background-color: rgba(var(--main-color), 1);
    color: white;
    padding: 10px 25px;
    border-radius: 25px;
    font-weight: 600;
    border: none;
}

/* CTA Box */
.rpg-footer .footer-cta {
    background-color: rgba(var(--main-color), 1);
    color: white;
    padding: 30px;
    border-radius: 20px;
    text-align: left;
}

/* CTA Buttons */
.rpg-footer .btn-cta {
    background-color: white;
    color: rgba(var(--main-color), 1);
    font-weight: bold;
    margin-right: 10px;
}

.rpg-footer .btn-cta-outline {
    border: 1px solid white;
    color: white;
}

/* Trusted Badge */
.rpg-footer .trusted-badge {
    font-weight: bold;
    margin-top: 20px;
}



/* NEW FOOTER CSS ADD END 11.07.2025 */



.syncinns-footer {
    background-color: rgba(var(--main-color), 1);
    /* Adjust to match Syncinns purple */
}

.syncinns-footer-title {
    font-weight: 700;
    font-size: 1.8rem;
}

.footlogobox {
    width: 235px;
    height: auto;
    overflow: hidden;
    display: flex;
    margin-bottom: 2rem;
}

.footlogo {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.syncinns-footer-subtitle {
    font-weight: 600;
    font-size: 20px;
    line-height: auto;
}

.syncinns-footer-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: rgba(var(--white-color), 1);
    max-width: 369px;
}

.syncinns-footer-item {
    font-size: 16px;
    max-width: 365px;
    display: flex;
    align-items: start;
    gap: 9px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 0.5rem;
    color: #D8D8D8;
}

.syncinns-footer-item i {
    color: rgba(var(--second-color), 1);
}

.syncinns-footer-links li {
    margin-bottom: 1.5rem;
}

.syncinns-footer-link {
    color: #DDDDDD;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: color 0.3s, text-decoration 0.3s;
    letter-spacing: 2%;
}

.syncinns-footer-link:hover {
    color: rgba(var(--second-color), 1);
    text-decoration: underline;
}


.copy-box {
    border-top: 1px solid #7D7D7D;
    padding: 20px 0px;
}

.copy-text {
    line-height: 22px;
    color: rgba(var(--white-color), 1);
    text-align: start;
    font-weight: 500;
    font-size: 14px;
}
.copy-text img {
    width: 150px;
    display: block;
}
.adress-txt {
    color: #000;
}

.syncinns-footer-followtitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 0;
}

.social-list {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 6px;
}

.social-list a,
.social-list a:hover,
.social-list a:focus {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(39 34 65);
    color: #fff;
}

.syncinns-cta-strip {
    padding: 0px;
    color: #fff;
    border: 1px solid #313131;
    border-radius: 22px;
}

.syncinns-cta-container {
    display: flex;
    gap: 0px;
    justify-content: center;
}

.syncinns-cta-card {
    flex: 1;
    background: rgba(255, 255, 255, 0);
    border-right: 1px solid #313131;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: transform 0.3s, background 0.3s;
}

.syncinns-cta-card:last-child {
    border-right: 0px solid #313131;
}

.syncinns-cta-icon img {
    width: 40px;
    height: 40px;
}

.syncinns-cta-content {
    flex: 1;
}

.syncinns-cta-title {
    font-weight: bold;
    font-size: 12px;
    margin: 5px 0 0 0;
    line-height: 22px;
}

.syncinns-cta-subtitle {
    font-size: 12px;
    color: #FFFFFF;
    margin: 0;
    line-height: 18px;
    font-weight: 500;
}



/* footer end */

/* scroll to top start */
#syncinnsScrollTopBtn {
    position: fixed;
    bottom: 20px;
    right: 34px;
    background-color: rgb(0 30 43);
    color: #0dff00;
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0px 6px 27px 0 #0dff00;
    display: none;
    align-items: center;
    justify-content: center;
    transition: background 0.3s, transform 0.3s;
    z-index: 999;
}

#syncinnsScrollTopBtn:hover {
    background-color: rgba(var(--main-color), 1);
    /* Slightly lighter purple on hover */
    transform: translateY(-3px);
}

@media (max-width: 576px) {
    #syncinnsScrollTopBtn {
        width: 40px;
        height: 40px;
        font-size: 18px;
        bottom: 15px;
        right: 15px;
    }
}

/* scroll to top end */



/* *******************************HOTEL PMS  css start *********************************************** */
.banner-img2.pmsbanner-img2 {
    bottom: 235px;
    width: 283px;
}

.banner-img3.pmsbanner-img3 {
    width: 338px;
    left: 440px;
    top: 144px;
    bottom: auto;
}

.banner-img4.pmsbanner-img4 {
    width: 304px;
    right: 306px;
    top: 214px;

}

.middlwrowsec {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.Revenue-section {
    padding-bottom: 120px;
}

.Mission-ImgMain {
    width: 633px;
    height: 451px;
    display: flex;
    overflow: hidden;
    margin: 0 auto;
}

.Mission-ImgMain img {
    width: 100% !important;
    height: 100%;
    object-fit: contain;
}

.solution-MainRow {
    margin-top: 3rem;
}

.Product-ListImg.Product-ListImg1 {
    width: 679px;
    height: 430px;
}

.Product-ListImgsecond.Product-ListImgsecond2 {
    width: 276px;
    height: 164px;
    bottom: 152px;
    left: -30px;
}

.Product-ListImgsecond.Product-ListImgsecond5 {
    width: 425px;
    height: 240px;
    bottom: 52px;
    right: -75px;
    left: auto;
    z-index: 2;
}

.Product-ListImgsecond.Product-ListImgsecond6 {
    width: 425px;
    height: 240px;
    bottom: -75px;
    right: -26px;
    left: auto;
    z-index: 1;

}

.Product-ListImgsecond.Product-ListImgsecond7 {
    width: 401px;
    height: 275px;
    bottom: -75px;
    left: auto;
    z-index: 1;

}

.Product-ListImgsecond.Product-ListImgsecond3 {
    width: 379px;
    height: 268px;
    bottom: -77px;
    left: 82px;
}

.Product-ListText.solution-ListText {
    position: relative;
    padding-left: 0px;
    padding-right: 160px;
}

.Product-ListText.solution-ListText.solution-ListTextMIDDLE {
    position: relative;
    padding-left: 160px;
    padding-right: 0px;
}

.Product-ListText.solution-ListText::after {
    display: none;
}

.Mission-Imgsub {
    position: absolute;
    width: 441px;
    height: 307px;
    bottom: -35%;
    right: 7%;
}

.Mission-ImgMainnew {
    margin-left: 0;
    width: 546px;
    height: 364px;
}

.Housekeepingsection {
    margin-bottom: 120px;
    overflow: visible;
}

/* *******************************HOTEL PMS  css end *********************************************** */



/* *******************************cTA  css START *********************************************** */
.cta-section {
    background-color: rgba(var(--main-color), 1);
}

.ctatexture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ctatexture img {
    width: 100%;
    height: 100%;
}

.ctaheadingmainbox {
    text-align: center;
    position: relative;
    z-index: 3;
}

.ctaheading {
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1rem;
}

.ctabtn {
    background-color: rgba(var(--second-color), 1);
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    padding: 14px 20px;
    border-radius: 3px;
    color: #fff;
    box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 25%);
    width: max-content;
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto;
}

.ctabtn:hover,
.ctabtn:focus {
    background-color: rgba(var(--second-color), 0.6);
    color: #fff;
}

.situationboximgnewsec {
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease;
    cursor: pointer;
}

.situationboximgnewsec .hotel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(93, 90, 90, 0.41);
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    text-align: start;
}

.situationboximgnewsec img {
    transition: transform 0.4s ease;
}

.situationboximgnewsec:hover img {
    transition: transform 0.4s ease;
}

.situationboximgnewsec:hover .hotel-overlay {
    opacity: 1;
    transition: transform 0.4s ease;
}

.situationboximgnewsec .hotel-overlay h5 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 10px;
}

.situationcontentboxnew {
    background-color: rgba(var(--main-color), 1);
}

.commonheadtitlesecnew {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 2rem;
}

.commonheadtitlenewsub {
    font-size: 30px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 2rem;
}

.hotel-overlay.hotel-overlaynewsec {
    align-items: end;
    text-align: end;
}

.commparatextboxnew p {
    color: #fff;
    /* font-size: 18px;
    font-weight: 500;
    line-height: 23px; */
}

/* *******************************cTA  css end *********************************************** */


/* *******************************Hotel Channel Manager  css start *********************************************** */


.banner-img4.pmsbanner-img03 {
    width: 273px;
    right: 390px;
    top: 190px;
    height: 156px;
}

.banner-img1.hotelbanner-img1 {
    width: 500px;
    right: 0px;
    top: -100px;
    height: 507px;
}

.banner-img4.hotelbanner-img03 {
    width: 522px;
    right: 192px;
    top: 147px;
}

.HCMSECTION {
    background-color: #FFFCF4;
}

.commonheadtitlenew {
    color: #696969;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
}


.commonheadtitlenew strong {
    color: rgba(var(--black-color), 1);
}

.Product-ListText.solution-ListTextnew {
    position: relative;
    padding-left: 0px;
    padding-right: 70px;
}

.Product-ListText.solution-ListTextnew::after {
    display: none;
}

.common-para ul.newchannellist,
.common-box>div.common-para ul.newchannellist {
    color: #696969;
    font-weight: 500;
    font-size: 18px;
    display: grid;
    gap: 8px;
    margin: 10px 20px;
    line-height: 28px;
    list-style: disc;
    padding-left: 2.5rem;
}

.common-para ul.newchannellist li {
    padding: 0;
    font-weight: 500;
    font-size: 18px;
}

.common-para ul.newchannellist li::before {
    display: none;
}

.rate-cardnew {
    max-width: 315px;
    background-color: transparent;
    box-shadow: none;
    border-right: 2px solid #C1C1C1;
    border-radius: 0px;
}

.rate-cardnew:last-child {
    border: 0;
}

.rate-card-iconnew {
    background-color: transparent;
    margin-bottom: 20px;
}

.rate-card-icon.rate-card-iconnew img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin-left: 0px;
    margin-top: 0px;
}

.rate-card-title.rate-card-titlenew {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    /* line-height: 60px; */
    /* font-family: var(--DmSans-font); */
}

.rate-card-text.rate-card-textnew {
    font-size: 14px;
    font-weight: 500;
    color: #C9C9C9;
    line-height: 21px;
}

.logo-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 2rem;
}

.logo-container img {
    max-width: 250px;
    height: auto;
    object-fit: contain;
}

@media (max-width: 768px) {
    .logo-container img {
        max-width: 100px;
    }
}

/* *******************************Hotel Channel Manager  css end *********************************************** */



/* ******************************* Restaurant Manager  css start *********************************************** */
.Product-ListImg5 {
    width: 779px;
    height: 474px;
}

.Product-ListImgsecond005 {
    width: 628px;
    height: 335px;
    bottom: -190px;
    left: -169px;
    right: auto;
    z-index: 2;
}

.Product-ListText.solution-ListTextnewsecsub {
    position: relative;
    padding-left: 0px;
    padding-right: 57px;
}

.Product-ListText.solution-ListTextnewsecsub::after {
    display: none;
}


/* ******************************* Restaurant Manager  css end *********************************************** */



/* ******************************* CRS  css start *********************************************** */

.banner-img1.hotelbanner-img19 {
    width: 689px;
    right: 0px;
    top: -100px;
    height: 459px;
}

.banner-img4.hotelbanner-img035 {
    width: 300px;
    height: auto;
    right: 453px;
    top: 203px;
}

.crsbanneer-para {
    max-width: 600px;
}

.Mission-ImgMainnewleftsec {
    margin-left: auto;
}

.Mission-Imgsubleft {
    right: auto;
    z-index: 2;
}

.Mission-ImgMain.Mission-ImgMainnew1 {
    margin-left: 0;
    position: relative;
    width: 540px;
    height: 260px;
}

.Mission-Imgsub2 {
    width: 254px;
    height: 182px;
    position: absolute;
    top: 20%;
    right: 0%;
    z-index: 2;

}

.Mission-Imgsub3 {
    width: 404px;
    height: 207px;
    position: absolute;
    top: 70%;
    right: 8%;
}

.Mission-ImgMain.Mission-ImgMainnew1secimg {
    margin-right: 0;
    width: 637px;
    height: 507px;
}

.Mission-Imgsubnew2 {
    position: absolute;
    width: 401px;
    height: 275px;
    bottom: -4%;
    left: -3%;
}

.Product-ListText.solution-ListTextnewcrssec {
    position: relative;
    padding-right: 0px;
    padding-left: 70px;
}

.Product-ListText.solution-ListTextnewcrssec::after {
    display: none;
}

/* ******************************* CRS  css END *********************************************** */


/* ******************************* transport-management  css END *********************************************** */

.transport-img1 {
    width: 604px;
    height: 403px;
    position: absolute;
    right: 0;
    top: 0;
}

.transport-img03 {
    width: 402px;
    height: 270px;
    position: absolute;
    left: -28px;
    bottom: -45%;
    right: auto;
    top: auto;
}



/* ******************************* transport-management  css END *********************************************** */


/* ******************************* Marketplace  css start *********************************************** */

.Marketplacebanner-img1 {
    width: 619px;
    height: 413px;
}

.Marketplacebanner-img3 {
    width: 338px;
    height: 230px;
    right: 11%;
    bottom: -34%;
}

.Marketplacebanner-img2 {
    width: 273px;
    height: 156px;
    top: 3%;
}

.Marketplace-ImgMainnewleftsec {
    position: relative;
    z-index: 2;
}

.Marketplace-ImgMainnewleftsec:after {
    width: 206px;
    height: 147px;
    background-color: rgba(var(--main-color), 1);
    position: absolute;
    z-index: -1;
    border-radius: 10px;
    content: '';
    right: 5%;
    bottom: 6%;
}

.freetrialimgbox {
    display: flex;
    align-items: center;
    justify-content: end;
    width: auto;
    height: 290px;
}

.freetrialimgbox img {
    object-fit: contain;
    width: 100%;
}

.FREEtrial-title {
    color: rgba(var(--black-color), 1);
    font-size: 32px;
    font-weight: bold;
    max-width: 641px;
    line-height: auto;
    text-transform: capitalize;
}

.FREEtrial-SECTION {
    background: rgba(var(--back-color), 1);
}

.FREEtrialbox .common-para {
    max-width: 587px;
}

/* ******************************* Marketplace  css END *********************************************** */

/* ******************************* who-help-section  css start *********************************************** */
.who-help-section {
    background: rgba(var(--main-color), 1);
    color: #fff;
    padding: 60px 0;
    text-align: center;
    padding-top: 80px;
}

.who-help-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 50px;
    text-align: start;
}

.who-help-card {
    background-color: #fff;
    border-radius: 10px;
    border: 4px solid transparent;
    padding: 30px;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: #000;
    text-align: left;
}

.who-help-card:hover {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
    border-color: #ccc;
}

.who-help-icon {
    font-size: 30px;
    margin-bottom: 20px;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.who-help-icon img {
    object-fit: contain;
    width: 50px;
    height: 50px;
}

.who-help-heading {
    font-size: 1.5rem;
    font-weight: 700;
    color: rgba(var(--main-color), 1);
}

.who-help-text {
    font-size: 1rem;
    margin: 10px 0 20px;
    color: #333;
}

.who-help-btn {
    border: 2px solid rgba(var(--main-color), 1);
    background-color: #fff;
    color: rgba(var(--main-color), 1);
    font-weight: 600;
    padding: 6px 16px;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    transition: 0.3s;
}

.who-help-btn:hover {
    background-color: rgba(var(--main-color), 1);
    color: #fff;
}

.who-help-cta {
    margin-top: 40px;
}

.who-help-cta-btn {
    border: 2px solid white;
    background: transparent;
    color: #fff;
    padding: 10px 20px;
    font-weight: 600;
    border-radius: 5px;
    transition: 0.3s;
}

.who-help-cta-btn:hover {
    background: white;
    color: rgba(var(--main-color), 1);
}


/* ******************************* who-help-section  css END *********************************************** */




/* ******************************* Partner page  css start *********************************************** */
.tour-section {
    color: #fff;
    text-align: start;
}

.tour-title {
    font-size: 38px;
    font-weight: 700;
}

.tour-subtitle {
    font-size: 17px;
    color: #9ba2b1;
    max-width: 600px;
    margin: 15px 0 50px;
}

.tour-stat-card {
    background-color: rgba(var(--white-color), 0.4);
    border-radius: 15px;
    padding: 30px 20px;
    color: #fff;
    transition: 0.3s;
}

.tour-stat-card:hover {
    background-color: rgba(var(--white-color), 0.2);
}

.tour-stat-icon {
    font-size: 34px;
    margin-bottom: 15px;
    color: rgba(var(--second-color), 1);
}

.tour-stat-number {
    font-size: 32px;
    font-weight: 700;
    color: rgba(var(--white-color), 1);
}

.tour-stat-text {
    font-size: 16px;
    color: #cbd2df;
}

.tour-footer {
    margin-top: 40px;
    font-weight: 600;
    font-size: 16px;
}

.touchfree-form-wrappepartner {
    max-width: 100%;
}

.touchfree-form-groupsecnew {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    background-color: #f2f2f2;
    border-radius: 5px !important;
}

.touchfree-form-groupsecnew .intl-tel-input {
    position: relative;
    display: block;
    width: 100%;
}

.touchfree-form-groupsecnew input {
    background-color: #f2f2f2 ! IMPORTANT;
    border: none !important;
}

.touchfree-form-groupsecnew .intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 4px;
}

.revinate-partner-section {
    padding: 70px 0px;
    background: #f9f9f9;
}

.revinate-heading {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333;
    text-align: left;
}

.revinate-subheading {
    font-size: 16px;
    color: #666;
    text-align: left;
    max-width: 800px;
    margin-bottom: 3rem;
    line-height: 1.6;
}

.revinate-cards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: start;
}

.revinate-card {
    background: rgba(var(--main-color), 1);
    color: #fff;
    padding: 30px;
    border-radius: 12px;
    width: 450px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}



.revinate-card h3 {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 700;
}

.revinate-card p {
    font-size: 15px;
    line-height: 1.6;
}


.revinate-heading {
    font-size: 2.25rem;
    font-weight: 700;
    color: #2c2c2c;
    margin-bottom: 20px;
}

.revinate-subheadingnew {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    margin-top: 20px;
    margin-bottom: 10px;
}

.revinate-paragraph {
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
    margin-bottom: 15px;
}

.revinate-link {
    color: rgba(var(--second-color), 1);
    text-decoration: none;
}

.revinate-link:hover {
    text-decoration: underline;
}

.revinate-block {
    margin-bottom: 25px;
}

.revinate-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.revinate-partner-section {
    background: #f9fbfe;
}

.revinate-images {
    position: relative;
}

.revinate-images .main-img {
    width: 70%;
    z-index: 1;
    position: relative;
}

.partner-badge .check-icon {
    color: rgba(var(--second-color), 1);
    margin-right: 8px;
}

.revinate-heading {
    font-size: 28px;
}

.revinate-apply-btn {
    background-color: rgba(var(--second-color), 1);
    border-color: rgba(var(--second-color), 1);
    font-weight: 600;
    margin-top: 20px;
}

.revinate-benefits-section {
    background-color: #ffffff;
}

.revinate-benefits-title {
    color: rgba(var(--main-color), 1);
    /* Deep blue tone */
    margin-bottom: 4rem;
}

.revinate-benefit-box {
    background-color: rgba(var(--main-color), 1);
    /* Revinate green */
    color: #ffffff;
    padding: 20px;
    border-radius: 12px;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: transform 0.3s ease;
}

.revinate-partner-sectionnew {
    background-color: rgba(var(--back-color), 1);
}

/* ******************************* Partner page  css END *********************************************** */


/* ******************************* contact us page  css start *********************************************** */

.revinate-contact-section {
    background: linear-gradient(to top right, #f6f9fc, #ffffff);
    color: #333;
}

.revinate-contact-heading {
    font-size: 2.5rem;
    color: rgba(var(--main-color), 1);
}

.revinate-contact-text a {
    color: rgba(var(--second-color), 1);
    text-decoration: none;
}

.revinate-contact-text a:hover {
    text-decoration: underline;
}

.revinate-contact-form {
    background-color: #f9f9f9;
}

.revinate-contact-form input,
.revinate-contact-form textarea {
    border: 1px solid #ccc;
}

.revinate-contact-form input::placeholder,
.revinate-contact-form textarea::placeholder {
    font-size: 0.95rem;
    color: #888;
}

.btn-primary {
    background-color: rgba(var(--second-color), 1);
    border-color: rgba(var(--second-color), 1);
    font-weight: 600;
}

.btn-primary:hover {
    background-color: rgba(var(--second-color), 0.9);
}

.revinate-contact-form h5 {
    font-size: 23px;
    font-weight: 600;
    color: rgba(var(--main-color), 1);
}

.addresssec p strong {
    color: rgba(var(--main-color), 1);
    font-size: 18px;
}

/* ******************************* contact us page  css END *********************************************** */





/* ecom-section css start */

/* Section Background */


.ecom-sectioncontainer {
    background-image: linear-gradient(90deg, rgb(30 194 230 / 17%), rgb(201 244 220) 100%, rgb(201 244 220) 0);
    border-radius: 20px;
    padding: 60px;
}

/* Heading and Paragraph */
.ecom-title {
    font-size: 2rem;
    font-weight: 700;
    color: #222;
}

.ecom-description {
    font-size: 1rem;
    color: #444;
}

/* Button Style */
.ecom-button,
.ecom-button:visited {
    background-color: rgba(var(--main-color), 1);
    color: #fff;
    border-radius: 30px;
    padding: 10px 25px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(41, 38, 228, 0.144);
}

.ecom-button:hover {
    color: rgba(var(--main-color), 1);
}

/* Card Style */
.ecom-card {
    position: relative;
    overflow: hidden;
}

.ecom-main-img {
    border-radius: 1rem;
    width: 100%;
    height: auto;
    display: block;
}


.ecom-header {
    align-items: start;
}

.ecom-price {
    font-size: 1.5rem;
    font-weight: bold;
}

.ecom-date-temp p {
    margin: 0;
    font-size: 0.85rem;
}

/* Purchase Button */
.ecom-purchase-btn {
    background-color: #fff;
    color: #000;
    font-size: 0.9rem;
    padding: 5px 15px;
    border-radius: 5px;
    margin-top: 10px;
    font-weight: 600;
}

/* Category Title */
.ecom-category-title {
    font-size: 1.1rem;
    margin-top: 1rem;
    font-weight: 600;
}

/* Category Items */
.ecom-category-item {
    position: relative;
    width: 100px;
    border-radius: 10px;
    overflow: hidden;
}

.ecom-category-item img {
    width: 100%;
    border-radius: 10px;
}

.ecom-category-label {
    position: absolute;
    bottom: 5px;
    left: 10px;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 500;
}

.TrustedHOTELS-SECTION {
    display: none;
}

.btn-cta-outline,
.btn-cta-outline:hover,
.btn-cta-outline:focus {
    border: 1px solid white;
    color: white;
}


/* new css start headersec 19.07.2025 */
.droplistsec {
    width: 100%;
    padding: 10px;
}

.droplistsec .dropdown-item {
    margin-bottom: 0.1rem;
    font-weight: 500;
    color: rgba(var(--black-color), 1);
}

.droplistsec .dropdown-item.active,
.droplistsec .dropdown-item:active {
    color: #fff;
    background-color: rgba(var(--main-color), 1);
}

.dflexbox {
    display: flex;
}

/* media start */

@media (min-width: 768px) {}

@media (min-width: 992px) {
    /* .Head-CaLog {
        display: none;
    } */

}

@media (min-width: 1200px) {
    .nav-item.dropdown .dropdown-menu[data-bs-popper] {
        top: 100%;
    }

    .nav-item.dropdown .dropdown-menu {
        opacity: 0;
        visibility: hidden;
    }

    .nav-item.dropdown:hover>.dropdown-menu,
    .nav-item.dropdown .dropdown-menu.show,
    .dropdown-menu ul li:hover>.dropdown-menu.dropdown-submenu {
        opacity: 1;
        display: flex;
        visibility: visible;
        top: 100%;
        min-width: 250px;
    }

    .navbar-expand-lg .navbar-collapse {
        width: max-content;
        max-width: max-content;
    }

    .nav-item.dropdown .DDMenu.dropdown-menu {
        left: 100px;
    }
}

/* 
@media (min-width: 1600px) {}

@media (min-width: 1700px) {}

@media (min-width: 1800px) {}

@media (min-width: 1900px) {}

@media (min-width: 2000px) {}

@media (max-width: 1900px) {} */

@media (max-width: 1800px) {


    .addon-box {
        min-width: auto;
    }

    .AboutUs-TitleBox .common-title,
    .AboutUs-TitleBox.common-box>h2,
    .common-section .AboutUs-TitleBox.common-box>h2,
    .WCSM-TitleBox .common-title,
    .WCSM-TitleBox.common-box>h2,
    .common-section .WCSM-TitleBox.common-box>h2 {
        padding-right: 0px;
    }

    .BDLKF-TitleBox {
        padding: 0px 0px;
    }
}

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

@media (max-width: 1500px) {
    .resturent-banner.banner-section {
        --banner-hvh: 400px;
    }

    .banner-img1.hotelbanner-img1 {
        width: 328px;
        right: 0px;
        top: -57px;
        height: auto;
    }

    .banner-img4.hotelbanner-img03 {
        width: 451px;
        right: 213px;
        top: 47px;
    }

    .Product-ListImg5 {
        width: 500px;
        height: auto;
    }

    .Mission-ImgMainnew {
        margin-left: 0;
        width: 446px;
        height: auto;
    }

    .ctaheading {
        font-size: 36px;
    }

    .WBDL-ListBox {
        padding: 50px 30px;
    }

    .ai-result-block h5 {
        font-size: 28px;
    }

    .ai-cta-img {
        left: 18px;
    }

    .who-help-title {
        font-size: 2.2rem;
    }

    .whychooseUs-TitleBox .common-title,
    .whychooseUs-TitleBox.common-box>h2,
    .common-section .whychooseUs-TitleBox.common-box>h2 {
        font-size: 26px;
    }

    .whychooseUs-section {
        background: linear-gradient(118deg, rgba(251, 251, 251, 1) 38%, rgba(var(--main-color), 1) 38%);
    }

    .common-title,
    .common-box>h2,
    .common-section .common-box>h2 {
        font-size: 28px;
    }

    .Product-TitleBox .common-para,
    .Product-TitleBox.common-box>div.common-para {
        font-size: 16px;
    }

    .custom-hotel-grid .hotel-card.hotel-cardlast img {
        min-height: 246px;
    }

    .custom-hotel-grid .hotel-overlay h5 {
        font-size: 25px;
    }

    .custom-hotel-grid .hotel-overlay p {
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
    }

    .custom-hotel-grid .text-card .common-bgBtn {
        padding: 8px;
        font-size: 13px;
    }

    .common-para,
    .common-box>div.common-para,
    .aboutPage-txt p,
    .aboutPage-txt ul {
        line-height: 22px;
        font-size: 14px;
    }

    .situationboximg {
        width: 100%;
        height: 100%;
    }

    .aipoweredboximg {
        height: 400px;
    }

    .aipoweredboximg::after {
        height: 300px;
    }

    .syncinns-cta-card {
        padding: 6px;
    }

    .banner-title,
    .banner-box h1 {
        --efs-bth: 30px;
    }

    .banner-para {
        line-height: 25px;
        font-size: 18px;
    }

    .WBDL-ListImg {
        --ehw-aoi: 80px;
        margin: 0px auto 30px;
    }

    .WBDL-TitleBox {
        padding: 0px 0px;
    }

}

@media (max-width: 1400px) {
    .WBDL-InnSection {
        padding: var(--eptb-cptb) 40px;
        width: 95%;
    }

    .tour-title {
        font-size: 30px;
    }

    .tour-subtitle {
        font-size: 15px;
        margin: 15px 0 20px;
    }

    .tour-stat-number {
        font-size: 24px;
    }

    .tour-stat-text {
        font-size: 13px;
    }

    .touchfree-form-group label {
        font-size: 0.85rem;
    }

    .revinate-subheading {
        font-size: 14px;
        margin-bottom: 2rem;
    }

    .revinate-card {
        width: 32%;
    }

    .revinate-card h3 {
        font-size: 26px;
    }

    .revinate-heading {
        font-size: 26px;
    }

    .revinate-paragraph {
        font-size: 15px;
    }

    .AboutUs-TitleBox {
        padding-right: 0px;
    }

    .banner-img1 {
        width: 520px;
    }

    .banner-img2 {
        --ERWT-BI2: 30px;
        bottom: 124px;
        left: 29px;
        width: 352px;
    }

    .spin-img {
        animation: spin 9s linear infinite;
        width: 130px;
        height: 130px;
    }

    .banner-img3User {
        left: 50%;
        bottom: 374px;
    }

    .banner-img3 {
        --ERWT-BI3: 165px;
        right: 0px;
        width: 295px;
        bottom: 227px;
    }

    .banner-img4 {
        --ERWT-BI4: -27px;
        right: 5px;
        top: 259px;
        width: 300px;
    }

    .listcardwhy {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .rate-card {
        max-width: 100%;
        height: 100%;
    }

    .whychooseUs-section {
        background: linear-gradient(118deg, rgba(251, 251, 251, 1) 41%, rgba(var(--main-color), 1) 41%);
    }

    .whychooseUs-TitleBox {
        padding-right: 182px;
    }

    .whychooseUs-TitleBox .common-title,
    .whychooseUs-TitleBox.common-box>h2,
    .common-section .whychooseUs-TitleBox.common-box>h2 {
        padding-right: 0;
    }

    .custom-hotel-grid .hotel-card.hotel-cardlast img {
        min-height: 200px;
    }

    .rpg-footer .btn-cta-outline,
    .rpg-footer .btn-cta {
        font-size: 12px;
        padding: 11px;
    }

    .syncinns-footer-followtitle {
        font-size: 15px;
        line-height: normal;
    }

    .Head-CaLog {
        gap: 5px;
    }

    .innerhelptext {
        font-size: 12px;
    }

    .common-helpBtn {
        padding: 8px 10px;
    }

    .navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link,
    .navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link:visited,
    .navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link:focus {
        font-size: 14px;
    }

    .droplistsec .dropdown-item {
        font-size: 13px;
    }

    .navbar.DesktopNav .HeadContainer .navbar-nav .nav-item {
        --eWNB: 15px;
    }

    .AboutUs-ORentImg {
        right: 30px;
    }

    .AboutUs-PLImg {
        left: 50px;
    }

    .AboutUs-ImgBox,
    .WCSM-ImgBox {
        margin-left: 0;
    }

    .WCSM-PLImg {
        right: 10px;
    }

    .inner-footer {
        width: 90%;
    }

    .rpg-footer-heading-cta {
        font-weight: 700;
        font-size: 1.3rem;
    }
}

@media (max-width: 1199px) {
    section.banner-section.banner-innerPage.outer-bg-container.overflow-hidden {
        --banner-hvh: 100%;
    }

    section.video-section {
        padding-bottom: 20px;
    }

    .rpg-footer .contact-btn {
        padding: 6px 12px;
    }

    .rate-cardnew:nth-child(2) {
        border: 0;
    }

    .Product-ListImg.Product-ListImg1 {
        width: 408px;
        height: 330px;
    }

    .Product-ListText.solution-ListText {
        padding-right: 100px;
    }

    .Product-ListText.solution-ListText.solution-ListTextMIDDLE {
        padding-left: 100px;
    }

    .commonheadtitle {
        font-size: 20px;
    }

    .Product-ListImgsecond.Product-ListImgsecond5 {
        width: 224px;
        height: 164px;
        bottom: 119px;
        right: -100px;
        left: auto;
        z-index: 2;
    }

    .Product-ListImgsecond.Product-ListImgsecond6 {
        width: 214px;
        height: 250px;
        bottom: -75px;
        right: -26px;
        left: auto;
        z-index: 1;
    }

    .Product-ListImgsecond.Product-ListImgsecond7 {
        width: 250px;
    }

    .ctaheading {
        font-size: 25px;
    }

    .Product-ListText.solution-ListText {
        padding-right: 0px;
    }

    .Product-ListImgsecond.Product-ListImgsecond2 {
        width: auto;
        height: 106px;
        bottom: 170px;
        left: 35px;
    }

    .Product-ListImgsecond.Product-ListImgsecond3 {
        width: 279px;
        height: 167px;
        bottom: -50px;
        left: 82px;
    }

    .pricing-title {
        font-size: 14px;
        margin: 12px 0px;
        margin-bottom: 12px;
    }

    .pricing-subtitle {
        font-size: 13px;
    }

    .pricing-original {
        font-size: 14px;
    }

    .pricing-price {
        font-size: 20px;
    }

    .feature-list li {
        font-size: 13px;
    }

    .pricing-card .newgaprowsec button {
        font-size: 12px;
    }

    .see-features {
        font-size: 14px;
    }

    .addons-section h2 {
        font-size: 24px;
    }

    .addons-section p {
        font-size: 14px;
    }

    .addon-box h3 {
        font-size: 14px;
    }

    .addon-box ul li {
        font-size: 12px;
    }

    .text-muted.text-mutednewsec {
        font-size: 13px;
    }

    .testimonial-text {
        font-size: 13px;
    }

    /* .dflexbox {
        display: flex;
    } */
    .navbar-nav .dropdown-menu {
        position: absolute;
        top: 100%;
        left: -208px;
    }

    .revinate-card {
        width: 31%;
    }

    .privacy-policy-title {
        font-size: 2rem;
    }

    .privacy-policy-section p {
        font-size: 15px;
    }

    .policy-heading {
        font-size: 1.5rem;
    }

    .policy-subheading {
        font-size: 1.1rem;
    }

    .privacy-policy-section ul li {
        font-size: 13px;
    }


    .banner-img1.transport-img1 {
        width: 384px;
        height: auto;
        right: 30px;
        top: -43px;
    }

    .banner-img4.transport-img03 {
        width: 231px;
        height: auto;
        position: absolute;
        left: -28px;
        bottom: -34%;
        right: auto;
        top: auto;
    }

    .Mission-ImgMain {
        width: auto;
        border-radius: 10px;
        height: auto;
    }

    .Mission-ImgMainnew {
        margin-left: 0;
        width: auto;
        height: auto;
    }

    .common-section {
        --eptb-cptb: 50px;
    }

    .common-para ul.newchannellist,
    .common-box>div.common-para ul.newchannellist {
        font-size: 15px;
        margin: 0px 0px;
        line-height: normal;
        list-style: disc;
        padding-left: 2rem;
    }

    .Product-ListText.solution-ListTextnew {
        padding-right: 0px;
    }

    .common-para ul.newchannellist li {
        font-size: 15px;
    }

    .Mission-Imgsub {
        width: auto;
        height: auto;
        bottom: -35%;
        right: auto;
        left: 38%;
    }

    .situationboximgnewsec .hotel-overlay h5 {
        font-size: 30px;
    }

    .aboutimg-box {
        width: auto;
    }

    .banner-section {
        --banner-hvh: 410px;
    }

    .requestcontent-box .commontitle {
        font-size: 2.5rem;
    }

    .rquestlist {
        font-size: 15px;
    }

    .feature-card h3 {
        font-size: 18px;
    }

    .clFeatureHeadsection h2 {
        font-size: 24px;
    }

    .clFeatureHeadsection p {
        font-size: 14px;
        line-height: normal;
    }

    .clFeatureTitle {
        font-size: 23px;
    }

    .clstepLabel {
        font-size: 20px;
    }

    .canary-title {
        font-size: 35px;
    }

    .ai-results-title {
        font-size: 25px;
        font-weight: 700;
    }

    .ai-result-block h5 {
        font-size: 22px;
        font-weight: 700;
    }

    .ai-cta-button {
        display: block;
    }

    .ai-cta-img {
        left: 0;
        top: 0;
        height: auto;
        position: relative;
    }

    .ai-cta-title {
        font-size: 20px;
    }

    .ai-cta-subtitle {
        font-size: 14px;
    }

    .MainHeader nav.navbar.DesktopNav .row {
        justify-content: space-between;
    }

    .MainHeader nav.navbar.DesktopNav .row>.col-lg-12 {
        order: 1;
    }

    .NBM-box {
        border: none;
        border-radius: 0px;
        background: rgba(var(--black-color), 0);
        padding: 0px 6px;
    }

    .navbar.DesktopNav .HeadContainer {
        justify-content: flex-end;
    }

    .NBM-box .navbar-nav.ms-auto.navbar-nav-scroll {
        gap: 10px;
    }

    .NBM-box {
        display: flex;
        gap: 50px;
        position: absolute;
        top: 104%;
        width: 96%;
        left: 0px;
        right: 0px;
        padding: 0px;
    }

    .NBM-box>* {
        background: rgba(var(--white-color), 1);
        border: 1px solid #eee1ff;
        border-radius: 12px;
        padding: 14px 12px;
        max-height: 250px;
        overflow: scroll;
        backdrop-filter: blur(10px);
    }

    .navbar.DesktopNav .HeadContainer .navbar-nav .nav-item {
        margin-right: 0px;
        margin-bottom: 8px;
    }

    .navbar.DesktopNav .HeadContainer .navbar-nav .nav-item:last-child {
        margin-bottom: 0px;
    }

    .NBM-box li.nav-item.dropdown {
        position: static;
        /* width: max-content; */
    }

    /* .NBM-box ul:last-child {
        margin-top: 8px;
    } */
    .navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link,
    .navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link:visited {
        --eptb-NavLink: 6px;
        font-size: 15px;
    }


    .banner-title,
    .banner-box h1 {
        --efs-bth: 30px;
    }

    .banner-para {
        line-height: 20px;
        font-size: 14px;
    }

    button.common-bgBtn:focus:not(:focus-visible),
    .common-bgBtn:focus-visible,
    .common-bgBtn:hover,
    .common-bgBtn:first-child:active,
    .common-bgBtn:active,
    :not(.btn-check)+.common-bgBtn:active,
    .common-bgBtn:first-child:hover {
        font-size: 13px;
    }

    .common-bgBtn,
    .common-bgBtn:visited,
    .common-bgBtn:focus,
    .common-btn,
    .common-btn:visited,
    .common-btn:focus,
    .common-btn2,
    .common-btn2:visited,
    .common-btn2:focus {
        font-size: 13px;
    }

    .img-btn img {
        object-fit: contain;
        width: 110px;
    }

    .banner-img1 {
        width: 426px;
    }

    .banner-img3 {
        --ERWT-BI3: 69px;
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: column;
    }

    .navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link,
    .navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link:visited,
    .navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link:focus {
        font-size: 13px;
        padding: 5px !important;
    }

    a#VehicleLeasing {
        position: absolute;
        top: 0;
        right: 0px;
    }

    .dropdown-menu.show {
        width: max-content;
    }

    .whychooseUs-TitleBox {
        padding-right: 150px;
    }

    .custom-hotel-grid .hotel-card.hotel-cardlast img {
        min-height: auto;
    }

    .syncinns-cta-card {
        flex-direction: column;
    }

    .aipoweredboximg::after,
    .faqboximg.aipoweredboximg::after {
        height: 300px;
        width: 300px;
    }

    .rpg-footer ul li a {
        font-size: 14px;
    }

    .AboutUs-ImgBox,
    .WCSM-ImgBox {
        width: 400px;
        height: 450px;
    }

    .WBDL-MainImg {
        width: 100%;
    }

    .WBDL-InnSection {
        min-height: 900px;
        margin-bottom: 120px;
    }

    .WBDL-ListText h4 {
        font-size: 20px;
    }

    .WBDL-ListText .common-para {
        font-size: 14px;
    }

    .WBDL-ListImg {
        --ehw-aoi: 60px;
        margin: 0px auto 20px;
    }

    .WCSM-TitleBox .common-para ul,
    .WCSM-TitleBox.common-box>div.common-para ul,
    .WCSM-TitleBox.aboutPage-txt ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .TestiUser-img {
        --ehw-TUI: 140px;
    }

    .TestiUser-title h5 {
        margin-bottom: 12px;
        font-size: 22px;
    }

    .TestiUser-para {
        font-size: 15px;
    }

    .TestiUser-MainBox {
        padding: 20px 12px;
    }

    .footer-ImgBox {
        height: 420px;
    }
}

@media (max-width: 991px) {
    .Product-ListImg.Product-ListImg1 {
        width: 387px;
        height: 264px;
        --ERWT-WBDUR: 36px;
    }

    .who-help-text {
        font-size: 13px;
    }

    .who-help-heading {
        font-size: 1rem;
    }

    .ecom-card {
        margin-top: 20px;
    }

    .banner-img1.hotelbanner-img1 {
        width: 283px;
        right: 0px;
        top: 50px;
        height: auto;
    }

    .banner-img4.hotelbanner-img03 {
        width: 451px;
        right: -43px;
        top: 67px;
    }

    .Product-ListImgsecond {
        height: auto;
        bottom: -130px;
        right: -62px;
        left: auto;
        width: 410px;
    }

    .Product-ListBox {
        margin-bottom: 2rem;
    }

    .customrowdirection {
        flex-direction: column-reverse;
    }

    .Housekeepingsection {
        margin-bottom: 0px;
    }

    .aboutimg-box {
        width: 100%;
    }

    .addon-boxes {
        flex-direction: column;
    }

    .addon-box {
        flex: 1;
    }

    .newgaprowsec {
        flex-direction: column;
    }

    .pricing-card .newgaprowsec button {
        font-size: 12px;
        padding: 6px;
    }

    .addon-box {
        min-width: auto;
        width: 100% !important;
        max-width: 100% !important;
    }

    .addon-tiles {
        flex-direction: row;
        align-items: center;
    }

    .testimonial-text {
        font-size: 14px;
        margin: 0 auto 10px;
    }

    .testimonial-text::before {
        font-size: 32px;
        left: -14px;
        top: -9px;
    }

    .testimonial-slider-wrapper {
        padding: 10px 40px;
    }

    .property-text {
        font-size: 13px;
    }

    .select-para p {
        font-size: 18px;
    }

    .revinate-image {
        max-width: 100%;
        height: 320px;
    }

    .revinate-heading {
        font-size: 20px;
    }

    .revinate-subheadingnew {
        font-size: 18px;
    }

    .revinate-benefit-box {
        font-size: 14px;
    }

    .revinate-card {
        width: 31%;
        padding: 15px;
    }

    .revinate-card p {
        font-size: 13px;
        line-height: 1.6;
    }

    .banner-img1.transport-img1 {
        width: 384px;
        height: auto;
        right: auto;
        top: 50px;
        left: 14px;
    }

    .banner-img4.transport-img03 {
        width: 298px;
        height: auto;
        position: absolute;
        left: 355px;
        bottom: -20%;
        right: auto;
        top: auto;
    }

    .Mission-ImgMain {
        width: 360px;
        margin-left: 0px;
        margin-bottom: 2rem;
    }

    .Mission-Imgsub {
        width: 344px;
        height: auto;
        bottom: -20%;
        right: auto;
        left: 44%;
    }

    .situationboximg.situationboximgnewsec {
        height: 100%;
        margin-bottom: 0;
    }

    .common-title,
    .common-box>h2,
    .common-section .common-box>h2 {
        font-size: 25px;
    }

    .ai-case-logo {
        display: none;
    }

    .clFeatureboxInner {
        flex-direction: column;
    }

    .clFHMedia {
        width: 100%;
        margin: 0;
        margin-bottom: 2rem;
    }

    .touchfree-form-wrapper {
        margin: 0px auto;
        margin-top: 2rem;
        margin-right: auto;
    }

    .clFeatureContent {
        width: 100%;
        margin-top: 2rem;
    }

    .clFeaturebox:nth-of-type(even) .clFeatureboxInner {
        flex-direction: column;
    }

    .clFeaturebox:nth-of-type(even) .clFeatureImg,
    .clFeatureImg {
        margin: 0 0 0 0px;
    }

    .clFeaturebox {
        padding-bottom: 0;
    }

    .clFeatureboxInner {
        padding: 0;
    }

    .clFeatureboxInner:after {
        display: none;
    }

    .clFHContent {
        width: 100%;
    }

    .clFHInner {
        flex-direction: column;
    }

    .image-wrappersectio {
        width: 100%;
        max-width: 330px;
    }

    .ai-case-btn {
        padding: 10px 12px;
    }

    .ai-result-block {
        height: 100%;
        margin-bottom: 0 !important;
    }

    .ai-cta-button {
        display: block;
        font-size: 11px;
        padding: 10px 11px;
        text-align: center;
    }

    .imglistbox {
        flex-wrap: wrap;
    }

    .ai-result-block h5 {
        font-size: 15px;
        font-weight: 700;
    }

    .ai-result-number {
        font-size: 22px;
    }

    .mainimglistbox {
        width: 100%;
        flex: 1;
        height: 300px;
        margin: 0 auto;
    }

    .vmv-section h2 {
        font-weight: 700;
        font-size: 1.8rem;
    }

    .banner-MainImg {
        position: relative;
        width: 100%;
        height: 300px;
    }

    .banner-img1 {
        width: 360px;
        top: 50px;
        left: 0;
    }

    .banner-img3 {
        right: 0px;
        width: 295px;
        bottom: 0;
    }

    .banner-img2 {
        --ERWT-BI2: 30px;
        bottom: -76px;
        left: 129px;
        width: 244px;
    }

    .banner-img4 {
        right: 52px;
        top: 159px;
        width: 330px;
    }

    .banner-img3User {
        left: 54%;
        bottom: 125px;
    }

    .who-help-card {
        padding: 14px;
    }

    .who-help-btn {
        font-size: 13px;
    }

    .Product-ListImg {
        height: 250px;
    }

    .Product-ListImgsecond {
        height: 300px;
        bottom: -79px;
    }

    .listcardwhy {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-top: 4rem;
    }

    .newjustifysec {
        justify-content: start !important;
    }

    .counter-heading {
        font-size: 30px;
    }

    .counter-number {
        font-size: 32px;
    }

    .counter-number::after {
        top: -10px;
    }

    .situationboximg {
        height: auto !important;
        margin-bottom: 2rem;
    }

    .aipoweredcontentbox {
        padding-left: 0px;
    }

    .aipoweredboximg {
        height: 300px;
        margin-top: 2rem;
    }

    .aipoweredboximg::after {
        height: 200px;
        width: 200px;
    }

    .copy-text {
        text-align: center;
        margin-bottom: 1rem;
    }

    .social-list {
        justify-content: center;
        margin-top: 1rem;
    }

    .counter-wrapper {
        flex-direction: row;
    }

    .counter-separator {
        display: block;
    }

    .testimonial-content {
        flex: 1 1 300px;
    }

    .syncinns-cta-container {
        flex-direction: row;
    }


    .faqboximg.aipoweredboximg::after {
        height: 200px;
        width: 500px;
    }

    .counter-item {
        min-width: auto;
        position: relative;
    }

    .whychooseUs-section {
        background: linear-gradient(180deg, rgba(251, 251, 251, 1) 37%, rgba(var(--main-color), 1) 37%);
    }

    .banner-section {
        --banner-hvh: 450px;
    }

    section.video-section {
        background: rgba(var(--main-color), 1);
        padding-top: 230px;
        margin-top: -350px;
    }

    .ecom-title {
        font-size: 1.6rem;
    }

    .banner-title,
    .banner-box h1 {
        --efs-bth: 30px;
    }

    .AboutUs-ImgBox,
    .WCSM-ImgBox {
        margin-left: auto;
    }

    .AboutUs-PLImg {
        left: 250px;
        bottom: -20px;
    }

    .AboutUs-ORentImg {
        right: 100px;
    }

    .WCSM-PLImg {
        width: 200px;
        right: 90px;
    }

    .TestiUser-img {
        --ehw-TUI: 100px;
    }

    .aipoweredboximg img {
        object-fit: contain;
    }
}

@media (max-width: 767px) {
    section.clFeaturebox.clFeaturebox6 {
        padding-bottom: 40px;
    }

    .cookie-popup .container.d-flex.align-items-center {
        flex-direction: column;
        align-items: start !important;
        justify-content: center;
        gap: 10px;
    }

    .cookie-content p:last-child {
        margin-bottom: 0;
    }

    .cookie-actions {
        display: flex;
        flex-direction: row !important;
        gap: 10px;
    }

    .banner-img1.hotelbanner-img1 {
        width: 260px;
        right: 0px;
        top: 5px;
        height: auto;
    }

    .Product-ListImgsecond {
        height: auto;
        bottom: -190px;
        left: 230px;
    }

    /* figure.Mission-ImgMain.Mission-ImgMainnew {
        width: 350px;
    } */

    .Product-ListText.solution-ListTextnewsecsub {
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
    }

    .Mission-Imgsub.nextMission-Imgsub {
        width: 250px;
        height: auto;
        bottom: -27%;
        right: auto;
        left: 50%;
    }

    .commonheadtitlesecnew,
    .commonheadtitlenewsub {
        line-height: normal;
    }

    .Product-ListText.solution-ListText.solution-ListTextMIDDLE {
        padding-left: 00px;
    }

    .testimonial-slider-wrapper {
        padding: 10px 10px;
    }

    .pricing-card .newgaprowsec button {
        font-size: 12px;
        padding: 6px;
        width: 150px;
    }

    .newgaprowsec {
        flex-direction: row;
    }

    .pricing-card {
        max-width: 300px;
        margin: 0 auto;
    }

    .tour-title {
        font-size: 25px;
    }

    .revinate-card {
        width: 100%;
        padding: 15px;
    }

    .revinate-contact-form h5 {
        font-size: 20px;
    }

    .policy-heading {
        font-size: 1.2rem;
    }

    .privacy-policy-title {
        font-size: 1.8rem;
    }

    .privacy-policy-section p {
        font-size: 14px;
    }

    .policy-subheading {
        font-size: 15px;
    }

    .privacy-policy-section {
        padding: 20px 0px !important;
    }

    .banner-img1.transport-img1 {
        width: 367px;
        height: auto;
        right: auto;
        top: 16px;
        left: 0px;
    }

    .banner-img4.transport-img03 {
        width: 298px;
        height: auto;
        position: absolute;
        left: 323px;
        bottom: -1%;
    }

    .Mission-ImgMain {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 2rem;
    }

    figure.Mission-ImgMain.Mission-ImgMainnew {
        height: 250px;
    }

    .Mission-Imgsub {
        width: 250px;
        height: auto;
        bottom: -17%;
        right: auto;
        left: 68%;
    }

    .commonheadtitlenew {
        font-size: 20px;
    }

    section.clFeaturebox {
        padding-left: 40px 0px;
    }

    .flexreversec {
        flex-direction: column-reverse !important;
    }

    .faq-ai-accordion .faq-ai-header .faq-ai-button,
    .faq-ai-accordion .faq-ai-header .faq-ai-button:focus,
    .faq-ai-accordion .faq-ai-header .faq-ai-button:hover {
        font-weight: 600;
        font-size: 15px;
    }

    .clFeatureTitle {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .clstepList li {
        font-size: 14px;
        margin: 3px 0 0;
    }

    .faq-ai-accordion .faq-ai-body {
        padding: 15px;
        font-size: 13px;
    }

    .faq-ai-title {
        font-size: 20px;
        font-weight: 600;
    }

    .faq-ai-subtitle {
        font-size: 13px;
    }

    .ai-tech-section {
        padding: 40px 20px;
    }

    .ai-tech-title {
        font-size: 24px;
        font-weight: 600;
        color: #1a1a1a;
        margin-bottom: 20px;
    }

    .guest-msg-description {
        font-size: 13px;
    }

    .guest-msg-title {
        font-size: 23px;
    }

    .guest-msg-link,
    .guest-msg-icon {
        font-size: 13px;
    }

    .guest-msg-section {
        padding: 40px 10px;
    }

    .vmv-icon {
        width: 40px;
        height: 40px;
        display: inline-block;
        margin-bottom: 10px;
    }

    .ai-result-block {
        height: 100%;
        padding: 1.4rem 0rem !important;
        border-bottom: 1px solid #949393ee;
    }

    .ai-result-block:last-child {
        border: 0;
    }

    .imglistbox {
        flex-direction: column;
    }

    .canary-title {
        font-size: 26px;
    }

    .mainimglistbox {
        width: 100%;
        flex: 1;
        height: 200px;
        margin: 0 auto;
    }

    .banner-section {
        --banner-hvh: 520px;
    }

    .banner-90widthBox {
        width: 96%;
        padding: 40px 0px;
    }

    .banner-MainImg {
        position: relative;
        width: 96%;
        margin: 20px auto -41px;
    }

    .banner-para {
        margin-bottom: 20px;
        font-size: 15px;
        width: 90%;
    }

    .banner-img2 {
        --ERWT-BI2: 30px;
        bottom: -59px;
        left: -72px;
        width: 244px;
    }

    .spin-img {
        width: 80px;
        height: 80px;
    }

    .banner-img3 {
        --ERWT-BI3: 32px;
    }

    .AboutUs-MainImgBox {
        margin-bottom: 30px;
    }

    .faqboximg.aipoweredboximg::after,
    .aipoweredboximg::after {
        height: 200px;
        width: 312px;
    }

    .common-helpBtn {
        padding: 6px 4px;
        font-size: 10px !important;
        font-weight: 500;
    }

    .navbar-brand {
        height: 35px;
    }

    .custom-tabs {
        border: 0;
        margin-top: 2rem;
        width: 100%;
        flex-direction: row;
        gap: 10px;
        overflow: scroll;
    }
}

@media (max-width: 575px) {
    #syncinnsScrollTopBtn {
        bottom: 98px !important;
    }

    .revinate-contact-section {
        padding-top: 0 !important;
    }

    .banner-img4.hotelbanner-img03 {
        width: 251px;
        right: -42px;
        top: 183px;
    }

    .ecom-title {
        font-size: 1.2rem;
        margin-bottom: 1rem !important;
    }

    .ecom-sectioncontainer {
        border-radius: 0px;
        padding: 20px;
    }

    .ecom-description {
        font-size: 13px;
        color: #444;
    }

    .ecom-button,
    .ecom-button:visited {
        padding: 6px 15px;
        font-size: 13px;
    }

    .seekbar {
        width: 12px;
    }

    section.video-section {
        background: rgba(var(--main-color), 1);
        padding-top: 190px;
        margin-top: -300px;
    }

    .banner-img1.hotelbanner-img1 {
        width: 240px;
        right: 0px;
        top: 29px;
    }

    .Product-ListImgsecond.nextProduct-ListImgsecond {
        height: 206px;
        left: 41px;
        bottom: -36px;
    }

    .common-box.Mission-TitleBox {
        margin-top: 1rem;
    }

    .Product-ListImg.Product-ListImg5 {
        height: 181px;
        width: auto;
        margin-left: -95px;
    }

    .Product-ListImgsecond.Product-ListImgsecond005 {
        height: auto;
        bottom: -150px;
        left: 164px;
        width: 300px;
    }

    .rate-card-title.rate-card-titlenew {
        font-size: 15px;
    }

    .rate-card-text.rate-card-textnew {
        font-size: 13px;
    }

    .rate-card-icon.rate-card-iconnew img {
        width: 40px;
        height: 40px;
    }

    .common-para,
    .common-box>div.common-para,
    .aboutPage-txt p,
    .aboutPage-txt ul {
        line-height: 22px;
        font-size: 13px;
    }

    .solution-MainRow {
        margin-top: 2rem;
    }

    .bg-container {
        padding: 20px;
        border-radius: 20px;
    }

    .pricing-card {
        max-width: 100%;
        margin: 0 auto;
    }

    .tour-title {
        font-size: 24px;
    }

    .revinate-apply-btn {
        font-size: 13px;
    }

    .revinate-heading {
        font-size: 18px;
    }

    .revinate-description {
        font-size: 13px;
    }

    .revinate-contact-form {
        padding: 10px !important;
    }

    .revinate-contact-section p {
        font-size: 13px;
    }

    .addresssec p strong {
        font-size: 14px;
    }

    .privacy-policy-title {
        font-size: 1.4rem;
        margin-bottom: 1rem !important;
    }

    .policy-heading {
        font-size: 1rem;
    }

    .privacy-policy-section p {
        font-size: 13px;
    }

    .banner-innerPage .banner-inner-section .banner-title,
    .banner-innerPage .banner-inner-section .banner-box h1 {
        margin-bottom: 0px !important;
    }

    .banner-img4.transport-img03 {
        width: 260px;
        height: auto;
        position: absolute;
        left: 20px;
        bottom: -16%;
    }

    .banner-img1.transport-img1 {
        width: 301px;
        height: auto;
        right: auto;
        top: 19px;
        left: 0px;
    }

    figure.Mission-ImgMain.Mission-ImgMainnew {
        height: 200px;
    }

    .Mission-Imgsub {
        width: 206px;
        height: auto;
        bottom: -22%;
        right: auto;
        left: 52%;
    }

    button.touchfree-submit-btn {
        font-size: 13px;
    }

    .touchfree-form-wrapper .form-check-label {
        text-align: left;
        font-size: 12px;
    }

    .clFeatureImg img {
        width: 100%;
        object-fit: contain;
        height: 200px;
    }


    .touchfree-form-group {
        width: 100%;
    }

    .feature-card {
        border-radius: 8px;
        min-height: 60px;
    }

    .clFeatureHeadsection h2 {
        font-size: 20px;
    }

    .requestcontent-box .commontitle {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .rquestlist {
        font-size: 14px;
    }

    .aboutimg-box {
        width: 100%;
        height: 270px;
    }

    .CDBWU-SImg {
        width: 100%;
        height: auto;
    }

    .Head-CaLog {
        gap: 7px;
        flex-wrap: wrap-reverse;
    }

    .navbar {
        padding: 16px 0px;
    }

    .navbar-brand {
        width: 100%;
    }



    .banner-title,
    .banner-box h1 {
        --efs-bth: 23px;
        margin-bottom: 12px;
    }

    .banner-para {
        margin-bottom: 14px;
        font-size: 12px;
        width: 100%;
    }

    .common-title,
    .common-box>h2,
    .common-section .common-box>h2 {
        font-size: 20px;
    }

    .custom-tabs .nav-link {
        padding: 8px 16px;
        font-size: 13px;
    }

    .Product-ListImgsecond {
        height: 206px;
        bottom: -36px;
    }

    .whychooseUs-TitleBox .common-title,
    .whychooseUs-TitleBox.common-box>h2,
    .common-section .whychooseUs-TitleBox.common-box>h2 {
        font-size: 20px;
    }

    .custom-hotel-grid {
        margin-top: 0rem;
    }

    .custom-hotel-grid .hotel-overlay h5 {
        font-size: 18px;
    }

    .custom-hotel-grid .text-card p {
        margin-bottom: 10px;
        font-size: 13px;
    }

    .counter-heading {
        font-size: 20px;
        font-weight: 600;
    }

    .counter-separator {
        display: none;
    }

    .counter-number {
        font-size: 20px;
    }

    .counter-number::after {
        top: -5px;
        font-size: 25px;
        right: -23px;
    }

    .my-faq .accordion-button {
        font-size: 14px;
    }

    .CDBWU-TitleBox .common-title,
    .CDBWU-TitleBox.common-box>h2,
    .common-section .CDBWU-TitleBox.common-box>h2 {
        font-size: 20px;
    }

    .rpg-footer-heading-resources,
    .rpg-footer-heading-property,
    .rpg-footer-heading-solutions,
    .rpg-footer-heading-company {
        font-weight: 700;
        font-size: 1rem;
    }

    .rpg-footer ul li {
        margin-bottom: 5px;
    }

    .commonheadtitle {
        font-size: 18px;
    }

    .counter-subtext {
        line-height: normal;
        font-size: 13px;
        opacity: 1;
    }

    .counter-label {
        font-size: 12px;
        line-height: normal;
    }

    .custom-hotel-grid .hotel-overlay p {
        font-size: 11px;
        font-weight: 500;
    }

    .whychooseUs-section {
        background: linear-gradient(180deg, rgba(251, 251, 251, 1) 34%, rgba(var(--main-color), 1) 34%);
    }

    .whychooseUs-TitleBox {
        padding-right: 0px;
    }

    .Product-TitleBox .common-para,
    .Product-TitleBox.common-box>div.common-para {
        font-size: 13px;
    }

    .banner-section {
        --banner-hvh: 430px;
    }

    .banner-MainImg {
        margin: 10px auto 10px;
    }

    .banner-img3 {
        right: -47px;
        width: 295px;
        bottom: -100px;
    }

    .banner-img4 {
        right: 60px;
        top: 180px;
        width: 239px;
    }

    .linktext,
    .linktext:hover,
    .linktext:focus,
    .linktext:visited {
        color: rgba(var(--para-color), 1);
        font-size: 13px;
    }

    .linklist {
        padding-left: 1rem;
    }

    .img-btn img {
        object-fit: contain;
        width: 90px;
    }

    .img-btn {
        overflow: hidden;
        width: auto;
        height: auto;
        display: inline-block;
    }

    .who-help-title {
        font-size: 1.6rem;
        margin-bottom: 20px;
    }

    .who-help-heading {
        font-size: 1rem;
    }

    .who-help-text {
        font-size: 0.9rem;
        margin: 10px 0 12px;
        color: #333;
        line-height: normal;
    }

    .scroll-button.right {
        right: -10px;
    }

    .subtittlebox {
        font-size: 12px;
    }

    .scroll-button.left {
        left: -10px;
    }

    .banner-BtnBox {
        flex-wrap: wrap;
        gap: 5px;
    }
    .banner-img2 {
        --ERWT-BI2: 20px;
        bottom: -59px;
        left: -36px;
        width: 218px;
    }

    .AboutUs-ImgBox,
    .WCSM-ImgBox {
        width: 300px;
        height: 350px;
        --EBRTRBL: 60px;
    }


}

@media (max-width: 375px) {
    .feature-card h3 {
        font-size: 15px;
    }

    .rate-card.rate-cardnew {
        border: 0;
    }

    .banner-img1.transport-img1 {
        width: auto;
        height: auto;
        right: auto;
        top: 19px;
        left: -10px;
    }

    .Mission-Imgsub {
        width: 200px;
        height: auto;
        bottom: -23%;
        right: auto;
        left: 39%;
    }

    .requestcontent-box .commontitle {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }

    .listcardwhy {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin-top: 4rem;
    }

    .whychooseUs-section {
        background: linear-gradient(180deg, rgba(251, 251, 251, 1) 27%, rgba(var(--main-color), 1) 27%);
    }

    .situationcontentbox {
        padding: 20px;
    }

    .testimonial-logo,
    .testimonial-trustpilot {
        max-height: 30px;
    }

    .Product-ListBoxcontentsec {
        padding-right: 0px;
    }

    .rpg-footer-heading-cta {
        font-weight: 700;
        font-size: 1rem;
    }

    .syncinns-cta-container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 5px 65px;
    }

    .syncinns-cta-card {
        border: 0 !important;
    }

    .testimonial-text {
        font-size: 13px;
    }

    .rpg-footer .contact-btn {
        padding: 10px 15px;
        font-size: 12px;
    }


}

/* media end */

.comingsoonbox img {
    width: 100%;
    height: 300px;
    object-fit: contain;
}




/* new css add 13.08.2025 */

.hrobannersec {
    position: relative;
    height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding-bottom: 150px;
}

.gifbox {
    position: absolute;
    right: 0%;
    top: 0;
    width: 52%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

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

.herotexture {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    z-index: 2;
}

.herotexture img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.herobantex-box {
    position: relative;
    z-index: 6;
    display: flex;
    align-items: start;
    flex-direction: column;
}

.herobantex-box h1 {
    margin: 0;
    padding: 0;
    width: 100%;
    color: rgba(var(--main-color), 1);
    text-align: left;
    font-size: 60px;
    line-height: 70px;
    font-weight: 500;
    margin-bottom: 2rem;
}

.herobantex-box h1 .ityped {
    display: inline-flex;
    padding: 5px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 16px;
    border: 2px solid #b8c4c2;
    overflow: hidden;
    margin-top: 8px;
    text-transform: capitalize;
    font-size: 50px;
    background: linear-gradient(90deg, #001e2b, #00ED64);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* font-weight: bold; */
}

.tab-sectionnew .housekeepinglistmainbox {
    display: none;
}

.cominginnerimg {
    margin: 0 auto;
}

.cominginnerimg img {
    width: 100%;
    height: 400px;
    object-fit: contain;
}

.Product-section .custom-tabs {
    flex-direction: row;
    gap: 8px;
}

.Product-section .custom-tabs .nav-link {
    /* border: none; */
    border: 1px solid rgba(var(--main-color), 1);
    color: rgba(var(--main-color), 1);
    background: #ffffff00;
    border-radius: 4px;
    margin-bottom: 7px;
    font-weight: 600;
    transition: all 0.3s ease;
    padding: 12px 10px;
    font-weight: 600;
    font-size: 15px;
    padding-left: 10px;
    width: max-content;
}

/* Active tab style */
.Product-section .custom-tabs .nav-link.active {
    background-color: rgba(var(--main-color), 1);
    /* Your purple shade */
    color: #1da316;
    border-color: #1da316;
}

/* Hover state */
.Product-section .custom-tabs .nav-link:hover {
    background-color: #eee6f500;
    color: #1da316;
    border-color: #1da316;
}

.tab-sectionnew .myTabContentsec {
    margin-top: 0rem;
    background: #f6f9fa;
    padding: 50px;
    border-radius: 20px;
}

@media(max-width:1920px) {

    .herotexture {
        width: 130%;
    }
}

@media(max-width:1366px) {
    .herobantex-box h1 {
        font-size: 40px;
        line-height: normal;
    }

    .banner-para p {
        max-width: 600px;
    }

    .herobantex-box h1 .ityped {
        font-size: 30px;
    }

    .herotexture {
        width: 123%;
    }

    .custom-tabs .nav-link {
        white-space: normal;
    }

}

@media(max-width:1024px) {
    .herotexture {
        width: 132%;
    }
}

@media (max-width: 991px) {
    .custom-tabs {
        flex-direction: row;
        overflow: auto;
    }

    .banner-90widthBox {
        padding: 20px 0px;
    }

    .touchfree-canvas-form.comon-form-box {

        padding: 8px;
        margin-top: 10px;
    }
}

@media(max-width:767px) {
    .ityped {
        display: block !important;
        width: max-content;
    }

    .herotexture {
        width: 145%;
    }

}

@media(max-width:580px) {
    .hrobannersec {
        height: auto;
        justify-content: start;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .herobantex-box h1 {
        font-size: 20px;
        line-height: normal;
    }

    .herobantex-box h1 .ityped {
        font-size: 18px;
        padding: 5px 10px;
        border-radius: 9px;
        border: 1px solid #b8c4c2;
    }

    .herotexture {
        width: 202%;
        display: none;
    }

    .gifbox {
        display: none;
    }

    .hrobannersec {
        background-color: #fff;
    }

    .aipoweredboximg {
        height: auto;
        margin-top: 0;
        padding: 0;
    }

    .tawk-min-container .tawk-button-circle.tawk-button-large {
        width: 45px;
        height: 45px;
    }

    .Product-ListImg {
        --ERWT-WBDUR: 30px;
    }

    .tab-sectionnew .myTabContentsec {
        padding: 30px 5px;
    }

    .cookie-popup {
        z-index: 99999999999 !important;
    }

}

@media(max-width:375px) {
    .hrobannersec {
        height: auto;
        justify-content: start;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .herotexture {
        width: 170%;
    }
}

.newbacksec {
    background-color: rgba(var(--back-color), 1);
}





.image-scroll-content {
    display: flex;
    animation: scroll-left 30s linear infinite;
    flex-direction: column;
}

.image-scroll-content img {
    width: 170%;
    /* height: 100px; */
    object-fit: cover;
    margin-right: 0px;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@media(max-width:1024px) {
    .situationboximg img {
        object-fit: contain;
        width: 100%;
        height: 100%;
        object-position: center;
    }

    .aipoweredboximg img {
        object-fit: contain;
    }

}


/* touchfree-canvas-form comon-form-box */
.touchfree-canvas-form.comon-form-box {
    background: inherit;
    /* border: 1px solid #000000d3; */
    padding: 30px;
    border-radius: 20px;
}

.touchfree-canvas-form.comon-form-box .touchfree-form-group {
    margin-bottom: 20px !important;
}

.touchfree-canvas-form.comon-form-box h5 {
    font-size: 20px;
    font-weight: 600;
    color: rgba(var(--main-color), 1);
    margin-bottom: 20px;
}

.touchfree-canvas-form.comon-form-box .nesubbtn {
    background-color: rgba(var(--main-color), 1);
    display: block;
    color: #fff !important;
    width: auto !important;
    padding: 10px 30px;
    margin-left: auto;
}

.touchfree-canvas-partent {
    box-shadow: 0px 2px 9px 0px #00000057;
    padding: 20px;
    border-radius: 20px;
}

@media (max-width: 991px) {
    .touchfree-canvas-form.comon-form-box {
        padding: 8px;
        margin-top: 10px;
    }
}

#cookiePopup {
    display: none !important;
}

.ani-img {
    --ERWT-WBDUR: 70px;
    -webkit-animation: WBDL-ImgUR 7s ease-in-out infinite alternate-reverse both;
    animation: WBDL-ImgUR 7s ease-in-out infinite alternate-reverse both;
}




/* 20/08/2025 */

@media (max-width: 1366px) {
    .herotexture {
        width: 135%;
    }
}

@media (max-width: 1024px) {
    .custom-tabs .nav-link {
        white-space: nowrap;
    }
}

@media (max-width: 991px) {
    .herotexture {
        width: 148%;
    }

    .hrobannersec {
        height: 60vh;
    }

    .who-help-section.hm-who-help-section {
        padding-top: 32px;
    }

    .who-help-section.hm-who-help-section .who-help-title {
        font-size: 1.8rem;
        margin-bottom: 24px;
    }

    .hm-whychooseUs-section.whychooseUs-section {
        background: linear-gradient(180deg, rgba(251, 251, 251, 1) 31%, rgba(var(--main-color), 1) 31%);
    }

    .hm-solution-section .situationmaincontentbox .row .col-lg-4:first-child .housekeepinglistmainbox {
        margin-top: 0;
    }

    .situationmaincontentbox {
        margin-top: 0rem;
    }

    .aipoweredboximg {
        margin-top: 0;
    }

    .situationboximg img {
        width: 50%;
        margin: 0 auto;
        display: table;
    }
}

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

@media (max-width: 576px) {
    section.section-occupancy-info.common-section {
        overflow: hidden !important;
    }


    .hm-page-banner .herobantex-box h1 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .hm-page-banner .herobantex-box h1 .ityped {
        font-size: 26px;
        margin: 10px 0 0 0;
    }

    .hm-page-banner .banner-para {
        margin-bottom: 23px;
        font-size: 13px;
        padding: 0;
    }

    .hrobannersec.hm-page-banner {
        padding-top: 20px;
    }

    .hm-who-help-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hm-who-help-section .who-help-title {
        font-size: 1.5rem !important;
        /* text-align: center; */
    }

    .hm-solution-section {
        padding-top: 30px;
        padding-bottom: 0;
    }

    .hm-solution-section .situationmaincontentbox .row .col-lg-4:first-child .housekeepinglistmainbox {
        margin-top: 0;
    }

    .hm-ecom-section {
        padding-bottom: 0;
    }

    .hm-whychooseUs-section {
        background: linear-gradient(180deg, rgba(251, 251, 251, 1) 24%, rgba(var(--main-color), 1) 24%);
        padding: 30px 0 0 0;
    }

    .hm-whychooseUs-section .listcardwhy {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .my-faq .accordion-body {
        font-size: 13px;
        padding-top: 0;
    }

    .hm-situation-section {
        padding-bottom: 30px;
    }

    .situationboximg img {
        width: 65%;
        margin: 0 auto;
        display: table;
    }

    .footer-cta p {
        font-size: 13px;
    }

    .ab-common-section .row.gy-5 {
        --bs-gutter-y: 0 !important;
    }

    .ab-common-section .row p {
        font-size: 13px;
    }

    .ab-common-section .row h2 {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .common-section {
        --eptb-cptb: 20px;
    }

    .ab-who-help-section {
        background: rgba(var(--main-color), 1);
        color: #fff;
        padding: 60px 0;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 25px;
    }

    body {
        font-size: 13px;
    }
        .hrobannersec {
    height: auto;
}

}

.widget-visible {
    display: none !important;
}


body.no-scroll {
  overflow: hidden;
}