/* ========================================
   CORE UTILITIES & RESETS
   ======================================== */
html {
  scroll-behavior: smooth;
}

/* ========================================
   NAVBAR & BRAND LOGOS
   ======================================== */
.navbar-brand {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  overflow: hidden;
  text-indent: -5000px;
}

/* Main brand variations */
a.navbar-brand.main { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68ef/e609/faa5/ce2a/a047/9e7b/original_mr-logo-nav.png?1760552459) !important; }
a.navbar-brand.rithmcrm { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/themes/images/rithmcrm-nav.png?1574117456); height: 26px; }
a.navbar-brand.copyapproval { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/themes/images/copyapproval.logo.rev.svg?1647895850); height: 25px; }
a.navbar-brand.mr-sign-in { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/themes/logos/SVG/mr-signin_logo_reverse.svg?1651076301); height: 25px; }
a.navbar-brand.email-designer { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/picture/645b/be07/0b08/060e/426c/ad32/original_0-02-01-5ab4cecaa1cd1f73fe91ad25d66f78f598a0812374fe91abd20fb25d9c53c95f_1c6db05e2a11b1.png?1683734023); height: 26px; }
a.navbar-brand.code-rithm { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/picture/64b0/58ce/0a99/8271/3659/99ad/original_coderithm.svg?1689278670); height: 35px; margin-top: 4px; }
a.navbar-brand.cart-designer { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/themes/images/0-02-01-595d63e31caf7174da7658744d200035f5f1d564c6c5d357409cf7c88ae90eda_1c6db1d63dc87d.png?1682609534); height: 26px; }
a.navbar-brand.ignite-cdn-brand { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/picture/634e/af10/fdb9/8e0d/1380/d299/original_0-02-01-fa397b1290e65c453dd2d69c9488d37bd78bea327225d85ed499a6328f62d676_1c6dace3916c83.png?1666101008); height: 25px; }
a.navbar-brand.multiplizer-brand { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/themes/images/multiplizer.logo.nav.svg?1674588801); height: 35px; margin-top: 0; }
a.navbar-brand.aight { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/themes/assets/0-02-01-d200bdfe0e535ba6b92aa4ddfc17271f39339e5b880a2dde8543167d858bc43d_1c6dbd137c7344.png?1723572347); height: 35px; margin-top: 4px; }
a.navbar-brand.valet { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/themes/0-02-01-ba64f934374a82a5e2d11e5a1606d477196384352c833849b7d4b1172265e996_1c6dc6ba1ecdaa.png?1755028385); height: 35px; margin-top: 4px; }
a.navbar-brand.next-seek { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/picture/683f/42cc/5de0/02f1/3c8a/7cd0/content_0-02-01-f9cf9b4ee3a23db928f88fffc29baa1c7ca4b16c4c5f671187b7509b5c9c560b_1c6dc4409b112e.webp?1748976333); height: 35px; margin-top: 4px; }
a.mrinc { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6917/96c0/2b30/24be/743b/2b50/thumb_webp_signal-2025-11-14-094243.webp?1763153602); width: 36px; height: 35px; }
a.ignitecdn { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68f7/994b/40bb/a1fa/6626/a5ab/content_webp_ignitecdm_logo_3x.webp?1761057102); height: 50px; width: 262px; }
a.mxgrader { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/692a/11bd/42c0/8f4f/09d0/f05c/original_webp_mxgrader_trademark_1x.webp?1764364735); height: 50px; width: 262px; }
a.navbar-brand.structurecms { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68ef/f63c/9de0/8331/d623/c6c9/original_structure-logo.png?1760556606); height: 40px; width: 180px; }
a.navbar-brand.deployer { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68ef/f634/9de0/8331/d623/c6b6/original_deployer-logo.png?1760556598) !important; height: 33px; width: 180px; }
a.navbar-brand.scrumrithm { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/691e/352b/de90/2b0d/396f/e9aa/original_scrumrithm_logo_wtm_3x.png?1763587373); height: 33px; width: 180px; }
a.navbar-brand.structurecms.aight { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/691f/44f5/a93a/f8fa/c814/508b/original_aight_logo_3x.png?1763656952); width: 180px; height: 35px; margin: 5px 0; }
a.navbar-brand.structurecms.validate { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68f7/8a6e/40bb/a1fa/6626/a3fa/original_validate_logo_3x.png?1761053296); width: 180px; height: 35px; margin: 5px 0; }
a.navbar-brand.structurecms.mrsignin { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6925/e9a2/71a4/6fce/367a/27d3/original_mrsignin-sub-nav.png?1764092324); width: 180px; height: 35px; margin: 5px 0; }
a.navbar-brand.structurecms.rithmcrm { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6926/86d4/3b8b/d0d2/9348/58a5/original_rithmcrm_logo_3x.png?1764132567); width: 180px; height: 35px; margin: 5px 0; top: 5px; position: relative; }
a.navbar-brand.structurecms.ignitecdn { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6927/1165/ffc7/166a/8fd0/f0a8/original_nextseek_logo_3x.png?1764168039); width: 180px; height: 35px; margin: 5px 0; top: 5px; position: relative; }
a.navbar-brand.structurecms.nextseekai { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6927/1165/ffc7/166a/8fd0/f0a8/original_nextseek_logo_3x.png?1764168039); width: 180px; height: 35px; margin: 5px 0; top: 5px; position: relative; }
a.navbar-brand.structurecms.valet { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6927/1ba6/c1c3/02d5/f684/09c4/original_valet_logo_3x.png?1764170665); width: 180px; height: 35px; margin: 5px 0; top: 0; position: relative; }
a.navbar-brand.account-console { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/690e/3a8c/eb12/2499/322b/4a84/original_webp_accountconsole_logo_3x.webp?1762540174) !important; height: 26px; width: 180px; }
a.navbar-brand.structurecms.account-console { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/690e/3a8c/eb12/2499/322b/4a84/original_webp_accountconsole_logo_3x.webp?1762540174); height: 25px; width: 180px; top: 4px; position: relative; }
a.navbar-brand.multiplizer-brand { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68f8/f583/faa5/ce2a/a047/fbe3/original_multiplizer-sub-nav-logo.png?1761146246); width: 180px; height: 30px; margin: 8px 0 12px; }
a.navbar-brand.email-designer { width: 180px; height: 25px; margin: 10px 0; }
a.navbar-brand.copyapproval { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68fa/3394/faa5/ce2a/a048/0b4d/original_copy-approval-sub-nav-logo.png?1761227671); width: 180px; height: 25px; margin: 10px 0; }
a.navbar-brand.structurecms.aigotchu { background-image: url(https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6929/c34e/1098/abf8/b884/0c89/original_aigotcha_logo_1x_lowercase.png?1764344656); margin-top: 8px; }

/* ========================================
   NAVIGATION COMPONENTS
   ======================================== */
.nav-slide-logo { width: 190px; }
.off-content { margin: 0 auto; text-align: center; }
.no-hover { cursor: default; }
ul.dropdown-menu { top: 40px !important; }

.navbar-nav .nav-link { font-size: 20px !important; font-weight: 400; }
.navbar-toggler { z-index: 999; }
.navbar-collapse ul { justify-content: end; }
.menu-list-main { justify-content: flex-end; }

div#navbarNavMain { display: inline-block !important; }

/* Offcanvas backgrounds by product */
.offcanvas-element { background-color: #000; text-align: center; }
.offcanvas-element a { color: #d02026; font-size: 25px; font-weight: 800; }

@media (max-width: 10000px) {
  .rithmcrm-offcanvas { background-color: #65174F; }
  .deployer-offcanvas { background-color: #002353; }
  .structure-offcanvas { background-color: #000; }
  .validate-plus-offcanvas { background-color: #3C7BBE; }
  .email-designer-offcanvas { background-color: #000; }
  .market-rithm-offcanvas { background-color: #58585A; }
  .multiplizer-offcanvas { background-color: #023006; top: 101px; }
  .mr-sign-in-offcanvas { background-color: #000; }
  .copyapproval-offcanvas { background-color: #000; }
  .ignite-offcanvas { background-color: #370049; }
  
  .offcanvas-collapse {
    position: fixed;
    top: 91px;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding: 0 1rem;
    overflow-y: auto;
    visibility: hidden;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    will-change: transform;
  }
  
  .home-nav-collapse { top: 65px !important; }
  
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
}

/* Mobile offcanvas behavior */
@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding: 0 1rem;
    overflow-y: auto;
    visibility: hidden;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    z-index: 9;
    transform: translateX(0);
  }
  
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
}

/* Desktop navbar reset */
@media (min-width: 992px) {
  .offcanvas-collapse,
  .offcanvas-collapse.open {
    position: static;
    left: auto;
    width: auto;
    padding: 0;
    overflow: visible;
    visibility: visible !important;
    transform: none !important;
    z-index: auto;
  }
}

@media (max-width: 767px) {
  .offcanvas-trigger {
    position: absolute;
    top: 5px;
    right: 35px;
    z-index: 1030;
    color: #000 !important;
  }
  
  .dropdown-menu {
    background-color: #000;
    padding-left: 6px;
  }
  
  nav#mr-nav { z-index: 1030; }
  span.navbar-toggler-icon { padding-top: 5px; }
  
  .navbar-nav {
    flex-direction: column !important;
  }
  
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  
  #header-redesign .offcanvas-trigger {
    position: static;
    border: transparent;
  }
}

@media (max-width: 991px) {
  div#navbarNavMain { display: none !important; }
  
  .first .container { padding-top: 35px; }
}

@media (max-width: 480px) {
  .navbar-brand { width: 240px; height: 50px; }
}

/* ========================================
   HEADER & REDESIGN NAV
   ======================================== */
#header-redesign { z-index: 1111; }
#header-redesign .positioner .nav-link { color: #fff; }
#header-redesign .nav-link {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px !important;
  margin-left: 16px;
}

#header-redesign li.dropdown:hover ul.dropdown-menu { width: 250px; }

.bg-glass { background-color: rgba(0, 0, 0, .9) !important; }

/* Remove Bootstrap focus styles */
#header-redesign .navbar-toggler:active,
#header-redesign .navbar-toggler:focus-visible,
#header-redesign .navbar-toggler:focus-within {
  outline: none !important;
  box-shadow: none !important;
}

#header-redesign .navbar-toggler::-moz-focus-inner { border: 0 !important; }

@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .nav-link {
    color: #000;
    margin-left: 18px;
    font-size: 18px !important;
    font-weight: 500;
    letter-spacing: 3px;
    font-family: "Roboto Condensed", sans-serif;
  }
  
  .navbar-expand-xl .navbar-nav .nav-link:hover { color: #fff; }
}

/* ========================================
   SECONDARY NAV & SUB MENUS
   ======================================== */
.secondary-nav {
  top: 60px;
  padding-bottom: 3px;
}

nav#marketrithm-sub.redesign {
  background-color: #fff !important;
  top: 60px;
}

nav#marketrithm-sub.redesign a.sub-menu-icons-redesign {
  color: #ACACAC !important;
  font-size: 13px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

nav#marketrithm-sub.redesign a.sub-menu-icons-redesign svg {
  font-size: 45px;
  margin-bottom: 5px;
}

nav#marketrithm-sub.redesign .sub-menu-redesign {
  border-top: 1px solid #acacac;
  border-bottom: 1px solid #acacac;
}

.mr-sign-in-nav { background-color: #000; }

/* Product-specific sub-nav styling */
#structuresub.secondary-nav { background-color: #f2f2f2; }
nav#structuresub.structure-nav a { color: #9e1d22; }
nav#structuresub.deployer-nav a { color: #002353; }
nav#structuresub.scrumrithm-nav a { color: #133940; }
nav#structuresub.aight a { color: #213e51; }
nav#structuresub.validate a { color: #133940; }
nav#structuresub.mrsignin a { color: #133940; }
nav#structuresub.rithmcrm a { color: #213e51; }
nav#structuresub.ignitecdn a { color: #213e51; }
nav#structuresub.nextseekai a { color: #213e51; }
nav#structuresub.valet a { color: #213e51; }
nav#structuresub.account-console a { color: #424143; }
nav#structuresub.aigotchu a { color: #4b6c4e; }
#structuresub.multiplizer-brand { background-color: #013005; }

#structuresub .nav-item,
#structuresub.aight .nav-item,
#structuresub.rithmcrm .nav-item,
#structuresub.ignitecdn .nav-item,
#structuresub.nextseekai .nav-item,
#structuresub.valet .nav-item,
#structuresub.copyapproval .nav-item,
#structuresub.email-designer .nav-item,
#structuresub.account-console .nav-item,
#structuresub.multiplizer-brand .nav-item {
  padding-left: 10px;
}

@media (max-width: 991px) {
  .secondary-nav.deployer-nav { top: 65px; }
}

/* Product tour link styling */
li:has(> a.product-tour-link) { margin-top: 7px; }

.product-tour-link {
  border: 1px solid #707070;
  border-radius: 35px;
  padding: 0 10px 3px;
  background-color: #fff;
  color: #000 !important;
}

/* Sub-menu icons with CSS vars */
.sub-menu-icons-redesign {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  line-height: 1.1;
  font-size: .85rem;
  transition: transform 0.3s ease;
}

.sub-menu-icons-redesign:hover { transform: scale(1.2); }

.sub-menu-icons-redesign::before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  background: var(--icon-url) center/contain no-repeat;
  filter: grayscale(100%) opacity(.7);
  transition: filter .2s ease;
}

.sub-menu-icons-redesign:hover::before,
.sub-menu-icons-redesign:focus-visible::before,
.sub-menu-icons-redesign.active::before,
.sub-menu-icons-redesign[aria-current="page"]::before {
  filter: none;
  opacity: 1;
}

.menu-list-marketrithm-sub-menu-redesign {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly !important;
  align-items: center;
  width: 100%;
}

/* Icon URL definitions */
.aight-link { --icon-url: url('https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68c9/97ae/327c/c71a/5d23/752b/original_aright.png?1758042032'); }
.deployer-link { --icon-url: url('https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68c9/97b5/327c/c71a/5d23/753e/original_deployer.png?1758042039'); }
.structure-cms-link { --icon-url: url('https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68c9/99a4/c38d/f7e8/6d2e/8409/original_structure.png?1758042534'); }
.validateplus-link { --icon-url: url('https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68c9/986a/fe85/dcc7/92a1/2657/original_validate.png?1758042220'); }
.mrsign-in-link { --icon-url: url('https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68c9/97c2/327c/c71a/5d23/7564/original_mrsignin.png?1758042052'); }
.rithm-crm-link { --icon-url: url('https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6926/8a42/34d6/e43d/c35b/32f7/original_rithmcrm-logo-hero.png?1764133444'); }
.ignite-cdm-link { --icon-url: url('https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68c9/97bc/327c/c71a/5d23/7551/original_ignite.png?1758042046'); }
.nextseek-ai-link { --icon-url: url('https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68c9/983f/fe85/dcc7/92a1/260b/original_nextseekai.png?1758042177'); }
.valet-link { --icon-url: url('https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68f8/fac6/5922/faff/93d4/c5f1/original_valet_icon_3x.png?1761147592'); }
.scrumrithm-link { --icon-url: url('https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68c9/9859/fe85/dcc7/92a1/2631/original_scrumrithm.png?1758042203'); }
.account-console-link { --icon-url: url('https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68c9/97a7/327c/c71a/5d23/7518/original_account-console.png?1758042025'); }
.aigotchu-link { --icon-url: url('https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6925/d13f/3a88/2405/04a8/d661/original_aigotchu_icon.svg?1764086081'); }
.mx-grader-link { --icon-url: url('https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/picture/6929/f540/6ddd/3e2e/c684/0e32/original_icon-mxgrader.svg?1764357442'); }

/* ========================================
   HAMBURGER MENU ANIMATION
   ======================================== */
.hamburger .line {
  width: 40px;
  height: 4px;
  background-color: #707070;
  display: block;
  margin: 8px auto;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover { cursor: pointer; }

#hamburger-6.is-active {
  transition: all 0.3s ease-in-out;
  transition-delay: 0.6s;
  transform: rotate(45deg);
}

#hamburger-6.is-active .line:nth-child(2) { width: 0; }

#hamburger-6.is-active .line:nth-child(1),
#hamburger-6.is-active .line:nth-child(3) {
  transition-delay: 0.3s;
}

#hamburger-6.is-active .line:nth-child(1) { transform: translateY(11px); }
#hamburger-6.is-active .line:nth-child(3) { transform: translateY(-13px) rotate(90deg); }

/* ========================================
   HERO SECTIONS - BASE STYLES
   ======================================== */
.hero {
  position: relative;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
}

.hero-content {
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0;
}

.hero-content h1 {
  font-size: 2.7em;
  font-weight: 700;
  color: #222;
  margin-bottom: 18px;
}

.highlight { color: #003B82; }

.hero .btn {
  margin-bottom: 10px;
  text-transform: none;
  font-size: 20px;
  letter-spacing: 1px;
  border: 1px solid;
  padding: 5px 15px;
  border-radius: 10px;
  color: #59595C;
  background-color: #fff;
}

/* Shared hero styles for product pages */
.hero-structure,
.hero-deployer,
.hero-scrumrithm,
.hero-aight,
.hero-validate,
.hero-nextseekai,
.hero-ignitecdn,
.hero-valet,
.hero-rithmcrm,
.hero-account-console,
.hero-aigotchu {
  min-height: 700px;
  margin-top: 70px;
  overflow: hidden;
}

.hero-structure .logo-image,
.hero-deployer .logo-image,
.hero-scrumrithm .logo-image,
.hero-aight .logo-image,
.hero-validate .logo-image,
.hero-nextseekai .logo-image,
.hero-ignitecdn .logo-image,
.hero-valet .logo-image,
.hero-rithmcrm .logo-image,
.hero-account-console .logo-image,
.hero-aigotchu .logo-image {
  width: 700px;
  z-index: 1;
  position: relative;
}

.hero-structure .headline,
.hero-structure .sub-headline,
.hero-deployer .headline,
.hero-deployer .sub-headline,
.hero-scrumrithm .headline,
.hero-scrumrithm .sub-headline,
.hero-aight .headline,
.hero-aight .sub-headline,
.hero-validate .headline,
.hero-validate .sub-headline,
.hero-nextseekai .headline,
.hero-nextseekai .sub-headline,
.hero-ignitecdn .headline,
.hero-ignitecdn .sub-headline,
.hero-valet .headline,
.hero-valet .sub-headline,
.hero-rithmcrm .headline,
.hero-rithmcrm .sub-headline,
.hero-account-console .headline,
.hero-account-console .sub-headline,
.hero-aigotchu .headline,
.hero-aigotchu .sub-headline {
  font-size: 48px;
}

.hero-structure .description,
.hero-deployer .description,
.hero-scrumrithm .description,
.hero-aight .description,
.hero-validate .description,
.hero-nextseekai .description,
.hero-ignitecdn .description,
.hero-valet .description,
.hero-rithmcrm .description,
.hero-account-console .description,
.hero-aigotchu .description {
  font-size: 20px;
  color: #59595c;
  font-weight: 600;
}

.hero-structure .btn,
.hero-deployer .btn,
.hero-scrumrithm .btn,
.hero-aight .btn,
.hero-validate .btn,
.hero-nextseekai .btn,
.hero-ignitecdn .btn,
.hero-valet .btn,
.hero-rithmcrm .btn,
.hero-account-console .btn,
.hero-aigotchu .btn {
  margin-bottom: 10px;
  text-transform: none;
  font-size: 20px;
  letter-spacing: 1px;
  padding: 5px 15px;
  border-radius: 10px;
  color: #fff;
}

.hero-structure .button-text,
.hero-deployer .button-text,
.hero-scrumrithm .button-text,
.hero-aight .button-text,
.hero-validate .button-text,
.hero-nextseekai .button-text,
.hero-ignitecdn .button-text,
.hero-valet .button-text,
.hero-rithmcrm .button-text,
.hero-account-console .button-text,
.hero-aigotchu .button-text {
  position: relative;
  bottom: 2px;
}

/* Product-specific hero colors */
.hero-structure .headline { color: #9e1d22; }
.hero-structure .btn { background-color: #9e1d22; }

.hero-deployer .headline { color: #003B82; }
.hero-deployer .btn { background-color: #003B82; }

.hero-scrumrithm .headline { color: #133940; }
.hero-scrumrithm .btn { background-color: #133940; }

.hero-aight .headline { color: #7A8996; }
.hero-aight .sub-headline { color: #213E51; }
.hero-aight .btn { background-color: #213E51; }

.hero-validate .headline { color: #000; }
.hero-validate .sub-headline { color: #417CBC; }
.hero-validate .btn { background-color: #417CBC; }

.hero-nextseekai .headline,
.hero-ignitecdn .headline { color: #6D71B4; }
.hero-nextseekai .sub-headline,
.hero-ignitecdn .sub-headline { color: #000; }
.hero-nextseekai .btn,
.hero-ignitecdn .btn { background-color: #6D71B4; }

.hero-valet .headline { color: #4F4F4F; }
.hero-valet .sub-headline { color: #000; }
.hero-valet .btn { background-color: #4F4F4F; }

.hero-rithmcrm .headline { color: #000; }
.hero-rithmcrm .sub-headline { color: #213871; }
.hero-rithmcrm .btn { background-color: #367BBF; }

.hero-account-console .headline { color: #9E1D20; }
.hero-account-console .btn { background-color: #9E1D20; }

.hero-aigotchu .headline { color: #4B6C4E; }
.hero-aigotchu .btn { background-color: #B19F32; }

.ignit-hero-headline { color: #be2327 !important; }
.ignit-hero-btn { background-color: #be2327 !important; }

.mxgrader-hero-headline { color: #015397 !important; }
.mxgrader-hero-btn { background-color: #015397 !important; }

/* ========================================
   HERO ANIMATIONS - STRUCTURE (Breathing)
   ======================================== */
:root {
  --icon-src: url("https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/themes/structure-hero-icon.png?1758831582");
  --icon-src-aight: url("https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/691f/48b8/adb6/ec9c/cba0/2fe0/original_aight_icon.png?1763657915");
  --icon-src-validate: url("https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68c9/986a/fe85/dcc7/92a1/2657/original_validate.png?1758042220");
  --icon-src-mrsignin: url("https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6925/ecb3/6045/1c25/c47a/2790/original_mrsignin_icon_3x.png?1764093109");
  --icon-src-rithmcrm: url("https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6926/8a42/34d6/e43d/c35b/32f7/original_rithmcrm-logo-hero.png?1764133444");
  --icon-src-ignitecdn: url("https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6927/142d/bc1b/33a6/0284/09d1/original_nextseek_icon_3x.png?1764168751");
  --icon-src-nextseekai: url("https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6927/142d/bc1b/33a6/0284/09d1/original_nextseek_icon_3x.png?1764168751");
  --icon-src-valet: url("https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/6927/2205/6974/63e0/11d0/f05b/original_valet_icon_3x.png?1764172295");
  --breath-min: .94;
  --breath-max: 1.2;
  --breath-dur: 4s;
  --start-angle: 90;
}

.structure-hero-icons,
.aight-icons,
.validate-icons,
.mrsignin-icons,
.rithmcrm-icons,
.ignitecdn-icons,
.nextseekai-icons,
.valet-icons {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--size);
  aspect-ratio: 1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 1;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%) scale(var(--breath-min));
  animation: breathe var(--breath-dur) ease-in-out infinite;
  animation-delay: var(--delay, 0s);
  will-change: transform;
}

.structure-hero-icons { background-image: var(--icon-src); filter: invert(1); opacity: 1; }
.aight-icons { background-image: var(--icon-src-aight); filter: grayscale(1); opacity: 0.15; }
.validate-icons { background-image: var(--icon-src-validate); opacity: 0.15; }
.mrsignin-icons { background-image: var(--icon-src-mrsignin); filter: grayscale(1); opacity: 0.15; }
.rithmcrm-icons { background-image: var(--icon-src-rithmcrm); filter: grayscale(1); opacity: 0.15; }
.ignitecdn-icons { background-image: var(--icon-src-ignitecdn); filter: grayscale(1); opacity: 0.15; }
.nextseekai-icons { background-image: var(--icon-src-nextseekai); filter: grayscale(1); opacity: 0.15; }
.valet-icons { background-image: var(--icon-src-valet); filter: grayscale(1); opacity: 0.15; }

@keyframes breathe {
  0% { transform: translate(-50%, -50%) scale(var(--breath-min)); }
  50% { transform: translate(-50%, -50%) scale(var(--breath-max)); }
  100% { transform: translate(-50%, -50%) scale(var(--breath-min)); }
}

/* Icon positioning */
.structure-hero-icons[data-i="1"],
.aight-icons[data-i="1"],
.validate-icons[data-i="1"],
.mrsignin-icons[data-i="1"],
.rithmcrm-icons[data-i="1"],
.ignitecdn-icons[data-i="1"],
.nextseekai-icons[data-i="1"],
.valet-icons[data-i="1"] { --x: 10%; --y: 27%; --size: 40vmin; --delay: 0s; }

.structure-hero-icons[data-i="2"],
.aight-icons[data-i="2"],
.validate-icons[data-i="2"],
.mrsignin-icons[data-i="2"],
.rithmcrm-icons[data-i="2"],
.ignitecdn-icons[data-i="2"],
.nextseekai-icons[data-i="2"],
.valet-icons[data-i="2"] { --x: 50%; --y: 16%; --size: 25vmin; --delay: .4s; }

.structure-hero-icons[data-i="3"],
.aight-icons[data-i="3"],
.validate-icons[data-i="3"],
.mrsignin-icons[data-i="3"],
.rithmcrm-icons[data-i="3"],
.ignitecdn-icons[data-i="3"],
.nextseekai-icons[data-i="3"],
.valet-icons[data-i="3"] { --x: 90%; --y: 30%; --size: 35vmin; --delay: .8s; }

.structure-hero-icons[data-i="4"],
.aight-icons[data-i="4"],
.validate-icons[data-i="4"],
.mrsignin-icons[data-i="4"],
.rithmcrm-icons[data-i="4"],
.ignitecdn-icons[data-i="4"],
.nextseekai-icons[data-i="4"],
.valet-icons[data-i="4"] { --x: 18%; --y: 95%; --size: 40vmin; --delay: 1.2s; }

.structure-hero-icons[data-i="5"],
.aight-icons[data-i="5"],
.validate-icons[data-i="5"],
.mrsignin-icons[data-i="5"],
.rithmcrm-icons[data-i="5"],
.ignitecdn-icons[data-i="5"],
.nextseekai-icons[data-i="5"] { --x: 68%; --y: 110%; --size: 30vmin; --delay: 1.6s; }

.valet-icons[data-i="5"] { --x: 68%; --y: 100%; --size: 30vmin; --delay: 1.6s; }

.hero-inner { z-index: 2; position: relative; }

@media (prefers-reduced-motion: reduce) {
  .structure-hero-icons,
  .aight-icons,
  .validate-icons,
  .mrsignin-icons,
  .rithmcrm-icons,
  .ignitecdn-icons,
  .nextseekai-icons,
  .valet-icons { 
    animation: none; 
    transform: translate(-50%, -50%) scale(1); 
  }
}

@media (max-width: 991px) {
  .structure-hero-icons[data-i="1"],
  .aight-icons[data-i="1"],
  .validate-icons[data-i="1"],
  .mrsignin-icons[data-i="1"],
  .rithmcrm-icons[data-i="1"],
  .ignitecdn-icons[data-i="1"],
  .nextseekai-icons[data-i="1"],
  .valet-icons[data-i="1"] { --x: -2%; --y: 20%; --size: 25vmin; }
  
  .structure-hero-icons[data-i="2"],
  .aight-icons[data-i="2"],
  .validate-icons[data-i="2"],
  .mrsignin-icons[data-i="2"],
  .rithmcrm-icons[data-i="2"],
  .ignitecdn-icons[data-i="2"],
  .nextseekai-icons[data-i="2"],
  .valet-icons[data-i="2"] { --x: 50%; --y: 50%; --size: 30vmin; }
  
  .structure-hero-icons[data-i="3"],
  .aight-icons[data-i="3"],
  .validate-icons[data-i="3"],
  .mrsignin-icons[data-i="3"],
  .rithmcrm-icons[data-i="3"],
  .ignitecdn-icons[data-i="3"],
  .nextseekai-icons[data-i="3"],
  .valet-icons[data-i="3"] { --x: 105%; --y: 30%; --size: 30vmin; }
  
  .structure-hero-icons[data-i="4"],
  .aight-icons[data-i="4"],
  .validate-icons[data-i="4"],
  .mrsignin-icons[data-i="4"],
  .rithmcrm-icons[data-i="4"],
  .ignitecdn-icons[data-i="4"],
  .nextseekai-icons[data-i="4"],
  .valet-icons[data-i="4"] { --x: 10%; --y: 88%; --size: 28vmin; }
  
  .structure-hero-icons[data-i="5"],
  .aight-icons[data-i="5"],
  .validate-icons[data-i="5"],
  .mrsignin-icons[data-i="5"],
  .rithmcrm-icons[data-i="5"],
  .ignitecdn-icons[data-i="5"],
  .nextseekai-icons[data-i="5"],
  .valet-icons[data-i="5"] { --x: 80%; --y: 102%; --size: 30vmin; }
}

@media (max-width: 767px) {
  .structure-hero-icons[data-i="1"],
  .aight-icons[data-i="1"],
  .validate-icons[data-i="1"],
  .mrsignin-icons[data-i="1"],
  .rithmcrm-icons[data-i="1"],
  .ignitecdn-icons[data-i="1"],
  .nextseekai-icons[data-i="1"],
  .valet-icons[data-i="1"] {
    --x: 50%;
    --y: 50%;
    --size: 80%;
  }
}

/* ========================================
   HERO ANIMATIONS - DEPLOYER (Falling)
   ======================================== */
.hero-deployer {
  position: relative;
  --icon-url: url("https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/themes/deployer-parachute.png?1758898317");
}

.falling-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.faller {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 300px;
  transform: translate3d(var(--x), var(--startY, -200px), 0);
  animation: fall var(--dur) linear var(--negDelay) infinite both;
  will-change: transform;
  backface-visibility: hidden;
}

.faller .sprite {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--size, 300px);
  height: var(--size, 300px);
  background-image: var(--icon-url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: rockSide var(--rockDur, 6s) ease-in-out var(--rockDelay, 0s) infinite var(--rockDirection, alternate) both;
  will-change: transform;
  backface-visibility: hidden;
}

@keyframes fall {
  0% { transform: translate3d(var(--x), var(--startY), 0); }
  100% { transform: translate3d(var(--x), var(--endY), 0); }
}

@keyframes rockSide {
  0% { transform: translateX(-25px) rotate(-10deg); }
  100% { transform: translateX(25px) rotate(10deg); }
}

@media (prefers-reduced-motion: reduce) {
  .faller { animation-duration: calc(var(--dur) * 1.5); }
  .faller .sprite { animation: none !important; transform: none !important; }
}

/* ========================================
   HERO ANIMATIONS - SCRUMRITHM/ACCOUNT CONSOLE (Spinning)
   ======================================== */
.scrumrithm-hero-icon,
.account-console-hero-icon,
.aigotchu-hero-icon {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  animation: spin 30s linear infinite;
}

.scrumrithm-hero-icon { background-image: url("https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/themes/scrumrithm-icons-hero.png?1759242506"); filter: invert(1); }
.account-console-hero-icon { background-image: url("https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/68c9/97a7/327c/c71a/5d23/7518/original_account-console.png?1758042025"); filter: grayscale(1); opacity: 0.15; }
.aigotchu-hero-icon { background-image: url("https://mr.cdn.ignitecdn.com/client_assets/mri_beta/media/picture/691f/2570/2222/e552/b96f/ec0b/original_Aigotchu_Icon_grey.svg?1763648882"); filter: grayscale(1); opacity: 0.25; }

.scrumrithm-hero-icon:nth-child(1),
.account-console-hero-icon:nth-child(1),
.aigotchu-hero-icon:nth-child(1) { top: -20%; left: -10%; width: 320px; height: 320px; }

.scrumrithm-hero-icon:nth-child(2),
.account-console-hero-icon:nth-child(2),
.aigotchu-hero-icon:nth-child(2) { top: -10%; right: 40%; width: 250px; height: 250px; }

.scrumrithm-hero-icon:nth-child(3),
.account-console-hero-icon:nth-child(3),
.aigotchu-hero-icon:nth-child(3) { top: -5%; right: -10%; width: 320px; height: 320px; }

.scrumrithm-hero-icon:nth-child(4),
.account-console-hero-icon:nth-child(4),
.aigotchu-hero-icon:nth-child(4) { bottom: -30%; left: 5%; width: 250px; height: 250px; }

.scrumrithm-hero-icon:nth-child(5),
.account-console-hero-icon:nth-child(5),
.aigotchu-hero-icon:nth-child(5) { bottom: -20%; right: 15%; width: 250px; height: 250px; }

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

@media (max-width: 991px) {
  .scrumrithm-hero-icon:nth-child(1),
  .account-console-hero-icon:nth-child(1),
  .aigotchu-hero-icon:nth-child(1) { width: 250px; height: 250px; }
  
  .scrumrithm-hero-icon:nth-child(2),
  .account-console-hero-icon:nth-child(2),
  .aigotchu-hero-icon:nth-child(2) { width: 200px; height: 200px; }
  
  .scrumrithm-hero-icon:nth-child(3),
  .account-console-hero-icon:nth-child(3),
  .aigotchu-hero-icon:nth-child(3) { width: 250px; height: 250px; }
  
  .scrumrithm-hero-icon:nth-child(4),
  .account-console-hero-icon:nth-child(4),
  .aigotchu-hero-icon:nth-child(4) { width: 200px; height: 200px; }
  
  .scrumrithm-hero-icon:nth-child(5),
  .account-console-hero-icon:nth-child(5),
  .aigotchu-hero-icon:nth-child(5) { width: 200px; height: 200px; }
}

@media (max-width: 767px) {
  .scrumrithm-hero-icon:nth-child(1),
  .account-console-hero-icon:nth-child(1),
  .aigotchu-hero-icon:nth-child(1) { top: 10%; left: 10%; width: 80%; height: 80%; }
}

/* ========================================
   ROTATING ICONS (Main Homepage Hero)
   ======================================== */
.rotating-icons {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100vw;
  max-width: 1320px;
  max-height: 1320px;
  min-width: 320px;
  min-height: 320px;
  transform: translate(-56%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 0;
  margin-left: 0;
}

.bg-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0.3;
  transform: rotate(var(--angle)) translate(26vw) rotate(-var(--angle));
  transition: transform 0.2s;
  transform-origin: center;
  pointer-events: none;
}

img.bg-icon {
  width: auto;
  height: clamp(60px, 12vw, 180px);
  display: block;
  object-fit: contain;
}

@media (max-width: 475px) {
  .bg-icon {
    transform: translate(-50%, -50%);
    transition: none;
    width: 80px !important;
  }
}

@media (max-width: 430px) {
  .rotating-icons { transform: translate(-60%, -50%); }
}

@media (max-width: 381px) {
  .rotating-icons { transform: translate(-58%, -50%); }
}

/* ========================================
   BELOW HERO SECTIONS
   ======================================== */
.below-hero {
  height: 820px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.below-hero .bg-wrapper {
  position: relative;
  overflow: hidden;
  min-height: 650px;
}

#below-hero.bg-cover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: center;
  transition: transform 0.2s ease-out;
  z-index: 0;
}

.below-hero .text-layer {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 1;
  text-align: center;
}

.below-hero .description {
  margin-bottom: 80px;
  font-size: 20px;
}

.structure-below-hero .image-2 {
  max-width: 130% !important;
  height: auto;
  left: -40%;
  position: absolute;
}

.deployer-below-hero .image-2 {
  left: -15%;
  position: relative;
}

@media (max-width: 991px) {
  .structure-below-hero .image-2,
  .deployer-below-hero .image-2 {
    max-width: 100% !important;
    height: auto;
    left: 0;
    position: relative;
  }
}

@media (max-width: 767px) {
  .below-hero .bg-wrapper { min-height: 500px; }
}

/* ========================================
   CONTENT SECTIONS
   ======================================== */
.first-base-redesign { margin-top: 130px; }
section.first { padding: 70px 0 0; }

@media (max-width: 991px) {
  .first-base-redesign { margin-top: 50px; }
}

.first .container.hero.aight,
.first .container.hero.rithmcrm,
.first .container.hero.ignitecdn,
.first .container.hero.nextseekai,
.first .container.hero.valet,
.first .container.hero.account-console,
.first .container.hero.aigotchu,
.first .container.hero.multiplizer-brand,
.first .container.hero.email-designer,
.first .container.hero.copyapproval {
  background-color: transparent;
  margin-bottom: -100px;
}

section.simplify-goals {
  margin: -50px 0 0;
}

#simplify-goals {
  min-height: 650px;
}

.simplify-goals .content {
  font-weight: 400;
}

.simplify-goals .main-headline {
  font-size: 50px;
}

.simplify-goals .btn {
  text-transform: none;
  font-size: 20px;
  letter-spacing: 0;
  padding: 5px 15px 8px;
  border-radius: 10px;
}

.simplify-goals .btn:hover {
  color: #000;
}

@media (max-width: 767px) {
  #simplify-goals { min-height: 500px; }
}

section#slide-11 { padding-top: 20px !important; }

#support,
#features {
  position: relative;
  top: -50px;
}

#features.account-console { top: 0; }

.separator {
  position: relative;
  z-index: 1;
}

/* ========================================
   FEATURE SECTIONS & SLIDERS
   ======================================== */
.feature-products .sub-headline,
.feature-products .featured,
.testimonials .sub-headline,
.insights .headline,
.resources-support .headline,
.structure-powerful-tools .scroll-title,
.structure-powerful-tools .headline,
.deployer-powerful-tools .headline,
.deployer-powerful-tools .scroll-title,
.scrum-tools .scroll-title,
.scrum-tools .headline {
  color: #959595;
}

.feature-products .sub-headline,
.feature-products .headline,
.testimonials .sub-headline,
.testimonials .headline,
.insights .sub-headline,
.insights .headline,
.resources-support .sub-headline,
.resources-support .headline,
.structure-powerful-tools .headline,
.structure-powerful-tools .sub-headline,
.powerful-platform .section-headline,
.deployer-powerful-tools .headline,
.deployer-powerful-tools .sub-headline {
  font-size: 40px;
  font-weight: 600;
}

.products-slick { position: relative; }

.products-slick .slick-dots {
  position: absolute;
  top: -80px;
  right: 0;
  left: auto;
  width: auto;
  display: flex;
  justify-content: flex-end;
  margin: 0;
  z-index: 3;
  pointer-events: auto;
}

.products-slick .slick-dots li {
  display: inline-block;
  margin: 0 4px;
}

.products-slick .slick-dots button:before {
  font-size: 16px;
  color: #999;
  opacity: 1;
}

.products-slick .slick-dots .slick-active button:before {
  color: #000;
}

@media (max-width: 991px) {
  .products-slick .slick-dots { top: -67px !important; }
  .deployer-powerful-tools .products-slick .slick-dots { top: -30px !important; right: 41%; }
}

@media (max-width: 767px) {
  .deployer-powerful-tools .products-slick .slick-dots { right: 20%; }
}

@media (max-width: 540px) {
  .deployer-powerful-tools .products-slick .slick-dots { display: none !important; }
}

.products-slick .slide-image,
.testimonial-image,
.insight-image,
.platform-image {
  border-radius: 25px;
}

.products-slick .slider-description,
.hero .hero-description {
  font-size: 15px;
}

.testimonial-image {
  transition: transform 0.3s ease;
}

.testimonial-image:hover {
  transform: scale(1.1);
}

/* Slide box hover effects */
.slide-box {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slide-content {
  position: absolute;
  left: -1px;
  bottom: 25px;
  border-radius: 0 50px 50px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  pointer-events: none;
  padding: 0;
  background: #fff;
  transform: translateX(calc(-100% + 40px));
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.slide-box:hover .slide-content,
.slide-content:hover {
transform: translateX(0);
pointer-events: auto;
}

.slide-text {
display: flex;
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
font-weight: 600;
padding: 15px;
}
.slide-text p {
margin: 0;
position: relative;
}
.slide-arrow {
flex: 0 0 auto;
pointer-events: auto;
}
/* ========================================
POWERFUL TOOLS SECTIONS
======================================== */
.powerful-tools .slider-headline,
.structure-powerful-tools .sub-headline {
color: #9B1E22;
}
.powerful-tools svg {
background-color: #9B1E22;
padding: 10px;
border-radius: 50%;
height: 25px;
width: 25px;
margin-right: 10px;
color: #fff;
text-align: center;
}
.deployer-powerful-tools .sub-headline,
.goal-first .slider-headline {
color: #1F407E;
}
.goal-first svg {
background-color: #1F407E;
padding: 10px;
border-radius: 50%;
height: 25px;
width: 25px;
margin-right: 10px;
color: #fff;
text-align: center;
}
.scrum-tools .sub-headline,
.scrum-tools .products-slick .slider-headline {
color: #133940;
}
.scrum-tools .products-slick svg {
background-color: #133940;
padding: 10px;
border-radius: 50%;
height: 25px;
width: 25px;
margin-right: 10px;
color: #fff;
text-align: center;
}
.aight-slide .sub-headline,
.aight-slide .goal-first .slider-headline {
color: #213e51;
}
.aight-slide .goal-first svg {
background-color: #213e51;
padding: 10px;
border-radius: 50%;
height: 25px;
width: 25px;
margin-right: 10px;
color: #fff;
text-align: center;
}
.validate-slide .sub-headline,
.validate-slide .goal-first .slider-headline {
color: #417CBC;
}
.validate-slide .products-slick svg {
background-color: #417CBC;
padding: 10px;
border-radius: 50%;
height: 25px;
width: 25px;
margin-right: 10px;
color: #fff;
text-align: center;
}
.mrsignin-slide .sub-headline,
.mrsignin-slide .goal-first .slider-headline {
color: #344A9F;
}
.rithmcrm-slide .sub-headline,
.rithmcrm-slide .goal-first .slider-headline {
color: #213e51;
}
.rithmcrm-slide .goal-first svg {
background-color: #213e51;
padding: 10px;
border-radius: 50%;
height: 25px;
width: 25px;
margin-right: 10px;
color: #fff;
text-align: center;
}
.ignitecdn-slide .sub-headline,
.ignitecdn-slide .goal-first .slider-headline,
.nextseekai-slide .sub-headline,
.nextseekai-slide .goal-first .slider-headline {
color: #6D71B4;
}
.ignitecdn-slide .goal-first svg,
.nextseekai-slide .goal-first svg {
background-color: #6D71B4;
padding: 10px;
border-radius: 50%;
height: 25px;
width: 25px;
margin-right: 10px;
color: #fff;
text-align: center;
}
.valet-slide .sub-headline,
.valet-slide .goal-first .slider-headline {
color: #4F4F4F;
}
.valet-slide .goal-first svg {
background-color: #4F4F4F;
padding: 10px;
border-radius: 50%;
height: 25px;
width: 25px;
margin-right: 10px;
color: #fff;
text-align: center;
}
.account-console-slide .sub-headline,
.account-console-slide .goal-first .slider-headline {
color: #9E1D20;
}
.account-console-slide .goal-first svg {
background-color: #9E1D20;
padding: 10px;
border-radius: 50%;
height: 25px;
width: 25px;
margin-right: 10px;
color: #fff;
text-align: center;
}
.aigotchu-slide .sub-headline,
.aigotchu-slide .goal-first .slider-headline {
color: #4B6C4E;
}
.aigotchu-slide .goal-first svg {
background-color: #4B6C4E;
padding: 10px;
border-radius: 50%;
height: 25px;
width: 25px;
margin-right: 10px;
color: #fff;
text-align: center;
}
.aight-slide .headline,
.aight-slide .scroll-title,
.validate-slide .headline,
.validate-slide .scroll-title,
.mrsignin-slide .headline,
.mrsignin-slide .scroll-title,
.account-console-slide .headline,
.account-console-slide .scroll-title {
color: #959595;
}
.aight-slide .headline,
.account-console-slide .headline {
font-size: 40px;
font-weight: 600;
}
/* ========================================
POWERFUL PLATFORM SECTION
======================================== */
.powerful-platform {
background-color: #EDEDED;
}
.powerful-platform .row.tools:nth-child(odd) {
flex-direction: row-reverse;
}
.powerful-platform .section-headline {
color: #6A6A6A;
}
.powerful-platform .stats-number {
color: #9B1E22;
font-size: 130px;
font-weight: 600;
}
.powerful-platform .stats-title {
color: #9b1e22;
font-weight: 600;
font-size: 40px;
margin-top: -5px;
}
.powerful-platform .stats-item {
border-radius: 25px;
}
@media (max-width: 991px) {
.powerful-platform .stats-number { font-size: 80px; }
.powerful-platform .stats-title { font-size: 30px; }
}
/* ========================================
RESOURCES & SUPPORT
======================================== */
.resources-support .separator,
.powerful-platform .separator {
border-top: 1px solid #B7B7B7;
}
.resources-support.structure svg {
background-color: #fff;
padding: 10px;
border-radius: 50%;
height: 25px;
width: 25px;
margin-right: 10px;
text-align: center;
border: 1px solid;
}
/* ========================================
TESTIMONIALS SECTION
======================================== */
.testimonials {
background-color: #EDEDED;
}
.testimonial-page {
padding: 200px 0 25px;
}
#testimonials .testimonial-card {
background: white;
border-radius: 12px;
padding: 30px;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
height: 100%;
transition: transform 0.3s ease;
display: flex;
flex-direction: column;
}
#testimonials .testimonial-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.12);
}
#testimonials .testimonial-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 20px;
}
#testimonials .profile-img {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
}
#testimonials .customer-info {
flex: 1;
display: flex;
flex-direction: column;
gap: 5px;
}
#testimonials .customer-name {
font-size: 1.25rem;
font-weight: 600;
color: #333;
margin-bottom: 0;
}
#testimonials .customer-title {
color: #6c757d;
font-size: 1rem;
margin-bottom: 0;
}
#testimonials .company-name {
color: #17a2b8;
font-style: italic;
}
#testimonials .star-rating {
display: flex;
align-items: center;
gap: 8px;
margin-top: 5px;
}
#testimonials .stars {
color: #ffc107;
font-size: 1rem;
}
#testimonials .rating-number {
color: #6c757d;
font-size: 0.95rem;
font-weight: 500;
}
#testimonials .testimonial-content {
flex: 1;
display: flex;
flex-direction: column;
}
#testimonials .testimonial-title {
font-size: 1.1rem;
font-weight: 700;
color: #333;
letter-spacing: 0.5px;
margin-bottom: 15px;
}
#testimonials .testimonial-text {
color: #555;
line-height: 1.6;
font-size: 1rem;
margin-bottom: 0;
}
#testimonials .card-wrapper {
display: flex;
height: 100%;
}
@media (max-width: 576px) {
#testimonials .testimonial-header {
flex-direction: column;
text-align: center;
align-items: center;
}
#testimonials .star-rating {
justify-content: center;
}
}
/* ========================================
BUTTONS & CTAs
======================================== */
.account-console .btn.cta-1 {
width: 100%;
border: 1px solid #9f1c20;
color: #9f1c20;
}
.account-console .btn.cta-2 {
width: 100%;
border: 1px solid #9f1c20;
background-color: #9f1c20;
color: #fff;
}
.account-console .btn.cta-1:hover {
border: 1px solid #C82333;
color: #fff;
background-color: #C82333;
}
.account-console .btn.cta-2:hover {
background-color: #C82333;
}
.multiplizer-brand .btn.cta-1:hover {
background-color: #343A40;
color: #fff;
}
.multiplizer-brand .btn.cta-2 {
background-color: #343A40;
}
.copyapproval .btn.cta-1:hover {
background-color: #343A40;
color: #fff;
}
.copyapproval .btn.cta-2 {
background-color: #343A40;
}
.email-designer .btn.cta-2 {
background-color: #3c7abe;
}
.email-designer .btn.cta-2:hover {
background-color: #63bc46;
}
.btn-outline.btn-danger:hover {
color: #fff;
}
.button-top-right {
position: absolute;
right: 0;
top: -42px;
}
/* ========================================
UTILITY CLASSES
======================================== */
.text-xs { font-size: 14px; }
.text-secondary { color: #595959 !important; }
.text-success { color: #0fec86 !important; }
.text-redesign-danger { color: #9e1d21 !important; }
.bg-redesign-danger { background-color: #9e1d21 !important; }
.bg-purple { background-color: #370049; }
.bg-green { background-color: #013005; }
.bg-cover {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.grad-grey-soft {
background: linear-gradient(135deg, #d2d2d2, #ebebeb);
}
/* ========================================
LEGACY & MISC SECTIONS
======================================== */
.insight-image { width: 100%; }
#pricing-table {}
td.label {
background-color: rgba(0, 0, 0, 0.38);
color: #fff;
max-width: 200px;
font-weight: 500;
text-transform: capitalize;
}
td.section-title {
background-color: #cfcfcf;
color: #808080;
}
.dollar-amount:before {
content: '$';
}
#pricing-table td.text-center {
vertical-align: middle;
}
blockquote {
font-size: 1.1em;
width: 90%;
margin: 30px auto;
font-family: Open Sans;
color: #555;
padding: 1.2em 30px 1.2em 75px;
border-left: 8px solid #000;
line-height: 1.6;
position: relative;
background: #EDEDED;
}
blockquote span {
display: block;
color: #333;
font-style: normal;
font-weight: bold;
margin-top: 1em;
}
section#parked-domain {
background-image: url(https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/themes/images/bk_domainname.jpg?1626121088);
background-size: cover;
padding: 160px 0 !important;
}
p.text-left.font-weight-normal.text-small {
font-size: 15px;
}
section#refine-crm-under-hero {
position: relative;
background-color: #58585A;
}
section#copy-approval-third-section {
background: linear-gradient(135deg, rgba(56, 56, 56, 1) 0%, rgba(91, 88, 88, 1) 35%, rgba(255, 255, 255, 1) 100%);
}
section#email-designer-third-section {
background: linear-gradient(135deg, rgba(251, 0, 0, 1) 0%, rgba(4, 199, 58, 1) 35%, rgba(255, 138, 16, 1) 66%, rgba(14, 0, 255, 1) 100%);
}
section#cart-designer-third-section {
background-image: url(https://mr.cdn.ignitecdn.com/client_assets/marketrithm/media/themes/images/designer_background4.jpg?1654804556);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.reputation-green-box {
background: rgba(101, 189, 71, 0.6);
border-radius: 15px 15px 108px 15px;
padding: 25px;
}
.reputation-orange-box {
background: #f37121;
border-radius: 15px 15px 108px 15px;
padding: 25px;
}
.email-designer-text-shadow {
background: rgba(20, 20, 28, 0.72);
border-radius: 15px 15px 108px 15px;
padding: 25px;
}
.mr-sign-in-text-shadow {
background: rgba(20, 20, 28, 0.72);
border-radius: 15px 15px 108px 15px;
padding: 25px;
}
.aight-second-section .reputation-green-box {
background: rgba(123, 138, 152, 0.74);
border-radius: 15px 15px 108px 15px;
padding: 25px;
}
.copyapp-style {
border: 9px #fff solid;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.55);
transform: rotate(-5deg);
}
section#sender-reputation {
min-height: 600px !important;
height: auto;
}
section#sender-reputation h3 {
font-size: 36px;
}
section#sender-reputation p {
font-size: 25px;
}
section#mr-sign-in-third-section {
background-color: #344a9f;
}
#features-mr-sign-in h2 {
color: #344a9f;
}
#features-mr-sign-in .item-feature a {
color: #344a9f;
}
.item-article-large-title {
display: inline;
margin: 0;
background-color: #c72f3c;
padding: 3px 15px;
box-shadow: 5px 0 0 #c72f3c, -5px 0 0 #c72f3c, 5px 5px 0 #c72f3c, -5px 5px #c72f3c;
line-height: 90px;
transition: all 0.5s ease;
font-size: 50px;
-webkit-box-decoration-break: clone;
}
.about-hero {
min-height: 650px;
background-position: center;
margin-top: 60px;
}
.about-who-we-are {
padding: 90px 0;
}
.badge {
display: inline-block;
padding: 7px 14px 10px 14px;
font-size: 20px;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 50%;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.badge-danger {
color: #fff;
background-color: #c72f3c;
}
.about-third-section {
min-height: 700px;
}
.about-overlap-block {
color: white;
background-color: #c72f3c;
margin-top: -350px;
padding-bottom: 200px !important;
}
@media only screen and (max-width: 767px) {
.item-article-large-title {
font-size: 35px;
line-height: 70px;
}
.about-hero {
min-height: 500px;
}
.about-overlap-block {
margin-top: 20px;
}
.about-third-section {
min-height: 400px;
}
}
@media only screen and (max-width: 460px) {
.item-article-large-title {
font-size: 30px;
line-height: 60px;
}
.about-hero {
min-height: 400px;
}
}
@media only screen and (min-width: 991px) {
.mailbox-image {
top: 10%;
}
}
@media only screen and (min-width: 1810px) {
.mailbox-image {
top: 14%;
}
.left-of-mailbox {
position: absolute;
top: 16%;
left: 10%;
}
}
@media (max-width: 715px) {
#deployer-cta .container-fluid {
min-height: 400px;
}
}
/* ========================================
BOUNCING EMAIL TEXT ANIMATION
======================================== */
.bouncing-text {
position: relative;
display: flex;
font-weight: 900;
}
.e,
.m,
.a,
.i,
.l {
position: relative;
color: #000;
}
.e {
animation: bounce 1s ease 3 2s;
}
.m {
animation: bounce 1s ease 3 2.1s;
}
.a {
animation: bounce 1s ease 3 2.2s;
}
.i {
animation: bounce 1s ease 3 2.3s;
}
.l {
animation: bounce 1s ease 3 2.4s;
}
@keyframes bounce {
0% { transform: scale(1, 1) translateY(0); }
10% { transform: scale(1.1, .9) translateY(0); }
30% { transform: scale(.9, 1.1) translateY(-55px); }
50% { transform: scale(1.05, .95) translateY(0); }
58% { transform: scale(1, 1) translateY(-7px); }
65% { transform: scale(1, 1) translateY(0); }
100% { transform: scale(1, 1) translateY(0); }
}
/* ========================================
FOOTER
======================================== */
footer .brand {
height: 80px;
}
/* ========================================
PRISM CODE HIGHLIGHTING
======================================== */
code[class=language-],
pre[class*=language-] {
color: #ccc;
background: 0 0;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
tab-size: 4;
hyphens: none;
}
pre[class*=language-] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre) > code[class*=language-],
pre[class*=language-] {
background: #2d2d2d;
}
:not(pre) > code[class*=language-] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.block-comment,
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
color: #999;
}
.token.punctuation {
color: #ccc;
}
.token.attr-name,
.token.deleted,
.token.namespace,
.token.tag {
color: #e2777a;
}
.token.function-name {
color: #6196cc;
}
.token.boolean,
.token.function,
.token.number {
color: #f08d49;
}
.token.class-name,
.token.constant,
.token.property,
.token.symbol {
color: #f8c555;
}
.token.atrule,
.token.builtin,
.token.important,
.token.keyword,
.token.selector {
color: #cc99cd;
}
.token.attr-value,
.token.char,
.token.regex,
.token.string,
.token.variable {
color: #7ec699;
}
.token.entity,
.token.operator,
.token.url {
color: #67cdcc;
}
.token.bold,
.token.important {
font-weight: 700;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
.token.inserted {
color: green;
}