@font-face {
    font-family: 'the_seasonsregular';
    src: url('../fonts/fontspring-demo-theseasons-reg-webfont.woff2') format('woff2'),
         url('../fonts/fontspring-demo-theseasons-reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {margin: 0;}
p , h1, h2, h3{margin-bottom: 0;}
body {overflow-x: hidden;}

h1, h2 { font-family: 'the_seasonsregular'; font-weight: 500;}
.custom-container {width: 81%;max-width: 1600px;margin: 0 auto;}
.common-btn {font-size: 22px;background-color: #000;border-radius: 8px;color: #fff;padding: 16px 32px;border: 1px solid #000;display: inline-block;line-height: normal;}
.common-btn:hover {background-color: transparent;color: #000;}
.common-bottom-section {padding-bottom: 100px;}
.common-section {padding: 100px 0;}
.learn-more-btn {font-size: 20px;border-radius: 50px;padding: 10px 30px;margin-top: 20px;display: inline-block;font-family: 'source_sans_proregular';}
 h1 span {font-family: 'source_sans_prolight';}
p {font-size: 20px;line-height: 150%;}

.hospitality-page #Header.innerheader::after {display: none;}
.hospitality-page #Header.innerheader {background-image: url('https://d1k47okj0blyru.cloudfront.net/images/hospitality/hospitality-bg.png') !important;background-attachment: fixed;height: auto; background-position: left;background-size: cover !important;}
.hospitality-page #Header.innerheader h1{font-size:58px;letter-spacing: 0;line-height: normal;margin-bottom: 0;color: #38302A;}
.hospitality-banner h1 span {font-weight: 300;}
.hospitality-banner p {font-size: 24px;font-family: 'source_sans_proregular';letter-spacing: 0;margin-top: 15px;}
.hospitality-banner .banner-img-box {border-radius: 80px 0 80px 0;overflow: hidden;}
.hospitality-banner {padding-top: 40px;}

.hospitality-overview {background-color: #392C05;color: #fff;}
.hospitality-overview .left-box {width: 50%;position: relative;}
.hospitality-overview .left-box .img-box.oval {overflow: hidden;}
.hospitality-overview .left-box .img-box.circle {position: absolute;left: 0;bottom: 0;}
.hospitality-overview .left-box .img-box.oval img {border-radius: 250px;margin-left: 20%;}
.hospitality-overview .right-box {width: 45%;}
.hospitality-overview .right-box h2 {color: #CCAF7B;font-size: 58px;margin-bottom: 40px;}
.hospitality-overview .right-box p {font-family: 'source_sans_prolight';margin-bottom: 15px;}
.hospitality-overview .right-box p span {display: block;color: #E9CFA4;font-style: italic;}
.hospitality-overview .right-box ul {gap: 30px;flex-wrap: wrap;margin-top: 50px;}
.hospitality-overview .right-box ul li {width: 45%;gap: 10px;}

.hospitality-overview .left-box .img-box.circle::before {content: '';position: absolute;top: -10px;right: -10px;width: 100%;height: 100%;border-radius: 50%;border: 2px solid #D9D3CA;}

.raiders-section {background-image: url('https://d1k47okj0blyru.cloudfront.net/images/hospitality/raiders-bg.png');background-size: cover;background-position: center;position: relative;padding: 150px 0;overflow: visible;}
.raiders-section .about-project h2  {color: #FFF;}
.raiders-section .img-left-box {margin-left: 17%;}
.raiders-section .img-left-box .back-img {margin-left: -100px;z-index: -1;}
.raiders-section .spill {position: absolute;right: 0%;top: -22%;}

.raiders-section a {background-color: #CCAF7B;color: #000;border: 1px solid #CCAF7B;}
.raiders-section a:hover {background-color: transparent;color: #CCAF7B;}
.apolide-vnb-section a ,  .caremoli-section a , .good-pedals-iot a {background-color: #000;color: #fff;border: 1px solid #000;}
.apolide-vnb-section a:hover , .caremoli-section a:hover  , .good-pedals-iot a:hover{background-color: transparent;color: #000;}

.about-project {width: 34%;}
.about-project h2 {font-size: 35px;line-height: 130%;margin-top: 40px;color: #38302A;}

.tech-stack {margin-top: 20px;gap: 20px;}
.tech-stack li img {width: 40px;}

.apolide-vnb-section {background-color: #E5DED4;position: relative;}
.apolide-vnb-section .about-project {width: 23%;}

.apolide .img-left-box{margin-left: -15%;position: relative;}
.apolide .desktop-img {background-image: url('https://d1k47okj0blyru.cloudfront.net/images/hospitality/desktop-white.png');background-size: cover;height: 670px;padding: 28px 40px;padding-top: 72px}
.apolide .desktop-img video {height: 100%;border-radius: 4px;}
.apolide .guide-slider-box {position: absolute;right: -43%;bottom: -16%}
.apolide .traveller {margin-right: -80px;margin-bottom: -85px;z-index: 2;}
.apolide .camera {margin-left: -50px;margin-bottom: -50px;z-index: 2;}
.apolide .guide-video-box {width: 460px; height: 620px;border-radius: 14px;overflow: hidden;z-index: 1;}
/* .apolide .guide-video-box video {width: 100%; height: 100%;} */

.vnb-desktop-img {margin-right: -14%;}
.vnb-ss {margin-right: -100px;z-index: 2;}
.vnb .tech-stack {width: 63%;}
.vnb-video {height: 425px;}
.vnb-video video {width: 100%;height: 100%;}
.leaf {position: absolute;right: 0;top: 35%;}

.apolide .guide-video-box .swiper-slide{display: flex;justify-content: center;align-items: center;position: relative;z-index: 0;}

.img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
   background-size: cover;
   background-position: center  center;
   background-repeat: no-repeat;
transition: 2s all;
	transform: scale(1);
}

.swiper-slide-active .img {
		animation: scale 2s ease forwards;
}

@keyframes scale {
    0% {
        transform: scale(1.3);
    }

    100% {
         transform: scale(1);
    }
}


.casadami-section {background-image: url('https://d1k47okj0blyru.cloudfront.net/images/hospitality/casadami-bg.png');background-attachment: fixed;background-position: center;background-size: 70%;}
.casadami-section h2  {color: #D9D3CA;}
.casadami-section a {background-color: #D9D3CA;border: 1px solid #D9D3CA;color: #000;}
.casadami-section a:hover {background-color: transparent;color: #D9D3CA;}
.casadami-section .about-project {width: 35%;}
.casadami-section .tech-stack {width: 45%;}
.casadami-section .cd-video {margin-right: -32%;position: relative;}
.casadami-section .cd-ss {margin-top: -15%;margin-right: 10%;z-index: 2;}
.casadami-section .cup {position: absolute;top: -20px;left: -50px;}
.casadami-video-box {background-image: url('https://d1k47okj0blyru.cloudfront.net/images/hospitality/casadami-video.png');z-index: -1;position: relative;padding: 28px;height: 500px;background-size: contain;}
.casadami-video-box video {height: 100%;}

.caremoli-section {padding: 150px 0; background-image: url('https://d1k47okj0blyru.cloudfront.net/images/hospitality/caremoli-bg.png');background-attachment: fixed;background-position: center;background-size: cover;}
.caremoli-section .icecream {margin-left: -16%;}
.caremoli-section .fish {position: absolute;right: -125px;bottom: -65px;animation: animName 10s linear infinite;width: 350px;}
.caremoli-section .burger {position: absolute;bottom: -70px;left: -143px;}

.caremoli-section .img-box {width: 70%;}
.caremoli-section .icecream {position: absolute;bottom: 5%;right: 30%;}

.hospitality-services {background-image: url('https://d1k47okj0blyru.cloudfront.net/images/hospitality/blurred-bg.png');background-size: 200%;animation: bgMove 5s linear infinite;}
.hospitality-services h2 {font-size: 58px; text-align: center;margin-bottom: 50px;color: #5E301A;}
.hospitality-services .common-service-box {background-color: #E7D6CC;border: 1px solid #E2C8BB;border-radius: 60px;padding: 50px 40px;height: 540px;width: 500px;margin: 0 30px;}
.hospitality-services .common-service-box h3 {font-size: 34px;margin-bottom: 20px; font-family: 'source_sans_proregular';letter-spacing: 0;}
.hospitality-services .common-service-box p {font-size: 22px; font-family: 'source_sans_proregular';display: inline-block;width: 95%;vertical-align: top;}
.hospitality-services .common-service-box li img {display: inline-block;margin-right: 10px;vertical-align: middle;margin-top: 5px;}
.hospitality-services .common-service-box li:not(:last-child) {margin-bottom: 5px;}
.hospitality-services .common-service-box img.icon {margin-bottom: 20px;}


.good-pedals-iot {background-color: #FFFCF6;background-image: url('https://d1k47okj0blyru.cloudfront.net/images/hospitality/gd-bg.png');background-attachment: fixed;background-position: center;background-size: cover;}
.good-pedals-iot .inner-content {position: relative;}
.good-pedals-iot .app-logo {height: 75px;}
.good-pedals-iot .about-project {width: 100%;}
.good-pedals-iot .gd-cart {width: 60%;}
.good-pedals-iot .iot-ipad {width: 48%;position: absolute;right: 13%;z-index: -1;top: 13%;}
.good-pedals-iot .dots {position: absolute;right: 10%;top: 75%;animation: upDown 2s ease-in-out infinite;}
.good-pedals-iot .caps {position: absolute;left: 0;top: 35%;animation: shake 2s ease-in-out infinite;}

@keyframes upDown {
    0%{transform: translateY(-10px) }
    50%{transform: translateY(10px);}
    100%{transform: translateY(-10px);}
}
@keyframes shake {
	0%{transform: rotate(15deg);}
	50%{transform: rotate(-15deg);}
	100%{transform: rotate(15deg);}
}

@keyframes bgMove {
  0% {
    background-position: 0% 100%;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0% 100%;
  }
}

@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}

/* Responsive CSS */
@media screen and (min-width: 2560px) {
    .custom-container {max-width: 71%;}
    .casadami-section .cd-video {border-radius: 20px;margin-right: 0;}
    .casadami-video-box {background-size: cover; border-radius: inherit;}
    .vnb-desktop-img {margin-right: 0}
    .apolide .img-left-box {margin-left: -4%;}
    .casadami-section .about-project {width: 35%;}
    .casadami-section .cd-ss {margin-right: 50%;}
    .vnb-video video {border-radius: 28px;}

}

@media screen and (max-width: 1919px) {
	.custom-container {width: 90%;}
    .raiders-section .spill {top: -19%;width: 15%}
    .hospitality-page .banner-img-box {width: 49%;}
    .hospitality-page #Header.innerheader h1 {font-size: 48px}
    .hospitality-overview .right-box h2 {font-size: 50px;margin-bottom: 30px;width: 90%;}
    .hospitality-overview .right-box ul {gap: 25px;margin-top: 30px}
    .about-project h2 {font-size: 30px;margin-top: 30px;}
    .raiders-section .app-logo {width: 70%;}
    .apolide .guide-video-box {width: 415px;height: 540px;}
    .apolide .desktop-img {height: 640px;}
    .apolide .camera {margin-bottom: -35px;width: 210px;}
    .apolide .traveller {width: 320px;}
    .raiders-section .img-left-box {margin-left: 20%}
    .raiders-section .img-left-box img {width: 85%;}
    .casadami-video-box {height: 440px;}
    .casadami-section .cd-ss {margin-top: -18%;margin-right: 20%;width: 80%;}
    .casadami-section .cup {width: 130px;}
    .casadami-section .app-logo {width: 40%;}
    .raiders-section .about-project h2 { width: 92%; margin-left: auto;}
    .caremoli-section .burger {width: 16%;}
    .caremoli-section .fish {width: 18%;}
    .caremoli-section .img-box {width: 75%;}
    .caremoli-section .app-logo {width: 50%;}

    .hospitality-overview .right-box {width: 48%;}
    .hospitality-services .common-service-box p {width: 90%;font-size: 20px;}
    .hospitality-services .common-service-box h3 {font-size: 28px;margin-bottom: 24px;}
    .hospitality-services .common-service-box img.icon {width: 75px;}
    .hospitality-services .common-service-box li img {margin-top: 5px;}
    .hospitality-services .common-service-box {border-radius: 40px;height: 440px;padding: 40px 30px;}
    .hospitality-services h2 {font-size: 46px;}
    .apolide-vnb-section .about-project {width: 28%}
    .vnb-ss {width: 47%;}
    .leaf {width: 140px;top: 32%;}
    .apolide .guide-slider-box {right: -35%;bottom: -15%}
    .caremoli-section .icecream {right: 25%;}

}
@media screen and (max-width: 1599px) {
    .hospitality-overview .right-box h2 {font-size: 40px;width: 75%;}
    .hospitality-services h2 {font-size: 40px;margin-bottom: 40px;}
    p {font-size: 18px;line-height: 140%}
    .hospitality-overview .right-box ul {gap: 20px;}
    .hospitality-overview .left-box .img-box.oval img {width: 60%;}
    .hospitality-overview .left-box .img-box.circle {width: 230px;}
    .vnb .app-logo {width: 50%;}
    .vnb-ss {width: 50%;}
    .about-project h2 {font-size: 26px;margin-top: 20px;}
    .apolide .desktop-img {height: 580px;padding-top: 65px;}
    .apolide .guide-video-box {width: 400px;height: 510px;}
    .apolide .camera {margin-bottom: -65px;width: 190px;}
    .apolide .traveller {width: 275px;margin-bottom: 0;}
    .apolide .app-logo {width: 70%;}
    .raiders-section , .caremoli-section {padding: 100px 0;}
    .raiders-section .img-left-box img {width: 80%;}
    .raiders-section .spill {top: -18%;width: 13%;}
    .casadami-section .app-logo {width: 35%;}
    .caremoli-section .app-logo {width: 55%;}
    .hospitality-banner .custom-container {width: 80%;}
    .hospitality-page #Header.innerheader h1 {font-size: 36px;}
    .raiders-section .img-left-box {margin-left: 21%;}
    .raiders-section .img-left-box .back-img {margin-left: -150px;}
    .casadami-video-box {height: 400px;}
    .casadami-section .cup {width: 115px;}
    .casadami-section .cd-ss {margin-top: -15%;margin-right: 24%;width: 75%;}
    .caremoli-section .icecream {width: 20%;}
    .caremoli-section .burger {width: 18%;}

    .caremoli-section .about-project h2 {width: 80%;margin-left: auto;}
    .hospitality-services .common-service-box {height: 480px;}
    .apolide-vnb-section .about-project {width: 25%;}
    .leaf {width: 115px;top: 35%;}
    .hospitality-banner p {font-size: 22px;}
    .apolide .guide-slider-box {bottom: -18%;}
    .apolide .traveller {margin-right: -72px;}
    .good-pedals-iot .app-logo {height: 60px;}


}
@media screen and (max-width: 1439px) {
    .apolide .desktop-img {height: 550px;padding-top: 60px;}
    .apolide .guide-video-box {width: 380px;}
    .apolide .traveller {width: 235px;margin-bottom: -25px;}
    .apolide .camera {width: 155px;}
    .apolide .guide-slider-box {right: -33%;bottom: -20%}
    .learn-more-btn {font-size: 18px;padding: 8px 25px;}
    .caremoli-web {width: 100%;}
    .caremoli-section .icecream {width: 20%;}
    .caremoli-section .burger {width: 15%;bottom: -40px;left: -93px;}
    .hospitality-overview .left-box {width: 50%;}
    .hospitality-overview .right-box h2 {width: 90%;}
    .hospitality-services .common-service-box {height: 430px;}
    .apolide-vnb-section .about-project {width: 33%;}
    .vnb-video {height: 400px;}
    .apolide-vnb-section .about-project {width: 25%;}
    .good-pedals-iot .dots , .good-pedals-iot .caps {width: 100px;}

}

@media screen and (max-width: 1365px) {
    .hospitality-page #Header.innerheader h1 {font-size: 38px;}
    .hospitality-banner .custom-container { width: 90%;}
    .raiders-section .about-project h2 {width: 95%;}
    .apolide .img-left-box {margin-left: -20%;}
    .common-section {padding: 80px 0}
    .hospitality-page .banner-img-box { width: 50%;}
    .hospitality-overview .right-box h2 {font-size: 36px;}
    .hospitality-overview .left-box .img-box.oval img {margin-left: 20%;}
    .raiders-section .img-left-box {margin-left: 20%;}
    .raiders-section .img-left-box img {width: 73%;}
    .caremoli-section .about-project h2 {width: 90%;}
    .caremoli-section .img-box {width: 82%;}

    .hospitality-services .common-service-box h3 {font-size: 26px;margin-bottom: 15px;}
    .hospitality-services .common-service-box {height: 390px;border-radius: 32px;}
    .hospitality-services .common-service-box img.icon {width: 70px;}
    .hospitality-services h2 {font-size: 36px;}

    .casadami-section .cd-ss {margin-top: -23%;margin-right: 30%;width: 64%;}
    .apolide .guide-slider-box {right: -25%;bottom: -10%;}
    .apolide-vnb-section .custom-container.common-bottom-section {padding-bottom: 0;}
    .apolide-vnb-section .about-project {width: 32%;}
    .vnb-video {height: 370px;}
    .apolide .guide-video-box {width: 310px;height: 410px;}
    .hospitality-overview .right-box {width: 52%;}
    .casadami-section .cd-video {margin-right: -13%;}
    .casadami-section .cd-ss {margin-top: -20%;margin-right: 40%;width: 60%;}
    .apolide-vnb-section .about-project {width: 30%;}
    .apolide .guide-slider-box {bottom: -4%;}
    .apolide .traveller {margin-right: -60px;margin-bottom: -40px;}
    .good-pedals-iot .gd-cart {width: 62%;}
    .good-pedals-iot .iot-ipad {width: 50%;}

}

@media screen and (max-width: 1279px) {
    .hospitality-page .banner-img-box { width: 48%;}
    .hospitality-page #Header.innerheader h1 {font-size: 34px;}
    .hospitality-overview .right-box h2 {font-size: 34px;width: 95%;margin-bottom: 20px;}
    .hospitality-overview .left-box .img-box.circle {width: 170px;}
    .hospitality-overview .left-box .img-box.oval img {width: 60%;}
    p {font-size: 18px;}
    .apolide-vnb-section .about-project {width: 40%}
    .apolide .desktop-img {height: 500px;padding: 28px 32px;padding-top: 55px;}
    .vnb , .apolide {flex-direction: column;}
    .vnb-ss {width: 62%;}
    .apolide-vnb-section .about-project {width: 65%;text-align: center !important;order: -1;}
    .apolide-vnb-section .about-project h2 {font-size: 30px;}
    .vnb .app-logo {width: 38%;}
    .about-project h2 br {display: none;}
    .apolide-vnb-section .tech-stack {width: 100%;justify-content: center !important}
    .apolide .app-logo {width: 40%;}
    .apolide .img-left-box {margin-left: -33%;margin-top: 15px;}
    .learn-more-btn {margin-top: 10px;}
    .raiders-section .img-left-box {margin-left: 12%;}
    .raiders-section .about-project h2 {width: auto;}
    .casadami-video-box {padding: 18px;height: 320px;}
    .casadami-section .cd-ss {margin-top: -23%;margin-right: 14%;width: 80%;}
    .casadami-section .about-project {width: 50%}
    .casadami-section .cup {width: 90px;top: -10px;left: -40px}
    .casadami-section .app-logo {width: 45%;}
    .raiders-section .about-project h2 {font-size: 22px;}
    .raiders-section .img-left-box img {width: 64%;}
    .vnb-desktop-img {margin-right: -7%;}
    .vnb .app-logo {width: 24%;}
    .vnb-video {height: 440px}
    .raiders-section .img-left-box .back-img {margin-left: -190px;}
    .caremoli-section .img-box {width: 65%;}
    .caremoli-section .about-project h2 {width:auto;}
    .caremoli-section .app-logo {width: 50%;}
    .hospitality-overview .left-box .img-box.oval img {width: 70%;}
    .hospitality-overview .left-box .img-box.circle {width: 230px;}
    .hospitality-banner .banner-img-box {border-radius: 65px 0 65px 0;width: 53%;}
    .hospitality-banner p {font-size: 20px;}
    .casadami-section .cd-video {margin-right: -23%;}
    .casadami-section .cd-ss {margin-top: -20%;margin-right: 33%;width: 70%;}
    .leaf {top: 45%;}
    .good-pedals-iot .dots, .good-pedals-iot .caps {width: 85px;}


}

@media screen and (max-width: 1023px) {
    .hospitality-page .left-box {width: 100%;}
    .hospitality-banner .custom-container , .hospitality-overview .inner {flex-direction: column;}
    .hospitality-page .banner-img-box {width: 100%;background-image: url(../images/hospitality/banner-image.png);height: 410px;background-size: cover;}
    .hospitality-page .banner-img-box img {display: none;}
    .hospitality-page #Header.innerheader h1 {text-align: center;margin-bottom: 15px;font-size: 22px;}
    .common-bottom-section {padding-bottom: 40px;}
    .hospitality-overview .right-box {width: 100%;order: -1;}
    .hospitality-overview .right-box h2 {font-size: 30px;width: auto;text-align: center;}
    .hospitality-overview .right-box p {text-align: center;}
    .hospitality-overview .right-box ul {width: 75%;margin: 30px auto;}
    .hospitality-overview .left-box .img-box.oval img {width: 44%;margin-left: 28%;}
    .hospitality-overview .left-box .img-box.circle {width: 190px;margin-left: 14%;}
    .apolide-vnb-section .about-project {width: 75%;}

    .raiders-section {background-image: url(../images/hospitality/dark-blurred-bg.png);}
    .casadami-section .about-project {width: 80%;text-align: center !important;margin-bottom: 20px;}
    .inner-container {flex-direction: column;}
    .casadami-section .app-logo {width: 26%;}
    .casadami-section .tech-stack {width: 100%;justify-content: center !important;}
    .casadami-section .cd-ss {margin-top: -20%;margin-right: 35%;width: 60%;}
    .tech-stack li img {width: 45px;}
    .casadami-section .about-project h2 {font-size: 24px;width: 68%;margin: 0 auto;margin-top: 17px;}
    .common-section {padding: 50px 0;}
    .casadami-section {background-attachment: unset;background-size: 90%;background-repeat: repeat;}
    .about-project {width: 70%;order: -1;text-align: center !important;}
    .raiders-section .img-left-box {margin-left: 12%;margin-top: 30px;}
    .raiders-section .app-logo {width: 58%;}
    .vnb-video {height: 300px;}
    .apolide-vnb-section .about-project h2 {font-size: 24px;}
    .apolide .desktop-img {height: 430px;padding: 24px 31px;padding-top: 48px;}
    .apolide .guide-slider-box {right: -25%;bottom: 0%;}
    .apolide .traveller { width: 190px;margin-bottom: -30px;margin-right: -140px;}
    .raiders-section .spill {top: -10%;width: 17%;}
    .raiders-section .img-left-box img {width: 57%;}
    .learn-more-btn {font-size: 16px;}
    .tech-stack {justify-content: center !important;}
    .caremoli-section .app-logo {width: 35%;}
    .about-project h2 {margin-top: 15px;}
    .about-project {margin-bottom: 20px;}
    .caremoli-section .fish {right: -60px;bottom: 50%;transform: translateY(-52%);}
    .caremoli-section .burger {width: 22%;bottom: -20px;left: -58px;}

    .cd-ss {width: 66%;margin: 0 auto}
    .caremoli-section .icecream {right: -15px; width: 24%;bottom: 0;}
    .caremoli-section .img-box {width: 100%;}
    .hospitality-banner p {text-align: center;margin-bottom: 20px;margin-top: 0;}
    .hospitality-services .common-service-box p {font-size: 18px;}
    .hospitality-services .common-service-box li:not(:last-child) {margin-bottom: 5px;}
    .hospitality-services .common-service-box li img {margin-top: 0px;}
    .hospitality-services .common-service-box img.icon {width: 60px;}
    .hospitality-banner p {font-size: 20px;}
    .hospitality-services h2 {font-size: 30px;}
    .apolide .guide-slider-box {right: -29%;bottom: -18%;}
    .apolide-vnb-section .custom-container.common-bottom-section {padding-bottom: 70px;}
    .apolide .traveller {width: 167px;margin-bottom: -15px;margin-right: -55px;}
    .hospitality-banner {padding-top: 0}
    .hospitality-services .common-service-box {width: 440px;margin: 0 20px;}
    .vnb-ss {width: 56%;}

    .good-pedals-iot .gd-cart {width: 65%;}
    .good-pedals-iot .iot-ipad {width: 54%;right: 6%;}
    .good-pedals-iot .app-logo {height: 50px;}

}

@media screen and (max-width: 767px) {
    .hospitality-banner {padding-top: 30px;}
    .hospitality-page #Header.innerheader h1 {font-size: 28px;margin-bottom: 20px;}
    .hospitality-page .banner-img-box {height: 345px;border-radius: 50px 0 50px 0;}
    .hospitality-overview .right-box ul {width: 90%;}
    .hospitality-overview .left-box .img-box.circle {width: 160px;}
    .apolide-vnb-section .about-project , .about-project , .casadami-section .about-project {width: 100%;}
    .casadami-section .cd-video {margin-right: -23%;}
    .casadami-video-box {height: 280px;}
    .casadami-section .cd-ss {margin-top: -15%;margin-right: 25%;width: 77%;}
    .casadami-section .app-logo {width: 22%;}
    .raiders-section .app-logo {width: 45%;}
    .tech-stack {margin-bottom: 15px;}
    .apolide .desktop-img {height: 370px;padding: 17px 23px;padding-top: 42px;}
    .apolide .camera {width: 130px;margin-bottom: -22px;}
    .apolide .traveller {width: 148px;margin-bottom: -40px;margin-right: -55px;}
    .apolide .img-left-box {margin-left: -38%;}
    .caremoli-section .app-logo {width: 26%;}
    .caremoli-section .fish {right: -50px;}
    .hospitality-banner p {font-size: 20px;}
    .hospitality-services .common-service-box {height: 320px;width: 410px; border-radius: 30px;padding: 25px 20px;margin: 0 15px;}
    .hospitality-services .common-service-box h3 {font-size: 22px;margin-bottom: 10px;} 
    .vnb-ss { width: 68%;margin-right: -45px;}
    .vnb-desktop-img {margin-right: -7%;}
    .apolide .img-left-box { margin-left: 0;flex-direction: column;}
    .raiders-section .spill {width: 19%;}
    .apolide .guide-slider-box {right:auto;bottom: auto;position: relative;justify-content: center;margin-top: -50px;}
    .vnb-video {height: 260px;}
    .apolide-vnb-section .custom-container.common-bottom-section {padding-bottom: 0;}
    .good-pedals-iot .dots, .good-pedals-iot .caps {width: 65px;}
    .good-pedals-iot .dots {top: 60%;right: 0;}
    .good-pedals-iot .tech-stack {flex-direction: column;}
    .good-pedals-iot {background-position: right;}
}

@media screen and (max-width: 639px) {
    .hospitality-page .banner-img-box {height: 265px;}
    .hospitality-page #Header.innerheader h1 {font-size: 26px;}
    .common-bottom-section {padding-bottom: 30px;}
    .hospitality-overview .right-box h2 {font-size: 24px;}
    .common-section {padding: 35px 0;}
    p {font-size: 16px;}
    .hospitality-overview .right-box ul {width: auto;gap: 15px;margin: 20px auto;}
    .hospitality-overview .right-box ul li img {width: 24px;}
    .hospitality-overview .left-box .img-box.circle {width: 140px;margin-left: 8%}
    .hospitality-overview .left-box .img-box.oval img {width: 53%;margin-left: 25%;}
    .casadami-section .about-project h2 {font-size: 22px;width: auto;}
    .apolide-vnb-section .about-project h2, .about-project h2 {font-size: 22px;}
    .vnb-ss {width: 75%;}
    .vnb-video {height: 230px;}
    .about-project h2 {margin-top: 15px;}
    .tech-stack {margin-bottom: 0;}
    .apolide .desktop-img {height: 295px;padding: 17px 19px;padding-top: 35px;}

    .apolide .guide-video-box video {object-fit: cover;}
    .apolide .desktop-img {height: 295px;padding: 0;}
    .tech-stack li img {width: 40px;}
    .casadami-section .cd-ss {margin-top: -22%;margin-right: 22%;width: 71%;}
    .casadami-video-box {height: 220px;padding: 12px;}
    .casadami-section .app-logo {width: 26%;}
    .caremoli-section .fish {right: -40px;}
    .caremoli-section .burger {width: 21%;bottom: -8px;left: -45px;}

    .hospitality-services h2 {font-size: 24px;margin-bottom: 20px;}
    .hospitality-services {background-size: 225%;}
    .hospitality-services .common-service-box p {font-size: 16px;}
    .hospitality-services .common-service-box h3 {font-size: 20px;font-weight: 600;}
    .hospitality-services .common-service-box img.icon {margin-bottom: 10px;}
    .hospitality-services .common-service-box li:not(:last-child) {margin-bottom: 3px;}
    .vnb-desktop-img {margin-right: 0;flex-direction: column;}
    .vnb-video {height: auto;border-radius: 16px;overflow: hidden;}
    .vnb-ss {width: 65%;margin: 0;order: 1;margin-top: -30px;}
    .raiders-section .spill {width: 22%;}
    .hospitality-services .common-service-box li img {margin-top: -5px;}
    .hospitality-services .common-service-box {height: 340px;width: 350px;}
    .apolide .guide-video-box {width: 260px;height: 345px;}
    .leaf {width: 70px;top: 37%;}
    .apolide .camera {margin-bottom: -48px;}
    .raiders-section .img-left-box {margin-left: -30px;margin-top: 30px;text-align: center;}
    .hospitality-banner p {font-size: 18px;}
    .hospitality-overview .left-box .img-box.oval img {margin-left: 30%;}
    .raiders-section .about-project h2 , .apolide-vnb-section .about-project h2, .about-project h2{font-size: 20px;}
    .common-top-section {padding-top: 40px;}
    .good-pedals-iot .app-logo {height: 40px;}
    
}
@media screen and (max-width: 479px) {
    .hospitality-page .banner-img-box {height: 200px;}
    .hospitality-page #Header.innerheader h1 {font-size: 22px;margin-bottom: 10px;}
    .hospitality-overview .right-box h2 {font-size: 22px;}
    .hospitality-overview .right-box ul li {width: 100%;}
    .hospitality-overview .right-box ul {width: 60%}
    .hospitality-overview .right-box ul li img {width: 22px;}
    .hospitality-overview .left-box .img-box.oval img {width: 65%;margin-left: 20%;}
    .hospitality-overview .left-box .img-box.circle {width: 130px;margin-left: 3%;}
    .apolide .guide-video-box {width: 250px;}
    .apolide .desktop-img {height: 210px;height: 285px;}
    .apolide .guide-slider-box {margin-top: -35px;}
    .casadami-section .cup {width: 70px;}
    .caremoli-section .fish {right: -30px;}
    .caremoli-section .burger {width: 22%;bottom: 5px;left: -35px;}
    .raiders-section .img-left-box .back-img {margin-left: -120px;}
    .raiders-section .about-project h2 , .apolide-vnb-section .about-project h2 , .about-project h2 , .casadami-section .about-project h2 {font-size: 20px;}
    .apolide .traveller {width: 130px;}
    .apolide .camera {width: 115px;}
    .hospitality-services {background-size: 270%;}
    .hospitality-services .common-service-box img.icon {width: 50px;}
    .hospitality-services .common-service-box h3 {font-size: 18px;}
    .hospitality-services .common-service-box {border-radius: 18px;}
    .raiders-section .spill {width: 24%;}
    .leaf {width: 55px;top: 33%;}
}