.rs-font-family {
  font-family: "DM Sans", sans-serif !important;
}

/* font-family: "DM Sans", sans-serif; */


:root {
  --reve-dark: #111926;
  --reve-text: #20222a;
  --reve-blue: #1470ef;
  --reve-card-border: #dff1fd;
  --reve-box-purple: #f4f4ff;
  --reve-box-blue: #d5eaff;
  --reve-white: #ffffff;

  --reve-dark: #161616;
  --reve-text: #232323;
  --reve-white: #ffffff;

  --reve-heading: #070707;
  --reve-body: #2f2f35;
  --reve-muted: #50535f;
  --reve-card-border: #d6e7fb;
  --reve-bg-left: #edf7ff;
  --reve-bg-right: #f2efff;
  --reve-blue: #0d8df2;
  --reve-blue-deep: #1575f7;
  --reve-purple: #8757f3;
  --reve-gradient: linear-gradient(90deg, #8a5af5 0%, #4d83ef 46%, #0b89e8 100%);


  --reve-text: #3c4654;
  --reve-accent: #006fca;
  --reve-pill: #eef1ff;
  --reve-pill-border: rgba(183, 201, 236, 0.32);

  --reve-tech-dark: #202124;
  --reve-tech-black: #090909;
  --reve-tech-body: #292b31;
  --reve-tech-card: #ffffff;
  --reve-tech-blue: #0d82cf;
  --reve-tech-dot: #8ac7ff;
  --reve-tech-bg-left: #edf6ff;
  --reve-tech-bg-right: #f1efff;

  --reve-ha-dark: #222222;
  --reve-ha-card-bg: #24295E;
  --reve-ha-white: #ffffff;
  --reve-ha-blue: #007dd9;
  --reve-ha-blue-border: #008eff;
  --reve-ha-bg-left: #f4f5fb;
  --reve-ha-bg-right: #eaf7ff;

  --reve-hep-heading: #202124;
  --reve-hep-card-title: #1b2436;
  --reve-hep-section-left: #f4f5fb;
  --reve-hep-section-right: #edf0ff;
  --reve-hep-card-lilac: #e8ebff;
  --reve-hep-card-blue: #e5f2ff;
  --reve-hep-panel-lilac: #cfd0ff;
  --reve-hep-panel-blue: #c5e2ff;
  --reve-hep-bullet: #5ea8f6;
  --reve-hep-bullet-active: #0f7dda;

  --reve-hb-black: #000000;
  --reve-hb-title: #09162f;
  --reve-hb-text: #111111;
  --reve-hb-card-radius: 14px;
  --reve-hb-card-shadow: 0 16px 28px rgba(255, 255, 255, 0.02);


  --reve-ht-dark: #111927;
  --reve-ht-gradient-start: #8a5af6;
  --reve-ht-gradient-end: #007cc3;
  --reve-ht-white: #ffffff;


  /*  Products  page start */
  --reve-ap-heading: #151b27;
  --reve-ap-body: #3b4453;
  --reve-ap-link: #0a84df;
  --reve-ap-bg: #ffffff;
  /*  Products  page end */

  /* SMS Platform Start */
  --reve-sms-section2-bg: #f7f7f8;
  --reve-sms-section2-heading: #0d0d10;
  --reve-sms-section2-body: #3a4049;
  --reve-sms-deploy-section-bg: #f7f8fb;
  --reve-sms-deploy-heading: #151c2b;
  --reve-sms-deploy-card-bg: #ffffff;
  --reve-sms-deploy-card-text: #394152;

  --reve-amf-bg: #f7f8fb;
  --reve-amf-heading: #182132;
  --reve-amf-body: #3b4350;
  --reve-amf-card-border: #d9dce4;
  --reve-amf-card-bg: rgba(255, 255, 255, 0.58);
  --reve-smss-section-bg: #f7f8fb;
  --reve-smss-heading: #151c2b;
  --reve-smss-body: #303746;
  --reve-smss-card-bg: #ffffff;
  --reve-smss-card-text: #394152;
  /* SMS Platform End */


  /* iTel Switch - Class 5  start */
  --reve-itelclass5-heading: #121a29;
  --reve-itelclass5-body: #2f3746;
  --reve-itelclass5-muted: #6d6f73;
  --reve-itelclass5-card-border: #d2d2d4;
  --reve-itelclass5-white: #ffffff;
  --reve-itelclass5-shadow: 0 23px 36px rgba(50, 65, 99, 0.08);
  --reve-itelclass5-purple: #9477ff;
  --reve-itelclass5-blue: #34a7ff;
  --reve-itelclass5hf-bg: #f7f8fb;
  --reve-itelclass5hf-heading: #162030;
  --reve-itelclass5hf-body: #48505e;
  --reve-itelclass5hf-card-border: #d9dce4;
  --reve-itelclass5hf-card-bg: rgba(255, 255, 255, 0.58);
  --reve-itelclass5hf-card-shadow: 0 18px 34px rgba(116, 137, 178, 0.08);

  --reve-itelclass5ism-bg: #f7f8fb;
  --reve-itelclass5ism-heading: #151515;
  --reve-itelclass5ism-body: #424953;
  --reve-itelclass5ism-card-bg: #ffffff;
  --reve-itelclass5ism-card-shadow: 0 18px 34px rgba(116, 137, 178, 0.08);
  /* iTel Switch - Class 5  end  */
  /* reve SBC   start  */
  --reve-revesbc-bg: #f8f9fb;
  --reve-revesbc-heading: #080808;
  --reve-revesbc-body: #1e2532;
  --reve-revesbc-text: #202633;
  --reve-revesbc-border: rgba(196, 201, 211, 0.55);
  --reve-reveSBCg-section-bg: #f7f8fb;
  --reve-reveSBCg-heading: #182131;
  --reve-reveSBCg-body: #4a5260;
  --reve-reveSBCg-card-text: #192231;
  --reve-reveSBCg-card-bg-a: rgba(237, 228, 255, 0.82);
  --reve-reveSBCg-card-bg-b: rgba(220, 239, 255, 0.84);
  --reve-reveSBCg-card-border: rgba(216, 220, 230, 0.76);
  --reve-reveSBCg-card-shadow: 0 18px 34px rgba(116, 137, 178, 0.08);

  --reve-reve2Grid-bg: #f8f9fb;
  --reve-reve2Grid-heading: #111927;
  --reve-reve2Grid-body: #3d4553;
  --reve-reve2Grid-muted: #4b5360;
  --reve-reve2Grid-divider: rgba(193, 199, 210, 0.48);

  /* reve SBC   end  */



  --cta-title: #101827;
  --cta-bg-left: #edf4fe;
  --cta-bg-mid: #eef3fd;
  --cta-bg-right: #f5f7fd;
  --cta-btn-left: #805bf4;
  --cta-btn-mid: #3d71ec;
  --cta-btn-right: #0183c5;
  --footer-bg: #0b0a10;
  --footer-text: #ebecf1;
  --footer-heading: #a8a6ad;
  --footer-muted: #9DA4AE;
  --footer-line: #35343a;
  --footer-icon-bg: #17161b;
  --footer-icon-border: #2a2930;
  --reve-blue: #1570EF;
}



body {
  margin: 0;
  background: var(--footer-bg);
  font-family: "DM Sans", sans-serif;

  color: var(--reve-body);
  background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: "DM Sans", sans-serif;
  color: var(--reve-heading);
}

/* Home  page  start */

.sms-hero-section {
  width: 100%;
  background: transparent;
  /* padding: 14% 0; */
  font-family: "DM Sans", sans-serif;
  color: var(--reve-ht-dark);
}

.sms-hero-content {
  max-width: 683px;
  min-height: 945px;
  background: transparent;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}

.sms-hero-title {
  margin: 0 0 24px;
  max-width: 680px;
  font-family: "DM Sans", sans-serif;
  font-size: 60px;
  line-height: 72px;
  font-weight: 700;
  color: var(--reve-ht-dark);
}
.sms-hero-text p{
  padding-right: 40px;
}
.fw-bolder-subt{
  font-weight: 600;
  color: var(--Gray-neutral-800, #1F2A37);
 font-family: "DM Sans", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 28px */
}
.sms-hero-text {
  margin: 0 0 50px;
  max-width: 662px;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: -0.025em;
  color: var(--reve-ht-dark);
}
.sms-hero-text .fw-bolder{
  font-size: 20px;
}
.free-demo-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 198px;
  width: max-content;
  height: 51px;
  padding: 0 19px 0 55px;
  border: 0;
  border-radius: 6px;
  overflow: hidden;
  background: linear-gradient(90deg, var(--reve-ht-gradient-start) 0%, var(--reve-ht-gradient-end) 100%);
  color: var(--reve-white);
 font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  text-decoration: none;
  box-shadow: none;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.free-demo-btn:hover,
.free-demo-btn:focus {
  color: var(--reve-white);
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(0, 124, 195, 0.22);
}

.free-demo-btn .arrow-box {
  position: absolute;
  left: 12px;
  top: 50%;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: var(--reve-ht-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  transition: left 0.34s ease;
  z-index: 2;
}

.free-demo-btn .arrow-box svg {
  width: 22px;
  height: 22px;
  display: block;
  stroke: #111111;
}

.free-demo-btn .btn-text {
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.34s ease;
}

.free-demo-btn:hover .arrow-box,
.free-demo-btn:focus .arrow-box {
  left: calc(100% - 48px);
}

.free-demo-btn:hover .btn-text,
.free-demo-btn:focus .btn-text {
  transform: translateX(-34px);
}

@media (max-width: 991.98px) {
  .sms-hero-title {
    font-size: 48px;
    line-height: 1.25;
  }

  .sms-hero-text {
    font-size: 18px;
    margin-bottom: 42px;
  }
}

@media (max-width: 767.98px) {
  .sms-hero-title {
    font-size: 38px;
    line-height: 1.22;
    margin-bottom: 24px;
    letter-spacing: -0.045em;
  }

  .sms-hero-text {
    font-size: 16px;
    line-height: 1.55;
    margin-bottom: 12px;
  }
}

@media (max-width: 420px) {
  .sms-hero-title {
    font-size: 32px;
  }

  .free-demo-btn {
    min-width: 190px;
    height: 50px;
    font-size: 15px;
  }
}


.reve-solutions-section {
  width: 100%;
  padding: 50px 0 50px;
  overflow: hidden;
  background:
    radial-gradient(circle at 0% 8%, rgba(201, 207, 255, 0.72) 0%, rgba(232, 235, 255, 0.62) 17%, rgba(255, 255, 255, 0) 36%),
    radial-gradient(circle at 100% 10%, rgba(207, 235, 255, 0.76) 0%, rgba(237, 248, 255, 0.48) 19%, rgba(255, 255, 255, 0) 38%),
    linear-gradient(90deg, #f8faff 0%, #ffffff 34%, #ffffff 66%, #f8fcff 100%);
}

.reve-solutions-container {
  max-width: 1320px;
  margin: 0 auto;
}

.reve-solutions-header {
  max-width: 860px;
  margin: 0 auto 31px;
  text-align: center;
}

.reve-solutions-title {
  margin: 0 0 16px;
   font-family: "DM Sans", sans-serif;
  font-size: 40px;
  line-height: 1.24;
  font-weight: 700;
  letter-spacing: -0.035em;
  color: var(--reve-ht-dark);
}

.reve-solutions-title .text-blue {
  color: var(--reve-blue);
}

.reve-solutions-subtitle {
  max-width: 800px;
  margin: 0 auto;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 1.28;
  font-weight: 400;
  letter-spacing: -0.018em;
  color: #1d1d1d;
}

.reve-solutions-row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
}

.solution-card {
  position: relative;
  height: 310px;
  padding: 19px;
  border: 1px solid var(--reve-card-border);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.48);
  transition: border-color 0.28s ease, box-shadow 0.28s ease, background 0.28s ease, transform 0.28s ease;
}

.solution-card.is-active,
.solution-card:hover {
  border-color: transparent;
  background: var(--reve-white);
  box-shadow: 0 21px 43px rgba(15, 23, 42, 0.13);
  transform: translateY(-2px);
}

.solution-card-inner {
  width: 100%;
  height: 100%;
  min-height: 270px;
  border-radius: 9px;
  background: var(--reve-box-purple);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 28px 10px 26px;
  transition: background 0.28s ease;
}

.solution-card.is-active .solution-card-inner,
.solution-card:hover .solution-card-inner {
  background: var(--reve-box-blue);
}

.solution-icon-wrap {
  height: 95px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 0 0 4px;
}

.solution-icon {
  display: block;
  width: auto;
  height: auto;
  max-width: 96px;
  max-height: 86px;
  object-fit: contain;
}

.solution-card h3 {
  margin: 0 0 11px;
 font-family: "DM Sans", sans-serif;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--reve-dark);
}

.solution-card p {
  max-width: 252px;
  margin: 0 auto;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 1.29;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #1F2A37;
}

@media (max-width: 1399.98px) {
  .reve-solutions-container {
    max-width: 1140px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .solution-card h3 {
    font-size: 22px;
  }

  .solution-card p {
    font-size: 16px;
  }
}

@media (max-width: 1199.98px) {
  .reve-solutions-section {
    min-height: auto;
    padding: 86px 0 80px;
  }

  .reve-solutions-container {
    max-width: 960px;
  }
}

@media (max-width: 991.98px) {
  .reve-solutions-container {
    max-width: 720px;
  }

  .reve-solutions-title {
    font-size: 34px;
  }

  .reve-solutions-subtitle {
    font-size: 16px;
  }

  .solution-card {
    height: 300px;
  }
}

@media (max-width: 767.98px) {
  .reve-solutions-section {
    padding: 64px 0;
  }

  .reve-solutions-container {
    max-width: 540px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .reve-solutions-header {
    margin-bottom: 28px;
  }

  .reve-solutions-title {
    font-size: 30px;
    line-height: 1.22;
  }

  .reve-solutions-subtitle {
    font-size: 14px;
    line-height: 1.5;
  }

  .solution-card {
    height: auto;
    padding: 16px;
  }

  .solution-card-inner {
    min-height: 250px;
    padding: 26px 16px;
  }
}

@media (max-width: 420px) {
  .reve-solutions-title {
    font-size: 27px;
  }

  .solution-card h3 {
    font-size: 21px;
  }
}


.journey-section {
  width: 100%;
  min-height: 417px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 9% 8%, rgba(224, 242, 255, .96) 0%, rgba(224, 242, 255, .55) 19%, rgba(255, 255, 255, 0) 38%),
    radial-gradient(circle at 93% 12%, rgba(238, 235, 255, .94) 0%, rgba(238, 235, 255, .50) 20%, rgba(255, 255, 255, 0) 42%),
    linear-gradient(90deg, #f7fcff 0%, #ffffff 38%, #ffffff 63%, #faf9ff 100%);
  padding: 50px 0;
}

.journey-container {
  max-width: 1188px;
}

.journey-row {
  align-items: center;
  justify-content: space-between;
  --bs-gutter-x: 0;
}

.stats-card {
  width: 100%;
  max-width: 510px;
  min-height: 317px;
  border-radius: 14px;
  padding: 56px 64px 50px 64px;
  color: #ffffff;
  overflow: hidden;
  position: relative;
  background:
    radial-gradient(circle at 71% 18%, rgba(109, 114, 238, .72) 0%, rgba(109, 114, 238, .38) 15%, rgba(109, 114, 238, 0) 33%),
    radial-gradient(circle at 52% 62%, rgba(31, 188, 219, .78) 0%, rgba(31, 188, 219, .42) 17%, rgba(31, 188, 219, 0) 38%),
    linear-gradient(136deg, #5ca6db 0%, #198eca 45%, #59a4df 100%);
  box-shadow: none;
}

.stats-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 51% 44%, rgba(0, 78, 168, .18) 0%, rgba(0, 78, 168, 0) 32%),
    linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}

.stats-content {
  position: relative;
  z-index: 1;
}

.stats-number {
 font-family: "DM Sans", sans-serif;
  margin: 0;
  color: #ffffff;
  font-size: 48px;
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -1.7px;
}

.stats-desc {
  max-width: 358px;
  margin: 18px 0 12px;
  font-size: 18px;
  line-height: 1.48;
  font-weight: 400;
  color: rgba(255, 255, 255, .96);
}

.stats-divider {
  width: 183px;
  height: 2px;
  background: rgba(255, 255, 255, .93);
  margin: 10px 0 13px;
  border-radius: 999px;
}

.journey-copy {
  max-width: 570px;
  padding-left: 0;
}

.journey-title {
 font-family: "DM Sans", sans-serif;
  margin: 0 0 20px;
  max-width: 450px;
  color: #191919;
  font-size: 40px;
  line-height: 1.32;
  font-weight: 700;
}

.journey-text {
  margin: 0;
  max-width: 560px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  color: #191919;
}

@media (min-width:1200px) {
  .journey-card-col {
    flex: 0 0 510px;
    max-width: 510px;
  }

  .journey-text-col {
    flex: 0 0 570px;
    max-width: 570px;
  }
}

@media (max-width:1199.98px) {
  .journey-container {
    max-width: 960px;
  }

  .stats-card {
    max-width: 470px;
    padding: 48px 46px;
  }

  .stats-number {
    font-size: 44px;
  }

  .stats-desc,
  .journey-text {
    font-size: 18px;
  }

  .journey-title {
    font-size: 38px;
  }

  .journey-copy {
    padding-left: 35px;
  }
}

@media (max-width:991.98px) {
  .journey-section {
    min-height: auto;
    padding: 70px 0;
  }

  .journey-container {
    max-width: 720px;
  }

  .journey-row {
    gap: 42px;
  }

  .stats-card {
    margin: 0 auto;
  }

  .journey-copy {
    padding-left: 0;
    margin: 0 auto;
    text-align: center;
  }

  .journey-title,
  .journey-text {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width:575.98px) {
  .journey-section {
    padding: 48px 0;
  }

  .stats-card {
    max-width: 100%;
    min-height: auto;
    border-radius: 14px;
    padding: 38px 28px 40px;
  }

  .stats-number {
    font-size: 38px;
    letter-spacing: -1.2px;
  }

  .stats-desc {
    font-size: 17px;
    line-height: 1.5;
  }

  .stats-divider {
    width: 150px;
  }

  .journey-title {
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -1.6px;
  }

  .journey-text {
    font-size: 17px;
    line-height: 1.55;
  }
}

.reve-products-trusted {
  position: relative;
  width: calc(100% - 46px);
  margin: 0px auto 24px auto;
  overflow: hidden;
 background-image: url(https://www.revesoft.com/cdn/assets/images/everything-bg.png);
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 border-radius: 0px 0px 16px 16px;
  padding: 50px 0 50px;
}

.reve-products-container {

  margin: 0 auto;
  padding: 0 0px;
  position: relative;
  z-index: 2;
}

.section-title-wrap {
  text-align: center;
  max-width: 740px;
  margin: 0 auto 30px;
}

.section-title {
  margin: 0 0 12px;
  font-size: 40px;
  line-height: 1.15;
  font-weight: 700;
  color: #000;
}

.section-subtitle {
  margin: 0 auto;
  max-width: 720px;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 400;
  color: #000;
}

.product-grid {
  --bs-gutter-y: 24px;
  margin-bottom: 36px;
}

.product-card {
  position: relative;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--reve-card-border);
  border-radius: 14px;
  padding: 24px 34px;
  min-height: 190px;
  height: 100%;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
  overflow: hidden;
}

.product-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background: var(--reve-gradient);
  opacity: 0;
  transition: opacity .28s ease;
}

.product-card.is-active,
.product-card:hover {
  transform: translateY(-2px);
  background: #fff;
  box-shadow: 0 18px 34px rgba(17, 32, 62, 0.10);
  border-color: rgba(119, 171, 246, 0.26);
}
.product-card:hover .product-link svg path {
    fill: #1575f7;
}

.product-card.is-active::before,
.product-card:hover::before {
  opacity: 1;
}

.product-head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 7px;
}

.product-icon {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
}

.product-icon svg {
  width: 22px;
  height: 22px;
  display: block;
}

.icon-sms {
  background: #d8effc;
}

.icon-softswitch {
  background: #efe4ff;
}

.icon-sbc {
  background: #ffe8df;
}

.icon-cloud {
  background: #def7e5;
}

.product-title {
  margin: 0;
  font-size: 24px;
  line-height: 1.28;
  font-weight: 800;
  letter-spacing: -0.028em;
  color: #1F2A37;
}

.product-desc {
  margin: 0 0 24px;
  font-size: 16px;
  line-height: 1.28;
  font-weight: 400;
  color: #1F2A37;
}

.product-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
 font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #1F2A37;
  text-decoration: none;
  transition: color .25s ease;
}

.product-link .arrow,
.all-products-btn .arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: transform .25s ease;
}

.product-card.is-active .product-link,
.product-card:hover .product-link {
  color: var(--reve-blue-deep);
}

.product-card:hover .product-link .arrow,
.product-card.is-active .product-link .arrow,
.all-products-btn:hover .arrow {
  transform: translateX(4px);
}

.all-products-wrap {
  text-align: center;
  margin-bottom: 100px;
}

.all-products-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  min-width: 156px;
  height: 48px;
  border-radius: 4px;
 font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  background: var(--reve-gradient);
  box-shadow: 0 12px 22px rgba(62, 116, 243, 0.24);
}

.trusted-section {
  position: relative;
}

.trusted-title {
  text-align: center;
  margin: 0 0 50px;
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
  color: #000;
}

.trusted-carousel-wrap {
  position: relative;
  padding: 0 0px 0 0;
}
.trusted-carousel-wrap::before,
.trusted-carousel-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    width: 80px; /* Adjust as needed */
    height: 100%;
    pointer-events: none;
    z-index: 2;
}

.trusted-carousel-wrap::before {
    left: 0;
    background: linear-gradient(to right, #F5F7FB 0%, rgba(245, 247, 251, 0) 100%);
}

.trusted-carousel-wrap::after {
    right: 0;
    background: linear-gradient(to left, #F5F7FB 0%, rgba(245, 247, 251, 0) 100%);
}
.trusted-swiper {
  overflow: hidden;
}

.trusted-card {
  min-height: 120px;
  max-width: 292px;
  border-radius: 6px;
  border: 1px solid rgba(10, 19, 34, 0.08);
  background: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 10px 10px 8px;
}
.trusted-swiper-animate .swiper-slide{
 max-width: 292px;
}
.trusted-swiper-animate .swiper-wrapper{
gap: 20px
}

.trusted-swiper-animate .swiper-wrapper.paused {
    animation-play-state: paused;
}
.trusted-swiper-animate {
    overflow: hidden;
}

.trusted-swiper-animate .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
    animation: marquee1 40s linear infinite;
}

.trusted-swiper-animate .swiper-slide {
    flex-shrink: 0;
}

/* @keyframes marquee1{
    from{
        transform:translate3d(0,0,0);
    }
    to{
        transform:translate3d(calc(var(--distance) * -1),0,0);
    }
} */
 @keyframes marquee1 {
    0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
 }
 /* .trusted-swiper-animate .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    will-change: transform;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    animation: marquee1 40s linear infinite;
}

.trusted-swiper-animate .swiper-wrapper.paused {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

.trusted-swiper-animate .swiper-slide {
    flex-shrink: 0;
}

@keyframes marquee1 {
    from {
        transform: translate3d(0,0,0);
    }
    to {
        transform: translate3d(var(--distance-negative),0,0);
    }
} */
.trusted-logo {
 font-family: "DM Sans", sans-serif;
  font-weight: 800;
  line-height: 1.05;
  margin: 0 0 6px;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.trusted-meta {
  margin: 0;
  padding: 8px 0px 0px 0px;
  font-size: 16px;
  line-height: 1.18;
  color: #1D1D1D;
}

.logo-chs {
  font-size: 8.6px;
  color: #06833e;
  text-transform: uppercase;
}

.logo-btcl {
  font-size: 12px;
  color: #008c45;
  font-style: italic;
}


.logo-getac {
  font-size: 13px;
  color: #ef5a2a;
  font-style: italic;
}

.logo-slide-placeholder {
  font-size: 12px;
  color: #5c6472;
}

.trusted-next {
  position: absolute;
  right: 0;
  top: -37px;
  width: 38px;
  height: 38px;
  margin-top: -15px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(13, 24, 40, 0.07);
  box-shadow: 0 10px 18px rgba(17, 24, 39, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #171a21;
  cursor: pointer;
  z-index: 4;
  transition: transform .25s ease, box-shadow .25s ease;
}

.trusted-next:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(17, 24, 39, 0.12);
}

.trusted-next.active::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #161a22;
  margin-left: 2px;
}
.trusted-next.active::before {
 display: none;
}
.trusted-next::before {
  content: "";
     opacity: 1;
    transform: scale(1);
    width: 8px;
    height: 10px;
    border-right: 3px solid #161a22;
    border-left: 3px solid #161a22;
}

.swiper-button-disabled {
  opacity: .38;
  pointer-events: none;
}

@media (max-width: 1199.98px) {
  .reve-products-container {
    max-width: 990px;
  }
}

@media (max-width: 991.98px) {
  .reve-products-trusted {
    padding: 56px 0 60px;
  }

  .section-title {
    font-size: 26px;
  }

  .trusted-title {
    font-size: 28px;
  }

  .all-products-wrap {
    margin-bottom: 58px;
  }
}

@media (max-width: 767.98px) {
  .reve-products-trusted {
    padding: 46px 0 56px;
  }

  .reve-products-container {
    padding: 0 16px;
  }

  .section-title {
    font-size: 24px;
  }

  .section-subtitle {
    font-size: 15px;
    line-height: 1.55;
  }

  .product-card {
    min-height: auto;
    padding: 18px 18px 17px;
  }

  .product-head {
    gap: 14px;
  }

  .product-title {
    font-size: 17px;
  }

  .product-desc {
    font-size: 14px;
  }

  .all-products-wrap {
    margin-bottom: 52px;
  }

  .trusted-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
.trusted-swiper-animate .swiper-slide, .trusted-card {
  max-width: 224px;
}
  .trusted-next {
    width: 28px;
    height: 28px;
    margin-top: -14px;
  }
}

@media (max-width: 479.98px) {
  .section-title {
    font-size: 22px;
  }

  .product-title {
    font-size: 16px;
  }

  .trusted-title {
    font-size: 22px;
  }


  .trusted-meta {
    font-size: 11px;
  }
}


.reve-outsourcing-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 0% 6%, rgba(221, 226, 255, 0.98) 0%, rgba(233, 237, 255, 0.72) 20%, rgba(255, 255, 255, 0) 48%),
    radial-gradient(circle at 48% 54%, rgba(221, 243, 255, 0.92) 0%, rgba(239, 248, 255, 0.56) 16%, rgba(255, 255, 255, 0) 39%),
    radial-gradient(circle at 100% 0%, rgba(193, 223, 255, 0.95) 0%, rgba(221, 236, 255, 0.65) 18%, rgba(255, 255, 255, 0) 43%),
    radial-gradient(circle at 58% 82%, rgba(225, 220, 255, 0.82) 0%, rgba(239, 236, 255, 0.52) 18%, rgba(255, 255, 255, 0) 42%),
    linear-gradient(90deg, #f8f8fc 0%, #ffffff 48%, #f7fbff 100%);
  padding: 50px 0 50px;
}

.reve-container {
  max-width: 1320px;
  margin: 0 auto 20px auto;
  position: relative;
  z-index: 2;
}

.hero-grid {
  align-items: center;
  --bs-gutter-x: 48px;
  margin-bottom: 76px;
}

.hero-copy {
  max-width: 528px;
}

.eyebrow {
  display: inline-block;
  margin: 0 0 18px;
 font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  color: #0071B9;
  letter-spacing: -0.015em;
}

.hero-title {
  max-width: 520px;
  margin: 0 0 24px;
  font-size: 40px;
  line-height: 1.14;
  font-weight: 700;
}

.hero-text {
  max-width: 510px;
  margin: 0 0 30px;
  font-size: 16px;
  line-height: 1.56;
  font-weight: 400;
  color: #1F2A37;
}

.hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 43px;
  padding: 10px 14px 10px 14px;
  border-radius: 4px;
  background: var(--reve-gradient);
  color: #ffffff;
  text-decoration: none;
 font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  box-shadow: 0 14px 24px rgba(84, 121, 239, 0.18);
  transition: transform .25s ease, box-shadow .25s ease;
}

.hero-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 28px rgba(84, 121, 239, 0.24);
  color: #ffffff;
}

.hero-btn .arrow {
  font-size: 20px;
  line-height: 1;
  transform: translateY(-1px);
  transition: transform .25s ease;
}

.hero-btn:hover .arrow {
  transform: translate(4px, -1px);
}

.collage-wrap {
  position: relative;
  min-height: 470px;
  padding-right: 20px;
}

.photo-card {
  position: absolute;
  overflow: hidden;
  border-radius: 18px;
  border: 4px solid rgba(255, 255, 255, 0.78);
  box-shadow: 0 12px 30px rgba(45, 70, 119, 0.08);
  background: rgba(255, 255, 255, .78);
}

.photo-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.photo-main {
  right: 136px;
  top: 0;
  width: 572px;
  height: 376px;
}

.photo-secondary {
  right: 0;
  bottom: 0;
  width: 360px;
  height: 272px;
  z-index: 3;
}

.video-mini {
  position: absolute;
  right: 18px;
  top: 6px;
  width: 150px;
  height: 115px;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.40);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow: 0 10px 18px rgba(31, 43, 69, 0.12);
  z-index: 4;
}

.video-mini::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}

.call-controls {
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 5;
}

.call-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(41, 50, 66, 0.08);
}

.call-dot.end {
  background: #ff4949;
  border-color: rgba(255, 73, 73, 0.1);
}

.service-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 28px;
  justify-content: center;
  align-items: stretch;
}

.service-chip {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  height: 56px;
  padding: 0 18px 0 16px;
  border-radius: 4px;
  background: rgba(237, 241, 255, 0.78);
  border: 1px solid var(--reve-pill-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
  color: #2f3947;
 font-family: "DM Sans", sans-serif;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.015em;
  white-space: nowrap;
  transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.service-chip:hover {
  transform: translateY(-1px);
  background: rgba(237, 244, 255, 0.98);
  box-shadow: 0 10px 20px rgba(74, 98, 149, 0.08);
}

.service-icon {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #353f4a;
}

.service-icon svg {
  width: 26px;
  height: 26px;
  display: block;
}

.w-314 {
  width: 314px;
}

.w-309 {
  width: 309px;
}

.w-257 {
  width: 257px;
}

.w-333 {
  width: 333px;
}

.w-203 {
  width: 203px;
}

.w-297 {
  width: 297px;
}

.w-267 {
  width: 267px;
}

.w-202 {
  width: 202px;
}

.w-270 {
  width: 270px;
}

@media (max-width: 1399.98px) {
  .hero-title {
    font-size: 52px;
  }

  .photo-main {
    width: 520px;
    height: 342px;
    right: 110px;
  }

  .photo-secondary {
    width: 330px;
    height: 250px;
  }

  .video-mini {
    width: 140px;
    height: 108px;
  }
}

@media (max-width: 1199.98px) {
  .reve-outsourcing-section {
    padding: 48px 0 42px;
  }

  .hero-grid {
    --bs-gutter-x: 28px;
    margin-bottom: 64px;
  }

  .hero-copy {
    padding-left: 0;
  }

  .hero-title {
    font-size: 44px;
    max-width: 470px;
  }

  .hero-text {
    font-size: 17px;
    max-width: 440px;
  }

  .collage-wrap {
    min-height: 430px;
  }

  .photo-main {
    width: 468px;
    height: 308px;
    right: 92px;
  }

  .photo-secondary {
    width: 300px;
    height: 226px;
  }

  .video-mini {
    width: 126px;
    height: 98px;
    right: 14px;
    top: 8px;
  }

  .service-chip {
    width: auto;
    min-width: 245px;
    justify-content: flex-start;
  }

  .w-314,
  .w-309,
  .w-257,
  .w-333,
  .w-203,
  .w-297,
  .w-267,
  .w-202,
  .w-270 {
    width: auto;
  }
}

@media (max-width: 991.98px) {
  .hero-grid {
    margin-bottom: 48px;
  }

  .hero-copy {
    text-align: center;
    margin: 0 auto 24px;
  }

  .hero-title,
  .hero-text {
    max-width: 100%;
  }

  .collage-wrap {
    max-width: 640px;
    min-height: 460px;
    margin: 0 auto;
    padding-right: 0;
  }

  .photo-main {
    left: 0;
    right: auto;
    width: 470px;
    height: 308px;
  }

  .photo-secondary {
    right: 0;
    width: 315px;
    height: 236px;
  }
}

@media (max-width: 767.98px) {
  .reve-outsourcing-section {
    padding: 40px 0 36px;
  }

  .eyebrow {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .hero-title {
    font-size: 36px;
    margin-bottom: 18px;
  }

  .hero-text {
    font-size: 16px;
    margin-bottom: 24px;
  }

  .hero-grid {
    margin-bottom: 42px;
  }

  .collage-wrap {
    min-height: auto;
    display: grid;
    gap: 16px;
  }

  .photo-card {
    position: relative;
    border-width: 3px;
  }

  .photo-main,
  .photo-secondary {
    width: 100%;
    height: auto;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
  }

  .photo-main img,
  .photo-secondary img {
    aspect-ratio: 16 / 10;
  }

  .video-mini {
    width: 132px;
    height: 102px;
    right: 12px;
    top: 12px;
  }

  .service-row {
    gap: 12px;
  }

  .service-chip {
    width: 100%;
    min-width: 190px;
    height: auto;
    min-height: 54px;
  padding: 14px;
    white-space: normal;
  }
}

@media (max-width: 479.98px) {
  .hero-title {
    font-size: 31px;
    line-height: 1.18;
  }

  .hero-btn {
    font-size: 15px;
  }

  .service-chip {
    font-size: 14px!important;
    gap: 12px;
  }
  .service-chip p{
    font-size: 14px!important;
  }

  .service-icon {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }

  .service-icon svg {
    width: 24px;
    height: 24px;
  }
}


.technology-partnership-section h1,
.technology-partnership-section h2,
.technology-partnership-section h3,
.technology-partnership-section h4,
.technology-partnership-section h5,
.technology-partnership-section h6 {
  margin: 0;
 font-family: "DM Sans", sans-serif;
  color: var(--reve-tech-dark);
}



.technology-partnership-section {
  width: 100%;
  min-height: 546px;
  overflow: hidden;
  padding: 50px 0 48px;
 position: relative;
}
.technology-partnership-section::before{
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.revesoft.com/cdn/assets/images/home-bg-sec.png) no-repeat center center;
    background-size: cover;
    z-index: -1;
}
.technology-container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0;
}

.technology-header {
  text-align: center;
  max-width: 950px;
  margin: 0 auto 33px;
}

.technology-title {
  font-size: 40px;
  line-height: 1.18;
  font-weight: 700;
  color: #1d1d1d;
  margin: 0 0 14px;
}

.technology-subtitle {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 400;
  color: #1d1d1d;
}

.partner-row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
  justify-content: center;
}

.partner-card {
  width: 100%;
  min-height: 274px;
  background: var(--reve-tech-card);
  border: 0;
  border-radius: 11px;
  padding: 24px 24px 25px;
  overflow: hidden;
  box-shadow: none;
  transition: transform .28s ease, box-shadow .28s ease;
}

.partner-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 36px rgba(39, 63, 110, 0.10);
}

.partner-logo-panel {
  width: 100%;
  height: 130px;
  margin: 0 0 26px;
  overflow: hidden;
  background: #eef7fd;
}

.partner-logo-panel img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.partner-name {
  margin: 0 0 14px;
  font-size: 24px;
  line-height: 1.18;
  font-weight: 600;
  color: #000 !important;
}

.partner-type {
  margin: 0;
  font-size: 18px;
  line-height: 1.32;
  font-weight: 400;
  color: #3d3d3d;
  margin-top: 10px;
}

.partner-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 40px;
  height: 16px;
}

.partner-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1.4px solid var(--reve-tech-dot);
  background: transparent;
  display: inline-block;
}

.partner-dot.active {
  border-color: var(--reve-tech-blue);
  background: var(--reve-tech-blue);
}

.technology-partner-swiper {
  width: 100%;
  overflow: hidden;
}

.technology-partner-swiper .swiper-slide {
  height: auto;
}

.technology-partner-swiper .partner-card {
  height: 100%;
}

.partner-dots.swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 40px;
  height: 16px;
  line-height: 0;
}

.partner-dots.swiper-pagination .swiper-pagination-bullet, #carouselExampleIndicators .carousel-indicators [data-bs-target] {
  width: 15px;
  height: 15px;
  margin: 0;
  border-radius: 50%;
  border: 1.4px solid var(--reve-tech-dot);
  background: transparent;
  opacity: 1;
}
#carouselExampleIndicators .carousel-indicators{
  gap: 6px;
  bottom: 24px;
}
#carouselExampleIndicators .carousel-indicators [data-bs-target] {
  border: 1.4px solid #FFF;
}

.partner-dots.swiper-pagination .swiper-pagination-bullet-active, #carouselExampleIndicators .carousel-indicators [data-bs-target].active {
  border-color: var(--reve-tech-blue);
  background: var(--reve-tech-blue);
}


@media (max-width: 1399.98px) {
  .technology-container {
    max-width: 1140px;
    padding: 0 12px;
  }

  .partner-card {
    min-height: 268px;
  }

  .partner-name {
    font-size: 23px;
  }

  .partner-type {
    font-size: 18px;
  }
}

@media (max-width: 1199.98px) {
  .technology-container {
    max-width: 960px;
  }

  .technology-title {
    font-size: 34px;
  }

  .technology-subtitle {
    font-size: 20px;
  }

  .partner-logo-panel {
    height: 118px;
  }
}

@media (max-width: 991.98px) {
  .technology-partnership-section {
    min-height: auto;
    padding: 58px 0;
  }

  .technology-container {
    max-width: 720px;
  }

  .technology-header {
    margin-bottom: 30px;
  }

  .technology-title {
    font-size: 30px;
  }

  .technology-subtitle {
    font-size: 16px;
  }

  .partner-logo-panel {
    height: 130px;
  }
}

@media (max-width: 767.98px) {
  .technology-partnership-section {
    padding: 48px 0;
  }

  .technology-container {
    max-width: 540px;
    padding: 0 16px;
  }

  .technology-title {
    font-size: 26px;
    line-height: 1.22;
  }

  .technology-subtitle {
    font-size: 14px;
    line-height: 1.55;
  }

  .partner-card {
    min-height: auto;
    padding: 20px;
  }

  .partner-logo-panel {
    height: auto;
    aspect-ratio: 375 / 130;
    margin-bottom: 22px;
  }

  .partner-name {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .partner-type {
    font-size: 17px;
  }

  .partner-dots {
    margin-top: 30px;
  }
  #carouselExampleIndicators{
    min-height: 840px;
    background: linear-gradient(169deg, #F2F0FA 3.28%, #BCDCFF 100.11%)!important;
  }
  #carouselExampleIndicators .carousel-item{
    min-height: 800px;
  }
}

@media (max-width: 420px) {
  .technology-title {
    font-size: 22px;
  }

  .partner-name {
    font-size: 21px;
  }

  .partner-type {
    font-size: 16px;
  }
}


.awards-section {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 43px 0 50px;
  margin-bottom: 24px;
  border-radius: 9px 9px 0 0;
  background:
    radial-gradient(circle at 3% 15%, rgba(230, 235, 255, 0.86) 0%, rgba(244, 247, 255, 0.66) 18%, rgba(255, 255, 255, 0) 42%),
    radial-gradient(circle at 100% 3%, rgba(218, 241, 255, 0.94) 0%, rgba(233, 247, 255, 0.70) 21%, rgba(255, 255, 255, 0) 48%),
    radial-gradient(circle at 96% 70%, rgba(221, 240, 252, 0.74) 0%, rgba(237, 247, 255, 0.54) 19%, rgba(255, 255, 255, 0) 44%),
    linear-gradient(90deg, var(--reve-ha-bg-left) 0%, #fbfcff 47%, var(--reve-ha-bg-right) 100%);
}
.awards-section .card{
  border: none;
  background-color: transparent;
}
.awards-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 2;
}

.awards-heading {
  max-width: 650px;
  margin: 0 auto 42px;
  text-align: center;
}

.awards-title {
  margin: 0;
 font-family: "DM Sans", sans-serif;
  font-size: 40px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: -0.036em;
  color: #242424;
}

.awards-row {
  --bs-gutter-x: 21px;
  --bs-gutter-y: 21px;
  justify-content: center;
}

.award-card {
  width: 100%;
  height: 282px;
  border-radius: 13px;
  background: var(--reve-ha-card-bg);
  padding: 15px 23px 26px;
  text-align: center;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-shadow: none;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
  will-change: transform;
}

.award-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(22, 32, 78, 0.16);
}

.award-top {
  width: 100%;
  height: 118px;
  object-fit: contain;
  object-position: center top;
  display: block;
  margin: 0 0 34px;
  user-select: none;
  pointer-events: none;
}

.award-description {
  margin: 0;
  max-width: 238px;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.42;
  font-weight: 700;
  letter-spacing: -0.008em;
  color: var(--reve-ha-white);
}

.awards-button-wrap {
  text-align: center;
  margin-top: 41px;
}

.awards-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 132px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid var(--reve-ha-blue-border);
  border-radius: 3px;
  background: transparent;
 font-family: "DM Sans", sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.018em;
  color: var(--reve-ha-blue);
  text-decoration: none;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.awards-btn:hover {
  background: var(--reve-ha-blue);
  color: #ffffff;
  transform: translateY(-1px);
}

@media (max-width: 1399.98px) {
  .awards-container {
    max-width: 1140px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .award-card {
    height: 276px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .award-description {
    font-size: 13.5px;
  }
}

@media (max-width: 1199.98px) {
  .awards-section {
    min-height: auto;
    padding: 42px 0 48px;
  }

  .awards-container {
    max-width: 960px;
  }

  .award-card {
    height: 282px;
  }
}

@media (max-width: 991.98px) {
  .awards-container {
    max-width: 720px;
  }

  .awards-title {
    font-size: 36px;
  }

  .awards-heading {
    margin-bottom: 34px;
  }
}

@media (max-width: 767.98px) {
  .awards-section {
    padding: 38px 0 44px;
  }

  .awards-container {
    max-width: 540px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .awards-title {
    font-size: 31px;
    line-height: 1.3;
  }

  .award-card {
    max-width: 100%;
    height: 282px;
    margin-left: auto;
    margin-right: auto;
  }

  .awards-button-wrap {
    margin-top: 32px;
  }
}

@media (max-width: 420px) {
  .awards-title {
    font-size: 28px;
  }

  .award-card {
    max-width: 100%;
  }
}

.reve-events-section {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 740px;
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 5%, rgba(216, 235, 255, 0.88) 0%, rgba(236, 244, 255, 0.56) 20%, rgba(255, 255, 255, 0) 47%),
    radial-gradient(circle at 100% 95%, rgba(227, 228, 255, 0.82) 0%, rgba(238, 239, 255, 0.45) 20%, rgba(255, 255, 255, 0) 44%),
    linear-gradient(90deg, var(--reve-hep-section-left) 0%, #f9fbff 47%, var(--reve-hep-section-right) 100%);
  padding: 44px 0 46px;
}

.reve-events-container .events-swiper-wrap {
  width: calc(100vw - ((100vw - 1320px) / 2));
    margin-left: calc((100vw - 1350px) / 2);
    max-width: none;
}

.events-header {
  text-align: center;
  max-width: 980px;
  margin: 0 auto 30px;
}

.events-title {
  margin: 0 0 12px;
 font-family: "DM Sans", sans-serif;
  font-size: 40px;
  line-height: 1.16;
  font-weight: 700;
  color: #1d1d1d;
}

.reve-events-section h3.event-name {
  font-weight: 600;
  color: #111927;
  font-family: "DM Sans", sans-serif;
  min-height: 62px;
}

.events-subtitle {
  margin: 0;
  font-size: 18px;
  line-height: 1.38;
  font-weight: 400;
  color: #1d1d1d;
}

.events-swiper-wrap {
  position: relative;
  padding: 0 6px 0px;
}

.events-swiper {
  overflow: hidden;
}

.event-card {
  height: 466px;
  max-width: 424px;
  border-radius: 16px;
  padding: 34px 27px 24px;
  display: flex;
  flex-direction: column;
  transition: transform .28s ease, box-shadow .28s ease;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.events-swiper .swiper-slide {
    width: 424px; /* adjust as needed */
}
.event-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 32px rgba(82, 96, 148, 0.10);
}

.event-card.card-lilac {
  background: linear-gradient(180deg, #eaecff 0%, #e6e8fb 100%);
}

.event-card.card-blue {
  background: linear-gradient(180deg, #e4f1ff 0%, #dce9f7 100%);
}

.event-name {
  margin: 0 0 12px;
 font-family: "DM Sans", sans-serif;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--reve-hep-card-title);
}

.event-text {
  margin: 0 0 28px;
  max-width: 350px;
  font-size: 16px;
  line-height: 1.42;
  font-weight: 400;
  letter-spacing: -0.008em;
  color: #394352;
}

.event-photo-shell {
  margin-top: auto;
  width: 100%;
  border-radius: 17px;
  padding: 12px;
  overflow: hidden;
}

.event-photo-shell.panel-lilac {
  background: #cfd1ff;
}

.event-photo-shell.panel-blue {
  background: #c4e2ff;
}

.event-photo {
  width: 100%;
  aspect-ratio: 378 / 267;
  border-radius: 17px;
  object-fit: cover;
  display: block;
}

.events-swiper .swiper-pagination {
  bottom: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding-right: 20%;
}

.events-swiper .swiper-pagination-bullet {
  width: 17px;
  height: 17px;
  margin: 0 !important;
  background: transparent;
  opacity: 1;
  border: 1px solid var(--reve-hep-bullet);
  position: relative;
}

.events-swiper .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: transparent;
  transition: background .25s ease;
}

.events-swiper .swiper-pagination-bullet-active {
  border-color: var(--reve-hep-bullet-active);
  background: var(--reve-hep-bullet-active);
}

.events-swiper .swiper-pagination-bullet-active::after {
  background: var(--reve-hep-bullet-active);
}

@media (max-width: 1399.98px) {
  .reve-events-container {
    max-width: 1280px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 1199.98px) {
  .reve-events-section {
    min-height: auto;
    padding: 42px 0 44px;
  }

  .events-title {
    font-size: 48px;
  }

  .events-subtitle {
    font-size: 20px;
  }

  .event-card {
    height: 456px;
    padding: 30px 24px 22px;
  }

  .event-text {
    font-size: 15px;
  }
}

@media (max-width: 991.98px) {
  .events-header {
    margin-bottom: 26px;
  }

  .events-title {
    font-size: 40px;
  }

  .events-subtitle {
    font-size: 18px;
  }

  .events-swiper-wrap {
    padding-bottom: 48px;
  }

  .event-card {
    height: auto;
    min-height: 446px;
  }
}

@media (max-width: 767.98px) {
  .reve-events-section {
    border-radius: 14px;
    padding: 34px 0 36px;
  }

  .reve-events-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .events-title {
    font-size: 33px;
    line-height: 1.18;
    margin-bottom: 10px;
  }

  .events-subtitle {
    font-size: 16px;
    line-height: 1.5;
  }

  .events-swiper-wrap {
    padding: 0 2px 44px;
  }

  .event-card {
    min-height: 520px;
    padding: 24px 18px 18px;
  }

  .event-name {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .event-text {
    max-width: 100%;
    font-size: 15px;
    margin-bottom: 20px;
  }

  .event-photo-shell {
    padding: 10px;
    border-radius: 15px;
    height: 280px;
  }
  .event-photo-shell img{
    object-fit: contain;
  }

  .event-photo {
    border-radius: 15px;
  }

  .events-swiper .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
  }

  .events-swiper .swiper-pagination-bullet::after {
    inset: 3px;
  }
}

@media (max-width: 420px) {
  .events-title {
    font-size: 29px;
  }

  .event-name {
    font-size: 20px;
  }

  .event-text {
    font-size: 14px;
  }
}





.latest-updates-container {
  max-width: 1374px;
  margin: 0 auto;
  padding: 0 22px;
}

.latest-updates-header {
  text-align: center;
  margin: 0 auto 48px;
}

.latest-updates-title {
  margin: 0;
 font-family: "DM Sans", sans-serif;
  font-size: 40px;
  line-height: 1.22;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--reve-hb-title);
}

.latest-updates-row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 32px;
  justify-content: center;
}

.update-card {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: transform .28s ease;
}

.update-card:hover {
  transform: translateY(-2px);
  text-decoration: none;
}

.update-thumb {
  width: 100%;
  aspect-ratio: 425 / 230;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 17px;
  background: #cfd9f0;
  box-shadow: var(--reve-card-shadow);
}

.update-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.update-title,
.update-title a {
  margin: 0;
  max-width: 420px;
 font-family: "DM Sans", sans-serif;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #252525;
  text-decoration: none;
}




@media (max-width: 1399.98px) {
  .latest-updates-container {
    max-width: 1320px;
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media (max-width: 1199.98px) {
  .latest-updates-section {
    padding-top: 42px;
    padding-bottom: 60px;
  }

  .latest-updates-title {
    font-size: 34px;
  }

  .update-title {
    font-size: 20px;
  }
}

@media (max-width: 991.98px) {
  .latest-updates-header {
    margin-bottom: 36px;
  }

  .latest-updates-title {
    font-size: 30px;
  }

  .update-title {
    font-size: 19px;
    line-height: 1.38;
  }
}

@media (max-width: 767.98px) {
  .latest-updates-section {
    padding: 34px 0 50px;
  }

  .sms-hero-content {
    max-width: 100%;
    padding: 15px;
  }

  .latest-updates-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .latest-updates-header {
    margin-bottom: 28px;
  }

  .latest-updates-title {
    font-size: 27px;
    line-height: 1.24;
  }

  .update-thumb {
    margin-bottom: 15px;
    border-radius: 12px;
  }

  .update-title {
    font-size: 18px;
  }
}

@media (max-width: 420px) {
  .latest-updates-title {
    font-size: 24px;
  }

  .update-title {
    font-size: 17px;
  }
}

.m_revesoft_srv_we_ofr {
  all: unset;
}


/* Home  page  end */

/* ====== Products  page  Start =======  */


.revesoft_all_products_top_section {
  background-image: url(../2026/images/products/all_product_top_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-color: #F5F7FB;
  padding-top: 10%;
}

.revesoft_all_products {
  background-color: #F5F7FB;
}

.all-product-title-section h1 {
  font-weight: 700;
  font-size: 60px;
  line-height: 72px;
  letter-spacing: -2%;
  color: #141414;
}

.all-product-title-section p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #292929;
  padding: 0px 0px 50px 0px;
  margin: 0px;
}

.bg-color-F5F7FB {
  background-color: #F5F7FB !important;
}



.all-products .reve-sms-platform-section {
  margin: 0px 0px 50px 0px;
  background: var(--reve-ap-bg);
  padding: 39px 0 39px;
  overflow: hidden;
}

.all-products .reve-sms-platform-container {
  max-width: 1344px;
  margin: 0 auto;
  padding: 0 27px;
}

.all-products .reve-sms-platform-row {
  --bs-gutter-x: 48px;
  align-items: start;
}

.all-products .reve-sms-left {
  max-width: 608px;
  padding-top: 1px;
}

.all-products .reve-sms-icon {
  width: 76px;
  height: 76px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #dcdcff;
}

.all-products .reve-sms-icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.all-products .reve-sms-title {
  margin: 0 0 20px;
 font-family: "DM Sans", sans-serif;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.035em;
  color: var(--reve-ap-heading);
}

.all-products .reve-sms-text {
  margin: 0 0 44px;
  max-width: 592px;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 1.38;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--reve-ap-body);
}

.all-products .reve-sms-link {
  display: inline-flex;
  align-items: center;
  gap: 17px;
  text-decoration: none;
 font-family: "DM Sans", sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--reve-ap-link);
  transition: transform .25s ease, color .25s ease;
}

.all-products .reve-sms-link:hover {
  color: var(--reve-ap-link);
  transform: translateX(2px);
  text-decoration: none;
}

.all-products .reve-sms-link .arrow {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .25s ease;
}

.all-products .reve-sms-link:hover .arrow {
  transform: translateX(3px);
}

.all-products .reve-sms-link svg {
  width: 26px;
  height: 26px;
  display: block;
  stroke: currentColor;
}

.all-products .reve-sms-visual {
  width: 100%;
  max-width: 548px;
  margin-left: auto;
  border-radius: 27px;
  overflow: hidden;
  background: #f6f6f8;
}

.all-products .reve-sms-visual img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 548 / 503;
  object-fit: cover;
}

@media (max-width: 1199.98px) {
  .all-products .reve-sms-platform-container {
    padding-left: 22px;
    padding-right: 22px;
  }

  .all-products .reve-sms-platform-row {
    --bs-gutter-x: 32px;
  }

  .all-products .reve-sms-title {
    font-size: 28px;
  }

  .all-products .reve-sms-text {
    font-size: 17px;
    margin-bottom: 36px;
  }

  .all-products .reve-sms-visual {
    max-width: 500px;
  }
}

@media (max-width: 991.98px) {
  .all-products .reve-sms-platform-section {
    padding: 32px 0 36px;
    margin-bottom: 25px;
  }

  .all-products .reve-sms-platform-row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 30px;
  }

  .all-products .reve-sms-left {
    max-width: 100%;
  }

  .all-products .reve-sms-visual {
    max-width: 100%;
  }
}

@media (max-width: 767.98px) {
  .all-products .reve-sms-platform-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .all-products .reve-sms-icon {
    width: 68px;
    height: 68px;
    margin-bottom: 20px;
  }

  .all-products .reve-sms-title {
    font-size: 28px;
    margin-bottom: 16px;
  }

  .all-products .reve-sms-text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 28px;
  }

  .all-products .reve-sms-link {
    font-size: 17px;
    gap: 12px;
  }

  .all-products .reve-sms-visual {
    border-radius: 20px;
  }

  .all-product-title-section h1 {
    font-size: 40px;
  }

  .revesoft_all_products {
    padding: 42px 0 0 0;
  }
}

@media (max-width: 420px) {
  .all-products .reve-sms-title {
    font-size: 25px;
  }

  .all-products .reve-sms-text {
    font-size: 15px;
  }

  .all-products .reve-sms-link {
    font-size: 16px;
  }
}

.all-products .reve-sbc-section {
  width: 100%;
  background: var(--reve-ap-bg);
  padding: 39px 0 39px;
  margin: 0px 0px 50px 0px;
  overflow: hidden;
}
.all-products .container:last-child .reve-sbc-section{
  margin: 0px 0px 0px 0px;
}
.all-products .reve-sbc-container {
  max-width: 1344px;
  margin: 0 auto;
  padding: 0 27px;
}

.all-products .reve-sbc-row {
  --bs-gutter-x: 68px;
  align-items: start;
}

.all-products .reve-sbc-visual {
  width: 100%;
  max-width: 548px;
  border-radius: 28px;
  overflow: hidden;
  background: #eef2fb;
}

.all-products .reve-sbc-visual img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 548 / 503;
  object-fit: cover;
}

.all-products .reve-sbc-content {
  max-width: 515px;
  padding-top: 0;
}

.all-products .reve-sbc-icon {
  width: 76px;
  height: 76px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #dddcff;
}

.all-products .reve-sbc-icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.all-products .reve-sbc-title {
  margin: 0 0 26px;
 font-family: "DM Sans", sans-serif;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -0.035em;
  color: var(--reve-ap-heading);
}

.all-products .reve-sbc-text {
  margin: 0 0 46px;
  max-width: 503px;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 1.36;
  font-weight: 500;
  letter-spacing: -0.017em;
  color: var(--reve-ap-body);
}

.all-products .reve-sbc-link {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
 font-family: "DM Sans", sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--reve-ap-link);
  transition: transform .25s ease, color .25s ease;
}

.all-products .reve-sbc-link:hover {
  color: var(--reve-ap-link);
  text-decoration: none;
  transform: translateX(2px);
}

.all-products .reve-sbc-link .arrow {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .25s ease;
}

.all-products .reve-sbc-link:hover .arrow {
  transform: translateX(3px);
}

.all-products .reve-sbc-link svg {
  width: 26px;
  height: 26px;
  display: block;
  stroke: currentColor;
}

@media (max-width: 1199.98px) {
  .all-products .reve-sbc-container {
    padding-left: 22px;
    padding-right: 22px;
  }

  .all-products .reve-sbc-row {
    --bs-gutter-x: 42px;
  }

  .all-products .reve-sbc-title {
    font-size: 28px;
    margin-bottom: 22px;
  }

  .all-products .reve-sbc-text {
    font-size: 17px;
    margin-bottom: 38px;
  }
}

@media (max-width: 991.98px) {
  .all-products .reve-sbc-section {
    padding: 32px 0 36px;
  }

  .all-products .reve-sbc-row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 34px;
  }

  .all-products .reve-sbc-visual {
    max-width: 100%;
  }

  .all-products .reve-sbc-content {
    max-width: 100%;
  }

  .all-products .reve-sbc-text {
    max-width: 100%;
  }
}

@media (max-width: 767.98px) {
  .all-products .reve-sbc-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .all-products .reve-sbc-icon {
    width: 68px;
    height: 68px;
    margin-bottom: 22px;
  }

  .all-products .reve-sbc-visual {
    border-radius: 20px;
  }

  .all-products .reve-sbc-title {
    font-size: 28px;
    margin-bottom: 18px;
  }

  .all-products .reve-sbc-text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 28px;
  }

  .all-products .reve-sbc-link {
    font-size: 17px;
    gap: 12px;
  }
}

@media (max-width: 420px) {
  .all-products .reve-sbc-title {
    font-size: 25px;
  }

  .all-products .reve-sbc-text {
    font-size: 15px;
  }

  .all-products .reve-sbc-link {
    font-size: 16px;
  }
}

/* ====== Products  page  End =======  */



body{
  background-color: #F5F7FB;
}

.reve-cta-area {
  width: calc(100% - 22px);
  padding: 0;
  margin: 0px auto 24px auto;
  position: relative;
}

.reve-cta-box {

  padding: 100px 0px;
  margin: 0 auto;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  background:
    radial-gradient(circle at 18% 10%, rgba(231, 239, 253, .94) 0%, rgba(231, 239, 253, .50) 32%, rgba(255, 255, 255, 0) 56%),
    radial-gradient(circle at 58% 18%, rgba(237, 239, 251, .92) 0%, rgba(237, 239, 251, .50) 34%, rgba(255, 255, 255, 0) 62%),
    linear-gradient(100deg, var(--cta-bg-left) 0%, var(--cta-bg-mid) 38%, var(--cta-bg-right) 100%);
    position: relative;
}
/* .reve-cta-area::before{
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.revesoft.com/cdn/assets/images/cta-bg.png) no-repeat center center;
    background-size: cover;
} */
.reve-cta-area{
  position: relative;
}
.reve-cta-area::after{
  content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.revesoft.com/cdn/assets/images/cta-after.png) no-repeat;
    background-size: contain;
    background-position: top;
}
.reve-cta-content {
  width: 100%;
  position: relative;
  z-index: 1;
}

.reve-cta-title {
  margin: 0;
  color: var(--cta-title);
  font-family: "DM Sans", sans-serif;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -1.45px;
}

.reve-demo-btn {
  position: relative;
  height: 50px;
  margin-top: 25px;
  padding: 10px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  border: 0;
  overflow: hidden;
  color: #ffffff;
  border-radius: 2px;
  background: linear-gradient(90deg, #9067FB -7.99%, #0071B9 100%);
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
  transition: transform .28s ease, box-shadow .28s ease;
}

.reve-demo-btn:hover,
.reve-demo-btn:focus-visible {
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(35, 113, 226, .18);
}

.reve-demo-btn .demo-arrow-box {
  position: absolute;
  top: 7px;
  left: 8px;
  width: 35px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #ffffff;
  color: #111111;
  transition: left .34s cubic-bezier(.4, 0, .2, 1), transform .34s cubic-bezier(.4, 0, .2, 1);
}

.reve-demo-btn .demo-arrow-box svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 2.2;
}

.reve-demo-btn .demo-btn-text {
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform .34s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  align-items: flex-end;
  gap: 6px;
}

/* .reve-demo-btn:hover .demo-arrow-box,
.reve-demo-btn:focus-visible .demo-arrow-box {
  left: calc(100% - 43px);
} */

/* .reve-demo-btn:hover .demo-btn-text,
.reve-demo-btn:focus-visible .demo-btn-text {
  transform: translateX(-36px);
} */

@media (max-width: 1399.98px) {
  .reve-cta-box {
    max-width: calc(100% - 24px);
  }
}

@media (max-width: 767.98px) {
  .reve-cta-box {
    min-height: auto;
    border-radius: 14px;
    padding: 0px 0px 60px 0px;
  }
  .reve-cta-content {
    padding: 42px 12px 0;
  }

  .reve-cta-title {
    font-size: clamp(31px, 8.6vw, 42px);
    line-height: 1.17;
    letter-spacing: -1px;
  }

  .reve-demo-btn {
    margin-top: 22px;
  }
  .reve-products-trusted{
    width: 100%;
  }
}

@media (max-width: 420px) {
  .reve-demo-btn {
    height: 48px;
    font-size: 15px;
  }

  .reve-demo-btn .demo-arrow-box {
    top: 7px;
    width: 34px;
    height: 34px;
  }

  .reve-demo-btn:hover .demo-arrow-box,
  .reve-demo-btn:focus-visible .demo-arrow-box {
    left: calc(100% - 42px);
  }
  .reve-cta-box{
    max-width: 100%;
  }
  .reve-cta-area{
    width: 100%;
  }
}

.reve-footer {
  width: 100%;
  min-height: 531px;
  background: var(--footer-bg);
  color: var(--footer-text);
  overflow: hidden;
}


.footer-top {
  display: grid;
  grid-template-columns: 360px 138px 168px 224px;
  column-gap: 155px;
  align-items: start;
  padding: 87px 0px 0px 0px;
}

.footer-top .footer-col:nth-child(3) {
  margin-left: 23px;
}

.footer-top .footer-col:nth-child(4) {
  margin-left: 10px;
}

.footer-logo {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 26px;
  text-decoration: none;
  white-space: nowrap;
 font-family: "DM Sans", sans-serif;
}

.footer-logo .reve-text {
  color: var(--reve-blue);
  font-size: 25px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 2.35px;
}

.footer-logo .systems-text {
  color: #f5f5f5;
  font-size: 17px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: .2px;
}

.footer-about {
  max-width: 330px;
  margin: 0 0 50px;
  color: var(--footer-text);
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: .01px;
}

.follow-title {
  margin: 0 0 16px;
  color: var(--footer-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.social-links {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 29px;
}

.social-link {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #f4f4f4;
  background: var(--footer-icon-bg);
  border: 1px solid var(--footer-icon-border);
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  line-height: 1;
  transition: .2s ease;
}

.social-link:hover {
  color: #ffffff;
  border-color: #45434b;
  transform: translateY(-1px);
}

.footer-email {
  margin: 0;
  color: var(--footer-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.footer-email strong {
  font-weight: 700;
}

.footer-email a {
  color: var(--footer-text);
  text-decoration: none;
}

.footer-title {
  margin: 0 0 15px;
  color: var(--footer-heading);
 font-family: "DM Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-menu li {
  margin: 0 0 12px;
  padding: 0;
  color: var(--footer-text);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -.02px;
}

.footer-menu li:last-child {
  margin-bottom: 0;
}

.footer-menu a {
  color: var(--footer-text);
  text-decoration: none;
  transition: color .2s ease;
}

.footer-menu a:hover {
  color: #ffffff;
}

.footer-divider {
  height: 2px;
  margin-top: 108px;
  background: linear-gradient(to bottom, #2a292f 0, #44434a 100%);
  opacity: 1;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 19px;
}

.copyright,
.footer-policy a {
  margin: 0;
  color: var(--footer-muted);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.footer-policy {
  display: flex;
  align-items: center;
  gap: 30px;
}

.footer-policy a:hover {
  color: #ffffff;
}

@media (max-width: 1399.98px) {
  .reve-container {
    max-width: 1140px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-top {
    grid-template-columns: 340px 138px 168px 224px;
    column-gap: 90px;
  }

  .footer-top .footer-col:nth-child(3),
  .footer-top .footer-col:nth-child(4) {
    margin-left: 0;
  }
}

@media (max-width: 1199.98px) {
  .reve-container {
    max-width: 960px;
    padding: 64px 24px 22px;
  }

  .footer-top {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px 70px;
  }

  .footer-divider {
    margin-top: 72px;
  }
}

@media (max-width: 767.98px) {
  .reve-footer {
    min-height: auto;
  }

  .reve-container {
    padding: 50px 20px 24px;
  }

  .footer-top {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .footer-about {
    max-width: 100%;
    margin-bottom: 34px;
  }

  .footer-divider {
    margin-top: 52px;
  }

  .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  .footer-policy {
    flex-wrap: wrap;
    gap: 18px 26px;
  }
}

@media (max-width: 380px) {
  .footer-logo .reve-text {
    font-size: 23px;
  }

  .footer-logo .systems-text {
    font-size: 16px;
  }
}

@media (max-width: 991px) {


  .fixed_header.ready.shrink {
    top: 0 !important;
    transform: unset;
    max-width: 100%;
    border-radius: 0;
  }
}






/* ── Section wrapper ── */
.conatctPage .offices-section {
  padding-bottom: 50px;
  /* background: radial-gradient(ellipse at 0% 0%, #c8d9f5 0%, #dde8fa 15%, #f0f2fb 35%, #ffffff 55%, #eee8f8 75%, #ddd6f4 100%); */
  min-height: 100vh;
  padding-top: 10%;
  position: relative;
}
.conatctPage .offices-section::before{
      content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.revesoft.com/cdn/assets/images/contact-bg.png) no-repeat center center;
    background-size: cover;
    z-index: -1;
}
/* ── Heading block ── */
.conatctPage .offices-heading {
  font-size: 40px;
  font-weight: 700;
  color: #000;
  margin-bottom: 16px;
}

.conatctPage .offices-subtext {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.65;
  max-width: 665px;
  margin: 0 auto 48px;
}

/* ── Office card ── */
.conatctPage .office-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid rgba(200, 210, 240, 0.45);
  padding: 32px 28px 28px;
  height: 100%;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
  box-shadow: 0 2px 10px rgba(100, 110, 180, 0.07);
}

.conatctPage .office-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(100, 110, 180, 0.16);
}

/* ── Landmark icon ── */
.conatctPage .office-icon {
  width: 56px;
  height: 56px;
  margin-bottom: 22px;
  display: flex;
  align-items: flex-end;
}

.conatctPage .office-icon svg {
  width: 100%;
  height: 100%;
  fill: #1a1a2e;
}

/* ── Card text ── */
.conatctPage .office-country {
  font-size: 20px;
  /* 17px */
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 10px;
}

.conatctPage .office-address {
  font-size: 14px;
  /* 14px */
  font-weight: 400;
  color: #6b6b8a;
  line-height: 1.6;
  margin-bottom: 10px;
}

.conatctPage .office-phone {
  font-size: 14px;
  font-weight: 400;
  color: #6b6b8a;
}

/* ── Responsive tweaks ── */
@media (max-width: 991px) {
  .conatctPage .offices-heading {
    font-size: 1.75rem;
  }
}

@media (max-width: 575px) {
  .conatctPage .offices-section {
    padding: 56px 16px 72px;
  }

  .conatctPage .offices-heading {
    font-size: 1.5rem;
  }

  .conatctPage .offices-subtext {
    font-size: 0.9375rem;
  }
}



/* contact  page  start */

/* ── Section ── */
.conatctPage .sales-section {
  padding: 80px 24px 100px;
  background: radial-gradient(ellipse at 100% 50%, #dcd8f5 0%, #e8eaf8 20%, #f4f5fb 45%, #ffffff 70%);
  min-height: 100vh;
}

/* ── Heading ── */
.conatctPage .sales-heading {
  font-size: 40px;
  font-weight: 700;
  color: #141414;
  font-family: "DM Sans", sans-serif;
  letter-spacing: -2px;
  margin-bottom: 24px;
}

.conatctPage .sales-subtext {
  font-size: 18px;
  font-weight: 400;
  color: #292929;
  line-height: 1.7;
  max-width: 730px;
  margin: 0 auto 52px;
}

/* ── Card ── */
.conatctPage .sales-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid rgba(200, 210, 240, 0.5);
  box-shadow: 0 2px 10px rgba(100, 110, 180, 0.07);
  overflow: hidden;
  display: flex;
  align-items: stretch;
  height: 100%;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.conatctPage .sales-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(100, 110, 180, 0.16);
}

/* ── Photo pane ── */
.conatctPage .sales-photo {
  flex: 0 0 140px;
  width: 140px;
  background: #c8d5ea;
  overflow: hidden;
  position: relative;
}

.conatctPage .sales-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}

/* Placeholder avatar when no real photo */
.conatctPage .sales-photo-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #c8d5ea 0%, #b0bfda 100%);
}

.conatctPage .sales-photo-placeholder svg {
  width: 64px;
  height: 64px;
  fill: #7a8aaa;
  opacity: 0.7;
}

/* ── Info pane ── */
.conatctPage .sales-info {
  flex: 1;
  padding: 22px 24px 22px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.conatctPage .sales-name {
  font-size: 24px;
  font-weight: 600;
  color: #292929;
  font-family: "DM Sans", sans-serif;
  margin-bottom: 6px;
}

.conatctPage .sales-teams-wrapper {
  max-width: 1134px;
  margin: 0 auto;
}

/* Region badge */
.conatctPage .sales-region {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #3a5a9a;
  background: #e8edf8;
  border-radius: 6px;
  padding: 3px 10px;
  margin-bottom: 14px;
  width: fit-content;
}

/* Meta rows */
.conatctPage .sales-meta {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.conatctPage .sales-meta-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
  color: #5a5a78;
  line-height: 1.4;
}

.conatctPage .sales-meta-row svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #8890b0;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ── Responsive ── */
@media (max-width: 767px) {
  .conatctPage .sales-photo {
    flex: 0 0 110px;
    width: 110px;
  }

  .conatctPage .sales-info {
    padding: 18px 16px;
  }

  .conatctPage .sales-name {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  .conatctPage .sales-section {
    padding: 56px 16px 72px;
  }

  .conatctPage .sales-heading {
    font-size: 1.6rem;
  }

  .conatctPage .sales-card {
    flex-direction: column;
  }

  .conatctPage .sales-photo {
    width: 100%;
    flex: 0 0 180px;
    height: 180px;
  }
}


/* ── Section ── */
.conatctPage .enquiry-section {
  padding: 50px 24px 100px;
  background-image: url(https://www.revesoft.com/cdn/assets/images/contact-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 100vh;
}

/* ── Headings ── */
.conatctPage .enquiry-title {
  font-size: 40px;
  font-weight: 600;
  color: #2d2d2d;
  letter-spacing: -2px;
  margin-bottom: 12px;
  font-family: "DM Sans", sans-serif;
}

.conatctPage .enquiry-sub {
  font-size: 18px;
  font-weight: 400;
  color: #2d2d2d;
  margin-bottom: 32px;
}

/* ── Form card ── */
.conatctPage .enquiry-card {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid rgba(200, 210, 240, 0.55);
  box-shadow: 0 2px 14px rgba(100, 110, 180, 0.08);
  padding: 48px;
  max-width: 1020px;
  margin: 0 auto;
}

/* ── Labels ── */
.conatctPage .form-label {
  font-size: 014px;
  font-weight: 500;
  color: #384250;
  margin-bottom: 6px;
  font-family: "DM Sans", sans-serif;
}

/* ── Inputs & selects ── */
.conatctPage .form-control,
.conatctPage .form-select {
  font-size: 0.875rem;
  font-weight: 400;
  color: #1a1a2e;
  padding: 10px 14px;
  height: 44px;
  transition: border-color 0.18s, box-shadow 0.18s;
  border-radius: 8px;
  border: 1px solid #F2F2F7;
  background: #FAFAFA;
}

.conatctPage .form-control::placeholder {
  color: #aab0c8;
}

.conatctPage .form-control:focus,
.conatctPage .form-select:focus {
  border-color: #6b7fe0;
  box-shadow: 0 0 0 3px rgba(107, 127, 224, 0.12);
  background: #ffffff;
  outline: none;
}

.conatctPage textarea.form-control {
  height: 172px;
  resize: vertical;
}

/* ── Phone field with flag ── */
.conatctPage .phone-wrapper {
  display: flex;
  align-items: center;
  background: #f7f8fc;
  border: 1px solid #e4e7f0;
  border-radius: 8px;
  overflow: hidden;
  height: 44px;
  transition: border-color 0.18s, box-shadow 0.18s;
}

.conatctPage .phone-wrapper:focus-within {
  border-color: #6b7fe0;
  box-shadow: 0 0 0 3px rgba(107, 127, 224, 0.12);
  background: #ffffff;
}

.conatctPage .phone-flag-select {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  border-right: 1px solid #e4e7f0;
  cursor: pointer;
  height: 100%;
  background: transparent;
  font-size: 0.875rem;
  color: #3a3a55;
  white-space: nowrap;
  user-select: none;
}

.conatctPage .phone-flag-select .flag-emoji {
  font-size: 1.1rem;
  line-height: 1;
}

.conatctPage .phone-flag-select svg {
  width: 12px;
  height: 12px;
  fill: #8890b0;
  flex-shrink: 0;
}

.conatctPage .phone-code {
  padding: 0 8px;
  font-size: 0.875rem;
  color: #3a3a55;
  font-weight: 500;
  border-right: 1px solid #e4e7f0;
  height: 100%;
  display: flex;
  align-items: center;
}

.conatctPage .phone-input {
  flex: 1;
  border: none;
  background: transparent;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  color: #1a1a2e;
  padding: 0 12px;
  height: 100%;
  outline: none;
}

.conatctPage .phone-input::placeholder {
  color: #aab0c8;
}

.conatctPage .btn-submit {
  width: 100%;
  height: 50px;
  font-weight: 600;
  color: #ffffff;
  border: none;
  letter-spacing: 0.2px;
  cursor: pointer;
  transition: filter 0.2s, transform 0.18s;
  margin-top: 8px;
  font-size: 20px;
  font-family: "DM Sans", sans-serif;
  border-radius: 3px;
  background: linear-gradient(90deg, #0071B9 -13.53%, #9067FB 100%);
}

.conatctPage .btn-submit:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.conatctPage .btn-submit:active {
  transform: translateY(0);
  filter: brightness(0.96);
}

/* ── Row spacing ── */
.conatctPage .form-row {
  margin-bottom: 18px;
}

/* ── Responsive ── */
@media (max-width: 575px) {
  .conatctPage .enquiry-section {
    padding: 60px 0px 72px;
  }
 .g-recaptcha{
  transform: scale(.8);
   transform-origin: left top;
 }
  .conatctPage .enquiry-title {
    font-size: 1.75rem;
  }

  .conatctPage .enquiry-card {
    padding: 24px 18px 28px;
  }

  .conatctPage .sales-photo img {
    object-fit: contain;
  }
}


/* contact  page  end */




/* SMS Platform  start */


.reveSms .carrier-grade-sms-section {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 100px 0;
  background:
    radial-gradient(circle at 7% 64%, rgba(219, 220, 255, 0.95) 0%, rgba(229, 231, 255, 0.68) 13%, rgba(245, 246, 251, 0) 36%),
    radial-gradient(circle at 86% 60%, rgba(210, 228, 249, 0.92) 0%, rgba(223, 235, 250, 0.60) 15%, rgba(247, 247, 248, 0) 38%),
    radial-gradient(circle at 50% 14%, rgba(218, 236, 252, 0.92) 0%, rgba(231, 241, 250, 0.54) 17%, rgba(247, 247, 248, 0) 44%),
    linear-gradient(180deg, #f8f8f9 0%, #f7f7f8 100%);
}

.reveSms .carrier-grade-sms-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 70px;
}

.reveSms .carrier-grade-sms-row {
  align-items: center;
  --bs-gutter-x: 54px;
}

.reveSms .carrier-illustration-wrap {
  width: 100%;
}

.reveSms .carrier-illustration {
  width: 100%;
  display: block;
  height: auto;
}

.reveSms .carrier-copy {
  max-width: 640px;
}

.reveSms .carrier-title {
  margin: 0 0 18px;
 font-family: "DM Sans", sans-serif;
color: #000;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 56px */
}

.reveSms .carrier-text {
  margin: 0;
  max-width: 635px;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 1.58;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--reve-sms-section2-body);
}

@media (max-width: 1399.98px) {



  .reveSms .carrier-grade-sms-container {
    padding-left: 48px;
    padding-right: 48px;
  }

  .reveSms .carrier-title {
    font-size: 34px;
  }
}

@media (max-width: 1199.98px) {



  .reveSms .carrier-grade-sms-container {
    padding-left: 34px;
    padding-right: 34px;
  }

  .reveSms .carrier-grade-sms-row {
    --bs-gutter-x: 36px;
  }
  .reveSms .carrier-title {
    font-size: 31px;
  }

  .reveSms .carrier-text {
    font-size: 17px;
  }
}

@media (max-width: 991.98px) {
  .reveSms .carrier-grade-sms-section {
    min-height: auto;
    padding: 80px 0;
  }

  .reveSms .carrier-grade-sms-row {
    min-height: auto;
    --bs-gutter-y: 34px;
  }

  .reveSms .carrier-illustration-wrap {
    margin: 0 auto;
  }

  .reveSms .carrier-copy {
    max-width: 100%;
    text-align: center;
  }

  .reveSms .carrier-text {
    max-width: 100%;
  }
}

@media (max-width: 767.98px) {
  .reveSms .carrier-grade-sms-section {
    padding: 60px 0;
  }

  .reveSms .carrier-grade-sms-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .reveSms .carrier-title {
    font-size: 28px;
    line-height: 1.18;
    margin-bottom: 14px;
  }

  .reveSms .carrier-text {
    font-size: 16px;
    line-height: 1.6;
  }
}

@media (max-width: 420px) {
  .reveSms .carrier-title {
    font-size: 24px;
  }

  .reveSms .carrier-text {
    font-size: 15px;
  }
}

.reveSms .successful-deployments-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 60px 0 50px;
}
.reveSms .successful-deployments-section:before{
      content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.revesoft.com/cdn/assets/images/suc-dep.png) no-repeat center center;
    background-size: cover;
    z-index: -1;
}
.reveSms .successful-deployments-container {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 20px;
}

.reveSms .deployments-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 47px;
}

.reveSms .deployments-title {
  margin: 0 0 14px;
 font-family: "DM Sans", sans-serif;
  font-size: 51px;
  line-height: 1.16;
  font-weight: 600;
  letter-spacing: -0.048em;
  color: var(--reve-heading);
}

.reveSms .deployments-subtitle {
  margin: 0 auto;
  max-width: 660px;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 400;
  letter-spacing: -0.012em;
  color: #303746;
}

.reveSms .deployments-grid {
  --bs-gutter-x: 36px;
  --bs-gutter-y: 36px;
  justify-content: center;
}

.reveSms .deployment-card {
  width: 100%;
  min-height: 241px;
  background: #ffffff;
  border-radius: 14px;
  padding: 28px 18px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: transform .25s ease, box-shadow .25s ease;
}

.reveSms .deployment-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 36px rgba(125, 146, 188, 0.10);
}

.reveSms .deployment-logo-wrap {
  width: 100%;
  height: 98px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 23px;
}

.reveSms .deployment-logo {
  max-width: 200px;
  max-height: 98px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.reveSms .deployment-name {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-size: 21px;
  line-height: 1.43;
  font-weight: 400;
  color: #1F2A37;
}

@media (max-width: 1399.98px) {
  .reveSms .successful-deployments-container {
    max-width: 1280px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .reveSms .deployments-title {
    font-size: 46px;
  }

  .reveSms .deployments-grid {
    --bs-gutter-x: 28px;
    --bs-gutter-y: 28px;
  }
}

@media (max-width: 1199.98px) {
  .reveSms .successful-deployments-section {
    padding: 52px 0 46px;
  }

  .reveSms .deployments-title {
    font-size: 40px;
  }

  .reveSms .deployments-subtitle {
    font-size: 17px;
  }

  .reveSms .deployment-name {
    font-size: 20px;
  }
}

@media (max-width: 991.98px) {
  .reveSms .deployments-header {
    margin-bottom: 36px;
  }

  .reveSms .deployments-title {
    font-size: 35px;
  }

  .reveSms .deployment-card {
    min-height: 228px;
  }
}

@media (max-width: 767.98px) {
  .reveSms .successful-deployments-section {
    padding: 40px 0 40px;
  }

  .reveSms .successful-deployments-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .reveSms .deployments-header {
    margin-bottom: 28px;
  }

  .reveSms .deployments-title {
    font-size: 30px;
    line-height: 1.18;
    margin-bottom: 12px;
  }

  .reveSms .deployments-subtitle {
    font-size: 15px;
    line-height: 1.45;
  }

  .reveSms .deployments-grid {
    --bs-gutter-x: 18px;
    --bs-gutter-y: 18px;
  }

  .reveSms .deployment-card {
    min-height: 212px;
    padding: 24px 16px 20px;
  }

  .reveSms .deployment-logo-wrap {
    height: 88px;
    margin-bottom: 18px;
  }

  .reveSms .deployment-logo {
    max-height: 88px;
    max-width: 180px;
  }

  .reveSms .deployment-name {
    font-size: 18px;
    line-height: 1.4;
  }
}

@media (max-width: 420px) {
  .reveSms .deployments-title {
    font-size: 27px;
  }

  .reveSms .deployment-name {
    font-size: 17px;
  }
}




/* resourcess  start   */

.reveSms .reve-resources-section {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 492px;
  background:
    radial-gradient(circle at 0% 82%, rgba(225, 216, 255, 0.88) 0%, rgba(234, 230, 255, 0.52) 16%, rgba(247, 248, 251, 0) 40%),
    radial-gradient(circle at 100% 54%, rgba(213, 231, 249, 0.92) 0%, rgba(226, 238, 249, 0.62) 16%, rgba(247, 248, 251, 0) 39%),
    radial-gradient(circle at 11% 18%, rgba(224, 236, 250, 0.86) 0%, rgba(234, 242, 251, 0.48) 16%, rgba(247, 248, 251, 0) 36%),
    linear-gradient(180deg, #f7f8fb 0%, #f7f8fb 100%);
}

.reveSms .reve-resources-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 16px;
}

.reveSms .resources-header {
  max-width: 680px;
  margin: 0 auto 36px;
  text-align: center;
}

.reveSms .resources-title {
  margin: 0 0 14px;
 font-family: "DM Sans", sans-serif;
  font-size: 31px;
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: var(--reve-heading);
}

.reveSms .resources-subtitle {
  margin: 0 auto;
  max-width: 520px;
  font-size: 13px;
  line-height: 1.42;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--reve-body);
}

.reveSms .resources-cards-top {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 22px;
}

.reveSms .resources-cards-bottom {
  display: flex;
  justify-content: center;
}

.reveSms .resource-card {
  width: 100%;
  min-height: 124px;
  background: rgba(255, 255, 255, 0.72);
  border-radius: var(--reve-card-radius);
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 18px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  transition: transform .25s ease, box-shadow .25s ease;
}

.reveSms .resource-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px rgba(130, 145, 185, 0.08);
}

.reveSms .resource-card.resource-card-center {
  max-width: 467px;
}

.reveSms .resource-icon-box {
  width: 81px;
  height: 95px;
  border-radius: 8px;
  background: var(--reve-pdf-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 81px;
  position: relative;
  overflow: hidden;
}

.reveSms .resource-icon-box svg {
  width: 40px;
  height: 62px;
  display: block;
}

.reveSms .resource-body {
  flex: 1 1 auto;
  min-width: 0;
}

.reveSms .resource-name {
  margin: 0 0 10px;
 font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #344055;
  text-transform: none;
}

.reveSms .resource-desc {
  margin: 0 0 22px;
  font-size: 12px;
  line-height: 1.42;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #71747b;
}

.reveSms .resource-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  color: #767676;
}

.reveSms .resource-meta svg {
  width: 11px;
  height: 14px;
  stroke: #8a8a8a;
  flex: 0 0 11px;
}

.reveSms .resource-action {
  flex: 0 0 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-decoration: none;
  align-self: stretch;
  padding-top: 2px;
}

.reveSms .resource-action:hover {
  text-decoration: none;
}

.reveSms .download-circle {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background: var(--reve-download-bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.reveSms .download-circle svg {
  width: 22px;
  height: 22px;
  display: block;
  stroke: var(--reve-download-blue);
}

.reveSms .download-text {
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  color: var(--reve-download-blue);
}

@media (max-width: 1199.98px) {
  .reveSms .reve-resources-section {
    padding-bottom: 32px;
  }

  .reveSms .reve-resources-container {
    max-width: 960px;
  }
}

@media (max-width: 991.98px) {
  .reveSms .resources-cards-top {
    grid-template-columns: 1fr;
  }

  .reveSms .resource-card.resource-card-center {
    max-width: 100%;
  }
}

@media (max-width: 767.98px) {
  .reveSms .reve-resources-section {
    min-height: auto;
    padding: 28px 0 28px;
  }

  .reveSms .reve-resources-container {
    padding: 0 14px;
  }

  .reveSms .resources-header {
    margin-bottom: 24px;
  }

  .reveSms .resources-title {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .reveSms .resources-subtitle {
    font-size: 14px;
    max-width: 100%;
  }

  .reveSms .resources-cards-top {
    gap: 16px;
    margin-bottom: 16px;
  }

  .reveSms .resource-card {
    min-height: auto;
    padding: 14px;
    gap: 14px;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .reveSms .resource-icon-box {
    width: 74px;
    height: 86px;
    flex-basis: 74px;
  }

  .reveSms .resource-body {
    flex: 1 1 calc(100% - 88px);
  }

  .reveSms .resource-name {
    font-size: 16px;
  }

  .reveSms .resource-desc {
    font-size: 13px;
    margin-bottom: 16px;
  }

  .reveSms .resource-action {
    flex: 0 0 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding-left: 88px;
  }
}

@media (max-width: 479.98px) {
  .reveSms .resource-card {
    padding: 13px;
  }

  .reveSms .resource-body {
    flex-basis: 100%;
  }

  .reveSms .resource-action {
    padding-left: 0;
  }

  .reveSms .resource-name {
    font-size: 15px;
  }
}




.reveSms .messaging-features-section {
  position: relative;
  width: calc(100% - 46px);
  overflow: hidden;
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 16%, rgba(216, 231, 248, 0.88) 0%, rgba(228, 237, 250, 0.58) 18%, rgba(247, 248, 251, 0) 42%),
    radial-gradient(circle at 100% 82%, rgba(213, 229, 249, 0.92) 0%, rgba(226, 237, 250, 0.62) 16%, rgba(247, 248, 251, 0) 39%),
    radial-gradient(circle at 100% 10%, rgba(228, 223, 255, 0.68) 0%, rgba(237, 233, 255, 0.42) 13%, rgba(247, 248, 251, 0) 34%),
    radial-gradient(circle at 0% 98%, rgba(227, 220, 255, 0.74) 0%, rgba(238, 232, 255, 0.42) 14%, rgba(247, 248, 251, 0) 34%),
    linear-gradient(180deg, #f8f9fb 0%, #f7f8fb 100%);
  padding: 36px 0 40px;
  margin: 0px 23px;
}

.reveSms .messaging-features-container {
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 42px;
}

.reveSms .features-header {
  max-width: 760px;
  margin: 0 auto 28px;
  text-align: center;
}

.reveSms .features-main-title {
  margin: 0 0 12px;
 font-family: "DM Sans", sans-serif;
  font-size: 40px;
  line-height: 1.18;
  font-weight: 600;
  letter-spacing: -0.045em;
  color: var(--reve-amf-heading);
}

.reveSms .features-subtitle {
  margin: 0 auto;
  max-width: 770px;
  font-size: 18px;
  line-height: 1.42;
  font-weight: 500;
  letter-spacing: -0.005em;
  color: #303845;
}

.reveSms .features-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px 18px;
}

.reveSms .feature-card {
  min-height: 342px;
  border: 1px solid var(--reve-amf-card-border);
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.55) 48%, rgba(236, 242, 250, 0.38) 100%);
  padding: 25px 24px 24px 24px;
  box-shadow: none;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  transition: transform .28s ease, box-shadow .28s ease;
}

.reveSms .feature-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(116, 137, 178, 0.08);
}

.reveSms .feature-icon {
  width: 72px;
  height: 72px;
  margin-bottom: 24px;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reveSms .feature-icon img {
  width: 72px;
  height: 72px;
  display: block;
  object-fit: cover;
}

.reveSms .feature-title {
  margin: 0 0 18px;
 font-family: "DM Sans", sans-serif;
  font-size: 30px;
  line-height: 1.34;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: #1c2431;
}

.reveSms .feature-desc {
  margin: 0;
  font-size: 18px;
  line-height: 1.58;
  font-weight: 500;
  letter-spacing: -0.006em;
  color: #3e4654;
}

@media (max-width: 1399.98px) {
  .reveSms .messaging-features-container {
    padding-left: 28px;
    padding-right: 28px;
  }

  .reveSms .features-grid {
    gap: 16px;
  }
}

@media (max-width: 1199.98px) {
  .reveSms .features-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .reveSms .feature-card {
    min-height: 320px;
  }
}

@media (max-width: 991.98px) {
  .reveSms .messaging-features-section {
    padding: 30px 0 34px;
  }

  .reveSms .features-header {
    margin-bottom: 22px;
  }

  .reveSms .features-main-title {
    font-size: 29px;
  }

  .reveSms .feature-card {
    min-height: auto;
  }
}

@media (max-width: 767.98px) {
  .reveSms .messaging-features-section {
    padding: 24px 0 28px;
    border-radius: 14px;
  }

  .reveSms .messaging-features-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .reveSms .features-main-title {
    font-size: 26px;
    line-height: 1.2;
  }

  .reveSms .features-subtitle {
    font-size: 14px;
  }

  .reveSms .features-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .reveSms .feature-card {
    padding: 20px 18px 20px;
    border-radius: 16px;
  }

  .reveSms .feature-icon,
  .feature-icon img {
    width: 64px;
    height: 64px;
  }

  .reveSms .feature-icon {
    margin-bottom: 18px;
  }

  .reveSms .feature-title {
    font-size: 24px;
    margin-bottom: 14px;
  }

  .reveSms .feature-desc {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 420px) {
  .reveSms .features-main-title {
    font-size: 22px;
  }

  .reveSms .feature-title {
    font-size: 21px;
  }
}


.reveSms .why-reve-section {
  position: relative;
  overflow: hidden;
  width: 100%;
  background:
    radial-gradient(circle at 0% 70%, rgba(213, 229, 248, 0.92) 0%, rgba(226, 237, 249, 0.68) 15%, rgba(248, 248, 250, 0) 38%),
    radial-gradient(circle at 100% 30%, rgba(234, 231, 255, 0.78) 0%, rgba(241, 239, 255, 0.45) 14%, rgba(248, 248, 250, 0) 36%),
    linear-gradient(180deg, #f8f8fa 0%, #f8f8fa 100%);
  padding: 50px 0px;
}

.reveSms .why-reve-container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 36px;
}

.reveSms .why-reve-header {
  max-width: 560px;
  margin: 0 auto 38px;
  text-align: center;
}

.reveSms .why-reve-title {
  margin: 0 0 16px;
 font-family: "DM Sans", sans-serif;
  font-size: 40px;
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--reve-heading);
}

.reveSms .why-reve-subtitle {
  margin: 0 auto;
  max-width: 480px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #414853;
}

.reveSms .why-reve-grid {
  --bs-gutter-x: 18px;
  --bs-gutter-y: 18px;
}

.reveSms .why-reve-card {
  position: relative;
  width: 100%;
  min-height: 140px;
  height: 100%;
  border: 1px solid var(--reve-card-border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.56);
  padding: 18px 20px 18px;
  transition: transform .28s ease, box-shadow .28s ease;
  box-shadow: none;
}

.reveSms .why-reve-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 28px rgba(126, 145, 182, 0.08);
}

.reveSms .why-reve-card.featured-card::before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  height: 3px;
  border-radius: 14px 14px 0 0;
  background: linear-gradient(90deg, var(--reve-featured-start) 0%, var(--reve-featured-end) 100%);
}

.reveSms .why-reve-icon {
  width: 43px;
  height: 43px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--reve-icon-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.reveSms .why-reve-icon img {
  width: 43px;
  height: 43px;
  display: block;
  object-fit: cover;
}

.reveSms .why-reve-card-title {
  margin: 0 0 13px;
 font-family: "DM Sans", sans-serif;
  font-size: 20px;
  line-height: 1.32;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #161d2a;
}

.reveSms .why-reve-card-text {
  margin: 0;
  max-width: 340px;
  font-size: 16px;
  line-height: 1.42;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #454d5b;
}

@media (max-width: 1399.98px) {
  .reveSms .why-reve-section {
    min-height: auto;
  }
}

@media (max-width: 1199.98px) {
  .reveSms .why-reve-container {
    padding-left: 26px;
    padding-right: 26px;
  }
}

@media (max-width: 991.98px) {
  .reveSms .why-reve-section {
    padding: 80px 0 56px;
  }

  .reveSms .why-reve-header {
    margin-bottom: 30px;
  }
}

@media (max-width: 767.98px) {
  .reveSms .why-reve-section {
    padding: 54px 0 44px;
  }

  .reveSms .why-reve-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .reveSms .why-reve-title {
    font-size: 28px;
    margin-bottom: 12px;
  }

  .reveSms .why-reve-subtitle {
    font-size: 14px;
    line-height: 1.45;
    max-width: 100%;
  }

  .reveSms .why-reve-grid {
    --bs-gutter-y: 14px;
    --bs-gutter-x: 14px;
  }

  .reveSms .why-reve-card {
    min-height: auto;
    padding: 16px;
    border-radius: 12px;
  }

  .reveSms .why-reve-card.featured-card::before {
    border-radius: 12px 12px 0 0;
  }

  .reveSms .why-reve-icon,
  .reveSms .why-reve-icon img {
    width: 42px;
    height: 42px;
  }

  .reveSms .why-reve-icon {
    margin-bottom: 14px;
  }

  .reveSms .why-reve-card-title {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .reveSms .why-reve-card-text {
    max-width: 100%;
    font-size: 13px;
    line-height: 1.55;
  }
}

@media (max-width: 420px) {
  .reveSms .why-reve-title {
    font-size: 24px;
  }

  .reveSms .why-reve-card-title {
    font-size: 18px;
  }
}



.reveSms .successful-deployments-section {
  position: relative;
  font-family: "DM Sans", sans-serif;
  width: 100%;
  overflow: hidden;
  color: var(--reve-smss-body);
  padding: 50px 0 50px;
}

.reveSms .successful-deployments-container {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 20px;
}

.reveSms .deployments-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 47px;
}

.reveSms .deployments-title {
  margin: 0 0 14px;
 font-family: "DM Sans", sans-serif;
  font-size: 40px;
  line-height: 1.16;
  font-weight: 600;
  letter-spacing: -0.048em;
  color: var(--reve-smss-heading);
}

.reveSms .deployments-subtitle {
  margin: 0 auto;
  max-width: 660px;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: -0.012em;
  color: var(--reve-smss-body);
}

.reveSms .deployments-grid {
  --bs-gutter-x: 36px;
  --bs-gutter-y: 36px;
  justify-content: center;
}
.sms-overview-section{
  max-width: 70%;
  margin: auto;
}
.reveSms .deployment-card {
  width: 100%;
  min-height: 241px;
  background: var(--reve-smss-card-bg);
  border-radius: 14px;
  padding: 28px 18px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: transform .25s ease, box-shadow .25s ease;
}

.reveSms .deployment-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 36px rgba(125, 146, 188, 0.10);
}

.reveSms .deployment-logo-wrap {
  width: 100%;
  height: 98px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 23px;
}

.reveSms .deployment-logo {
  max-width: 200px;
  max-height: 98px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.reveSms .deployment-name {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-size: 20px;
  line-height: 1.43;
  font-weight: 500;
  letter-spacing: -0.022em;
  color: var(--reve-smss-card-text);
}

@media (max-width: 1399.98px) {
  .reveSms .successful-deployments-container {
    max-width: 1280px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .reveSms .deployments-title {
    font-size: 46px;
  }

  .reveSms .deployments-grid {
    --bs-gutter-x: 28px;
    --bs-gutter-y: 28px;
  }
}

@media (max-width: 1199.98px) {
  .reveSms .successful-deployments-section {
    padding: 52px 0 46px;
  }

  .reveSms .deployments-title {
    font-size: 40px;
  }

  .reveSms .deployments-subtitle {
    font-size: 17px;
  }

  .reveSms .deployment-name {
    font-size: 20px;
  }
  .sms-overview-section{
  max-width: 100%;
  margin: auto;
}
}

@media (max-width: 991.98px) {
  .reveSms .deployments-header {
    margin-bottom: 36px;
  }

  .reveSms .deployments-title {
    font-size: 35px;
  }

  .reveSms .deployment-card {
    min-height: 228px;
  }
}

@media (max-width: 767.98px) {
  .reveSms .successful-deployments-section {
    padding: 40px 0 40px;
  }

  .reveSms .successful-deployments-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .reveSms .deployments-header {
    margin-bottom: 28px;
  }

  .reveSms .deployments-title {
    font-size: 30px;
    line-height: 1.18;
    margin-bottom: 12px;
  }

  .reveSms .deployments-subtitle {
    font-size: 15px;
    line-height: 1.45;
  }

  .reveSms .deployments-grid {
    --bs-gutter-x: 18px;
    --bs-gutter-y: 18px;
  }

  .reveSms .deployment-card {
    min-height: 212px;
    padding: 24px 16px 20px;
  }

  .reveSms .deployment-logo-wrap {
    height: 88px;
    margin-bottom: 18px;
  }

  .reveSms .deployment-logo {
    max-height: 88px;
    max-width: 180px;
  }

  .reveSms .deployment-name {
    font-size: 18px;
    line-height: 1.4;
  }
}

@media (max-width: 420px) {
  .reveSms .deployments-title {
    font-size: 27px;
  }

  .reveSms .deployment-name {
    font-size: 17px;
  }
}

/* SMS Platform  end */



/* iTel Switch - Class 5  start */
.itelclass5 .class5-softswitch-section {
  position: relative;
  overflow: hidden;
  width: 100%;
  background:
    radial-gradient(circle at 0% 59%, rgba(221, 223, 255, 0.86) 0%, rgba(232, 234, 255, 0.56) 14%, rgba(255, 255, 255, 0) 38%),
    radial-gradient(circle at 100% 56%, rgba(215, 235, 252, 0.96) 0%, rgba(227, 240, 253, 0.65) 15%, rgba(255, 255, 255, 0) 38%),
    radial-gradient(circle at 48% 43%, rgba(222, 237, 251, 0.72) 0%, rgba(240, 247, 253, 0.34) 14%, rgba(255, 255, 255, 0) 40%),
    linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
  padding: 100px 0 50px;
}

.itelclass5 .class5-container {
  max-width: 1778px;
  margin: 0 auto;
  padding: 0 83px;
}

.itelclass5 .class5-header {
  max-width: 960px; 
  margin: 0 auto 0px;
  text-align: center;
}

.itelclass5 .class5-title {
  margin: 0 0 18px;
  font-family: "DM Sans", sans-serif;
  font-size: 40px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.05em;
  color: var(--reve-itelclass5-heading);
}

.itelclass5 .class5-subtitle {
  margin: 0 auto;
  max-width: 959px;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 1.34;
  font-weight: 400;
  color: #202631;
  padding: 0px 0px 50px 0px;
}

.itelclass5 .softswitch-grid {
  display: grid;
  gap: 18px;
  align-items: stretch;
  transition: grid-template-columns .38s ease;
  padding-top: 50px;
}

.itelclass5 .softswitch-grid[data-active="0"] {
  grid-template-columns: 2.23fr 1fr 1fr 1fr;
}

.itelclass5 .softswitch-grid[data-active="1"] {
  grid-template-columns: 1fr 2.23fr 1fr 1fr;
}

.itelclass5 .softswitch-grid[data-active="2"] {
  grid-template-columns: 1fr 1fr 2.23fr 1fr;
}

.itelclass5 .softswitch-grid[data-active="3"] {
  grid-template-columns: 1fr 1fr 1fr 2.23fr;
}

.itelclass5 .softswitch-card {
  position: relative;
  max-height: 330px;
  overflow: hidden;
  border: 1px solid var(--reve-itelclass5-card-border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.68);
  display: grid;
  grid-template-columns: 1fr 0fr;
  gap: 0;
  transition: grid-template-columns .38s ease, box-shadow .38s ease, background .28s ease, border-color .28s ease, transform .28s ease;
  outline: none;
  cursor: pointer;
}

.itelclass5 .softswitch-card:hover {
  transform: translateY(-2px);
}

.itelclass5 .softswitch-card.is-active {
  grid-template-columns: minmax(0, 1fr) 253px;
  background: #ffffff;
  border-color: rgba(255, 255, 255, 0.9);
  box-shadow: var(--reve-itelclass5-shadow);
  transform: none;
}

.itelclass5 .softswitch-copy {
  min-width: 0;
  padding: 25px 22px 31px 23px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.itelclass5 .softswitch-no {
  display: block;
 font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #1d2430;
}

.itelclass5 .softswitch-card:not(.is-active) .softswitch-no {
  color: #6b6b6b;
}

.itelclass5 .softswitch-text-group {
  margin-top: auto;
}

.itelclass5 .softswitch-card-title {
  margin: 0 0 18px;
 font-family: "DM Sans", sans-serif;
  font-size: 24px;
  line-height: 1.22;
  font-weight: 800;
  letter-spacing: -0.045em;
  color: var(--reve-itelclass5-heading);
}

.itelclass5 .softswitch-card-desc {
  margin: 0;
  max-width: 245px;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #303844;
}

.itelclass5 .softswitch-card.is-active .softswitch-card-desc {
  max-width: 249px;
}

.itelclass5 .softswitch-visual {
  width: 0;
  min-width: 0;
  padding: 22px 20px 23px 0;
  opacity: 0;
  transform: translateX(16px);
  transition: width .38s ease, opacity .26s ease, transform .34s ease, padding .38s ease;
  pointer-events: none;
  overflow: hidden;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

.itelclass5 .softswitch-card.is-active .softswitch-visual {
  width: 253px;
  opacity: 1;
  transform: translateX(0);
  padding-right: 20px;
}

.itelclass5 .softswitch-visual img {
  width: 253px;
  height: 282px;
  max-width: none;
  object-fit: cover;
  object-position: center center;
  display: block;
  border-radius: 24px;
}

@media (max-width: 1599.98px) {
  .itelclass5 .class5-container {
    padding-left: 72px;
    padding-right: 72px;
  }
}

@media (max-width: 1399.98px) {
 

  .itelclass5 .class5-container {
    padding-left: 42px;
    padding-right: 42px;
  }

  .itelclass5 .softswitch-card.is-active {
    grid-template-columns: minmax(0, 1fr) 220px;
  }

  .itelclass5 .softswitch-card.is-active .softswitch-visual,
  .itelclass5 .softswitch-visual img {
    width: 220px;
  }

  .itelclass5 .softswitch-visual img {
    height: 270px;
  }
}

@media (max-width: 1199.98px) {
  .itelclass5 .class5-softswitch-section {
    min-height: auto;
    padding: 80px 0 70px;
  }

  .itelclass5 .class5-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .itelclass5 .softswitch-grid,
  .itelclass5 .softswitch-grid[data-active="0"],
  .itelclass5 .softswitch-grid[data-active="1"],
  .itelclass5 .softswitch-grid[data-active="2"],
  .itelclass5 .softswitch-grid[data-active="3"] {
    grid-template-columns: 1fr 1fr;
  }

  .itelclass5 .softswitch-card.is-active {
    grid-template-columns: minmax(0, 1fr) 240px;
  }
}

@media (max-width: 991.98px) {
  .itelclass5 .class5-softswitch-section {
    padding-top: 60px;
  }

  .itelclass5 .class5-title {
    font-size: 30px;
  }

  .itelclass5 .softswitch-card {
    min-height: 300px;
  }

  .itelclass5 .softswitch-card.is-active {
    grid-template-columns: 1fr;
  }

  .itelclass5 .softswitch-card.is-active .softswitch-visual {
    width: 100%;
    padding: 0 20px 22px;
    justify-content: flex-start;
  }

  .itelclass5 .softswitch-visual img {
    width: 100%;
    height: auto;
    aspect-ratio: 253 / 282;
    max-width: 253px;
  }
}

@media (max-width: 767.98px) {
  .itelclass5 .class5-softswitch-section {
    padding: 70px 0 44px;
  }

  .itelclass5 .class5-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .itelclass5 .class5-header {
    margin-bottom: 30px;
  }

  .itelclass5 .class5-title {
    font-size: 26px;
    line-height: 1.22;
    margin-bottom: 14px;
  }

  .itelclass5 .class5-subtitle {
    font-size: 14px;
    line-height: 1.5;
  }

  .itelclass5 .softswitch-grid,
  .itelclass5 .softswitch-grid[data-active="0"],
  .itelclass5 .softswitch-grid[data-active="1"],
  .itelclass5 .softswitch-grid[data-active="2"],
  .itelclass5 .softswitch-grid[data-active="3"] {
    grid-template-columns: 1fr;
  }

  .itelclass5 .softswitch-card {
    min-height: auto;
  }

  .itelclass5 .softswitch-copy {
    padding: 22px 18px 24px;
    min-height: 220px;
  }

  .itelclass5 .softswitch-card-title {
    font-size: 21px;
    margin-bottom: 13px;
  }

  .itelclass5 .softswitch-card-desc {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.5;
  }

  .itelclass5 .softswitch-card.is-active .softswitch-card-desc {
    max-width: 100%;
  }
}

@media (max-width: 420px) {
  .itelclass5 .class5-title {
    font-size: 23px;
  }

  .itelclass5 .softswitch-card-title {
    font-size: 19px;
  }
}




.itelclass5 .highlighted-features-section {
  position: relative;
  width: calc(100% - 46px);
  margin: auto;
  overflow: hidden;
  border-radius: 17px;
  min-height: 2048px;
  background:
    radial-gradient(circle at 0% 18%, rgba(216, 231, 248, 0.86) 0%, rgba(229, 238, 250, 0.54) 15%, rgba(247, 248, 251, 0) 40%),
    radial-gradient(circle at 100% 84%, rgba(213, 229, 249, 0.92) 0%, rgba(226, 237, 250, 0.64) 15%, rgba(247, 248, 251, 0) 38%),
    radial-gradient(circle at 100% 10%, rgba(228, 223, 255, 0.68) 0%, rgba(237, 233, 255, 0.42) 13%, rgba(247, 248, 251, 0) 34%),
    radial-gradient(circle at 0% 98%, rgba(227, 220, 255, 0.76) 0%, rgba(238, 232, 255, 0.42) 14%, rgba(247, 248, 251, 0) 34%),
    linear-gradient(180deg, #f8f9fb 0%, #f7f8fb 100%);
  padding: 51px 0 54px;
}

.itelclass5 .highlighted-features-container {
  max-width: 1668px;
  margin: 0 auto;
  padding: 0 67px;
}

.itelclass5 .highlight-header {
  max-width: 660px;
  margin: 0 auto 70px;
  text-align: center;
}

.itelclass5 .highlight-title {
  margin: 0 0 16px;
 font-family: "DM Sans", sans-serif;
  font-size: 40px;
  line-height: 1.16;
  font-weight: 600;
  letter-spacing: -0.045em;
  color: var(--reve-itelclass5hf-heading);
}

.itelclass5 .highlight-subtitle {
  margin: 0 auto;
  max-width: 568px;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 1.42;
  font-weight: 500;
  letter-spacing: -0.006em;
  color: #303846;
}

.itelclass5 .highlight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.itelclass5 .highlight-card {
  min-height: 414px;
  border: 1px solid var(--reve-itelclass5hf-card-border);
  border-radius: 17px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.58) 48%, rgba(236, 242, 250, 0.40) 100%);
  padding: 28px 33px 32px;
  box-shadow: none;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.itelclass5 .highlight-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--reve-itelclass5hf-card-shadow);
  border-color: rgba(205, 211, 224, 0.95);
}

.itelclass5 .highlight-icon {
  width: 88px;
  height: 88px;
  margin: 0 0 35px;
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.itelclass5 .highlight-icon img {
  width: 92px;
  height: 92px;
  display: block;
  object-fit: cover;
}

.itelclass5 .highlight-card-title {
  margin: 0 0 26px;
  font-family: "DM Sans", sans-serif;
  font-size: 30px;
  line-height: 1.27;
  font-weight: 500;
  letter-spacing: -0.035em;
  color: #111927;
}

.itelclass5 .highlight-card-desc {
  margin: 0;
  max-width: 425px;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 1.53;
  font-weight: 400;
  color: #1F2A37;
}

@media (max-width: 1399.98px) {
  .itelclass5 .highlighted-features-section {
    min-height: auto;
  }

  .itelclass5 .highlighted-features-container {
    padding-left: 42px;
    padding-right: 42px;
  }

  .itelclass5 .highlight-card {
    min-height: 382px;
  }

  .itelclass5 .highlight-card-title {
    font-size: 22px;
  }

  .itelclass5 .highlight-card-desc {
    font-size: 14px;
  }
}

@media (max-width: 1199.98px) {
  .itelclass5 .highlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .itelclass5 .highlight-card {
    min-height: 340px;
  }
}

@media (max-width: 991.98px) {
  .itelclass5 .highlighted-features-section {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .itelclass5 .highlight-header {
    margin-bottom: 42px;
  }

  .itelclass5 .highlight-title {
    font-size: 31px;
  }
}

@media (max-width: 767.98px) {
  .itelclass5 .highlighted-features-section {
    padding: 32px 0 34px;
    border-radius: 14px;
  }

  .itelclass5 .highlighted-features-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .itelclass5 .highlight-header {
    margin-bottom: 28px;
  }

  .itelclass5 .highlight-title {
    font-size: 27px;
    line-height: 1.2;
    margin-bottom: 12px;
  }

  .itelclass5 .highlight-subtitle {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.5;
  }

  .itelclass5 .highlight-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .itelclass5 .highlight-card {
    min-height: auto;
    padding: 22px 18px 24px;
    border-radius: 15px;
  }

  .itelclass5 .highlight-icon,
  .itelclass5 .highlight-icon img {
    width: 72px;
    height: 72px;
  }

  .itelclass5 .highlight-icon {
    margin-bottom: 24px;
    border-radius: 15px;
  }

  .itelclass5 .highlight-card-title {
    font-size: 23px;
    margin-bottom: 16px;
  }

  .itelclass5 .highlight-card-desc {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.62;
  }
}

@media (max-width: 420px) {
  .itelclass5 .highlight-title {
    font-size: 24px;
  }

  .itelclass5 .highlight-card-title {
    font-size: 20px;
  }
}



.itelclass5 .itel-modules-section {
  width: calc(100% - 46px);
  overflow: hidden;
  border-radius: 16px;
  margin: 24px auto;
  background:
    radial-gradient(circle at 0% 40%, rgba(207, 228, 249, 0.92) 0%, rgba(225, 237, 250, 0.62) 17%, rgba(247, 248, 251, 0) 43%),
    radial-gradient(circle at 100% 100%, rgba(218, 218, 255, 0.92) 0%, rgba(232, 231, 255, 0.58) 20%, rgba(247, 248, 251, 0) 47%),
    radial-gradient(circle at 50% 22%, rgba(236, 242, 252, 0.70) 0%, rgba(247, 248, 251, 0) 38%),
    linear-gradient(90deg, #eef6ff 0%, #f8f8fb 43%, #f5f5fb 72%, #e7e8ff 100%);
  padding: 46px 0 51px;
}

.itelclass5 .itel-modules-container {
  max-width: 1724px;
  margin: 0 auto;
  padding: 0 24px;
}

.itelclass5 .itel-modules-header {
  max-width: 900px;
  margin: 0 auto 55px;
  text-align: center;
}

.itelclass5 .itel-modules-main-title {
  margin: 0 0 13px;
 font-family: "DM Sans", sans-serif;
  font-size: 40px;
  line-height: 1.16;
  font-weight: 600;
  letter-spacing: -0.045em;
  color: var(--reve-itelclass5ism-heading);
}

.itelclass5 .itel-modules-subtitle {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 1.36;
  font-weight: 400;
  letter-spacing: -0.018em;
  color: #252525;
}

.itelclass5 .modules-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px 24px;
}

.itelclass5 .module-card {
  width: 100%;
  min-height: 342px;
  background: var(--reve-itelclass5ism-card-bg);
  border-radius: 12px;
  padding: 30px 25px 30px;
  transition: transform .28s ease, box-shadow .28s ease;
  box-shadow: none;
}

.itelclass5 .module-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--reve-itelclass5ism-card-shadow);
}

.itelclass5 .module-icon {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 39px;
}

.itelclass5 .module-icon img {
  width: 62px;
  height: 62px;
  display: block;
  object-fit: cover;
}

.itelclass5 .module-title {
  margin: 0 0 18px;
 font-family: "DM Sans", sans-serif;
  font-size: 20px;
  line-height: 1.28;
  font-weight: 600;
  color: #000;
}

.itelclass5 .module-desc {
  margin: 0;
  max-width: 354px;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 1.43;
  font-weight: 400;
  color: #1F2A37;
}

@media (max-width: 1399.98px) {
  .itelclass5 .itel-modules-section {
    min-height: auto;
  }

  .itelclass5 .itel-modules-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .itelclass5 .modules-grid {
    gap: 20px;
  }

  .itelclass5 .module-card {
    min-height: 330px;
    padding: 28px 22px;
  }

  .itelclass5 .module-desc {
    font-size: 18px;
  }
}

@media (max-width: 1199.98px) {
  .itelclass5 .modules-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .itelclass5 .itel-modules-main-title {
    font-size: 36px;
  }

  .itelclass5 .itel-modules-subtitle {
    font-size: 18px;
  }

  .itelclass5 .module-card {
    min-height: 300px;
  }

  .itelclass5 .module-desc {
    max-width: 100%;
  }
}

@media (max-width: 991.98px) {
  .itelclass5 .itel-modules-section {
    padding: 42px 0;
  }

  .itelclass5 .itel-modules-header {
    margin-bottom: 38px;
  }
}

@media (max-width: 767.98px) {
  .itelclass5 .itel-modules-section {
    border-radius: 8px;
    padding: 32px 0;
  }

  .itelclass5 .itel-modules-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .itelclass5 .itel-modules-header {
    margin-bottom: 28px;
  }

  .itelclass5 .itel-modules-main-title {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 10px;
  }

  .itelclass5 .itel-modules-subtitle {
    font-size: 16px;
    line-height: 1.45;
  }

  .itelclass5 .modules-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .itelclass5 .module-card {
    min-height: auto;
    padding: 24px 20px 26px;
    border-radius: 12px;
  }

  .itelclass5 .module-icon {
    margin-bottom: 28px;
  }

  .itelclass5 .module-title {
    font-size: 21px;
    margin-bottom: 14px;
  }

  .itelclass5 .module-desc {
    font-size: 16px;
    line-height: 1.55;
    letter-spacing: -0.02em;
  }
}

@media (max-width: 420px) {
  .itelclass5 .itel-modules-main-title {
    font-size: 26px;
  }

  .itelclass5 .module-title {
    font-size: 19px;
  }

  .itelclass5 .module-desc {
    font-size: 15px;
  }
}


/* iTel Switch - Class 5  end */

/* Reve SBC  start */

.revesbc .choose-sbc-section {
  width: 100%;
  min-height: 766px;
  overflow: hidden;
  background:
    radial-gradient(circle at 0% 53%, rgba(207, 227, 247, 0.96) 0%, rgba(226, 238, 250, 0.62) 18%, rgba(248, 249, 251, 0) 45%),
    radial-gradient(circle at 100% 54%, rgba(223, 232, 248, 0.88) 0%, rgba(234, 240, 250, 0.54) 18%, rgba(248, 249, 251, 0) 44%),
    radial-gradient(circle at 50% 18%, rgba(239, 242, 249, 0.78) 0%, rgba(248, 249, 251, 0) 42%),
    linear-gradient(90deg, #eef7ff 0%, #f8f9fb 44%, #f8f9fb 66%, #f0f5fb 100%);
  padding: 50px 0 48px;
}

.revesbc .choose-sbc-container {
  max-width: 1610px;
  margin: 0 auto;
  padding: 100px 24px 0 24px;
}

.revesbc .choose-sbc-layout {
  display: grid;
  grid-template-columns: 759px minmax(0, 1fr);
  gap: 116px;
  align-items: start;
}

.revesbc .choose-sbc-visual {
  width: 100%;
  max-width: 759px;
  border-radius: 29px;
  overflow: hidden;
}

.itelclass5.revesbc h2.class5-title {
  color: #111927;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0;
}

.revesbc .choose-sbc-visual img {
  width: 100%;
  display: block;
  height: auto;
  aspect-ratio: 759 / 669;
  object-fit: cover;
}

.revesbc .choose-sbc-content {
  padding-top: 1px;
  max-width: 728px;
}

.revesbc .choose-sbc-title {
  margin: 0 0 24px;
  font-family: "DM Sans", sans-serif;
  font-size: 40px;
  line-height: 1.16;
  font-weight: 700;
  color: #000;
  max-width: 560px;
}

.revesbc .choose-sbc-description {
  margin: 0;
  max-width: 670px;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 1.48;
  font-weight: 400;
  color: #1F2A37;
  max-width: 560px;
}

.revesbc .choose-feature-list {
  margin-top: 39px;
  width: 100%;
}

.revesbc .choose-feature-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 20px;
  padding: 0 0 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--reve-revesbc-border);
}

.revesbc .choose-feature-row.last-row {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  grid-template-columns: minmax(0, 1fr);
}

.reve-sbc-products .product-title {
  font-size: 20px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.revesbc .choose-feature {
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 0;
}

.revesbc .choose-icon {
  width: 65px;
  height: 65px;
  flex: 0 0 65px;
  border-radius: 9px;
  background: var(--icon-bg);
  color: var(--icon-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.revesbc .choose-icon svg {
  width: 25px;
  height: 25px;
  display: block;
}

.revesbc .choose-feature p {

  font-family: "DM Sans", sans-serif;
  margin: 0;
  max-width: 330px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: 0;
  color: #111927;
}

@media (max-width: 1599.98px) {
  .revesbc .choose-sbc-layout {
    grid-template-columns: 45.5% minmax(0, 1fr);
    gap: 72px;
  }

  .revesbc .choose-sbc-title {
    font-size: 40px;
  }
}

@media (max-width: 1399.98px) {
  .revesbc .choose-sbc-section {
    min-height: auto;
  }

  .revesbc .choose-sbc-layout {
    gap: 48px;
  }

  .revesbc .choose-sbc-title {
    font-size: 36px;
  }

  .revesbc .choose-feature-row {
    column-gap: 20px;
  }

  .revesbc .choose-feature p {
    font-size: 16px;
  }
}

@media (max-width: 1199.98px) {
  .revesbc .choose-sbc-section {
    padding: 42px 0;
  }

  .revesbc .choose-sbc-layout {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .revesbc .choose-sbc-visual {
    max-width: 760px;
    margin: 0 auto;
  }

  .revesbc .choose-sbc-content {
    max-width: 760px;
    margin: 0 auto;
  }
}

@media (max-width: 767.98px) {
  .revesbc .choose-sbc-section {
    padding: 32px 0;
  }

  .revesbc .choose-sbc-container {
    padding: 0 14px;
  }

  .revesbc .choose-sbc-visual {
    border-radius: 20px;
  }

  .revesbc .choose-sbc-title {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 16px;
  }

  .revesbc .choose-sbc-description {
    font-size: 16px;
    line-height: 1.55;
  }

  .revesbc .choose-feature-list {
    margin-top: 28px;
  }

  .revesbc .choose-feature-row,
  .revesbc .choose-feature-row.last-row {
    grid-template-columns: 1fr;
    gap: 20px;
    padding-bottom: 24px;
    margin-bottom: 24px;
  }

  .revesbc .choose-feature-row.last-row {
    padding-bottom: 0;
  }

  .revesbc .choose-feature {
    gap: 16px;
  }

  .revesbc .choose-icon {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
  }

  .revesbc .choose-feature p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.4;
  }
}

@media (max-width: 420px) {
  .revesbc .choose-sbc-title {
    font-size: 26px;
  }

  .revesbc .choose-feature p {
    font-size: 15px;
  }
}

.reveDarkGridBG .advanced-capabilities-section {
  width: calc(100% - 46px);
  margin: auto;
  overflow: hidden;
  border-radius: 17px;
  background:
    radial-gradient(circle at 0% 14%, rgba(214, 232, 249, 0.88) 0%, rgba(229, 239, 250, 0.58) 17%, rgba(247, 248, 251, 0) 43%),
    radial-gradient(circle at 100% 10%, rgba(220, 235, 250, 0.88) 0%, rgba(231, 240, 251, 0.55) 16%, rgba(247, 248, 251, 0) 42%),
    radial-gradient(circle at 100% 88%, rgba(216, 230, 249, 0.82) 0%, rgba(229, 238, 250, 0.55) 17%, rgba(247, 248, 251, 0) 42%),
    radial-gradient(circle at 0% 96%, rgba(229, 220, 255, 0.68) 0%, rgba(238, 232, 255, 0.40) 13%, rgba(247, 248, 251, 0) 36%),
    linear-gradient(180deg, #f8f9fb 0%, #f7f8fb 100%);
  padding: 58px 0 48px;
}

.reveDarkGridBG .advanced-capabilities-container {
  max-width: 1715px;
  margin: 0 auto;
  padding: 0 75px;
}

.reveDarkGridBG .capabilities-header {
  max-width: 650px;
  margin: 0 auto 50px;
  text-align: center;
}

.reveDarkGridBG .capabilities-main-title {
  margin: 0;
 font-family: "DM Sans", sans-serif;
  font-size: 40px;
  line-height: 1.28;
  font-weight: 800;
  letter-spacing: -0.052em;
  color: var(--reve-reveSBCg-heading);
}

.reveDarkGridBG .capabilities-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.reveDarkGridBG .capability-card {
  min-height: 483px;
  border-radius: 23px;
  border: 1px solid var(--reve-reveSBCg-card-border);
  background:
    radial-gradient(circle at 85% 47%, rgba(219, 236, 252, 0.85) 0%, rgba(219, 236, 252, 0.62) 18%, rgba(219, 236, 252, 0) 45%),
    linear-gradient(112deg, var(--reve-reveSBCg-card-bg-a) 0%, rgba(233, 232, 255, 0.74) 43%, var(--reve-reveSBCg-card-bg-b) 100%);
  padding: 63px 44px 42px;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  box-shadow: none;
}

.reveDarkGridBG .capability-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--reve-reveSBCg-card-shadow);
  border-color: rgba(205, 211, 224, 0.95);
}

.reveDarkGridBG .capability-icon {
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 18px;
  margin: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reveDarkGridBG .capability-icon img {
  width: 90px;
  height: 90px;
  display: block;
  object-fit: cover;
}

.reveDarkGridBG .capability-title {
  margin: 0 0 25px;
 font-family: "DM Sans", sans-serif;
  font-size: 30px;
  line-height: 1.18;
  font-weight: 500;
  letter-spacing: -0.055em;
  color: var(--reve-reveSBCg-card-text);
}

.reveDarkGridBG .capability-desc {
  margin: 0;
  max-width: 412px;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 1.50;
  font-weight: 500;
  letter-spacing: -0.016em;
  color: #4a5260;
}

@media (max-width: 1599.98px) {
  .reveDarkGridBG .advanced-capabilities-container {
    padding-left: 50px;
    padding-right: 50px;
  }

  .reveDarkGridBG .capability-card {
    padding-left: 36px;
    padding-right: 36px;
  }
}

@media (max-width: 1399.98px) {
  .reveDarkGridBG .advanced-capabilities-section {
    min-height: auto;
  }

  .reveDarkGridBG .capabilities-grid {
    gap: 20px;
  }

  .reveDarkGridBG .capability-card {
    min-height: 440px;
    padding: 46px 30px 36px;
  }

  .reveDarkGridBG .capability-title {
    font-size: 25px;
  }

  .reveDarkGridBG .capability-desc {
    font-size: 15px;
  }
}

@media (max-width: 1199.98px) {
  .reveDarkGridBG .capabilities-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .reveDarkGridBG .capability-card {
    min-height: 380px;
  }
}

@media (max-width: 991.98px) {
  .reveDarkGridBG .advanced-capabilities-section {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .reveDarkGridBG .capabilities-header {
    margin-bottom: 50px;
  }

  .reveDarkGridBG .capabilities-main-title {
    font-size: 33px;
  }
}

@media (max-width: 767.98px) {
  .reveDarkGridBG .advanced-capabilities-section {
    border-radius: 14px;
    padding: 32px 0 34px;
  }

  .reveDarkGridBG .advanced-capabilities-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .reveDarkGridBG .capabilities-header {
    margin-bottom: 28px;
  }

  .reveDarkGridBG .capabilities-main-title {
    font-size: 27px;
    line-height: 1.25;
  }

  .capabilities-grid {
    grid-template-columns: 1fr!important;
    gap: 14px;
  }
.reveDarkGridBG .capabilities-header br{
  display: none;
}
  .reveDarkGridBG .capability-card {
    min-height: auto;
    border-radius: 18px;
    padding: 28px 22px 30px;
  }

  .reveDarkGridBG .capability-icon,
  .reveDarkGridBG .capability-icon img {
    width: 72px;
    height: 72px;
  }

  .reveDarkGridBG .capability-icon {
    margin-bottom: 26px;
    border-radius: 15px;
  }

  .reveDarkGridBG .capability-title {
    font-size: 24px;
    line-height: 1.22;
    margin-bottom: 16px;
  }

  .reveDarkGridBG .capability-desc {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.62;
  }
}

@media (max-width: 420px) {
  .reveDarkGridBG .capabilities-main-title {
    font-size: 24px;
  }

  .reveDarkGridBG .capability-title {
    font-size: 21px;
  }
}

.reve-sbc-products article.product-card {
  padding-top: 35px;
}

.reve-products-trusted.reve-sbc-products p.product-desc {
  margin-top: 25px;
}


.reve2Grid .secured-communication-section {
  width: 100%;
  font-family: "DM Sans", sans-serif;
  color: var(--reve-reve2Grid-body);
  overflow: hidden;
  background:
    radial-gradient(circle at 0% 50%, rgba(214, 232, 249, 0.96) 0%, rgba(227, 239, 250, 0.66) 17%, rgba(248, 249, 251, 0) 45%),
    radial-gradient(circle at 100% 52%, rgba(218, 234, 247, 0.92) 0%, rgba(231, 241, 250, 0.60) 17%, rgba(248, 249, 251, 0) 45%),
    radial-gradient(circle at 50% 28%, rgba(238, 241, 249, 0.82) 0%, rgba(248, 249, 251, 0) 42%),
    linear-gradient(90deg, #eff7ff 0%, #f8f9fb 40%, #f8f9fb 63%, #f1f7fb 100%);
  padding: 50px 0;
}

.reve2Grid .secured-communication-container {
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 24px;
}

.reve2Grid .secured-communication-layout {
  display: grid;
  grid-template-columns: minmax(0, 596px) minmax(0, 822px);
  gap: 62px;
}
.reve2Grid .secure-content {
  width: 100%;
  max-width: 596px;
}

.reve2Grid .secure-title {
  margin: 0 0 23px;
 font-family: "DM Sans", sans-serif;
  font-size: 40px;
  line-height: 1.17;
  font-weight: 500;
  letter-spacing: -0.055em;
  color: var(--reve-reve2Grid-heading);
}

.reve2Grid .secure-description {
  margin: 0;
  max-width: 586px;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 1.54;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: #3f4754;
}

.reve2Grid .secure-features {
  margin-top: 53px;
}

.reve2Grid .secure-feature {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding: 0 0 0;
}

.reve2Grid .secure-feature.has-divider {
  border-bottom: 1px solid var(--reve-reve2Grid-divider);
  padding-bottom: 17px;
  margin-bottom: 19px;
}

.reve2Grid .secure-feature-icon {
  width: 65px;
  height: 65px;
  flex: 0 0 65px;
  border-radius: 9px;
  overflow: hidden;
}

.reve2Grid .secure-feature-icon img {
  width: 65px;
  height: 65px;
  display: block;
  object-fit: cover;
}

.reve2Grid .secure-feature-copy {
  min-width: 0;
  padding-top: 1px;
}

.reve2Grid .secure-feature-copy h3 {
  margin: 0 0 9px;
 font-family: "DM Sans", sans-serif;
  font-size: 20px;
  line-height: 1.22;
  font-weight: 500;
  letter-spacing: -0.04em;
  color: #111928;
}

.reve2Grid .secure-feature-copy p {
  margin: 0;
  max-width: 505px;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 1.47;
  font-weight: 400; 
  color: #454d5a;
}

.reve2Grid .secure-visual {
  width: 100%;
  max-width: 822px;
  margin-left: auto;
}

.reve2Grid .secure-visual img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 25px;
  object-fit: cover;
  box-shadow: none;
}

@media (max-width: 1499.98px) {
  .reve2Grid .secured-communication-container {
    max-width: 1320px;
  }

  .reve2Grid .secured-communication-layout {
    grid-template-columns: minmax(0, 520px) minmax(0, 720px);
    gap: 46px;
  }

  .reve2Grid .secure-title {
    font-size: 34px;
  }

  .reve2Grid .secure-description {
    font-size: 17px;
  }

  .reve2Grid .secure-feature-copy h3 {
    font-size: 20px;
  }

  .reve2Grid .secure-feature-copy p {
    font-size: 15.5px;
  }
}

@media (max-width: 1199.98px) {
  .reve2Grid .secured-communication-section {
    min-height: auto;
    padding: 44px 0;
  }

  .reve2Grid .secured-communication-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .reve2Grid .secure-content,
  .reve2Grid .secure-visual {
    max-width: 822px;
    margin: 0 auto;
  }

  .reve2Grid .secure-visual {
    order: -1;
  }
}

@media (max-width: 767.98px) {
  .reve2Grid .secured-communication-section {
    padding: 32px 0;
  }

  .reve2Grid .secured-communication-container {
    padding: 0 14px;
  }

  .reve2Grid .secured-communication-layout {
    gap: 28px;
  }

  .reve2Grid .secure-visual img {
    border-radius: 18px;
  }

  .reve2Grid .secure-title {
    font-size: 29px;
    line-height: 1.22;
    margin-bottom: 16px;
    letter-spacing: -0.045em;
  }

  .reve2Grid .secure-description {
    font-size: 16px;
    line-height: 1.55;
  }

  .reve2Grid .secure-features {
    margin-top: 34px;
  }

  .reve2Grid .secure-feature {
    gap: 15px;
  }

  .reve2Grid .secure-feature.has-divider {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }

  .reve2Grid .secure-feature-icon,
  .reve2Grid .secure-feature-icon img {
    width: 56px;
    height: 56px;
  }

  .reve2Grid .secure-feature-icon {
    flex-basis: 56px;
  }

  .reve2Grid .secure-feature-copy h3 {
    font-size: 18px;
    line-height: 1.3;
  }

  .reve2Grid .secure-feature-copy p {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.55;
  }
}

@media (max-width: 420px) {
  .reve2Grid .secure-title {
    font-size: 25px;
  }

  .reve2Grid .secure-feature-copy h3 {
    font-size: 17px;
  }
}

.reve2Grid .secure-feature-icon.w24 {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-top: 3px;
}

.reve2Grid .secure-feature-icon.w24 img {
  width: 24px;
  height: 24px;
}

/* Reve SBC  end */

/* Cloud PABX    Start */
 .cloudPabx  .business-tools-section {
      position: relative;
      overflow: hidden;
      width: 100%;
      min-height: 1126px;
      background:
        radial-gradient(circle at -4% 55%, rgba(220, 232, 248, 0.95) 0%, rgba(220, 232, 248, 0.65) 14%, rgba(248,249,252,0) 36%),
        radial-gradient(circle at 84% 30%, rgba(224, 231, 255, 0.58) 0%, rgba(224, 231, 255, 0.24) 19%, rgba(248,249,252,0) 42%),
        radial-gradient(circle at 97% 86%, rgba(220, 222, 255, 0.52) 0%, rgba(220, 222, 255, 0.18) 15%, rgba(248,249,252,0) 38%),
        linear-gradient(90deg, #f7fbff 0%, #f8f9fc 52%, #f6f8ff 100%);
    }

    .cloudPabx .business-tools-section::before,
    .cloudPabx .business-tools-section::after {
      content: '';
      position: absolute;
      width: 120px;
      height: 120px;
      opacity: .95;
      background-image: radial-gradient(circle, rgba(255,255,255,.95) 1.45px, transparent 1.6px);
      background-size: 20px 20px;
      pointer-events: none;
    }

   .cloudPabx  .business-tools-section::before {
      left: 24px;
      bottom: 26px;
    }

    .cloudPabx .business-tools-section::after {
      right: 66px;
      top: 40px;
    }

    .cloudPabx .business-tools-wrap {
      position: relative;
      z-index: 2;
      max-width: 1780px;
      margin: 0 auto;
      padding: 78px 84px 66px;
    }

    .cloudPabx .business-tools-grid {
      display: grid;
      grid-template-columns: minmax(0, 850px) minmax(0, 1fr);
      gap: 44px;
      align-items: start;
    }

    .cloudPabx .tools-copy {
      padding-top: 18px;
    }

    .cloudPabx .tools-heading {
      margin: 0 0 36px;
      color: var(--Gray-neutral-900, #111927);
 font-family: "DM Sans", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 56px */
    }

    .cloudPabx .tools-list {
      display: flex;
      flex-direction: column;
      gap: 13px;
      max-width: 634px;
    }

    .cloudPabx .tool-card {
      position: relative;
      display: flex;
      align-items: flex-start;
      gap: 24px;
      width: 100%;
      min-height: 121px;
      background: #fff;
      border: 1px solid #ececf1;
      border-radius: 8px;
      padding: 24px 26px 22px 21px;
      box-shadow: 0 1px 0 rgba(17,24,39,.03);
      transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
      cursor: pointer;
    }

    .cloudPabx .tool-card::before {
      content: '';
      position: absolute;
      left: 0;
      top: -1px;
      bottom: -1px;
      width: 4px;
      border-radius: 8px 0 0 8px;
      background: transparent;
      transition: background-color .25s ease;
    }

   .cloudPabx  .tool-card.is-active,
   .cloudPabx  .tool-card:hover,
   .cloudPabx  .tool-card:focus-visible {
      background: #eef9ff;;
      border-color: #dceef9;
      box-shadow: 0 10px 24px rgba(148, 163, 184, 0.08);
      transform: translateY(-1px);
      outline: none;
    }

    .cloudPabx .tool-card.is-active::before,
   .cloudPabx  .tool-card:hover::before,
    .cloudPabx .tool-card:focus-visible::before {
      background: #0ea5e9;
    }

   .cloudPabx  .tool-icon {
      flex: 0 0 72px;
      width: 72px;
      height: 72px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #f4f4f4;
      color:#8f8f8f;
      transition: background-color .25s ease, color .25s ease;
    }

   .cloudPabx  .tool-icon i {
      font-size: 35px;
      line-height: 1;
    }

   .cloudPabx  .tool-card.is-active .tool-icon,
    .cloudPabx .tool-card:hover .tool-icon,
   .cloudPabx  .tool-card:focus-visible .tool-icon {
      background: #f7f7f2;
      color: #1386d3;
    }

   .cloudPabx .tool-title {
      margin: 2px 0 8px;
      color: #1a2331;
      font-size: 20px;
      line-height: 1.22;
      letter-spacing: -0.03em;
      font-weight: 700;
    }

   .cloudPabx  .tool-desc {
      margin: 0;
      color: #3f4654;
      font-size: 16px;
      line-height: 1.4;
      letter-spacing: -0.02em;
      font-weight: 400;
    }

    .cloudPabx .tools-visual {
      position: relative;
      min-width: 0;
      padding-top: 10px;
    }

    .cloudPabx .tools-visual img {
      display: block;
      width: 100%;
      max-width: 980px;
      margin-left: auto;
      height: auto;
      object-fit: contain;
      user-select: none;
      pointer-events: none;
    }

    @media (max-width: 1599.98px) {
     .cloudPabx  .business-tools-wrap {
        padding: 64px 56px 58px;
      }

      .cloudPabx .business-tools-grid {
        grid-template-columns: minmax(0, 585px) minmax(0, 1fr);
        gap: 34px;
      }

     .cloudPabx  .tools-heading {
        font-size: 52px;
      }

      .cloudPabx .tool-desc {
        font-size: 15px;
      }
      .reveSms .deployment-logo-wrap{
        height: 80px;
      }
    }

    @media (max-width: 1199.98px) {
     .cloudPabx  .business-tools-section {
        min-height: auto;
      }

     .cloudPabx  .business-tools-wrap {
        padding: 48px 24px 44px;
      }

      .cloudPabx .business-tools-grid {
        grid-template-columns: 1fr;
        gap: 28px;
      }

     .cloudPabx  .tools-copy {
        max-width: 100%;
        padding-top: 0;
      }

      .cloudPabx .tools-heading {
        max-width: 780px;
        font-size: 46px;
        margin-bottom: 28px;
      }

     .cloudPabx  .tools-visual img {
        max-width: 880px;
        margin: 0 auto;
      }
    }

    @media (max-width: 767.98px) {
     .cloudPabx  .business-tools-section::before,
     .cloudPabx  .business-tools-section::after {
        width: 84px;
        height: 84px;
        background-size: 14px 14px;
      }

     .cloudPabx  .business-tools-section::before {
        left: 12px;
        bottom: 14px;
      }

      .cloudPabx .business-tools-section::after {
        right: 18px;
        top: 18px;
      }

      .cloudPabx .business-tools-wrap {
        padding: 32px 16px 32px;
      }

     .cloudPabx  .tools-heading {
        font-size: 28px;
        line-height: 1.22;
        margin-bottom: 20px;
      }

     .cloudPabx  .tools-list {
        gap: 10px;
      }

     .cloudPabx  .tool-card {
        gap: 14px;
        min-height: auto;
        padding: 16px 14px 16px 16px;
        border-radius: 8px;
      }

      .cloudPabx .tool-card::before {
        width: 3px;
      }

      .cloudPabx .tool-icon {
        flex-basis: 52px;
        width: 52px;
        height: 52px;
      }

      .cloudPabx .tool-icon i {
        font-size: 25px;
      }

     .cloudPabx  .tool-title {
        margin: 0 0 6px;
        font-size: 15px;
      }

      .cloudPabx .tool-desc {
        font-size: 12px;
        line-height: 1.45;
      }

     .cloudPabx  .tools-visual {
        padding-top: 8px;
      }

      .cloudPabx .tools-visual img {
        max-width: 100%;
      }
    }


      .cloud_pabx  .key-functionalities-section {
      width: 100%; 
      overflow: hidden;
	  font-family: "DM Sans", sans-serif;
      color:#293241;
      background:
        radial-gradient(circle at 0% 28%, rgba(212, 232, 250, 0.92) 0%, rgba(229, 240, 251, 0.60) 17%, rgba(248,249,251,0) 44%),
        radial-gradient(circle at 100% 20%, rgba(225, 220, 255, 0.76) 0%, rgba(239, 236, 255, 0.46) 16%, rgba(248,249,251,0) 43%),
        radial-gradient(circle at 100% 80%, rgba(225, 220, 255, 0.62) 0%, rgba(239, 236, 255, 0.38) 16%, rgba(248,249,251,0) 43%),
        linear-gradient(90deg, #eef8ff 0%, #f8f9fb 34%, #f8f9fb 65%, #f2f0ff 100%);
      padding: 0px 0 50px;
    }

   .cloud_pabx  .key-functionalities-container {
     
      margin: 0 auto;
      padding: 0 14px;
    }

   .cloud_pabx  .key-functionalities-header {
      text-align: center;
      max-width: 800px;
      margin: 0 auto 32px;
    }

    .cloud_pabx .key-functionalities-title {
      margin: 0 0 13px;
      font-family: "DM Sans", sans-serif;
      font-size: 40px;
      line-height: 1.16;
      font-weight: 600; 
      color: #111827;
    }

    .cloud_pabx .key-functionalities-subtitle {
      margin: 0 auto;
      max-width: 800px;
      font-family: "DM Sans", sans-serif;
      font-size: 18px;
      line-height: 1.42;
      font-weight: 400; 
      color: #111927;
    }

   .cloud_pabx  .functionalities-stack {
      display: flex;
      flex-direction: column;
      gap: 50px;
    }

   .cloud_pabx  .functionality-card {
      width: 100%; 
      border-radius: 10px;
      background: #fff;
      display: grid;
      grid-template-columns: minmax(0, 50%) minmax(0, 50%);
      align-items: center;
      gap: 72px;
      padding: 26px 30px;
      box-shadow: 0 18px 42px rgba(116, 137, 178, 0.05);
      transition: transform .25s ease, box-shadow .25s ease;
    }

    .cloud_pabx .functionality-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 22px 46px rgba(116, 137, 178, 0.08);
    }

    .cloud_pabx .functionality-card.is-reverse {
      grid-template-columns: minmax(0, 50%) minmax(0, 50%);
      gap: 58px;
    }

    .cloud_pabx .functionality-image-wrap {
      width: 100%;
      border-radius: 9px;
      overflow: hidden;
      background: #eef3fb;
    }

    .cloud_pabx .functionality-image-wrap img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 9px;
    }

    .cloud_pabx .functionality-copy {
      min-width: 0;
    }

    .cloud_pabx .functionality-eyebrow {
      display: block;
      margin-bottom: 14px;
      font-family: "DM Sans", sans-serif;
      font-size: 16px;
      line-height: 1;
      font-weight: 600; 
      color: #1F2A37;
    }

    .cloud_pabx .functionality-title {
      margin: 0 0 15px;
      font-family: "DM Sans", sans-serif;
      font-size: 40px;
      line-height: 1.12;
      font-weight: 600; 
      color: #111927;
    }

    .cloud_pabx .functionality-desc {
      margin: 0 0 19px;
      font-family: "DM Sans", sans-serif;
      font-size: 18px;
      line-height: 1.42;
      font-weight: 400; 
      color: #1F2A37;
    }

    .cloud_pabx .functionality-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .cloud_pabx .functionality-list li {
      position: relative;
      padding-left: 22px;
      font-family: "DM Sans", sans-serif;
      font-size: 16px;
      line-height: 1.2;
      font-weight: 500; 
      color: #1F2A37;
    }

    .cloud_pabx .functionality-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 4px;
      width: 13px;
      height: 13px;
      border: 1.4px solid #293241;
      border-radius: 50%;
      background: transparent;
    }

    .cloud_pabx .functionality-list li::after {
      content: "";
      position: absolute;
      left: 4px;
      top: 8px;
      width: 5px;
      height: 3px;
      border-left: 1.2px solid #293241;
      border-bottom: 1.2px solid #293241;
      transform: rotate(-45deg);
    }

    @media (max-width: 991.98px) {
      .cloud_pabx .key-functionalities-section {
        min-height: auto;
        padding: 34px 0 42px;
      }

      .cloud_pabx .key-functionalities-container {
        max-width: 760px;
      }

      .cloud_pabx .key-functionalities-title {
        font-size: 29px;
      }

      .cloud_pabx .key-functionalities-subtitle {
        font-size: 12px;
      }

      .cloud_pabx .functionality-card,
      .cloud_pabx .functionality-card.is-reverse {
        grid-template-columns: 1fr;
        gap: 24px;
        min-height: auto;
        padding: 28px;
      }

     .cloud_pabx  .functionality-card.is-reverse .functionality-copy {
        order: 2;
      }

      .cloud_pabx .functionality-card.is-reverse .functionality-image-wrap {
        order: 1;
      }

      .cloud_pabx .functionality-title {
        font-size: 28px;
      }

      .cloud_pabx .functionality-eyebrow {
        font-size: 11px;
      }

      .cloud_pabx .functionality-desc,
      .cloud_pabx .functionality-list li {
        font-size: 13px;
      }

      .cloud_pabx .functionality-desc {
        max-width: 100%;
      }
    }

    @media (max-width: 767.98px) {
      .cloud_pabx .key-functionalities-container {
        padding: 0 14px;
      }

      .cloud_pabx .key-functionalities-header {
        margin-bottom: 24px;
      }

      .cloud_pabx .key-functionalities-title {
        font-size: 26px;
      }

      .cloud_pabx .key-functionalities-subtitle {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.5;
      }

      .cloud_pabx .functionalities-stack {
        gap: 18px;
      }

      .cloud_pabx .functionality-card,
     .cloud_pabx  .functionality-card.is-reverse {
        padding: 20px;
        border-radius: 10px;
        gap: 20px;
      }

      .cloud_pabx .functionality-title {
        font-size: 25px;
      }

      .cloud_pabx .functionality-desc,
      .cloud_pabx .functionality-list li {
        font-size: 13.5px;
        line-height: 1.55;
      }

      .cloud_pabx .functionality-list {
        gap: 10px;
      }

      .cloud_pabx .functionality-list li {
        padding-left: 22px;
      }
    }

    @media (max-width: 420px) {
     .cloud_pabx  .key-functionalities-title {
        font-size: 23px;
      }

      .cloud_pabx .functionality-title {
        font-size: 22px;
      }
    }

 
	  .nlcc .cloud-pocket-section {
      position: relative;
      overflow: hidden;
      width: 100%; 
	  font-family: "DM Sans", sans-serif;
      color: #121927;
      background:
        radial-gradient(circle at 0% 55%, rgba(217, 230, 249, 0.95) 0%, rgba(232, 242, 253, 0.72) 18%, rgba(248,251,255,0) 45%),
        radial-gradient(circle at 100% 53%, rgba(216, 231, 250, 0.95) 0%, rgba(233, 242, 254, 0.72) 18%, rgba(248,251,255,0) 45%),
        radial-gradient(circle at 50% 45%, rgba(227, 239, 252, 0.60) 0%, rgba(240, 247, 255, 0.20) 24%, rgba(248,251,255,0) 58%),
        linear-gradient(180deg, #fbfdff 0%,#edf5ff 100%);
      padding: 48px 0 52px;
    }

    .nlcc .cloud-pocket-section::before {
      content: "";
      position: absolute;
      right: 160px;
      top: 70px;
      width: 176px;
      height: 88px;
      opacity: 0.8;
      background-image: radial-gradient(rgba(31, 109, 255, 0.23) 1.65px, transparent 1.7px);
      background-size: 18px 18px;
      pointer-events: none;
    }

    .nlcc .cloud-pocket-section::after {
      content: "";
      position: absolute;
      left: -102px;
      top: 160px;
      width: 410px;
      height: 410px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,0.55);
      opacity: .8;
      pointer-events: none;
    }

    .nlcc .cloud-pocket-container {
      position: relative;
      z-index: 2;
      width: min(1710px, calc(100% - 44px));
      margin: 0 auto;
      text-align: center;
    }

    .nlcc .cloud-pocket-title {
      margin: 0 auto 18px;
      max-width: 780px;
     font-family: "DM Sans", sans-serif;
      font-size: 40px;
      line-height: 1.24;
      font-weight: 800;
      letter-spacing: -0.05em;
      color: #121927;
    }

    .nlcc .process-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      max-width: 1240px;
      margin: 0 auto 8px;
      padding: 0 10px;
    }

    .nlcc .process-item {
      display: flex;
      align-items: center;
      flex: 1 1 0;
      min-width: 0;
    }

    .nlcc .process-badge {
      flex: 0 0 auto;
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: rgba(255,255,255,0.92);
      color: #1f6dff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      line-height: 1;
      font-weight: 800;
      box-shadow: 0 1px 2px rgba(17,25,39,.02);
    }

    .nlcc .process-line {
      flex: 1 1 auto;
      height: 1px;
      margin-left: 10px;
      background: linear-gradient(90deg, rgba(217,230,251,.95) 0%, rgba(217,230,251,.7) 100%);
    }

    .nlcc .process-arrow {
      flex: 0 0 auto;
      width: 26px;
      color: #1f6dff;
      font-size: 34px;
      line-height: 1;
      font-weight: 400;
      transform: translateY(-2px);
      opacity: 0.95;
    }

   .nlcc  .visual-wrap {
      width: 100%;
      max-width: 1610px;
      margin: 0 auto 22px;
      isolation: isolate;
       background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 45%, #e4efff 100%);

    }

    .nlcc .visual-wrap img {
    width: 100%;
    display: block;
    mix-blend-mode: normal;
}

    .nlcc .visual-wrap img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: contain;
      user-select: none;
    }
    .nlcc .visual-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
   background: radial-gradient(circle at 65% 50%, rgba(180, 210, 255, 0.35), transparent 45%);
    mix-blend-mode: overlay;
    pointer-events: none;
}

    .nlcc .platforms-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0;
      width: min(960px, 100%);
      margin: 32px auto 0 auto;
      background: rgba(255,255,255,0.92);
      border-radius: 6px;
      overflow: hidden;
    }

    .nlcc .platform-card {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      margin: 24px 32px;
      background: transparent;
      border-right: 1px solid rgba(217, 221, 229, 0.95);
    }

    .nlcc .platform-card:last-child {
      border-right: 0;
    }

    .nlcc .platform-icon {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 50px;
      color: #0f172a;
    }

    .nlcc .platform-icon i {
      font-size: 48px;
      line-height: 1;
    }

    .nlcc .platform-icon.android i { color: #9dc63b; }
    .nlcc .platform-icon.web i { color: #1868ff; }

    .nlcc .platform-label {
      font-size: 18px;
      line-height: 1.2;
      font-weight: 500;
      color: #344155;
      text-align: left;
    }

    .nlcc .huawei-logo {
      width: 50px;
      height: 50px;
      display: block;
    }
.revesoft_testimonial_for_our_business h2{
  color: var(--Gray-neutral-900, #111927);
text-align: center;
font-size: 35px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 49px */
}
    @media (max-width: 1399.98px) {
      .nlcc .cloud-pocket-title { font-size: 36px; }
      .nlcc .cloud-pocket-container { width: min(1440px, calc(100% - 34px)); }
    }

    @media (max-width: 1199.98px) {
      .nlcc .cloud-pocket-section { padding: 42px 0 46px; }
      .nlcc .cloud-pocket-title { font-size: 32px; margin-bottom: 16px; }
      .nlcc .process-row { max-width: 980px; gap: 10px; }
      .nlcc .process-badge { width: 48px; height: 48px; font-size: 15px; }
      .nlcc .process-arrow { font-size: 30px; width: 22px; }
      .nlcc .platform-label { font-size: 17px; }
      .nlcc .platform-icon i { font-size: 42px; }
    }

    @media (max-width: 991.98px) {
      .nlcc .cloud-pocket-container { width: min(100%, calc(100% - 24px)); }
      .nlcc .cloud-pocket-title { font-size: 28px; max-width: 640px; }
      .nlcc .process-row { gap: 8px; margin-bottom: 12px; }
      .nlcc .process-badge { width: 42px; height: 42px; font-size: 14px; }
      .nlcc .process-arrow { font-size: 25px; width: 18px; }
      .nlcc .platform-card { gap: 10px; }
      .nlcc .platform-label { font-size: 16px; }
      .nlcc .platforms-grid{top: 0;}
      .nlcc .platform-card{
        justify-content: start;
      }
    }

    @media (max-width: 767.98px) {
      .nlcc .cloud-pocket-section { padding: 30px 0 34px; }
      .nlcc .cloud-pocket-section::before { right: 18px; top: 32px; width: 110px; height: 60px; background-size: 14px 14px; }
      .nlcc .cloud-pocket-section::after { left: -76px; top: 150px; width: 240px; height: 240px; }
      .nlcc .cloud-pocket-container { width: calc(100% - 20px); }
      .nlcc .cloud-pocket-title { font-size: 25px; line-height: 1.26; max-width: 100%; margin-bottom: 18px; }
     .nlcc  .process-row { gap: 6px; padding: 0; margin-bottom: 12px; }
      .nlcc .process-badge { width: 34px; height: 34px; font-size: 11px; }
      .nlcc .process-line { margin-left: 6px; }
      .nlcc .process-arrow { font-size: 18px; width: 12px; transform: translateY(-1px); }
      .nlcc .visual-wrap { margin-bottom: 18px; }
      .nlcc .platforms-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1px;
        background: transparent;
        border: 0;
        box-shadow: none;
        border-radius: 0;
        width: min(520px, 100%);
      }
      .nlcc .platform-card {
        background: rgba(255,255,255,0.92);
        border: 1px solid rgba(220,225,235,0.95);
        border-right: 1px solid rgba(220,225,235,0.95);
        border-radius: 10px;
        justify-content: center;
        padding: 16px 14px;
        margin: 0px;
      }
      .nlcc .platform-icon { width: 42px; height: 42px; }
      .nlcc .platform-icon i { font-size: 36px; }
      .nlcc .platform-label { font-size: 15px; }
      .nlcc .huawei-logo { width: 42px; height: 42px; }
    }

    @media (max-width: 479.98px) {
      .nlcc .cloud-pocket-title { font-size: 22px; }
     .nlcc  .process-row { overflow-x: auto; justify-content: flex-start; padding-bottom: 4px; }
     .nlcc  .process-item { min-width: 108px; }
      .nlcc .process-item:last-child { min-width: 42px; }
     .nlcc  .platform-card { min-height: 82px; padding: 14px 12px; gap: 8px; }
     .nlcc  .platform-label { font-size: 14px; }
    }
@media only screen and (max-width:1786px) {
    .sms-hero-content{
        min-height: 886px;
    }
}
@media only screen and (max-width:1686px) {
    .sms-hero-content{
        min-height: 800px;
    }
}
@media only screen and (max-width:1586px) {
    .sms-hero-content{
        min-height: 740px;
    }
    #carouselExampleIndicators .carousel-indicators{
      bottom: 50px;
    }
       .events-swiper .swiper-pagination {
    bottom: 0 !important;
    left: 47% !important;
    transform: translateX(-50%);
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding-right: 0%;
}
}
@media only screen and (max-width:1486px) {
    .sms-hero-content{
        min-height: 750px;
    }
}
@media only screen and (max-width:1386px) {
    .sms-hero-text p{
  padding-right: 70px;
}
/* .sms-hero-content{
        max-width: 500px;
    } */
     #carouselExampleIndicators .container{
      max-width: 96%;
     }
     .fixed_header.shrink {
    transform: translateX(-50%) scale(.96);
}
}
.tool-icon svg path {
    fill: #7B7B7B;
    transition: fill 0.3s ease;
}

.tool-card:hover .tool-icon svg path,
.tool-card:focus .tool-icon svg path {
    fill: rgba(0, 113, 185, 1);
}
.cloudPabx .tool-card:hover .tool-icon{
  background: #FFF;
}
.sms-hero-mblimage{
    display: none;
  }
@media (max-width: 991px) {
   .sms-hero-content {
    min-height: 620px;
  }
  .sms-hero-text p{
  padding-right: 0px;
}
  .fixed_header.shrink {
    transform: translateX(0%) scale(1);
    left: 0px;
}
   .sms-hero-content {
    min-height: 370px;
    margin-bottom: 12px;
  }
  .sms-hero-content br{
    display: none;
  }
  .carousel-item{
    background-image: none!important;
    background: linear-gradient(169deg, #F2F0FA 3.28%, #BCDCFF 100.11%)!important;
    text-align: center;
  }
 .sms-hero-mblimage{
    display: block;
    margin-top: 30px;
  }
  .sms-hero-mblimage img{
    max-width: 100%;
  }
  .sms-hero-content{
    align-items: center;
  }
}
@media (max-width: 768px) {

 
  .trusted-next {
    top: -16px;
  }
  .events-swiper .swiper-slide {
        width: 300px !important;
    }

    .event-card {
        max-width: 100%;
    }
    .reve-events-container .events-swiper-wrap{
      margin-left: 0px;
      width: 100%;
    }
    /* .events-swiper .swiper-pagination {
    position: relative;
    margin-top: 20px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    padding-right: 0%;
} */
.revesoft_testimonial_for_our_business h2{
  font-size: 24px;
}
.revesoft_testimonial_for_our_business h2 br{
  display: none;
}
.revesoft_sbc_video_ab:before, .revesoft_sbc_video_ab:after{
  display: none;
}
.revesoft_sbc_video_ab{
  background-color: #D9DDFA;
}
}

/* Cloud PABX    end */