/* reinteractive 2025 CSS */

:root {
  --sc-font-family: "Montserrat", sans-serif;
  --sc-color-primary: #B41213;
  --sc-color-primary-dark: #B41213;
  --sc-color-primary-light: #fef2f2;
  --sc-color-text: #1B1B1B;
  --sc-color-border: #e5e7eb;
  
  --sc-spacing-small: 0.5rem;
  --sc-spacing-medium: 1rem;
  --sc-spacing-large: 2rem;
  --sc-spacing-xl: 4rem;

  --sc-font-size-small: 0.875rem;
  --sc-font-size-medium: 1rem;
  --sc-font-size-large: 1.125rem;
  --sc-font-size-xl: 1.25rem;
  --sc-font-size-2xl: 1.5rem;
  --sc-font-size-3xl: 1.875rem;
  --sc-font-size-4xl: 2.25rem;
  --sc-font-size-5xl: 3rem;
  --sc-font-weight-bold: 700;
  --sc-line-height-tight: 1.25;
  --sc-line-height-relaxed: 1.6;

  --sc-container-max-width: 1200px;
  --sc-border-radius: 0.375rem;
  --sc-border-radius-lg: 0.75rem;
  --sc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  
  --sc-color-text-primary: #111827;
  --sc-color-text-secondary: #000000;
  --sc-color-text-muted: #000000;
  --sc-color-background-dark: #111827;
  --sc-color-text-on-dark: white;
  --sc-color-text-on-dark-secondary: #D1D5DB;
  --sc-color-text-on-dark-muted: #9CA3AF;
  --sc-color-background-secondary: #F9FAFB;
}

html {
  width: 100%;
  max-width: 100%;
  overflow-x: visible;
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  display: block;
  overflow-x: visible;
  min-height: 100vh;
  width: 100%;
  max-width: 100vw;
  margin: 0;
  padding: 0;
}

p {
  line-height: 25px;
}

.sc-hide {
    display: none !important;
}

/* ========================================================================== 
   Header
   ========================================================================== */

   .SC-Header_inner_center, .Header_inner_center {
        max-width: 770px;
        width: 100%;
    }

@media only screen and (min-width: 768px) {
    .SC-Header_inner_center, .Header_inner_center {
        max-width: 770px;
        width: 100%;
    }
}

.SC-Menu_image, .Menu_image {
    position: absolute;
    display: flex;
    font-size: 0;
    padding: 0px !important;
    height: 20px;
    width: 20px;
    margin-top: 10px !important;
}

.SC-Menu_link {
    padding: 0.5rem 1.5rem !important;
    text-decoration: none;
    color: var(--sc-color-text, #000000);
    font-weight: 700;
    font-size: var(--sc-font-size-small, 0.875rem);
    border-radius: var(--sc-border-radius, 0.375rem);
    transition: all 0.2s ease;
    white-space: nowrap;
}

.SC-Menu_item.tier2:not(.parent) > a, .SC-Menu_item.tier3:not(.parent) > a, .SC-Menu_item.subtle, .Menu_item.tier2:not(.parent) > a, .Menu_item.tier3:not(.parent) > a, .Menu_item.subtle {
   color: var(--sc-color-text, #000000);
  font-weight: 700;
  margin-bottom: 10px;
}

.SC-Menu_item.tier2 > .SC-Menu_image {
    display: flex;
    position: absolute;
    margin-top: 6px;
}

@media (min-width: 769px) {
  .SC-Menu.tier2.mega {
    background-color: #f8f8f8 !important
  }
}





/* Logo Styling */
.SC-Logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.SC-Logo_image {
    height: 32px !important;
    width: auto;
    max-width: 180px !important;
}

@media (max-width: 768px) {
  .SC-Logo_image {
    max-width: 140px !important;;
    height: 28px !important;;
  }

  .SC-Header-Button_icon {
    display: none;
  }
}

ul.sc-header_inner_right {
    list-style: none;
}



/* ========================================================================== 
   MOBILE FIX: All Images Properly Responsive
   ========================================================================== */
img, 
.SC-Image,
.SC-Hero_image,
.SC-Logo_image,
.SC-AppReview_icon-image,
.SC-HomeFeatured_icon-image,
.SC-WhyRuby_icon-image,
.SC-Two-Column-Section_icon-image,
.SC-Book-CTA-image {
  max-width: 100%;
  height: auto;
}



@media only screen and (min-width: 768px) {
  .SC-Menu.tier1.dropdown > li > a:not(.Icon), .Menu.tier1.dropdown > li > a:not(.Icon) {
    padding-right: 0px;
  }
}




.SC-Placeholder {
  fill: var(--sc-color-primary, #B41213);
}

/* GRID */

.SC-Grid, .Grid {
  position: relative;
  display: grid;
  grid-template-rows: auto !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* ========================================================================== 
   MOBILE FIX: CSS Grid 60/40 Layout System 
   ========================================================================== */

.SC-Grid--60-40 {
  display: grid !important; 
  grid-template-columns: 3fr 2fr; 
  gap: var(--sc-spacing-large, 2rem);
  align-items: center;
  max-width: var(--sc-container-max-width, 1200px);
  margin: 0 auto;
  padding: var(--sc-spacing-xl, 4rem) var(--sc-spacing-medium, 1rem);
  overflow-x: visible; 
  box-sizing: border-box;
  width: 100%;
}

/* Grid items */
.SC-Grid_item--image {
  grid-column: 2;
  min-width: 0;
  justify-self: center;
  width: 100%;
  max-width: 100%;
}

/* ========================================================================== 
   Hero Content Block Styling 
   ========================================================================== */

.SC-Hero {
  max-width: 100%;
  margin: 0;
  padding: 40px 0;
  width: 100%;
  box-sizing: border-box;
}

.SC-Hero_subheadline {
    font-size: var(--sc-font-size-small, 0.875rem);
    margin-bottom: var(--sc-spacing-small, 0.5rem);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 10px 22px;
    border-radius: 8px;
    background-color: #F5F5FA;
    display: inline-block;
    color: #000000;
    font-weight: 500;
}

.SC-Hero_headline {
  font-size: var(--sc-font-size-5xl, 4rem);
  font-weight: var(--sc-font-weight-bold, 700);
  line-height: var(--sc-line-height-tight, 1.25);
  margin-bottom: var(--sc-spacing-medium, 1.5rem);
  color: var(--sc-color-text-primary, #111827);
}

.SC-Hero_buttons {
  display: flex;
  gap: var(--sc-spacing-medium, 1rem);
  margin: var(--sc-spacing-large, 2rem) 0;
}

.SC-Hero_image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.SC-Hero_image {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.SC-Button_message:hover .SC-Button_message_icon {
  filter: brightness(0) invert(1);
  transition: filter 0.2s ease;
}

.SC-Button_message_icon {
  transition: filter 0.2s ease;
}

@media (min-width: 576px) {
    .SC-Hero-Text-Content {
        display: none !important;
    }
}

/* ========================================================================== 
   Grid Alignment Variations
   ========================================================================== */

.sc-align-right .SC-Grid--60-40 {
  grid-template-columns: 2fr 3fr; /* Swap: 40% / 60% */
}

.sc-align-right .SC-Grid_item--content {
  grid-column: 2;
}

.sc-align-right .SC-Grid_item--image {
  grid-column: 1;
  justify-self: start;
}

.sc-valign-top .SC-Grid--60-40 {
  align-items: start;
}

.sc-valign-center .SC-Grid--60-40 {
  align-items: center;
}

.sc-valign-bottom .SC-Grid--60-40 {
  align-items: end;
}

/* ========================================================================== 
   MOBILE FIX: Responsive Grid Behavior 
   ========================================================================== */

/* Tablet adjustments */
@media (max-width: 1024px) and (min-width: 769px) {
  .SC-Grid--60-40 {
    gap: var(--sc-spacing-medium, 1.5rem);
    padding: var(--sc-spacing-large, 3rem) var(--sc-spacing-medium, 1rem);
  }
  
  .SC-Hero_headline {
    font-size: var(--sc-font-size-4xl, 2.25rem);
  }
}

/* MOBILE FIX: Better mobile responsive - single column */
@media (max-width: 768px) {
  .SC-Grid--60-40.SC-Grid--responsive {
    grid-template-columns: 1fr;
    gap: var(--sc-spacing-large, 2rem);
    padding: var(--sc-spacing-large, 1.5rem) var(--sc-spacing-medium, 1rem);
    margin: 0;
    width: 100%;
    max-width: 100vw;
  }
  
  .SC-Grid_item--content,
  .SC-Grid_item--image {
    grid-column: 1;
    width: 100%;
    max-width: 100%;
  }
  
  .SC-Grid_item--image {
    order: 2;
    justify-self: center;
  }
  
  .SC-Hero_headline {
    font-size: 2.4rem;
  }
  
  .SC-Hero_buttons {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  .SC-Button {
    width: 100%;
    max-width: 100%;
    text-align: center;
    justify-content: center;
  }
  
  .SC-Hero_image {
    max-width: 100%;
    margin: 0 auto;
  }
  
  /* Reset alignment on mobile */
  .sc-align-right .SC-Grid--60-40.SC-Grid--responsive {
    grid-template-columns: 1fr;
  }
  
  .sc-align-right .SC-Grid_item--content,
  .sc-align-right .SC-Grid_item--image {
    grid-column: 1;
  }

  .SC-ButtonGroup {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
  
  .SC-ButtonGroup .SC-Button {
    width: 100%;
    max-width: none;
    margin-bottom: var(--sc-spacing-small, 0.5rem);
  }
  
  .SC-ButtonGroup .SC-Button:last-child {
    margin-bottom: 0;
  }
}

/* MOBILE FIX: Small mobile adjustments */
@media (max-width: 480px) {
  .SC-Grid--60-40 {
    padding: var(--sc-spacing-medium, 1rem) var(--sc-spacing-small, 0.75rem);
  }
  
  .SC-Hero_headline {
    font-size: 2.3rem;
  }
  
  .SC-Hero_subheadline {
    padding: 8px 16px;
    font-size: 0.75rem;
  }

  #SC-ContentBlock-hero-home-container-SF > div > div.SC-Grid_item.SC-Grid_item--image.SC-Hero_image-wrapper {
    display: none;
  }
}

/* ========================================================================== 
   Mode Variations
   ========================================================================== */

.sc-mode-dark .SC-Grid--60-40 {
  background-color: var(--sc-color-background-dark, #111827);
  color: var(--sc-color-text-on-dark, white);
}

.sc-mode-dark .SC-Hero_headline {
  color: var(--sc-color-text-on-dark, white);
}

.sc-mode-dark .sc-rich-text {
  color: var(--sc-color-text-on-dark-secondary, #D1D5DB);
}

.sc-mode-dark .sc-shade-neutral {
  color: var(--sc-color-text-on-dark-muted, #9CA3AF);
}

/* ========================================================================== 
   Buttons and Components
   ========================================================================== */

.SC-ButtonGroup {
  display: flex;
  gap: var(--sc-spacing-medium, 1rem);
  margin: var(--sc-spacing-large, 2rem) 0;
  width: 100%;
  max-width: 100%;
}

.SC-Button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--sc-border-radius, 6px);
  transition: all 0.2s ease-in-out;
  border: 2px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
}

.SC-Button--large {
  padding: 1rem 2.5rem;
  font-size: 1.125rem;
}

.SC-Button-add {
  background-color: #B41213;
  color: white;
  border-color: #B41213;
  gap: var(--sc-spacing-small, 0.5rem);
}

.Button-primary, .SC-Button-primary, .SC-Button--primary {
  background-color: #B41213;
  color: white;
  border-color: #B41213;
  gap: var(--sc-spacing-small, 0.5rem);
}

.SC-Button--secondary {
  background-color: white;
  color: var(--sc-color-text-secondary, #000000);
  border-color: var(--sc-color-border, #D1D5DB);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  gap: var(--sc-spacing-small, 0.5rem);
}

.SC-Button--tertiary {
  background-color: #1B1B1B;
  color: white;
  border-color: #1B1B1B;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  gap: var(--sc-spacing-small, 0.5rem);
}

.SC-Button-primary:hover,
.SC-Button-primary:focus,
.SC-Button-primary:active,
.SC-Button-add:hover,
.SC-Button-add:focus,
.SC-Button-add:active,
.SC-Button--primary:hover,
.SC-Button--primary:focus,
.SC-Button--primary:active,
.SC-Button--secondary:hover,
.SC-Button--secondary:focus,
.SC-Button--secondary:active,
.SC-Button--tertiary:hover,
.SC-Button--tertiary:focus,
.SC-Button--tertiary:active,
.SC-Button-Top-Header:hover,
.SC-Button-Top-Header:focus,
.SC-Button-Top-Header:active {
  background-color: #067766 !important;
  border-color: #067766 !important;
  color: white !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(1, 1, 1, 0.3);
}

.SC-Button--primary:hover .SC-Button_arrow,
.SC-Button--secondary:hover .SC-Button_arrow,
.SC-Button--tertiary:hover .SC-Button_arrow,
.SC-Button-Top-Header:hover .SC-Button_arrow {
  transform: translateX(4px);
}

/* ========================================================================== 
   Text and List Components
   ========================================================================== */

.SC-Text {
  margin-bottom: var(--sc-spacing-medium, 1.5rem);
  width: 100%;
  max-width: 100%;
  word-wrap: break-word;
}

.SC-Text:last-child {
  margin-bottom: 0;
}

.SC-HorizontalList ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sc-spacing-medium, 1rem);
  list-style: none;
  padding: 0;
  margin: 0;
}

.SC-HorizontalList ul li {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

/* MOBILE FIX: Better mobile horizontal list */
@media (max-width: 768px) {
  .SC-HorizontalList ul {
    gap: var(--sc-spacing-small, 0.5rem);
    font-size: var(--sc-font-size-small, 0.875rem);
  }
}

/* ========================================================================== 
   Image Components
   ========================================================================== */

.SC-Image--responsive {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.SC-Placeholder--image {
  background-color: var(--sc-color-background-secondary, #F9FAFB);
  border-radius: var(--sc-border-radius, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  width: 100%;
  max-width: 100%;
}

/* ========================================================================== 
   Additional Grid Utility Classes
   ========================================================================== */

.SC-Grid--70-30 {
  grid-template-columns: 7fr 3fr;
}

.SC-Grid--40-60 {
  grid-template-columns: 2fr 3fr;
}

/* ========================================================================== 
   Trusted Logos
   ========================================================================== */

.SC-Trusted-Logos {
  background-color: #F8F8F8;
  padding: 60px 0px;
  width: 100%;
  max-width: 100%;
  overflow-x: visible;
}

.logo-spacer {
    padding: 16px;
}

.SC-Trusted-Logos-Content {
    max-width: 1200px;
    align-items: center;
    margin: auto;
}

.SC-Trusted-Logos-Content table {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    display: inline;
    white-space: nowrap;
}

.logo-img { max-height:36px !important; } 

@media only screen and (max-width:600px){
  .logo-col { display:block !important; width:100% !important; }
  .logo-spacer { display:none !important; width:0 !important; height:0 !important; }
  .logo-img { height:28px !important; } /* smaller height on mobile, keeps aspect ratio */
}

/* MOBILE FIX: Reduce padding on mobile */
@media (max-width: 768px) {
  .SC-Trusted-Logos {
    padding: 40px var(--sc-spacing-medium, 1rem);
  }
}

/* ========================================================================== 
   Testimonial Slideshow Component
   ========================================================================== */

.SC-TestimonialSlideshow {
  padding: var(--sc-spacing-xl, 4rem) var(--sc-spacing-medium, 1rem);
  max-width: var(--sc-container-max-width, 1200px);
  margin: 0 auto;
  background-color: #1a1a1a;
  border-radius: var(--sc-border-radius-lg, 0.75rem);
  position: relative;
  overflow: hidden;
}

/* Header Section */

.SC-TestimonialSlideshow_title {
    font-size: var(--sc-font-size-small, 0.875rem);
    font-weight: var(--sc-font-weight-bold, 400);
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
    padding: 0.5em 1.5rem;
    border: 1px solid #4E4E4F;
    border-radius: 0.375rem 0.375rem 0 0 !important;
    background: none;
    flex-shrink: 0;
    border-bottom: 1px solid transparent !important;
}

.SC-TestimonialSlideshow_cta {
    display: flex;
    align-items: center;
    gap: var(--sc-spacing-small, 0.5rem);
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: var(--sc-font-size-small, 0.875rem);
    transition: color 0.2s ease;
    white-space: nowrap;
    background: none;
    border: none;
}

.SC-TestimonialSlideshow_cta:hover {
  color: white;
}

.SC-TestimonialSlideshow_heart {
  fill: currentColor;
  opacity: 0.8;
}

/* Carousel Container */
.SC-TestimonialSlideshow_carousel {
  position: relative;
}

.SC-TestimonialSlider {
  min-height: 300px;
  position: relative;
}

.SC-TestimonialSlide {
  width: 100%;
  padding: 0px;
  text-align: left;
}

/* Individual Testimonial Styling */
.SC-Testimonial {
  width: 100%;
  max-width: 485px;
  margin: 0 auto;
}

.SC-Testimonial_quote {
  font-size: var(--sc-font-size-xl, 1.25rem);
  line-height: var(--sc-line-height-relaxed, 1.6);
  color: rgba(255, 255, 255, 0.9);
  font-style: italic;
  margin: 0 0 var(--sc-spacing-large, 2rem) 0;
  position: relative;
}

.SC-Testimonial_quote::before {
  content: '"';
  font-size: 3rem;
  color: var(--sc-color-primary, #B41213);
  position: absolute;
  left: -1rem;
  top: -0.5rem;
  line-height: 1;
  font-style: normal;
}

.SC-Testimonial_attribution {
  display: block;
  font-style: normal;
}

.SC-Testimonial_name {
  display: block;
  color: white;
  font-size: var(--sc-font-size-large, 1.125rem);
  font-weight: var(--sc-font-weight-bold, 700);
  margin-bottom: var(--sc-spacing-small, 0.25rem);
}

.SC-Testimonial_title {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--sc-font-size-medium, 1rem);
  font-weight: normal;
}

/* Fallback Styling */
.SC-TestimonialSlideshow .SC-Fallback {
  padding: var(--sc-spacing-xl, 3rem);
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  border: 2px dashed rgba(255, 255, 255, 0.2);
  border-radius: var(--sc-border-radius, 0.375rem);
}

/* ========================================================================== 
   Slider.js Integration Styling
   ========================================================================== */

/* Override default slider styles for testimonials */
.SC-TestimonialSlider .slider-wrapper {
  position: relative;
  overflow: hidden;
}

.SC-TestimonialSlider .slider-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.SC-TestimonialSlider .slider-slide {
  flex: 0 0 100%;
  width: 100%;
}

/* Navigation Dots Styling */
.SC-TestimonialSlider .slider-dots {
  display: flex;
  justify-content: center;
  gap: var(--sc-spacing-small, 0.5rem);
  margin-top: var(--sc-spacing-xl, 3rem);
  padding: 0;
  list-style: none;
}

.SC-TestimonialSlider .slider-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
  padding: 0;
}

.SC-TestimonialSlider .slider-dot:hover {
  background-color: rgba(255, 255, 255, 0.5);
  transform: scale(1.1);
}

.SC-TestimonialSlider .slider-dot.active {
  background-color: var(--sc-color-primary, #B41213);
}

/* Hide default slider arrows for testimonials */
.SC-TestimonialSlider .slider-prev,
.SC-TestimonialSlider .slider-next {
  display: none;
}

/* Auto-rotate indicator (optional) */
.SC-TestimonialSlider[data-auto-rotate="true"] .slider-dot.active {
  position: relative;
  overflow: hidden;
}

.SC-TestimonialSlider[data-auto-rotate="true"] .slider-dot.active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  animation: slideProgress 5s linear infinite;
}

@keyframes slideProgress {
  from { width: 0; }
  to { width: 100%; }
}

/* ── Infinite Loop Slider (StoreConnect) ───────────────────────────── */
.SC-InfiniteSlider {
  /* centralize the shared max width so it’s easy to tweak */
  --sc-testimonial-max: 485px;
}

/* slide track transitions */
.SC-InfiniteSlider .slider-track {
  transition: transform 0.5s ease-in-out;
}

/* enable smoother GPU-accelerated loops when infinite */
.SC-InfiniteSlider[data-infinite="true"] .slider-track {
  will-change: transform;
}

/* slide sizing */
.SC-InfiniteSlider .slider-slide {
  flex-shrink: 0;
  max-width: var(--sc-testimonial-max);
  width: 100%;
}

/* constrain testimonial content width */
.SC-InfiniteSlider .SC-Testimonial {
  max-width: var(--sc-testimonial-max);
  width: 100%;
}




/* ========================================================================== 
   Responsive Design
   ========================================================================== */

@media (max-width: 768px) {
  .SC-TestimonialSlideshow {
    padding: var(--sc-spacing-large, 2rem) var(--sc-spacing-medium, 1rem);
  }
  
  .SC-TestimonialSlideshow_header {
    flex-direction: row;
    gap: var(--sc-spacing-medium, 1rem);
    text-align: center;
    margin-bottom: 0px;
  }
  
  .SC-TestimonialSlideshow_title {
    font-size: 12px;
  }
  

  
  .SC-Testimonial_quote {
    font-size: var(--sc-font-size-medium, 1rem);
  }
  
  .SC-Testimonial_quote::before {
    font-size: 2rem;
    left: -0.5rem;
    top: -0.25rem;
  }
}

@media (max-width: 480px) {
  .SC-TestimonialSlideshow_title {
    font-size: 12px;
  }
  
}

/* ========================================================================== 
   Print Styles
   ========================================================================== */

@media print {
  .SC-TestimonialSlider .slider-dots {
    display: none;
  }
  
  .SC-TestimonialSlider .slider-slide {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

/* ========================================================================== 
   App Review Two-Column Section - 50/50
   ========================================================================== */

.SC-AppReviewSection {
  background-color: #1a1a1a;
  border-radius: 0px;
  color: white;
  margin: 0;
  padding: 60px 0;
  max-width: 100%;
  width: 100%;
  overflow-x: visible;
}

/* Debug Styles */
.SC-Debug {
  margin: var(--sc-spacing-medium, 1rem) 0;
  padding: var(--sc-spacing-medium, 1rem);
  border-radius: var(--sc-border-radius, 0.375rem);
  font-family: monospace;
  font-size: 11px;
  line-height: 1.4;
}

.SC-Debug--product {
  background: rgba(0, 255, 0, 0.1);
  border: 1px solid #00ff00;
  color: #00ff00;
}

.SC-Debug--no-product {
  background: rgba(255, 255, 0, 0.1);
  border: 1px solid #ffff00;
  color: #ffff00;
}

.SC-Debug {
  display: block; /* Change to 'none' in production */
}

.SC-TestimonialGrid_header {
  text-align: center;
  margin-bottom: 3rem;
}

.SC-TestimonialGrid_title {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 0.5rem;
}

.SC-TestimonialGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin: 0 auto;
  max-width: 1200px;
}

.SC-TestimonialGrid_item {
  display: flex;
  flex-direction: column;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .SC-TestimonialGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

@media (max-width: 768px) {
  .SC-TestimonialGrid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  
  .SC-TestimonialGrid_header {
    margin-bottom: 2rem;
  }
}

/* Optional: Ensure equal height cards */
.SC-TestimonialGrid_item > * {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* ========================================================================== 
   Left Column - App Review Content (50%)
   ========================================================================== */

.SC-AppReview_content {
  padding-right: var(--sc-spacing-large, 2rem);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.SC-AppReview_header {
  display: flex;
  align-items: center;
  gap: var(--sc-spacing-medium, 1rem);
  margin-bottom: var(--sc-spacing-large, 2rem);
}

.SC-AppReview_icon {
  width: 48px;
  height: 48px;
}

.SC-AppReview_icon-image {
  max-width: 42px;
  object-fit: contain;
}

.SC-AppReview_icon svg {
  fill: white;
  width: 32px;
  height: 32px;
}

.SC-AppReview_title {
  font-size: var(--sc-font-size-4xl, 2.25rem);
  font-weight: var(--sc-font-weight-bold, 700);
  color: white;
  margin: 0;
  line-height: var(--sc-line-height-tight, 1.25);
}

.SC-AppReview_summary {
  font-size: var(--sc-font-size-medium, 1rem);
  color: rgba(255, 255, 255, 0.8);
  line-height: var(--sc-line-height-relaxed, 1.6);
  margin-bottom: var(--sc-spacing-large, 2rem);
}

.SC-AppReview_description {
  font-size: var(--sc-font-size-medium, 1rem);
  color: rgba(255, 255, 255, 0.9);
  line-height: var(--sc-line-height-relaxed, 1.6);
  margin-bottom: var(--sc-spacing-large, 2rem);
}

/* Feature List Styling */
.SC-AppReview_features ul {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--sc-spacing-xl, 3rem) 0;
}

.SC-AppReview_features li {
  display: flex;
  align-items: center;
  gap: var(--sc-spacing-medium, 1rem);
  margin-bottom: var(--sc-spacing-medium, 1rem);
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--sc-font-size-medium, 1rem);
  line-height: 1.4;
}

.SC-AppReview_features li::before {
  content: '✓';
  width: 20px;
  height: 20px;
  background-color: #067766;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  flex-shrink: 0;
}

/* Pricing Section */
.SC-AppReview_pricing {
  display: flex;
  flex-direction: row;
  gap: var(--sc-spacing-large, 2rem);
  margin-top: var(--sc-spacing-xl, 3rem);
  align-items: center;
  flex-wrap: wrap;
}

.SC-Price_container {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 0px;
  flex-direction: column;
}

.SC-Price {
  font-weight: var(--sc-font-weight-bold, 700);
  line-height: 1;
}

.SC-Price--original {
  font-size: var(--sc-font-size-medium, 1rem);
  color: rgba(255, 255, 255, 0.6);
  text-decoration: line-through;
}

.SC-Price--current {
  font-size: 1.75rem;
  color: white;
  font-weight: 700;
}

.SC-Price--sale {
  color: white;
}

.SC-AppReview_cta {
  display: inline-flex;
  align-items: center;
  gap: var(--sc-spacing-small, 0.5rem);
  max-width: fit-content;
  text-decoration: none;
  background-color: #EB3123 !important;
  border-color: #EB3123 !important;
  padding: 1rem 2rem;
  border-radius: var(--sc-border-radius, 0.375rem);
  font-weight: 600;
  transition: all 0.2s ease;
  color: white;
  box-sizing: border-box;
}

.SC-Button_arrow {
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  transition: transform 0.2s ease;
}

/* ========================================================================== 
   Right Column - Testimonials (50%) - Match Reference Image Exactly
   ========================================================================== */

.SC-AppReview_testimonials {
  height: auto;
  display: flex;
  flex-direction: column;
}


.SC-TestimonialSlideshow_cta:hover {
  color: white;
}

.SC-TestimonialSlideshow_heart {
  fill: currentColor;
  opacity: 0.8;
  flex-shrink: 0;
}

/* Testimonial Content - Match Reference Image */
.SC-TestimonialSlideshow_content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.SC-Testimonial_quote {
    font-size: var(--sc-font-size-medium, 1rem);
    line-height: var(--sc-line-height-relaxed, 1.6);
    color: rgba(255, 255, 255, 0.9);
    font-style: italic;
    margin: 0 0 var(--sc-spacing-xl, 2rem) 0;
    position: relative;
    border-radius: 0 0.75rem 0.75rem 0.75rem;
    padding: var(--sc-spacing-large, 2rem);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.SC-Testimonial_quote::before {
  content: '"';
  font-size: 2.5rem;
  color: var(--sc-color-primary, #B41213);
  position: absolute;
  left: -1rem;
  top: -0.75rem;
  line-height: 1;
  font-style: normal;
  font-weight: 400;
}

.SC-Testimonial_attribution {
  display: block;
  font-style: normal;
  margin-top: auto;
}

.SC-Testimonial_name {
  display: block;
  color: white;
  font-size: var(--sc-font-size-medium, 1rem);
  font-weight: var(--sc-font-weight-bold, 700);
  margin-bottom: var(--sc-spacing-small, 0.25rem);
}

.SC-Testimonial_title {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--sc-font-size-small, 0.875rem);
  font-weight: normal;
}

blockquote.remove:after {
    content: "";
}

blockquote.remove:before {
    content: "";
}

/* Navigation Dots - Match Reference Image Exactly */
.SC-TestimonialSlider_dots {
  display: flex;
  justify-content: center;
  gap: var(--sc-spacing-small, 0.5rem);
  margin-top: var(--sc-spacing-xl, 2rem);
  padding: 0;
}

.SC-TestimonialSlider_dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: background-color 0.3s ease;
  padding: 0;
}

.SC-TestimonialSlider_dot:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.SC-TestimonialSlider_dot.active {
  background-color: var(--sc-color-primary, #B41213);
}

.SC-Testimonial-App-Review > .SC-Testimonial_quote {
    font-size: var(--sc-font-size-medium, 1rem);
    line-height: var(--sc-line-height-relaxed, 1.6);
    font-style: italic;
    margin: 0 0 var(--sc-spacing-xl, 2rem) 0;
    position: relative;
    padding: var(--sc-spacing-large, 2rem);
    border-radius: 0.75rem;
    box-sizing: border-box;
}

/* ========================================================================== 
   MOBILE FIX: Responsive Design for App Review
   ========================================================================== */

@media (max-width: 768px) {

  
  .SC-AppReview_content {
    padding-right: 0;
    order: 1;
    overflow: visible;
  }
  
  .SC-AppReview_testimonials {
    order: 2;
    padding: 0px;
    height: auto;
  }

  .SC-AppReview_pricing {
    flex-direction: column-reverse;
    gap: var(--sc-spacing-medium, 1rem);
    align-items: center;
  }
  
  .SC-AppReview_header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sc-spacing-medium, 1rem);
  }
  
  .SC-AppReview_title {
    font-size: var(--sc-font-size-3xl, 1.875rem);
  }
  
  .SC-Price--current {
    font-size: var(--sc-font-size-3xl, 1.875rem);
  }

  .SC-AppReview_cta {
    width: 100%;
    max-width: 100%;
    justify-content: center;
  }

  .SC-HomeFeatured_cta {
    width: 100%;
    max-width: 100%;
    justify-content: center;
  }
}

.tns-nav button {
  background: none;
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: #D8D8D8 !important;
  border-radius: 100%;
  margin: 0 6px;
}

.tns-nav button.tns-nav-active {
  background: var(--sc-color-primary, #B41213) !important;
}

/* ========================================================================== 
   MOBILE FIX: 50/50 Grid Layout System 
   ========================================================================== */

.SC-Grid--50-50 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sc-spacing-xl, 3rem);
  align-items: center;
  max-width: var(--sc-container-max-width, 1200px);
  margin: 0 auto;
  padding: 30px 0px;
  width: 100%;
  box-sizing: border-box;
  overflow-x: visible;
}

.SC-Grid--50-50-Two-Column-Content {
  align-items: self-start !important;
}

/* Grid alignment classes */
.SC-Grid.sc-items-center {
  align-items: center;
}

.SC-Grid.sc-items-start {
  align-items: start;
}

.SC-Grid.sc-items-end {
  align-items: end;
}

/* ========================================================================== 
   Home Featured Section Container
   ========================================================================== */

.SC-HomeFeaturedSection,
.Section {
  border-radius: var(--sc-border-radius-lg, 0.75rem);
  margin: 0;
  padding: 0;
  max-width: 100%;
  width: 100%;
  transition: all 0.3s ease;
  overflow: hidden;
  box-sizing: border-box;
}

.SC-HomeFeaturedSection.sc-mode-light,
.Section.sc-mode-light {
  background-color: #ffffff;
  color: #1a1a1a;
  padding: 20px 0;
}

.SC-HomeFeaturedSection.sc-mode-dark,
.Section.sc-mode-dark {
  background-color: #1a1a1a;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* ========================================================================== 
   Grid Items and Order Control
   ========================================================================== */

.SC-Grid_item--content {
  grid-column: 1;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.SC-Grid_item--testimonials, .SC-Book-CTA {
  grid-column: 2;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.SC-Grid_item--content {
  order: 1;
}

.SC-Grid_item--testimonials, .SC-Book-CTA {
  order: 2;
}

/* Reverse order - DESKTOP ONLY */
@media (min-width: 769px) {
  .sc-align-reverse .SC-Grid_item--content,
  .SC-Grid_item--order-2 {
    order: 2 !important;
    grid-column: 2 !important;
    min-width: 0 !important;
  }

  .sc-align-reverse .SC-Grid_item--testimonials, .SC-Book-CTA,
  .SC-Grid_item--order-1 {
    order: 1 !important;
    grid-column: 1 !important;
    min-width: 0 !important;
  }
}

/* ========================================================================== 
   Left Column - Content (50%)
   ========================================================================== */

.SC-HomeFeatured_content,
.SC-WhyRuby_content {
  padding-right: var(--sc-spacing-large, 2rem);
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

@media (min-width: 769px) {
  .sc-align-reverse .SC-HomeFeatured_content,
  .sc-align-reverse .SC-WhyRuby_content {
    padding-right: 0;
    padding-left: var(--sc-spacing-large, 2rem);
  }
}

.SC-HomeFeatured_header,
.SC-WhyRuby_header {
  display: flex;
  align-items: center;
  gap: var(--sc-spacing-medium, 1rem);
  margin-bottom: 15px;
}

.SC-HomeFeatured_icon,
.SC-WhyRuby_icon {
  width: 48px;
  height: 48px;
  border-radius: var(--sc-border-radius, 0.375rem);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.SC-HomeFeatured_icon-image,
.SC-WhyRuby_icon-image {
  max-width: 42px;
  object-fit: contain;
}

.sc-mode-light .SC-HomeFeatured_icon-image,
.sc-mode-light .SC-WhyRuby_icon-image {
  filter: none;
}

.sc-mode-dark .SC-HomeFeatured_icon-image,
.sc-mode-dark .SC-WhyRuby_icon-image {
  filter: brightness(0) invert(1);
}

.SC-HomeFeatured_icon svg,
.SC-WhyRuby_icon svg {
  fill: white;
  width: 32px;
  height: 32px;
}

.SC-Book_CTA_subtitle {
  margin-bottom: 20px;
}

.SC-HomeFeatured_title,
.SC-WhyRuby_title {
  font-size: var(--sc-font-size-4xl, 2.25rem);
  font-weight: var(--sc-font-weight-bold, 700);
  margin: 0;
  line-height: var(--sc-line-height-tight, 1.25);
}

.sc-mode-light .SC-HomeFeatured_title,
.sc-mode-light .SC-WhyRuby_title {
  color: #000000;
}

.sc-mode-dark .SC-HomeFeatured_title,
.sc-mode-dark .SC-WhyRuby_title {
  color: white;
}

.SC-HomeFeatured_summary,
.SC-WhyRuby_summary {
  font-size: var(--sc-font-size-medium, 1rem);
  line-height: var(--sc-line-height-relaxed, 1.6);
  margin-bottom: var(--sc-spacing-large, 2rem);
}

.sc-mode-light .SC-HomeFeatured_summary,
.sc-mode-light .SC-WhyRuby_summary {
  color: #000000;
}

.sc-mode-dark .SC-HomeFeatured_summary,
.sc-mode-dark .SC-WhyRuby_summary {
  color: rgba(255, 255, 255, 0.8);
}

.SC-HomeFeatured_description,
.SC-WhyRuby_description {
  font-size: var(--sc-font-size-medium, 1rem);
  line-height: var(--sc-line-height-relaxed, 1.6);
  margin-bottom: var(--sc-spacing-large, 2rem);
}

.sc-mode-light .SC-HomeFeatured_description,
.sc-mode-light .SC-WhyRuby_description {
  color: #000000;
}

.sc-mode-dark .SC-HomeFeatured_description,
.sc-mode-dark .SC-WhyRuby_description {
  color: rgba(255, 255, 255, 0.9);
}

/* Feature List */
.SC-HomeFeatured_features ul,
.SC-Book_CTA_subtitle ul {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--sc-spacing-xl, 3rem) 0;
}

.SC-HomeFeatured_features li,
.SC-Book_CTA_subtitle li {
  display: flex;
  align-items: center;
  gap: var(--sc-spacing-medium, 1rem);
  margin-bottom: var(--sc-spacing-medium, 1rem);
  font-size: var(--sc-font-size-medium, 1rem);
  line-height: 1.4;
}

.sc-mode-light .SC-HomeFeatured_features li,
.sc-mode-light .SC-Book_CTA_subtitle li {
  color: #000000;
}

.sc-mode-dark .SC-HomeFeatured_features li,
.sc-mode-dark .SC-Book_CTA_subtitle li {
  color: rgba(255, 255, 255, 0.9);
}

.SC-HomeFeatured_features li::before,
.SC-Book_CTA_subtitle li::before {
  content: '✓';
  width: 20px;
  height: 20px;
  background-color: #067766;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  flex-shrink: 0;
}

/* CTA Button */
.SC-HomeFeatured_pricing {
  margin-top: var(--sc-spacing-xl, 3rem);
}

.SC-HomeFeatured_cta {
  display: inline-flex;
  align-items: center;
  gap: var(--sc-spacing-small, 0.5rem);
  max-width: fit-content;
  text-decoration: none;
  background-color: #067766 !important;
  color: white !important;
  padding: 1rem 2rem;
  border-radius: var(--sc-border-radius, 0.375rem);
  font-weight: 600;
  transition: all 0.2s ease;
  border: 1px solid #067766;
  box-shadow: 1px 1px 3px #eeee;
  box-sizing: border-box;
}

.SC-HomeFeatured_cta:hover,
.SC-WhyRuby_cta:hover {
  background-color: #FFFFFF !important;
    color: #565660 !important;
    border-color: #DDDDDD !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(1, 1, 1, 0.07);
}

.SC-Button_arrow {
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  transition: transform 0.2s ease;
}

.SC-HomeFeatured_cta:hover .SC-Button_arrow,
.SC-WhyRuby_cta:hover .SC-Button_arrow {
  transform: translateX(4px);
}

/* ========================================================================== 
   Right Column (50%)
   ========================================================================== */

.SC-TestimonialSlideshow_title.SC-TestimonialSlideshow_title-light {
  color: #000000;
  border: 1px solid #E8E8E8;
}

.SC-HomeFeatured_testimonials {
  border-radius: var(--sc-border-radius-lg, 0.75rem);
  padding: var(--sc-spacing-large, 2rem);
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.SC-TestimonialSlideshow_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
  gap: var(--sc-spacing-medium, 1rem);
}

.sc-mode-light .SC-TestimonialSlideshow_cta {
  color: #000000;
}

.sc-mode-light .SC-TestimonialSlideshow_cta:hover {
  color: #000000;
}

.sc-mode-dark .SC-TestimonialSlideshow_cta {
  color: rgba(255, 255, 255, 0.8);
}

.sc-mode-dark .SC-TestimonialSlideshow_cta:hover {
  color: white;
}

.SC-TestimonialSlideshow_heart {
  fill: currentColor;
  opacity: 0.8;
  flex-shrink: 0;
}

.SC-TestimonialSlideshow_content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.SC-Testimonial_quote {
  font-size: var(--sc-font-size-medium, 1rem);
  line-height: var(--sc-line-height-relaxed, 1.6);
  font-style: italic;
  margin: 0 0 var(--sc-spacing-xl, 2rem) 0;
  position: relative;
  padding: var(--sc-spacing-large, 2rem);
  border-radius: 0 0.75rem 0.75rem 0.75rem;
  box-sizing: border-box;
}

.sc-mode-light .SC-Testimonial_quote {
  color: #000000;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.SC-Testimonial_quote::before {
  content: '"';
  font-size: 2.5rem;
  color: var(--sc-color-primary, #B41213);
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  line-height: 1;
  font-style: normal;
  font-weight: 400;
}

/* ========================================================================== 
   MOBILE FIX: Responsive Design - Mobile Single Column
   ========================================================================== */

@media (max-width: 768px) {
  .SC-Grid--50-50.SC-Grid--responsive {
    grid-template-columns: 1fr;
    gap: var(--sc-spacing-xl, 3rem);
    padding: var(--sc-spacing-large, 1.5rem) var(--sc-spacing-medium, 1rem);
    margin: 0;
  }
  
  /* Reset grid columns and order on mobile */
  .SC-Grid_item--content,
  .SC-Grid_item--testimonials, .SC-Book-CTA {
    grid-column: 1;
    width: 100%;
    max-width: 100%;
    padding: 0px 20px;
  }
  
  /* Mobile: Always content first, testimonials second */
  .SC-Grid_item--content,
  .SC-Grid_item--order-2 {
    order: 1 !important;
    padding-right: 0;
    padding-left: 0;
  }
  
  .SC-Grid_item--testimonials, .SC-Book-CTA,
  .SC-Grid_item--order-1 {
    order: 2 !important;
  }
  
  .SC-HomeFeatured_header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sc-spacing-medium, 1rem);
  }
  
  .SC-HomeFeatured_title {
    font-size: var(--sc-font-size-3xl, 1.875rem);
  }
  
  .SC-HomeFeatured_testimonials {
    min-height: auto;
    padding: 0px;
  }
  
  .SC-HomeFeatured_cta {
    width: 100%;
    max-width: 100%;
    justify-content: center;
  }
}

/* ==========================================================================
   Custom SVG Bullets for App Review & HomeFeatured Descriptions
   ========================================================================== */

/* App Review Section - White SVG for dark background */
.SC-AppReview_description ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.SC-AppReview_description li {
  display: flex;
  align-items: flex-start;
  gap: var(--sc-spacing-medium, 1rem);
  margin-bottom: var(--sc-spacing-medium, 1rem);
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--sc-font-size-medium, 1rem);
  line-height: 1.4;
  padding-left: 0;
}

.SC-AppReview_description li::before {
  content: '';
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-image: url('https://res.cloudinary.com/hemf2tdtc/image/upload/v1754083315/media/00D5g000004RWSmEAO/checkbox-marked-circle-outline-white.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 2px;
  filter: brightness(0) saturate(100%) invert(12%) sepia(98%) saturate(4562%) hue-rotate(4deg) brightness(88%) contrast(124%) !important;

}

/* HomeFeatured & WhyRuby Section - Dark SVG for light background */
.SC-HomeFeatured_description ul,
.SC-WhyRuby_description ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.SC-HomeFeatured_description li,
.SC-WhyRuby_description li {
  display: flex;
  align-items: flex-start;
  gap: var(--sc-spacing-medium, 1rem);
  margin-bottom: var(--sc-spacing-medium, 1rem);
  font-size: var(--sc-font-size-medium, 1rem);
  line-height: 1.4;
  padding-left: 0;
}

.SC-HomeFeatured_description li::before,
.SC-WhyRuby_description li::before {
  content: '';
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-image: url('https://res.cloudinary.com/hemf2tdtc/image/upload/v1754083217/media/00D5g000004RWSmEAO/checkbox-marked-circle-outline.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 2px;
}

.sc-mode-light .SC-HomeFeatured_description li,
.sc-mode-light .SC-WhyRuby_description li {
  color: #000000;
}

.sc-mode-dark .SC-HomeFeatured_description li,
.sc-mode-dark .SC-WhyRuby_description li {
  color: rgba(255, 255, 255, 0.9);
}

/* MOBILE FIX: Mobile responsive adjustments */
@media (max-width: 768px) {
  .SC-AppReview_description li,
  .SC-HomeFeatured_description li,
  .SC-WhyRuby_description li {
    gap: var(--sc-spacing-small, 0.75rem);
    margin-bottom: var(--sc-spacing-small, 0.75rem);
  }
  
  .SC-AppReview_description li::before,
  .SC-HomeFeatured_description li::before,
  .SC-WhyRuby_description li::before {
    width: 18px;
    height: 18px;
    margin-top: 1px;
  }

  .SC-Grid .SC-Grid_item:nth-child(2) {
    margin-top: 60px;
  }
}

.SC-AppReview_description li:hover::before,
.SC-HomeFeatured_description li:hover::before,
.SC-WhyRuby_description li:hover::before {
  transform: scale(1.1);
  transition: transform 0.2s ease;
}

.SC-AppReview_description li > *,
.SC-HomeFeatured_description li > *,
.SC-WhyRuby_description li > * {
  flex: 1;
}

.SC-HomeFeatured_features li::before {
  display: none !important;
}

.SC-AppReview_features li::before {
  display: none !important;
}

.SC-AppReview_description li::before,
.SC-HomeFeatured_description li::before,
.SC-WhyRuby_description li::before {
  display: block !important;
}

sup {
  top: -1em !important;
  font-size: 50% !important;
}

/* ========================================================================== 
   Book CTA Specific Styles
   ========================================================================== */

.SC-Book-CTA {
  border-radius: var(--sc-border-radius-lg, 0.75rem);
  padding: 0;
  height: 100%;
  background-color: #ffffff;
  text-align: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.SC-Book-CTA-image {
  width: 240px !important;
  max-width: 300px;
  height: auto;
  display: inline-block;
}

.SC-Book-CTA-stars {
  display: block;
  text-align: center;
  position: relative;
  display: block;
  margin: auto;
  margin-bottom: 23px;
}

.SC-Book_CTA_title h3 {
  font-size: 24px !important;
}

.SC-Book_CTA_subtitle {
  font-size: 15px !important;
}

/* MOBILE FIX: Mobile responsive for Book CTA */
@media (max-width: 768px) {
  .SC-WhyRuby_header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sc-spacing-medium, 1rem);
  }
  
  .SC-WhyRuby_title {
    font-size: var(--sc-font-size-3xl, 1.875rem);
  }
  
  .SC-Book-CTA {
    min-height: auto;
    padding: 0px;
  }
  
  .SC-Book-CTA-image {
    max-width: 250px;
    margin: 0 auto var(--sc-spacing-medium, 1rem) auto;
    display: block;
  }
}

.tns-controls {
    display: none !important;
}

/* .tns-controls button {
  top: 92%;
  width: 32px;
  height: 32px;
} */

/* Home_call_to_action */
.SC-ContentBlock-home-cta-container {
  background-color: #1B1B1B;
  max-width: 1200px;
  text-align: center !important;
  align-self: center !important;
  margin: 60px auto;
  padding: 30px;
  border-radius: 16px;
  width: 100%;
  box-sizing: border-box;
}

.SC-ContentBlock-home-cta-title {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* MOBILE FIX: Home CTA mobile improvements */
@media (max-width: 768px) {
  .SC-ContentBlock-home-cta-container {
    margin: 0 var(--sc-spacing-medium, 1rem);
    padding: var(--sc-spacing-large, 2rem);
  }

  .SC-ContentBlock-home-cta {
    padding: 2em;
  }
  
  .SC-ContentBlock-home-cta-title {
    font-size: 20px;
  }
}

/* ========================================================================== 
   MOBILE FIX: Two-Column Section - 50/50
   ========================================================================== */

.SC-Two-Column-Section {
  border-radius: 0px;
  color: #1B1B1B;
  margin: 0;
  padding: 60px 0;
  max-width: 100%;
  width: 100%;
  overflow-x: visible;
}

.SC-Two-Column-Content {
    border-radius: 0px;
    color: #1B1B1B;
    margin: 0;
    padding: 60px 0;
    max-width: 100%;
    width: 100%;
    overflow-x: visible;
}

.SC-Two-Column-Section-Light {
  background-color: #FFFFFF;
}

.SC-Two-Column-Section-Dark {
  background-color: #F8F8F8;
}

/* ========================================================================== 
   Left Column - Content (50%)
   ========================================================================== */

.SC-Two-Column-Section_content {
  padding-right: var(--sc-spacing-large, 2rem);
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.SC-Two-Column-Section_content_right h3 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 20px;
}

.SC-Two-Column-Section_services.SC-Services--markdown > h3 {
    font-size: 32px;
    margin-bottom: 20px;
}

.SC-Two-Column-Section_header {
  display: flex;
  align-items: center;
  gap: var(--sc-spacing-medium, 1rem);
  margin-bottom: var(--sc-spacing-large, 2rem);
}

.SC-Two-Column-Section_icon {
  width: 48px;
  height: 48px;
  background-color: none;
  border-radius: var(--sc-border-radius, 0.375rem);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.SC-Two-Column-Section_icon-image {
  max-width: 42px;
  object-fit: contain;
}

.SC-Two-Column-Section_icon svg {
  fill: #1B1B1B;
  width: 32px;
  height: 32px;
}

.SC-Two-Column-Section_title {
  font-size: var(--sc-font-size-4xl, 2.25rem);
  font-weight: var(--sc-font-weight-bold, 700);
  color: #1B1B1B;
  margin: 0;
  line-height: var(--sc-line-height-tight, 1.25);
}

.SC-Two-Column-Section_summary {
  font-size: var(--sc-font-size-medium, 1rem);
  color: #000000;
  line-height: var(--sc-line-height-relaxed, 1.6);
  margin-bottom: var(--sc-spacing-large, 2rem);
}

.SC-Two-Column-Section_description {
  font-size: var(--sc-font-size-medium, 1rem);
  color: #1B1B1B;
  line-height: var(--sc-line-height-relaxed, 1.6);
  margin-bottom: var(--sc-spacing-large, 2rem);
}

/* ========================================================================== 
   Markdown Services Styling 
   ========================================================================== */

.SC-Two-Column-Section_services ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.SC-Two-Column-Section_services ul > li {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: var(--sc-spacing-medium, 1rem);
}

.SC-Two-Column-Section_services > ul > li:last-child {
  margin-bottom: 0;
}

.SC-Two-Column-Section_services > ul > li::before {
  grid-column: 1;
  grid-row: 1;
  content: '';
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-top: 2px;
  background-image: url('https://res.cloudinary.com/hemf2tdtc/image/upload/v1754083217/media/00D5g000004RWSmEAO/checkbox-marked-circle-outline.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease;
}

.SC-Two-Column-Section_services ul > li > * {
  grid-column: 2;
}

.SC-Two-Column-Section_services > ul > li:hover::before {
  transform: scale(1.1);
}

.SC-Two-Column-Section_services > ul > li > strong {
  display: block;
  font-size: var(--sc-font-size-xl, 1.25rem);
  font-weight: var(--sc-font-weight-bold, 700);
  color: #000000;
  margin: 0 0 var(--sc-spacing-small, 0.5rem) 0;
  line-height: 1.2;
}

.SC-Two-Column-Section_services ul > li > p {
  margin-bottom: 0px;
}

.SC-Two-Column-Section_services > ul > li > ul > li {
  display: block;
  font-size: var(--sc-font-size-medium, 1rem);
  color: #000000;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

.SC-Two-Column-Section_services > ul > li > ul > li::before {
  display: none !important;
}

.SC-Two-Column-Section_services.SC-Services--markdown > h3 {
    font-size: 32px;
}

.SC-Two-Column-Section_summary > h3 {
    font-size: 32px;
}


.SC-Two-Column-Section_summary ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.SC-Two-Column-Section_summary ul > li {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: var(--sc-spacing-medium, 1rem);
}

.SC-Two-Column-Section_summary > ul > li:last-child {
  margin-bottom: 0;
}

.SC-Two-Column-Section_summary > ul > li::before {
  grid-column: 1;
  grid-row: 1;
  content: '';
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-top: 2px;
  background-image: url('https://res.cloudinary.com/hemf2tdtc/image/upload/v1754083217/media/00D5g000004RWSmEAO/checkbox-marked-circle-outline.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease;
  filter: brightness(0) saturate(100%) invert(12%) sepia(98%) saturate(4562%) hue-rotate(4deg) brightness(88%) contrast(124%);
}

.SC-Two-Column-Section_summary ul > li > * {
  grid-column: 2;
}

.SC-Two-Column-Section_summary > ul > li:hover::before {
  transform: scale(1.1);
}

.SC-Two-Column-Section_summary > ul > li > strong {
    display: contents;
    font-weight: var(--sc-font-weight-bold, 700);
    color: #000000;
    margin: 0 0 var(--sc-spacing-small, 0.5rem) 0;
    line-height: 1.2;
}

.SC-Two-Column-Section_summary ul > li > p {
  margin-bottom: 0px;
}

.SC-Two-Column-Section_summary > ul > li > ul > li {
  display: block;
  font-size: var(--sc-font-size-medium, 1rem);
  color: #000000;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

.SC-Two-Column-Section_summary > ul > li > ul > li::before {
  display: none !important;
}

.SC-Two-Column-Section_summary {
  display: block;
  align-items: flex-start;
  gap: var(--sc-spacing-medium, 1rem);
  margin-bottom: var(--sc-spacing-large, 2rem);
}

.SC-Two-Column-Section_summary-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  margin-top: 10px;
  background-image: url(https://res.cloudinary.com/hemf2tdtc/image/upload/v1754083217/media/00D5g000004RWSmEAO/checkbox-marked-circle-outline.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease;
}

.SC-Two-Column-Section_summary:hover .SC-Two-Column-Section_summary-icon {
  transform: scale(1.1);
}

.SC-Two-Column-Section_summary-summary h3 {
  font-size: var(--sc-font-size-large, 1.125rem);
  font-weight: var(--sc-font-weight-bold, 700);
  color: #1B1B1B;
  margin: 0 0 var(--sc-spacing-small, 0.5rem) 0;
  line-height: 1.2;
}

.SC-Two-Column-Section_summary-summary p {
  font-size: var(--sc-font-size-medium, 1rem);
  color: #000000;
  margin: 0;
  line-height: 1.4;
}

.SC-Two-Column-Section_service {
  display: flex;
  align-items: flex-start;
  gap: var(--sc-spacing-medium, 1rem);
  margin-bottom: var(--sc-spacing-large, 2rem);
}

.SC-Two-Column-Section_service-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  margin-top: 10px;
  background-image: url(https://res.cloudinary.com/hemf2tdtc/image/upload/v1754083217/media/00D5g000004RWSmEAO/checkbox-marked-circle-outline.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease;
}

.SC-Two-Column-Section_service:hover .SC-Two-Column-Section_service-icon {
  transform: scale(1.1);
}

.SC-Two-Column-Section_service-content h3 {
  font-size: var(--sc-font-size-large, 1.125rem);
  font-weight: var(--sc-font-weight-bold, 700);
  color: #1B1B1B;
  margin: 0 0 var(--sc-spacing-small, 0.5rem) 0;
  line-height: 1.2;
}

.SC-Two-Column-Section_service-content p {
  font-size: var(--sc-font-size-medium, 1rem);
  color: #000000;
  margin: 0;
  line-height: 1.4;
}

.SC-Two-Column-Section_features ul {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--sc-spacing-xl, 3rem) 0;
}

.SC-Two-Column-Section_features li {
  display: flex;
  align-items: center;
  gap: var(--sc-spacing-medium, 1rem);
  margin-bottom: var(--sc-spacing-medium, 1rem);
  color: #1B1B1B;
  font-size: var(--sc-font-size-medium, 1rem);
  line-height: 1.4;
}

.SC-Two-Column-Section_features li::before {
  content: '✓';
  width: 20px;
  height: 20px;
  background-color: #067766;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  flex-shrink: 0;
}

.SC-Two-Column-Section_services ul > li {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 10px;
  margin-bottom: 15px;
  align-items: start;
  font-size: var(--sc-font-size-medium, 1rem);
  color: #000000;
  line-height: 1;
}

.SC-Two-Column-Section_services ul > li:last-child {
  margin-bottom: 0;
}

.SC-Two-Column-Section_services ul > li::before {
  content: '';
  width: 24px;
  height: 24px;
  grid-column: 1;
  grid-row: 1;
  background-image: url('https://res.cloudinary.com/hemf2tdtc/image/upload/v1754083217/media/00D5g000004RWSmEAO/checkbox-marked-circle-outline.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease;
  margin-top: -2px;
    filter: brightness(0) saturate(100%) invert(12%) sepia(98%) saturate(4562%) hue-rotate(4deg) brightness(88%) contrast(124%);

}

.SC-Two-Column-Section_services ul > li:hover::before {
  transform: scale(1.1);
}

.SC-Two-Column-Section_services ul > li > * {
  grid-column: 2;
}

.SC-Two-Column-Section_services ul > li strong {
  display: block;
  font-size: var(--sc-font-size-xl, 1.25rem);
  font-weight: var(--sc-font-weight-bold, 700);
  color: #000000;
  margin-bottom: 0px;
  line-height: 1;
}

.SC-Two-Column-Section_features ul {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--sc-spacing-xl, 3rem) 0;
}

.SC-Two-Column-Section_features li {
  display: flex;
  align-items: center;
  gap: var(--sc-spacing-medium, 1rem);
  margin-bottom: var(--sc-spacing-medium, 1rem);
  color: #1B1B1B;
  font-size: var(--sc-font-size-medium, 1rem);
  line-height: 1.4;
}

.SC-Two-Column-Section_features li::before {
  content: '✓';
  width: 20px;
  height: 20px;
  background-color: #067766;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  flex-shrink: 0;
}

/* ========================================================================== 
   Right Column - Contact Form (50%)
   ========================================================================== */

.SC-Two-Column-Section_form-container {
  height: 100%;
  min-height: 440px;
  display: flex;
  flex-direction: column;
  padding: 40px 20px;
  border: 1px solid var(--sc-color-border, #e5e7eb);
  border-radius: 16px;
  background-color: #ffffff;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.SC-Two-Column-Section_form-header {
  margin-bottom: var(--sc-spacing-large, 2rem);
}

.SC-Two-Column-Section_form-title {
  font-size: var(--sc-font-size-2xl, 1.5rem);
  font-weight: var(--sc-font-weight-bold, 700);
  color: #1B1B1B;
  margin: 0 0 var(--sc-spacing-small, 0.5rem) 0;
  line-height: var(--sc-line-height-tight, 1.25);
}

.SC-Two-Column-Section_form-subtitle {
  font-size: var(--sc-font-size-medium, 1rem);
  color: #000000;
  margin: 0;
  line-height: var(--sc-line-height-relaxed, 1.6);
}

.SC-Two-Column-Section_form {
  flex: 1;
}

.SC-Two-Column-Section_contact-form {
  display: flex;
  flex-direction: column;
  gap: var(--sc-spacing-large, 1.5rem);
}

.SC-Form_row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sc-spacing-medium, 1rem);
}

.SC-Form_field {
  display: flex;
  flex-direction: column;
  gap: var(--sc-spacing-small, 0.5rem);
}

.SC-Form_label {
  font-size: var(--sc-font-size-small, 0.875rem);
  font-weight: 600;
  color: #1B1B1B;
  line-height: 1.2;
}

.SC-Form_optional {
  color: #000000;
  font-weight: normal;
}

.SC-Form_input,
.SC-Form_select,
.SC-Form_textarea {
  padding: 0.875rem 1rem;
  border: 1px solid var(--sc-color-border, #e5e7eb);
  border-radius: var(--sc-border-radius, 0.375rem);
  background-color: #ffffff;
  color: #1B1B1B;
  font-size: var(--sc-font-size-medium, 1rem);
  transition: all 0.2s ease;
  outline: none;
  margin-bottom: 1rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.SC-Form_input::placeholder,
.SC-Form_textarea::placeholder {
  color: #9CA3AF;
}

.SC-Form_input:focus,
.SC-Form_select:focus,
.SC-Form_textarea:focus {
  border-color: var(--sc-color-primary, #B41213);
  background-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

.SC-Form_select {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  appearance: none;
}

.SC-Form_textarea {
  resize: vertical;
  min-height: 100px;
  font-family: inherit;
}

.SC-Two-Column-Section_submit {
  margin-top: var(--sc-spacing-medium, 1rem);
  align-self: flex-start;
}

.SC-Two-Column-Section_form-footer {
  margin-top: var(--sc-spacing-large, 2rem);
  padding-top: var(--sc-spacing-large, 2rem);
  border-top: 1px solid var(--sc-color-border, #e5e7eb);
}

.SC-Two-Column-Section_form-footer p {
  font-size: var(--sc-font-size-small, 0.875rem);
  color: #000000;
  margin: 0;
  line-height: 1.4;
}

.SC-Talk-to-a-Rails-Expert_form-footer.sc-text-center {
  font-size: 14px;
}

.SC-Talk-to-a-Rails-Expert_submit {
  margin-bottom: 1rem;
}

/* ========================================================================== 
   MOBILE FIX: Responsive Design for Two Column Sections
   ========================================================================== */

@media (max-width: 768px) {
  .SC-Grid--50-50.SC-Grid--responsive .SC-Two-Column-Section_content {
    padding-right: 0;
    order: 1;
  }
  
  .SC-Grid--50-50.SC-Grid--responsive {
    order: 2;
    padding-left: 0;
    border-left: none;
    padding: 20px;
    margin-top: 1rem;
    width: 100% !important;
    display: block;
}

  .SC-Two-Column-Section_form-container {
    order: 2;
    padding: 2rem;
    border-left: none;
    border-top: 1px solid var(--sc-color-border, #e5e7eb);
    margin-top: 2rem;
  }
  
  .SC-Two-Column-Section_header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sc-spacing-medium, 1rem);
  }
  
  .SC-Two-Column-Section_title {
    font-size: var(--sc-font-size-3xl, 1.875rem);
  }
  
  .SC-Form_row {
    grid-template-columns: 1fr;
    gap: var(--sc-spacing-medium, 1rem);
  }
  
  .SC-Two-Column-Section_submit {
    width: 100%;
    justify-content: center;
  }
  
  .SC-Two-Column-Section_service {
    margin-bottom: var(--sc-spacing-medium, 1rem);
  }
}

/* MOBILE FIX: Latest Articles Section */
.SC-Articles {
  background-color: #F8F8F8;
  padding: 4em 2em;
  width: 100%;
  max-width: 100%;
  overflow-x: visible;
  box-sizing: border-box;
}

.SC-Articles_header {
  text-align: center;
  margin-bottom: 3rem;
}

.SC-Articles_title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #1a1a1a;
}

.SC-Articles_title span {
  color: #B41213;
}

.SC-Articles_subtitle {
  font-size: 1.1rem;
  color: #000000;
  max-width: 600px;
  margin: auto !important;
}

.SC-Articles_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.SC-ArticleCard--author-focused {
  background: white;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  text-decoration: none;
  display: block;
  height: 100%;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.SC-ArticleCard--author-focused:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.SC-ArticleCard_heading h3 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 2rem 0;
  line-height: 1.4;
}

.SC-ArticleCard_author {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.SC-ArticleCard_author-avatar {
  flex-shrink: 0;
}

.blog-avatar {
    border-radius: 50px;
}

.SC-ArticleCard_author-avatar img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.SC-ArticleCard_author-info {
  flex: 1;
}

.SC-ArticleCard_author-name {
  font-size: 0.95rem;
  font-weight: 600;
  color: #000000;
  margin-bottom: 0.25rem;
}

.SC-ArticleCard_date {
  font-size: 0.9rem;
  color: #000000;
}

.SC-Articles_highlight {
  color: #B41213; 
}

/* MOBILE FIX: Articles responsive */
@media (max-width: 768px) {
  .SC-Articles {
    padding: 3em var(--sc-spacing-medium, 1rem);
  }
  
  .SC-Articles_title {
    font-size: 2rem;
  }
  
  .SC-Articles_grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  
  .SC-ArticleCard--author-focused {
    padding: 1.5rem;
  }
}

/* ========================================================================== 
   MOBILE FIX: Footer
   ========================================================================== */

.reinteractive-footer {
    background: #ffffff;
    border-top: 1px solid #e5e7eb;
    width: 100%;
    max-width: 100%;
    overflow-x: visible;
    padding: 0px;
}

.footer-main {
  padding: 60px 60px 40px;
}

.footer-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 60px;
  width: 100%;
  box-sizing: border-box;
}



.footer-company {
  flex: 2;
  max-width: 400px;
}

.footer-logo {
  max-width: 180px;
  margin-bottom: 25px;
}

.footer-description {
  font-size: 16px;
  line-height: 1.6;
  color: #374151;
  margin-bottom: 30px;
}

.footer-certifications {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.cert-logo {
  height: 32px;
  width: auto;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.cert-logo:hover {
  opacity: 1;
}

.footer-nav {
  flex: 1;
  display: grid;
  gap: 20px;
}

.footer-nav-column {
  flex: 1;
  border-bottom: 1px solid #ededed;
}

.footer-nav-title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin: 0;
  cursor: pointer;
  padding: 10px 0px;
}

.footer-contact {
  flex: 1;
  text-align: right;
}

.contact-info {
  margin-bottom: 24px;
}

.contact-email, .contact-phone {
  font-size: 16px;
  color: #000000;
  margin: 16px 0;
  font-weight: 600;
}

.footer-social {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}

.social-link {
  width: 40px;
  height: 40px;
  background: #000000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-decoration: none;
  transition: background-color 0.2s;
}

.social-link:hover {
  background: #374151;
}

.social-link svg {
  width: 20px;
  height: 20px;
}

.footer-bottom {
  padding: 20px;
  border-top: 1px solid #e5e7eb;
}

.footer-bottom .footer-container {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.footer-bottom-links {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.footer-link {
  font-size: 14px;
  color: #6b7280;
  text-decoration: none;
  transition: color 0.2s;
}

.footer-link:hover {
  color: #374151;
}

.footer-copyright {
  font-size: 14px;
  color: #9ca3af;
}

/* MOBILE FIX: Footer mobile responsive */
@media (max-width: 768px) {
  .footer-container {
    flex-direction: column;
    gap: 40px;
    padding: 0 var(--sc-spacing-medium, 1rem);
  }

  .footer-contact {
    text-align: left;
  }

  .footer-social {
    justify-content: flex-start;
  }

  .footer-nav {
    width: 100%;
    justify-content: space-between;
  }

  .footer-bottom .footer-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .footer-bottom-links {
    flex-wrap: wrap;
    gap: 16px;
  }
}

@media (max-width: 480px) {
  .footer-main {
    padding: 40px 0 30px;
  }

  .footer-container {
    padding: 0 20px;
  }

  .footer-certifications {
    gap: 12px;
  }

  .cert-logo {
    height: 28px;
  }

  .footer-nav {
    gap: 20px;
  }
}

/* Hide pre footer */
#SC-PreFooter {
  display: none;
}

/* ========================================================================== 
   MOBILE FIX: Additional Utility Classes for Better Mobile Experience
   ========================================================================== */

/* Prevent horizontal scrolling on all containers */
.mobile-container {
  width: 100%;
  max-width: 100vw;
  overflow-x: visible;
  box-sizing: border-box;
}

/* Ensure all content blocks are mobile-friendly */
.SC-ContentBlock {
  width: 100%;
  max-width: 100%;
  overflow-x: visible;
  box-sizing: border-box;
}

/* Mobile text improvements */
@media (max-width: 768px) {
  /* Improve text readability on mobile */
  .sc-rich-text {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  /* Ensure buttons are touch-friendly */
  .SC-Button {
    min-height: 44px; /* iOS recommended touch target size */
    touch-action: manipulation; /* Prevent double-tap zoom */
  }
  
  /* Improve form field touch targets */
  .SC-Form_input,
  .SC-Form_select,
  .SC-Form_textarea {
    min-height: 44px;
    touch-action: manipulation;
  }
  
  /* Better mobile typography */
  h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

/* ========================================================================== 
   MOBILE FIX: Prevent Common Mobile Layout Issues
   ========================================================================== */

/* Prevent elements from going off-screen */
* {
  max-width: 100%;
  box-sizing: border-box;
}

/* Fix for any remaining wide elements */
img, video, iframe, embed, object {
  max-width: 100% !important;
  height: auto !important;
}

/* Ensure tables are responsive */
table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  display: block;
  white-space: nowrap;
}

@media (max-width: 768px) {
  table {
    font-size: var(--sc-font-size-small, 0.875rem);
  }
}

/* ========================================================================== 
   MOBILE FIX: Critical Mobile Performance Optimizations
   ========================================================================== */

/* Optimize animations for mobile */
@media (max-width: 768px) {
  * {
    animation-duration: 0.2s !important;
    transition-duration: 0.2s !important;
  }
  
  /* Reduce motion for better performance */
  @media (prefers-reduced-motion: reduce) {
    * {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}

/* ========================================================================== 
   MOBILE FIX: Accessibility Improvements
   ========================================================================== */

/* Improve focus indicators for mobile */
@media (max-width: 768px) {
  .SC-Button:focus,
  .SC-Form_input:focus,
  .SC-Form_select:focus,
  .SC-Form_textarea:focus,
  .SC-Menu_link:focus {
    outline: 2px solid var(--sc-color-primary, #B41213);
    outline-offset: 2px;
  }
}

/* Improve contrast for mobile screens */
@media (max-width: 768px) {
  .SC-TestimonialSlideshow_cta,
  .footer-link {
    color: #374151;
  }
  
  .sc-mode-dark .SC-TestimonialSlideshow_cta {
    color: rgba(255, 255, 255, 0.9);
  }
}

/* ========================================================================== 
   MOBILE FIX: Debug Classes (Remove in Production)
   ========================================================================== */

/* Uncomment to debug mobile layout issues */
/*
@media (max-width: 768px) {
  * {
    outline: 1px solid red !important;
  }
  
  .SC-Grid,
  .SC-Grid--60-40,
  .SC-Grid--50-50 {
    outline: 2px solid blue !important;
  }
  
  .SC-Grid_item--content,
  .SC-Grid_item--image,
  .SC-Grid_item--testimonials {
    outline: 2px solid green !important;
  }
}
*/

/* ========================================================================== 
   MOBILE FIX: Final Overrides for Critical Mobile Issues
   ========================================================================== */

/* Ensure no element exceeds viewport width */
body {
  overflow-x: hidden !important;
}

html {
  overflow-x: hidden !important;
}

/* Force all containers to respect mobile boundaries */
@media (max-width: 768px) {
  .SC-Grid,
  .SC-Grid--60-40,
  .SC-Grid--50-50,
  .SC-Hero,
  .SC-AppReviewSection,
  .SC-HomeFeaturedSection,
  .SC-Two-Column-Section,
  .SC-Articles,
  .SC-Trusted-Logos,
  .SC-TestimonialSlideshow {
    width: 100% !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }
  
  /* Ensure all grid items behave properly */
  .SC-Grid_item--content,
  .SC-Grid_item--image,
  .SC-Grid_item--testimonials,
  .SC-Book-CTA {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }
  
  /* Fix any remaining button issues */
  .SC-Button,
  .SC-AppReview_cta,
  .SC-HomeFeatured_cta {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Ensure proper text wrapping */
  .SC-Hero_headline,
  .SC-AppReview_title,
  .SC-HomeFeatured_title,
  .SC-Two-Column-Section_title {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
  }
}


/* ========================================================================== 
   MOBILE FIX: Force Testimonial Slides to 100% Width
   ========================================================================== */
/* 
.SC-TestimonialSlider.tns-slider .tns-item {
  width: 100% !important;
  margin-left: 0 !important;
  flex: 0 0 100% !important;
}

.SC-TestimonialSlider.tns-slider {
  width: 100% !important;
}

.SC-TestimonialSlider .tns-outer {
  position: relative;
  overflow: hidden;
}

.SC-TestimonialSlider .tns-inner {
  display: flex;
  width: 100%;
}


.SC-TestimonialSlider.tns-slider[style*="transform"] {
  transform: translate3d(0, 0, 0) !important;
}


.SC-TestimonialSlider .tns-item {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.SC-TestimonialSlider .tns-item.tns-slide-active {
  opacity: 1;
  position: relative !important;
}

.SC-TestimonialSlider .tns-item[style*="margin-left"] {
  margin-left: 0 !important;
} */

/* ==========================================================================
   MOBILE SLIDER FIXES - App Workshop Page
   ========================================================================== */

/* Fix 1: Remove problematic absolute positioning that creates vertical space */
.SC-TestimonialSlider .tns-item {
  position: relative !important; /* Change from absolute to relative */
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  opacity: 1 !important; /* Always visible, let TinySlider handle visibility */
  transition: none !important; /* Let TinySlider handle transitions */
  display: block;
}

.SC-TestimonialSlider .tns-item.tns-slide-active {
  opacity: 1 !important;
  position: relative !important;
}

/* Fix 2: Constrain slider container height properly */
.SC-TestimonialSlider {
  min-height: auto !important;
  height: auto !important;
  overflow: visible !important; /* Allow dots to be visible */
}

.SC-TestimonialSlider .tns-outer {
  position: relative;
  overflow: hidden;
  height: auto !important;
}

.SC-TestimonialSlider .tns-inner {
  display: flex;
  width: 100%;
  height: auto !important;
}

/* Fix 3: Ensure navigation dots are visible and properly positioned */
.SC-TestimonialSlider .tns-nav {
  position: relative !important; /* Change from absolute if it was set */
  bottom: auto !important;
  display: flex !important;
  justify-content: center;
  gap: 8px;
  margin-top: 20px !important; /* Ensure space for dots */
  padding: 10px 0 !important; /* Add padding to prevent cutoff */
  width: 100%;
  z-index: 10;
}

/* Fix 4: Style navigation dots for better mobile visibility */
.SC-TestimonialSlider .tns-nav button {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  border: none !important;
  background: #ccc !important;
  cursor: pointer;
  transition: background 0.3s ease;
  padding: 0 !important;
  margin: 0 4px !important;
}

.SC-TestimonialSlider .tns-nav button.tns-nav-active {
  background: #B41213 !important;
}

.SC-TestimonialSlider .tns-nav button:hover {
  background: rgba(180, 18, 19, 0.7) !important;
}

/* Fix 5: Constrain the testimonial slideshow container */
.SC-AppWorkshop_testimonials {
  height: auto !important;
  min-height: auto !important;
  display: flex;
  flex-direction: column;
  overflow: visible !important; /* Ensure dots are not cut off */
  padding-bottom: 50px !important; /* Space for navigation dots */
}

.SC-TestimonialSlideshow_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: visible !important;
}

/* Fix 6: Specific mobile adjustments */
@media (max-width: 768px) {
  /* Remove any fixed heights that might cause issues */
  .SC-TestimonialSlider,
  .SC-TestimonialSlider .tns-outer,
  .SC-TestimonialSlider .tns-inner {
    height: auto !important;
    min-height: auto !important;
  }
  
  /* Ensure slides fit properly */
  .SC-TestimonialSlider .tns-item {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }
  
  /* Make sure navigation is always visible */
  .SC-TestimonialSlider .tns-nav {
    margin-top: 25px !important;
    margin-bottom: 10px !important;
    position: relative !important;
    bottom: auto !important;
  }
  
  /* Adjust container padding to accommodate dots */
  .SC-AppWorkshop_testimonials {
    padding-bottom: 60px !important;
  }
  
  /* Ensure slide content doesn't overflow */
  .SC-TestimonialSlider .SC-Slide {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
    box-sizing: border-box;
  }
  
  /* Fix any image sizing issues in slides */
  .SC-TestimonialSlider .SC-Slide img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
  }
}

/* Fix 7: Override any TinySlider default styles causing issues */
.SC-TestimonialSlider.tns-slider {
  width: 100% !important;
  transform: none !important; /* Let TinySlider handle transforms */
}

.SC-TestimonialSlider.tns-slider .tns-item {
  width: 100% !important;
  margin-left: 0 !important;
  flex: 0 0 100% !important;
}

/* Fix 8: Ensure proper slide visibility */
.SC-TestimonialSlider .tns-item[style*="margin-left"] {
  margin-left: 0 !important;
}

/* Fix 9: Container overflow fixes */
.SC-AppReviewSection {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Fix 10: Specific fix for the app workshop testimonials section */
#SC-ContentBlock-SectionOneAppWorkshop .SC-AppWorkshop_testimonials {
  overflow: visible !important;
  height: auto !important;
  min-height: 400px; /* Minimum height to accommodate content */
}

#SC-ContentBlock-SectionOneAppWorkshop .SC-TestimonialSlider {
  padding-bottom: 50px !important; /* Extra space for dots */
}

/* Fix 11: Ensure the entire grid container handles overflow properly */
@media (max-width: 768px) {
  .SC-Grid--50-50.SC-Grid--responsive {
    overflow: visible !important;
  }
  
  .SC-Grid_item--testimonials {
    overflow: visible !important;
    height: auto !important;
  }
}

/* Fix 12: Force proper slide sizing in TinySlider */
.SC-TestimonialSlider.tns-slider .tns-item {
  position: relative !important;
  display: block !important;
  visibility: visible !important;
}

.SC-TestimonialSlider.tns-slider .tns-item:not(.tns-slide-active) {
  display: none !important; /* Hide non-active slides properly */
}

.SC-TestimonialSlider.tns-slider .tns-item.tns-slide-active {
  display: block !important;
  position: relative !important;
  opacity: 1 !important;
}

/* Fix 13: Final mobile layout adjustments */
@media (max-width: 480px) {
  .SC-TestimonialSlider .tns-nav {
    margin-top: 30px !important;
    padding: 15px 0 !important;
  }
  
  .SC-AppWorkshop_testimonials {
    padding-bottom: 70px !important;
  }
  
  .SC-TestimonialSlider .tns-nav button {
    width: 14px !important;
    height: 14px !important;
    margin: 0 6px !important;
  }
}

/* Accordion tabs */

/* Accordion Exclusive Behavior */
.SC-Accordion_header {
    width: 100%;
    background: none;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    transition: all 0.2s ease;
    padding: 1rem;
    /* border-bottom: var(--sc-border-width) solid var(--sc-border-color); */
}

.SC-Accordion_header:hover {
    background-color: #f9fafb;
    border-radius: 6px;
}

/* Chevron icon - starts pointing right, rotates to down when open */
.SC-Accordion_header_icon {
    transition: transform 0.3s ease;
    color: #6b7280;
    flex-shrink: 0;
}

.SC-Accordion_header_icon, .Accordion_header_icon {
    width: 20px;
    height: 20px;
}

.SC-Accordion_header[aria-expanded="true"] .SC-Accordion_header_icon {
    transform: rotate(90deg); /* Rotate from right to down */
}

/* Accordion body expand/collapse */
.SC-Accordion_body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
}

.SC-Accordion_body[aria-expanded="true"] {
    max-height: 800px;
    padding: 1rem;
}

/* Hover effect for chevron */
.SC-Accordion_header:hover .SC-Accordion_header_icon {
    color: #374151;
}

.SC-Accordion, .Accordion {
    text-align: left;
    border: var(--sc-border-width) solid var(--sc-border-color);
    padding: 0px;
    box-shadow: 1px 1px 5px #dddddd;
    border-radius: 6px;
}

.SC-Accordion_header_heading > h4 {
    font-size: 16px;
}

.SC-ContentBlockContainer_body:not(.sc-expand) {
        padding-left: 0;
        padding-right: 0;
        max-width: 1500px;
}

@media only screen and (min-width: 992px) {
  .SC-ContentBlockContainer_body:not(.sc-expand) {
        padding-left: 0;
        padding-right: 0;
    }
}

/* CTA Section */

.cta-row {
    display: flex;
}

.cta-column {
    float: left;
    width: 50%;
    padding: 30px;
    text-align: left;
    align-content: center;
}

.cta-column > h4 {
    font-size: 32px;
}

/* Clear floats after the columns */
.cta-row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {

  .cta-row {
     display: table;
  }


  .cta-row:after {
  content: "";
  display: table;
  clear: both;
}

  .cta-column {
    width: 100%;
  }
}

.SC-Price_container_cta {
    display: grid;
    align-items: center;
    gap: 7px;
    margin-bottom: 20px;
    flex-direction: column;
}

.SC-AppReview_pricing_cta {
    display: inline;
    margin-top: var(--sc-spacing-xl, 3rem);
    align-items: self-start !important;
    text-align: left;
}


/* Case Studies */

.SC-FeaturedCaseStudies {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 60px 0px !important;
    overflow-x: inherit !important;
}

.SC-CaseStudies_title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 3rem;
}

.SC-CaseStudyGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  margin-bottom: 3rem;
}

.SC-CaseStudyCard {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-decoration: none;
  color: inherit;
  display: block;
}

.SC-CaseStudyCard:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  text-decoration: none;
  color: inherit;
}

.SC-CaseStudyCard_image {
    position: relative;
    width: 100%;
    height: 250px;
    padding: 1.5rem 1.5rem 0 1.5rem;
    border-radius: 1.5rem;
}

.SC-CaseStudyCard_image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: transform 0.3s ease;
        border-radius: 12px;
}

.SC-CaseStudyCard_content {
  padding: 1.5rem;
}

.SC-CaseStudyCard_title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0.75rem;
}

.SC-CaseStudyCard_description {
  color: #000000;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.SC-CaseStudyCard_meta {
  border-top: 1px solid #e5e7eb;
  padding-top: 1rem;
}

.SC-CaseStudyCard_service,
.SC-CaseStudyCard_technology {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

.SC-CaseStudyCard_service strong,
.SC-CaseStudyCard_technology strong {
  color: #374151;
  font-weight: 600;
}

.SC-CaseStudyCard_service span,
.SC-CaseStudyCard_technology span {
  color: #6b7280;
}

.SC-ViewMore {
  text-align: center;
  margin-top: 2rem;
}


.SC-CaseStudyCard_description > h2 {
    display: none !important;
}

.SC-CaseStudyCard_description p span:first-of-type {
    font-weight: 400;
}

.SC-CaseStudyCard_description p span:not(:first-of-type) {
    font-weight: 600;
}

.thin-txt {
    font-weight: 400;
}


@media (max-width: 768px) {
  .SC-CaseStudyGrid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .SC-CaseStudies_title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  .SC-CaseStudyCard_content {
    padding: 1.25rem;
  }

  .SC-FeaturedCaseStudies {
    padding: 40px 15px;
  }
}

/* Case Studies Page */

.PageHeaderBlock {
    background-color: #1E1E1E;
    color: #FFFFFF;
    padding: 90px 0px;
}

.PageHeaderBlock_content {
    max-width: 1200px;
    margin: auto;
}


.PageHeaderBlock_content h2 {
    color: white;
}

.SC-PageHeader_subheadline {
    font-size: var(--sc-font-size-small, 0.875rem);
    margin-bottom: var(--sc-spacing-small, 0.5rem);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 10px 22px;
    border-radius: 8px;
    display: inline-block;
    background-color: #313131;
    color: #FFFFFF;
    font-weight: 500;
}



.SC-PageHeader_headline {
    font-size: 4rem;
    font-weight: var(--sc-font-weight-bold, 700);
    line-height: var(--sc-line-height-tight, 1.25);
    margin-bottom: 15px;
    color: #FFFFFF;
}

.SC-PageHeader_content {
  margin-bottom: 25px;
}


.SC-Button-Green {
  background-color: #067766;
  color: white;
  border: 1px solid transparent;
  padding: 12px 24px;
  border-radius: 6px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.SC-Button-Green:hover {
  background-color: white !important;
  color: #565660 !important;
  border: 1px solid #d1d5db;
  box-shadow: 1px 1px 6px rgba(1, 1, 1, 0.1);
  text-decoration: none;
  transform: translateY(-1px);
}

/* Icon styling for default state (white) */
.SC-Button-Green img {
    filter: brightness(0) invert(1) !important;
}

/* Icon styling for hover state (#565660) */
.SC-Button-Green:hover img {
  filter: brightness(0) saturate(100%) invert(35%) sepia(8%) saturate(629%) hue-rotate(201deg) brightness(93%) contrast(88%) !important;
}


/* Two Column Child */

.SC-Two-Column-Child-Section-Dark {
    background-color: #1B1B1B !important;
    color: white;
}

.SC-Text h2 {
    font-size: 40px;
}

@media (max-width: 768px) {

  .SC-Text h2 {
    text-align: center;
    font-size: 32px;
  }

  .SC-Text-Image,
  .SC-Text-Title,
  .SC-Text-Subitle,
  .SC-Text-Content,
  .SC-Text-Summary-Content,
  .SC-Text-Pull-Text {
    text-align: center;
  }

  .SC-Grid.SC-One-Column {
      padding: 40px 20px;
  }

}

.SC-Text-Image {
    border-radius: 16px;
}

.SC-Two-Column-Section .SC-Testimonial_quote {
    color: black;
    border: 1px solid #eee;
    border-radius: 16px;
}

.SC-Markdown {
  white-space: pre-line;
}


.SC-Text-Markdown ul {
    list-style: none;
    padding-left: 0;
}

.SC-Text-Markdown ul > li {
    position: relative;
    padding-left: 40px;
}

.SC-Text-Markdown ul > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px !important;
    height: 16px !important;
    background-image: url(https://res.cloudinary.com/hemf2tdtc/image/upload/v1737344960/media/00D5g000004RWSmEAO/bullet-reinteractive.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.2s ease;
}

.SC-Grid.SC-One-Column {
    max-width: 1200px;
    display: block;
    position: relative;
    margin: auto;
}

.SC-Grid.SC-One-Column.SC-Text-Subtitle {
    color: white;
    font-weight: 600;
}

.sc-align-left {
  text-align: left;
}

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

.sc-align-right {
  text-align: right;
}

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


/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
	color: black;
	background: none;
	text-shadow: 0 1px white;
	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;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #999;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #9a6e3a;
	/* This background color was intended by the author of this theme. */
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a;
}

.token.function,
.token.class-name {
	color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
	color: #e90;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

.add:before {
    font: var(--fa-font-solid);
    content: none !important;
}

/* Articles and Case Studies */

#SC-articles-index .SC-ContentBlockContainer {
    padding: var(--sc-spacing-base) 0;
    max-width: 1200px;
    margin: auto;
}

#SC-articles-index .SC-Grid {
  margin: 40px 0px;
}

#SC-articles-index .sc-one-to-two-column {
  grid-template-columns: repeat(2, 1fr);
  max-width: 1200px;
  margin: auto;
}

#SC-articles-index .SC-ContentBlockContainer_header {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 1200px;
  margin: var(--sc-spacing-base) 0;
}

.sc-two-thirds-one-third {
    display: grid;
    gap: 40px;
    grid-template-columns: 2fr 1fr;
    max-width: 1200px;
    margin: auto;
}


/* Search */

.search-bar-container {
  margin-top: 20px;
}

.Search {
  position: relative;
  display: flex;
  width: 100%;
  margin: 0 auto;
}

.Search input:not(:focus) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}

.Search input {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 1px solid #8D8C98;
  border-radius: 35px;
  outline: none;
  cursor: pointer;
  width: 100%;
  height: 50px;
  background: white;
  border-radius: 35px;
  padding: 0px 10px 0 39px;
  font-size: 11px;
  color: #8D8C98;
}

.Search_icon {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 17px;
  width: 20px;
  height: 20px;
  fill: #B41213;
}

/* Mobile improvements CSS */



pre[class*="language-"] {
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 100%;
}

code[class*="language-"] {
  white-space: pre-wrap;
  word-break: break-all;
}



@media (max-width: 768px) {

  #SC-articles-index .SC-Grid {
    margin: 20px 0px;
  }


  .SC-Grid_main {
    padding: 0px;

  }
  
  .sc-two-thirds-one-third {
    gap: 2rem;
  }
}

span[style*="background-color:#dfdfdf"] {
  word-break: break-all;
  white-space: pre-wrap;
  display: inline-block;
  max-width: 100%;
}

@media (max-width: 768px) {
  .SC-Article {
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  
  .SC-Article p, 
  .SC-Article li {
    line-height: 1.6;
    margin-bottom: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  .SC-Article h1,
  .SC-Article h2,
  .SC-Article h3 {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }
}

@media (max-width: 768px) {
  .sc-two-thirds-one-third {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  

}

@media (max-width: 768px) {

  * {
    max-width: 100% !important;
    box-sizing: border-box;
  }
  
  .container-xl,
  .SC-Grid,
  .SC-Grid_main,
  .sc-two-thirds-one-third,
  .SC-Article {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    margin-left: auto;
    margin-right: auto;
  }

  ul.sc-header_inner_right {
      padding-inline-start: 0px;
      column-gap: 10px;
  }

  .sc-button-header-cta {
      font-size: 12px;
      font-weight: 500;
  }

  .sc-header_inner {
    gap: 10px !important;
    padding: 0 20px;
  }

  .SC-Header-Button_icon {
    top: 4px !important;
    margin-right: 2px !important;
  }

  .PageHeaderBlock {

    padding: 90px 20px;
  }

  .SC-ContentBlock-home-cta-container {
        margin: 0;
    }

    .cta-column {
    padding: 10px;
  }

  .cta-row {
        display: block;
    }

  .SC-Blogs {
    padding: 40px 20px !important;
}

  .SC-PageHeader_headline {
    font-size: 2rem;
  }

    
}

@media only screen and (min-width: 768px) {
      .SC-Menu.mega.is-active, .Menu.mega.is-active {
            opacity: 1;
            pointer-events: inherit;
            z-index: 5;
            border-radius: 16px;
        }
        .SC-Menu_item.tier3:not(.parent) > a {
            font-weight: 500;
        }
}



.SC-CaseStudiesGrid {
    padding: 60px 0;
}

.SC-Blogs {
    padding: 40px 0;
}

/* Header */

.sc-button-header-cta {
    display: inline-block;
    border: 1px solid #067766;
    transition: filter 0.2s ease; 

}

.SC-Header-Button_icon {
  filter: brightness(0) invert(1);
  transition: filter 0.2s ease; 
  top: 3px;
  margin-right: 4px;
}


.sc-button-header-cta:hover {
  background-color: white !important;
  color: #565660 !important;
  border: 1px solid #d1d5db;
  box-shadow: 1px 1px 6px rgba(1, 1, 1, 0.1);
  text-decoration: none;
  
  .SC-Header-Button_icon {
    filter: none !important; 
  }
}


.SC-Header-Button_icon {
    filter: brightness(0) invert(1);
    position: relative;
    top: 3px;
    margin-right: 4px;
}

.sc-header_top_inner {
    background-color: #B41213;
    padding: 10px 0;
}

.top-header-title {
    font-size: 14px;
    color: #FFF;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.top-header-message {
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-left: 5px;
}


.SC-Button-Top-Header {
    font-size: 12px;
    border: 1px solid #eee;
    padding: 0.2rem 1rem;
    color: #000;
    background: #FFF;
    gap: 5px;
    margin-left: 10px;
}

.SC-Menu.dropdown:not(.tier1), .Menu.dropdown:not(.tier1) {
    padding: 1rem;
    border-radius: 16px;
}

/* ==========================================================================
   Footer Menu 5 Columns
   ========================================================================== */

.sc-footer_inner_center {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 60px;
    background-color: #f8f8f8;
}

.sc-nav {
  width: 100%;
  justify-content: center;
}

/* Transform the StoreConnect menu into always-active mega menu */
.SC-Menu[data-menu="footer"] {
  display: grid !important;
  grid-template-columns: 20% 20% 20% 20% 20%;
  gap: 2rem;
  width: 100%;
 max-width: 100%;
  margin: 0 auto;
  padding: 2rem 0;
  list-style: none;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background: transparent;
  box-shadow: none;
  
  /* Hide mobile menu buttons */
  .SC-Menu_button {
    display: none !important;
  }
  
  /* Style the main category items (tier1) */
  > .SC-Menu_item.tier1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    
    /* Main category link styling */
      > .SC-Menu_link {
      font-size: 16px;
      font-weight: 700;
      color: #000000;
      text-decoration: none;
      line-height: 1.2;
      display: block;
      padding: 0.5rem 0 !important;
      transition: color 0.2s ease;
      border-left: 0px !important;
      padding-left: 0px !important;
  }
    
    /* Make tier2 menus always visible */
    .SC-Menu.tier2 {
      display: block !important;
      position: static !important;
      opacity: 1 !important;
      visibility: visible !important;
      transform: none !important;
      background: transparent !important;
      box-shadow: none !important;
      padding: 0;
      margin: 0;
      list-style: none;
      width: 100%;
      padding-left: 0px !important;
      
      /* Style the subcategory items */
      .SC-Menu_item.tier2 {
        margin-bottom: 0.5rem;
        
        &:last-child {
          margin-bottom: 0;
        }
        
        .SC-Menu_link {
            font-size: 14px;
            font-weight: 500;
            color: #333333;
            text-decoration: none;
            line-height: 1.2;
            display: block;
            padding: 0.5rem 0 !important;
            transition: color 0.2s ease;
            border-left: 0px !important;
            padding-left: 0px !important;
        }
      }
    }
  }
  
  /* Hide the login item in this context */
  .SC-Menu_item#SC-MenuItem-login {
    display: none;
  }
}

/* Responsive behavior */
@media (max-width: 1200px) {
  .SC-Menu[data-menu="footer"] {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    
    > .SC-Menu_item.tier1:nth-child(4),
    > .SC-Menu_item.tier1:nth-child(5) {
      grid-column: span 1;
    }
  }
}

@media (max-width: 768px) {
  .SC-Menu[data-menu="footer"] {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    
    > .SC-Menu_item.tier1:nth-child(5) {
      grid-column: span 2;
      text-align: inherit !important;
    }
  }
}

@media (max-width: 480px) {

  .sc-footer_inner_center {
    padding: 0px 20px;
}

  .SC-Menu[data-menu="footer"] {
    display: flex !important;
    grid-template-columns: 1fr;
    gap: 2rem;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 2rem 0;
    
    > .SC-Menu_item.tier1 {
      border-bottom: 1px solid #e5e7eb;
      padding-bottom: 1rem;
      
      &:last-child {
        border-bottom: none;
        padding-bottom: 0;
      }
      
      > .SC-Menu_link {
        margin-bottom: 0.75rem;
      }
    }
  }
}


/* ==========================================================================
   JAVASCRIPT OVERRIDE TO PREVENT DROPDOWN BEHAVIOR
   ========================================================================== */

/* Hide any overlay or backdrop elements that might interfere */
.SC-Menu-backdrop,
.sc-menu-overlay {
  display: none !important;
}

/* Ensure no JavaScript interference with visibility */
.SC-Menu[data-menu="footer"] * {
  pointer-events: auto !important;
}


.SC-Menu[data-menu="footer"].tier1.dropdown, .Menu.tier1.dropdown {
        margin-left: 0px !important;
        margin-right: 0px !important;
  }




  /* App Workshop */


.SC-AppWorkshop_testimonials {
    height: auto !important;
    display: flex;
    flex-direction: column;
}

  .SC-Slide .SC-Text {
    margin-bottom: var(--sc-spacing-medium, 1.5rem);
    width: 100%;
    max-width: 100%;
    word-wrap: break-word;
    text-align: center;
}

#SC-ContentBlock-Section-2-App-Workshop {
    padding-bottom: 0 !important;
}

/* footer */

iframe#pardot-form-frame {
    height: 400px !important;
}

.footer-download-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.footer-download-content {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.footer-download-image {
    flex-shrink: 0;
}

.footer-download-image img {
    max-width: 150px  !important;
    width: 100%;
    height: auto;
    display: block;
}

.footer-download-text-content {
    flex: 1;
    min-width: 0; /* Allows flex item to shrink below content size */
}

.download-text {
    display: block;
    margin-bottom: 1rem;
    font-size: 16px;
    line-height: 1.4;
}

.download-text b {
    font-weight: bold;
}

.footer-download-form {
    width: 100%;
    height: 400px;
    border: 0;
    background: transparent;
}

/* Mobile responsive */
@media only screen and (max-width: 768px) {
    .footer-download-content {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        text-align: center;
    }
    
    .footer-download-image {
        order: -1; /* Ensure image appears first on mobile */
    }
    
    .footer-download-image img {
        max-width: 150px !important;
    }
}

/* Even smaller screens */
@media only screen and (max-width: 480px) {
    .footer-download-container {
        padding: 0 15px;
    }
    
    .footer-download-content {
        gap: 15px;
    }
    
    .footer-download-image img {
        max-width: 150px !important;
    }
    
    .download-text {
        font-size: 14px;
    }
}

/* Blogs */

.blogs-grid-section {
    gap: 50px !important;
}

.blogs-grid-section .pagination {
    margin-top: 50px;
}

#SC-articles-index .SC-ContentBlockContainer {
    margin: initial !important;
}

#SC-articles-index .sc-two-thirds-one-third {
    max-width: initial;
    gap: 50px;
}

#SC-articles-index .pagination {
    margin-top: 50px;
}

.CategoryHeaderContent {
    max-width: 1500px !important;
}

/* Fix for mobile overflow in blog grid section */

/* Override conflicting container widths on mobile */
@media (max-width: 768px) {
  
  /* Fix the main container overflow */
  .container-xl.sc-two-thirds-one-third.blogs-grid-section {
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  
  /* Ensure the grid collapses properly */
  .sc-two-thirds-one-third {
    display: block !important; /* Change from grid to block for better mobile control */
    max-width: 100% !important;
    width: 100% !important;
    gap: 30px !important;
    overflow-x: hidden !important;
  }
  
  /* Fix the main content section */
  .sc-two-thirds-one-third .sc-rich-text {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 30px !important;
    overflow-x: visible !important;
  }
  
  /* Fix the sidebar */
  .sc-two-thirds-one-third .SC-ArticleSidebar {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  
  /* Ensure article cards don't overflow */
  .SC-Articles_grid {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  
  /* Fix individual article cards */
  .SC-CardGrid_item {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Fix the pagination */
  .pagination {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    margin-top: 30px !important;
  }
  
  /* Ensure search bar doesn't overflow */
  .Search {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Fix the sidebar navigation */
  .SC-PageNav {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  
  /* Additional safety for all child elements */
  .container-xl.sc-two-thirds-one-third.blogs-grid-section * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Fix the main grid container that wraps the blog content */
  .SC-Grid_main {
    width: 100% !important;
    max-width: 100vw !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }
  
  /* Reduce gaps on very small screens */
  @media (max-width: 480px) {
    .container-xl.sc-two-thirds-one-third.blogs-grid-section {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    
    .sc-two-thirds-one-third {
      gap: 20px !important;
    }
  }
}

/* Additional fix for the specific blogs page layout */
#SC-articles-index .SC-Grid_main {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#SC-articles-index .container-xl {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 768px) {
  #SC-articles-index .sc-two-thirds-one-third {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
  }
}

/* Checkout  */


.SC-Field-stripe, .Field-stripe {
    display: inline-block;
    padding: 13px;
}

/* Article Banner */

  .SC-Banner {
    min-height: 300px !important;
  }
  
  @media screen and (max-width: 768px) {
  .SC-Banner {
    min-height: 200px !important;
  }
}


/* Fixes */

section#SC-ContentBlockContainer-successstoriescodecare {
    margin-top: -60px;
}

.SC-QuantityPicker_trigger {
    color:#000000;
}

.SC-QuantityPicker ul button {
    color: #000000;
}

[data-original-price] {
    color: #aaa;
    text-decoration: line-through;
    font-size: 18px;
}

[data-current-price] {
    font-size: 27px;
    font-weight: 600;
}

.SC-AppReviewSection .SC-AddToCart {
    display: flex;
    flex-wrap: nowrap;
}

.SC-Variant_label, .Variant_label {
    color: #000000;
}

.SC-Grid_item .SC-ProductDisplay_images {
  display: none;
}

.Count, .SC-Count {
    background: #B41213;
}

@media only screen and (min-width: 768px) {
  .SC-Cart {
    left: calc(var(--sc-spacing-medium) * -20) !important;
  }
}

#SC-carts-show .SC-PageHeader {
    display: block !important;
}

/* Shopping Cart Page Styles - Scoped to specific pages only */

/* Main container improvements */
#SC-carts-show .sc-container,
#SC-customer_information-show .sc-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

/* Header styling */
#SC-carts-show .SC-PageHeader,
#SC-customer_information-show .SC-PageHeader {
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
}

#SC-carts-show .SC-PageHeader_heading,
#SC-customer_information-show .SC-PageHeader_heading {
  font-size: 2.5rem;
  font-weight: 700;
  color: #000000;
  margin: 0;
}

/* Cart items container */
#SC-CartItems,
#SC-CartItems {
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

/* Individual cart item styling */
.SC-CartItem,
.SC-CartItem {
  padding: 1.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fafafa;
  transition: box-shadow 0.2s ease;
}

.SC-CartItem:hover,
.SC-CartItem:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Product image styling */
.SC-CartItem img,
.SC-CartItem img {
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}

.SC-CartItem img:hover,
.SC-CartItem img:hover {
  transform: scale(1.05);
}

/* Product name and link styling */
.SC-CartItem a[href*="/products/"],
.SC-CartItem a[href*="/products/"] {
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
  transition: color 0.2s ease;
}

.SC-CartItem a[href*="/products/"]:hover,
.SC-CartItem a[href*="/products/"]:hover {
  color: #B41213;
}

/* Quantity picker improvements */
.SC-QuantityPicker,
.SC-QuantityPicker {
  background: white;
  border: 2px solid #e2e8f0;
  border-radius: 6px;
  overflow: hidden;
}

.SC-QuantityPicker_trigger,
.SC-QuantityPicker_trigger {
  background: white;
  border: none;
  padding: 0.75rem 1rem;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.SC-QuantityPicker_trigger:hover,
.SC-QuantityPicker_trigger:hover {
  background-color: #f7fafc;
}

.SC-QuantityPicker_trigger_label,
.SC-QuantityPicker_trigger_label {
  color: #4a5568;
}

/* Remove link styling */
.SC-Link[href*="/cart/cart_items/"],
.SC-Link[href*="/cart/cart_items/"] {
  color: #e53e3e;
  font-weight: 500;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}

.SC-Link[href*="/cart/cart_items/"]:hover,
.SC-Link[href*="/cart/cart_items/"]:hover {
  background-color: #fed7d7;
  border-color: #e53e3e;
}

/* Pricing styling */
[data-line-item-pricing],
[data-line-item-pricing] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000000;
}

/* Grid layout improvements */
.SC-Grid,
.SC-Grid {
  display: grid;
  /* grid-template-columns: 1fr 320px; */
  gap: 2rem;
  align-items: start;
}

@media (max-width: 768px) {
  .SC-Grid,
  .SC-Grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

/* Empty cart link */
.SC-Link[href="/cart"][data-method="delete"],
.SC-Link[href="/cart"][data-method="delete"] {
  color: #718096;
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  border: 2px solid #e2e8f0;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.2s ease;
  display: inline-block;
}

.SC-Link[href="/cart"][data-method="delete"]:hover,
.SC-Link[href="/cart"][data-method="delete"]:hover {
  border-color: #cbd5e0;
  background-color: #f7fafc;
}

/* Order summary sidebar */
.SC-Grid_summary,
.SC-Grid_summary {
  background: white;
  border-radius: 12px;
  position: sticky;
  top: 2rem;
  margin-left: 0px;
}

/* Order total styling */
.SC-OrderTotal,
.SC-OrderTotal {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 1.5rem;
  background: #fafafa;
  margin-bottom: 1.5rem;
}

.SC-OrderTotal_line,
.SC-OrderTotal_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e2e8f0;
}

.SC-OrderTotal_line:last-child,
.SC-OrderTotal_line:last-child {
  border-bottom: none;
  font-size: 1rem;
  font-weight: 700;
  color: #000000;
  padding-top: 1rem;
}

.SC-OrderTotal_line_label,
.SC-OrderTotal_line_label {
  color: #4a5568;
  font-weight: 500;
}

.SC-OrderTotal_line_total,
.SC-OrderTotal_line_total {
  font-weight: 600;
  color: #000000;
}

/* Checkout button improvements */
.SC-Button.SC-Button-primary.SC-Button-expanded,
.SC-Button.SC-Button-primary.SC-Button-expanded {
  background: #B41213;
  color: white;
  border: none;
  padding: 1rem 2rem;
  font-size: 1.125rem;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  text-align: center;
  display: block;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(197, 48, 48, 0.2);
}

.SC-Button.SC-Button-primary.SC-Button-expanded:hover,
.SC-Button.SC-Button-primary.SC-Button-expanded:hover {
    background-color: #067766 !important;
  border-color: #067766 !important;
  color: white !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(1, 1, 1, 0.3);
}

.SC-Button.SC-Button-primary.SC-Button-expanded:active,
.SC-Button.SC-Button-primary.SC-Button-expanded:active {
  transform: translateY(0);
}

/* Responsive improvements */
@media (max-width: 768px) {
  .sc-container,
  .sc-container {
    padding: 1rem;
  }
  
  .SC-PageHeader_heading,
  .SC-PageHeader_heading {
    font-size: 2rem;
  }
  
  .SC-CartItem,
  .SC-CartItem {
    padding: 1rem;
  }
  
  .SC-CartItem img,
  .SC-CartItem img {
    width: 60px !important;
  }
    
  [data-line-item-pricing],
  [data-line-item-pricing] {
    font-size: 1.25rem;
    text-align: left !important;
  }
}

/* Additional visual enhancements */
.SC-CartItem::before,
.SC-CartItem::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #B41213;
  border-radius: 2px 0 0 2px;
}

.SC-CartItem,
.SC-CartItem {
  position: relative;
  overflow: hidden;
}

/* Focus states for accessibility */
.SC-QuantityPicker_trigger:focus,
.SC-Link:focus,
.SC-Button:focus,
.SC-QuantityPicker_trigger:focus,
.SC-Link:focus,
.SC-Button:focus {
  outline: 2px solid #B41213;
  outline-offset: 2px;
}

/* Loading states */
[data-remote="true"],
[data-remote="true"] {
  position: relative;
}

/* Success message styling (for future use) */
.success-message,
.success-message {
  background: #f0fff4;
  color: #22543d;
  padding: 1rem;
  border-radius: 6px;
  border-left: 4px solid #38a169;
  margin-bottom: 1rem;
}

/* Checkout */

.SC-Checkbox_input:checked {
    background-color: #B41213;
    border-color: #B41213;
}

/* App Review Content Block */

#SC-ContentBlock-have-a-ror-app {
    padding-bottom: 0px !important;
    margin-bottom: -30px;
}

.inline-pricing p {
  font-size: 27px;
  display: inline;
    font-weight: 600;
  margin-bottom: 0 !important;
}

.inline-pricing .sc-mb-tiny {
    margin-bottom: 5px;
    display: inline-block;
}

#SC-orders-show .Panel_header, .SC-Panel_header {
        flex-direction: column;
}


/* Product Grid Page */

#SC-products-show #SC-ProductDisplay {
    background-color: #1E1E1E;
    color: #ffffff;
    margin: auto;
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 60px 0px;
}

.SC-ProductCard {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    border: 1px solid #eee;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 1px 1px 8px #eee;
}


.SC-ProductCard-Text-Wrapper {
    margin-bottom: 25px;
}

.SC-ProductCard-Text-Content {
    font-size: 1.2em;
}

.SC-ProductCard_headline {
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 7px;
}

.SC-ProductCard_price_item {
    font-size: 16px;
}

@media (max-width: 768px) {
  .SC-CardGrid {
    grid-template-columns: auto;
  }

  div#SC-ProductDisplayDetails {
    padding: 20px;
  }
}

.SC-Notice.Notice_cart-preview.sc-mb {
    display: none;
}

.SC-ProductCode {
    display: none;
}

.SC-Accordion_body.\.SC-Markdown a {
    color: #0000EE;
}

/* ==========================================================================
   REINTERACTIVE 2022 THEME CSS STYLES
   ========================================================================== */


.SC-Pages h1 {
  font-size: 50px !important;
  color: #1B1B1B;
  letter-spacing: 0.03px;
  line-height: 1.24;
  font-weight: 700 !important;
  margin-top: 30px;
}

.SC-Pages h2 {
  font-size: 28px !important;
  color: #2B2933;
  font-weight: 600 !important;
}

.SC-Pages h3 {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #2B2933;
}

.SC-Pages h4 {
  font-size: 20px !important;
  color: #2B2933;
  font-weight: 700;
}

.SC-Pages h5 {
  font-size: 17px !important;
  color: #2B2933;
  font-weight: 600 !important;
  text-transform: none;
}

.SC-Pages iframe {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    min-height: 315px !important;
    aspect-ratio: 16 / 9 !important;
    box-sizing: border-box !important;
}

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

        .SC-Pages h1 {
        font-size: 32px !important;

      }

      .SC-Pages h2 {
        font-size: 24px !important;

      }

      .SC-Pages h3 {
        font-size: 18px !important;

      }

      .SC-Pages h4 {
        font-size: 18px !important;

      }

      .SC-Pages h5 {
        font-size: 17px !important;
      }
            iframe {
                width: 100% !important;
                max-width: 100% !important;
                min-width: 100% !important;
                height: auto !important;
                min-height: 250px !important;
                aspect-ratio: 16/9 !important;
            }

            /* Ensure mobile tables don't constrain width */
            .es-adaptive table,
            .es-content table,
            .es-header table,
            .es-footer table {
                width: 100% !important;
                max-width: 100% !important;
            }

            /* Mobile container adjustments */
            .es-footer-body,
            .es-content-body,
            .es-header-body {
                width: 100% !important;
                max-width: 100% !important;
                padding: 10px !important;
            }
 }


.SC-Pages .SC-ContentBlockContainer {
    padding: 40px 0;
}

/* Card Blocks Styles */
.SC-Pages .card {
  -webkit-box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  width: 100%;
  max-width: 320px;
  min-height: 308px;
  text-align: center;
  padding: 20px 40px;
  border-radius: 8px;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
  display: block;
  color: #2B2933;
  cursor: pointer;
}

.SC-Pages .card:hover {
  -webkit-box-shadow: 0 2px 8px 1px rgb(0 0 0 / 50%);
  box-shadow: 0 2px 8px 1px rgb(0 0 0 / 50%);
  color: #B41213 !important;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

.SC-Pages .card-btm {
  margin-top: 50px;
}

.SC-Pages .card-img {
  margin: 10px;
}

.SC-Pages .card-title {
  font-size: 19px;
  padding: 15px 0;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.SC-Pages .card-text {
  font-size: 14px;
  color: #565660;
  font-weight: 500;
  letter-spacing: 0.23;
  line-height: 20px;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
}

.SC-Pages .card-text:hover {
  color: #565660 !important;
}

.SC-Pages .card-text p {
  margin-bottom:0;
}

.SC-Pages .card-arrow {
  text-align: right;
  padding-top: 30px;
  margin-left:auto;
}

.SC-Pages .card_press {
  -webkit-box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  width: 100%;
  max-width: 320px;
  min-height: 308px;
  text-align: center;
  padding: 20px 0px;
  border-radius: 8px;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
  display: block;
  color: #2B2933;
  cursor: pointer;
}
.SC-Pages .card-img-press{
  border-bottom:1px solid #EBEBEB;
}
.SC-Pages .card-text-press{
  padding: 0px 40px;
}
 
  /* ================== IMAGE SLIDER ================== */
.slider-con {
  margin-top: 75px;
}

.Slider-Banner-BG{
  min-height: 408px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: right;
  border-radius: 6px;
}

/*jssor slider bullet skin 132 css*/
.jssorb132 {
  position: absolute;
}

.jssorb132 .i {
  position: absolute;
  cursor: pointer;
}

.jssorb132 .i .b {
  fill: rgba(0, 0, 0, 0.2);
  fill-opacity: 0.8;
  stroke-width: 1600;
  stroke-miterlimit: 10;
  stroke-opacity: 0.7;
}

.jssorb132 .i:hover .b {
  fill: #B95A54;
  fill-opacity: .7;
  stroke: #fff;
  stroke-width: 2000;
  stroke-opacity: 1.0;
}

.jssorb132 .iav .b {
  fill: #B95A54;
  stroke-width: 2400;
  fill-opacity: 1.0;
  stroke-opacity: 1;
}

.jssorb132 .i.idn {
  opacity: 0.3;
}

/*jssor slider thumbnail skin 061 css*/
.jssort061 .p {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.jssort061 .t {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  opacity: .5;

}

.jssort061 .pav .t,
.jssort061 .p:hover.pdn .t {
  opacity: 1;
  filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: none ; /* IE6-9 */
  zoom:1; /* needed to trigger "hasLayout" in IE if no width or height is set */
  -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/*Custom jssor CSS */

.LocPad{
  padding-top:25px;
  padding-left:10px;
  }
.jssor-slider-con{
  position:relative;
  margin:0 auto;
  top:0px;
  left:0px;
  max-width:1490px;
  width:100%;
  height:530px;
  overflow:hidden;
  visibility:hidden;
}
.detail-wrapper .slider-text-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal columns */
  justify-items: center; /* Center horizontally within each column */
  align-items: center;   /* Center vertically within each column */
  max-width: 100%;
  gap: var(--sc-grid-gap);
  
}

.detail-wrapper {
    padding: 100px;
}

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

  .detail-wrapper {
    padding: 0px !important;
  }

  .detail-wrapper .slider-text-container {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
  }

  .detail-wrapper .slider-text-container .slider-logo-container {
    display: block !important;
    text-align: center;
  }

  .detail-wrapper .slider-text-container .slider-logo-container img {
    width: 200px !important;
    margin: 0 auto;
  }

  .SC-Banner_content-Dep {
    width: fit-content !important;
    padding: 113px 20px;
    text-align: center;
  }
}

.slider-logo-container{
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-text-container p {
  color: #FFFFFF;
  line-height: 1.25;
  font-size: 16px;
  font-weight: 700;
}
.main-slider-container{
  cursor:default;
  position:relative;
  top:0px;
  left:0px;
  max-width:1490px;
  width:100%;
  height:408px;
  overflow:hidden;
}
.thumbnavigator-container{
  position:absolute;
  left:0px;
  bottom:0px;
  max-width:1490px;
  width:100%;
  height:100px;
}
.thumbnavigator-image-container{
  width:310px;
  height:90px;
  position:relative;
}


/* ================== END IMAGE SLIDER ============== */
.no-pad {
  padding: 0px !important;
}
/* .sc-container .SC-Grid {
  display: block !important;
} */

.SC-Grid_sidebar, .Grid_sidebar {
  width:100%;
  padding-top:25px;
}

.SC-PageNav_link:hover, .PageNav_link {
  color:#B41213;
}

.search-bar-container {
  /* margin-top: 20px; */
}

.Search {
  position: relative;
  display: flex;
  width: 100%;
  margin: 0 auto;
}

.Search input:not(:focus) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}

.Search input {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 1px solid #8D8C98;
  border-radius: 35px;
  outline: none;
  cursor: pointer;
  width: 100%;
  height: 50px;
  background: white;
  border-radius: 35px;
  padding: 0px 10px 0 39px;
  FONT-SIZE: 11px;
  color: #8D8C98;
}

.Search_icon {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 17px;
  width: 20px;
  height: 20px;
  fill: #B41213;
}

/* Enquiries/New  Custom CSS */

#SC-ContentBlockContainer-Tell-Us-About-Address-Container{
  background-color:#F5F5FA;
}

.enquiries-new-page-h1{
  font-weight:700;
  font-size: 30px;
  line-height: 2.0;
  color:#1B1B1B
}

.enquiries-container{
  padding: 20px 20px 30px;
  background-color: #FFFFFF;
  overflow: auto;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 24px 6px rgb(0 0 0 / 20%);
  box-shadow: 0 2px 24px 6px rgb(0 0 0 / 20%);
}
.mon-err-avatar-container, .mon-err-message-container {
  float:left;
}
.mon-err-message-container {
  padding-left:0px;
}
.mon-err-avatar-container {
  text-align: center;
}
.message-mon-err {
  font-weight: 500;
  font-size:18px;
  color: #2B2933;
  line-height: 1.3;
}
.half-twohalf-grid {
  display: grid;
  gap: var(--sc-grid-gap);
  grid-template-columns: .5fr 2.5fr;
}

.two-col-grid {
  display: grid;
  gap: var(--sc-grid-gap);
  grid-template-columns: 2fr 2fr;
}
.three-col-grid {
  display: grid;
  gap: var(--sc-grid-gap);
  grid-template-columns: 3fr 3fr;
}

.ctm-pad {
  padding-top:50px;
  padding-bottom:50px;
}

.SC-PageNav_link.is-current, .PageNav_link.is-current {
  color: #b41213;
  font-weight: 700;
}

.enquiries-form-container {
  padding:35px 35px 30px;
  background-color: #FFFFFF;
  overflow: auto;
  border-radius: 10px;
  margin-top:40px;
}
.enquiries-form-container label {
  font-weight: 500;
  font-size:16px;
  line-height: 1.6;
  color:#2B2933;
  display: block;
}
.enq-checkbox-con label {
  font-weight: 500;
  font-size:16px;
  line-height: 1.6;
  color:#2B2933;
  display: inline-block;
}
.enq-form-control {
  display: block;
  max-width: 350px;
  width:100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 20px;
  font-weight:700;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.42857143;
  color: #111111;
  background-color: #fff;
  background-image: none;
  border: 1px solid #E6E6EE;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.enq-form-control-container {
  margin-bottom:20px;
}
.enq-checkbox-con {
  padding: 5px 0px;
}
.enq-textarea {
  width: 100%;
  min-height: 180px;
  border: 1px solid #E6E6EE;
  border-radius: 4px;
  padding:10px;
}

/* Custom Checkbox in Enquiries Form */
/* input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #E6E6EE;
  border-radius: 0.2em;
  display: inline-block;
  width: 23px;
  height: 22px;
  padding-left: 0.3em;
  padding-bottom: 0.3em;
  padding-top: -1em;
  margin-right: 0.8em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
  font-size: 19px;
}

input[type=checkbox] + label:active:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label:before {
  background-color: #067766;
  border-color: #067766;
  color: #fff;
}

input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
} */

/* START Navigation Menu Styles */
/* .row {
  padding-left: 15px;
  padding-right: 15px;
} */

.desktop-navigation {
  display: block;
}

.mobile-navigation {
  display: none;
}

.nav-section {
  border-bottom: 2px solid #B41213;
  min-height: 55px;
  height: auto;
  position: fixed;
  width: 100%;
  z-index: 2;
  background: #ffffff;
}

.logo-container {
  padding: 15px 0;
}

.col-10-t {
  width: 10% !important;
  float: left;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.col-10 {
  width: 10% !important;
  float: left;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.col-35 {
  width: 35% !important;
  float: left;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.col-90 {
  width: 90% !important;
  float: left;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/*Main Nav ul>li*/
.main_nav ul:not(.SC-Menu) {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.main_nav li:not(.SC-Menu_item) {
  float: left;
}

.main_nav li a:not(.SC-Menu_link) {
  display: block;
  text-align: center;
  padding: 18px 22px;
  text-decoration: none !important;
  font-weight: 700;
  color: #2B2933 !important;
  font-size: 16px;
}
.main_nav li a:hover {
  color: #B41213 !important;
}

.SC-Menu_link,
.SC-Menu_item.tier2:not(.parent) > a {
  color: #2B2933;
  font-weight: 700;
}

.SC-Menu_link:hover {
  color: #b41213;
}


/*Side Nav Ul>li*/
.side_nav {
  float: right;
}

.side_nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.side_nav li {
  float: left;
}

.side_nav li a {
  display: block;
  text-align: center;
  padding: 18px 10px;
  text-decoration: none !important;
  font-weight: 700;
  color: #565660 !important;
  font-size: 14px;
}

.side_nav li a .fa-angle-right {
  font-size: 11px;
  color: #ffffff !important;
}

.side_nav li a span {
  color: #FFFFFF !important;
}

.contact_btn_nav {
  background: #067766;
  padding: 6px 16px;
  border-radius: 50px;
}

.contact_btn_nav:hover {
  background: #2B2933;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

/* Hamburger Menu */
#nav-icon3 {
  width: 27px;
  height: 25px;
  position: relative;
  margin: 15px 15px 15px 20px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #65656B;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 9px;
}

#nav-icon3 span:nth-child(4) {
  top: 18px;
}

#nav-icon3.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

/* Nav Icon 4 Push Menu */
#nav-icon4 {
  float: right;
  width: 27px;
  height: 25px;
  position: relative;
  margin: 21px 15px 15px 0px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #65656B;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
}

#nav-icon4 span:nth-child(2),
#nav-icon4 span:nth-child(3) {
  top: 9px;
}

#nav-icon4 span:nth-child(4) {
  top: 18px;
}

#nav-icon4.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

#nav-icon4.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon4.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

/* End Nav Icon 4 Push Menu */
/* DropDown Menu */
#dropdown-menu {
  position: absolute;
  display: inline-block;
}

.my-account {
  background: #eeeeee;
  border-top: 1px solid #dedcdc;
  border-bottom: 1px solid #dedcdc;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 0px;
  z-index: 1;
  top: 60px;
  right: 30px;
  min-width: 220px;
}

.dropdown-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

.dropdown-content ul li a {
  text-decoration: none !important;
  font-weight: 700;
  color: #565660 !important;
  font-size: 15px;
  display: block;
  padding: 14px 35px;
}

.dropdown-content ul li a:hover{
  color:#B41213 !important;
}

/* Push Menu */
#push-menu {
  display: inline-block;
}

.push-content {
  display: none;
  position: fixed;
  background-color: #F5F5FA;
  padding: 12px 0px;
  z-index: 1;
  top: 57px;
  width: 100%;
  z-index: 9;
}

.push-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

.push-content li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ffffff;
  padding: 10px;
}

.push-content ul li a {
  text-decoration: none;
  font-weight: 700;
  color: #565660;
  font-size: 15px;
  display: block;
  padding: 6px 35px;
}

/* END Navigation Menu Styles */

/*Custom CSS*/
.container-xxxl {
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.container-xxl {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.container-xl {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.container-l {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.container-m {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.container-s {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}


.col-33 {
  float: left;
  width: 33%;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.col-55 {
  float: left;
  width: 55%;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Custom CSS */

/*Slider CSS */
.slider-text-container p {
  color: #FFFFFF;
  line-height: 1.25;
  font-size: 16px;
  font-weight: 700;
}

.p-title {
  font-size: 20px;
  font-weight: 600;
  color: #2B2933;
  line-height: 1.4;
  letter-spacing: 0.03;
}

.Press_articles a h4 {
  color: #B41213;
  font-size: 18px;
  text-decoration: underline;
}

.Press_articles p, .Press_articles a h4 {
  margin: 0;
}

.Press_box a.download-all {
  transition: all 0.2s;
  float: right;
  line-height: 30px;
  line-height: 26px;
}
.Press_box ul {
  margin: 0 0 24px 20px;
}

.Pages_contact h4 {
  margin-bottom: 15px;
}
.Press_box a.download-all span {
  display: none;
}
p.small, span.small {
  font-size: 14px;
  color: #999;
}

.ruby-ul {
  list-style: disc;
}

.default-slider-btn {
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 1.2;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  padding: 10px 20px;
  margin-top: 35px;
  text-decoration: none;
}

.slider-btn-container {
  padding-top: 35px;
}

/* START Subject Tags*/
.subjects-container {
  border: 1px solid #E6E6EE;
  border-radius: 10px;
  padding: 20px 15px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.subjects-tags {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px !important;
  padding: 5px;
  background-color: #F5F5FA;
  border-radius: 10px;
  display: inline-block;
  color: #565660;
  margin: 10px 10px 10px 0;
}

/* END Subject Tags*/

/* Ready to Start Block */
.footer-info-txt {
  font-weight: 500;
  line-height: 35px;
  font-size: 16px;
  text-align: center;
  width: 200px;
  color: #2B2933;
}

.fa-solid {
  color: #FFFFFF;
}

.fa-brands{
  background: none;
  color:#9A1A10;
  line-height: 45px;
  font-size: 24px;
}
.fa-brands:hover{
  color:#272430;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}
.Press_social__link{
  display: inline-block;
  width: 45px;
  height: 45px;
  margin-right: 10px;
  text-align: center;
  text-decoration: none;
}


.ready-to-start-container-side-block {
  background-color: #F5F5FA;
  text-align: center;
  padding: 30px 15px 45px;
  border-radius: 10px;
  margin-top: 40px;
}

.ready-to-start-title-side-block {
  padding-bottom: 15px;
  color: #067766;
  font-size: 15px;
  font-weight: 600;
}

.ready-to-start-button-side-block {
  background-color: #067766;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 700;
  border: 0;
  padding: 16px 30px;
  border-radius: 50px;
}

.ready-to-start-button-side-block:hover {
  background-color: #2B2933;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}


.ready-to-start-button-side-block:before {
  float: right;
  margin: 3px -1.1em 0 0;
  padding: 0 0.8em;
  pointer-events: none;
  text-align: center;
  width: 1em;
}

.add-side-block:before {
 font: var(--fa-font-solid);
 content: "\f105";
}

.add-side-block:hover::before {
  font-size:21px;
  margin: -2px -1.1em 0 0px;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
 }

.pay-for-services-container-side-block {
  background-color: #F9F9FC;
  text-align: center;
  padding: 30px 15px 45px;
  border-radius: 10px;
  margin-top: 40px;
}

.pay-for-services-title-side-block {
  margin-bottom: 15px;
  color: #AFAFB5;
  font-size: 15px;
  font-weight: 600;
}

.pay-for-services-button-side-block {
  background-color: #919098;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 700;
  border: 0;
  padding: 16px 30px;
  border-radius: 50px;
  max-width: 225px;
  width: 100%;
  text-align: center;
}

.fa-solid, .fas{
  background: none !important;
}
.ready-to-start-container {
  background-color: #F5F5FA;
  text-align: center;
  padding: 40px;
}

.ready-to-start-title {
  color: #067766;
  font-size: 32px;
  font-weight: 600;
}

.ready-to-start-button-container {
  padding: 20px 20px 0;
}

.ready-to-start-button {
  background-color: #067766;
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 700;
  border: 0;
  padding: 16px 30px;
  border-radius: 50px;
}

.ready-to-start-button:hover {
  background-color: #2B2933;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

.ready-to-start-button:before {
  float: right;
  margin: 3px -1.1em 0 0;
  padding: 0 0.8em;
  pointer-events: none;
  text-align: center;
  width: 1em;
}

.add:before {
 font: var(--fa-font-solid);
 content: "\f105";
}
.add:hover::before {
  font-size:25px;
  margin: 0px -1.1em 0 -11px;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
 }

/* END Reado to Start Block*/

.p-subtitle {
  font-size: 16px;
  font-weight: 400;
  color: #B41213;
  line-height: 1.5;
}
.p-subtitle:hover{
  text-decoration: underline;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

.expert-advice-p {
  font-size: 16px;
  font-weight: 500;
  color: #565660;
  line-height: 1.5;
  width: 100%;
  max-width: 490px;
}

.rubyrails {
  color: #B41213;
}

.partner-logo-con {
  text-align: center;
  padding: 0 10px;
  float: left;
  width: 100%;
  max-width: 186px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
}

.partner-logo-con img {
  width: 100%;
  max-width: 115px;
  max-height: 45px;
}
.Press_box {
  padding: 20px;
  border: 1px solid #EBEBEB;
  margin-bottom: 30px;
}
.Press_box ul {
  margin: 0 0 24px 20px;
}
.Press_box h4 {
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 14px;
  margin-top: 0;
}
.Pages_contact h4:first-child {
  margin-top: 0;
}

#SC-page-press a{
  color:#9A1A10;
}

#SC-ContentBlock-Digita-Assets-Container{
  padding:30px 0;
}

#SC-ContentBlock-Featured-Articles{
  padding:50px 0px;
}

#SC-ContentBlockContainer-Header-SubPage-Storeconnect .bg-container-subpage img{
  width:140px;

}
#SC-ContentBlockContainer-expert-advice-from-our-expert-team{
  padding: 100px 0;
}

#SC-ContentBlockContainer-App-Design-Workshop h2 {
  padding: 20px 0;
}

#SC-ContentBlockContainer-Through-an-8-step-process {
  padding: 70px 0px 0px;
}

#SC-ContentBlockContainer-dedicated-ruby-rails-services h2 {
  padding: 20px 0;
}

#SC-ContentBlockContainer-Typical-Stages-of-the-User-Discovery-and-Visual-Design-Process h2 {
  padding: 20px 0;
}

#SC-ContentBlockContainer-What-is-Visual-Design-Design-Artwork h1 {
  font-size: 28px;
  margin-bottom: var(--sc-spacing-base);
}

#SC-ContentBlockContainer-dedicated-ruby-rails-services p {
  color: #565660;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
}

#SC-ContentBlockContainer-dedicated-ruby-rails-services .sc-one-to-two-column {
  gap: 40px;
}

#SC-ContentBlockContainer-web-mobile-services-title h2 {
  padding: 60px 0 20px;
}

#SC-ContentBlockContainer-expert-advice-from-our-expert-team h2 {
  font-size: 20px;
}

#SC-ContentBlockContainer-Partners-Logo-Block {
  overflow: auto;
  background: #F5F5FA;
}

#SC-ContentBlockContainer-homepage-banner{
  padding-top:100px;
  padding-bottom:100px;
}
#SC-ContentBlockContainer-homepage-banner .CB-Component{
  display: flex;
  align-items: center;
  justify-content: center;
}
.CB-Component .Image img{
  max-width:490px;
  width:100%;
}

#SC-ContentBlockContainer-homepage-banner span {
  color: #565660;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
}

#SC-ContentBlock-h2-Lorem-Ipsum-dolor-sit-amet {
  padding-top: 60px;
  padding-bottom: 20px;
}


.SC-PageHeader {
  display: none;
}

.default-header-btn {
  font-weight: 600;
  background: #067766;
  color: #ffffff;
  padding: 6px 23px;
  border-radius: 15px;
  font-size: 14px;
  margin-top: 20px;
}
.default-header-btn:hover{
  background-color: #272430;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

#SC-ContentBlock-dedicated-ruby-rails-services {
  padding-top: 60px;
  padding-bottom: 20px;
}

#SC-ContentBlock-ready-to-start {
  padding-top: 75px;
  /* padding-bottom: 50px; */
}

#SC-ContentBlockContainer-Card-Blocks {
  padding-top: 40px;
  padding-bottom: 50px;
}

#SC-pages-home .CB-Slideshow {
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

#SC-pages-home .SC-Banner_container,
.Banner_container {
  padding-left: 100px;
  padding-right: 100px;
  justify-content: left;
}

#SC-pages-home .tns-controls {
  display: none;
}

#SC-pages-home .tns-nav {
  bottom: -35px;
}

#SC-pages-home .tns-nav button.tns-nav-active {
  background: #B95A54;
}

#SC-pages-show .CB-Slideshow {
  padding-top: 0px;
  padding-bottom: 100px;
}

#SC-pages-show .SC-Banner_container,
.Banner_container {
  padding-left: 100px;
  padding-right: 100px;
  justify-content: left;
}

#SC-pages-show .tns-controls {
  display: none;
}

#SC-pages-show .tns-nav {
  bottom: -35px;
}

#SC-pages-show .tns-nav button.tns-nav-active {
  background: #B95A54;
}

#SC-ContentBlockContainer-Services-CardBlocks {
  padding-top: 50px;
}

#SC-ContentBlockContainer-Lorem-Ipsum-dolor-sit-amet h2 {
  padding: 20px 0 30px;
}

.partner-img-footer {
  width: 100%;
  max-width: 259px;
}

.fa-solid {
  color: #FFFFFF;
}

.download-container {
  padding: 20px 0;
  text-align: left;
}

.download-button {
  font-size: 14px;
  color: #B41213;
  font-weight: 700;
  border: 1px solid #B41213;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: 'Montserrat', sans-serif;
}
.download-button:hover {
  border: 1px solid #2B2933;
  color: #2B2933;

}

.download-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color:#2B2933
}

/*SubBanner Pager */

.SubPages_Content {
  z-index: 999;
}
.SubPages_Banner_Container {
  border-bottom: 3px solid #B41213;
  background-position: center;
  background-position-x: right;
  padding: 50px 0;
  /* background-repeat: no-repeat; */
  background-color: rgba(245,245,250,0.05);
  position: relative;
}
.bg-container-innerpage{
  position: absolute;
  right:4%;
  top: 20%;
  z-index:-1;
}
.bg-container-subpage{
  position: absolute;
  right:4%;
  top: 20%;
  z-index:-1;
}

/*Case Studies */

.Case_Studies_Container {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
  min-height: 600px;
  /* border: 1px solid #ffffff; */
  cursor: pointer;
  position: relative;
}

.Case_Studies_Container:after{
  content:'\A';
  position:absolute;
  width:100%; height:100%;
  top:0;
  left:0;
  background:rgba(0,0,0,0.3);
  opacity:0;
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
}

.Case_Studies_Container:hover:after {
  opacity:1;
}


.case_studies_text_container div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 40px;
  z-index:1 !important;
}

.case_studies_text_container span {
  color: #FFFFFF;
  line-height: 1.5;
  font-weight: 700;
  font-size: 16px;
}

#SC-ContentBlockContainer-case-studies-Solos-Container .sc-one-to-four-column {
  gap: 0px;
}

#SC-article_category-case-studies  .sc-one-to-four-column {
  gap: 0px;
}

.thin-txt {
  font-size: 14px !important;
  font-weight: 400 !important;
}

#SC-ContentBlock-Sitemap-Container ul > li > a{
  color:#9A1A10;
}

.hd1-container {
  padding-top: 10px;
}

.hd1 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: #2B2933;
  letter-spacing: 0.03px;

}

.hd2 {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.24;
  color: #1B1B1B;
  letter-spacing: 0.03px;
  max-width: 950px;
  width: 100%;
}

.hd2-blogs {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.24;
  color: #1B1B1B;
  letter-spacing: 0.03px;
  max-width: 1100px;
  width: 100%;
  margin-top:20px;
}

.hd2-inner {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.24;
  color: #1B1B1B;
  letter-spacing: 0.03px;
  max-width: 1220px;
  width: 100%;

}

@media (max-width: 768px) {
  .hd1 {
    font-size: 18px;
  }

  .hd2 {
    font-size: 25px;
  }

  .hd2-blogs {
    font-size: 25px;
  }

  .hd2-inner {
    font-size: 25px;

  }

}

.hd1-subtxt {
  font-size: 16px;
  color: #565660;
  font-weight: 500;
  line-height: 1.5;
}

.hd3 {
  font-size: 16px;
  font-weight: 500;
  color: #565660;
  line-height: 1.5;
  max-width: 815px;
  width: 100%;
}

.card-btm {
  margin-top: 50px;
}

.card-img {
  margin: 10px;
}

.card-title {
  font-size: 19px;
  padding: 15px 0;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

.card-text {
  font-size: 14px;
  color: #565660;
  font-weight: 500;
  letter-spacing: 0.23;
  line-height: 20px;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
}

.card-text:hover {
  color: #565660 !important;
}

.card-text p {
  margin-bottom:0;
}

.card-arrow {
  text-align: right;
  padding-top: 30px;
  margin-left:auto;
}

.card_press {
  -webkit-box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  width: 100%;
  max-width: 320px;
  min-height: 308px;
  text-align: center;
  padding: 20px 0px;
  border-radius: 8px;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
  display: block;
  color: #2B2933;
  cursor: pointer;
}
.card-img-press{
  border-bottom:1px solid #EBEBEB;
}
.card-text-press{
  padding: 0px 40px;
}

.EventCard_content_heading {
  font-size: 22px;
  margin: 20px 0 25px;
  font-weight: 700;
}

a.red-arrow-pages{
  display:inline-block ;
  width:20px ;
  height:9px ;
  background:url("https://res.cloudinary.com/hynqxvid6/image/upload/v1657259039/media/arrow_default.svg") no-repeat ;
}

a.red-arrow-pages:hover{
  width:27px ;
  height:9px ;
  background:url("https://res.cloudinary.com/hynqxvid6/image/upload/v1657259059/media/arrow_active.svg") no-repeat ;
  transition: all .1s ease-in-out ;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
}

.p-link:hover > b > .red-arrow-pages{
  width:27px ;
  height:9px ;
  background:url("https://res.cloudinary.com/hynqxvid6/image/upload/v1657259059/media/arrow_active.svg") no-repeat ;
  transition: all .1s ease-in-out ;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
}

a.red-arrow{
  display:block ;
  width:20px ;
  height:9px ;
  background:url("https://res.cloudinary.com/hynqxvid6/image/upload/v1657259039/media/arrow_default.svg") no-repeat ;
  margin-right: auto;
  margin-left: 220px;
}

a.red-arrow:hover{
  width:27px ;
  height:9px ;
  background:url("https://res.cloudinary.com/hynqxvid6/image/upload/v1657259059/media/arrow_active.svg") no-repeat ;
  transition: all .1s ease-in-out ;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
}

.card:hover > .card-arrow > .red-hover{
  width:27px ;
  height:9px ;
  background:url("https://res.cloudinary.com/hynqxvid6/image/upload/v1657259059/media/arrow_active.svg") no-repeat ;
  transition: all .1s ease-in-out ;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
}

/* Card Blogs */
.cardblog-gap{
  gap:40px !important;
  margin-bottom:50px;
}
.cardblog {
  -webkit-box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
  width: 100%;
  /* max-width: 320px; */
  min-height: 175px;
  text-align: left;
  padding: 20px 40px;
  border-radius: 8px;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
  display: block;
  color: #2B2933;
}

.cardblog:hover > .cardblog-title > a{
  color: #B41213 !important;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

.cardblog:hover{
  color: #B41213 !important;
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  -webkit-box-shadow: 0 2px 8px 1px rgb(0 0 0 / 50%);
  box-shadow: 0 2px 8px 1px rgb(0 0 0 / 50%);
  cursor:pointer;
}

.cardblog-img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

.cardblog-title {
  font-size: 17px;
  padding: 15px 0;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  text-align: left;
}

.cardblog-title a{
  text-decoration:none !important;
  color:#2B2933 !important;
  min-height: 43px;
}
.cardblog-title a:hover{
  color: #B41213 !important;
}

.cardblog-Name {
  font-size: 14px;
  color: #2B2933;
  font-weight: 500;
  letter-spacing: 0.23;
  line-height: 20px;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
}

.cardblog-text {
  font-size: 12px;
  color: #8D8C98;
  font-weight: 500;
  letter-spacing: 0.23;
  line-height: 15px;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
}

.tags {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px !important;
  padding: 5px;
  background-color: #F5F5FA;
  border-radius: 10px;
  display: inline-block;
  color: #565660;
}

.subject-tags-header{
  font-family: 'Montserrat', sans-serif;
  font-size: 14px !important;
  padding: 5px;
  background-color: #E6E6EE;
  border-radius: 10px;
  display: inline-block;
  color: #565660;
  margin: 10px 10px 10px 0;
}

.creators-container{
  overflow:auto;
}

.blog-avatar{
  border-radius: 50%;
}

.img-blog-owner-container{
  float:left;
}
.blog-owner-info-name-date-container{
  float:left;
  margin-left: 20px;
  margin-top: 27px;
}

.card-blog-owner-info-name-date-container{
  float:left;
  margin-left: 20px;
  margin-top: 2px;
}

.Mobno-footer {
  padding-right:20px;
}

[data-cb="p-right-norths-collective-banner-image"]{
  display: flex;
  align-items: center;
  justify-content: center;
}

#SC-ContentBlock-case-study-entry-tag-list .p-subtitle{
  font-weight:600;
}

@media only screen and (min-width: 768px) {

  #SC-pages-show .SC-Banner_container,
  .Banner_container {
    min-height: 400px !important;
  }

  /* #SC-pages-show .SC-Banner_content,
  .Banner_content {
    max-width: 537px;
    width: 100%;
  } */

  #SC-pages-home .SC-Banner_container,
  .Banner_container {
    min-height: 400px !important;
  }

  /* #SC-pages-home .SC-Banner_content,
  .Banner_content {
    max-width: 537px;
    width: 100%;
  } */


}

@media only screen and (max-width:1440px) {
  .partner-logo-con {
    max-width: 164px;
  }

  .dropdown-content {
    right: 40px;
  }

  .desktop-navigation {
    display: none;
  }

  .mobile-navigation {
    display: block;
  }

  .mobile-navigation .top-menu-banner img {
    width: 100%;
  }
}

@media only screen and (max-width:1440px) {
  .partner-logo-con {
    max-width: 164px;
  }

  .dropdown-content {
    right: 40px;
  }

  .desktop-navigation {
    display: none;
  }

  .mobile-navigation {
    display: block;
  }

  .mobile-navigation .top-menu-banner img {
    width: 100%;
  }
}

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

   .side_nav li a:not(.SC-Menu_link) {
    padding: 15px 7px;
   }

  .side_nav li a:not(.SC-Menu_link) {
    padding: 21px 10px;
    font-size: 10px;
  }


@media only screen and (max-width:1024px) {
  .partner-logo-con {
    max-width: 124px;
  }

  .Mobno-footer {
    display: none !important;
  }

  .bg-container-innerpage{
    display:none;
  }
  .bg-container-subpage{
    display:none;
  }
}


@media only screen and (max-width:768px) {
  .Mobno {
    display: none;
  }

  .partner-logo-con {
    max-width: 184px;
  }

  .SC-Banner_content-Dep {
    width: 85%;
  }

  #SC-ContentBlock-footer-partner img {
    max-width: 170px;
  }

  .card-btm {
    margin-top: 0px !important;
  }

  .sc-two-thirds-one-third {
    display: block;
  }
}

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


  .hd1 {
    font-size: 15px;
  }

  .hd1-subtxt {
    font-size: 12px;
  }

  #SC-pages-show .SC-Banner_container,
  .Banner_container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #SC-pages-home .SC-Banner_container,
  .Banner_container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .SC-Banner_content-Dep {
    padding: 155px 16px;
    width: 95%;
  }

  .col-50 {
    width: 100%;
    padding: 20px 0;
    text-align: center;
  }

  .col-33 {
    width: 100%;
    padding: 20px 0;
  }



  #SC-ContentBlock-footer-partner img {
    max-width: 230px;
    width: 100%;
  }

  .ta-right {
    float: none !important;
    text-align: center;
  }

  .footer-info-txt {
    width: 100% !important;

  }

  .partner-logo-con {
    max-width: 198px;
  }

  .half-twohalf-grid{
    display: block;
  }
  .mon-err-avatar-container{
    width:100%;
  }
  .two-col-grid{
    display:block;
  }
  .three-col-grid{
    display:block;
  }

  #SC-ContentBlockContainer-homepage-banner{
    padding-top:30px;
    padding-bottom:50px;
  }
  .slider-logo-container{
    display:none;
}
}

@media only screen and (max-width:425px) {
  .partner-logo-con {
    max-width: 180px;
  }
}

@media only screen and (max-width:375px) {
  .partner-logo-con {
    max-width: 172px;
  }

  .default-slider-btn {
    font-size: 11px;
  }

  .ready-to-start-title {
    font-size: 28px;
  }

  .ready-to-start-button {
    font-size: 15px;
  }

}

@media only screen and (max-width:320px) {
  .partner-logo-con {
    max-width: 145px;
  }

  .SC-Banner_content-Dep {
    padding: 85px 13px;
  }

  .ready-to-start-button {
    font-size: 11px;
    padding: 11px 25px;
  }
}

#SC-ContentBlock-p-left-community {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.ServicesSummary_list_item_icon.circle {
  box-sizing: border-box;
  width: 32px;
  display: inline-block;
  color: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
}
.ServicesSummary_list_item_label {
  display: inline-block;
  color: currentColor;
  width: calc(100% - 32px - 30px);
  vertical-align: middle;
  font-weight: 700;
}
#SC-ContentBlock-look-after-your-rails-content {
  text-align: center;
}
#SC-ContentBlockContainer-Look-after-your-Rails-container {
  margin: 20px;
  padding: 20px;
  border: thin solid #000000;
  box-shadow: 0 2px 8px rgb(187,187,187);
}
.p-entry-tag{
  opacity: 1;
  color: #272727;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0px;
  text-align: left;
}
.main-footer-container table td {
  padding-left: 0;
}
.main-footer-container table td:before {
  display: unset;
}
}

#SC-ContentBlockContainer-herobannerleftandformright .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightsvcs .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightvd .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightadd .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightsf .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightmtnc .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightsvcconsult .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightAppdesignwrkshp .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightappreview .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightsvsinspect .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightsecassessmnt .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightScheduleConsultRoRConf .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightuxsvc .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightuisvc .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightsoftwaredev .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightrorwebdev .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightmobappdev .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightrorupgrdspt .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightaiintegratn .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightsfdatastorg .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightstoreconnect .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightiotconnectivity .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightcodecare .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightopscare .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightusadallas .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightusanewyork .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightusachicago .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightrubyconfchicago .sc-one-to-two-column

{
margin-top:-15px;
}

#SC-ContentBlockContainer-herobannerleftandformrightpoc .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightusanewyork .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightusachicago .sc-one-to-two-column, 
#SC-ContentBlockContainer-herobannerleftandformrightrubyconfchicago .sc-one-to-two-column
{
margin-top:-30px;
}



/*heroku page*/
#SC-ContentBlockContainer-heroku-title-slice .sc-one-to-two-column
{
margin-top:-15px;
}
/*heroku page*/



#SC-ContentBlock-HeroHeaderleft, 
#SC-ContentBlock-HeroHeaderleftsvcs, 
#SC-ContentBlock-HeroHeaderleftvd, 
#SC-ContentBlock-HeroHeaderleftadd, 
#SC-ContentBlock-HeroHeaderleftsf, 
#SC-ContentBlock-HeroHeaderleftmtnc, 
#SC-ContentBlock-HeroHeaderleftsvcconsult, 
#SC-ContentBlock-HeroHeaderleftAppdesignwrkshp, 
#SC-ContentBlock-HeroHeaderleftappreview, 
#SC-ContentBlock-HeroHeaderleftsvsinspect, 
#SC-ContentBlock-HeroHeaderleftsecassessmnt, 
#SC-ContentBlock-HeroHeaderleftScheduleConsultRoRConf, 
#SC-ContentBlock-HeroHeaderleftuxsvc, 
#SC-ContentBlock-HeroHeaderleftuisvc, 
#SC-ContentBlock-HeroHeaderleftsoftwaredev, 
#SC-ContentBlock-HeroHeaderleftrorwebdev, 
#SC-ContentBlock-HeroHeaderleftmobappdev, 
#SC-ContentBlock-HeroHeaderleftrorupgrdspt, 
#SC-ContentBlock-HeroHeaderleftaiintegratn, 
#SC-ContentBlock-HeroHeaderleftsfdatastorg, 
#SC-ContentBlock-HeroHeaderleftstoreconnect, 
#SC-ContentBlock-HeroHeaderleftiotconnectivity, 
#SC-ContentBlock-HeroHeaderleftcodecare, 
#SC-ContentBlock-HeroHeaderleftopscare,
#SC-ContentBlock-HeroHeaderleftpoc, 
#SC-ContentBlock-HeroHeaderleftusadallas,
#SC-ContentBlock-HeroHeaderleftusachicago, 
#SC-ContentBlock-RubyConfChicagoTxtRight
{
max-width:700px;
}

/*heroku page*/
#SC-ContentBlock-heroku-title-slice-text
{
max-width:700px;
}
/*heroku page*/

#SC-ContentBlock-HeroHeaderleft h1, 
#SC-ContentBlock-HeroHeaderleftsvcs h1, 
#SC-ContentBlock-HeroHeaderleftvd h1, 
#SC-ContentBlock-HeroHeaderleftadd h1, 
#SC-ContentBlock-HeroHeaderleftsf h1, 
#SC-ContentBlock-HeroHeaderleftmtnc h1, 
#SC-ContentBlock-HeroHeaderleftsvcconsult h1, 
#SC-ContentBlock-HeroHeaderleftAppdesignwrkshp h1, 
#SC-ContentBlock-HeroHeaderleftappreview h1, 
#SC-ContentBlock-HeroHeaderleftsvsinspect h1, 
#SC-ContentBlock-HeroHeaderleftsecassessmnt h1, 
#SC-ContentBlock-HeroHeaderleftScheduleConsultRoRConf h1, 
#SC-ContentBlock-HeroHeaderleftuxsvc h1, 
#SC-ContentBlock-HeroHeaderleftuisvc h1, 
#SC-ContentBlock-HeroHeaderleftsoftwaredev h1, 
#SC-ContentBlock-HeroHeaderleftrorwebdev h1, 
#SC-ContentBlock-HeroHeaderleftmobappdev h1, 
#SC-ContentBlock-HeroHeaderleftrorupgrdspt h1, 
#SC-ContentBlock-HeroHeaderleftaiintegratn h1, 
#SC-ContentBlock-HeroHeaderleftsfdatastorg h1, 
#SC-ContentBlock-HeroHeaderleftstoreconnect h1, 
#SC-ContentBlock-HeroHeaderleftiotconnectivity h1, 
#SC-ContentBlock-HeroHeaderleftcodecare h1, 
#SC-ContentBlock-HeroHeaderleftopscare h1, 
#SC-ContentBlock-ThankYou h1,
#SC-ContentBlock-HeroHeaderleftpoc h1, 
#SC-ContentBlock-HeroHeaderleftusadallas h1, 
#SC-ContentBlock-HeroHeaderleftusachicago h1
{
margin-top:0;
}


/*heroku page*/
#SC-ContentBlock-heroku-title-slice-text h1, 
#SC-ContentBlock-JoinUsRubyConfChicagoDinnerText
{
margin-top:0;
}
/*heroku page*/

#SC-ContentBlock-HeroHeaderleft h2 td, 
#SC-ContentBlock-HeroHeaderleftsvcs h2 td, 
#SC-ContentBlock-HeroHeaderleftvd h2 td, 
#SC-ContentBlock-HeroHeaderleftadd h2 td, 
#SC-ContentBlock-HeroHeaderleftsf h2 td, 
#SC-ContentBlock-HeroHeaderleftmtnc h2 td, 
#SC-ContentBlock-HeroHeaderleftsvcconsult h2 td, 
#SC-ContentBlock-HeroHeaderleftAppdesignwrkshp h2 td, 
#SC-ContentBlock-HeroHeaderleftappreview h2 td, 
#SC-ContentBlock-HeroHeaderleftsvsinspect h2 td, 
#SC-ContentBlock-HeroHeaderleftsecassessmnt h2 td, 
#SC-ContentBlock-HeroHeaderleftScheduleConsultRoRConf h2 td, 
#SC-ContentBlock-HeroHeaderleftuxsvc h2 td, 
#SC-ContentBlock-HeroHeaderleftuisvc h2 td, 
#SC-ContentBlock-HeroHeaderleftsoftwaredev h2 td, 
#SC-ContentBlock-HeroHeaderleftrorwebdev h2 td, 
#SC-ContentBlock-HeroHeaderleftmobappdev h2 td, 
#SC-ContentBlock-HeroHeaderleftrorupgrdspt h2 td, 
#SC-ContentBlock-HeroHeaderleftaiintegratn h2 td, 
#SC-ContentBlock-HeroHeaderleftsfdatastorg h2 td, 
#SC-ContentBlock-HeroHeaderleftstoreconnect h2 td, 
#SC-ContentBlock-HeroHeaderleftiotconnectivity h2 td, 
#SC-ContentBlock-HeroHeaderleftcodecare h2 td, 
#SC-ContentBlock-HeroHeaderleftopscare h2 td,
#SC-ContentBlock-HeroHeaderleftpoc h2 td, 
#SC-ContentBlock-HeroHeaderleftusadallas h2 td,
#SC-ContentBlock-HeroHeaderleftusachicago h2 td

{
font-size:20px;
}

/*heroku page*/
#SC-ContentBlock-heroku-title-slice-text h2 td

{
font-size:20px;
}
/*heroku page*/

#SC-ContentBlock-SvcPageFormTxtRight .sc-shade-neutral span, 
#SC-ContentBlock-SvcPageFormCodecareTxtRight .sc-shade-neutral span, 
#SC-ContentBlock-RoRConfFormTxtRight .sc-shade-neutral span, 
#SC-ContentBlock-RoRGiftConfFormTxtRight .sc-shade-neutral span, 
#SC-ContentBlock-RoRGiftCrdConfFormTxtRight .sc-shade-neutral span, 
#SC-ContentBlock-SvcPageherokuFormtxtRight .sc-shade-neutral span,
#SC-ContentBlock-OfferFreeTechStackFormTxtLeft .sc-shade-neutral span
{
color:#000000;
}

#SC-ContentBlock-SvcPageFormTxtRight, 
#SC-ContentBlock-SvcPageFormCodecareTxtRight,
#SC-ContentBlock-RoRConfFormTxtRight, 
#SC-ContentBlock-RoRGiftConfFormTxtRight, 
#SC-ContentBlock-RoRGiftCrdConfFormTxtRight,
#SC-ContentBlock-OfferFreeTechStackFormTxtLeft
{
width:100%;
align:center;
max-width:665px;
min-width: 363px;
text-align:center;
background-color:#f1f8f8;
 border-radius: 10px;
 border: 2px solid #F5F5FA;
display:block;
margin: auto 0;
}

@media only screen and (max-width: 575.98px) {
  #SC-ContentBlock-SvcPageFormTxtRight, 
  #SC-ContentBlock-SvcPageFormCodecareTxtRight, 
  #SC-ContentBlock-RoRConfFormTxtRight, 
  #SC-ContentBlock-RoRGiftConfFormTxtRight, 
  #SC-ContentBlock-RoRGiftCrdConfFormTxtRight, 
#SC-ContentBlock-OfferFreeTechStackFormTxtLeft {
    max-width: 100%;
    min-width: 100%;
  }
}


#SC-ContentBlock-SvcPageFormTxtRight iframe, 
#SC-ContentBlock-SvcPageFormCodecareTxtRight iframe, 
#SC-ContentBlock-RoRConfFormTxtRight iframe, 
#SC-ContentBlock-RoRGiftConfFormTxtRight iframe, 
#SC-ContentBlock-RoRGiftCrdConfFormTxtRight iframe
#SC-ContentBlock-OfferFreeTechStackFormTxtLeft iframe { 
width:40%;
height:1000%;
align-items: center;
margin: 0 auto;
display:block;
min-height:370px;
max-width:363px;
min-width:282px;
}



#SC-ContentBlockContainer-herobannerleftandformright, 
#SC-ContentBlockContainer-herobannerleftandformrightsvcs, 
#SC-ContentBlockContainer-herobannerleftandformrightvd, 
#SC-ContentBlockContainer-herobannerleftandformrightadd, 
#SC-ContentBlockContainer-herobannerleftandformrightsf, 
#SC-ContentBlockContainer-herobannerleftandformrightmtnc, 
#SC-ContentBlockContainer-herobannerleftandformrightsvcconsult, 
#SC-ContentBlockContainer-herobannerleftandformrightAppdesignwrkshp, 
#SC-ContentBlockContainer-herobannerleftandformrightappreview, 
#SC-ContentBlockContainer-herobannerleftandformrightsvsinspect, 
#SC-ContentBlockContainer-herobannerleftandformrightsecassessmnt, 
#SC-ContentBlockContainer-herobannerleftandformrightScheduleConsultRoRConf, 
#SC-ContentBlockContainer-herobannerleftandformrightuxsvc, 
#SC-ContentBlockContainer-herobannerleftandformrightuisvc, 
#SC-ContentBlockContainer-herobannerleftandformrightsoftwaredev, 
#SC-ContentBlockContainer-herobannerleftandformrightrorwebdev, 
#SC-ContentBlockContainer-herobannerleftandformrightmobappdev, 
#SC-ContentBlockContainer-herobannerleftandformrightrorupgrdspt, 
#SC-ContentBlockContainer-herobannerleftandformrightaiintegratn, 
#SC-ContentBlockContainer-herobannerleftandformrightsfdatastorg, 
#SC-ContentBlockContainer-herobannerleftandformrightstoreconnect, 
#SC-ContentBlockContainer-herobannerleftandformrightiotconnectivity, 
#SC-ContentBlockContainer-herobannerleftandformrightcodecare,  
#SC-ContentBlockContainer-herobannerleftandformrightopscare, 
#SC-ContentBlockContainer-ThankYouPageTitleBlock,
#SC-ContentBlockContainer-Thank-You-Page-Title-Block, 
#SC-ContentBlockContainer-herobannerleftandformrightpoc, 
#SC-ContentBlockContainer-herobannerleftandformrightusadallas, 
#SC-ContentBlockContainer-herobannerleftandformrightusanewyork, 
#SC-ContentBlockContainer-herobannerleftandformrightusachicago, 
#SC-ContentBlockContainer-herobannerleftandformrightrubyconfchicago
{
border-bottom:2px solid #c3271b;
margin: auto 0;
}

/*heroku page*/
#SC-ContentBlockContainer-heroku-title-slice
{
border-bottom:2px solid #c3271b;
margin: auto 0;
}
/*heroku page*/

#SC-ContentBlock-SvcPageFormTxtRight .svcpgformrightside, 
#SC-ContentBlock-SvcPageFormCodecareTxtRight .svcpgformrightside, 
#SC-ContentBlock-SvcPageFormTxtRight .svcpgformrightsidepoc, 
#SC-ContentBlock-USAFormTxtRight .usaformrightside iframe, 
#SC-ContentBlock-SvcPageFormTxtRight .svcpgformrightsideheroku {
margin-top:-20px;
}

/*-------Free consultation page with CEO--------*/
#SC-ContentBlockContainer-Free-Consultation-Title
{
Padding-top:0;
margin-top:-65px;
}

/*--------RoR April 24' Event Form---------*/

#pardotFormIframeRoR
{
min-height: 580px ! important;
width:100%;
}

#pardotFormIframepoc, 
#pardotFormIframeheroku 
{
min-height: 600px ! important; /*792px*/
width:100%;
margin-top:-41px;

}

#pardotFormIframesvcpgs {/*428px 493px*/
min-height: 399px! important; 
}

#pardotFormIframepoc form.form p span.description, 
#pardotFormIframeheroku form.form p span.description  
{
margin-left:10px;
}

#SC-ContentBlockContainer-RubyonRailsConsultationTitleBlock, 
#SC-ContentBlockContainer-EnterYourDetailsToWinTitleBlock, #SC-ContentBlockContainer-LetsFixYourTechStackForGoodTitleBlock
{
padding-top: 0px;
/*height: 120px;*/
border-bottom: 3px solid #B41213;
}

#SC-ContentBlock-RubyonRailsConsultationTitle, 
#SC-ContentBlock-EnterYourDetailsToWin, #SC-ContentBlock-Thanksforattendingthewebinar
{
/*margin-top:-10px;*/
}

#SC-ContentBlock-RubyonRailsConsultationTitle h2, 
#SC-ContentBlock-EnterYourDetailsToWin h2, #SC-ContentBlock-Thanksforattendingthewebinar
{
/*margin-top:-12px;
padding-top:0;*/
}

#SC-ContentBlock-RubyonRailsConsultationContent h3
{
margin-top:0;
}

/* ---------RoR Consultation Calendar--------*/

#SC-ContentBlock-RoRConsulScheduleCalendartxtblock iframe div .Ch943
{
visibility:collapse;
}

/* ---------Congratulations Duck/Gift Card Page--------*/
.giftimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/* ---------thank you page--------*/

#SC-ContentBlock-VisitSocialsTxtLeft .reinteractive-social-media
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
}

#SC-ContentBlock-SvcPagepocFormtxtRight .sc-shade-neutral, 
#SC-ContentBlock-USAFormTxtRight .sc-shade-neutral, 
#SC-ContentBlock-SvcPageherokuFormtxtRight .sc-shade-neutral
{
text-align:center;
}


/*USA form*/

#SC-ContentBlock-USAFormTxtRight .usaformrightside iframe {
min-height: 414px; /*793px;*/ /*688px;*/
}

#SC-ContentBlock-RubyConfChicagoTxtRight .chicagoformrightside iframe 
{
min-height:864px;
}

/*blog questions page*/
#SC-ContentBlock-BlogQuestionSubText p {
margin:0 auto;
}

#SC-ContentBlock-BlogQuestionTextForm p {
text-align:center;
/*margin:0 auto;*/
}
/*blog questions page*/


/*RubyconfChicago Page*/

#SC-ContentBlock-RubyconfChicagoContent a img {
margin-top:-38px;
}

/*RubyconfChicago Page*/


/*contact page form - radio buttons*/

form.form p.formcontactpg span.description {
display: block; 
margin-left: 0px;
}

/*contact page form - radio buttons*/


/*HEROKU EBOOK*/

#SC-ContentBlockContainer-herokuebook  {

background-image:    url(https://res.cloudinary.com/hemf2tdtc/image/upload/v1736933953/media/00D5g000004RWSmEAO/Heroku-ebook.png);
    background-size:     cover;   
    background-repeat:   no-repeat;
    background-position: center center;  
    color:#ffffff;
    height:731px;
}

#SC-ContentBlockContainer-herokueaeguide {

background-image:    url(https://res.cloudinary.com/hemf2tdtc/image/upload/v1741751688/media/00D5g000004RWSmEAO/heroku_ae_guide_hero_image.png);
    background-size:     cover;   
    background-repeat:   no-repeat;
    background-position: center center;  
    color:#ffffff;
    height:800px;
}


#SC-ContentBlockContainer-ConsideringUsingHerokuContainer, 
#SC-ContentBlockContainer-boostsaleswithherokuContainer {

background-image:    url(https://res.cloudinary.com/hemf2tdtc/image/upload/v1737347438/media/00D5g000004RWSmEAO/contact-us-background.png);
    background-size:     cover;   
    background-repeat:   no-repeat;
    background-position: center center;  
    color:#ffffff;
}


#SC-ContentBlockContainer-knowmoreaboutherokuContainer, 
#SC-ContentBlockContainer-discussherokuContainer, 
#SC-ContentBlockContainer-boostsaleswithherokuContainer
{
background-color: #f2f2f2;
}


#SC-ContentBlock-TxtColumn1ChapterOutlineHerokuebook .cardblog, 
#SC-ContentBlock-TxtColumn2ChapterOutlineHerokuebook .cardblog, 
#SC-ContentBlock-TxtColumn3ChapterOutlineHerokuebook .cardblog, 
#SC-ContentBlock-TxtColumn4ChapterOutlineHerokuebook .cardblog, 
#SC-ContentBlock-TxtColumn1ChapterOutlineherokueaeguide .cardblog, 
#SC-ContentBlock-TxtColumn2ChapterOutlineherokueaeguide .cardblog, 
#SC-ContentBlock-TxtColumn3ChapterOutlineherokueaeguide .cardblog, 
#SC-ContentBlock-TxtColumn4ChapterOutlineherokueaeguide .cardblog
{

/*background-image: url(https://res.cloudinary.com/hemf2tdtc/image/upload/v1736935639/media/00D5g000004RWSmEAO/chapter-background.png);
    background-size:     cover;   
    background-repeat:   no-repeat;
    background-position: center center;  */
    color:#ffffff;
} 


#SC-ContentBlock-TxtColumn1ChapterOutlineHerokuebook a h4, 
#SC-ContentBlock-TxtColumn2ChapterOutlineHerokuebook a h4, 
#SC-ContentBlock-TxtColumn3ChapterOutlineHerokuebook a h4, 
#SC-ContentBlock-TxtColumn4ChapterOutlineHerokuebook a h4, 
#SC-ContentBlock-TxtColumn1ChapterOutlineherokueaeguide a h4, 
#SC-ContentBlock-TxtColumn2ChapterOutlineherokueaeguide a h4, 
#SC-ContentBlock-TxtColumn3ChapterOutlineherokueaeguide a h4, 
#SC-ContentBlock-TxtColumn4ChapterOutlineherokueaeguide a h4
{
color:#ffffff;
}


#SC-ContentBlock-TxtRightKeyTakeawaysContent ul li, 
#SC-ContentBlock-TxtRightDiscussHerokuContent ul li {
  list-style-image: url(https://res.cloudinary.com/hemf2tdtc/image/upload/v1737344960/media/00D5g000004RWSmEAO/bullet-reinteractive.svg);

}

#SC-ContentBlock-TxtColumn1ChapterOutlineHerokuebook a span, 
#SC-ContentBlock-TxtColumn2ChapterOutlineHerokuebook a span, 
#SC-ContentBlock-TxtColumn3ChapterOutlineHerokuebook a span, 
#SC-ContentBlock-TxtColumn4ChapterOutlineHerokuebook a span, 
#SC-ContentBlock-TxtColumn1ChapterOutlineherokueaeguide a span, 
#SC-ContentBlock-TxtColumn2ChapterOutlineherokueaeguide a span, 
#SC-ContentBlock-TxtColumn3ChapterOutlineherokueaeguide a span, 
#SC-ContentBlock-TxtColumn4ChapterOutlineherokueaeguide a span
{
font-weight:300;
font-size:16px;
color:#ffffff;
background-color:#000000;
padding:10px;
border-radius:5px;
}




/*CYBER SECURITY BLOG BY ERROL*/

/* Paragraph */
.esd-structure tr p{
 background-color:#000000;
}

/*calendar background USA/AU */

.es-m-p20b p iframe, .es-right p iframe
{
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
border-radius:10px;
}


/*blog article*/
#reailsturbo p {
color:#000000;
line-height:30px;
}

/*RubyonRails App Review Page*/

#SC-ContentBlock-HeroHeaderleftappreview h1{
margin-top:15px;
}

#SC-ContentBlockContainer-herobannerleftandformrightparentappreview, #SC-ContentBlockContainer-app-review-block2-container{
background-color:#221f20;
}

#SC-ContentBlock-HeroHeaderleftappreview .sc-me-small{
width:80%;
}

#SC-ContentBlock-HeroHeaderleftappreview .sc-me-small img{
width:5%;
 
}

#SC-ContentBlock-HeroHeaderleftappreview .sc-me-small p{
font-size:15px;
text-align:left;
color:#ffffff;
font-weight:700;
}

#SC-ContentBlock-HeroHeaderleftappreview .sc-me-small h2, #SC-ContentBlock-HeroHeaderleftappreview h1, #SC-ContentBlock-HeroHeaderleftappreview h4, #SC-ContentBlock-left-app-review-block2 h2, #SC-ContentBlock-right-app-review-block2 h2, #SC-ContentBlock-right-app-review-block2 p, #SC-ContentBlock-left-app-review-block2 p{
color:#ffffff;
}

#SC-ContentBlock-left-app-review-block2 h2, #SC-ContentBlock-right-app-review-block2 h2{
text-align:left;
}

#SC-ContentBlockContainer-app-review-common-questions-container{
margin-top:30px;
}

#SC-ContentBlockContainer-app-review-common-questions-container .sc-one-to-two-column{
border-bottom:2px solid #c3271b;
padding:20px 0 40px 0;
/*margin: auto 0;*/
}


/*codecare page*/

/* Small */
#SC-ContentBlock-HeaderCodecaretxt .sc-me-small{
 position:relative;
 top:25px;
}


/* Division */
#SC-ContentBlock-HeroHeaderleftcodecare{
 position:relative;
 top:-29px;
}

/* Division */
#SC-ContentBlock-HeaderCodecaretxt{
 position:relative;
 top:-37px;
}


/* Paragraph */
#SC-ContentBlock-HeroHeaderleftcodecare p{
 color:#000000;
}

/* Small */
#SC-ContentBlock-HeroHeaderleftcodecare .sc-me-small{
 height:45px;
}


/*YOUTUBE size ON SMALL SCREEN VV*/
/* Iframe */
#SC-ContentBlock-HeroHeaderleftcodecare p iframe{
 display:inline-block;
 width:100%;
 padding-right:0px;
}

/* One two column */
#SC-ContentBlockContainer-herobannerleftandformrightcodecare .sc-one-to-two-column{
 transform:translatex(0px) translatey(0px);
}
/*YOUTUBE size ON SMALL SCREEN ^^*/


/*row 2 margin top VV*/
/* Section */
#SC-ContentBlockContainer-herobannerleftandformrightparentscodecare{
 position:relative;
 top:-74px;
}
/*row 2 margin top ^^*/






/*ROWS 3,4,5 CODECAREVV*/
/* Section */
#SC-ContentBlockContainer-reinteractive-locations{
 position:relative;
 top:-86px;
}

#SC-ContentBlockContainer-what-is-codecare{
 position:relative;
 top:-86px;
}

/* Section 
#SC-ContentBlockContainer-Partners-Logo-Block{
 position:relative;
 top:-37px;
}*/
/*ROWS 3,4,5 CODECARE^^*/




/*CARDS CODECARE VV*/
/* Paragraph */
#SC-ContentBlockContainer-Maintenance-Cardblocks .card p{
 font-size:16px;
 line-height:1.7em;
}

/* Paragraph */
.container-xxl .card p{
 font-size:16px;
 line-height:1.7em;
}
/*CARDS CODECARE ^^*/


/*home pageVVV*/

/* App Review Section Home page */
#SC-ContentBlockContainer-appreviewpanelContainer{
 background-color:#1B1B1B;
} 
/*home page^^^*/