@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
  --Poppins: "Poppins", sans-serif;
  --revevoleve: 1520px;
  --white: #ffffff;
  --black: #231f20;
  --blue: #003366;
  --lgreen: #008e02;
  --gray: #4a4a4a;
  --light-grey: #f9f9f9;
  --font-64: 64px;
  --font-48: 48px;
  --font-40: 40px;
  --font-36: 36px;
  --font-32: 32px;
  --font-28: 28px;
  --font-26: 26px;
  --font-25: 25px;
  --font-24: 24px;
  --font-22: 22px;
  --font-20: 20px;
  --font-18: 18px;
  --font-16: 16px;
  --font-14: 14px;
}

html {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

a:focus-visible {
  outline: none !important;
}

.post,
.page {
  margin: 0;
}

.row {
  margin: 0;
}

p,
ul {
  margin: 0;
  padding: 0;
}

.row > * {
  padding-left: 0;
  padding-right: 0;
}

body {
  width: 100%;
  font-family: var(--Poppins);
}
.revevoleve-container {
  width: 100%;
  max-width: var(--revevoleve);
  margin: 0 auto;
}
a {
  text-decoration: none;
  color: inherit;
}
/* home css */
.headermain nav.navbar {
  width: calc(100% - 100px);
  margin: 0 auto;
}
header.headermain {
  position: sticky;
  top: 0;
  z-index: 99;
  background: var(--white);
  width: 100%;
}
.headermain.stick-header {
  box-shadow: 0 0.5px 6px 0 rgb(32 33 36 / 28%);
}
.login-btn a {
  border-radius: 80px;
  border: 1px solid var(--blue);
  color: var(--blue);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 15px 40px;
  display: inline-block;
}
.login-btn a:hover {
  border: 1px solid var(--lgreen);
  background: var(--lgreen);
  color: var(--white);
  transition: 0.4s all;
}
.req-btn a {
  border-radius: 80px;
  background: var(--blue);
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 15px 30px;
  display: inline-block;
  border: 1px solid transparent;
}
.req-btn a:hover {
  border: 1px solid var(--lgreen);
  background: transparent;
  color: var(--blue);
  transition: 0.4s all;
}
.head-btn {
  display: flex;
  grid-gap: 10px;
}
.deskmenunew {
  margin: 0 auto;
}
.navbar-nav .menu-item a {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}
.navbar-expand-xl .navbar-nav .menu-item a {
  padding-right: 0;
  padding-left: 0;
  padding: 47px 0 47px 0;
}
.navbar-nav li:not(:last-child) a {
  margin-right: 40px;
}
.navbar-nav .menu-item a:hover {
  color: var(--lgreen);
  transition: 0.4s all;
}
.Revevoleve-sec-one-inn {
  width: calc(100% - 20px);
  margin: 0 auto;
  position: relative;
}
.Revevoleve-banner img {
  width: 100%;
  background-size: cover;
  border-radius: 30px;
}
.Revevoleve-banner-dsc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Revevoleve-banner-dsc h1 {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-64);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 44px;
}
.Revevoleve-banner-dsc p {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  max-width: 666px;
  margin: 0 auto;
}
a.getstarted {
  border-radius: 80px;
  background: var(--lgreen);
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 15px 36px;
  margin-right: 10px;
}
a.getstarted:hover {
  background: var(--blue);
  color: var(--white);
  transition: 0.4s all;
}
.wtcdemo p {
  margin: 0;
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.wtcdemo a {
  display: flex;
  align-items: center;
  grid-gap: 20px;
}
.play-btn {
  display: flex;
  grid-gap: 20px;
  justify-content: center;
  align-items: center;
  padding-top: 44px;
}
section.Revevoleve-sec-two {
  padding: 100px 0;
}
.Revevoleve-sec-two-inn,
.testimonials-dsc,
.Revevoleve-sec-six-inn {
  text-align: center;
}
.Revevoleve-sec-two-inn span,
.testimonials-dsc span,
.Revevoleve-sec-six-inn span {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  border-left: 2px solid var(--blue);
  padding-left: 14px;
}
.Revevoleve-sec-two-inn h3,
.testimonials-dsc h3,
.Revevoleve-sec-six-inn h3 {
  color: var(--blue);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 16px;
}
.key-features-grid-inn {
  border-radius: 30px;
  background: #f7f7f7;
  padding: 40px;
}
.key-features-grid-inn:hover {
  background: var(--lgreen);
  transition: 0.4s all;
}
.key-features-grid-inn:hover h4,
.key-features-grid-inn:hover p {
  color: var(--white);
  transition: 0.4s all;
}
.key-features-grid-inn:hover img {
  filter: brightness(0) invert(1);
  transition: 0.4s all;
}
.key-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  padding-top: 40px;
}
.key-features-grid-inn h4 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 32px 0 8px 0;
}
.key-features-grid-inn p {
  color: #4a4a4a;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
.about-sec-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  grid-gap: 140px;
}
section.Revevoleve-sec-three {
  background: url(../image/abt-dot-shedo.png);
  background-size: cover;
  width: calc(100% - 20px);
  margin: 0 auto;
  padding: 96px 0;
  border-radius: 20px;
}
.about-sec-grid-dsc span {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  border-left: 2px solid var(--white);
  padding-left: 12px;
}
.about-sec-grid-dsc h3 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.about-sec-grid-dsc p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 680px;
  padding: 32px 0 40px 0;
}
.about-sec-grid-dsc a.getstarted {
  display: inline-block;
  border: 1px solid transparent;
}
.about-sec-grid-dsc a.getstarted:hover {
  color: var(--white);
  background: var(--blue);
  border: 1px solid var(--lgreen);
  transition: 0.4s all;
}
.swipe-dsc h5 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.swipe-dsc p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 0;
}
.swipe-dsc {
  margin-top: 44px;
}
.abt-swiper {
  width: 550px;
  margin: 0;
}
.abt-swiper .mySwiper {
  padding-bottom: 60px;
}
.about-sec-grid-dsc .swiper-button-prev:after {
  content: "";
  position: absolute;
  background: url(../image/lftside.svg) no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  left: -10px;
  bottom: -85px;
}
.about-sec-grid-dsc .swiper-button-next:after {
  content: "";
  position: absolute;
  background: url(../image/rgtside.svg) no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  right: 460px;
  bottom: -85px;
}
.testimonials-contant {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}
.testimonials-contant img {
  position: relative;
  z-index: 1;
}
.testimonials-contant::after {
  content: "";
  position: absolute;
  background: rgba(0, 51, 102, 0.16);
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
}
.testimonials-dsc p {
  color: var(--gray);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 1080px;
  margin: 0 auto;
  padding-top: 60px;
}
.testimonials-author {
  text-align: center;
  padding-top: 54px;
}
.testimonials-author h6 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.testimonials-author p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
section.Revevoleve-sec-five {
  padding-bottom: 100px;
}
.Revevoleve-sec-five .swiper-button-prev:after {
  content: "";
  position: absolute;
  background: url(../image/testi-lft.png) no-repeat;
  background-size: cover;
  width: 90px;
  height: 90px;
  left: 0px;
  bottom: 0px;
}
.Revevoleve-sec-five .swiper-button-next:after {
  content: "";
  position: absolute;
  background: url(../image/testi-rgt.png) no-repeat;
  background-size: cover;
  width: 90px;
  height: 90px;
  right: 0px;
  bottom: 0px;
}

.Revevoleve-sec-four {
  background-color: var(--white);
  padding: 100px 0px;
  position: relative;
}
.Revevoleve-sec-four::after {
  content: "";
  position: absolute;
  background: url(../image/it-work-cuv.png) no-repeat;
  width: 100%;
  height: 1058px;
  top: 0;
  left: 0;
  background-size: cover;
}

.profit-revenu {
  z-index: 1;
  display: flex;
  grid-gap: 120px;
  position: relative;
}

.profit-work p {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  border-left: 2px solid var(--blue);
  padding-left: 12px;
}

.profit-work h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-top: 15px;
}

.profit-image {
  border-radius: 200px;
  border: 1px solid rgba(110, 170, 46, 0.3);
  background: rgba(110, 170, 46, 0.08);
  width: 184px;
  height: 184px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profit-list {
  display: flex;
  grid-gap: 40px;
}
.profit-taxt span {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
.profit-taxt h4 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.profit-taxt p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 576px;
}
.profit-list:not(:last-child) {
  margin-bottom: 60px;
}

.contactsec {
  padding: 100px 0;
  position: relative;
}
.contactsec::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(../image/wave.png) no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 890px;
}
.innercontactcontent {
  text-align: center;
  background: url(../image/roundsec.png) no-repeat center center;
  background-size: cover;
  width: 690px;
  padding: 92px 0;
  margin: 0 auto;
  height: 690px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content: center;
}
.innercontactcontent h6 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  border-left: 3px solid var(--blue);
  display: inline-block;
  padding-left: 12px;
}
.innercontactcontent h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 16px auto 24px auto;
}
.innercontactcontent p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 587px;
  margin: 0 auto;
}
a.reqdemobtn {
  border-radius: 80px;
  background: var(--lgreen);
  padding: 15px 36px;
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: 1px solid var(--lgreen);
  display: inline-block;
  transition: 0.4s all;
}
a.reqdemobtn:hover {
  background: transparent;
  color: var(--lgreen);
  transition: 0.4s all;
}
a.contactcta {
  border-radius: 80px;
  background: var(--blue);
  padding: 5px 5px 5px 30px;
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: 1px solid var(--blue);
  display: inline-block;
  transition: 0.4s all;
}
a.contactcta:hover {
  background: transparent;
  color: var(--blue);
  transition: 0.4s all;
}
a.contactcta span {
  display: inline-block;
  border-radius: 200px;
  border: 1px solid var(--white);
  background: var(--white);
  padding: 10px 12px;
  margin-left: 10px;
}
a.contactcta:hover span {
  background: var(--blue);
  border-color: var(--blue);
}
a.contactcta:hover span img {
  filter: brightness(0) invert(1);
}
.contactbtn {
  display: flex;
  justify-content: center;
  grid-gap: 12px;
  margin: 50px 0 0 0;
}
section.Revevoleve-sec-six {
  border-radius: 30px;
  background: #f7f7f7;
  max-width: calc(100% - 20px);
  margin: 0 auto;
  padding: 100px 0 10px 0;
}
.Revevoleve-sec-six-inn {
  padding-bottom: 40px;
}
.swiper-slide .casestudybox {
  border-radius: 30px;
  background: linear-gradient(180deg, #3bcbcc 0%, #128c8d 100%);
  text-align: right;
}
.swiper-slide .casestudybox.boxblue {
  border-radius: 30px;
  background: linear-gradient(180deg, #2371ff 0%, #0e4dc0 100%);
  text-align: right;
}
.swiper-slide .casestudybox.boxgery {
  border-radius: 30px;
  background: linear-gradient(180deg, #454545 0%, #343434 100%);
  text-align: right;
}
.casestudybox > img {
  width: 100%;
}
.casestudybox {
  padding: 60px 40px 40px 60px;
}
.gridiantimg {
  width: 100%;
  text-align: left;
}
.gridiantimg img {
  max-width: 100%;
}
.casestudybox h6 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-32);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 392px;
  margin-bottom: 20px;
  text-align: left;
  min-height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.casestudybox p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 490px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 20px;
  text-align: left;
}
.casestudybox span {
  border-radius: 200px;
  border: 1px solid #e4e4e4;
  background: #fff;
  width: 90px;
  height: 90px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.casestudybox span:hover {
  border: 1px solid var(--lgreen);
  background: var(--lgreen);
  transition: 0.4s all;
}
/* footer css */
.gryfooterbg {
  background: #f7f7f7;
  border-radius: 30px;
  width: calc(100% - 20px);
  margin: -110px auto 0 auto;
  padding: 200px 0 0 0;
}
.mainfooterflex {
  display: flex;
  justify-content: space-between;
  grid-gap: 100px;
  padding-bottom: 100px;
}
.footerlogo p {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 30px;
}
.linkinner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.footerlogo {
  max-width: 400px;
}
.quicklinksfooter h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-22);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}
.quicklinksfooter ul li {
  list-style: none;
}
.quicklinksfooter ul li a,
.quicklinksfooter p {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px;
  transition: all 0.4s;
  display: inline-block;
}
.quicklinksfooter .addressdiv ul li a {
  display: flex;
  align-items: flex-start;
  grid-gap: 8px;
}
.quicklinksfooter .addressdiv ul li p {
  margin-bottom: 0;
}
.socialmedia ul {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
}

.socialmedia ul li a {
  border-radius: 50px;
  border: 1px solid #e4e4e4;
  width: 62px;
  height: 62px;
  align-items: center;
  justify-content: center;
  display: flex;
  transition: all 0.4s;
}
.quicklinksfooter ul li a:hover {
  color: var(--lgreen);
  transition: all 0.4s;
}
.quicklinksfooter .addressdiv ul li a:hover p {
  color: var(--lgreen);
  transition: all 0.4s;
}
.quicklinksfooter .addressdiv ul li:not(:first-child) a {
  align-items: center;
}
.quicklinksfooter .addressdiv ul li a:hover img {
  transition: all 0.4s;
  filter: brightness(0) saturate(100%) invert(60%) sepia(11%) saturate(2566%)
    hue-rotate(47deg) brightness(97%) contrast(86%);
}
.socialmedia ul li a:hover {
  background: var(--lgreen);
  border-color: var(--lgreen);
  transition: all 0.4s;
}
.socialmedia ul li a:hover img {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
  transition: all 0.4s;
}
.flexcopy {
  display: flex;
  justify-content: space-between;
}
.flexcopy p {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.flexcopy p a {
  font-weight: 600;
}
.flexcopy p a:hover {
  color: var(--lgreen);
  transition: 0.4s all;
}
.copyrightsec {
  border-top: 1px solid #e4e4e4;
  padding: 24px 0;
}
.innernews {
  border-radius: 30px;
  background: var(--lgreen);
  padding: 59px 80px;
  position: relative;
}
.innernews::after {
  content: "NEWSLETTER";
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: 200px;
  font-style: normal;
  font-weight: 600;
  line-height: 70%;
  position: absolute;
  bottom: 0;
  opacity: 0.06;
  left: 125px;
}
.flexnews {
  display: flex;
  align-items: center;
  grid-gap: 44px;
}
.flexnews p {
  color: var(--white);
  text-align: left;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.flexnews h3 {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.newsinner {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  align-items: center;
}
.testimonials-author img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
}
.casestudybox span:hover img {
  filter: brightness(0) invert(1);
}
.newsforrm .gform_heading {
  display: none;
}
.newsforrm input#input_1_1 {
  color: var(--blue);
  text-align: left;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 29px 126px 29px 24px;
  border-radius: 30px;
}
.newsforrm input#gform_submit_button_1 {
  border-radius: 200px;
  border: 1px solid var(--blue);
  background: var(--blue);
  padding: 0;
  padding: 12px 12px;
}
.newsforrm .gform-theme--foundation .gform_fields {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr) !important;
  row-gap: 0 !important;
}
.newsforrm div#gform_1_validation_container {
  display: none;
}
.newsforrm div#field_submit {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 6px;
  top: 5px;
}
.newsforrm div#gform_fields_1 {
  position: relative;
}
.newsforrm input#input_1_1:focus,
.newsforrm input#gform_submit_button_1:focus {
  box-shadow: none !important;
}

.newsforrm .gform_footer.top_label {
  margin: 0 !important;
}

/* fecture page css */

/* .Revevoleve-Features-one .Revevoleve-banner-dsc {
  width: 100%;
} */
.Revevoleve-Features-one .Revevoleve-banner img {
  height: 600px;
}
.coman-title-text h2 {
  color: var(--blue);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 12px;
}
.coman-title-text p {
  color: var(--gray);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 1282px;
  margin: 0 auto;
}
.Revevoleve-Features-two {
  padding: 100px 0;
  position: relative;
}
.Revevoleve-Features-two::after {
  content: "";
  position: absolute;
  background: url(../image/revenue-backpath.png) no-repeat;
  width: 100%;
  height: 724px;
  left: 0;
  bottom: 300px;
  background-size: cover;
  z-index: -1;
}
.Revevoleve-Features-two .key-features-grid-inn {
  border-radius: 30px;
  border: 1px solid rgba(110, 170, 46, 0.3);
  background: #f4f9ef;
}
.Revevoleve-Features-two .key-features-grid-inn:hover {
  background: var(--lgreen);
  transition: 0.4s all;
}
.revenue-report-img {
  padding-top: 50px;
}
.Revevoleve-Features-thrtee .coman-title-text p {
  max-width: 1030px;
  margin: 0 auto;
}
.revenue-report-img {
  display: flex;
  grid-gap: 20px;
  align-items: flex-start;
}
.report-img-rgt {
  margin-top: 63px;
}
.report-dsc-top {
  border-radius: 17.143px;
  border: 1px solid #d2d2d2;
  background: rgba(210, 210, 210, 0.3);
  backdrop-filter: blur(42.857139587402344px);
  padding: 17px;
}
.report-dsc-bottam {
  border-radius: 17.143px;
  border: 1px solid var(--white);
  background: rgba(210, 210, 210, 0.3);
  backdrop-filter: blur(42.857139587402344px);
  padding: 17px;
}
.report-dsc-top p,
.report-dsc-bottam p {
  color: #231f20;
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 12px;
}
.report-dsc-top h2 {
  color: #ea2b12;
  font-family: var(--Poppins);
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.report-dsc-bottam h2 {
  color: #008e02;
  font-family: var(--Poppins);
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.report-dsc-top span {
  border-radius: 23.143px;
  background: rgba(234, 43, 18, 0.1);
  display: flex;
  align-items: center;
  color: #ea2b12;
  font-family: var(--Poppins);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 66px;
  height: 31px;
  justify-content: center;
  gap: 4px;
}
.report-dsc-top span img {
  width: 20px;
}
.report-dsc-top h5 {
  color: #0d47a1;
  font-family: var(--Poppins);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 42.857px;
  background: var(--white);
  padding: 8px 17px;
  margin-top: 12px;
}
.report-dsc-bottam span {
  border-radius: 23.143px;
  background: rgba(0, 142, 2, 0.1);
  display: flex;
  align-items: center;
  color: #008e02;
  font-family: var(--Poppins);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 66px;
  height: 31px;
  justify-content: center;
  gap: 4px;
}
.report-dsc-top .d-flex,
.report-dsc-bottam .d-flex {
  grid-gap: 8px;
}
.dscpre p {
  color: #878787;
  font-family: var(--Poppins);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin: 0;
}
.report-dsc-top {
  margin-bottom: 41px;
}
.insights-images {
  margin-top: 40px;
}
.Features-thrtee-blue {
  background: url(../image/abt-dot-shedo.png);
  background-size: cover;
  width: calc(100% - 20px);
  margin: 0 auto;
  padding: 536px 0 100px 0;
  border-radius: 20px;
  margin-top: -482px;
}
.img-grid {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}
.img-grid-dsc {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.thrtee-blue-grid {
  display: flex;
  grid-gap: 120px;
}
.blue-grid-lft p,
.blue-grid-rgt p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.img-grid-icon {
  width: 98px;
  height: 98px;
  border-radius: 200px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: center;
  align-items: center;
}
.Revevoleve-Features-four-grid {
  display: flex;
  grid-gap: 150px;
}
section.Revevoleve-Features-four {
  padding: 100px 0;
  position: relative;
}
.Revevoleve-Features-four::after {
  content: "";
  position: absolute;
  background: url(../image/it-work-cuv.png) no-repeat;
  width: 100%;
  height: 1058px;
  top: 0;
  left: 0;
  background-size: cover;
  z-index: -1;
}
.Features-four-grid-lft h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 12px;
}
.Features-four-grid-lft p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
.Features-four-grid-lft {
  padding-left: 150px;
}
.accodian-four {
  padding-top: 40px;
}
.accodian-four .accordion-button:focus {
  box-shadow: none;
}
.accodian-four .accordion-item .accordion-header {
  border-radius: 30px !important;
  border: none !important;
}
.accodian-four .accordion-item * {
  transition: 0s all !important;
}
.accodian-four .accordion-item {
  margin-bottom: 20px;
  border-radius: 30px 30px 30px 30px !important;
  border: none !important;
}
.accodian-four .accordion-button {
  border-radius: 30px 30px 30px 30px !important;
  border: 1px solid rgba(110, 170, 46, 0.3);
  background: #f4f9ef;
  transition: 0s all !important;
  color: var(--white) !important;
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.accodian-four .accordion-item:has(.show) * {
  background: var(--lgreen);
}
.accodian-four .accordion-item:has(.show) .accordion-header,
.accodian-four .accordion-item:has(.show) .accordion-button {
  border: none;
  border-radius: 30px 30px 0 0 !important;
  padding: 20px 20px 10px 20px;
}
.accodian-four .accordion-item:has(.show) .accordion-body {
  border-radius: 0 0 30px 30px !important;
  padding: 0 40px 40px 40px;
}
.accodian-four .accordion-collapse.collapse.show {
  border-radius: 0 0 30px 30px !important;
}
.accodian-four .accordion-body p {
  color: #eee;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 30px */
}
.accodian-four .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.accodian-four button.accordion-button.collapsed {
  color: var(--blue) !important;
  padding: 38px;
}
.accordion-button::after {
  background-image: url(../image/plus.svg);
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url(../image/minus.svg);
}

/* ------ */
.integraction-section-main {
  background-color: var(--white);
}
.integraction-main {
  display: flex;
  align-items: center;
  grid-gap: 40px;
  margin-top: 50px;
}
.machine-section-text {
  background-color: var(--blue);
  border-radius: 29px;
  padding: 40px 25px 0px 25px;
}
.machine-learning-text-img {
  margin-top: 40px;
}
.machine-learning-text h4 {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
}
.machine-learning-text p {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 690px;
  margin: 0 auto;
}
.api-section-text {
  background-color: var(--white);
  border-radius: 29px;
  border: 1px solid var(--blue);
  padding: 40px 24px 25px 24px;
}

.api-document-text h4 {
  color: var(--blue);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
}
.api-document-text p {
  color: #4a4a4a;
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 690px;
  margin: 0 auto;
}
.api-document-text-img {
  margin-top: 40px;
}
.integraction-section-main .coman-title-text p {
  max-width: 1030px;
  margin: 0 auto;
}
.machine-learning-text-img img,
.api-document-text-img img,
.support-image img {
  width: 100%;
}
/* ----- */
.support-section-main {
  border-color: var(--white);
  padding: 100px 0 0px 0;
}
.main-support {
  display: flex;
  align-items: center;
  grid-gap: 100px;
}
.support-text h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.support-text p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 700px;
}
.support-text-box {
  display: flex;
  text-align: center;
  padding-top: 45px;
  justify-content: space-between;
  grid-gap: 50px;
}
.support-box-text-one,
.support-box-text-two {
  grid-gap: 20px;
}
.support-box-text-one-img,
.support-box-text-two-img {
  border-radius: 50%;
  border: 1px solid;
  background: rgba(110, 170, 46, 0.08);
  width: 102px;
  height: 102px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.support-box-text-one-text,
.support-box-text-two-text {
  text-align: left;
  margin-top: 20px;
  width: 400px;
}
.support-box-text-one-text h3,
.support-box-text-two-text h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.support-box-text-one-text p,
.support-box-text-two-text p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

/* Blog Page Design CSS */
.main-latest-blog {
  background-image: url(../image/latestblogbackground.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0px 80px 0px;
  margin-top: 100px;
}
.latest-blog-image img {
  border-radius: 15px;
  width: 100%;
  height: auto;
}
.latest-blog-inn h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  padding-bottom: 40px;
}
.latest-blog-contain {
  display: grid;
  grid-template-columns: 900px auto;
  grid-gap: 60px;
  align-items: center;
}
.latest-blog-text {
  text-align: left;
}
.latest-blog-text h5 span {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-right: 10px;
}
.latest-blog-text h5 {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.latest-blog-text h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: left;
  padding-bottom: 10px;
}
.latest-blog-text h2:hover {
  color: var(--lgreen);
  transition: 0.4s all;
}
.latest-blog-text p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 10px;
}
.latest-blog-text-profile {
  display: flex;
  align-items: center;
  grid-gap: 15px;
}
.latest-blog-text-profile {
  padding-top: 25px;
}
.latest-blog-text-profile-detail h6 {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.latest-blog-text-profile-detail h6 span {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-16);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}
.latest-blog-text-profile-img {
  background-color: rgba(0, 51, 102, 0.1);
  border-radius: 50px;
  padding: 5px;
}
.all-blog-title h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}
.all-blog-title p {
  color: var(--gray);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  max-width: 936px;
  margin: 0 auto;
}
.main-all-blog {
  padding-top: 110px;
}

.all-blog-group-block-text {
  padding-top: 27px;
}
.all-blog-group-block-text h5 span {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-16);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-right: 10px;
}
.all-blog-group-block-text h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
  min-height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.all-blog-group-block-text h2:hover {
  color: var(--lgreen);
  transition: 0.4s all;
}
.all-blog-group-block-text h5 {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-16);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.all-blog-group-block-text p {
  color: #4a4a4a;
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  min-height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.all-blog-group-block-text-profile {
  display: flex;
  align-items: center;
  grid-gap: 15px;
  padding-top: 25px;
}
.all-blog-group-block-text-profile-detail h6 {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.all-blog-group-block-text-profile-detail h6 span {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-16);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}
.all-blog-group-block-text-profile-img {
  background-color: rgba(0, 51, 102, 0.1);
  border-radius: 50px;
  padding: 5px;
}
.all-blog-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px 30px;
  padding-top: 40px;
}
.all-blog-group-block {
  padding: 25px;
  border-radius: 30px;
  border: 1px solid rgba(0, 51, 102, 0.1);
  background: #f9f9f9;
}
.all-blog-group-block-image img {
  width: 100%;
  border-radius: 8px;
  height: 280px;
}

/* blog detail css */

.main-blog-detail {
  padding-top: 110px;
}
.blog-detail-group-left p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 25px;
}
.blog-detail-group-left p span {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  padding-right: 10px;
}
.blog-detail-group-left h1 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: normal;
}
.blog-detail-group-left h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: normal;
}
.blog-detail-group {
  display: grid;
  grid-template-columns: 1000px auto;
  grid-gap: 146px;
}

.blog-detail-group-left h3 {
  color: var(--black);
  font-family: var(--Poppins);
  font-size: var(--font-26);
  font-style: normal;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: normal;
}
.blog-detail-group-left h4 {
  color: var(--black);
  font-family: var(--Poppins);
  font-size: var(--font-22);
  font-style: normal;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: normal;
}
.blog-detail-group-left h5 {
  color: var(--black);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: normal;
}
.blog-detail-group-left h6 {
  color: var(--black);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: normal;
}

.blog-detail-group-left ul,
.blog-detail-group-left ol {
  margin: 0;
  padding: 0 0 20px 20px;
}
.blog-detail-group-left ul li,
.blog-detail-group-left ol li {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px;
}
.titlebloginfo img {
  margin: 0px 0 30px 0;
  border-radius: 15px;
  height: auto;
  width: 100%;
}
.blog-detail-group-right h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: normal;
}
.blog-detail-group-right-text p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-16);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.blog-detail-group-right-text span {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-16);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  padding-right: 10px;
}
.blog-detail-group-right-text h5 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.blog-detail-group-right-text {
  border-bottom: 1px solid;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.blog-detail-group-right {
  padding-top: 55px;
}
.blog-detail-socialmedia h4 {
  color: var(--black);
  font-family: var(--Poppins);
  font-size: var(--font-26);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
}
.blog-detail-socialmedia li a img {
  display: flex;
  width: 55px;
  height: 55px;
  padding: 15px;
  align-items: center;
  gap: 10px;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid rgba(0, 51, 102, 0.3);
  background: var(--white);
}
.blog-detail-socialmedia ul li {
  list-style: none;
}
.blog-detail-socialmedia ul {
  display: flex;
  justify-content: space-between;
  grid-gap: 30px;
}
.blog-detail-socialmedia {
  border-radius: 20px;
  border: 1px solid rgba(0, 51, 102, 0.2);
  background: rgba(174, 174, 174, 0.3);
  padding: 30px 30px 54px 30px;
  margin-top: 60px;
}
.latest-blog-group-main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px 30px;
  padding-top: 40px;
}
.latest-blogtitle h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-36);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-top: 90px;
}

/* about us css */
section.About-us-second {
  padding: 100px 0;
}
.About-us-sec-grid {
  display: flex;
  grid-gap: 20px;
  padding-top: 50px;
}
.About-us-sec-grid-blue {
  border-radius: 30px;
  background: var(--blue);
  padding: 30px;
  height: 382px;
}
.About-us-sec-grid-green {
  border-radius: 30px;
  background: var(--lgreen);
  padding: 30px;
  margin-top: 106px;
}
.About-us-sec-grid-blue h3,
.About-us-sec-grid-green h3 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 20px;
}
.About-us-sec-grid-blue p,
.About-us-sec-grid-green p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.About-us-sec-grid-img {
  margin-top: 122px;
}
.About-us-third {
  background: #f9f9f9;
  padding: 80px 0;
}
.About-team-slider {
  width: calc(100% - 290px);
  margin: 0 auto;
  overflow: visible;
}
.swiper-slide-box img {
  width: 100%;
  object-fit: cover;
}
.content {
  text-align: center;
  margin-top: 22px;
}
.content span {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.content p {
  color: #4a4a4a;
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.About-team-slider .swiper-wrapper {
  align-items: flex-end;
}
.About-team-slider .swiper-button-prev:after {
  content: "";
  position: absolute;
  background: url(../image/lefts-round.svg) no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  left: 50px;
  top: calc(50% - 65px);
}
.About-team-slider .swiper-button-next:after {
  content: "";
  position: absolute;
  background: url(../image/rgts.png) no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  right: 50px;
  top: calc(50% - 65px);
}
.About-us-four-inn {
  display: flex;
  padding-top: 50px;
  align-items: center;
  max-width: 1385px;
  margin: 0 auto;
}
.About-us-four .coman-title-text p {
  max-width: 632px;
  margin: 0 auto;
}
.four-inn-blue {
  padding: 80px 230px 80px 80px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  background: var(--blue);
  border-radius: 30px;
  min-width: 846px;
  height: 666px;
}
.workicon p {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-22);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.workicon {
  text-align: center;
}
.workicon:nth-child(1),
.workicon:nth-child(3) {
  border-right: 1px solid rgb(255 255 255 / 8%);
}
.workicon:nth-child(1),
.workicon:nth-child(2) {
  border-bottom: 1px solid rgb(255 255 255 / 8%);
}
.four-inn-img img {
  margin-left: -100px;
  position: relative;
}
.About-us-third {
  overflow: hidden;
  display: none;
}
.swiper.myteamSwiper {
  overflow: visible;
}
.About-us-third .swiper-button-prev,
.About-us-third .swiper-rtl .swiper-button-prev {
  width: 145px;
  height: 100%;
  top: 22px;
  background: #f9f9f9;
  opacity: 1 !important;
  left: -145px;
}
.About-us-third .swiper-button-next,
.About-us-third .swiper-rtl .swiper-button-next {
  width: 145px;
  height: 100%;
  top: 22px;
  background: #f9f9f9;
  opacity: 1 !important;
  right: -145px;
}
.About-us-third .coman-title-text {
  padding-bottom: 50px;
}
.About-us-four {
  padding-top: 100px;
}
.workicon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
}

/* solutions page css */
section.solutions-independent-second {
  padding: 100px 0;
}
.solutions-independent-second-inn {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 116px;
  align-items: center;
}
.solutions-independent-second-content h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: 66px;
  margin-bottom: 24px;
}
.solutions-independent-second-content li {
  color: #4a4a4a;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 25px;
}
.solutions-independent-second-content ul {
  padding-left: 25px;
}
.solutions-independent-third-inn {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}
.solutions-independent-third-box {
  border-radius: 30px;
  background: #f9f9f9;
  padding: 30px;
}
.box-one-img {
  min-width: 110px;
  min-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  background: var(--white);
}
.third-box-one {
  display: flex;
  align-items: center;
  grid-gap: 30px;
  padding-bottom: 25px;
}
.box-one-dsc span {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  padding-bottom: 8px;
}
.box-one-dsc h6 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.third-box-contant p {
  color: #4a4a4a;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.solutions-independent-third .coman-title-text p,
.solutions-independent-five .coman-title-text p {
  max-width: 732px;
  margin: 0 auto;
}
.solutions-independent-third .coman-title-text {
  padding-bottom: 50px;
}
.solutions-independent-third {
  padding-bottom: 100px;
}
.solutions-independent-third-box:hover {
  background: var(--lgreen);
  transition: 0.4s all;
}
.solutions-independent-third-box:hover span,
.solutions-independent-third-box:hover h6,
.solutions-independent-third-box:hover p {
  color: var(--white);
  transition: 0.4s all;
}

.solutions-independent-four-inn h3 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  padding-bottom: 60px;
}
.four-inn-gridiocon {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 100px;
}
.solutions-independent-four-inn {
  background: url(../image/trustbgt.png) no-repeat center center/cover;
  padding: 90px 0 110px 0;
  border-radius: 20px;
  width: calc(100% - 20px);
  margin: 0 auto;
}

.box-inn-img img {
  width: 366px;
  height: 343px;
  border-radius: 25px;
  object-fit: cover;
}
.solutions-independent-five {
  padding: 100px 0;
}
.solutions-choose-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 18px;
  padding-top: 50px;
}
.box-inn-dsc {
  color: var(--blue);
  text-align: center;
  font-family: var(--Poppins);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 18px;
}
.hoverbox {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(25px);
  width: 348px;
  height: 324px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: absolute;
  top: 9px;
  left: 9px;
  display: none;
}
.hoverbox p {
  color: var(--blue);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 291px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.box-inn-img {
  position: relative;
}
.box-inn-img:hover .hoverbox {
  display: flex;
  transition: 0.4s all;
}
section.solutions-independent-six {
  border-radius: 30px;
  background: #022547;
  width: calc(100% - 20px);
  margin: 0 auto;
}
.solutions-independent-six-inn {
  display: flex;
  grid-gap: 102px;
  padding: 100px 0;
}
.six-inn-dsc h4 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.six-inn-dsc p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.cuvimg {
  text-align: right;
  margin-top: 30px;
}
.comanbx {
  border-radius: 30px;
  background: #f9f9f9;
  padding: 30px;
}
.comanbx:not(:last-child) {
  margin-bottom: 45px;
}
.comanbx span {
  color: var(--lgreen);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.comanbx h6 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 12px 0;
}
.comanbx p {
  color: #4a4a4a;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.comanbx p:not(:last-child) {
  margin-bottom: 12px;
}
.comanbx span.green {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.box-dsc-one.comanbx {
  transform: rotate(-1deg);
}
.box-dsc-two.comanbx {
  transform: rotate(1deg);
}
.box-dsc-three.comanbx {
  transform: rotate(-1deg);
}
.box-dsc-four.comanbx {
  transform: rotate(1deg);
}
.box-dsc-five.comanbx {
  transform: rotate(-1deg);
}
.About-us-third .coman-title-text p {
  max-width: 900px;
  margin: 0 auto;
}
.four-inn-img img {
  border-radius: 20px;
}
.comanbx:nth-child(1) {
  position: sticky;
  top: 220px;
}
.comanbx:nth-child(2) {
  position: sticky;
  top: 250px;
}
.comanbx:nth-child(3) {
  position: sticky;
  top: 250px;
}
.comanbx:nth-child(4) {
  position: sticky;
  top: 250px;
}
.six-inn-dscinn {
  position: sticky;
  top: 250px;
}

/* pricing page css */
.parcing-all-tabs {
  padding-top: 103px;
}
.pricing-monthaly-all {
  margin-top: 53px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.monthaly-all-pages-detail h4 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 8px;
}
.monthaly-all-pages-detail h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 8px;
}
.monthaly-all-pages-detail h2 span {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.monthaly-all-pages-detail p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: capitalize;
  padding-bottom: 32px;
}
.monthaly-all-pages-selection h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  padding-bottom: 16px;
}

.monthaly-all-pages-selection li {
  list-style: none;
  position: relative;
  margin-bottom: 14px;
}
.monthaly-all-pages-selection li::before {
  content: "";
  background-image: url(../image/pricingicon.png);
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
  position: absolute;
  width: 24px;
  height: 24px;
}
.monthaly-all-pages-selection p {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-16);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  list-style: none;
  padding-left: 33px;
}
.getstartbtn {
  font-family: var(--Poppins);
  text-align: center;
  color: var(--blue);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  padding: 15px 36px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 80px;
  background: rgba(0, 51, 102, 0.08);
  margin-top: 52px;
}
.monthaly-all-pages {
  border-radius: 30px;
  border: 1px solid rgba(0, 51, 102, 0.3);
  background: #f4f9ff;
  padding: 40px;
}
.monthaly-all-pages:hover {
  background-color: var(--blue);
  transition: all 0.4s;
}
.monthaly-all-pages:hover p,
.monthaly-all-pages:hover h1,
.monthaly-all-pages:hover h4,
.monthaly-all-pages:hover h3,
.monthaly-all-pages:hover a,
.monthaly-all-pages:hover h1 span {
  color: var(--white);
}
.monthaly-all-pages:hover .getstartbtn {
  background-color: var(--lgreen);
}
.main-month-year-tabs {
  display: flex;
  justify-content: center;
}
.main-pricing-tabs .nav {
  justify-content: space-between;
  border-radius: 39px;
  border: 2px solid var(--lgreen);
  background: var(--white);
  box-shadow: none;
  padding: 2px;
  width: 446px;
}
.main-pricing-tabs .nav-link {
  border-radius: 39px;
  background: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: none;
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0;
  width: 50%;
}
.main-pricing-tabs .nav-link.active {
  border-radius: 39px;
  background: var(--lgreen);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--white);
  padding: 12px 20px;
  width: 50%;
}

.main-pricing-tabs .nav-link:active {
  background-color: var(--lgreen);
  color: var(--white);
}

.Revevoleve-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
.home .Revevoleve-banner {
  height: auto;
  border-radius: 20px;
}
.Revevoleve-banner {
  height: 600px;
  border-radius: 20px;
}
.Revevoleve-banner h1 {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-64);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 30px;
}
.Revevoleve-banner p {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
}
.Revevoleve-sec-one.Revevoleve-Features-one p {
  max-width: 997px;
}
.solutions-hotel-second-inn {
  display: grid;
  grid-template-columns: 345px auto 345px;
  grid-gap: 85px;
}
.solutions-hotel-second {
  padding: 100px 0;
  border-radius: 0px 0px 30px 30px;
  background: #f9f9f9;
}
.solutions-hotel-second-dsc h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 12px;
}
.solutions-hotel-second-dsc p {
  color: #4a4a4a;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.solutions-hotel-third {
  padding: 100px 0;
}
.solutions-hotel-third .coman-title-text p {
  max-width: 930px;
  margin: 0 auto;
}
.solutions-hotel-third-inn .row1 {
  border-radius: 30px;
  background: var(--blue);
  padding: 30px 30px 139px 30px;
}
.solutions-hotel-third-inn .row2 {
  border-radius: 30px;
  background: var(--lgreen);
  padding: 30px 30px 139px 30px;
  margin-left: 150px;
  margin-top: -77px;
}
.solutions-hotel-third-inn .row3 {
  border-radius: 30px;
  background: var(--blue);
  padding: 30px 30px 75px 30px;
  margin-left: 300px;
  margin-top: -66px;
}
.solutions-hotel-third-inn .title {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
}
.solutions-hotel-third-inn .dsc {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.row1,
.row2 {
  display: grid;
  grid-template-columns: 343px auto;
  grid-gap: 70px;
}
.row3 {
  display: grid;
  grid-template-columns: 437px auto;
  grid-gap: 70px;
}
.solutions-hotel-third-inn {
  padding-top: 50px;
}
.solutions-hotel-six .coman-title-text p {
  color: var(--white);
  max-width: 770px;
  margin: 0 auto;
}
.solutions-hotel-six .coman-title-text h2 {
  color: var(--white);
}
section.solutions-hotel-six {
  border-radius: 30px;
  background: linear-gradient(90deg, #022547 0%, #022547 100%);
  padding: 100px 0;
}
.page-template-solutions-hotel-chains-tmpl
  .Revevoleve-sec-one.Revevoleve-Features-one
  p {
  max-width: 1234px;
}
.six-slider-box {
  border-radius: 30px;
  background: var(--white);
  padding: 30px;
  min-height: 495px;
}
.six-slider-box span {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.six-slider-box h5 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 12px 0;
}
.six-slider-box p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.six-slider-box span.green {
  color: var(--lgreen);
  font-weight: 600;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
}
.six-slider-box p:not(:last-child) {
  margin-bottom: 12px;
}
.solutions-hotel-six-slider {
  padding-top: 50px;
}
.solutions-hotel-second-img2 img {
  margin-top: 60px;
}
.solutions-hotel-second-dsc {
  margin-top: 40px;
}
.solutions-hotel-six-slider .mysolutationSwiper {
  margin-left: 140px;
}
.solutions-hotel-second-img img,
.solutions-hotel-second-img2 img {
  border-radius: 20px;
}
a.gstartbtn {
  display: block;
  width: 100%;
}

/* resort page css */

.page-template-solutions-resorts-tmpl
  .Revevoleve-sec-one.Revevoleve-Features-one
  p {
  max-width: 1272px;
}
.resort-ai-driven-text {
  border-radius: 30px;
  background: #f9f9f9;
  padding: 76px 165px 75px 60px;
  margin-right: -101px;
}
.resort-ai-driven-text h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: 66px;
}
.resort-ai-driven-text ul {
  padding-left: 25px;
}
.resort-ai-driven-text li {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-top: 25px;
}
.resort-ai-driven-image img {
  border-radius: 30px;
}
.resort-ai-driven {
  display: flex;
  align-items: center;
  margin-top: 100px;
}
.resort-feacture-block {
  display: flex;
  align-items: center;
  padding-top: 50px;
}
.resort-feacture {
  margin-top: 100px;
}
.resort-feacture-block-image img {
  border-radius: 30px;
  margin-right: -101px;
}
.resort-feacture-block-text {
  gap: 14px;
  display: flex;
  flex-direction: column;
}
.main-resort-section-two {
  margin-bottom: 100px;
}
.resort-feacture-block-text-one {
  border-radius: 30px;
  background: var(--lgreen);
  padding: 40px;
  align-items: flex-start;
  gap: 10px;
}
.resort-feacture-block-text-one h4 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  margin-bottom: 15px;
}
.resort-feacture-block-text-one p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.resort-our-solution-title h2 {
  color: var(--blue);
  text-align: start;
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.resort-our-solution-title p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 743px;
}
.resort-our-solution {
  margin-left: 140px;
}
.resort-our-solution-grid-block h4 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.resort-our-solution-grid-block p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 12px;
}
.resort-our-solution-grid-block p span {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.resort-our-solution-grid-block {
  border-radius: 30px;
  background: var(--white);
  padding: 30px 30px 30px 30px;
}
.resort-our-solution-grid-block:hover {
  background-color: var(--blue);
  transition: 0.4s all;
}
.resort-our-solution-grid-block:hover h4,
.resort-our-solution-grid-block:hover p,
.resort-our-solution-grid-block:hover span {
  transition: 0.4s all;
  color: var(--white);
}
.main-resort-section-six {
  border-radius: 30px;
  background: #f9f9f9;
  padding: 100px 0px;
}
.resort-our-solution-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px 30px;
}
.resort-our-solution-grid-inn {
  display: flex;
  align-items: center;
  grid-gap: 30px;
  margin-top: 50px;
}
.resort-our-solution-image img {
  margin-right: 5px;
}

/* boutique hotels css */
.page-template-solutions-boutique-hotels
  .Revevoleve-sec-one.Revevoleve-Features-one
  p {
  max-width: 1401px;
}
section.solutions-boutique-second {
  padding: 100px 0;
  position: relative;
}
section.solutions-boutique-second::after {
  content: "";
  position: absolute;
  background: url(../image/it-work-cuv.png) no-repeat;
  width: 1214px;
  height: 100%;
  top: 0;
  left: 0;
  background-size: contain;
  z-index: -1;
}
.solutions-boutique-second-inn h2 {
  color: var(--blue);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 12px;
}
.solutions-boutique-second-inn p {
  color: #4a4a4a;
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.solutions-boutique-second-inn p:not(:last-child) {
  margin-bottom: 12px;
}
.solutions-boutique-third .coman-title-text p {
  max-width: 732px;
  margin: 0 auto;
}
.icons {
  min-width: 90px;
  min-height: 90px;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
}
.boutique-third-inn-row:nth-child(odd) {
  border-radius: 30px;
  background: var(--blue);
  padding: 30px;
}
.boutique-third-inn-row:nth-child(even) {
  border-radius: 30px;
  background: var(--lgreen);
  padding: 30px;
}
.boutique-third-inn-row:not(:last-child) {
  margin-bottom: 20px;
}
.solutions-boutique-third-inn {
  padding-top: 50px;
}
.boutique-third-inn-row .title {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  min-width: 220px;
}
.boutique-third-inn-row .titledsc {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.boutique-third-inn-row {
  display: flex;
  grid-gap: 70px;
  align-items: center;
}
.dflex {
  display: flex;
  grid-gap: 25px;
  align-items: center;
}
section.solutions-boutique-third {
  padding-bottom: 100px;
}
.six-rowone-title {
  width: 520px;
}
.six-rowone-title h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.six-rowone-title p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.six-rowone-box h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.six-rowone-box p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-top: 12px;
}
.six-rowone-box p span {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.coman-boxes h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.coman-boxes p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 12px;
}
.coman-boxes p span {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.solutions-independent-sixmain-inn {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.coman-boxes {
  border-radius: 30px;
  background: var(--white);
  padding: 30px;
}
.six-rowone-box {
  border-radius: 30px;
  background: var(--white);
  padding: 30px;
  margin-top: 108px;
}
.solutions-independent-sixmain {
  border-radius: 30px;
  background: #f9f9f9;
  padding: 100px 0px;
}
.independent-six-rowtwo,
.independent-six-rowthree {
  display: flex;
  flex-direction: column;
  grid-gap: 30px;
}
.six-rowone-box:hover {
  background-color: var(--lgreen);
  transition: 0.4s all;
}
.six-rowone-box:hover h3,
.six-rowone-box:hover p,
.six-rowone-box:hover p span {
  color: var(--white);
  transition: 0.4s all;
}
.coman-boxes:hover {
  background-color: var(--lgreen);
  transition: 0.4s all;
}
.coman-boxes:hover h3,
.coman-boxes:hover p,
.coman-boxes:hover p span {
  color: var(--white);
  transition: 0.4s all;
}
.independent-six-rowtwo {
  margin-top: 126px;
}
.main-resort-section-two .coman-title-text p {
  max-width: 1023px;
  margin: 0 auto;
}

/* 26-07-2024 */
.page-template-case-studies-tmpl .Revevoleve-sec-one.Revevoleve-Features-one p {
  max-width: 926px;
}
section.Case-Study-second {
  padding: 100px 0 0 0;
}
.Case-Study-second-title h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 10px;
}
.Case-Study-second-title p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Case-Study-second-boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 45px;
  padding-top: 40px;
}
.Case-Study-green {
  border-radius: 30px;
  background: linear-gradient(180deg, #3bcbcc 0%, #128c8d 100%);
  text-align: right;
  padding: 30px;
}
.Case-Study-blue {
  border-radius: 30px;
  background: linear-gradient(180deg, #2371ff 0%, #0e4dc0 100%);
  text-align: right;
  padding: 30px;
}
.Case-Study-grey {
  border-radius: 30px;
  background: linear-gradient(180deg, #454545 0%, #343434 100%);
  text-align: right;
  padding: 30px;
}
.Case-Study-second-boxes-inn h2 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: left;
  min-height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 20px;
  width: 336px;
}
.Case-Study-second-boxes-inn p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  max-width: 450px;
  min-height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 20px;
}
.imagesmain img {
  width: 100%;
  max-height: 280px;
}
.Case-Study-second-boxes-inn .btn {
  width: 65px;
  height: 65px;
  background: var(--white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

/* faq page css */

.main-faqs-section {
  padding-top: 100px;
  position: relative;
}
.main-faqs-section::after {
  content: "";
  position: absolute;
  background-image: url(../image/faq-background.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 1311px;
  top: 0;
  z-index: -1;
}
.main-faqs-section-title h2 {
  color: var(--blue);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.main-faqs-section-accordion {
  margin-top: 50px;
}
.main-faqs-section .accordion-button {
  border-radius: 10px !important;
  background: #f9f9f9;
  padding: 24px;
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-22);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: 1px solid rgba(0, 51, 102, 0.1);
}
.main-faqs-section .accordion-body {
  padding: 24px;
  border-radius: 0px 0px 10px 10px !important;
  border: 1px solid rgba(0, 51, 102, 0.1);
  background: #f9f9f9;
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.main-faqs-section .accordion-item:not(:last-child) {
  margin-bottom: 40px;
}
.main-faqs-section .accordion-button:focus {
  box-shadow: none;
}
.main-faqs-section .accordion-button:not(.collapsed) {
  background: var(--blue) !important;
  color: var(--white) !important;
  border-radius: 10px 10px 0px 0px !important;
}
.main-faqs-section .accordion-flush > .accordion-item {
  border: none;
}
.page-template-faq-tmpl .Revevoleve-sec-one.Revevoleve-Features-one p {
  max-width: 1050px;
}

/* contact us css */

.contactsecone {
  padding: 100px 0 100px 0;
}

.contactsecone .coman-title-text p {
  max-width: 670px;
  margin: 5px auto 0 auto;
}

p.gform_required_legend {
  display: none;
}

.contactformbg {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 50px;
}

.fotmpart {
  background: var(--blue);
  padding: 100px 100px 100px 269px;
  border-radius: 30px;
  position: relative;
  left: -169px;
  min-width: calc(100% - 251px) !important;
  width: 100%;
}

.contactimg img {
  border-radius: 30px;
  position: relative;
  z-index: 2;
}

.fotmpart label.gfield_label.gform-field-label {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}

.fotmpart .gform-body input,
.fotmpart .gform-body textarea {
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  min-height: 55px !important;
  color: var(--white) !important;
  font-family: var(--Poppins) !important;
  font-size: var(--font-16) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

.fotmpart .gform-body input:focus,
.fotmpart .gform-body textarea:focus,
.fotmpart input#gform_submit_button_2:focus {
  box-shadow: none !important;
  outline: none !important;
}

.fotmpart .gform-body input::placeholder,
.fotmpart .gform-body textarea::placeholder {
  color: var(--white) !important;
  font-family: var(--Poppins) !important;
  font-size: var(--font-16) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

.fotmpart div#gform_2_validation_container {
  display: none;
}

.fotmpart input#gform_submit_button_2 {
  color: var(--white) !important;
  font-family: var(--Poppins) !important;
  text-align: center;
  font-size: var(--font-20) !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: var(--lgreen);
  border-color: var(--lgreen);
  border-radius: 80px;
  padding: 14px 30px;
}

.fotmpart .gform-theme--foundation .gform_footer,
.fotmpart .gform-theme--foundation .gform_page_footer {
  margin-top: 50px !important;
}

.fotmpart .gform-theme--framework .gfield_validation_message {
  font-family: var(--Poppins) !important;
}

.forarea .gform-theme--foundation .gform_fields {
  row-gap: 20px !important;
}

.emailconcotactsec {
  border-radius: 30px;
  background: var(--white);
  padding-bottom: 100px;
  position: relative;
  z-index: 2;
}

.iconsec {
  display: flex;
  width: 80px;
  height: 80px;
  background: #f7f7f7;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.callussec h3 {
  color: var(--blue);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 30px 0 15px 0;
}

.callussec a {
  color: var(--gray);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-22);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin-bottom: 15px;
}
.mainsocialseccotnact {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.mainsocialseccotnact .callussec:nth-child(2) {
  border: 1px solid #d7d7d7;
  border-width: 0 1px;
}
.callussec a:hover {
  color: var(--lgreen);
}
.page-template-contact-us-tmpl .Revevoleve-sec-one.Revevoleve-Features-one p {
  max-width: 898px;
}
body #gform_ajax_spinner_1 {
  position: absolute !important;
  top: 15px;
  right: 60px;
}
body #gform_ajax_spinner_4 {
  position: absolute !important;
  top: 15px;
  right: 60px;
}

/* white paper css */
section.white-paper-second {
  padding: 100px 0 0 0;
}
.white-paper-title h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 10px;
}
.white-paper-title p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.white-paper-title {
  padding-bottom: 40px;
}
.white-paper-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 45px;
}
.white-paper-grid-inn {
  border-radius: 30px 30px 30px 30px;
  border-right: 1px solid rgba(0, 51, 102, 0.1);
  border-bottom: 1px solid rgba(0, 51, 102, 0.1);
  border-left: 1px solid rgba(0, 51, 102, 0.1);
  background: #f9f9f9;
}
.whiteimages img {
  border-radius: 30px 30px 0 0;
  width: 100%;
}
.whitedsc p {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  min-height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.whitedsc {
  padding: 25px;
}
.whitedsc .contactbtn {
  justify-content: start;
  margin: 35px 0 0 0;
}
.whitedsc a.contactcta span {
  padding: 8px 12px;
}
.whitedsc a.contactcta {
  background: var(--lgreen);
  border: 1px solid var(--lgreen);
}
.whitedsc a.contactcta:hover {
  color: var(--white);
}
.whitemodelmain h1 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-32) !important;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
}
.whitemodelmain .modal-content {
  padding: 50px 40px;
}
.whitemodelmain .modal-body-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.whitemodelmain .btn-close {
  background: url(../image/inquiry-close.svg) no-repeat !important;
  background-size: contain !important;
  filter: brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(4175%)
    hue-rotate(193deg) brightness(95%) contrast(103%);
}
.whitemodelmain .btn-close {
  padding: 0;
  opacity: 1;
  font-size: 28px;
  margin-right: 0;
}
.whitemodelmain .btn-close:focus {
  box-shadow: none !important;
}
.whitemodelmain .modal-dialog {
  max-width: 600px !important;
}
.whitemodelmain .modal-header,
.whitemodelmain .modal-body {
  padding: 0;
  border-bottom: 0;
}
.whitemodelmain .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.whitemodelmain .gform-theme--foundation .gform_fields {
  row-gap: 20px;
}
.whitepaperform input#gform_submit_button_3,
.whitepaperform input#gform_submit_button_5,
.whitepaperform input#gform_submit_button_6 {
  color: var(--white) !important;
  font-family: var(--Poppins) !important;
  text-align: center;
  font-size: var(--font-20) !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: var(--lgreen);
  border-color: var(--lgreen);
  border-radius: 80px;
  padding: 10px 30px;
}
.whitepaperform input#gform_submit_button_3:focus,
.whitepaperform input#gform_submit_button_5:focus,
.whitepaperform input#gform_submit_button_6:focus {
  box-shadow: none;
}
.whitepaperform div#gform_3_validation_container {
  display: none;
}
.whitepaperform label.gfield_label.gform-field-label {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
.whitepaperform .gform-body input,
.whitepaperform .gform-body textarea {
  border-radius: 10px !important;
  border: 1px solid var(--blue) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  min-height: 55px !important;
  color: var(--blue) !important;
  font-family: var(--Poppins) !important;
  font-size: var(--font-16) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
.whitepaperform .gform-body input:focus,
.whitepaperform .gform-body textarea:focus {
  box-shadow: none !important;
}

/* submanu css */
.sub-menu {
  position: absolute;
  border-radius: 10px;
  background: var(--white);
  list-style-type: none;
  margin: 0;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  min-width: 320px;
  display: none;
}
.sub-menu a {
  color: var(--black);
  font-size: var(--font-16);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  padding: 15px 20px !important;
  border-bottom: 1px solid #ddd;
  width: 100%;
  transition: 0.4s all;
}
.menu-item-has-children {
  position: relative;
}
.menu-item-has-children > a::after {
  content: "";
  background: url(../image/downarrow.svg) no-repeat;
  filter: brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(4175%)
    hue-rotate(193deg) brightness(95%) contrast(103%);
  background-size: contain;
  position: absolute;
  top: 52px;
  right: 18px;
  width: 20px;
  height: 20px;
}
.sub-menu a:hover {
  color: var(--lgreen);
  transition: 0.4s all;
  padding: 15px 20px 15px 30px !important;
}

/* request a demo */
.banners-bg .Revevoleve-banner {
  height: 1018px;
}

.Revevoleve-banner ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  list-style: none;
  justify-content: space-between;
  column-gap: 60px;
  row-gap: 24px;
  padding-top: 40px;
  padding-left: 40px;
}

.Revevoleve-banner ul li {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: start;
  position: relative;
  list-style: none;
}
.Revevoleve-banner ul li::before {
  content: "";
  background-image: url(../image/pricingicon.png);
  background-repeat: no-repeat;
  top: 3px;
  left: -33px;
  position: absolute;
  width: 24px;
  height: 24px;
}
.forarea {
  background: var(--blue);
  border-radius: 30px;
  min-width: calc(100% - 251px) !important;
  width: 100%;
  position: relative;
  color: var(--white);
  z-index: 1;
}
.forarea h2 {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 40px;
}
.formdemo label.gfield_label.gform-field-label {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
.formdemo .gform-theme--foundation .gfield input.large,
.formdemo .gform-theme--foundation .gfield textarea {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.formdemo .gform-theme--foundation .gfield input.large {
  height: 60px;
}
.formdemo {
  margin-top: -330px;
  padding-bottom: 100px;
}
.formdemo .gform-theme--foundation .gform_footer,
.gform-theme--foundation .gform_page_footer {
  justify-content: center;
  margin-top: 50px;
}
.formdemo input#gform_submit_button_4 {
  border-radius: 80px;
  background: var(--Green, #008e02);
  padding: 15px 130px;
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  box-shadow: none !important;
  border: none !important;
}
.formdemo
  .gform-theme--framework
  .gform_validation_errors
  .gform_submission_error,
.formdemo .gform-theme--framework .gform_validation_errors {
  display: none;
}
.banners-bg .Revevoleve-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-size: cover;
  background-position: center;
  padding-bottom: 350px;
}
.formdemo .forarea .gform-theme--foundation .gform_fields {
  row-gap: 30px !important;
  column-gap: 30px !important;
}
.Revevoleve-sec-one.Revevoleve-Features-one .banners-bg p {
  max-width: 800px;
}
.formdemo .forarea {
  padding: 40px 80px 80px 80px;
}
.bgafter {
  position: relative;
}
.bgafter::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1443px;
  background: url(../image/book-demo-backgroundimg.png) no-repeat center
    center/cover;
  opacity: 0.04;
}
.latest-blog-text-profile-img img,
.all-blog-group-block-text-profile-img img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
}
span.ssb_inline-share_heading.left {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.blog-detail-group-right-text h5 a:hover {
  color: var(--lgreen);
}

.navbar-nav .current-menu-item.page_item > a {
  color: var(--lgreen);
}
.contactformsec {
  max-width: 90%;
  margin: 0 auto;
}
.four-inn-gridiocon {
  max-width: 80%;
}
.gridiocon-inn img {
  width: 100%;
}
.wtcdemo a:hover p {
  color: var(--lgreen);
}
section.main-pricing-tabs {
  display: none;
}

/* 11-10-2024 */
.pricing-plans-table {
  padding: 100px 0 0 0;
}
.pricing-plans-table-inn {
  padding-bottom: 50px;
}
.pricing-plans-table-inn {
  padding-bottom: 50px;
}
.our-recent-post-mid {
  text-align: center;
  padding-bottom: 50px;
  color: #036;
  text-align: center;
  font-family: var(--Poppins);
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.our-recent-post-contantmid {
  color: #4a4a4a;
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-22);
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.pricing-plans-table tr:nth-child(odd) {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  background: #f4f9ff;
}
.table .table-header .cell {
  padding: 20px 10px;
}
.pricing-plans-table .table > :not(caption) > * > * {
  background-color: transparent;
}
.table .table-header th {
  background: var(--lgreen) !important;
  color: var(--white) !important;
}
.pricing-plans-table table th {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.pricing-plans-table table th,
table td {
  border: 1px solid #d8d8d8;
}
table * {
  vertical-align: middle;
}
.pricing-plans-table table th:nth-child(3),
.pricing-plans-table table th:nth-child(4),
.pricing-plans-table table th:nth-child(5) {
  text-align: center;
}
.pricing-plans-table table th:nth-child(4) {
  text-align: center;
  background: #0c2751 !important;
}
.pricing-plans-table table th span {
  display: block;
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.pricing-plans-table table tr td:nth-child(1),
.pricing-plans-table table tr td:nth-child(2) {
  color: #036;
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.pricing-plans-table table tr td:nth-child(3),
.pricing-plans-table table tr td:nth-child(4),
.pricing-plans-table table tr td:nth-child(5) {
  text-align: center;
  color: var(--black);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.pricing-plans-table table th:nth-child(4) {
  text-align: center;
  background: #0c2751 !important;
}
.pricing-plans-table table tr td:nth-child(4) {
  background: #0c2751 !important;
  color: var(--white) !important;
}
.pricing-plans-table input[type="checkbox"] {
  accent-color: var(--lgreen);
  min-width: 20px;
  min-height: 20px;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
.pricing-plans-table table tr td:nth-child(4) input[type="checkbox"] {
  accent-color: var(--lgreen) !important;
}
.pricing-plans-table-inn .our-recent-post-mid {
  padding-bottom: 20px;
}

/* case study one */

.main-casestudy-one {
  padding: 120px 0px 60px 0px;
}
.challange-data-common {
  padding-left: 24px;
  border-left: 4px solid var(--lgreen);
}
.challange-data-common:not(:last-child) {
  margin-bottom: 30px;
}
.challange-data-common:last-child {
  margin-bottom: 60px;
}
.challange-data-common h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.challange-data-common p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 1050px;
}
.challange-data-common p span {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.main-casestudy-detail {
  display: grid;
  grid-template-columns: 1fr 450px;
  justify-content: space-between;
  grid-gap: 100px;
}
.casestudy-detail-right {
  width: 445px;
}
.product-used {
  padding: 50px;
  border-radius: 30px;
  background: var(--blue);
}
.data-product {
  display: flex;
  align-items: center;
  grid-gap: 20px;
}
.product-used-title h2 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
  text-align: center;
}
.product-used-title p {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 865px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.product-used-detail p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  max-width: 975px;
}
.product-used-detail p:not(:last-child) {
  margin-bottom: 15px;
}
.product-used-data {
  margin-top: 35px;
}
.data-product:not(:last-child) {
  margin-bottom: 25px;
}
.data-detail p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.data-detail p span {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-25);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.results-glance h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
  margin-top: 60px;
}
.results-glance p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 40px;
}
.in-ihis-case-study h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}
.in-ihis-case-study p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
.in-ihis-case-study p:not(:last-child) {
  margin-bottom: 15px;
}
.grid-block {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 43px;
  grid-row-gap: 25px;
  margin-bottom: 40px;
}
.block-detail {
  display: flex;
  padding: 40px;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #e1e1e1;
  background: var(--white);
}

.block-detail p {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.block-detail p span {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.grid-block .block-detail:hover {
  background: var(--lgreen);
  transition: 0.4s all;
  border: 1px solid transparent;
}
.grid-block .block-detail:hover p,
.grid-block .block-detail:hover p span {
  color: var(--white);
}
.results-images {
  border-radius: 21.848px;
  background: var(--blue);
  object-fit: contain;
}
.results-images img {
  border-radius: 10.924px;
  width: 100%;
}
.revenue-challenges h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
  margin-top: 60px;
}
.revenue-challenges p span {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.revenue-challenges p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
}
.challenges-before {
  padding: 50px;
  border-radius: 30px;
  background: var(--blue);
  margin-top: 40px;
}
.challenges-before h2 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}
.challenges-before p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  margin-bottom: 12px;
}
.challenges-before ul {
  margin-left: 25px;
  margin-bottom: 50px;
}
.challenges-before ul li {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
  max-width: 740px;
}
.challenges-before ul li:not(:last-child) {
  margin-bottom: 12px;
}
.bold-text-detail {
  padding-left: 30px;
  border-left: 3px solid var(--white);
}
.bold-text-detail.common-bold {
  border-left: 3px solid var(--blue);
  margin-top: 40px;
}
.bold-text-detail h4 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: italic;
  font-weight: 700;
  line-height: 140%; /* 39.2px */
  margin-bottom: 30px;
}
.bold-text-detail.common-bold h4 {
  color: var(--lgreen);
}
.bold-text-detail p {
  margin: 0;
}
.bold-text-detail.common-bold p {
  margin: 0;
}
.bold-text-detail.common-bold .bold-text-detail-fles img {
  filter: brightness(0) saturate(100%) invert(14%) sepia(47%) saturate(3592%)
    hue-rotate(195deg) brightness(89%) contrast(101%);
}
.bold-text-detail-fles {
  display: flex;
  grid-gap: 15px;
  align-items: center;
}
.chaning-image {
  margin: 40px 0px;
}
.chaning-image img {
  width: 100%;
  border-radius: 10px;
}
.intreagation p {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}
.intreagation ul {
  margin-left: 25px;
}
.intreagation ul li {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.intreagation ul li:not(:last-child) {
  margin-bottom: 15px;
}
.key-features h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 60px;
  margin-bottom: 40px;
}
.key-features-detail {
  display: grid;
  grid-template-columns: 335px 1fr;
  grid-gap: 14px;
  justify-content: space-between;
  padding-left: 25px;
  border-left: 4px solid var(--lgreen);
}
.key-features-detail:not(:last-child) {
  margin-bottom: 30px;
}
.features-detail-title {
  display: flex;
  grid-gap: 14px;
  max-width: 335px;
  justify-content: space-between;
}
.features-detail-title p {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.features-detail-data p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}
.featuresimg img {
  width: 100%;
}
.impact-on-revenue {
  border-radius: 30px;
  background: var(--blue);
  padding: 50px;
  margin-top: 40px;
}
.impact-on-revenue h3 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.impact-on-revenue h5 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
}
.switchboard-strategic h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 60px;
  margin-bottom: 12px;
}
.switchboard-strategic p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  margin-bottom: 40px;
}

.switchboard-strategic-tab ul#pills-tab {
  display: flex;
  justify-content: space-between;
  grid-gap: 15px;
}
.switchboard-strategic-tab .nav-pills .nav-link {
  display: flex;
  width: 310px;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #f7f7f7;
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.switchboard-strategic-tab .nav-pills .nav-link.active {
  border-radius: 10px;
  background: var(--lgreen);
  color: var(--white);
}
.tab-realtime p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  margin-top: 30px;
  margin-bottom: 40px;
}
.tab-realtime img {
  border-radius: 10px;
  width: 100%;
}
.elevate-title h3 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}
.elevate-title p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
}
.elevate-block-data {
  padding: 30px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.1);
  width: 411px;
  height: 163px;
  align-items: center;
  display: flex;
}
.elevate-block-data:hover {
  background: var(--white);
  transition: 0.4s all;
}

.elevate-block-data p {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.elevate-block-data p span {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.elevate-block-data:hover p,
.elevate-block-data:hover p span {
  color: var(--lgreen);
}
.elevate-block {
  display: grid;
  grid-template-columns: repeat(2, 412px);
  grid-gap: 30px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.elevate-detail {
  padding: 50px;
  border-radius: 30px;
  background: var(--lgreen);
  position: relative;
  margin-bottom: -105px;
}
.elevate-detail h4 {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 14px;
}
.elevate-detail p {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  margin-bottom: 40px;
}
.contactcase {
  display: flex;
  justify-content: center;
}
.contactcase a.contactcta:hover {
  background: var(--white);
  color: var(--blue);
  transition: 0.4s all;
}
.casestudy-detail-right ul {
  list-style: none;
  position: sticky;
  top: 140px;
}
.casestudy-detail-right ul li {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 15px;
  border-bottom: 2px solid transparent;
}
.casestudy-detail-right ul li:not(:last-child) {
  margin-bottom: 15px;
}
.casestudy-detail-right ul li:hover {
  padding-bottom: 15px;
  color: var(--lgreen);
  border-bottom: 2px solid rgba(128, 128, 128, 0.5);
  transition: 0.4s all;
  position: relative;
}
.casestudy-detail-right ul li::after {
  content: "";
  position: absolute;
  width: 160px;
  height: 3px;
  background: transparent;
  left: 0px;
  bottom: 0px;
}
.casestudy-detail-right ul li:hover::after {
  background: var(--lgreen);
}
.casestudy-detail-right ul li:hover img {
  filter: brightness(0) saturate(100%) invert(29%) sepia(91%) saturate(4055%)
    hue-rotate(104deg) brightness(97%) contrast(107%);
  transition: 0.4s all;
}
.casestudy-data {
  display: flex;
  grid-gap: 10px;
  align-items: flex-start;
}
.key-features-title p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 40px;
}

/*  case study two page */

.Challenges h3 {
  margin-top: 0;
}
.Challenges {
  margin-bottom: 60px;
}
.how-analysis-common {
  padding: 50px;
  border-radius: 30px;
  background: var(--blue);
}
.how-analysis-title h2 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 30px;
}
.how-analysis-one h3 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-25);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 15px;
}
.how-analysis-one img {
  width: 100%;
  margin: 40px 0px;
  border-radius: 10px;
}
.how-analysis-one p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
}
.how-analysis-two {
  margin-left: 50px;
}
.how-analysis-two h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(2 --font-25);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 15px;
  margin-top: 30px;
}
.how-analysis-two img {
  width: 100%;
  margin: 40px 0px;
  border-radius: 10px;
}
.how-analysis-two p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
}
.analysis-three {
  margin-top: 30px;
}
.analysis-detail p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
}
.analysis-detail p:not(:last-child) {
  margin-bottom: 15px;
}
.analysis-detail-inner-one,
.analysis-detail-inner-two,
.analysis-detail-inner-three,
.analysis-detail-inner-four {
  display: flex;
  align-items: baseline;
  grid-gap: 14px;
}
.analysis-detail-inner h3 {
  margin-bottom: 0px;
}
.analysis-detail-inner:not(:last-child) {
  margin-bottom: 15px;
}
.how-analysis-two h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(4 --font-40);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 60px;
  margin-bottom: 10px;
}
.analysis-detail-inner-one h3 {
  min-width: 241px;
}
.analysis-detail-inner-two h3 {
  min-width: 270px;
}
.analysis-detail-inner-three h3 {
  min-width: 318px;
}
.analysis-detail-inner-four h3 {
  min-width: 410px;
}
.detailcolor p,
.bold-text-detail-fles-detail p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.bold-text-detail-fles-detail {
  margin-top: 40px;
}
.gridiantimg img {
  max-width: 100%;
  height: 257px;
  object-fit: cover;
}
.callussec {
  padding: 0 20px;
}
.testimonials-author img {
  display: none;
}

/* terms page css */
.terms-conditions-content {
  padding: 100px 0;
}
.terms-conditions-content h4 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 15px;
}
.terms-conditions-content p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 20px;
}
.terms-conditions-content ul {
  margin: 0;
  padding: 0 0 20px 30px;
}
.terms-conditions-content ul li {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
.terms-conditions-content ul.sublist {
  margin-top: 15px;
  padding-bottom: 0;
}
.terms-conditions-content p a {
  color: var(--lgreen);
}
.terms-conditions-content ul li:last-child {
  margin-bottom: 0;
}
/* New CSS 11-8-2025 */
.rms-banner p {
  max-width: 1080px !important;
}
.switchboard-main {
  padding: 100px 0 0;
}
.switchboard-main h2 {
  color: var(--blue);
  text-align: center;
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 50px;
}
.hotel-switchboard {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.switchboard-cards {
  padding: 40px;
  background-color: var(--light-grey);
  border-radius: 30px;
  transition: all 0.4s linear;
  height: 100%;
}
.switchboard-cards .switchboard-image {
  width: 110px;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  background: var(--white);
}
.switchboard-image img {
  width: 55px;
  height: 55px;
}
.switchboard-content h3 {
  color: var(--blue);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 32px 0 8px;
}
.switchboard-content p {
  color: var(--gray);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.switchboard-cards:hover {
  background: var(--lgreen);
  transition: 0.4s all;
}
.switchboard-cards:hover h3,
.switchboard-cards:hover p {
  color: var(--white);
}
/* revenue-management */
.revenue-management {
  margin-top: 100px !important;
}
.revenue-management .six-inn-dsc {
  width: 100%;
}
/* Leading Brands */
.leading-main {
  padding: 100px 0 0;
}
.leading-card {
  padding: 40px;
  border-radius: 30px;
  background: var(--light-grey);
}
.leading-card h3 {
  color: var(--blue);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.leading-content {
  padding-left: 30px;
  border-left: 3px solid var(--blue);
}
.leading-content h4 {
  color: var(--lgreen);
  font-size: var(--font-36);
  font-style: italic;
  font-weight: 600;
  line-height: 140%;
  margin: 20px 0;
}
.leading-content span {
  color: var(--gray);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  display: flex;
  align-items: center;
  grid-gap: 15px;
}
/* Who Is It For? */
.who-is-it {
  padding: 100px 0 0;
}
.who-is-it h2 {
  color: var(--blue);
  text-align: center;
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 8px;
}
.who-is-it p {
  color: var(--gray);
  text-align: center;
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 50px;
}
.who-inner-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.who-card {
  border-radius: 30px;
  background: var(--light-grey);
  display: flex;
  align-items: center;
  grid-gap: 25px;
  padding: 30px;
  max-width: 492px;
  transition: all 0.4s linear;
}
.who-card-image {
  min-width: 90px;
  min-height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  background: var(--white);
}
.who-card h3 {
  color: var(--blue);
  font-size: var(--font-26);
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
.who-card:hover {
  background: var(--lgreen);
  transition: 0.4s all;
}
.who-card:hover h3 {
  color: var(--white);
}
/* how-it-works */
.how-it-works {
  padding: 100px 0 0 0;
}
.how-it-works h2 {
  color: var(--blue);
  text-align: center;
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 50px;
}
.how-it-works-cards {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.how-card {
  max-width: 306px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.how-card::before {
  content: "";
  background-image: url(https://revevolve.ai/wp-content/uploads/2025/08/how-it-work-decor.svg);
  position: absolute;
  width: 210px;
  height: 52px;
  top: 24px;
  background-repeat: no-repeat;
  right: -50%;
}
.how-card:last-child::before {
  display: none;
}
.how-card-number {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #008e020d;
  color: var(--lgreen);
}
.how-card span {
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-variant-numeric: tabular-nums;
}
.how-card h4 {
  padding: 30px 0 10px;
  color: var(--blue);
  text-align: center;
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.how-card p {
  color: var(--gray);
  text-align: center;
  font-size: var(--font-16);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
/* Revenue Audit */
.revenue-audit {
  padding: 100px 0 0 0;
}
.revenue-audit-main {
  padding: 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
}

.revenue-audit-main h2 {
  color: var(--white);
  text-align: center;
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.revenue-audit-main p {
  color: var(--white);
  text-align: center;
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 32px 0 40px;
}

.audit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 40px;
}

.audit-btn .schedule-btn,
.audit-btn .mail-btn {
  padding: 15px 36px;
  border-radius: 50px;
  color: #fff;
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  min-height: 62px;
  transition: all 0.4s;
}

.audit-btn .schedule-btn {
  border: 1px solid var(--lgreen);
  color: var(--white);
  background-color: var(--lgreen);
}

.audit-btn .schedule-btn img {
  filter: brightness(0) invert(1);
}

.audit-btn .schedule-btn:hover {
  background-color: var(--white);
  color: var(--lgreen);
  border-color: var(--white);
}

.audit-btn .schedule-btn:hover img {
  filter: none;
}

.audit-btn .mail-btn {
  color: var(--blue);
  background: var(--white);
  padding: 5px 30px 5px 5px;
  grid-gap: 16px;
  border: 1px solid var(--white);
  transition: all 0.4s;
}

.audit-btn .mail-btn img {
  width: 24px;
  height: 24px;
  filter: brightness(0) invert(1);
}

.mail-image {
  background-color: var(--blue);
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.audit-btn .mail-btn:hover {
  background-color: transparent;
  border: 1px solid var(--white);
  color: var(--white);
}

.audit-btn .mail-btn:hover .mail-image {
  background-color: var(--white);
}

.audit-btn .mail-btn:hover img {
  filter: none;
}
/* Success Story */
.success-story {
  padding: 100px 0 0 0;
}
.success-story-main {
  padding: 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
}

.success-story-main h2 {
  color: var(--white);
  text-align: center;
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.success-story-main p {
  color: var(--white);
  text-align: center;
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 32px 0 40px;
}

.success-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 40px;
}

.success-btn .book-demo-btn,
.success-btn .Download-btn {
  padding: 15px 36px;
  border-radius: 50px;
  color: #fff;
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  transition: all 0.4s;
  min-height: 62px;
}

.success-btn .book-demo-btn {
  border: 1px solid var(--blue);
  color: var(--white);
  background-color: var(--blue);
}

.success-btn .book-demo-btn img {
  filter: brightness(0) invert(1);
}

.success-btn .book-demo-btn:hover {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--blue);
}
.success-btn .book-demo-btn:hover img {
  filter: none;
}
.success-btn .Download-btn {
  color: var(--blue);
  background: var(--white);
  padding: 5px 30px 5px 5px;
  grid-gap: 16px;
  border: 1px solid var(--white);
  transition: all 0.4s;
}

.success-btn .Download-btn img {
  width: 24px;
  height: 24px;
  filter: brightness(0) invert(1);
}

.Download-image {
  background-color: var(--blue);
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.success-btn .Download-btn:hover {
  background-color: var(--blue);
  border: 1px solid var(--blue);
  color: var(--white);
}

.success-btn .Download-btn:hover .Download-image {
  background-color: var(--white);
}

.success-btn .Download-btn:hover img {
  filter: none;
}
.contact-info {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 12px;
  flex-direction: column;
  padding-top: 40px;
}
.contact-info span {
  color: var(--white);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.contact-info a {
  display: flex;
  color: var(--white);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  align-items: center;
  grid-gap: 10px;
}
.contact-info a img {
  width: 25px;
  height: 25px;
}
/* FAQs */
.rms-faqs .main-faqs-section-group {
  max-width: 1226px;
  margin: 0 auto;
}
.mobilemenunew {
  display: none;
}
.mega-menu-main,
.resources-mega-menu {
  position: fixed;
  width: 100%;
  left: 0;
  top: 118px;
  z-index: 999;
  max-height: 62vh;
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
}
.resources-mega-menu {
  max-height: 72vh;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 20px 20px 0px;
  background: rgb(255, 255, 255);
}
#menu-item-1100 {
  position: relative;
}
#menu-item-1102 {
  position: relative;
}
#menu-item-1100 > a::after {
  content: "";
  background: url(../image/downarrow.svg) no-repeat;
  filter: brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(4175%)
    hue-rotate(193deg) brightness(95%) contrast(103%);
  background-size: contain;
  position: absolute;
  top: 52px;
  right: 18px;
  width: 20px;
  height: 20px;
}
#menu-item-1102 > a::after {
  content: "";
  background: url(../image/downarrow.svg) no-repeat;
  filter: brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(4175%)
    hue-rotate(193deg) brightness(95%) contrast(103%);
  background-size: contain;
  position: absolute;
  top: 52px;
  right: 18px;
  width: 20px;
  height: 20px;
}
/* 18-08-25 */
/* join-with-us */
.join-with-us {
  padding: 40px 0 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  grid-gap: 30px;
  margin: 30px 0;
}
.join-with-us .subscribe-insights {
  background-color: var(--blue);
  width: 100%;
  border-radius: 0px 0px 30px 30px;
  padding: 10px 0;
  text-align: center;
  color: var(--white);
  font-size: var(--font-14);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.join-with-us .subscribe-insights a {
  display: flex;
  align-items: center;
  grid-gap: 6px;
  justify-content: center;
}
.join-with-us-inner {
  max-width: 800px;
  margin: 0 auto;
}
.join-with-us .book-demo-btn {
  font-size: var(--font-16);
  padding: 13px 30px;
  min-height: 50px;
}
.join-with-us .Download-btn {
  min-height: 50px;
  padding: 5px 30px 5px 5px;
}
.join-with-us .Download-btn a {
  font-size: var(--font-16);
}
.join-with-us .Download-btn .Download-image {
  height: 40px;
  width: 40px;
}
.join-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-gap: 20px;
}
.join-heading span {
  color: var(--white);
  text-align: center;
  font-size: var(--font-14);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}
.join-heading h2 {
  margin: 0;
  color: var(--white);
  text-align: center;
  font-size: var(--font-32) !important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.join-heading p {
  color: var(--white);
  text-align: center;
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
  padding-bottom: 20px;
}
.join-with-us-inner .contact-info {
  padding: 30px 0 10px 0;
}
.blog-series h3 {
  color: var(--blue);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.blog-series p {
  color: #0e0808;
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0;
  margin: 8px 0 16px;
}
.blogs-inner-titles h4 {
  color: #1e1d1d;
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
  margin: 0;
  padding-left: 8px;
}
.blogs-inner-titles p {
  color: var(--gray);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 8px 0 30px 30px;
  margin: 0;
}
.blog-main-card {
  border-radius: 30px;
  border: 1px solid rgba(0, 51, 102, 0.1);
  background: #f9f9f9;
  padding: 30px;
  margin: 20px 0;
}
.blogs-number {
  display: flex;
  align-items: start;
  justify-content: center;
  grid-gap: 30px;
}
.blogs-number span {
  min-height: 36px;
  min-width: 36px;
  border-radius: 50px;
  background: rgba(0, 142, 2, 0.15);
  color: var(--lgreen);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.blogs-number span::after {
  content: "";
  height: 20px;
  width: 30px;
  background-color: var(--lgreen);
  position: absolute;
  bottom: -34px;
  width: 2px;
  height: 34px;
}
.blogs-tiles {
  width: 100%;
}
.blogs-tiles h5 {
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e6eb;
  margin-bottom: 20px;
}
.disable-blog {
  cursor: not-allowed;
  pointer-events: none;
}
.disable-blog span::after {
  content: "";
  height: 20px;
  width: 30px;
  background-color: #bbb7b7;
  position: absolute;
  bottom: -34px;
  width: 2px;
  height: 34px;
}
.disable-blog span {
  color: #bbb7b7;
  background: rgba(187, 183, 183, 0.15);
}

.disable-blog .blogs-tiles h5 {
  color: #bbb7b7;
}

.blogs-number:last-child span::after {
  display: none;
}
.blogs-number:last-child .blogs-tiles h5 {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.blog-detail-group-left .join-with-us p {
  padding-bottom: 0;
  margin-bottom: 20px;
}
.blog-detail-group-left .join-with-us .Download-btn p {
  margin-bottom: 0;
}
.blogs-tiles h5 a:hover {
  color: var(--lgreen);
}
.Download-btn:hover p a {
  color: var(--white);
}
.blog-active-text {
  color: var(--lgreen);
}
.authornewquery {
  background: #f7f7f7;
}
.authobiogruid {
  display: grid;
  grid-template-columns: auto 478px;
  grid-gap: 70px;
  padding: 100px 0;
  margin: 0 auto 100px 0;
}
.authorbioleft h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-48);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 4px;
}
.authorbioleft h4 {
  color: var(--black);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 20px;
}
.authorbioleft p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 10px;
}
.imgputer {
  border-radius: 10px;
  border: 1.5px solid var(--gray);
  backdrop-filter: blur(32px);
  padding: 20px;
  width: 390px;
  background: linear-gradient(
    292deg,
    rgba(255, 255, 255, 0.55) 0%,
    rgba(35, 31, 32, 0.12) 100%
  );
}
.socialloopauthor {
  display: flex;
  grid-gap: 10px;
  flex-direction: column;
  align-items: flex-end;
  margin-top: -110px;
}
.socialloopauthor a {
  border: 1px solid var(--white);
  border-radius: 50%;
  padding: 10px;
  filter: brightness(0) saturate(100%) invert(15%) sepia(66%) saturate(2363%)
    hue-rotate(191deg) brightness(87%) contrast(105%);
}
.imgputer img {
  width: 100%;
}
.inerautheor {
  display: flex;
  grid-gap: 15px;
  align-items: flex-start;
}
.imgpicauth {
  padding: 3px;
  border: 1px solid var(--blue);
  border-radius: 50%;
  filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.15));
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  min-width: 90px;
  height: 90px;
}
.imgpicauth img {
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 0;
  min-width: 88px !important;
  height: 88px !important;
  object-position: top;
}
.shortdesc {
  width: 100%;
}
.mainaria {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainaria h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 4px;
}
.shortdesc p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-16);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 0px !important;
}

/* New Case Study Design Start */
.banner-box {
  padding: 30px 50px;
  border-radius: 30px;
  background: var(--white);
  display: flex;
  margin-top: 30px;
  align-items: center;
}
.inner-banner-card h2 {
  color: var(--lgreen);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.inner-banner-card p {
  color: var(--blue);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.inner-banner-card {
  border-right: 1px solid #d4d4d4;
  padding: 0 40px;
}
.inner-banner-card:first-child {
  padding-left: 0px;
}

.inner-banner-card:last-child {
  padding-right: 0px;
  border: none;
}
.they-tried .inner-banner-card {
  padding: 0 20px;
  flex: 1;
}
.they-tried .inner-banner-card:first-child {
  padding-left: 0px;
}

.they-tried .inner-banner-card:last-child {
  padding-right: 0px;
  border: none;
}
.case-study-challeges h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
}
.case-study-challeges p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 30px;
}
.case-study-list h3,
.case-study-list span {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.case-study-list h3 {
  min-width: 306px;
}
.case-study-challeges h4 {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-32);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 28px;
}
.case-study-list p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0px;
}
.case-study-list {
  display: flex;
  gap: 10px;
  align-items: start;
}
.case-study-main-inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 40px;
  padding-left: 30px;
  position: relative;
}
.case-study-main-inner::after {
  content: "";
  width: 4px;
  height: 100px;
  position: absolute;
  background-color: var(--lgreen);
  left: 0;
}
.case-study-main-inner::before {
  content: "";
  width: 4px;
  height: 300px;
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    to bottom,
    #d3d3d3 0 8px,
    transparent 8px 16px
  );
  border-radius: 10px;
  left: 0;
}
.client-feedback h3 {
  color: var(--lgreen);
  font-size: var(--font-28);
  font-style: italic;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 36px;
  padding-left: 28px;
  border-left: 3px solid #003366;
}
.client-info {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-left: 28px;
}
.client-info span {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.case-study-blue-box {
  border-radius: 30px;
  background: var(--blue);
  padding: 20px;
  margin: 60px 0;
}
.case-study-blue-box h2 {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
}
.case-study-blue-box p {
  color: var(--white);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.blue-box-grid {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.blue-box-card {
  border-radius: 15px;
  background: var(--white);
  padding: 20px;
  min-height: 200px;
  transition: all 0.5s linear;
}

.blue-box-card h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.blue-box-card ul {
  padding-left: 16px;
}
.blue-box-card p,
.blue-box-card li {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.implementation-card ul {
  padding-left: 16px;
}
.imple-journey-flex {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.implementation-card ul li {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.blue-box-card.active p,
.blue-box-card.active h3,
.blue-box-card.active li,
.implementation-card.active h3,
.implementation-card.active p,
.implementation-card.active li {
  color: var(--white);
}
.blue-box-card.active,
.blue-box-card:hover {
  background-color: var(--lgreen);
}
.blue-box-card:hover h3,
.blue-box-card:hover p {
  color: var(--white);
}
.implementation-main {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 40px;
}
.implementation-card {
  border-radius: 30px;
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  background: #f4f9ff;
  padding: 20px;
  display: flex;
  gap: 20px;
  align-items: start;
  transition: all 0.5s linear;
}
.implementation-card h3 {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-22);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  min-width: 360px;
}
.implementation-card p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
}
.implementation-card.active,
.implementation-card:hover {
  background-color: var(--blue);
}
.implementation-card:hover p,
.implementation-card:hover h3 {
  color: var(--white);
}
.implementation-header {
  margin-top: 20px;
}
.result-header {
  margin: 60px 0 40px;
}
.result-header p {
  margin-bottom: 20px;
}
.result-header h3 {
  color: var(--black);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 14px;
}
.result-header .metrics-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #cfcfcf;
}
.result-header th {
  background: #0a8f08;
  color: #fff;
  padding: 14px;
  text-align: left;
  font-weight: 700;
  border-right: 1px solid #0f6f0f;
}
.result-header td {
  padding: 12px 14px;
  border: 1px solid #cfcfcf;
  color: #222;
}
.result-header td.bold {
  font-weight: 700;
}
.result-header tr.highlight {
  background: #fff9db;
}
.result-header tr.soft-highlight {
  background: #f4f9ff;
}
.result-header .positive {
  color: #0a8f08;
  font-weight: 700;
}
.result-header .negative {
  color: #0a8f08;
  font-weight: 700;
}
.result-header .warning {
  color: #ff8c00;
  font-weight: 700;
}

.q-Benefits h2 {
  color: var(--black);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.q-Benefits p {
  margin-bottom: 14px;
}
.looking-forward {
  margin-top: 60px;
}
.looking-forward .implementation-main {
  margin-bottom: 20px;
}
.final-result-box {
  border-radius: 30px;
  background: var(--lgreen);
  padding: 50px 75px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-top: 60px;
}
.final-result-box h2 {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}
.final-result-box h3 {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}
.final-result-box p {
  color: var(--white);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.case-study-banner h1 {
  padding: 0 20px !important;
  font-size: var(--font-48);
  max-width: 80%;
  margin: 0 auto;
}
.banner-box .inner-banner-card h2 {
  color: var(--lgreen);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-36);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.banner-box .inner-banner-card p {
  color: var(--blue);
  text-align: center;
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.variance p:first-of-type {
  margin-bottom: 6px;
}
.case-study-main-inner p b {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.case-why-rev h4:first-of-type {
  margin-bottom: 6px;
}
.rgi-table table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}

.rgi-table th,
.rgi-table td {
  padding: 14px 16px;
  border: 1px solid #ddd;
  text-align: left;
}

.rgi-table thead th {
  background: #0aa000;
  color: #fff;
  font-weight: 600;
}

.rgi-table tbody td.highlight {
  background: #f3fbf3;
  color: #0aa000;
  font-weight: 600;
}
.three-box-grid {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 0;
}

/* Local CSS Start */

.hotel-table {
  border-collapse: collapse;
  width: 100%;
}

.hotel-table th {
  background-color: #0a8f08;
  color: #fff;
  font-weight: 600;
  padding: 14px 16px;
  border: 1px solid #cfcfcf;
}

.hotel-table td {
  padding: 14px 16px;
  border: 1px solid #cfcfcf;
  color: #000;
}
.hotel-table tbody tr:nth-child(even) {
  background-color: #f4f9fd;
}

.hotel-table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

.context {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 40px;
}
.context h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-40);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.context h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.market-interll h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.market-interll h2 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
}
.market-interll ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 20px;
  margin-bottom: 10px;
}

.market-interll ul li {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.market-interll span {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 40px;
  display: block;
}
.main-light-blue-box {
  background: #f4f9ff;
  padding: 20px;
}

.profile-cards {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background-color: var(--white);
}
.profile-cards.green-cards {
  background-color: var(--lgreen);
}
.profile-cards.green-cards h3,
.profile-cards.green-cards p {
  color: var(--white);
}
.profile-grid {
  display: flex;
  margin-bottom: 40px;
}
.profile-cards {
  flex: 1;
  border-right: 1px solid #e3e2e2;
}
.profile-cards:last-of-type {
  border: none;
}
.main-light-blue-box h2 {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-32);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.main-light-blue-box h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.main-light-blue-box h4 {
  color: var(--black);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
}
.main-light-blue-box h5 {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 10px;
}
.main-light-blue-box ul li {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.main-light-blue-box ul {
  padding-left: 20px;
  margin-bottom: 10px;
}
.ai-confidence h2 {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 10px;
}
.main-light-blue-box p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 10px;
}
.main-light-blue-box .implementation-card {
  background-color: var(--white);
}
.main-light-blue-box .implementation-card.active,
.main-light-blue-box .implementation-card:hover {
  background-color: var(--blue);
}
.main-light-blue-box .client-feedback {
  border-left: 3px solid #003366;
}
.main-light-blue-box .client-feedback h3 {
  border: none;
  color: var(--lgreen);
  font-size: var(--font-28);
  font-style: italic;
  font-weight: 700;
  line-height: 140%;
  margin-top: 25px;
  margin-bottom: 0;
}
.comparative-analysis h2 {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-32);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
}
.comparative-analysis {
}
.comparative-analysis h3 {
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-28);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
}

.comparative-analysis h4 {
  color: var(--black);
  font-family: var(--Poppins);
  font-size: var(--font-24);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
  margin-bottom: 10px;
}
.comparative-analysis p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 10px;
}
.comparative-analysis ul li {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.comparative-analysis ul {
  padding-left: 20px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.comparative-analysis span {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  display: block;
  margin-bottom: 24px;
}
.profile-cards p {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.profile-cards h3 {
  color: var(--lgreen);
  font-family: var(--Poppins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.scenario {
  display: none;
}

.scenario.active {
  display: block;
}

.profile-cards {
  cursor: pointer;
  transition: 0.3s;
}

.main-light-blue-box .implementation-card h3 {
  color: var(--lgreen) !important;
  font-size: var(--font-22) !important;
}
.main-light-blue-box .implementation-card.active h3 {
  color: var(--white) !important;
}
.header-doc {
  background: #f0f5ff;
  padding: 20px;
  height: 100%;
  max-height: 255px;
  height: 100%;
}
.header-doc h2 {
  color: var(--darkblack);
  font-family: var(--Poppins);
  font-size: var(--font-32);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 4px;
}
.documents-card h3 {
  color: var(--darkblack);
  font-family: var(--Poppins);
  font-size: var(--font-16);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.documents-card p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-14);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.documents-card {
  margin-bottom: 10px;
}
.secondary-card {
  margin-top: 30px;
}
.header-faq-common {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}
.header-faq-common p {
  flex: 1;
}
/* FAQ New Desing */
.faq-tabbing-main {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 30px;
  margin-top: 60px;
  position: relative;
}
.faq-tabbing-main .nav.nav-tabs {
  flex-direction: column;
  align-items: start;
  width: 100%;
}
.faq-tabbings {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
  width: 100%;
  position: sticky;
  top: 144px;
  height: fit-content;
}
.faq-tabbings h3 {
  font-weight: 600;
}
.faq-tabbings .nav-item {
  width: 100%;
}
.faq-tabbings button {
  width: 100%;
  text-align: start;
  padding: 0;
}
.faq-tabbings .nav-tabs .nav-link {
  padding: 20px 0;
  border: none;
  border-bottom: 1px solid #d2c2c2;
  margin-bottom: 1px;
  color: var(--blue);
  font-family: var(--Poppins);
  font-size: var(--font-20);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-color: transparent;
  transition: all 0.3s linear;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.faq-tabbings .nav-tabs .nav-link img {
  flex: none;
}
.faq-tabbings .nav-tabs .nav-link.active,
.faq-tabbings .nav-tabs .nav-link:hover {
  border: none;
  border-bottom: 1px solid #d2c2c2;
  color: var(--lgreen);
}
.faq-tabbings .nav-tabs .nav-link.active img,
.faq-tabbings .nav-tabs .nav-link:hover img {
  filter: invert(34%) sepia(97%) saturate(748%) hue-rotate(88deg)
    brightness(88%) contrast(95%);
}
.faq-tabbings .nav-tabs {
  border-bottom: none;
}
.faq-tabbing-main .accordion-body {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}
.custom-tabbing ol,
.custom-tabbing ul {
  margin-left: 30px;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.custom-table-wrapper {
  width: 100%;
}
.custom-table-wrapper table {
  margin-bottom: 0 !important;
}
.custom-table-wrapper .custom-table {
  background: #ffffff;
  font-family: Arial, sans-serif;
}

.custom-table-wrapper th,
.custom-table-wrapper td {
  border: 1px solid #ddd;
  padding: 12px 15px;
  min-width: 180px;
  text-align: left;
}

.custom-table-wrapper thead {
  background-color: var(--blue);
  color: #fff;
}

.custom-table-wrapper tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.custom-table-wrapper tbody tr:hover {
  background-color: #f1f1f1;
}
.custom-table-wrapper tbody tr td:first-child {
  font-weight: 700;
}
.resources-link {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d2d2d2;
}
.resources-link h2 {
  color: var(--darkblack);
  font-size: var(--font-32);
  font-style: normal;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1005;
}

.resources-link a h3 {
  color: var(--darkblack);
  font-family: var(--PoppCins);
  font-size: var(--font-18);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s linear;
}

.resources-link a p {
  color: var(--gray);
  font-family: var(--Poppins);
  font-size: var(--font-14);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s linear;
}
.resources-link a:hover h3 {
  color: var(--lgreen);
}
.social-media-main {
  margin-top: 30px;
}
.socialmedia ul {
  justify-content: start;
}
.compare-footer-links {
  margin-bottom: 30px;
}
.deskmenunew .navbar-nav {
  grid-gap: 12px;
}

.custom-blog-table table {
  border-collapse: collapse;
  text-align: center;
}
.custom-blog-table table td {
  border: 1px solid #dbdee3;
  padding: 8px;
}
.custom-blog-table table th {
  background-color: #1b2a4a;
  border: 1px solid white;
  color: white;
  padding: 8px;
}
.custom-blog-table table tr:nth-child(even) {
  background-color: #f3f4f6;
}
.custom-blog-table table tr th:first-child {
  text-align: start;
}
.custom-blog-table table tr td:first-child {
  text-align: start;
}

.game-cta {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9998;
  font-family: var(--Poppins);
}
.game-cta {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9998;
  font-family: var(--Poppins);
}

.game-cta a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  background: var(--lgreen);
  color: var(--white);
  border: none;
  border-radius: 50px;
  font-size: var(--font-18);
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35);
  transition: all 0.2s ease;
}

/* Hover effect moved from inline JS */
.game-cta a:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(37, 99, 235, 0.45);
}

/* Optional: icon styling */
.iconse img {
  width: 50px;
  margin-right: 20px;
}
.page-template-game .game-cta {
  display: none;
}
.custmogamecontainer{
  max-width: calc(100% - 100px);
  margin: 0 auto;
}