:root {

  --sc-radius-standard: 24px; 
  --sc-radius-small: 12px; 
  --header-dt-height: 108px;
  --header-mob-height: 88px;
  --font-primary: 'Bauhaus Desk Display';
  --font-secondary: 'IBM Plex Sans', sans-serif;
  --font-size-default: 15px;
  --line-height-primary : 1.1;
  --line-height-body : 1.6;
  --padding-dt-large: 149px;
  --padding-dt-medium: 99px;
  --padding-dt-small: 69px;
  --padding-mob-large: 69px;
  --padding-mob-medium: 49px;
  --sc-blue : #004BFF;
  --sc-light-blue : rgba(204, 219, 255, 0.7);
  --sc-med-blue : #4D65CD;
  --sc-dark-blue : #002D99;
  --sc-navy : #0E193C;
  --sc-green : #23CCA2;
  --sc-grey : #EFF1FF;
  --sc-lightest-grey : #eff1ffb0;
  --outer-container: 1693px;
  --sm-box-shadow :0px 0px 30px #00000012;

  --gracie : linear-gradient( 
    90deg,
    #51B3D1 0%,
    #5063D2 34%,
    #A45ACC 67%,
    #DA5597 100%
  );
  --gracie-purple-light : #4C63D9;

}

body {
  color:var(--sc-navy);
  background:#EFF1FF;
}

.body-container-wrapper {     
  overflow-x: hidden; 
}

::selection {
  background:var(--sc-blue);
  color:#FFF;
}

.js .animate-count {
  visibility: hidden;
}

.animate-count {
  display: inline-block;
  min-width: 4ch;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.animate-count.primary_title {
  font-size:54px;
  font-weight:600;
}

.ta-center .animate-count {
  text-align: center;
}

a.expandmenu i {
  height: 2px;
}

a.expandmenu.active i:last-child {
  top: -6px;
}
/* SPACERS */

.ta-center {
  text-align: center;
}

.ta-left {
  text-align: left;
}
.pos-rel {
  position: relative;
}

.content-wrapper {
  max-width:1444px;
}

.content-wrapper_xsmall {
  max-width: 1272px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  float: none;
  display: block;
}

.mt30 {
  margin-top:30px;
}

.mt40 {
  margin-top:40px;
}

.pr60 {
  padding-right: 50px;
}

.pl60 {
  padding-left: 50px;
}

.pr100 {
  padding-right: 100px;
}
.max125 {max-width:125px; width:100%;}


.w50-20 {
  width:calc(50% - 20px); 
}
.mlrauto {
  margin-left: auto;
  margin-right: auto;
}

.sp-large {
  padding-bottom: var(--padding-dt-large);
  padding-top: var(--padding-dt-large);
}

.sp-large-bottom {
  padding-bottom:var(--padding-dt-large);
}


.sp-large-top {
  padding-top:var(--padding-dt-large);
}

.sp-medium {
  padding-bottom:var(--padding-dt-medium);
  padding-top:var(--padding-dt-medium);
}


.sp-medium-top {
  padding-top:var(--padding-dt-medium);
}

.sp-medium-bottom {
  padding-bottom:var(--padding-dt-medium);
}


.sp-first-large {
  padding-top: calc(var(--header-dt-height) + var(--padding-dt-large)); 
}


blockquote {    
  padding-left: 20px;
}

blockquote strong {
  font-size:13px;
}

.ws_nowrap {
  white-space:nowrap;
}


@media screen and (min-width:1023px) {
  
    .maxfit {
      max-width:fit-content;
    } 
}
/*

/* DEFAULT COLOURS */


.bg-grey {
  color:var(--sc-navy);
  background:var(--sc-grey);
}

.bg-grey .primary_color,
.bg-grey .secondary_color *  {
  color:var(--sc-navy);

}

.bg-grey .secondary_color  svg path  {
  color:var(--sc-navy);
  stroke: var(--sc-navy);
}

.bg-grey h1 {
  color:var(--sc-blue);
}



.bg-grey h2.primary_title,
.bg-grey .std-text h2 {
  color:var(--sc-blue);
}


.bg-grey .button_gracie,
.bg-white .button_gracie{
  color:var(--sc-navy);
}
.bg-white {
  background:#FFF;
  color:var(--sc-navy);
}

.bg-white h1,
.bg-white h2 {
  color:var(--sc-blue);
}

.bg-white blockquote {
  border-left-color: var(--sc-lightest-grey);
}


.bg-gracie h1,
.gracie-text,
.gracie-text-cont h2 {

  background: linear-gradient(
    90deg,
    #51B3D1 0%,
    #5063D2 34%,
    #A45ACC 67%,
    #DA5597 100%
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  background-clip: text;
  color: transparent;
}


.bg-gracie.bg-white h2 {
  color:var(--sc-navy);
}

.bg-light-blue {
  background-color:var(--sc-light-blue);
  color:var(--sc-blue);
}

.bg-med-blue {
  background-color:var(--sc-med-blue);
  color:white;
}


.bg-blue {
  background-color:var(--sc-blue);
}

.bg-blue,
.bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-blue h5,
.bg-blue h6,
.bg-blue p {
  color:white !important;
}

.bg-blue .button_tertiary {
  color:var(--sc-blue);

}


.bg-blue .button_tertiary:hover {
  background: #ffffff33;
  color:#FFF;
  border:1px solid #FFF;
}

.bg-none {
  background-color:none;
}

.brborder {
  overflow: hidden;
  border:12px solid rgba(204, 219, 255, 0.4);
  box-shadow: var(--sm-box-shadow);
}

.bg-grey .brborder {
  border:12px solid rgba(255, 255, 255, 0.4);
}



/*  ICONS */

.icon_large {
  max-width:64px;
  width:64px;
  height:64px;
}


.icon_medium {
  max-width:34px;
  width:34px;
  height:34px;
}

.icon_gracie-button  {
  max-height: 60px;
  width:auto;
  min-height: 60px;
}


/* NEW TITLES */

.std-text-large {
  font-size:18px;
}

.std-text-xlarge {
  font-size: 24px;
}

.std-text p,
.std-text,
.FAQBoxContentInner{
  line-height:var(--line-height-body);
}


.std-text ul li {
  list-style: disc !important;  
}

.std-text ul {
  margin:0;
  padding-left:1em;
}

.bg-white .std-text ul li::marker,
.bg-grey .std-text ul li::marker{
  color:var(--sc-blue);
}

.bg-blue .std-text ul li::marker {
  color:white;
}

.std-text p:not(:first-child) {
  padding-top:1em;
}

.std-text .cite {
  display: block;
  margin-top:10px;
  font-size: var(--font-size-default);
}



/* LISTS */

.std-text ul {
  display: flex;
  flex-direction: column;
  gap:20px;
}

.std-ul-arrows li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height:var(--line-height-body);
}

.std-ul-arrows li::before {
  content: "→";
  color:var(--sc-blue);
  flex-shrink: 0;
}



.primary_title {
  font-family: var(--font-primary);
  line-height: var(--line-height-primary);
  font-weight: 500;
}

.secondary_title {
  font-family: var(--font-secondary);
  font-weight: 400;
}


h1.primary_title,
strong.primary_title-large {
  font-size:64px;   
  font-weight: 600;
}

strong.primary_title-small {
  font-size:20px;
  display:inline-flex;
}

strong.primary_title-medium {
  font-size:36px;
  display:inline-flex;
}

h2.primary_title,
.font36 {
  font-size:36px;
  line-height: 1.3;
}

h1.primary_title-small,
h2.primary_title-large  {
  font-size:48px;
}

h2.secondary_title {
  font-size:36px;

}

h3.primary_title,
.std-text h3 {
  font-size:20px;
  line-height: 1.3;
}


.FAQBoxTitle h4 {
  font-size:20px;
  line-height: 1.3;
}




/* BUTTONS */


.cta_button  {
  padding:12px 20px;
  font-family: var(--font-secondary);
  border-radius: var(--sc-radius-standard);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}


.cta_button:hover {
  font-weight: 600;
}

.button_gracie {
  position: relative;
  border-radius: 24px;
  color: #FFF;
  background: transparent;
  z-index: 1;
}


.button_gracie::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;

  background: linear-gradient(
    90deg,
    #51B3D1 0%,
    #5063D2 34%,
    #A45ACC 67%,
    #DA5597 100%
  );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  transform: translateZ(0); /* ✅ fix */

  z-index: -1;
}

.button_gracie:hover {
  background: #ffffff33;
}

.button_gracie:hover:before {
  background: linear-gradient(
    -90deg,
    #51B3D1 0%,
    #5063D2 34%,
    #A45ACC 67%,
    #DA5597 100%
  );
}


.button_septenary {
  background:var(--sc-grey);
  border:1px solid var(--sc-grey);
}


/* HEADER */


@media screen and (min-width:1230px) {
    .MobileMenuSection   {
        display: none !important;
    }
}

.header .HeaderInnerSec {
  box-shadow: var(--sm-box-shadow);
}

.HeaderMenu .header-menu-desktop > ul {
  display: flex;
  align-items: center;
}

.HeaderMenu .header-menu-desktop > ul > li > a {
  color: #0E193C;
  font-size: 15px;
  font-weight: 600;
}

.header .HeaderInnerSec .HeaderLtCol .HeaderMenu .hs-item-has-children > a.is-active,
.HeaderMenu .header-menu-desktop>ul>li>a:hover,
.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul li a:hover span.boxcnt {
  color:var(--sc-blue) !important; 
  border-bottom: 1px solid currentColor;

}

.HeaderMenu .header-menu-desktop > ul > li {
  padding: 30px 10px;
}

.HeaderDropdownMenu  ul li a:hover {
  color:var(--sc-blue) !important;
}

.ProductMenuGroupBox .PlatformBoxGrp {
  border: 1px solid var(--sc-blue);
  background:none;

}

.ProductMenuGroupBox .PlatformBoxGrp:hover {
  border: 1px solid #FFF;
  background: #ffffff33;
}

.ProductMenuGroupBox .PlatformBoxGrp .PlatformBoxGrpCnt span {
  font-size:14px;
}

.ProductMenuGroupBox .PlatformBoxGrp .PlatformBoxGrpTitleSec h6 {
  font-size: 16px;
  margin-left: 5px;
  font-weight: 500;
}

.capabilitiesMenuIn ul li a img {
  width: 25px;
  height: 25px;
}

.capabilitiesMenuIn ul li a,
.HeaderDropdownMenu .SolutionMenuInSec .Childmenu ul li a,
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesMenu a {
  gap:10px;
  font-weight:500;
  font-size:15px;
}

.capabilitiesMenuIn ul li+* {
  padding-top: 15px;
}

.sc2026_header-integrations-menu ul li > a {
  text-decoration: underline !important;
}

.sc2026_header-integrations-menu ul li > a:hover {
  text-decoration:none !important;
}

.MenuButton a:before {
  display:none;
} 


.HeaderDropdownMenu .SolutionMenuInSec .IntegrationsColumn .UsecasemenuMenu {
  margin-top:0;
} 

.HeaderDropdownMenu .SolutionMenuInSec .MenuTitle p {
  font-size:13px;
  line-height:1;
}

.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner {
  padding:0 15px;
}

.FrameworksMenu {
  padding-top:20px;
}

.ResourcesBox {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #053DC314 !important;
  border-radius: 4px;
}


.PodcastBox {
  padding:12px;
}

.ResourcesBox:hover,
.PodcastBox:hover {
  background:none !important;

}

.ResourcesBox, .PodcastBox {
  border:1px solid #F0F3FA !important;
}

.PodcastBoximg,
.ResourcsBoxImg {
  width:60px;
  height:60px;
}

.ResourcesBoxImg img,
.PodcastBoximg img{
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  max-width: 60px !important;
  object-fit: cover;
  overflow: hidden;
  min-width: 60px;

}


.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox .ResourcesBoxTitle p {
  font-weight:500;
  font-size:14px;
}

.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox .ResourcesBoxTag {
  background:none;
  border-radius:unset;
}
.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox .ResourcesBoxTag p,
.PodcastBoxContent .ResourcesBoxTag  p  {
  display: inline-block;
  font-size: 9px !important;
  padding: 5px 9px;
  min-height: 15px;
  margin-bottom:5px;
  border-radius: 12px;
  color: rgb(255, 255, 255);
  background: rgba(0, 75, 255, 0.43);
}

.PodcastBox .PodcastBoxContent p {
  font-weight:500;
  font-size:14px;
}

.PodcastBox .PodcastBoxContent{
  align-items: flex-start;
}

.ResourcesTitleSec .ResourcesTitle p {
  color: #0E193C;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 15px;
}

.MenuTitle p,
.ResourcesTitle p {
  line-height: 1;
  margin-bottom: 15px;
}


@media (min-width: 1231px) {
  .ProductMenuSec .ProductMenuInSec .PlatformMenu,
  .HeaderDropdownMenu .SolutionMenuInSec .IndustryColumn{
    padding-right:20px;
  }

  .ProductMenuSec .ProductMenuInSec .capabilitiesMenu,
  .HeaderDropdownMenu .SolutionMenuInSec .IntegrationsColumn{
    padding:0 20px;
  }

  .ProductMenuSec .ProductMenuInSec .featured_contentMenu,
  .HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner {
    padding-left:20px;
  }


  .ProductMenuSec .ProductMenuInSec,
  .SolutionMenuInSec {
    align-items: stretch !important;
  }

  .MenuButton {
    margin-top:auto !important;
    padding-top:20px;
  }

  .MenuButton:hover a,
  .MenuButton:hover {
    text-decoration:none !important;
    color:var(--sc-blue) !important;
  }

  .sc2026_header-integrations-title {
    margin-top:auto;
  }


  .HeaderDropdownMenu .SolutionMenuInSec .IntegrationsColumn .UsecasemenuMenu {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    height: 100%;
  }

  .HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner {
    margin-top: 0;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: stretch;

  }



  .ProductMenuSec .ProductMenuInSec .featured_contentMenu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

  }

  .HeaderDropdownMenu {
    padding:50px !important;
    box-shadow:var(--sm-box-shadow);
  }

  .hs-menu-children-wrapper {
    padding-top:10px;
  }

}

/* LOGO GRID */

.sc2026-page .logo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  width:100%;
}

.sc2026-page .logo-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

.sc2026-page .logo-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

.sc2026-page .logo-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

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


.sc2026-page .logo-grid img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 60px;
  margin: 0 auto;
  display: block;
}


.sc2026-page .logo-grid img {
  max-height: 50px;
  width: auto;
  max-width: 150px;
}


.sc2026-page .logo-grid-3 img,
.sc2026-page .logo-grid-2 img {
  max-height: 40px;
  max-width: 120px;
}


.sc2026-page .logo-grid img {
  opacity: 0;
  transform: translateY(20px) scale(0.95);

  transition:
    opacity 0.5s ease,
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.sc2026-page .logo-grid img.is-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}


  /* =========================
NEW PRICING 
========================= */



.pricing-compare-ungrouped .pricing-compare__table {
  width: 100%;
}

.pricing-compare-ungrouped .pricing-compare__row {
  display: grid;
  grid-template-columns: 260px repeat(3, 1fr);
  align-items: stretch;
}

.pricing-compare-ungrouped .pricing-compare__cell {
  padding: 28px 36px;
  position: relative;
}

.pricing-compare-ungrouped .pricing-compare__cell--label {
  font-size: var(--font-size-default);
  line-height: 1.3;
  color: var(--sc-navy);
}

.pricing-compare-ungrouped .pricing-compare__cell--label strong {
  font-weight: 700;
}

.pricing-compare-ungrouped .pricing-compare__cell--plan {
  text-align: center;
  font-size: var(--font-size-default);
  line-height: 1.45;
  color: var(--sc-navy);
}

.pricing-compare-ungrouped .pricing-compare__row:not(.pricing-compare__row--header) .pricing-compare__cell {
  border-top: 1px solid rgba(0,0,0,0.08);
}

.pricing-compare-ungrouped .pricing-compare__row--header .pricing-compare__cell {
  padding-top: 0;
  padding-bottom: 0px;
  border-top: 0;
}

.pricing-compare-ungrouped .pricing-compare__planhead {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 92px;
}

.pricing-compare-ungrouped .pricing-compare__planhead h3 {
  margin: 0;
  font-size: 16px;
  line-height: 1.1;
}

.pricing-compare-ungrouped .pricing-compare__icon {
  font-size: 28px;
  line-height: 1;
}



.pricing-compare-ungrouped .pricing-compare__cell--featured {
  background: rgba(35, 204, 162, 0.15);
  border-left: 1px solid var(--sc-green);
  border-right: 1px solid var(--sc-green);
}

.pricing-compare-ungrouped .pricing-compare__row--header .pricing-compare__cell--featured {
  border-top: 1px solid var(--sc-green);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  overflow: visible;
}

.pricing-compare-ungrouped .pricing-compare__row:last-child .pricing-compare__cell--featured {
  border-bottom: 1px solid var(--sc-green);
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

.pricing-compare-ungrouped .pricing-compare__row:nth-child(2) .pricing-compare__cell {
  border-top:none !important;
}

.pricing-compare-ungrouped .pricing-compare__row.pricing-compare__row--cta  .pricing-compare__cell {
  border-top:none !important;
}

.pricing-compare-ungrouped .pricing-compare__planhead--featured {
  background: #2fc7a4;
  color: #fff;
  margin: 0 -36px 0;
  padding: 32px 20px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.pricing-compare-ungrouped .pricing-compare__planhead--featured h3 {
  color:#FFF;
}
.pricing-compare-ungrouped .pricing-compare__badge {
  background: var(--sc-navy);
  white-space:nowrap;
  border-radius: 999px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  left: 50%;
  line-height: 1;
  padding: 10px 24px;
  position: absolute;
  top: -16px;
  transform: translateX(-50%);
  z-index: 2;
  font-size: 12px;
}

.pricing-compare-ungrouped .pricing-compare__divider {
  height: 1.5px;
  background: var(--sc-navy);  
}

.pricing-compare-ungrouped .pricing-compare__row--cta .pricing-compare__cell {
  padding-top: 10px;
  padding-bottom: 36px;
}

.pricing-compare-ungrouped .pricing-compare__stat {
  display: block;
  line-height: 1.1;
  font-weight: 700;  
}

.pricing-compare-ungrouped .pricing-compare__stat-text {
  margin-top:18px;
}

@media (max-width: 1023px) {
  .pricing-compare-ungrouped {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100%;
    padding-bottom: 8px;
  }

  .pricing-compare-ungrouped .pricing-compare {
    width: auto;
    max-width: none;
    overflow: visible;
  }

  .pricing-compare-ungrouped .pricing-compare__table {
    width: 920px;
    min-width: 920px;
  }

  .pricing-compare-ungrouped .pricing-compare__row {
    grid-template-columns: 150px repeat(3, minmax(190px, 1fr));
  }

  .pricing-compare-ungrouped .pricing-compare__cell {
    padding: 15px;
    font-size: 14px;
    box-sizing: border-box;
  }

  .pricing-compare-ungrouped .pricing-compare__planhead--featured {
    border-radius: 0;
    margin: 0 -15px 0;
    padding: 15px 18px;
  }

  .pricing-compare-ungrouped .pricing-compare__planhead {
    min-height: 62px;
    justify-content: flex-start;
  }

  .pricing-compare-ungrouped .pricing-compare__badge {
    top: -30px;
    right: 0;
    left: 0;
    width: 100%;
    transform: none;
    border-radius: 24px 24px 0 0;
  }

  .pricing-compare-ungrouped .pricing-compare::-webkit-scrollbar {
    display: none;
  }

  .pricing-compare-ungrouped::-webkit-scrollbar {
    height: 4px;
  }

  .pricing-compare-ungrouped::-webkit-scrollbar-track {
    background-color: rgba(0, 71, 255, 0.15);
    border-radius: 999px;
  }

  .pricing-compare-ungrouped::-webkit-scrollbar-thumb {
    background: var(--sc-blue);
    border-radius: 999px;
  }

  .pricing-compare-ungrouped::-webkit-scrollbar-thumb:hover {
    background: var(--sc-navy);
  }
}


/* =========================
GROUPED PRICING
========================= */

.pricing-compare--grouped .pricing-compare__scroll {
  position: relative;
  overflow: visible;
}

.pricing-compare--grouped .pricing-compare__sticky-head {
  position: relative;
  top: auto;
  z-index: 30;
}

.pricing-compare--grouped .pricing-compare__sticky-head.is-fixed {
  position: fixed;
  z-index: 998;
}

.pricing-compare--grouped .pricing-compare__table {
  width: 100%;
}

.pricing-compare--grouped .pricing-compare__row {
  display: grid;
  grid-template-columns: 260px 260px repeat(3, 1fr);
  align-items: stretch;
}

.pricing-compare--grouped .pricing-compare__cell {
  padding: 28px 36px;
  position: relative;
}

.pricing-compare--grouped .pricing-compare__cell--section-label {
  font-size: var(--font-size-default);
  line-height: 1.3;
  color: var(--sc-navy);
}

.pricing-compare--grouped .pricing-compare__cell--features-label {
  display: inline-flex;
  align-items: center;
}

.pricing-compare--grouped .pricing-compare__cell--label {
  font-size: var(--font-size-default);
  line-height: 1.3;
  color: var(--sc-navy);
}

.pricing-compare--grouped .pricing-compare__cell--label strong {
  font-weight: 700;
}

.pricing-compare--grouped .pricing-compare__cell--plan {
  text-align: center;
  font-size: var(--font-size-default);
  line-height: 1.45;
  color: var(--sc-navy);
}

.pricing-compare--grouped .pricing-compare__group-title {
  margin: 0;
  color: var(--sc-blue);
  font-size: 18px;
  line-height: 1.2;
}

.pricing-compare--grouped .pricing-compare__table--body .pricing-compare__row .pricing-compare__cell:not(.pricing-compare__cell--section-label) {
  border-top: 1px solid rgba(0,0,0,0.08);
}


@media (min-width: 1024px) {
  .pricing-compare__sticky-head--mobile-clone {
    display: none !important;
  }
}



@media (max-width: 1023px) {
  

  .pricing-compare--grouped .pricing-compare__group-header:after {
    right: auto;
    left: calc(100vw - 50px) ;
  }

  
  .pricing-compare--grouped .pricing-compare__group-header{
    border-radius:0 !important;
  }
  
  .pricing-compare-section--intro .pricing-compare--grouped {
    padding-top:0 !important;
    
}
  
  .pricing-compare--grouped .pricing-compare__sticky-head::before {
    transition:none !important;
}

.pricing-compare--grouped .pricing-compare__sticky-head::before {
    min-width: 1120px;
}



  .pricing-compare-section .sm_p0 {
    padding:0 !important;
  }


  .pricing-compare--grouped .pricing-compare__scroll {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
   
  }


  .pricing-compare--grouped .pricing-compare__sticky-head::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left:0 !important;
    width: 1120px;

    background: var(--sc-blue);
    z-index: -1;
    transition: background 0.2s ease, backdrop-filter 0.2s ease;
  }

  .pricing-compare--grouped {
    width:1120px;
  }
  
  
  
  /*
  .pricing-compare-section--intro .pricing-compare--grouped::after {
    background:var(--sc-grey);
    position: absolute;
    width:1120px;
    content:"";
    height:36px;
    top:0;
    left:0;
    min-width:1200px;
  }*/

  .pricing-compare-section--intro .pricing-compare--grouped {
    position: relative;
  }



}


/* =========================
INTRO ROW
========================= */

.pricing-compare--grouped .pricing-compare__row--intro .pricing-compare__cell {
  padding-top: 40px;
}

.pricing-compare--grouped .pricing-compare__row--intro .pricing-compare__cell--label,
.pricing-compare--grouped .pricing-compare__row--intro .pricing-compare__cell--plan {
  border-top: none !important;
}

.pricing-compare--grouped .pricing-compare__plan-description {
  font-style: italic;
  opacity: 0.85;
}

/* =========================
HEADER / PLAN HEAD
========================= */

.pricing-compare--grouped .pricing-compare__sticky-head .pricing-compare__row--header .pricing-compare__cell {
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
}

.pricing-compare--grouped .pricing-compare__planhead {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 92px;
}

.pricing-compare--grouped .pricing-compare__planhead h3 {
  margin: 0;
  font-size: 16px;
  line-height: 1.1;
}

.pricing-compare--grouped .pricing-compare__icon {
  font-size: 28px;
  line-height: 1;
}

/* =========================
STICKY BLUE HEADER
========================= */

.pricing-compare--grouped .pricing-compare__sticky-head::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100vw;
  right: -100vw;
  background: var(--sc-blue);
  z-index: -1;
  transition: background 0.2s ease, backdrop-filter 0.2s ease;
}

.pricing-compare--grouped .pricing-compare__sticky-head.is-fixed::before {
  background: #004bffcc;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.pricing-compare--grouped .pricing-compare__sticky-head .pricing-compare__table {
  width: 100%;
  background: transparent;
}

.pricing-compare--grouped .pricing-compare__sticky-head .pricing-compare__cell {
  background: transparent;
  color: #fff;
}

.pricing-compare--grouped .pricing-compare__sticky-head .pricing-compare__cell--section-label,
.pricing-compare--grouped .pricing-compare__sticky-head .pricing-compare__cell--label {
  color: #fff;
}

.pricing-compare--grouped .pricing-compare__sticky-head .pricing-compare__cell--section-label strong,
.pricing-compare--grouped .pricing-compare__sticky-head .pricing-compare__cell--label strong {
  color: #fff;
  font-weight: 700;
}

.pricing-compare--grouped .pricing-compare__sticky-head .pricing-compare__planhead h3 {
  color: #fff;
}

.pricing-compare--grouped .pricing-compare__sticky-head .pricing-compare__icon img {
  filter: brightness(0) invert(1);
}

.pricing-compare--grouped .pricing-compare__sticky-head.is-fixed .pricing-compare__badge {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.pricing-compare--grouped .pricing-compare__sticky-head.is-fixed .pricing-compare__planhead--featured::before {
  display: none;
}

/* =========================
FEATURED COLUMN
========================= */

.pricing-compare--grouped .pricing-compare__cell--featured {
  background: rgba(35, 204, 162, 0.15);
  border-left: 1px solid var(--sc-green);
  border-right: 1px solid var(--sc-green);
}

.pricing-compare--grouped .pricing-compare__sticky-head .pricing-compare__cell--featured {
  border-top: 1px solid var(--sc-green);
  overflow: visible;
}

.pricing-compare--grouped .pricing-compare__row--cta .pricing-compare__cell--featured {
  border-bottom: 1px solid var(--sc-green);
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

.pricing-compare--grouped .pricing-compare__planhead--featured {
  position: relative;
  background: var(--sc-green);
  color: #fff;
  margin: 0 -36px 0;
  padding: 32px 20px;
}

.pricing-compare--grouped .pricing-compare__planhead--featured h3 {
  color: #fff;
}

.pricing-compare--grouped .pricing-compare__planhead--featured::before {
  content: "";
  background: var(--sc-green);
  height: 40px;
  width: calc(100% + 1px);
  position: absolute;
  z-index: 5;
  border-radius: 24px 24px 0 0;
  left: -0.5px;
  top: -20px;
}

.pricing-compare--grouped .pricing-compare__badge {
  background: var(--sc-navy);
  white-space: nowrap;
  border-radius: 50px;
  color: #fff;
  font-weight: 500;
  left: 50%;
  line-height: 1;
  padding: 10px 24px;
  position: absolute;
  top: -26px;
  transform: translateX(-50%);
  z-index: 6;
  font-size: 12px;
  
}

/* =========================
DIVIDERS / CTA / STATS
========================= */

.pricing-compare--grouped .pricing-compare__divider {
  height: 1.5px;
  background: var(--sc-navy);
}

.pricing-compare--grouped .pricing-compare__row--cta .pricing-compare__cell {
  padding-top: 10px;
  padding-bottom: 36px;
}

.pricing-compare--grouped .pricing-compare__row--cta .pricing-compare__cell--section-label,
.pricing-compare--grouped .pricing-compare__row--cta .pricing-compare__cell--label,
.pricing-compare--grouped .pricing-compare__row--cta .pricing-compare__cell--plan {
  border-top: none !important;
}

.pricing-compare--grouped .pricing-compare__stat {
  display: block;
  line-height: 1.1;
  font-weight: 700;
}

.pricing-compare--grouped .pricing-compare__stat-text {
  margin-top: 18px;
}

.pricing-compare--grouped .pricing-compare__table--body > .pricing-compare__group:first-child .pricing-compare__row:first-child .pricing-compare__cell--label,
.pricing-compare--grouped .pricing-compare__table--body > .pricing-compare__group:first-child .pricing-compare__row:first-child .pricing-compare__cell--plan {
  border-top: none;
}

/* =========================
MOBILE
========================= */

@media (max-width: 1023px) {
  .pricing-compare--grouped {
    width: calc(100% + 25px);
  }

  .pricing-compare--grouped .pricing-compare__scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .pricing-compare--grouped .pricing-compare__table {
    min-width: 1120px;
  }

  .pricing-compare--grouped .pricing-compare__row {
    grid-template-columns: 150px 150px repeat(3, 1fr);
  }

  .pricing-compare--grouped .pricing-compare__cell {
    padding: 15px;
    font-size: 14px;
  }

  .pricing-compare--grouped .pricing-compare__row--intro .pricing-compare__cell {
    padding-top: 40px;
  }

  .pricing-compare--grouped .pricing-compare__planhead--featured {
    margin: 0 -15px 0;
    padding: 15px 18px;
  }

  .pricing-compare--grouped .pricing-compare__planhead--featured::before {
    width: calc(100% + 1px);
    left: -0.5px;
  }

  .pricing-compare--grouped .pricing-compare__planhead {
    min-height: 62px;
    justify-content: flex-start;
  }

  .pricing-compare--grouped .pricing-compare__badge {
    top: 0;
    transform: none;
    width: 10%;
    flex-wrap: wrap;
    height: 100%;
    border-radius: 0 !important;
    white-space: pre-wrap;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 20px 40px !important;
    left: auto;
    right: 0;
}

  .pricing-compare--grouped .pricing-compare__divider {
    margin-left: 150px;
  }

  .pricing-compare--grouped .pricing-compare__scroll::-webkit-scrollbar {
    height: 4px;
  }

  .pricing-compare--grouped .pricing-compare__scroll::-webkit-scrollbar-track {
    background-color: rgba(0, 71, 255, 0.15);
    border-radius: 999px;
  }

  .pricing-compare--grouped .pricing-compare__scroll::-webkit-scrollbar-thumb {
    background: var(--sc-blue);
    border-radius: 999px;
  }

  .pricing-compare--grouped .pricing-compare__scroll::-webkit-scrollbar-thumb:hover {
    background: var(--sc-navy);
  }
}



.pricing-compare--grouped .pricing-compare__cell--label--light strong,
.pricing-compare-ungrouped .pricing-compare__cell--label--light strong {
  font-weight:400;  
}

.pricing-compare--grouped .pricing-compare__tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}

.pricing-compare--grouped .pricing-compare__tick-icon {
  width: 22px;
  height: 22px;
  display: block;
}

.pricing-compare--grouped .pricing-compare__tick-icon path {
  stroke: var(--sc-green);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}

.pricing-compare--grouped .pricing-compare__divider--blue {
  background: var(--sc-blue);
}

.pricing-compare--grouped 
.pricing-compare__group 
.pricing-compare__group-body 
.pricing-compare__row:first-child 
.pricing-compare__cell:not(.pricing-compare__cell--section-label) {
  border-top: none;
}

/* =========================
   GROUPED PRICING ACCORDION
   ========================= */



.pricing-compare-continuation .pricing-compare--grouped .pricing-compare__group {
  margin-top: 10px;
}

.pricing-compare--grouped .pricing-compare__group-header {
  position: relative;
  background: var(--sc-lightest-grey);
  border-radius: 24px;
  padding: 34px 64px 34px 28px;
  color: var(--sc-blue);
  cursor: pointer;
  min-height: 76px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.pricing-compare--grouped .pricing-compare__group-header-title {
  margin: 0;
  color: var(--sc-blue);
  font-size: 18px;
  line-height: 1.2;
}

.pricing-compare--grouped .pricing-compare__group-header::after {
  position: absolute;
  content: '';
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23004BFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center center;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
}

.pricing-compare--grouped .pricing-compare__group.is-open .pricing-compare__group-header::after {
  transform: translateY(-50%) rotate(180deg);
}

.pricing-compare--grouped .pricing-compare__group-body {
  margin-top: 10px;
}

.pricing-compare--grouped .pricing-compare__group:not(.is-open) .pricing-compare__group-body {
  display: none;
}

/* keep first col empty in body rows */
.pricing-compare--grouped .pricing-compare__group-body .pricing-compare__cell--section-label {
  visibility: hidden;
  pointer-events: none;
}

/* tick */
.pricing-compare--grouped .pricing-compare__tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}

.pricing-compare--grouped .pricing-compare__tick-icon {
  width: 22px;
  height: 22px;
  display: block;
}

.pricing-compare--grouped .pricing-compare__tick-icon path {
  stroke: var(--sc-green);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}

.pricing-compare--grouped .pricing-compare__divider--blue {
  background: var(--sc-blue);
}

@media (max-width: 1023px) {
  .pricing-compare--grouped .pricing-compare__group-header {
    padding: 26px 54px 26px 20px;
    min-height: 64px;
  }
}


  
  /* =========================
FRAMEWORKS LOGO GRID
========================= */

.frameworks-logos {
 
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
  gap: 30px;
  align-items: center;
  justify-items: center;
  width:fit-content;

}


@media (max-width: 1023px) {
  .frameworks-logos {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}




/* =========================
HORIZONTAL STORY - GSAP
========================= */

.sc2026-page .js-horizontal-story {
  --story-gap: 32px;
  --story-intro-width: 50%;
  --story-stage-width: 50%;
  --story-card-width: min(650px, 78vw);

  position: relative;
  min-height: 100vh;
  background: var(--sc-lightest-grey);
  padding: 0;
  overflow: hidden;
}

.sc2026-page .horizontal-story {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  gap: 40px;
  overflow: visible;
  padding-top: calc(var(--header-dt-height) + 4px);
  padding-bottom: 16px;
  box-sizing: border-box;
}

.sc2026-page .horizontal-story__intro {
  width: var(--story-intro-width);
  flex: 0 0 var(--story-intro-width);
  position: relative;
  z-index: 3;
  transition: none;
  will-change: transform, opacity, filter;
  padding-right: 100px;
}

.sc2026-page .horizontal-story__intro-inner {
  opacity: 0;
  transform: translateX(-32px) translateY(18px);
  will-change: transform, opacity;
}

.sc2026-page .horizontal-story__stage {
  width: var(--story-stage-width);
  flex: 0 0 var(--story-stage-width);
  min-width: 0;
  position: relative;
  overflow: visible;
  opacity: 0;
  transform: translateX(56px) scale(0.98);
  will-change: transform, opacity;
}

.sc2026-page .horizontal-story__viewport {
  position: relative;
  width: 100%;
  overflow: visible;
}

.sc2026-page .horizontal-story__track {
  display: flex;
  align-items: center;
  gap: var(--story-gap);
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

.sc2026-page .horizontal-card {
  position: relative;
  flex: 0 0 var(--story-card-width);
  width: var(--story-card-width);
  opacity: 0.14;
  transform: scale(0.88);
  filter: blur(12px);
  transition:
    opacity 0.35s ease,
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.35s ease;
  will-change: transform, opacity, filter;
}

.sc2026-page .horizontal-card.is-active {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
  z-index: 2;
}

.sc2026-page .horizontal-card.is-prev,
.sc2026-page .horizontal-card.is-next {
  opacity: 0.28;
  transform: scale(0.91);
  filter: blur(8px);
}

.sc2026-page .horizontal-card .primary_title {
  font-size: 24px;
  line-height: 1.1;
  transform: translateY(8px);
  transition:
    font-size 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.sc2026-page .horizontal-card.is-active .primary_title {
  font-size: 26px;
  transform: translateY(0);
}




/* SLIDERS */ 



.sc-card img {
  max-height:350px;
  object-fit: cover;
}

.sc-card {
  position:relative;
}

.sc-card-counter {
  position: absolute;
  left: 50%;
  top: -15px;
  transform: translateX(-50%); 
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  box-shadow: var(--sm-box-shadow);
}

.sc-slider-track.slick-initialized .slick-track {
  display: flex !important;
  align-items: stretch !important;
  height: auto !important;
}

.sc-slider-track.slick-initialized .slick-slide {
  height: auto !important;
  display: flex !important;
  float: none !important;
  min-height: 1px;
}

.sc-slider-track.slick-initialized .slick-slide > div {
  height: 100% !important;
}

.sc-slider-track.slick-initialized .slick-slide img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

@media screen and (min-width:1023px) {
  
  .sc-slider-container {
    cursor:grab;
  }

  .sc-slider-track .slick-slide,
  .sc2026-page .horizontal-card  {
    padding: 0 15px !important;
    box-sizing: border-box;
    margin: 0 !important;
  }

  .sc-slider-track .slick-list,
  .sc2026-page .horizontal-story__track .slick-list{
    margin: 0 -16px !important;
    overflow: visible;
  }
}



.sc-slider__progress-wrap {
  width: 50%;
  height: 4px;
  background-color: rgba(0, 71, 255, 0.15); 
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.sc-slider__progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--sc-blue); 
  transform-origin: left center;
  transform: scaleX(0); 
  transition: transform 0.3s ease;
  border-radius: 4px;
}

.sc-slider-track .slick-slide:not(.slick-active) {
  filter: blur(3px) brightness(1.2);
  opacity: 0.35;
  pointer-events: none;
}


.sc2026-page .horizontal-story__track.slick-initialized .horizontal-card.slick-slide {
  transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.sc2026-page .horizontal-story__track.slick-initialized .horizontal-card.slick-slide:not(.slick-current) {
  filter: blur(3px) brightness(1.2);
  opacity: 0.35;
  pointer-events: none;
}

.sc2026-page .horizontal-story__track.slick-initialized .horizontal-card.slick-slide.slick-current {
  filter: blur(0) brightness(1);
  opacity: 1;
  pointer-events: auto;
}


.sc2026-page .horizontal-card {
  opacity: 0.14;
  transform: scale(0.88);
  filter: blur(12px);
}


@media screen and (min-width:1023px) {
  .sc-slider-track.slick-initialized .slick-track {
    
  }
}


/* NEW PRICING */

.sc2026-pricing-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.sc2026-pricing-cols-1-col {

  grid-template-columns: repeat(1, 1fr);
}

.sc2026-pricing-cols-2-col {

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

.sc2026-pricing-cols > div {
  background:var(--sc-lightest-grey);
  align-items:flex-start;   
  flex-wrap: nowrap;
    flex-direction: column;
}

.bg-grey .sc2026-pricing-cols > div {
  background:white;
}



@media screen and (max-width:1023px) {
  
  .sc2026-pricing-cols {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* NEW COMPARISON */

.comparison-table { 
  overflow: hidden;
}

/* ROW */
.comparison-row {
  display: flex;
}

/* HEADER */
.comparison-header .comparison-col {

}

/* COLUMNS */
.comparison-col {
  width: 50%;
  padding: 30px;
  display: flex;
  align-items: center;
}

.comparison-col.right {
  background: var(--sc-blue);
}

.comparison-row:not(:last-child) .comparison-col {
  border-bottom: 1px solid #FFF;
}


.comparison-row:not(:last-child) .comparison-col.right {
  border-bottom: 1px solid #ffffff3b;
}


/* CHECK + TEXT */
.check-wrap {
  display: flex;
  gap: 15px;
  align-items: flex-start;
}

.check {
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid var(--sc-green);
  color: var(--sc-green);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

/* TEXT */
.comparison-col p {
  margin: 0;
}

/* MOBILE */
@media (max-width: 768px) {
  .check {
    height: 22px;
    width:22px;
  }

  .comparison-col {
    width: 100%;
  }

  .comparison-header .comparison-col {
    text-align: left;
  }
}



/* NEW HERO */





.sc2026-page .hero--fullwidth {
  overflow: hidden;
}




.sc2026-page .hero--constrained {
  max-width:var(--outer-container);
  border-radius:  var(--sc-radius-standard);
  background-size:cover !important;
  background-repeat:no-repeat !important;
}


.sc2026-page .platform-overlay {
  position: relative;
  width: 140%;
  margin-left: 40%;

}



.sc2026-page .platform-chat {
  position: absolute;
  box-shadow: var(--sm-box-shadow);
  max-width: 200px;
  left: -160px;
  z-index: 2;
  border-radius: var(--sc-radius-small);
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);

  /* initial state */
  opacity: 0;
  transform: translateY(-50%) translateX(24px) scale(0.94);
  transform-origin: center right;
  will-change: transform, opacity;
  transition:
    opacity 0.4s ease,
    transform 0.4s cubic-bezier(0.22, 1, 0.46, 1);

}

.sc2026-page .platform-chat.is-in {
  opacity: 1;
  transform: translateY(-50%) translateX(0) scale(1);
}

.sc2026-page .platform {
  box-shadow: var(--sm-box-shadow);
  border-radius: var(--sc-radius-small);

  opacity: 0;
  transform: translateY(30px) scale(0.98);
  filter: blur(6px);

  will-change: transform, opacity, filter;
  transition:
    opacity 0.4s ease,
    transform 0.4s cubic-bezier(0.22, 1, 0.46, 1),
    filter 0.4s ease;

}

.sc2026-page .platform.is-in {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}


.sc2026-page .hero.bg-blue,
.inline-cta.bg-blue {
  background-size:cover;
}

.sc2026-page-gracie {
  background-size:100%;
  background-color:#FFF;
  background-repeat: no-repeat;
}





.sc2026-page .platform-hero-image {
      position: relative;
    top: 0;
    z-index: 3;
 
}

.sc2026-page .hero--fullwidth .hero--constrained {
   position: relative;
        top: -250px;
    padding-top: calc(var(--padding-dt-medium) + 250px);
  padding-bottom:var(--padding-dt-medium);
  margin-bottom:-250px;
  z-index:2;
}

.sc2026-page  .hero--product {
overflow:visible;
}

.hero-product-right {
position: absolute;
  max-width:800px;
  min-width:800px;
    z-index: 1;
    width: 50%;
  bottom:80px;
  
   
}

.sc2026-page .hero--platform {
  padding-bottom:0;
}

.sc2026-page .hero--product,
.sc2026-page .hero--platform,
.sc2026-page .hero--standard {
      padding-top: calc(var(--header-dt-height) + 80px);
}


.hero-product-right.hero-product-right--pullup {
    bottom:-50px;
}

@media screen and (max-width:1023px) {
    .hero-product-right  {
      width:100%;
  }
}


/* =========================
VIDEO
========================= */


.VideoInBox {
  border-radius:0;
}
 
.VideoInBox video {
  border-radius:24px;
  overflow:hidden;
}


.VideoInBox  video::-webkit-media-controls {
  opacity: 0;
  transition: opacity 0.3s;
}

.VideoInBox:hover video::-webkit-media-controls {
  opacity: 1;
}

.VideoInBox {
  position: relative;
 
}

.video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 70px;
  height: 70px;
  border-radius: 50%;
  
  background: var(--sc-blue);
  border: none;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  transition: transform 0.2s ease, opacity 0.2s ease;
}


.video-play-btn::before {
  content: "";
  display: block;
  margin-left: 3px;
  width: 0;
  height: 0;
  border-left: 16px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.video-play-btn:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.VideoInBox.playing .video-play-btn {
  opacity: 0;
  pointer-events: none;
}



/* =========================
TABS
========================= */

.sc2026-page .tab-container {
  width: 100%;
}

.sc2026-page .tab-buttons {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  background: var(--sc-lightest-grey);
  border-radius: 999px;
  isolation: isolate;
  align-items: stretch;
}

.sc2026-page .tab-indicator {
  position: absolute;

  width: 0;
  height: 0;
  border-radius: 999px;
  background: var(--gracie);
  z-index: 0;
  transition:
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.sc2026-page .tab-indicator::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 60%),
    linear-gradient(-120deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 60%);
  mix-blend-mode: soft-light;
  pointer-events: none;
}

.sc2026-page .tab-button {
  appearance: none;
  position: relative;
  z-index: 1;
  border: 0;
  background: transparent;
  font-size: var(--font-size-default);
  color: var(--sc-color-text);
  border-radius: 999px;
  padding: 12px 20px;
  min-height: 52px;
  font-family: var(--font-secondary);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  cursor: pointer;
  transition:
    color 0.15s ease,
    transform 0.3s ease;
  white-space: normal;
}

.sc2026-page .tab-button:hover {
  color: var(--gracie-purple-light);
}

.sc2026-page .tab-button.is-active {
  color: #fff;
}

.sc2026-page .tab-content {
  position: relative;
  min-height: 1px;
  overflow: visible;
}

.sc2026-page .tab-panel,
.sc2026-page .tab-inner-content {
  overflow: visible;
}

.sc2026-page .tab-panel {
  display: none;
}

.sc2026-page .tab-panel.is-active {
  display: block;
}

.sc2026-page .tab-inner-content-left,
.sc2026-page .tab-inner-content-right {
  opacity: 0;
}

.sc2026-page .tab-inner-content-left {
  box-shadow: var(--sm-box-shadow);
}

.sc2026-page .tab-panel.is-active .tab-inner-content-left {
  animation: tabImageIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.sc2026-page .tab-panel.is-active .tab-inner-content-right {
  animation: tabTextIn 0.45s ease forwards;
  animation-delay: 0.08s;
}

.sc2026-page .tab-inner-content-left img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
}

@keyframes tabImageIn {
  from {
    opacity: 0;
    transform: scale(0.965) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

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


/* -------------------- RESPONSSIVE SHORT SCREENS / SMALLER DEVICES  --------------- */



@media screen and (min-width:1023px) and (max-width:1693px) {
  .sc2026-page .hero--constrained {
    overflow:hidden;
  }
}
@media screen and (min-height:700px) and (max-height:1080px) {


  .sc2026-page .js-horizontal-story {
    --story-gap: 32px;
    --story-intro-width: 30%;
    --story-stage-width: 70%;
    --story-card-width: min(750px, 80vw);

    position: relative;
    min-height: 100vh;
    background: var(--sc-lightest-grey);
    padding: 0;
    overflow: hidden;
  }

  .parallax-inner-text {
    padding-right:0;
  }


  .sc2026-page .horizontal-card {
    display:flex;
  }

  .sc2026-page .horizontal-story__track {
    align-items:center;
  }

  .sc2026-page .horizontal-card img {
    max-width: 400px;
    height: auto;
    object-fit: contain;
  }
}


/* -------------------- RESPONSSIVE MOB --------------- */


@media screen and (max-width:1023px) {




  /* TYPE */ 
  h1.primary_title {
    font-size:42px;
    line-height: 1.1;
  }

  h2.primary_title {
    font-size:32px; 
    line-height: 1.1;
  }

  h2.secondary_title {
    font-size:22px;
  }

  strong.primary_title-medium {
    font-size:20px;
  }

  h1.primary_title-small,
  h2.primary_title-large {
    font-size:32px;
  }

  .FAQBoxTitle h4, h3.primary_title {
    font-size: 18px;
    line-height: 1.3;
  }



  .std-text-large {
    font-size:16px;
  }

  .std-text-xlarge {
    font-size: 18px;
  }


  /* =========================
SPACERS
========================= */



  .content-wrapper {
    max-width: 100%;
  }

  
  .sp-medium {
  padding-bottom:var(--padding-mob-medium);
  padding-top:var(--padding-mob-medium);
}


.sp-medium-top {
  padding-top:var(--padding-mob-medium);
}

.sp-medium-bottom {
  padding-bottom:var(--padding-mob-medium);
}


  .sp-large {
    padding-top:var(--padding-mob-large);
    padding-bottom:var(--padding-mob-large);
  }

  .sp-large-bottom {
    padding-bottom:var(--padding-mob-large);
  }

  .sp-large-top {
    padding-top:var(--padding-mob-large);
  }

  .sp-first-large {
    padding-top: calc(var(--header-mob-height) + var(--padding-mob-large)); 
  }

  .sm_mt20 {
    margin-top:20px;
  }

  .sm_w100 {
    max-width:100%;
    width:100%;
  }

  .sm_w50 {
    max-width:50%;
    width:100%;
  }

  .sm_w50-10 {
    max-width:calc(50% - 10px);
  }

  .sm_w50-20 {
    max-width:calc(50% - 20px);
  }

  .sm_pr0 {
    padding-right: 0;
  }
  
  .sm_pb0 {
    padding-bottom:0;
  }

  .sm_p0 {
    padding:0;
  }

  .sm_pl0 {
    padding-left:0;
  }
  
  .sm_border_radius12 {
    border-radius:12px !important;
  }

  .sm_master-ta-left * {
    text-align: left !important;
    justify-content: flex-start;
    align-items: flex-start;
  }

  
  .sm_master-ta-left:not(.hero--platform) .align_center {
        align-items: center !important;
    }
  
 .sm_master-ta-left .align_center {
        align-items: flex-start !important;
    }
  
  .sm_master-ta-left .mlrauto {
    margin-left:0 !important;
  }

  .flex_reverse {
    flex-direction: column-reverse;
  }
  
  .sm_flex_row {
    flex-direction: row !important;
}
  
   .sm_flex_column {
    flex-direction: column !important;
}
  
  
  

  /* =========================
ICON
========================= */
.icon_medium {
  max-width:30px;
  }

  .icon_large {
    max-width:45px;
    max-height:45px;
  }

  /* =========================
ANIMATE
========================= */


  .animate-count.primary_title {
    font-size:30px;
  }



   /* =========================
HEADER OVERRIDES
========================= */
  
  
  
  
  
  .HeaderCTA .button a   {
    padding-right: 15px;
    padding-left: 15px;
}


  .headerCTASec .HeaderCTA .cta-section:nth-child(2) {
    display:none;
  }

  /* =========================
HERO 
========================= */

  .sc2026-page .hero--constrained {
    max-width: 100%;
    overflow: hidden;
    margin:5px 5px 0 5px;
  }


  .sc2026-page .hero.bg-gracie {
    background: url(https://www.surecloud.com/hubfs/Assets%20-%20SureCloud%202026/sc2026_gracie_hero.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #FFF;
  }

  .sc2026-page .platform-overlay {
    position: relative;
    margin-left: 110px;
    width: 110%;
  }

  .sc2026-page .platform-chat {
    max-width: 130px;
    left: -110px;
  }
  
  
      .hero-product-right {
        width: 100%;
        position: relative;
        min-width: calc(100% + 25px);
        top: 25px;
        max-width: calc(100% + 25px);
    }

  .sc2026-page .hero--fullwidth .hero--constrained {
    top: -120px;
    padding-top: calc(var(--padding-mob-large) + 120px);
    padding-bottom: var(--padding-mob-large);
            margin-left: 5px !important;
        margin-right: 5px !important;
  }
  
  .sc2026-page .hero--platform,
  .sc2026-page .hero--standard,
  .sc2026-page .hero--product {
    padding-top: calc(var(--header-mob-height) + var(--padding-mob-large));
}
  
  
  .sc2026-page .hero--fullwidth.hero--platform {
    overflow: visible !important;
    padding-bottom:120px;
}

  
  


   /* =========================
 LOGO GRID
========================= */


  .sc2026-page .logo-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc2026-page .logo-grid img {
    max-height: 40px;
  }
  .sc2026-page .logo-grid-4 img {
    max-height: 25px;
  }

  .sc2026-page .logo-grid-3 img,
  .sc2026-page .logo-grid-2 img {
    max-height: 20px;
  }


  


  /* HEADERO VERRIDES */

  .header .HeaderInnerSec {
    border-radius: calc(var(--sc-radius-standard) - 5px);
  }

  .content-wrapper_xsmall,
  .content-wrapper,
  .content-wrapper_small  {
    padding: 0 25px;
  }


  /* TABS */

  .sc2026-page .tab-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-radius: 28px;
  }

  .sc2026-page .tab-button {
    width: 100%;
    min-height: 56px;
    padding: 14px 16px;
    font-size: 14px;
    text-align: center !important;
    justify-content: center;
    align-items: center;
  }

  .sc2026-page .tab-indicator{
    left:0;
    top:0;
    border-radius:20px;
  }


  /* SLIDER */

  .sc-slider-track .slick-list,
  .sc2026-page .horizontal-story__track .slick-list{
    margin: 0 !important;
    overflow: hidden;

  }
  .sc2026-page .horizontal-story__track.slick-initialized .horizontal-card {
    opacity: 1;
    transform: none;
    filter: none;
  }

  .sc2026-page .horizontal-story__track.slick-initialized .horizontal-card.slick-slide:not(.slick-current) {
    filter: blur(3px) brightness(1.2) !important;
    opacity: 0.35 !important;
  }

  .sc2026-page .horizontal-story__track.slick-initialized .horizontal-card.slick-slide.slick-current {
    filter: blur(0) brightness(1) !important;
    opacity: 1 !important;
  }

  .sc2026-page .horizontal-card img {
    max-width:90%; 
  }



  .sc2026-page .slick-initialized .slick-slide:not(:last-child) {
    margin-right: 15px;
  }


  .sc-slider-track {
    position: relative;
    left: -25px;
    width: calc(100% + 50px);
  }

  .sc-slider-track .slick-list {
    margin: 0 !important;
    overflow: hidden;
  }

  .sc-slider-track .slick-slide {
    box-sizing: border-box !important;
  }

  .sc-slider-track .slick-slide > div {
    height: 100%;
  }

  .sc-slider-track.slick-initialized .slick-slide {
    transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  }

  .sc-slider-track .slick-track {
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .sc-slider-track.slick-initialized .slick-slide {
    transition:
      filter 0.35s ease,
      opacity 0.35s ease,
      transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .sc-slider-track .slick-slide > div {
    transition:
      transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.35s ease,
      filter 0.35s ease;
  }

  .sc-slider-track.slick-initialized .slick-slide:not(.slick-current) {
    filter: blur(3px) brightness(1.2);
    opacity: 0.35;
    pointer-events: none;
  }

  .sc-slider-track.slick-initialized .slick-slide.slick-current {
    filter: blur(0) brightness(1);
    opacity: 1;
    pointer-events: auto;
  }


  .sc2026-page .horizontal-story__track  .slick-slide:not(.slick-current) {
    filter: blur(3px) brightness(1.2);
    opacity: 0.35;
    pointer-events: none;
  }

  .sc2026-page .horizontal-card img {
    max-width: 300px;
    object-fit: contain;
    max-height: 300px;
    min-height: 300px;
  }




  .sc-slider__progress-wrap {
    width:100%;
    max-width: 100%;
  }


  .sc2026-page .js-horizontal-story {
    min-height: 0 !important;
  }
  .sc2026-page .horizontal-story {
    height: auto !important;
    display: block !important;
    padding-top: 0px !important;
    padding-top:var(--padding-mob-large) !important;
    padding-bottom: var(--padding-mob-large) !important;
  }

  .sc2026-page .horizontal-story__intro,
  .sc2026-page .horizontal-story__intro-inner {
    width: 100% !important;
    opacity: 1 !important;
    transform: none !important;
    padding-right: 0 !important;
    filter: none !important;
  }

  .sc2026-page .horizontal-story__stage {
    width: 100% !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  .sc2026-page .horizontal-story__track {
    display: block !important;
    transform: none !important;
    margin-top: 60px !important;
    width: calc(100% + 50px);
    position: relative;
    left: -25px;
  }

  .sc2026-page .horizontal-card {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  .sc2026-page .horizontal-card .primary_title {
    font-size: 20px !important;
    transform: none !important;
  }


  .sc2026-page .horizontal-card .parallax-inner-text {
    padding:30px 0 0 0;
  }



}


@media screen and (min-width:1024px) and (max-width:1500px) {
  
  .hero--product  .w60 {
       width:50%;
   }
   
   .hero-product .w40 {
       width:50%;
   }
   
   .hero-product-right {
    max-width: 750px;
    min-width: 750px;
   }
  
  .sc2026-page .hero--constrained {
    margin-left:10px;
    margin-right:10px;
  }
  
  .content-wrapper_xsmall,
  .content-wrapper {
   padding: 0 35px;
  } 
  
  .std-text-large {
    font-size: 16px;
}
  
  h1.primary_title, strong.primary_title-large{
    font-size:54px;
  }
  
  h1.primary_title-small, h2.primary_title-large {
    font-size: 42px;
    line-height: 1.2;
}
  
  h2.secondary_title {
    font-size: 26px;
}
    .sc2026-page .platform-overlay {
        width: 110%;
    margin-left: 20%;
    }
  
    .sp-large {
            padding-bottom: var(--padding-dt-medium);
            padding-top: var(--padding-dt-medium);
      }
  
  
      .sp-large-bottom {
        padding-bottom:var(--padding-dt-medium);
      }


      .sp-large-top {
        padding-top:var(--padding-dt-medium);
      }


      .sp-first-large {
        padding-top: calc(var(--header-dt-height) + var(--padding-dt-medium)); 
      }
  

    .hero--platform  .platform-hero-image {
        max-width:800px;
        margin-left:auto;
        margin-right:auto;
    }



}


/* ------------------------
LEGACY OVERRIDES
------------------------*/


.menu-chevron {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23004BFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  flex: 0 0 24px;
  pointer-events: none;
}




.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul li a:hover span.boxcnt {
    border:none !important;
}

.HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesBoxMainSec .ResourcesBoxSec .ResourcesBox .ResourcesBoxTitle {
  padding-top:0;
}

.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul li a span.boxcnt {
  font-size:15px;
}

.HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul li a {
    gap:12px;
  }

@media screen and (max-width:1023px) {
  
  
  body::after {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  z-index: 1;

  opacity: 0;
  pointer-events: none;

  transition: opacity 0.3s ease;
}

body.menu--open::after {
  opacity: 1;
  pointer-events: auto;
}
 

  .HeaderCTA .cta-section .ckbutton-3 a {
    font-size: 0; /* hides original text */
  }

  .HeaderCTA .cta-section .ckbutton-3 a::after {
    content: "Book Demo";
    font-size: 15px; 
    display: inline-block;
  }

  
  .HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul li a {
    gap:10px;
  }

  .SolutionMenuSM  ul,
  .IntegrationsColumn ul {
    column-count:2;
  }
  
  .ResourcesMenu .MenuButton a {
    margin-top:15px;
}

  .capabilitiesMenuIn ul li a, .HeaderDropdownMenu .SolutionMenuInSec .Childmenu ul li a, 
  .HeaderDropdownMenu.ResourcesMenuSec .ResouMenu .ResourcesMenu a,
  .HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner .FrameworksMenu ul li a span.boxcnt,
  .ProductMenuGroupBox .PlatformBoxGrp .PlatformBoxGrpTitleSec h6{
    font-size:14px !important;
  }



  .capabilitiesMenuI {
    padding-bottom:25px;
  }
  
  .ProductMenuSec .ProductMenuInSec .PlatformMenu {
    padding-bottom:20px;
  }
  
  .productMenuIn  {
    margin-bottom:20px;
}

.sc2026_header-integrations-title {
    margin-top:25px;
}

  .ProductMenuSec .ProductMenuInSec .capabilitiesMenu, .sc2026_header-integrations-menu {
    padding-bottom:0 !important;
  }

  .HeaderDropdownMenu .SolutionMenuInSec .Frameworks .FrameworksInner {
    padding:0;
  }



  .HeaderMenu>span>div>ul>li {
    width: 100%;
    padding: 15px 0;
  }

  .childOpen .menu-chevron {
    transform:rotate(180deg);
  }

  .HeaderMenu li.hs-item-has-children .childMenu {
    width: 34px;
    height: 34px;
    background: var(--sc-light-blue);
    border-radius: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }

  .HeaderDropdownMenu.ProductMenuSec,
  .HeaderDropdownMenu.ResourcesMenuSec,
  .HeaderDropdownMenu {
    border-left: 1.5px solid var(--sc-blue);
    border-radius: 0;
    padding: 0 0 0 15px;
    margin: 20px 0;
  }

.MobileMenuSection .MobileMenuInner {
  height: calc(100vh - 128px); 
  height: calc(100dvh - 128px);
}


  .MobileMenuSection  .button_tertiary  {
    border:1px solid var(--sc-navy);
    border-radius:50px;
  } 

  .MobileMenuSection .MobileMenuInner {
    padding: 25px;
    border-radius: 24px;
    box-shadow: var(--sm-box-shadow);
  }

}



.sc2026-page .ResourcesSection .ResourcesInnerSec .ResourcesTitle {
    text-align: center !important;
    margin-right: auto;
    margin-left:auto;
}

.sc2026-page .ResourcesBoxSection .ResourcesBox {
    flex-direction: column;
    gap:0;
}

.sc2026-page .ResourcesBoxSection .ResourcesBox .ResourcesBoxCntCol {
    padding:30px;
}

@media screen and (min-width:1023px) {
  .ResourcesBoxSection {
    justify-content:center;
  }
}

.FAQBoxSection .FAQBox {
  padding:25px 0; 
}

.FAQTitleSec  h2 {
  color:var(--sc-blue); 
}

.ReviewSliderBox {
  padding:40px;
}

.ReviewSTitle  {
  width:100%;
}

.ReviewSTitleSection  a {
  margin-left:auto;
}

.ReviewSliderSection .custom_wrapper {
  max-width: 100% !important;
}

.sc-slide-wrap, .ReviewSliderBox {
  height: 100%;
}

.ReviewSliderBox .ReviewSliderBoxG2 .ReviewSliderBoxG2Cnt p span {
  text-decoration:none;
}

@media screen and (min-width:1023px){ 
  .sc2026-reviews .slick-list {
    overflow:hidden !important;
  }
}

.ReviewSliderBox .ReviewSliderBoxCnt p {
  line-height:var(--line-height-body);
}

.ReviewSliderBox strong {
  margin-bottom:10px;
  display:block;
  line-height:1.3;
  margin-top:5px;
}

.bg-white .ReviewSliderBox .ReviewSliderBoxCnt p,
.bg-white .ReviewSliderBox .ReviewSliderBoxG2 .ReviewSliderBoxG2Cnt p,
.bg-white .ReviewSliderBox .ReviewSliderBoxStar p,
.bg-white .ReviewSTitleSection .ReviewSTitleIn p a {
  color:var(--sc-navy);
}

.bg-grey .ReviewSliderBox .ReviewSliderBoxCnt p,
.bg-grey .ReviewSliderBox .ReviewSliderBoxG2 .ReviewSliderBoxG2Cnt p,
.bg-grey .ReviewSliderBox .ReviewSliderBoxStar p,
.bg-grey .ReviewSTitleSection .ReviewSTitleIn p a {
  color:var(--sc-navy);
}

.ReviewSliderBox .ReviewSliderBoxStar svg {
  max-height: 15px;
  width: fit-content;
}

.bg-white .ReviewSliderBox .ReviewSliderBoxStar svg path,
.bg-white .ReviewSliderBox .ReviewSliderBoxStar svg,
.bg-grey .ReviewSliderBox .ReviewSliderBoxStar svg path,
.bg-grey .ReviewSliderBox .ReviewSliderBoxStar svg {
  fill:#FF492C;
}

.bg-white .ReviewSliderBox,
.bg-white .ReviewSTitleSection{
  background:var(--sc-lightest-grey);
  color:var(--sc-navy);
}


.bg-grey .ReviewSTitleSection a {
  background:var(--sc-lightest-grey);
}
.bg-grey .ReviewSliderBox,
.bg-grey .ReviewSTitleSection{
  background:white;
  color:var(--sc-navy);
}


@media screen and (max-width:1023px) {
  .ReviewSTitleImg img {
    max-width:40px;
  }
  .ReviewSTitleSection a {
    margin-left:0;
  }

  .ReviewSliderBox .ReviewSliderBoxStar svg {
    width:75px;
    height:auto;
  }

  .FAQTitleSec {
    text-align:left;
  }
}

/* ------------------------
OLD FOOTER STYLES 
------------------------*/


.footer-mega-menu__col {
  flex: 1 1 calc((100% - (5 * 24px)) / 6);
  min-width: 0;
  padding-right: 18px;
}

.footer-mega-menu__col h5 {
  margin-bottom: 24px;
}

.footer-mega-menu__item a {
  font-size: var(--font-size-default);
  transition: all ease-in-out 0.3s;
}
.FooterMenu ul li a {
  font-size: 14px;
}

.footer-mega-menu__item:not(:last-child) {
  margin-bottom: 12px;
}

.footer-mega-menu__item:hover a,
.FooterMenu ul li a:hover {
  text-decoration: underline !important;
  transition: all ease-in-out 0.3s;
}

.footer-mega-menu__item:hover a .footer-mega-menu__label.careers::after {
  text-decoration: none !important;
  background-color:var(--sc-navy);
  transition: all ease-in-out 0.1s;
}

.footer-mega-menu__label.careers::after { 
  content:"Hiring";
  transition: all ease-in-out 0.1s;
  background:var(--sc-green);
  padding:5px 10px;
  border-radius:24px;
  font-size:10px;
  margin-left:10px;
  text-decoration: none;
  color:#FFF;
  font-weight: 600;;

}
.footer-mega-menu__link--social {
  display: inline-flex;
  align-items: center;
}

.footer-mega-menu__icon {
  max-width: 20px;
  margin-right: 8px;
  max-height: 20px;
  object-fit: contain;
}

.FooterRTLogo__parent {
  display: flex;
  justify-content: flex-end;
}

.FooterRTLogo__parent .FooterRTLogo__parent ul {
  gap: 12px;
}


.FooterRTCol__newfooter .FooterRTLogo__parent ul li {
  max-width: unset;
  width: fit-content;
}

.FooterRTCol__newfooter .FooterRTLogo__img {
  min-height: 30px;
  width: auto;
  max-width: unset;
  max-height: 50px;
}

.footer-mega-menu__col-social h5 {
  display: none;

}

.footer-mega-menu__col-social  {
  margin-top:69px;
  width:100%;
}

.footer-mega-menu__col-social .footer-mega-menu__list {
  display: flex;
  width:100%;
  justify-content: center;

}



.footer-mega-menu__col-social .footer-mega-menu__item:not(:last-child) {
  margin-bottom: 0; margin-right: 50px;
}

.FooterTopStrip,
.footer-mega-menu  {
  border-top:1px solid var(--sc-navy);
}
.FooterTopStrip .FooterLTCol__newfooter {
  max-width: calc(60% - 20px);
}

.FooterTopStrip .FooterRTCol__newfooter {
  max-width: 40%;
}

.FooterTopStrip .FooterRTCol__newfooter ul {
  gap:10px;
}

.FooterText  p {
  font-size: 13px;
}



@media (max-width: 767px) {

  .footer-mega-menu__col-social .footer-mega-menu__list {
    flex-direction:column;
  }


  .footer-mega-menu__col-social .footer-mega-menu__item:not(:last-child) {
    margin-bottom: 12px;
    margin-right:0;
  }

  .footer-mega-menu__col-social {
    margin-top:0;
  }

  .footer-mega-menu__col-social h5 {
    display:flex;
  }

  .footer-mega-menu__inner {
    flex-direction: column;
  }

  .footer-mega-menu__col {
    flex: 0 0 100%;
  }

  .footer-mega-menu__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }

  .footer-mega-menu__icon-toggle {
    font-size: 20px;
    line-height: 1;
    transition: transform 0.2s ease;
  }

  .footer-mega-menu__col.is-open .footer-mega-menu__icon-toggle {
    content: "-";
  }

  .footer-mega-menu__col.is-open {
    margin-bottom: 24px;
  }

  .FooterSection .custom_wrapper {
    max-width: 100% !important;
  }

  .FooterTopStrip .FooterLTCol__newfooter,
  .FooterTopStrip .FooterRTCol__newfooter {
    max-width: 100%;
  }

  .FooterRTLogo__parent {
    justify-content: flex-start;
  }

  .FooterRTCol__newfooter .FooterRTLogo__img {
    min-height: 30px;
    width: auto;
    max-width: unset;
    max-height: 35px;
  }

  .footer-mega-menu__col h5 {
    18px;
  }

}