/* ============================================================
   CBY SERVICES — MAIN STYLESHEET
   Font sizes use rem (base 16px).
   ============================================================ */

/* ── Bootstrap conflict resets ── */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

/* Bootstrap sets its own box-sizing; keep our custom gaps/padding working */
.row { --bs-gutter-x: 1.5rem; }

/* ── Base ── */
{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
  overflow-x: hidden;
}

/* ============================================================
   HEADER / TOP NAVIGATION
   ============================================================ */
.t-OP {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 5.0625rem; /* 81px */
  z-index: 1000;
  overflow: visible;
  background-color: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(240, 240, 240, 0.15);
}

.CBY-logo {
  position: relative;
  height: 100%;
  padding: 0 2rem;
  display: flex;
  align-items: center;
}

.frame-41 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  height: 3.75rem; /* 60px */
  display: flex;
  text-decoration: none;
  flex-shrink: 0;
}

.group-4 {
  position: relative;
  width: 11.27rem; /* ~180px */
  height: 3.75rem;
}

.group-5 {
  position: absolute;
  width: 30.03%;
  height: 100%;
  top: 0;
  left: 0;
}

.text-wrapper-42 {
  position: absolute;
  width: 62.67%;
  height: 63.33%;
  top: 4.28%;
  left: 33.73%;
  font-family: "Segoe UI-Regular", sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 1.7625rem; /* 28.2px */
  letter-spacing: 0;
  line-height: normal;
}

.text-wrapper-43 {
  position: absolute;
  width: 63.23%;
  height: 36.67%;
  top: 54.11%;
  left: 34.55%;
  font-family: "Segoe UI-Regular", sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 1.04375rem; /* 16.7px */
  letter-spacing: 0;
  line-height: normal;
}

/* Desktop nav */
.frame-42 {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex: 1;
  justify-content: center;
  margin: 0 2rem;
}

.text-wrapper-44 {
  font-family: var(--text-font-b4-body-font-family);
  font-weight: var(--text-font-b4-body-font-weight);
  color: #ffffff;
  font-size: 0.875rem; /* 14px */
  letter-spacing: var(--text-font-b4-body-letter-spacing);
  line-height: var(--text-font-b4-body-line-height);
  white-space: nowrap;
  font-style: var(--text-font-b4-body-font-style);
  text-decoration: none;
  transition: color 0.2s;
}
.text-wrapper-44:hover { color: #00b4a0; }

.CTA {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  flex-shrink: 0;
  height: 2.5rem; /* 40px */
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.625rem 1.25rem;
  border-radius: 0.625rem;
  border: 1px solid #ffffff;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s, color 0.2s;
}
.CTA:hover {
  background-color: #ffffff;
}
.CTA:hover .text-wrapper-45 {
  color: #292929;
}

.text-wrapper-45 {
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 1rem; /* 16px */
  letter-spacing: 0.03em;
  line-height: 1.25rem;
  white-space: nowrap;
}

/* ── Hamburger ── */
.hamburger {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 1.75rem;
  height: 1.25rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}
.hamburger span {
  display: block;
  width: 100%;
  height: 2px;
  background: #ffffff;
  border-radius: 2px;
  transition: transform 0.3s, opacity 0.3s;
  transform-origin: center;
}
.hamburger.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
.hamburger.active span:nth-child(2) { opacity: 0; }
.hamburger.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

/* ── Mobile drawer ── */
.mobile-menu {
  position: absolute;
  top: 5.0625rem;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: flex;
  flex-direction: column;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.35s ease;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.mobile-menu.open {
  max-height: 100vh;
  padding: 1rem 0 1.5rem;
}
.mobile-link {
  color: #ffffff;
  font-family: "Prompt", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  padding: 0.75rem 2rem;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  transition: background-color 0.2s, color 0.2s;
}
.mobile-link:last-of-type { border-bottom: none; }
.mobile-link:hover { background-color: rgba(255,255,255,0.08); color: #00b4a0; }
.mobile-cta {
  margin: 1rem 2rem 0;
  padding: 0.75rem 1.25rem;
  border: 1px solid #ffffff;
  border-radius: 0.625rem;
  color: #ffffff;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}
.mobile-cta:hover { background-color: #ffffff; color: #292929; }

/* ============================================================
   HERO
   ============================================================ */
.frame {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-color: #292929;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5.0625rem; /* offset for fixed nav */
}

/* Line-wave video background */
.hero-video-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  z-index: 0;
  pointer-events: none;
}

.ellipse {
  position: absolute;
  bottom: -5rem;
  left: -20%;
  width: 140%;
  height: 45%;
  background-color: #7abfff;
  border-radius: 50%;
  filter: blur(24.5rem);
  z-index: 1;
  pointer-events: none;
}

.div-vdo {
  position: absolute;
  top: -8%;
  right: -20%;
  width: 140%;
  height: 45%;
  background-color: #00ffd4;
  border-radius: 50%;
  filter: blur(26rem);
  z-index: 1;
  pointer-events: none;
}

.frame-2 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  /* max-width: 60rem; */
  width: 100%;
  padding: 0 1.5rem;
  text-align: center;
}

/* Tagline pill */
.hero-tagline {
  display: inline-block;
  padding: 0.4rem 1.2rem;
  border: 1px solid rgba(0, 180, 160, 0.6);
  border-radius: 2rem;
  background: rgba(0, 180, 160, 0.12);
  color: #00d4be;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  font-size: 0.875rem; /* 14px */
  letter-spacing: 0.15em;
  text-transform: uppercase;
  animation: fadeInDown 0.8s ease both;
}

@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-12px); }
  to   { opacity: 1; transform: translateY(0); }
}

.text-wrapper {
  align-self: stretch;
  font-family: "Outfit", sans-serif;
  font-weight: 200;
  color: #ffffff;
  font-size: 3.875rem; /* 62px max */
  text-align: center;
  letter-spacing: 5px;
  line-height: 1.1;
  animation: fadeInUp 0.9s ease 0.1s both;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

.frame-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  /* gap: 3rem; */
  width: 100%;
  animation: fadeInUp 1s ease 0.25s both;
}

.frame-4 {
  display: flex;
  flex-direction: column;
  width: 10rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.frame-5 {
  display: flex;
  flex-direction: column;
  width: 12.5625rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.group {
  width: 10rem;
  height: 10rem;
  object-fit: contain;
}

.text-wrapper-2 {
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 1.5rem; /* 24px */
  text-align: center;
  letter-spacing: 0.27em;
  line-height: 1;
  white-space: nowrap;
}

/* ============================================================
   PARTNERS BANNER
   ============================================================ */
.partners {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 1.875rem;
  padding: 6.25rem 15rem;
}

.over-years-of-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
}

.over-years-of {
  width: min(79.375rem, 100%);
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  color: transparent;
  font-size: 2.5rem; /* 40px */
  text-align: center;
  line-height: 1;
}

.span {
  font-weight: 500;
  color: #292929;
  line-height: 3rem;
}

.text-wrapper-3 {
	color: #292929;
	font-family: "Outfit", sans-serif;
	font-weight: 500;
	font-size: 2.5rem;
	text-align: center;
	line-height: 1;
}

.text-wrapper-4 {
  font-weight: var(--text-font-h2-font-weight);
  color: #00b4a0;
  line-height: var(--text-font-h2-line-height);
  font-family: var(--text-font-h2-font-family);
  font-style: var(--text-font-h2-font-style);
  letter-spacing: var(--text-font-h2-letter-spacing);
  font-size: var(--text-font-h2-font-size);
}

.img { position: relative; flex: 0 0 auto; }

/* ============================================================
   SERVICES
   ============================================================ */
.frame-6 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 3.125rem;
  padding: 6.25rem 1rem;
  background: url('../images/services-bg.webp') no-repeat scroll top center;
  background-size: cover;
}

.frame-7 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  width: 100%;
}

.services-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.3125rem 0.75rem;
  background-color: #ffffff;
  border-radius: 0.625rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.09);
  background: #7EC2C9;
background: linear-gradient(90deg, rgba(126, 194, 201, 1) 0%, rgba(78, 139, 150, 1) 100%);
}

.text-wrapper-5 {
    /* color: #00B2DE; */
    color: #fff;
    font-size: 21px;
    text-align: center;
    letter-spacing:1px;
    font-weight: 700;
}



.comprehensive {
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  color: transparent;
  font-size: 2.5rem; /* 40px */
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  margin-bottom: 3.125rem;
}

.frame-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8rem 0.8rem;
  width: 100%;
}

.frame-9 {
  display: flex;
  height: auto;
  align-items: stretch;
  gap: 1.25rem;
  align-self: stretch;
  width: 100%;
}

.frame-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1.25rem;
  /* padding: 2.5rem; */
  padding: 20px 25px;
  flex: 1;
  align-self: stretch;
  background-color: #ffffff;
  border-radius: 1rem;
  border: 1px solid rgba(0,0,0,0.08);
}

.frame-10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
}

.frame-11 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0rem;
}
.event-slide-content .frame-11 {
	width: 100%; min-height: 120px;
}

/* Service card headings */
.text-wrapper-6  { background: linear-gradient(180deg,rgba(186,59,87,1) 0%,rgba(145,38,62,1) 100%); }
.text-wrapper-7  { background: linear-gradient(180deg,rgba(217,84,47,1) 0%,rgba(199,71,34,1) 100%); }
.text-wrapper-8  { background: linear-gradient(180deg,rgba(229,170,58,1) 0%,rgba(217,155,34,1) 100%); }
.text-wrapper-9  { background: linear-gradient(180deg,rgba(116,153,63,1) 0%,rgba(127,167,72,1) 100%); }
.text-wrapper-11 { background: linear-gradient(180deg,rgba(87,171,149,1) 0%,rgba(74,151,132,1) 100%); }
.text-wrapper-12 { background: linear-gradient(180deg,rgba(87,156,171,1) 0%,rgba(74,134,151,1) 100%); }
.text-wrapper-13 { background: linear-gradient(180deg,rgba(106,90,224,1) 0%,rgba(75,61,184,1) 100%); }
.text-wrapper-14 { background: linear-gradient(180deg,rgba(200,76,207,1) 0%,rgba(142,42,166,1) 100%); }

.text-wrapper-6,
.text-wrapper-7,
.text-wrapper-8,
.text-wrapper-9,
.text-wrapper-11,
.text-wrapper-12,
.text-wrapper-13,
.text-wrapper-14 {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  color: transparent;
  font-size: 1.5rem;
  line-height: 1.2;
}
.text-wrapper-6,
.text-wrapper-7,
.text-wrapper-8,
.text-wrapper-9,
.text-wrapper-11 { /* white-space: nowrap; */ }
.text-wrapper-12 { width: 11.6875rem; }
.text-wrapper-13 { width: 11.9375rem; }
.text-wrapper-14 { width: 11.75rem; }

.p {
  width: 13.8125rem;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  color: #292929;
  font-size: 1rem; /* 16px */
  line-height: 1.5rem;
}

.service-offerings-part .frame-11 p { font-weight: 300; font-size: 1rem; /* 18px */}
.text-wrapper-10 {
  width: 21.125rem;
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  color: #292929;
  font-size: 1rem; /* 16px */
  line-height: 1.5rem;
}

.img-2 {
  width: 7.5rem;
  height: 7.5rem;
}

/* ============================================================
   CTA BANNER IMAGE
   ============================================================ */
.image {
  width: 100%;
  height: 14rem;
  object-fit: cover;
  display: block;
}

/* ============================================================
   CASE STUDY
   ============================================================ */
.partners-2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 3.125rem;
  /* padding: 6.25rem 15rem; */
  background: #FFF7ED;
}

.frame-12 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
}

.case-study-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.3125rem 0.75rem;
  background-color: #ffffff;
  border-radius: 0.625rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.09);
  background: #7EC2C9;
background: linear-gradient(90deg, rgba(126, 194, 201, 1) 0%, rgba(78, 139, 150, 1) 100%);
}

.from-industry-forums {
  width: fit-content;
  font-family: var(--text-font-h2-font-family);
  font-weight: var(--text-font-h2-font-weight);
  color: transparent;
  font-size: var(--text-font-h2-font-size);
  letter-spacing: var(--text-font-h2-letter-spacing);
  line-height: var(--text-font-h2-line-height);
  font-style: var(--text-font-h2-font-style);
  margin-bottom: 0;
}

.link {
  display: flex;
  width: 9.0625rem;
  align-items: center;
  justify-content: center;
  border: 1px solid #1a1a1a;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.875rem 1.1875rem;
  border-radius: 0.625rem;
  text-decoration: none;
}

.frame-13 {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
}

.text-wrapper-15 {
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  color: #292929;
  font-size: 0.875rem; /* 14px */
  font-size: 1rem; /* 16px */
  letter-spacing: 0;
  line-height: 1.3125rem;
  white-space: nowrap;
}

.img-3 {
  width: 1rem;
  height: 1rem;
}

.frame-14 {
  display: inline-flex;
  align-items: flex-start;
  gap: 1.875rem;
  flex-wrap: wrap;
}

.frame-15 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.1);
  background: #fff;
}

.div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.625rem;
  padding:1.875rem 2rem;
  align-self: stretch;
  width: 100%;
  background-color: #ffffff;
}

.text-wrapper-16 {
  align-self: stretch;
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  color: #1a1a1a;
  font-size: 1.4rem; /* 27px */
  letter-spacing: -0.05rem;
  line-height: 2.1625rem;
}

.rectangle {
  align-self: stretch;
  width: 100%;
  height:310px;
  object-fit: cover;
}

.frame-16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0.625rem;
  /* padding: 1.5625rem 3.125rem; */
  padding: 1.5625rem;
  align-self: stretch;
  width: 100%;
  background-color: #ffffff;
}

.text-wrapper-17 {
  align-self: stretch;
  color: #292929;
  font-size: 1rem;
}

.frame-17 {
  align-items: flex-start;
  gap: 0.625rem;
  background-color: #ffffff;
  border-radius: 0.625rem;
  display: inline-flex;
  text-decoration: none;
}

/* ============================================================
   PARTNERS IMAGE
   ============================================================ */
.partners-3 {
  width: 100%;
  height: auto;
  display: block;
}

/* ============================================================
   STATS
   ============================================================ */
.partners-4 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 3.75rem;
  /* padding: 3.125rem 15rem; */
  background-color: #2b7988;
}

.frame-18 {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
}

.frame-19 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
}

.div-2 {
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  color: transparent;
  font-size: 3.75rem; /* 60px */
  line-height: 1;
  white-space: nowrap;
  /* margin-bottom: 15px; */
  margin-bottom: 0px;
}

.text-wrapper-18 {
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0.135em;
}

.text-wrapper-19 {
  font-family: var(--text-font-s2-subtitle-font-family);
  font-weight: var(--text-font-s2-subtitle-font-weight);
  color: #ffffff;
  font-size: var(--text-font-s2-subtitle-font-size);
  letter-spacing: var(--text-font-s2-subtitle-letter-spacing);
  line-height: var(--text-font-s2-subtitle-line-height);
  white-space: nowrap;
  font-style: var(--text-font-s2-subtitle-font-style);
}

.text-wrapper-20 {
  align-self: stretch;
  font-family: var(--text-font-s2-subtitle-font-family);
  font-weight: var(--text-font-s2-subtitle-font-weight);
  color: #ffffff;
  font-size: var(--text-font-s2-subtitle-font-size);
  letter-spacing: var(--text-font-s2-subtitle-letter-spacing);
  line-height: var(--text-font-s2-subtitle-line-height);
  font-style: var(--text-font-s2-subtitle-font-style);
}

/* ============================================================
   LINKEDIN / SOCIAL MEDIA
   ============================================================ */
.social-media {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  gap: 3rem;
  /* padding: 6.25rem 15rem; */
  background: rgba(254,249,240,1);
  flex-wrap: wrap;
}

.frame-20 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1.25rem;
}

.the-digital-world-is {
  width: 100%;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  color: transparent;
  font-size: 2.5rem; /* 40px */
  letter-spacing: 0;
  line-height: 3rem;
  text-align: center;
}

.text-wrapper-21 { color: #292929; }

.link-2 {
  display: inline-flex;
  align-items: flex-start;
  border: 1px solid #1a1a1a;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.875rem 1.1875rem;
  border-radius: 0.625rem;
  text-decoration: none;
}

.frame-21 {
  display: inline-flex;
  align-items: center;
  /* gap: 2.375rem; */
  /* box-shadow: 0 0 2.75rem rgba(0,0,0,0.09); */
  flex-wrap: wrap;
  width: 100%;
}

.frame-22 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.60875rem;
  padding: 0.625rem 0;
  background-color: #ffffff;
  border-radius: 1rem;
}

.container- {
  display: flex;
  flex-direction: column;
  width: 18.1694rem;
  align-items: flex-start;
  gap: 0.91375rem;
  padding: 1.218rem;
}

.div-3 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
}

.container-2 {
  display: inline-flex;
  align-items: center;
  gap: 0.60875rem;
}

.objects {
  width: 100%;
  /* width: 2.436rem;
  height: 2.436rem; */
}

.container-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.30438rem;
}

.container-4 {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.30438rem;
}

.container-5 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.text-wrapper-22 {
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", sans-serif;
  font-weight: 800;
  color: var(--embedsocialcomblack);
  font-size: 0.85rem; /* ~13.6px */
  letter-spacing: 0;
  line-height: 0.975rem;
  white-space: nowrap;
}

.SVG {
  width: 0.843rem;
  height: 0.974rem;
}

.container-6 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: 0.6;
}

.text-wrapper-23 {
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: var(--embedsocialcomblack);
  font-size: 0.73125rem; /* ~11.7px */
  letter-spacing: 0;
  line-height: 0.85rem;
  white-space: nowrap;
}

.fi {
  width: 1.1875rem;
  height: 1.1875rem;
}

.container-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}

.text-wrapper-24 {
  display: flex;
  align-items: center;
  align-self: stretch;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: var(--embedsocialcomblack);
  font-size: 0.85rem;
  letter-spacing: 0;
  line-height: 1.28125rem;
}

.text-wrapper-25 {
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: var(--embedsocialcomblack);
  font-size: 0.85rem;
  letter-spacing: 0;
  line-height: 1.28125rem;
  white-space: nowrap;
}

.screenshot {
  width: 18.1694rem;
  height: 22.71rem;
  object-fit: cover;
}

.frame-23 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2.254rem;
}

.div-4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.30438rem;
}

.element-align-center {
  width: 1.045rem;
  height: 0.974rem;
}

.text-wrapper-26 {
  display: flex;
  align-items: center;
  width: 1.888rem;
  height: 0.974rem;
  font-family: "Satoshi-Regular", sans-serif;
  font-weight: 400;
  color: #6e6e6e;
  font-size: 0.85rem;
  letter-spacing: 0;
  line-height: 0.73125rem;
}

.element-align-center-2 {
  width: 0.974rem;
  height: 0.974rem;
}

.group-2 {
  width: 0.974rem;
  height: 0.974rem;
}

.text-wrapper-27 {
  display: flex;
  align-items: center;
  width: 1.888rem;
  height: 0.974rem;
  font-family: "Satoshi-Regular", sans-serif;
  font-weight: 400;
  color: #6e6e6e;
  font-size: 0.73125rem;
  letter-spacing: 0;
  line-height: 0.73125rem;
}

.because-modern {
  display: flex;
  align-items: center;
  width: 15.25rem;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: var(--embedsocialcomblack);
  font-size: 0.85rem;
  letter-spacing: 0;
  line-height: 1.28125rem;
}

.text-wrapper-28 {
  display: flex;
  align-items: center;
  width: 12.5625rem;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: var(--embedsocialcomblack);
  font-size: 0.85rem;
  letter-spacing: 0;
  line-height: 1.28125rem;
}

/* ============================================================
   EVENTS
   ============================================================ */
.partners-5 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  gap: 3.125rem;
  /* padding: 6.25rem 15rem; */
  background-color: #e8eef5;
}

.frame-24 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.3125rem 0.75rem;
  background-color: #ffffff;
  border-radius: 1.875rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.09);
  background: #7EC2C9;
background: linear-gradient(90deg, rgba(126, 194, 201, 1) 0%, rgba(78, 139, 150, 1) 100%);
}

.from-industry-forums-2 {
  width: fit-content;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  color: #292929;
  font-size: 2.5rem; /* 40px */
  letter-spacing: 0;
  line-height: 3rem;
  margin-bottom: 0;
}

.link-3 {
  display: flex;
  width: 7.1875rem;
  height: 2.1875rem;
  align-items: center;
  justify-content: center;
  border: 1px solid #1a1a1a;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.875rem 1.1875rem;
  border-radius: 0.625rem;
  text-decoration: none;
}

.frame-25 {
  align-items: center;
  gap: 0.3125rem;
  margin-top: -0.4375rem;
  margin-bottom: -0.4375rem;
  display: inline-flex;
}

.view-all {
  font-family: "Prompt", sans-serif;
  font-weight: 600;
  color: #1a1a1a;
  font-size: 0.875rem; /* 14px */
  letter-spacing: 0;
  line-height: 1.3125rem;
  white-space: nowrap;
}

.container-8 {
  display: flex;
  width: 90rem;
  max-width: 100%;
  align-items: flex-start;
  background-color: transparent;
  border-radius: 1.028rem;
  overflow: hidden;
  border: 1.03px solid #e5e7eb;
}

.container-9 {
  display: flex;
  flex-direction: column;
  width: 43.9375rem;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 3.125rem;
  background-color: #ffffff;
}

.frame-26 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.75rem;
}

.frame-27 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.875rem;
}

.CIO-crown-a {
  width: 100%;
  color: #1a1a1a;
  font-size: 1.3rem;
  font-family: "Outfit", sans-serif;
}

.frame-28 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.625rem;
}

.container-10 {
  display: inline-flex;
  height: 1.1875rem;
  align-items: center;
  gap: 0.5rem;
}

.text-wrapper-29 {
  width: 19.5625rem;
  font-family: var(--text-font-b4-body-font-family);
  font-weight: var(--text-font-b4-body-font-weight);
  color: #292929;
  font-size: var(--text-font-b4-body-font-size);
  letter-spacing: var(--text-font-b4-body-letter-spacing);
  line-height: var(--text-font-b4-body-line-height);
  font-style: var(--text-font-b4-body-font-style);
}

.text-wrapper-30 {
  width: 18.6875rem;
  font-family: var(--text-font-b4-body-font-family);
  font-weight: var(--text-font-b4-body-font-weight);
  color: #292929;
  font-size: var(--text-font-b4-body-font-size);
  letter-spacing: var(--text-font-b4-body-letter-spacing);
  line-height: var(--text-font-b4-body-line-height);
  font-style: var(--text-font-b4-body-font-style);
}

.link-4 {
  display: inline-flex;
  align-items: flex-start;
  border: 0px solid #292929;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0;
  border-radius: 0;
  text-decoration: none;

}

.text-wrapper-31 {
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  color: #292929;
  font-size: 0.875rem; /* 14px */
  font-size: 1rem; /* 14px */
  letter-spacing: 0;
  line-height: 1.3125rem;
  white-space: nowrap;
}

.loader {
  display: flex;
  width: 26.088rem;
  height: 0.25688rem;
  align-items: flex-start;
  gap: 0.51375rem;
}

.button {
  width: 1.028rem;
  background-color: #292929;
  opacity: 0.5;
  height: 0.25688rem;
  border-radius: 2rem;
}

.button-2 {
  width: 2.055rem;
  background-color: #ed2224;
  height: 0.25688rem;
  border-radius: 2rem;
}

.image-financial {
  flex: 1;
  align-self: stretch;
  background: url(https://c.animaapp.com/mnix43qgLDUWci/img/image--financial-growth-analytics-.png) 50% 50% / cover;
}

/* ============================================================
   CTA BANNER
   ============================================================ */
.partners-6 {
  display: flex;
  width: 100%;
  min-height: 12.5rem;
  align-items: center;
  padding: 3.125rem 15rem 3.125rem 0;
  background-color: #1d4068;
  border-top: 1px solid rgba(0,0,0,0.2);
  flex-wrap: wrap;
  gap: 2rem;
}

.rectangle-2 {
  width: 41.625rem;
  height: 12.5rem;
}

.frame-29 {
  display: inline-flex;
  align-items: center;
  gap: 3.125rem;
  margin-left: -3.875rem;
  flex-wrap: wrap;
}

.bring-greater {
  width: 49.25rem;
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  color: transparent;
  font-size: 2.5rem; /* 40px */
  letter-spacing: 0;
  line-height: 1;
}

.text-wrapper-32 {
  font-weight: 500;
  color: #ffffff;
  line-height: 3rem;
}

.frame-30 {
  display: flex;
  width: 14.1875rem;
  height: 3.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  border-radius: 0.625rem;
  border: 1px solid #ffffff;
  text-decoration: none;
  transition: background-color 0.2s;
}
.frame-30:hover { background-color: rgba(255,255,255,0.1); }

.text-wrapper-33 {
  font-family: var(--button-font-large-font-family);
  font-weight: var(--button-font-large-font-weight);
  color: #ffffff;
  font-size: var(--button-font-large-font-size);
  letter-spacing: var(--button-font-large-letter-spacing);
  line-height: var(--button-font-large-line-height);
  white-space: nowrap;
  font-style: var(--button-font-large-font-style);
}

.icon {
  width: 1.375rem;
  height: 1.375rem;
}

/* ============================================================
   FOOTER
   ============================================================ */
.partners-7 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 3.125rem;
  padding: 6.25rem 15rem;
  background-color: #f1f1f1;
  border-top: 1px solid rgba(0,0,0,0.2);
}

.frame-31 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
}

.text-wrapper-34 {
  color: #292929;
  font-size: 0.875rem; /* 14px */
  letter-spacing: 0;
  line-height: 1.25rem;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
}

.frame-32 {
  display: inline-flex;
  align-items: flex-start;
  gap: 5.75rem;
}

.text-wrapper-35 {
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  color: #292929;
  font-size: 0.875rem; /* 14px */
  letter-spacing: 0;
  line-height: 1.25rem;
  white-space: nowrap;
  text-decoration: none;
}

.frame-33 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.875rem;
}

.frame-34 {
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0 0 0 0.625rem;
  border-left: 1.5px solid #000000;
  display: inline-flex;
}

.text-wrapper-36 {
  font-family: "Prompt", sans-serif;
  font-weight: 300;
  color: #292929;
  font-size: 0.875rem; /* 14px */
  letter-spacing: 0;
  line-height: 1.25rem;
  white-space: nowrap;
  text-decoration: none;
}

.frame-35 {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9375rem;
  display: inline-flex;
}

.frame-36 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1875rem;
}

.vector {
  align-self: stretch;
  width: 1px;
}

.frame-37 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9375rem;
  align-self: stretch;
  font-style: normal;
}

.frame-38 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.text-wrapper-37 {
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  color: #292929;
  font-size: 1.25rem; /* 20px */
  letter-spacing: 0;
  line-height: 1.25rem;
  white-space: nowrap;
}

.unit-opal-square {
  font-family: "Prompt", sans-serif;
  font-weight: 400;
  color: #292929;
  font-size: 0.875rem; /* 14px */
  letter-spacing: 0;
  line-height: 1.25rem;
}

.text-wrapper-38 {
  font-family: "Prompt", sans-serif;
  font-weight: 400;
  color: #292929;
  font-size: 0.875rem; /* 14px */
  letter-spacing: 0;
  line-height: 1.25rem;
}

.frame-39 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.6875rem;
  align-self: stretch;
  width: 100%;
}

.frame-40 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.img-4 { width: 1.25rem; height: 1.25rem; }

.text-wrapper-39 {
  font-family: "Prompt", sans-serif;
  font-weight: 400;
  color: #292929;
  font-size: 0.875rem; /* 14px */
  letter-spacing: 0;
  line-height: 1.25rem;
  white-space: nowrap;
  text-decoration: none;
}

.line {
  align-self: stretch;
  width: 100%;
  height: 1px;
}

.group-3 {
  width: 7.5rem;
  height: 2rem;
}

/* ============================================================
   COPYRIGHT BAR
   ============================================================ */
.paragraph-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 3.125rem;
  padding: 0.9375rem 15rem;
  background-color: #f6f6f6;
}

.paragraph {
  display: inline-flex;
  align-items: center;
  gap: 0.9375rem;
  flex-wrap: wrap;
  justify-content: center;
}

.element-copyright-CBY {
  font-family: "Prompt", sans-serif;
  font-weight: 400;
  color: transparent;
  font-size: 0.875rem; /* 14px */
  text-align: center;
  letter-spacing: 0;
  line-height: 0.875rem;
}

.text-wrapper-40 {
  color: #292929;
  line-height: var(--text-font-b3-body-line-height);
  font-family: var(--text-font-b3-body-font-family);
  font-style: var(--text-font-b3-body-font-style);
  font-weight: var(--text-font-b3-body-font-weight);
  letter-spacing: var(--text-font-b3-body-letter-spacing);
  font-size: var(--text-font-b3-body-font-size);
}

.text-wrapper-41 {
  font-family: var(--text-font-b3-body-font-family);
  font-weight: var(--text-font-b3-body-font-weight);
  color: #292929;
  font-size: var(--text-font-b3-body-font-size);
  text-align: center;
  letter-spacing: var(--text-font-b3-body-letter-spacing);
  line-height: var(--text-font-b3-body-line-height);
  white-space: nowrap;
  font-style: var(--text-font-b3-body-font-style);
  text-decoration: none;
}

/* ============================================================
   SCROLL TO TOP
   ============================================================ */
.fi-2 {
  position: fixed;
  bottom: 2.5rem;
  right: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 999;
}

/* ============================================================
   ABOUT US SECTION
   ============================================================ */
.about-us {
  width: 100%;
  background: linear-gradient(135deg, #f8faff 0%, #eef4fb 60%, #e6f0f8 100%);
  padding: 6.25rem 15rem;
  border-top: 1px solid rgba(0,0,0,0.06);
}

.about-inner {
  display: flex;
  align-items: flex-start;
  gap: 5rem;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
}

.about-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.about-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.3125rem 0.75rem;
  background-color: #ffffff;
  border-radius: 0.625rem;
  box-shadow: 0 0 1rem rgba(0,0,0,0.12);
  width: fit-content;
}

.about-title {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  color: #0a0f1e;
  font-size: clamp(1.75rem, 3vw, 2.75rem);
  line-height: 1.2;
  margin: 0;
}

.about-highlight {
  background: linear-gradient(90deg, #2b7988 0%, #00b4a0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about-desc {
  font-family: "Prompt", sans-serif;
  font-weight: 400;
  color: #444;
  font-size: 1rem;
  line-height: 1.75;
  margin: 0;
}

.about-cta-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.about-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.75rem;
  background: linear-gradient(90deg, #2b7988 0%, #00b4a0 100%);
  color: #ffffff;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  border-radius: 0.625rem;
  text-decoration: none;
  transition: opacity 0.2s;
}
.about-btn-primary:hover { opacity: 0.88; }

.about-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.75rem;
  border: 1.5px solid #2b7988;
  color: #2b7988;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  border-radius: 0.625rem;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}
.about-btn-secondary:hover { background-color: #2b7988; color: #ffffff; }

.about-visual {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.about-card-grid {
  /* layout handled by Bootstrap .row/.col-6 */
}

.about-stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 1.5rem 1rem;
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 2px 16px rgba(0,0,0,0.07);
  text-align: center;
  border: 1px solid rgba(0,0,0,0.06);
}

.about-stat-card--accent {
  background: linear-gradient(135deg, #2b7988 0%, #00b4a0 100%);
}
.about-stat-card--accent .about-stat-num,
.about-stat-card--accent .about-stat-label { color: #ffffff; }

.about-stat-num {
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  font-size: 2rem;
  color: #2b7988;
  line-height: 1;
}

.about-stat-label {
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  font-size: 0.8125rem;
  color: #555;
  text-align: center;
}

.about-values {
  /* layout handled by Bootstrap d-flex flex-column gap-3 */
}

.about-value-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: #ffffff;
  border-radius: 0.75rem;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 1px 8px rgba(0,0,0,0.05);
}

.about-value-icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2b7988, #00b4a0);
  color: #ffffff;
  border-radius: 50%;
  font-size: 0.75rem;
}

.about-value-item strong {
  display: block;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  color: #0a0f1e;
  margin-bottom: 0.25rem;
}

.about-value-item p {
  font-family: "Prompt", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  color: #666;
  line-height: 1.5;
  margin: 0;
}

/* ============================================================
   EVENTS — OWL CAROUSEL OVERRIDES
   ============================================================ */
.events-owl-carousel, .api-owl-carousel {
  width: 100%;
}

.event-slide {
  width: 100%;
}

.event-slide-inner {
  display: flex;
  width: 100%;
  /* min-height: 26rem; */
  border-radius: 1.028rem;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  flex-direction: column;
}

.event-slide-content {
  /* flex: 0 0 55%; */
  flex: 0 0 52%;
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #ffffff;
  /* width: 50%; */
  order: 1;
}

.event-slide-image {
  flex: 1;
  background-size: cover;
  background-position: center center;
  /* min-height: 20rem; */
  min-height: 23rem;
}
.event-slide-content .frame-28 {
  width: 100%;
}
.event-slide-content .container-10 {
  height: auto;
  width: 100%;
}
.event-slide-content .frame-28 p {
  max-width: 100%;
  width: calc(100% - 20px);
  font-size: 1rem;
  font-weight: 3rem;
  line-height: 1.2;
  padding-left: 5px;
  font-weight: 300;
}
.event-slide-content .container-10 .text-wrapper-30 {
  width: calc(100% - 20px);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2;
  padding-left: 5px;
}
/* Owl nav buttons */
.events-owl-carousel .owl-nav, .api-owl-carousel .owl-nav  {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1.5rem;
  display: none;
}
.events-owl-carousel .owl-nav button, .api-owl-carousel .owl-nav button {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s;
}
.events-owl-carousel .owl-nav button:hover, .api-owl-carousel .owl-nav button:hover { opacity: 1; }
.events-owl-carousel .owl-nav button svg, .api-owl-carousel .owl-nav button svg { display: block; }

/* Owl dots */
.events-owl-carousel .owl-dots, .api-owl-carousel .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.25rem;
}
.events-owl-carousel .owl-dot span, .api-owl-carousel .owl-dot span {
  display: block;
  width: 1rem;
  height: 0.25rem;
  border-radius: 2rem;
  background: rgba(0,0,0,0.2) !important;
  transition: background 0.3s, width 0.3s;
}
.events-owl-carousel .owl-dot.active span, .api-owl-carousel .owl-dot.active span {
  background: #000 !important;
  width: 2.25rem;
}

/* Event icon inline SVG */
.event-icon {
  width: 1rem;
  height: 1rem;
  color: #666;
  flex-shrink: 0;
}


.reachus-innerwrap {
  padding-left: 35%;
}
.reachus-r {
  display: flex;
  gap: 1.5rem;
}
.reachus-m {
  width: calc(100% - 220px);
}
.reachus-m .hd1 {
  margin: 0;
  /* font-size: 2rem; */
  font-size: 1.975rem;
  font-weight: 500;
  font-family: "Outfit", serif;
}
.reachus-btn {
  display: inline-flex;
  width: auto;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  gap: 0.625rem;
  padding: 0.875rem 1.1875rem;
  border-radius: 0.625rem;
  text-decoration: none;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  font-family: "Outfit", sans-serif;
  transition:0.5s;
}
.reachus-btn:hover {
  /* background: #fff; */
  color: #1E4068;
}
.reachus-btn:hover svg path {
  stroke: #1E4068;
}
.section-reachus {
	background: #1C3E66 url('../images/reachus-bg.webp') no-repeat scroll -100px center !important;
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.service-offerings-part .frame-10 {gap: 1rem;}
.cta-r .reachus-btn:hover { /* background: #fff; */ color: #000c57; }
.cta-r .reachus-btn:hover svg path { stroke: #000c57; }
.header-section.scrolled .top-panel { /* background: #01322b; */ background: transparent url('../images/inside-header.webp') no-repeat top center; }

.about-us-icons-part { display: flex; flex-wrap: wrap; gap: 30px 30px; }
.about-us-icons { width: calc(33.33% - 20px); display: inline-flex; align-content: center; align-items: center; gap: 15px; }
.about-us-icon { width: 80px; }
.about-us-icon svg { width: 100%; }
.about-us-icons-text { width: calc(100% - 30px); font-size: 1.1rem; font-weight: 400; line-height: 1.3; }
.aboutus-section { background: #DAEFF2; background: linear-gradient(90deg, rgba(218, 239, 242, 1) 57%, rgba(177, 217, 224, 1) 100%); position: relative; }
.aboutus-img-col { position: relative; }
.aboutus-img-wrapper { position: absolute; /* bottom: -100px; */ height: auto; right: 0; /*! width: 50%; */ }
.aboutus-img-wrapper img { max-width: 100%; /*! height: 100%; */ }
.footer-col-row { width: 100%; display: flex; gap: 30px; }
.footer-col-row .footer-col { width: calc(25% - 20px); }
.footer-col-row-2 .footer-col { width: 100%; padding: 20px 0; }
.footer-col-row-2 .footer-col .footer-links { display: flex; flex-wrap: wrap; gap: 30px; }
.footer-col-row-2 .footer-col .footer-links li { width: auto; margin: 0; padding: 0; }
.footer-col-row-2 .footer-col .footer-links li a { /* font-size: 1.25rem; */font-size: 1.1rem; }
.footer-col-row.footer-col-row-2 { border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.view-map-link { font-weight: 500; margin-top: 0.8rem !important; display: inline-block; }
.inside-header-row {height:100%; align-content: center;}
.inside-header-left-col { align-content: center; }
.subtext-hd { font-size: 1rem; color: #fff; text-align: left; margin: 1rem 0 0; }
.industries-section { /* background: #E8EEF5; */background: #FDFEFF; clear: both; }
.frame-11.frame-11-center { width: 100%; text-align: center; align-items: center; }
.industries-img-wrapper { text-align: center; }
.industries-img-mob { display: none; }
.menu-col-left .text-wrapper-3 { font-size: 1.875rem; }

:root{
  --baas-ink:#0f1f23;
  --baas-muted:#5b6b70;
  --baas-soft:#f5fbfb;
  --baas-card:#ffffff;
  --baas-border:rgba(15,31,35,.10);
  --baas-shadow:0 12px 30px rgba(15,31,35,.10);
  --baas-shadow-soft:0 10px 22px rgba(15,31,35,.08);
  --baas-teal-900:#073a39;
  --baas-teal-800:#0a4b4a;
  --baas-teal-700:#0f5f5d;
  --gradient: linear-gradient(-45deg, #ffd9e3, #defaff, #ffedf2, #fff3c8);
}


.baas-section-title {
	font-family: "Outfit", sans-serif;
	font-weight: 500;
	font-size: 2.5rem;
	text-align: left;
	line-height: 1;
	margin-bottom: 2rem;
}
.text-center .baas-section-title {text-align: center;}

.baas-muted{color:var(--baas-muted);}

/* Hero */
.baas-hero{
  padding:72px 0;
  color:#fff;
  background:
    radial-gradient(800px 400px at 80% 40%, rgba(118,255,244,.18), transparent 60%),
    radial-gradient(650px 380px at 20% 70%, rgba(118,255,244,.10), transparent 55%),
    linear-gradient(90deg, #062a2a 0%, #053433 40%, #063f3c 100%);
}

.baas-breadcrumb{
  opacity:.85;
  font-size:.9rem;
  margin:0;
}

.baas-hero-title{
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.05;
}

.baas-hero-subtitle{
  max-width:46ch;
  opacity:.88;
}

.baas-hero-graphic{
  display:flex;
  justify-content:center;
}

.baas-hero-graphic img{
  max-height:240px;
  width:auto;
  filter:drop-shadow(0 18px 35px rgba(0,0,0,.25));
}

/* Explained */
.baas-explained{
  position:relative;
  /* padding:70px 0; */
  background:#fff;
}

.baas-illustration{
  background:linear-gradient(180deg, rgba(0,176,169,.08), rgba(0,176,169,.02));
  border:1px solid var(--baas-border);
  padding:18px;
}

.baas-whatsapp{
  position:fixed;
  right:16px;
  top:45%;
  width:42px;
  height:42px;
  border-radius:999px;
  background:#25d366;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
  display:grid;
  place-items:center;
  z-index:10;
  text-decoration:none;
}
.baas-whatsapp-dot{
  width:18px;
  height:18px;
  border-radius:999px;
  background:#fff;
  opacity:.9;
}

/* Options */
.baas-options{
  /* padding:72px 0; */
  background:linear-gradient(180deg, rgba(0,176,169,.08), rgba(255,207,179,.12));
  background: url('../images/services-bg.webp') no-repeat scroll top center;
  background-size: cover;
}

.baas-card{
  background:var(--baas-card);
  border:0;
  border-radius:14px;
  padding:30px;
  box-shadow:var(--baas-shadow-soft);
}
.baas-card-heading {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
}

.baas-card-title{
  font-size:1.05rem;
  font-weight:700;
  margin:4px 0 10px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  color: transparent;
  font-size: 1.5rem;
  line-height: 1.2;
}
.service-title-color-1 { background: linear-gradient(180deg,rgba(186,59,87,1) 0%,rgba(145,38,62,1) 100%); background-clip: text; }
.service-title-color-2 { background: linear-gradient(180deg,rgba(217,84,47,1) 0%,rgba(199,71,34,1) 100%); background-clip: text; }
.service-title-color-3 { background: linear-gradient(180deg,rgba(229,170,58,1) 0%,rgba(217,155,34,1) 100%); background-clip: text; }
.service-title-color-4 { background: linear-gradient(180deg,rgba(116,153,63,1) 0%,rgba(127,167,72,1) 100%); background-clip: text; }
.service-title-color-5 { background: linear-gradient(180deg,rgba(87,171,149,1) 0%,rgba(74,151,132,1) 100%); background-clip: text; }
.service-title-color-6 { background: linear-gradient(180deg,rgba(87,156,171,1) 0%,rgba(74,134,151,1) 100%); background-clip: text; }
.service-title-color-7 { background: linear-gradient(180deg,rgba(106,90,224,1) 0%,rgba(75,61,184,1) 100%); background-clip: text; }
.service-title-color-8 { background: linear-gradient(180deg,rgba(200,76,207,1) 0%,rgba(142,42,166,1) 100%); background-clip: text; }


.baas-card-text{ }

.baas-card-icon{}
.baas-card-icon--peach{}
.baas-card-icon--gold{}
.baas-icon-ring{
  width:20px;
  height:20px;
  border-radius:999px;
  border:2px dashed rgba(10,75,74,.55);
}

/* Why */
.baas-why{
  background:#fff;
  background:#FFF7ED;
}

.baas-feature{
  border:0px solid var(--baas-border);
  border-radius:16px;
  background:#fff;
  /* box-shadow:var(--baas-shadow-soft); */
  box-shadow:none;
  padding:0;
  border-radius: 15px;
  overflow: hidden;
}

.baas-feature-title{
  font-size:1.3rem;
  font-weight:700;
  margin:0 0 15px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  color: transparent;
}
.baas-feature-content {
	padding:25px 30px 25px 30px;
}

.baas-feature-text { }

.baas-feature-img {
  width:100%;
  height:auto;
  object-fit:cover;
  border-radius:0px;
  border:0px solid var(--baas-border);
}


/* Benefits */
.baas-benefits {
  background:linear-gradient(180deg, rgba(232, 238, 245, 1), rgba(0,176,169,.03));
}

.baas-benefits-panel{
  /* background:#eef6f8; */
  border:0px solid rgba(15,31,35,.08);
  padding:0;
  overflow:hidden;
}

.baas-benefits-grid{
  --baas-grid-line:rgba(0, 0, 0, 0.1);
  display: flex;
  gap: 0 45px;
}

.baas-benefit-cell{
  padding:22px 14px;
  border-right:1px solid transparent;
  border-bottom:1px solid var(--baas-grid-line);
  position: relative;
}

.baas-benefit-cell:nth-last-child(-n + 2){
  border-bottom:0;
}

.baas-benefit-cell::after {content:''; position:absolute; width:1px; height:100%; background:rgba(0, 0, 0, 0.1); top:0; right:-25px; }


.baas-benefit{
  display:flex;
  /* flex-direction:column; */
  gap: 15px 30px;
  align-items:center;
  /* justify-content:center; */
  text-align: left;
  position: relative;
}

.baas-benefit-icon{
  width:90px;
  height:auto;
  /* opacity:1; */
}

.baas-benefit-title{
  font-size:1.25rem;
  color:#292929;
  font-weight:400;
  line-height:1.2;
  width: calc(100% - 120px);
}
.section-reachus .reachus-l { align-items: center; display: flex; }
.contact-col1.contact-left p { /* color: #fff; */ }
.service-offerings-part .frame-11 { width: calc(100% - 8rem); }
.baas-feature-text { line-height: 1.3; }

#cursor{
      position:fixed;width:8px;height:8px;border-radius:50%;
      background:#C4973B;pointer-events:none;z-index:99997;
      transform:translate(-50%,-50%);opacity:0;	
    }
#cursor-ring{
  position:fixed;width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(196,151,59,.5);pointer-events:none;z-index:99996;
  transform:translate(-50%,-50%);opacity:0;
}
html, body {
  height: 100%;
}

#smooth-wrapper {
  overflow: hidden;
}

#smooth-content {
  will-change: transform;
}

/* GSAP perf hints (safe if GSAP not loaded) */
.js-section- { content-visibility: auto; contain-intrinsic-size: 800px; }
.js-float, .js-parallax-bg, .js-draw-svg path { will-change: transform; }

.js-section- { content-visibility: auto; contain-intrinsic-size: 800px; }
.js-float, .js-parallax-bg, .js-draw-svg path { will-change: transform; }

#particles-js { position: absolute; width: 100%; height: 100%; left: 0; top: 0;display: none; }
section, .industries-section .container, .excellence-section {position: relative;}
.absolute { position: absolute; }
.opacity-90 { opacity:0.9 }
.opacity-20 { opacity:0.2 }
.transition-all { transition-property:all; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms }


.service-section-home, .baas-options {
  background: #eff1f3;
  background-size: 300%;
  background-image: var(--gradient);
  animation: bg-animation 15s infinite  ease-in-out;
  overflow: hidden;
}

@keyframes bg-animation {
  0% {
    background-position: left;
  }
  50% {
    background-position: right;
  }
  100% {
    background-position: left;
  }
}
.blob {
	position: absolute;
	opacity: 0.8;
	filter: blur(60px);
	animation: float 15s infinite ease-in-out;
	z-index: -1;
}

.blob:nth-child(1) {
	background: #35a8be;
	width: 500px;
	height: 500px;
	left: 20%;
	top: 20%;
	animation-delay: 0s;
}

.blob:nth-child(2) {
	background: #1c3e66;
	width: 600px;
	height: 600px;
	right: 15%;
	top: 30%;
	animation-delay: 3s;
}

.blob:nth-child(3) {
	background: #005045;
	width: 400px;
	height: 400px;
	left: 30%;
	bottom: 20%;
	animation-delay: 6s;
}

.blob:nth-child(4) {
	background: #2da5bc;
	width: 300px;
	height: 300px;
	right: 25%;
	bottom: 15%;
	animation-delay: 9s;
}

@keyframes float {
	0% {
		transform: translate(0, 0) rotate(0deg);
		border-radius: 50%;
	}
	25% {
		transform: translate(50px, 50px) rotate(10deg);
		border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
	}
	50% {
		transform: translate(0, 100px) rotate(0deg);
		border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;
	}
	75% {
		transform: translate(-50px, 50px) rotate(-10deg);
		border-radius: 40% 60% 70% 30%/40% 50% 60% 50%;
	}
	100% {
		transform: translate(0, 0) rotate(0deg);
		border-radius: 50%;
	}
}

.svg-shape {
	position: absolute;
	opacity: 0.15;
	z-index: -1;
	animation: rotate 30s linear infinite;
	display:none;
}
#particles-js2 {
	width: 100%;
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.cloud-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; }
.cloud-bg .cloud { color: #fff; stroke: #8bbcc5; fill: #8bbcc5; opacity: 0.1;}
.aboutus-section, .baas-benefits {overflow: hidden;}
.aboutus-section .container, .baas-benefits .container {position: relative;z-index: 9;}

#header .nav-link span.drpdwn-name { --s: 0.08em; /* --c: #55E9E9; */--c: #C6FAFF; color: transparent; padding-bottom: var(--s); background: linear-gradient(90deg,var(--c) 50%,#fff 0) calc(100% - var(--_p,0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) var(--s) no-repeat; -webkit-background-clip: text,padding-box; background-clip: text,padding-box; transition: 0.5s; }
#header .nav-link:hover span.drpdwn-name{--_p: 100%}
#header .nav-item.dropdown:hover .nav-link span.drpdwn-name{--_p: 100%}

.blog-row .event-slide .event-slide-content { /* padding: 0; */ justify-content: normal;}
.events-listing-body .blog-row .event-slide .event-slide-content {/* min-height: 263px; */min-height: auto;}
.blog-listing .event-slide-inner { flex-direction: column; }
.blog-listing .event-slide-inner .blog-content-wrap { padding-left: 0; }
.blog-row .event-slide .event-slide-content .link-4 { margin-top: 2rem;}
.blog-row .event-slide .event-slide-image { /* min-height: auto; */ min-height: 370px;}
.table-data-row{width: 49%;float: left;display: flex;border-radius: 14px; border: 1px solid rgba(0,0,0,0.15);padding:30px 45px;justify-content: space-between;align-items: center;align-content: center;display: -webkit-flex;margin: 1% 0;font-size:20px;font-weight:400;}
.table-data-row:nth-child(2n){float: right;}
.table-data-clm1{width: calc(100% - 100px);padding-right: 20px;line-height:1.1;border-right: 1px solid rgba(0,0,0,0.15);}
.table-data-clm2{ width:100px; text-align: right; line-height:1.1;}
.table-data-row a{color:#292929; display: inline-block;transition: 0.5s;}
.data-date{display:block;color: #616161;font-weight:400;font-size:15px;margin-bottom: 15px;}
.table-data{display: flex;flex-wrap: wrap;justify-content: space-between;}
.sitemap-col .dropdown:hover > .dropdown-menu { margin-top: 0; }
.sitemap-col .navbar-nav .dropdown-menu { display: block; }
.sitemap-col-2 .navbar-nav { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 40px; }
.sitemap-col-2 .nav-item.dropdown { width: 100%; }
.sitemap-col-2 .nav-item { width: 31.33%; margin-bottom: 1rem; }
.sitemap-col-2 .menu-services .menu-l .menu-col { width: 100%; padding: 0px; /* background: #1c3e660f; */ border-radius: 10px; }
.sitemap-col-2 .menu-services .menu-l .menu-col-left { display: none; }
.sitemap-col-2 .mega-menu-main-wrap { box-shadow: none; }
.sitemap-col-2 .navbar-nav .dropdown-menu .menu-links li {padding-left: 0; background: none;}
.sitemap-col-2 .nav-item .nav-link { font-size: 1.1rem; font-weight: 500; }
.sitemap-col-2 .nav-item > a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.sitemap-col-2 .nav-item:last-child > a { border-bottom: 0; }
.sitemap-col-2 .navbar-nav .dropdown-menu .menu-links li {width: 22.7%; border-bottom: 0; border-top: 0px solid #ECECEC !important;}
.sitemap-col-2 .navbar-nav .dropdown-menu .menu-links li:nth-child(2), .sitemap-col-2 .navbar-nav .dropdown-menu .menu-links li:nth-child(3), .sitemap-col-2 .navbar-nav .dropdown-menu .menu-links li:first-child {border-top: 0 !important;}
.sitemap-col-2 .mobile-only, .sitemap-col-2 .dropdown-toggle::after {display: none !important;}
.footer-bgg { padding-top: 3rem; }
.footer-bgg svg { max-width: 100%; height: auto;}
.block-agent-horizontal { background-color: #FAFAFA; /*box-shadow: 0 0px 22px rgba(15,31,35,.08);*/ box-shadow:none; display: block; text-align: center; letter-spacing: 0; transform: translateY(0px); transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);border: 0px solid rgba(0,0,0,0.1);  border-radius: 10px; overflow: hidden; }
.block-agent-horizontal-title { font-size: 1.25rem; color: #292929; font-weight: 400; width: 100%;line-height: 1; margin-bottom: 5px; }
.block-agent-horizontal-divider {display:none;}
.block-agent-horizontal-divider::before { content: ''; display: inline-block; width: 166px; height: 1px; background-color: #e1e1e1; }
.block-agent-horizontal-image img { object-fit: cover; height: 100%; object-position: center center; width: 100%; max-width: none; }
.block-agent { display: block; max-width: 410px; margin: 0 auto; text-align: center; background-color: #ffffff; letter-spacing: 0; color: #9c9c9c; box-shadow: 0 0px 22px rgba(15,31,35,.08); transform: translateY(0px); transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1); border-radius: 10px; overflow: hidden;}
.block-agent-body { padding: 20px 5px 30px; background: #F1FFEE;background: linear-gradient(0deg, rgb(241, 255, 238) 40%, rgba(255, 255, 255, 0) 100%);position: absolute;bottom: 0px; left: 0; width: 100%; }
.block-agent-title { font-size: 1.25rem; color: #292929; font-weight: 400; width: 100%;transition: .3s ease-out all; }
.block-agent-title + * { margin-top: 5px; }
.block-agent p { margin: 0; }
.block-agent-horizontal-designatoin {margin-bottom: 1rem;}
.no-link > a, .link-operate > a {pointer-events: none;}
.genai-based-left { width: calc(50% - 20px); }
.baas-feature-genai { display: flex; width: 100%; justify-content: space-between; position: relative; }
.genai-based-right { width: calc(50% - 20px); }
.baas-feature-genai::after { content: ''; position: absolute; left: 50%; top: 30px; width: 1px; height: calc(100% - 60px); background: rgba(0, 0, 0, 0.2); }
#structured-data-search .genai-based-row .col-lg-3 { order: 1; }
.genai-based-row .baas-feature-title { background: linear-gradient(180deg,#BA3B57 0%,#BA3B57 100%); background-clip: text;}
#structured-data-search .genai-based-row .baas-feature-title { background: linear-gradient(180deg,#3066A5 0%,#3066A5 100%); background-clip: text;}
.genai-based-img { align-items: center; display: flex; height: 100%; }
.aboutus-secttion .baas-feature { box-shadow: var(--baas-shadow-soft); cursor: pointer; }
.aboutus-secttion .baas-feature-content { padding: 20px; }
.aboutus-secttion .baas-feature-content .baas-feature-title { margin: 0; }
.aboutus-secttion .baas-feature-img.baas-feature-img-2 {width: 100%;}


.block-agent-horizontal-body span.linked-icon {
    right: 15px;
	position: static;
}

#page-home .aboutus-section .container { position: static; }
/* #page-home .aboutus-section { background: linear-gradient(90deg, rgb(209, 243, 252) 0%, rgb(179, 214, 224) 60%); } */
/* #page-home .aboutus-section { background: linear-gradient(0deg, rgb(172, 215, 222) 0%, rgb(188, 219, 227) 55%, rgb(172, 215, 222) 100%); } */
#page-home .aboutus-section { background: #acd7de; }
#page-home .aboutus-section .aboutus-img-col { position: absolute; right: 0; width: 50%; height: 100%; top: 0; margin: 0; }
#page-home .aboutus-section .hero-video-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 1; z-index: 0; pointer-events: none; object-position: right center; }


@media (min-width: 1200px) {
.block-agent-body { padding: 60px 15px 20px;}
}
.block-agent:hover { transform: translateY(-14px); }
.block-agent:hover .block-agent-title {}
.block-agent-horizontal-body { padding: 15px 15px; }
@media (min-width: 768px) {
.block-agent-horizontal { display: flex; align-items: baseline; text-align: left; height: 100%; }
.block-agent-horizontal-image { position: relative; width: 38%; align-self: stretch; flex-shrink: 0; overflow: hidden; text-align: left; }
.block-agent-horizontal-body { padding: 30px; }
}




@-webkit-keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}
.link { position: relative; z-index: 0; overflow: hidden;}
/* .link::before {content: ""; position: absolute; z-index: -2; left: -50%; top: -55%; width: 200%; height: 400%; background-color: #399953; background-repeat: no-repeat; background-size: 50% 50%, 50% 50%; background-position: 0 0, 100% 0, 100% 100%, 0 100%; background-image: linear-gradient(#7CA345, #7CA345), linear-gradient(#4D9B88, #4D9B88), linear-gradient(#BA3B57, #BA3B57), linear-gradient(#6455D8, #6455D8); -webkit-animation: rotate 4s linear infinite; 	  animation: rotate 4s linear infinite; }
.link::after {content: ""; position: absolute; z-index: -1; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); background: white; border-radius: 5px;  -webkit-animation: opacityChange 3s infinite alternate; animation: opacityChange 3s infinite alternate; } */

@-webkit-keyframes opacityChange {
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

@keyframes opacityChange {
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}


/* .navbar-nav .dropdown-menu .menu-links li a {--s: 0.08em; --c: #ff6753; color: #ff6753; padding-bottom: var(--s); background: linear-gradient(90deg,var(--c) 50%,#fff 0) calc(100% - var(--_p,0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) var(--s) no-repeat; -webkit-background-clip: text,padding-box; background-clip: text,padding-box; transition: 0.5s;}
.navbar-nav .dropdown-menu .menu-links li a:hover {--_p: 100%; color:#ff6753} */



/* body {
  --strokeDashoffset: 0;
  overflow-x: clip;
} */


/* SVG paths */
#svgPaths {
  position: absolute;
  top: 75px;
  z-index: -1;
  width: 100%;
  height: 100%;
}

#svgPaths use {
  fill: none;
  stroke: url(#cl1);
  stroke-linecap: round;
  stroke-width: var(--dot);
  stroke-dashoffset: var(--strokeDashoffset);
}

#svgPaths use[href="#linePath01"] {
  --dot: 20px;
  --gap: 50px;
  stroke-dasharray: var(--dot) var(--gap) 120px var(--gap) var(--dot) var(--gap) 300px var(--gap) var(--dot) var(--gap) 150px var(--gap) var(--dot) 20000px;
}

#svgPaths use[href="#linePath02"] {
  --dot: 34px;
  --gap: 60px;
  stroke-dasharray: var(--dot) var(--gap) 120px var(--gap) var(--dot) var(--gap) 300px var(--gap) var(--dot) var(--gap) 150px var(--gap) var(--dot) 20000px;
}

#svgPaths use[href="#linePath03"] {
  --dot: 25px;
  --gap: 40px;
  stroke-dasharray: var(--dot) var(--gap) 120px var(--gap) var(--dot) var(--gap) 250px var(--gap) var(--dot) var(--gap) 150px var(--gap) var(--dot) 20000px;
}

#svgPaths use[href="#linePath04"] {
  --dot: 40px;
  --gap: 70px;
  stroke-dasharray: var(--dot) var(--gap) 100px var(--gap) var(--dot) var(--gap) 200px var(--gap) var(--dot) 20000px;
}

.excellence-section {overflow: hidden; padding-top: 3rem; padding-bottom: 3rem;}
.excellence-section .blob {display: none;}
article.frame-15, .service-offerings-part .frame-wrapper, .frame-17 svg, .frame-17 svg path, .event-slide-content .link-4, .event-slide-content .link-4 svg path,.baas-card, .baas-feature, .baas-feature-img, .event-slide-image, article.frame-15 img {transition: 0.5s;}
article.frame-15:hover, .service-offerings-part .frame-wrapper:hover { box-shadow: 0 0 20px #0000001c; }
.baas-card:hover, .baas-feature:hover { box-shadow: 0 0 20px #0000001c; }
.frame-17:hover span, .event-slide-content .link-4:hover span { transition: 0.5s; color:#000C57; }
.frame-17:hover svg, .event-slide-content .link-4:hover svg { margin-left: 3px; transition: 0.5s; }
.frame-17:hover svg path, .event-slide-content .link-4:hover svg path { stroke:#000C57; }
.baas-feature:hover .baas-feature-img, .event-slide:hover .event-slide-image, article.frame-15:hover img {transform: scale(1.05);}

.frame-17 span, .link-4 span {position:relative;}
/* .frame-17 span::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #ed2224; transition: 0.5s; }
.frame-17:hover span::after { width: 100%; } */
.frame-17 span::before, .link-4 span::before { content: ''; border-bottom: 1px solid #000; width: 0; left: 0; bottom: -3px; position: absolute; transition: 0.3s; margin: 0 auto; } 
.frame-17 span::after, .link-4 span::after { content: ''; border-bottom: 1px solid #006A58; width: 0; right: 0; bottom: -3px; position: absolute; transition: 0.3s; margin: 0 auto; } 
.frame-17:hover span::before, .frame-17:hover span::after, .link-4:hover span::before, .link-4:hover span::after {width:60%;}




.blog-row.event-row { gap: 50px; flex-wrap: wrap; }
.event-row .event-slide { width: calc(50% - 25px); }
.footer-contact li.location2 { padding: 18px 0px 18px 0px; width: 100%; display: flex; border-top: 1px solid rgba(0, 0, 0, 0.2); position: relative; }
.location2-span { padding: 2px 15px 2px 30px; font-weight: 500; background: url(../images/location-2.svg) no-repeat 0 center; position: relative; margin-right: 15px;}
.location2-span::after { content: ''; position: absolute; right: 0; width: 1px; height: 20px; background: rgba(0, 0, 0, 0.3); top: 0; }
.location2-span:last-child {margin-right:0}
.location2-span:last-child::after {display:none}

.inside-services { background: #E9FFFA; padding-top: 1.2rem; padding-bottom: 1.2rem; box-shadow: 0 0 14px rgba(0, 0, 0, 0.06); z-index: 999; position: sticky; top: 78px; }
.inside-services-part { display: flex; justify-content: center; gap: 10px 40px; }
.inside-services-link { color: #292929; font-size: 1rem; position: relative; line-height: 1.1; text-align: center;}
.inside-services-link::after { content: ''; position: absolute; width: 1px; height: 100%; background: rgba(0, 0, 0, 0.1); right: -21px; top:0; }
.inside-services-link:last-child::after { display: none; }
.inside-services.fixed { position: fixed; top: 78px; width: 100%; left: 0; }
.partners-5 .container { z-index: 9; }
.calendly-overlay {background-color: rgba(0, 0, 0, 0.83) !important;}
.bottom-more { display: none; }
.service-offerings-part { cursor: pointer; }
.baas-explained-2 .service-col-ryt { order: 0; }
.baas-explained-2 .service-col-left { order: 1; }
.baas-explained-2 .service-col-left .col-left-img { text-align: right; }
.bg-1 {background: #FFF7ED;}
.bg-2 {background: linear-gradient(180deg, rgba(232, 238, 245, 1), rgba(0,176,169,.03));}
.bg-white {background: #ffffff;}
.baas-benefit-para { width: 100%; clear: both; display: flex; font-size: 1rem; font-weight: 300; margin-top: 0.5rem; }
.baas-feature .row { height: 100%; }
.solution-line { position: relative; padding-left: 10px; font-weight: 500; }
.solution-line::before { content: ''; height: 14px; width: 2px; position: absolute; background: #BA3B56; top: 4px; left: 0; }
.title-breadcrumb, .inside-header-right { z-index: 9; position: relative; }
.blog-news-listing-3.blog-share { display: none; }
#partnerss { padding-bottom: 0; }
.partner-partt {/*  background: transparent url('../images/paertner.webp') no-repeat scroll center 120%;  */position: relative; height:700px; }
.partner-coll { position: absolute; bottom: 0; background: #fff; width: 150px; height: 150px; border-radius: 100%; display: flex; justify-items: center; align-items: center; justify-content: center; box-shadow: 0 0 10px #0000000f; padding:10px; }

.partner-coll-1 { left: 10%; top:345px;animation: bounce1 3s infinite ease-in-out;}
.partner-coll-2 { left: 20%; top:160px; width: 210px; height: 210px; animation: bounce2 4s infinite ease-in-out;}
.partner-coll-3 { left: 36%; top:70px;animation: bounce3 2.5s infinite ease-in-out;}
.partner-coll-4 { left: 50%; top:120px; width: 190px;  height: 190px;animation: bounce4 3.5s infinite ease-in-out;}
.partner-coll-5 { left: 66%; top:290px; width:160px;  height:160px;animation: bounce5 2.8s infinite ease-in-out;}
.partner-coll-6 { left: 76%; top:175px;animation: bounce6 4.5s infinite ease-in-out;}

.partner-coll-4::after { content: ''; position: absolute; width: 50px; height: 50px; background: #fff; top: 0; right: -70px; border-radius: 100%; box-shadow: 0 0 10px #0000000f; }
.partner-coll-5::after { content: ''; position: absolute; width: 30px; height: 30px; background: #fff; top: -30px; left: -10px; border-radius: 100%; box-shadow: 0 0 10px #00000008; }
.partner-coll-2::after { content: ''; position: absolute; width: 20px; height: 20px; background: #ffffffd6; top: -80px; right: 20px; border-radius: 100%; /* box-shadow: 0 0 10px #00000008; */ }
.partner-coll-1::after { content: ''; position: absolute; width: 40px; height: 40px; background: #ffffffd6; top: -70px; right: 150px; border-radius: 100%; /* box-shadow: 0 0 10px #00000008; */ }

.partner-coll-14 { right: 8%; bottom: 200px; animation: bounce2 4s infinite ease-in-out; }
.partner-coll-13 { right: 4%; bottom: 20px; animation: bounce1 3s infinite ease-in-out; }
.partner-coll-12 { left: 10%; top: 44px; animation: bounce1 3s infinite ease-in-out; }
.partner-coll-11 { left: 22%; bottom: 40px; width: 210px; height: 210px; animation: bounce2 4s infinite ease-in-out; }
.partner-coll-10 {right: 24%;bottom: 60px;animation: bounce3 2.5s infinite ease-in-out;}
.partner-coll-9 { right: 38%; bottom: 180px; width: 190px; height: 190px; animation: bounce4 3.5s infinite ease-in-out; }
.partner-coll-8 { right: 46%; bottom: 40px; width: 150px; height: 150px; animation: bounce5 2.8s infinite ease-in-out; }
.partner-coll-7 {right: 54%;bottom: 225px;animation: bounce6 4.5s infinite ease-in-out;}

.partner-coll-10::after { content: ''; position: absolute; width: 40px; height: 40px; background: #ffffffd6; top: 80px; right: -92px; border-radius: 100%; box-shadow: 0 0 10px #00000008; }
.partner-coll-8::after { content: ''; position: absolute; width: 40px; height: 40px; background: #ffffffd6; top: 80px; right: -92px; border-radius: 100%; box-shadow: 0 0 10px #00000008; }

.partner-coll img { width: 120px !important; height: auto; }

@keyframes bounce1{
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-12px);
    }
}

@keyframes bounce2{
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-28px);
    }
}

@keyframes bounce3{
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-18px);
    }
}

@keyframes bounce4{
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-35px);
    }
}

@keyframes bounce5{
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-10px);
    }
}

@keyframes bounce6{
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-24px);
    }
}


.section-partners .col-12.col-lg-12.js-section {
    margin: 0;
}

.industries-wrapper {
  display: grid;
  grid-template-columns: 100% 70%;
  border-radius: 1rem;
  overflow: hidden;
}

/* LEFT PANEL */
.industries-left {
  background: #dbe8ec;
  padding: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: normal;
  height: 100%;
}

.industry-item p {
	margin: 0;
	padding: 0;
	height: 100%;
}

/* GRID RIGHT */
.industries-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.industry-item {
  position: relative;
  overflow: hidden;
}

.industry-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
  transition: 0.4s ease;
}

/* OVERLAY TEXT */
.industry-item .industries-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  text-align: center;
  color: #fff;
  font-weight: 500;
  background: rgba(0,0,0,0.6);
  font-size: 1.125rem;
  line-height: 1.1;
  min-height: 72px;
  align-items: center;
  display: flex;
  justify-content: center;
}

/* HOVER EFFECT */
.industry-item:hover img {
  filter: grayscale(0%);
  transform: scale(1.05);
}



.detail-content-logo { margin-bottom: 30px; }
.detail-box { /* padding: 15px 0px; */padding: 20px 15px; }
.detail-box .baas-card { /* border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: none; */ }

.certification-title { font-family: "Outfit", sans-serif; font-weight: 500; font-size: 1.7rem; text-align: left; line-height: 1; margin-bottom: 0; }
.certification-logos-part { width: 100%; display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 20px;}
.certification-part { width: 100%; display: flex; flex-wrap: wrap; gap: 30px 0; }
.certification-logo { width: calc(20% - 25px); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.8rem; padding: 1.5rem; }

.certification-part.certification-part-multi {margin-bottom: 30px;}
.certification-part-multi .certification-part-1 { width: 60%; gap: 30px 0px; display: flex; flex-wrap: wrap; }
.certification-part-multi .certification-part-1 .certification-logo { width: calc(33.33% - 25px); }
.certification-part-multi .certification-part-3 .certification-logo, .certification-part-multi .certification-part-4 .certification-logo, .certification-part-multi .certification-part-2 .certification-logo { width: calc(100% - 25px); }
/* .certification-part-multi .certification-part-2 .certification-logo { width: calc(50% - 25px); } */
/* .certification-part-multi .certification-part-2 { width: 40%; gap: 30px 0px; display: flex; flex-wrap: wrap; } */
.certification-part-multi .certification-part-2, .certification-part-multi .certification-part-3, .certification-part-multi .certification-part-4 { width: calc(20% - 5px); gap: 30px 0px; display: flex; flex-wrap: wrap; width: 20%; }
.certification-part-multi .certification-part-5 { width: 60%; gap: 30px 0px; display: flex; flex-wrap: wrap; }
.blog-desc .baas-benefits-panel { margin-bottom: 2rem; }
.certification-part-multi .certification-part-5 .certification-logo { width: calc(33.33% - 25px); }

.mentors-listing { margin: 0; padding: 0; list-style: none; width: 100%; display: flex; flex-wrap: wrap; gap: 0 30px; }
.mentors-listing li { width: calc(50% - 15px); padding: 15px 0; border-bottom: 1px solid #0000001a;position:relative}
.mentors-name { font-size: 1.25rem; color: #292929; font-weight: 400; width: 100%; line-height: 1; margin-bottom: 5px; display: block; }
.mentors-designation { font-size: 1rem; font-weight: 300; line-height: 1.4; }
.mentors-listing li:last-child, .mentors-listing li:nth-last-child(2) { border-bottom: 0; }
.baas-vdo iframe { min-height: 299px; }
.section-life-at-cby-services .baas-vdo { height: 275px; overflow: hidden; }
.section-life-at-cby-services .baas-feature-content { padding: 25px 30px 25px 30px; }
.baas-vdo img { object-fit: fill; height: 300px; }
.portfolio-ttl { font-size: 1.5rem; font-weight: 500; line-height: 1.2; padding: 10px 10px 10px 20px; border-left: 0; position: relative; }
.item.certification-item { min-height: 180px; display: flex; align-items: center; border-left: 1px solid #0000001f; text-align: left !important; }
.section-life-at-cby-services .baas-feature-content { padding: 15px 30px 15px 30px; text-align: center; }
.certification-portfolio-carousel .item img {max-width: 140px; display: inline-block;}
.certification-portfolio-carousel .item { text-align: center; }
.certification-portfolio { background: #FFF7ED; padding-left: 2rem;  padding-right: 2rem; }
.certification-portfolio-carousel .owl-nav {display: none;}

/* RESPONSIVE */
@media (max-width: 991px) {

.section-partners .col-12.col-lg-12.js-section {
    margin:20px 0 0 0;
}

  .inside-services {
    position: sticky;
    top: 90px;
    z-index: 100;
    padding: 10px;
	z-index: 99999;
  }
  .inside-services-link {
	padding-left: 12px;
}
.inside-services-link::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 15px;
	background: #000c57;
	width: 1px;
}

  .inside-services ul {
    display: none;
    flex-direction: column;
    margin-top: 10px;
    border: 1px solid #eee;
  }

  .inside-services.open ul {
    display: flex;
  }

  .inside-services .dropdown-toggle {
    display: block;
    padding: 12px;
    border: 1px solid #eee;
    cursor: pointer;
    background: #fff;
  }
  .inside-services-link {font-size: 0.875rem; font-weight: 300; margin:2px 0px;text-align: left;}
  .inside-services-link::after {display:none;}
  
.inside-services.dropdown-init .container {
	padding: 15px 10px;
	background: white;
	border: 1px solid #eee;
	border-top: 0;
}
.inside-services.dropdown-init .container {
  display: none;
  position: absolute;
  left: 10px;
  width: calc(100% - 20px);
  top: 50px;
}
.inside-services.dropdown-init .dropdown-toggle {position:relative;}
.inside-services.dropdown-init.open .container, .inside-services.dropdown-init .dropdown-toggle::after {
  display: block;
}
.inside-services.dropdown-init .dropdown-toggle::after {position: absolute; right: 10px; top: 15px;}
.inside-services.dropdown-init.open .inside-services-part {
  flex-direction: column;
}
.sitemap-col .navbar-nav {border-top:0;}
}
@media (max-width: 992px) {
  .industries-wrapper {
    grid-template-columns: 1fr;
  }

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

  .industries-left {
    text-align: center;
	justify-content: center;
  }
}

@media (max-width: 576px) {
.rectangle {
    height: 180px !important;
}	
.frame-15 picture.js-float {
    height: 180px !important;
    overflow: hidden;
}
  .industries-grid {
    grid-template-columns: 1fr;
  }
}



@media screen and (min-width: 1361px) and (max-width: 1399px) {
.partners {padding-left:5rem; padding-right:5rem;}

}


/* ============================================================
   RESPONSIVE — TABLET  (≤ 1280px)
   ============================================================ */
@media (max-width: 1280px) {
  .about-us { padding: 5rem 3rem; }
  .about-inner { gap: 3rem; }

  .partners,
  .frame-6,
  .partners-2,
  .partners-4,
  .social-media,
  .partners-5,
  .partners-7,
  .paragraph-wrapper {
    /* padding-left: 1rem;
    padding-right: 1rem; */
  }
  .partners-6 {
    padding-left: 0;
    padding-right: 3rem;
  }
  .frame-9 {
    flex-wrap: wrap;
    height: auto;
  }
  .frame-wrapper {
    flex: 1 1 calc(33.33% - 1rem);
    min-width: 16rem;
  }
  .frame-15 { width: 100%; }
  .frame-14 { flex-direction: column; align-items: stretch; }
  .container-8 { width: 100%; flex-direction: column; }
  .container-9 { width: 100%; }
  .image-financial { min-height: 20rem; }
  .bring-greater { width: 100%; font-size: 2rem; }
  .frame-29 { margin-left: 0; }
  .excellence-section .frame-18 {gap: 1.5rem; margin-left: auto; margin-right: auto;}
  
}






/* ============================================================
   RESPONSIVE — MOBILE  (≤ 768px)
   ============================================================ */
   
@media (min-width: 992px){
  .baas-feature{padding:0;}
  .baas-feature-img{height:auto;}
.baas-feature-img { height: 100%; object-fit: cover; object-position: center; }
.baas-feature-img.baas-feature-img-2 { height: auto; }
#why-choose-baas .baas-feature .row, #why-choose-saas .baas-feature .row, #gen-ai-products .baas-feature .row { align-content: baseline; }

  .baas-benefit-cell{
    padding:24px 18px;
  }

  .baas-benefit-cell{
    border-right:0px solid var(--baas-grid-line);
    border-bottom:1px solid var(--baas-grid-line);
	width: calc(33.33% - 30px);
  }
.four-benefits-grid .baas-benefit-cell {width: calc(50% - 30px);} 
.thhree-benefits-grid .baas-benefit-cell {border-bottom:0} 
  /* 3 columns x 2 rows on lg+ */
  .baas-benefit-cell:nth-child(3n){
    border-right:0;
  }
  .baas-benefit-cell:nth-child(n + 4){
    border-bottom:0;
  }
  .navbar-nav { position: relative; }
.nav-item.dropdown { position: static; }
.events-listing-body .blog-news-listing-l .blog-content-wrap {position: relative; /* min-height: 205px; */min-height: 160px;}
.events-listing-body .blog-row .event-slide .event-slide-content .link-4 {position: absolute; /* left: 20px; */left:0px; bottom: 0;}
}

@media (max-width: 991.98px){
  /* 2 columns layout: remove right border on even items; bottom border removed on last row */
  .baas-benefit-cell{
    border-right:1px solid var(--baas-grid-line);
  }
  .baas-benefit-cell:nth-child(2n){
    /* border-right:0; */
  }
  .baas-benefit-cell:last-child{
    border-bottom:0;
  }
}



@media (max-width: 768px) {
  /* About Us */
  .about-us { padding: 3rem 1.25rem; }
  .about-inner { flex-direction: column; gap: 2rem; }
  .about-card-grid { grid-template-columns: 1fr 1fr; gap: 0.75rem; }
  .about-stat-num { font-size: 1.5rem; }

  /* Events carousel */
  .event-slide-inner { flex-direction: column; }
  .event-slide-content { padding: 1.5rem; flex: none; min-height: 255px; }
  .event-slide-image { min-height: 14rem; }
  .events-owl-carousel .owl-nav, .api-owl-carousel .owl-nav { justify-content: center; }

  /* Show hamburger, hide desktop nav & CTA button */
  .frame-42 { display: none; }
  .CTA { display: none; }
  .hamburger { display: flex; }

  .CBY-logo { padding: 0 1.25rem; }

  /* Hero */
  .frame {
    min-height: 100svh;
    min-height: 100vh;
  }
  .frame-2 { gap: 1.5rem; padding: 0 0; }
  .frame-3 { gap: 1.5rem; }
  .frame-4,
  .frame-5 { width: 6rem; gap: 0.5rem; }
  .group { width: 6rem; height: 6rem; }
  .text-wrapper-2 { font-size: 0.75rem; letter-spacing: 0.2em; }

  /* Sections */
  .partners,
  .frame-6,
  .partners-2,
  .partners-4,
  .social-media,
  .partners-5,
  .partners-7,
  .paragraph-wrapper {
    padding: 3rem 1.25rem;
  }

  .over-years-of { font-size: 1.5rem; width: 100%; }
  .over-years-of span {line-height: 2rem;}
  .comprehensive { font-size: 1.5rem; white-space: normal; }
  .from-industry-forums-2 { font-size: 1.5rem; }

  .frame-9 { flex-direction: column; height: auto; }
  .frame-wrapper { padding: 1.5rem; }
  .p, .text-wrapper-10 { width: 100%; }

  .frame-18 { flex-direction: column; align-items: center; gap: 2rem; }
  .div-2 { font-size: 2.5rem; }

  .social-media { flex-direction: column; }
  .the-digital-world-is { width: 100%; font-size: 1.75rem; }
  .frame-21 { flex-direction: column; align-items: center; margin: 0;}

  .partners-6 {
    flex-direction: column;
    padding: 3rem 1.25rem;
  }
  .rectangle-2 { display: none; }
  .frame-29 { margin-left: 0; align-items: flex-start; gap: 1.5rem; }
  .bring-greater { width: 100%; font-size: 1.5rem; }

  .partners-7 { padding: 3rem 1.25rem; }
  .frame-32 { flex-direction: column; gap: 1.5rem; }
  .div-3 { flex-direction: column; gap: 2rem; }

  .paragraph { flex-direction: column; gap: 0.5rem; text-align: center; }
  
.reachus-innerwrap { padding-left: 0; }
.reachus-m { width: 100%; }
.reachus-r {flex-wrap: wrap;}
.reachus-m .hd1 {font-size: 1.5rem; line-height: 1.2;}
.reachus-btn {padding: 0.6rem 1.1875rem;}
.CIO-crown-a {font-size: 1.2rem;}
.from-industry-forums-2 {line-height: 1.2;}
.event-slide-content .container-10 {align-items:baseline !important;}
.event-slide-content .frame-28 p, .event-slide-content .container-10 .text-wrapper-30 {font-size: 0.875rem;}
.text-wrapper-16 {line-height: 1.5rem; letter-spacing: 0; font-size: 1.2rem;}
.frame-16 {padding: 1rem 1rem;}
.div-wrapper {padding: 1rem;}
.text-wrapper-3 {line-height: 1.2;  font-size: 1.5rem;}
.text-wrapper-3 br {display:none}
.frame-11 {order: 1; align-items: center; /* margin-top: 1rem; */}
.frame-10 {flex-direction: column; justify-content: center; text-align: center;}
.frame-10 .img-2 {order: 0;}
.frame-wrapper { padding: 1.5rem; min-width: auto; width: 100%; }
.text-wrapper-6, .text-wrapper-7, .text-wrapper-8, .text-wrapper-9, .text-wrapper-11 { white-space: normal; }
.text-wrapper {font-size: 2rem;}
.service-section-home, .common-section-mob { padding-left: 0; padding-right: 0; }
.link {order:2;}
.frame-11.frame-11-left { align-items: baseline; }
section { padding-top: 3rem; padding-bottom: 3rem; }
.aboutus-img-wrapper {position: relative; bottom: -3rem;}
.about-us-icons {width: 100%;width: 46%; flex-direction: column; justify-content: center; text-align: center; gap: 5px;}
.partners-4 .frame-18 { align-items: center !important; flex-direction: row !important; margin: 0; gap: 0; justify-content: center !important; }
.partners-4 .frame-18 .text-wrapper-19, .partners-4 .frame-18 .text-wrapper-20 { white-space: normal; text-align: center; }
.partners-4 .frame-18 .div-2 { font-size: 2.1rem; margin-bottom: 0; }
.social-media #linkedin-heading { line-height: 1.2; }
.industries-img-desk { display: none; }
.industries-img-mob { display: inline-block; width: auto !important;}
.baas-section-title { line-height: 1.2; font-size: 1.5rem; margin-bottom: 1rem; }
.baas-benefit-cell {width: 100%;}
.baas-benefit-title {font-size: 1.1rem;}
.baas-benefit-icon {width: 60px;}
.baas-benefit-cell::after {display: none;}
.baas-benefit-cell:nth-last-child(2) {border-bottom: 1px solid var(--baas-grid-line);}
.section-reachus {padding-top: 30%; background-position: left top !important;  background-size: contain !important;}
.inside-header-right-col {order: 0; padding-top: 1.5rem;}
.inside-header-left-col {order: 1; padding-bottom: 1.5rem;}
.subtext-hd {font-size: 0.875rem;}
.site-mobile-menu { display: none; }
.home-header-fraame { gap: 1rem 0; }
.subtext-hd {margin-top: 0;}
.breadcrumb-container .main-hd {margin-bottom: 0;}
.partners-4 .frame-18 .frame-19 { text-align: center; align-items: center !important; align-self: baseline; gap: 0.2rem;}
.sitemap-col-2 .nav-link.dropdown-toggle, .sitemap-col-2 .navbar-nav {background: none !important; height: auto;}
.sitemap-col-2 .mega-menu-main-wrap {background: none; padding: 0;}
.sitemap-col-2 .navbar-nav .dropdown-menu .menu-links {padding: 0;}
.sitemap-col-2 .navbar-nav .dropdown-menu .menu-links li, .sitemap-col-2 .nav-item {width: 100%;}
.sitemap-col-2 .navbar-nav .dropdown-menu .menu-links li:nth-child(2), .sitemap-col-2 .navbar-nav .dropdown-menu .menu-links li:nth-child(3) {border-top: 0px solid #ECECEC !important;}


.sitemap-col-2 .nav-item.dropdown { border-bottom: 0; }
.sitemap-col-2 .nav-item { border-bottom: 1px solid #ECECEC; margin-bottom: 0;}
.footer-bgg {padding-top: 1rem;}
.footer-bgg svg { width: 100%; height: auto; }
.contact-img.cta-f img { transform: none !important; max-width: 250px; }
.js-section { opacity: 1 !important; transform: none !important; }
.service-offerings-part .frame-11 { width: 100%; }
.home-header .frame-4, .home-header .frame-5 { width: 100%; gap: 0; }
.home-header .frame-4 svg, .home-header .frame-5 svg { width: 100%; }
.table-data-row {width: 100%; padding: 20px; margin: 0; }
.table-data {gap: 1.5rem;}
.table-data-clm1 {width: calc(100% - 50px);}
.table-data-clm2 {width: 50px; padding-left: 1rem; }
.table-data-clm1 {padding-right: 1rem;}
.about-us-icons-part {gap: 30px 2%; justify-content: space-between;}
.about-us-icon { width: 50px; }
.about-us-icon svg {height: auto;}
.about-us-icon {margin-bottom: 5px;}
.partners-5 .frame-11.frame-11-left { order: 0; }
.inside-header-height .container { z-index: 9; }
.home-header {min-height: 32vh;margin-top: 90px;}
.top-panel {background: transparent url('../images/inside-header.webp') no-repeat top center;}
.events-listing-body .blog-row .event-slide .event-slide-content { min-height: auto; }
.blog-row .event-slide .event-slide-image { min-height: 200px; }
.baas-feature-content { padding: 1.2rem; }
.aboutus-section {background: #DAEFF2;}
.event-slide-content .frame-27 .frame-13 { order: 2; }
.bottom-more { text-align: center; display: flex; justify-content: left; width: 100%; margin-top: 10px; }
.desk-more { display: none; }
.partners-2 .bottom-more { margin-top: 1.8rem; }
.partners-2 .frame-12 {margin-bottom: 1.2rem !important;}
.footer-contact li.address br { display: none; }
.baas-benefit-icon path, .baas-card-icon svg path { stroke-dashoffset: 0 !important; }
.calendly-overlay {z-index: 999999999 !important;}
.calendly-overlay .calendly-popup {padding: 15px !important;}
.navbar-nav .dropdown-menu .menu-links li a.menu-link-item {min-height: 40px;}
.linkedin-svg { max-height: 26px; }
#linkedin-heading br {/* display:none */}
.partner-coll::after {display:none}
.partner-coll {position: static; width: 150px !important;  height: 150px !important;animation: none !important; }
.partner-partt { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; padding-bottom: 70px; height: auto; background-size: 300px; background-position: 0 102%; padding-top:20px; }
.baas-feature-genai {flex-wrap: wrap;}
.genai-based-left, .genai-based-right {width: 100%;}
.baas-feature-genai::after {display:none}
#structured-data-search .genai-based-row .col-lg-3 { order: 0; }
.menu-col-001, .menu-col-002 { width: 100%; }
.baas-explained-2 .service-col-left, .baas-explained .service-col-left { order: 1; }
.certification-logo {width: calc(50% - 10px);padding: 1rem;}
.certification-title {font-size: 1.5rem;}
.certification-part {gap: 30px 0;}
.certification-part-multi .certification-part-1 .certification-logo, .certification-part-multi .certification-part-2 .certification-logo, .certification-part-multi .certification-part-3 .certification-logo, .certification-part-multi .certification-part-4 .certification-logo, .certification-part-multi .certification-part-5 .certification-logo { width: calc(50% - 10px); padding: 1rem; }
.certification-part-multi .certification-part-1, .certification-part-multi .certification-part-2, .certification-part-multi .certification-part-3, .certification-part-multi .certification-part-4, .certification-part-multi .certification-part-5 {width: 100%;}
.mentors-listing li {width: 100%;}
.mentors-listing li:nth-last-child(2) { border-bottom: 1px solid #0000001a; }
.item.certification-item {min-height: 160px;}

.blog-news-listing-l .blog-row {gap: 30px;}

#page-home .aboutus-section .hero-video-bg {width: 100%; object-fit: cover; bottom: 0; top: auto; height: 100%;}
#page-home .aboutus-section .aboutus-img-col { position: absolute; right: 0; width: 100%; height: 240px; top: auto; margin: 0; bottom: 0px; }
#page-home .aboutus-section {padding-bottom: 280px;}


}


@media (max-width:500px) {
.section-life-at-cby-services .baas-vdo { height: auto; overflow: hidden; }	
.baas-vdo { height:auto; }
.baas-vdo img { object-fit: fill; height:auto; }
}