/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.gradient {
  background: -webkit-linear-gradient(left, #d505db, #2d05f8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 1200px) { .hs-menu-link.hs-menu-depth-1 { color: #333333 !important; } }

/* SEVN-X custom logo marquee */
.sevnx-logo-marquee {
  width: 100%;
  overflow: hidden;
  padding: 30px 0;
  background: #ffffff;
  position: relative;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
          mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}
.sevnx-logo-marquee > div {
  display: flex;
  width: max-content;
  animation: sevnx-scroll 40s linear infinite;
}
.sevnx-logo-marquee > div > a {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 60px;
  margin: 0 30px;
}
.sevnx-logo-marquee > div > a > img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.sevnx-logo-marquee:hover > div {
  animation-play-state: paused;
}
@keyframes sevnx-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .sevnx-logo-marquee > div { animation: none; }
}
@media (max-width: 600px) {
  .sevnx-logo-marquee > div > a {
    width: 130px;
    height: 45px;
    margin: 0 18px;
  }
  .sevnx-logo-marquee > div {
    animation-duration: 30s;
  }
}


/* SEVN-X testimonial carousel */
.sx-tc{padding:60px 20px;background:#ffffff;font-family:'Montserrat',sans-serif;position:relative}
.sx-tc-stage{position:relative;min-height:320px;max-width:780px;margin:0 auto}
.sx-tc-card{position:absolute;inset:0;opacity:0;transition:opacity 700ms ease;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;pointer-events:none}
.sx-tc-card.is-on{opacity:1;pointer-events:auto;position:relative}
.sx-tc-stars{display:flex;gap:5px;margin-bottom:22px}
.sx-tc-star{width:22px;height:22px;fill:#d4a017}
.sx-tc-quote{font-family:'Montserrat',sans-serif;font-size:21px;line-height:1.6;color:#292034;margin:0 0 28px;font-weight:400;max-width:680px;letter-spacing:-0.005em}
.sx-tc-quote::before{content:"\201C";font-size:56px;line-height:0;vertical-align:-14px;margin-right:6px;color:#a583b6;font-family:Georgia,serif}
.sx-tc-quote::after{content:"\201D";font-size:56px;line-height:0;vertical-align:-26px;margin-left:4px;color:#a583b6;font-family:Georgia,serif}
.sx-tc-attr{display:flex;align-items:center;gap:16px}
.sx-tc-av{width:54px;height:54px;border-radius:50%;background:#473959;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;letter-spacing:.5px;flex:0 0 54px;font-family:'Montserrat',sans-serif}
.sx-tc-meta{text-align:left}
.sx-tc-co{font-weight:700;font-size:16px;color:#292034;line-height:1.3;font-family:'Montserrat',sans-serif}
.sx-tc-ti{font-size:13px;color:#6b6478;margin-top:3px;font-family:'Montserrat',sans-serif}
.sx-tc-dots{display:flex;justify-content:center;gap:9px;margin-top:36px;flex-wrap:wrap;position:relative;z-index:10}
.sx-tc-dot{width:9px;height:9px;border-radius:50%;background:#cfc8d6;border:0;padding:0;cursor:pointer;transition:all 250ms;position:relative;z-index:11}
.sx-tc-dot.is-on{background:#473959;width:28px;border-radius:5px}
.sx-tc-arrows{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none;z-index:10}
.sx-tc-arr{pointer-events:auto;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid #e2dde5;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#473959;font-size:22px;line-height:1;transition:all 200ms;font-family:Arial,sans-serif;position:relative;z-index:11}
.sx-tc-arr:hover{background:#fff;border-color:#a583b6;transform:scale(1.05)}
.sx-tc-arr-l{margin-left:-16px}
.sx-tc-arr-r{margin-right:-16px}
@media (max-width:600px){
  .sx-tc{padding:40px 12px}
  .sx-tc-quote{font-size:17px}
  .sx-tc-quote::before{font-size:42px;vertical-align:-10px}
  .sx-tc-quote::after{font-size:42px;vertical-align:-20px}
  .sx-tc-arr{width:34px;height:34px;font-size:18px}
  .sx-tc-arr-l{margin-left:-8px}
  .sx-tc-arr-r{margin-right:-8px}
  .sx-tc-stage{min-height:380px}
  .sx-tc-av{width:46px;height:46px;flex:0 0 46px}
}

/* SEVN-X service card hover effect */
.hs-image-grid__item,
.image-grid__item,
[class*="image-grid"] a,
.dnd-section a img[src*="hs-fs/hubfs/as.png"],
.dnd-section a img[src*="hs-fs/hubfs/ir-1.png"],
.dnd-section a img[src*="hs-fs/hubfs/as2.png"],
.dnd-section a img[src*="PRODUCT"] {
  transition: transform 400ms cubic-bezier(.2,.8,.3,1), box-shadow 400ms ease, filter 400ms ease;
  border-radius: 10px;
  display: block;
  cursor: pointer;
}

.hs-image-grid__item:hover,
.image-grid__item:hover,
[class*="image-grid"] a:hover,
.dnd-section a:hover img[src*="hs-fs/hubfs/as.png"],
.dnd-section a:hover img[src*="hs-fs/hubfs/ir-1.png"],
.dnd-section a:hover img[src*="hs-fs/hubfs/as2.png"],
.dnd-section a:hover img[src*="PRODUCT"] {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 20px 40px -12px rgba(71, 57, 89, 0.55),
              0 0 0 2px rgba(165, 131, 182, 0.6),
              0 0 30px rgba(165, 131, 182, 0.4);
  filter: brightness(1.08);
}

/* SEVN-X credibility section */
.sx-cred{padding:60px 24px;background:#fafafa;font-family:'Montserrat',sans-serif}
.sx-cred-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1100px;margin:0 auto;align-items:center}
.sx-cred-video{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#2c2438 0%,#473959 100%);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform 300ms ease,box-shadow 300ms ease;text-decoration:none;display:block}
.sx-cred-video:hover{transform:translateY(-3px);box-shadow:0 16px 32px -8px rgba(71,57,89,.4)}
.sx-cred-video::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(165,131,182,.25) 0%,transparent 60%);pointer-events:none}
.sx-cred-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:transform 300ms ease}
.sx-cred-video:hover .sx-cred-play{transform:translate(-50%,-50%) scale(1.1)}
.sx-cred-play svg{width:28px;height:28px;margin-left:4px;fill:#473959}
.sx-cred-badge{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.95);color:#473959;font-size:11px;font-weight:700;letter-spacing:1.2px;padding:6px 12px;border-radius:4px;text-transform:uppercase;font-family:'Montserrat',sans-serif}
.sx-cred-caption{position:absolute;bottom:16px;left:16px;right:16px;color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.6);font-family:'Montserrat',sans-serif}
.sx-cred-content{padding:8px 0}
.sx-cred-eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#a583b6;text-transform:uppercase;margin:0 0 12px;font-family:'Montserrat',sans-serif}
.sx-cred-h{font-size:32px;font-weight:700;color:#292034;line-height:1.15;margin:0 0 18px;letter-spacing:-0.5px;font-family:'Montserrat',sans-serif}
.sx-cred-p{font-size:15px;line-height:1.65;color:#5a5468;margin:0 0 26px;font-family:'Montserrat',sans-serif}
.sx-cred-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 28px;border-top:1px solid #e8e3ec;border-bottom:1px solid #e8e3ec;padding:22px 0}
.sx-cred-stat{text-align:left}
.sx-cred-num{font-size:30px;font-weight:700;color:#473959;line-height:1;letter-spacing:-0.5px;margin-bottom:6px;font-family:'Montserrat',sans-serif}
.sx-cred-lbl{font-size:11px;font-weight:600;letter-spacing:1.2px;color:#6b6478;text-transform:uppercase;line-height:1.3;font-family:'Montserrat',sans-serif}
.sx-cred-cta{display:inline-flex;align-items:center;gap:8px;background:#473959;color:#fff !important;font-size:14px;font-weight:600;letter-spacing:.5px;padding:13px 24px;border-radius:6px;border:0;cursor:pointer;transition:all 300ms ease;text-decoration:none;font-family:'Montserrat',sans-serif}
.sx-cred-cta:hover{background:#5a4870;transform:translateY(-1px);box-shadow:0 8px 16px -4px rgba(71,57,89,.4);color:#fff !important;text-decoration:none}
.sx-cred-arrow{font-size:18px;line-height:1}
@media (max-width:768px){
  .sx-cred{padding:40px 16px}
  .sx-cred-grid{grid-template-columns:1fr;gap:28px}
  .sx-cred-h{font-size:24px}
  .sx-cred-num{font-size:26px}
  .sx-cred-p{font-size:14px}
}
    letter-spacing: 0.8px;
  }

  .sx-cred-cta {
    width: 100%;
    justify-content: center;
  }
}
/* Force credibility section background to pure white */
.sx-cred,
.sx-cred-grid {
  background: #ffffff !important;
}

/* Also make sure the parent dnd-section is white */
.dnd-section:has(.sx-cred) {
  background: #ffffff !important;
}