.elementor-2179 .elementor-element.elementor-element-dd6823d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2179 .elementor-element.elementor-element-dd6823d > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2179 .elementor-element.elementor-element-dd6823d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:350px 35px 200px 35px;}.elementor-2179 .elementor-element.elementor-element-aebc2b4.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2179 .elementor-element.elementor-element-a1e6dfa{text-align:center;}.elementor-2179 .elementor-element.elementor-element-a1e6dfa .elementor-heading-title{color:#FFFFFF;font-size:70px;}.elementor-2179 .elementor-element.elementor-element-a1e6dfa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2179 .elementor-element.elementor-element-73cf9a2{text-align:center;}.elementor-2179 .elementor-element.elementor-element-73cf9a2 .elementor-heading-title{color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-e069fcb .elementor-button{fill:#000000;color:#000000;background-color:#F1F1F1;}.elementor-2179 .elementor-element.elementor-element-e069fcb > .elementor-widget-container{margin:50px 50px 50px 50px;}.elementor-2179 .elementor-element.elementor-element-9c08e96 > .elementor-container{max-width:1229px;}.elementor-2179 .elementor-element.elementor-element-9c08e96:not(.elementor-motion-effects-element-type-background), .elementor-2179 .elementor-element.elementor-element-9c08e96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-9c08e96{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2179 .elementor-element.elementor-element-9c08e96 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2179 .elementor-element.elementor-element-8ddc2fd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2179 .elementor-element.elementor-element-0d77f6a > .elementor-container{min-height:100px;}.elementor-2179 .elementor-element.elementor-element-0d77f6a:not(.elementor-motion-effects-element-type-background), .elementor-2179 .elementor-element.elementor-element-0d77f6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-2179 .elementor-element.elementor-element-0d77f6a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2179 .elementor-element.elementor-element-0d77f6a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2179 .elementor-element.elementor-element-88e2ecf .elementor-wrapper{--video-aspect-ratio:1;}.elementor-2179 .elementor-element.elementor-element-88e2ecf{width:var( --container-widget-width, 99.918% );max-width:99.918%;--container-widget-width:99.918%;--container-widget-flex-grow:0;}.elementor-2179 .elementor-element.elementor-element-88e2ecf > .elementor-widget-container{background-color:#000000;}.elementor-2179 .elementor-element.elementor-element-e04a2d5 > .elementor-container{min-height:392px;}.elementor-2179 .elementor-element.elementor-element-3e98fde > .elementor-container{max-width:500px;}.elementor-2179 .elementor-element.elementor-element-3e98fde:not(.elementor-motion-effects-element-type-background), .elementor-2179 .elementor-element.elementor-element-3e98fde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://socialjac.com/wp-content/uploads/2024/09/Photo-Apr-19-2024-9-02-52-AM_1249x800-1.jpg");background-position:center right;}.elementor-2179 .elementor-element.elementor-element-3e98fde{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-2179 .elementor-element.elementor-element-3e98fde > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2179 .elementor-element.elementor-element-ff11b7b{text-align:center;color:#FFFFFF;font-size:67px;}.elementor-2179 .elementor-element.elementor-element-0bb621e:not(.elementor-motion-effects-element-type-background), .elementor-2179 .elementor-element.elementor-element-0bb621e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2179 .elementor-element.elementor-element-0bb621e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:66px 66px 66px 66px;}.elementor-2179 .elementor-element.elementor-element-0bb621e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2179 .elementor-element.elementor-element-26e9cd3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2179 .elementor-element.elementor-element-26e9cd3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2179 .elementor-element.elementor-element-26e9cd3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2179 .elementor-element.elementor-element-26e9cd3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2179 .elementor-element.elementor-element-8347e95{--icon-box-icon-margin:15px;}.elementor-2179 .elementor-element.elementor-element-8347e95.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-8347e95.elementor-view-framed .elementor-icon, .elementor-2179 .elementor-element.elementor-element-8347e95.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-8347e95 .elementor-icon-box-title{color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-8347e95 .elementor-icon-box-description{color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-8347e95 > .elementor-widget-container{background-color:#000000;}.elementor-2179 .elementor-element.elementor-element-f7d4499:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2179 .elementor-element.elementor-element-f7d4499 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2179 .elementor-element.elementor-element-f7d4499 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2179 .elementor-element.elementor-element-f7d4499 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2179 .elementor-element.elementor-element-83e993b{--icon-box-icon-margin:15px;}.elementor-2179 .elementor-element.elementor-element-83e993b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-83e993b.elementor-view-framed .elementor-icon, .elementor-2179 .elementor-element.elementor-element-83e993b.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-83e993b .elementor-icon-box-title{color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-83e993b .elementor-icon-box-description{color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-83e993b > .elementor-widget-container{background-color:#050000;}.elementor-2179 .elementor-element.elementor-element-6bae3ff:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2179 .elementor-element.elementor-element-6bae3ff > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2179 .elementor-element.elementor-element-6bae3ff > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2179 .elementor-element.elementor-element-6bae3ff > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2179 .elementor-element.elementor-element-8201dc9{--icon-box-icon-margin:15px;}.elementor-2179 .elementor-element.elementor-element-8201dc9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-8201dc9.elementor-view-framed .elementor-icon, .elementor-2179 .elementor-element.elementor-element-8201dc9.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-8201dc9 .elementor-icon-box-title{color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-8201dc9 .elementor-icon-box-description{color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-8201dc9 > .elementor-widget-container{background-color:#000000;}.elementor-2179 .elementor-element.elementor-element-18cb1b0:not(.elementor-motion-effects-element-type-background), .elementor-2179 .elementor-element.elementor-element-18cb1b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-18cb1b0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2179 .elementor-element.elementor-element-18cb1b0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2179 .elementor-element.elementor-element-6d942e1 > .elementor-background-overlay{opacity:0;}.elementor-2179 .elementor-element.elementor-element-8378dae:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2179 .elementor-element.elementor-element-8378dae > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://socialjac.com/wp-content/uploads/2025/11/Brown-and-White-Minimalist-Desktop-Mockup-Instagram-Post.jpg");background-position:center center;}.elementor-2179 .elementor-element.elementor-element-8378dae > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.17;}.elementor-2179 .elementor-element.elementor-element-8378dae > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2179 .elementor-element.elementor-element-8378dae > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2179 .elementor-element.elementor-element-096555a:not(.elementor-motion-effects-element-type-background), .elementor-2179 .elementor-element.elementor-element-096555a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2179 .elementor-element.elementor-element-096555a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2179 .elementor-element.elementor-element-096555a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2179 .elementor-element.elementor-element-c093e86:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2179 .elementor-element.elementor-element-c093e86 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2179 .elementor-element.elementor-element-c093e86 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2179 .elementor-element.elementor-element-c093e86 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2179 .elementor-element.elementor-element-17acec1 > .elementor-widget-container{background-color:#000000;}.elementor-2179 .elementor-element.elementor-element-565dc24:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2179 .elementor-element.elementor-element-565dc24 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2179 .elementor-element.elementor-element-565dc24 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2179 .elementor-element.elementor-element-565dc24 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2179 .elementor-element.elementor-element-2151136 > .elementor-widget-container{background-color:#000000;}.elementor-2179 .elementor-element.elementor-element-c632338:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2179 .elementor-element.elementor-element-c632338 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2179 .elementor-element.elementor-element-c632338 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2179 .elementor-element.elementor-element-c632338 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-2179 .elementor-element.elementor-element-8378dae:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2179 .elementor-element.elementor-element-8378dae > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-2179 .elementor-element.elementor-element-dd6823d{padding:343px 35px 87px 35px;}}@media(max-width:767px){.elementor-2179 .elementor-element.elementor-element-dd6823d{padding:280px 35px 40px 35px;}}/* Start custom CSS for html, class: .elementor-element-8ddc2fd *//* --- SOCIALJAC TAGLINE MARQUEE --- */

.sj-marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: #ffffff;                /* change to #000000 for black bar */
  padding: 16px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.sj-marquee-track {
  display: inline-block;
  animation: sjScroll 18s linear infinite;
}

.sj-marquee-track span {
  display: inline-block;
  margin-right: 80px;
  font-size: 18px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #000000;                     /* white if you switch to black bar */
  font-weight: 600;
}

/* Animation */
@keyframes sjScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-88e2ecf *//* Hide ALL video controls, play buttons, scrub bars, etc */
.elementor-widget-video video::-webkit-media-controls {
    display: none !important;
}

.elementor-widget-video video::-webkit-media-controls-enclosure {
    display: none !important;
}

.elementor-widget-video video::-webkit-media-controls-panel {
    display: none !important;
}

.elementor-widget-video video {
    pointer-events: none !important; /* disables clicking/pausing */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f3b6873 *//* === ABOUT SECTION (smooth, luxe, minimal) === */

.about-section {
  background-color: #ffffff;
  padding: 80px 20px;
  display: flex;
  justify-content: center;
}

.about-inner {
  max-width: 1200px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* TEXT SIDE */
.about-eyebrow {
  color: #000000;
  letter-spacing: 3px;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 300;
}

.about-title {
  color: #000000;
  font-size: 48px;
  line-height: 1.1;
  margin-bottom: 20px;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.about-body {
  color: #333333;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 18px;
}

.about-list li {
  color: #000000;
  font-size: 17px;
  margin-bottom: 8px;
}

/* IMAGE SIDE */
.about-image img {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}

/* MOBILE */
@media (max-width: 768px) {
  .about-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .about-image img {
    max-width: 90%;
    margin: 0 auto;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ff11b7b */.about-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
    letter-spacing: 0.5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f7d2665 */.marquee {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  font-size: 48px;
  letter-spacing: 1px;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
  padding: 20px 0;
  border-top: 1px solid #1a1a1a;
  border-bottom: 1px solid #1a1a1a;
}

.marquee span {
  display: inline-block;
  animation: scroll 20s linear infinite;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-797ce22 *//* === OUR PACKAGES – 3 BLACK CARDS LIKE TEMPLATE === */

/* wrapper holding all three packages */
.packages-wrapper {
  max-width: 1100px;
  margin: 60px auto;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

/* each package card */
.package-card {
  background-color: #000000;        /* black card */
  color: #ffffff;                   /* white text */
  padding: 40px 32px;
  flex: 1 1 300px;
  border-radius: 24px;              /* rounded like Etsy cards */
  border: 1px solid #555555;        /* subtle outline */
  text-align: left;
  display: flex;
  flex-direction: column;
}

/* title */
.package-title {
  font-family: "Playfair Display", "Cormorant Garamond", serif;
  font-size: 26px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  margin: 0 0 18px 0;
}

/* features list */
.package-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.package-features li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.5;
}

/* minimalist bullet dot */
.package-features li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
}

/* stack on mobile */
@media (max-width: 768px) {
  .packages-wrapper {
    flex-direction: column;
    margin: 40px 16px;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6d942e1 */@media (max-width: 767px) {
  .elementor-2179 .elementor-element.elementor-element-6d942e1 {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-17acec1 *//* ================================
   STILLS SECTION – DARK / LUXE
   ================================ */

.sj-stills-section {
  background-color: #050403; /* luxe black */
  padding: 60px 20px 55px;
}

.sj-stills-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* Title (uses global sj-title styling) */
.sj-stills-title {
  margin: 0 0 32px;
}

/* Horizontal scroll row */
.sj-stills-scroll {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  padding: 6px 4px 4px;
  -webkit-overflow-scrolling: touch;
  justify-content: center;
}

/* White scroll bar */
.sj-stills-scroll::-webkit-scrollbar {
  height: 4px;
}
.sj-stills-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.sj-stills-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.22);
  border-radius: 999px;
}

/* Individual still cards */
.sj-still-card {
  flex: 0 0 auto;
  width: 230px;
  height: 230px;              /* perfect square */
  border-radius: 0;           /* sharp corners */
  overflow: hidden;
  background: #111;           /* fallback bg */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sj-still-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Luxe hover */
.sj-still-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.55);
}

/* === MOBILE TWEAKS === */
@media (max-width: 767px) {
  .sj-stills-section {
    padding: 45px 16px 40px;
  }

  .sj-stills-title {
    margin-bottom: 24px;
  }

  .sj-still-card {
    width: 190px;
    height: 190px;
  }
}
/* FORCE TITLE TO BE WHITE + CENTERED */
.sj-stills-title,
.sj-title-white {
    color: #ffffff !important;
    text-align: center !important;
    opacity: 1 !important;
}
/* FIX: STILL FRAMES TITLE — MATCH MOTION STYLE */
.sj-stills-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  text-align: center !important;
  letter-spacing: 0.16em !important;
  font-size: 32px !important;
  margin-bottom: 32px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-736be88 *//* ================================
   OUR CREATIVE APPROACH – CLEAN WHITE THEME
   ================================ */

.sj-approach-section {
  background-color: #ffffff;
  padding: 70px 20px 80px;
}

/* Inner wrapper */
.sj-approach-inner {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

/* Title */
.sj-approach-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  font-size: 32px !important;
  letter-spacing: 0.16em !important;
  color: #000000 !important;
  margin: 0 0 18px !important;
}

/* Subheading / description text under title */
.sj-approach-subtitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 1.8;
  color: #444444;
  max-width: 720px;
  margin: 0 auto 40px;
}

/* Horizontal 3-column layout */
.sj-approach-grid {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 26px !important;
  flex-wrap: nowrap !important;   /* keep them in a row on desktop */
  max-width: 1100px;
  margin: 0 auto;
}

/* Individual cards */
.sj-approach-card {
  flex: 1 1 auto;
  width: 30% !important;          /* forces three across */
  max-width: 320px;
  background: #fafafa;
  border-radius: 22px;
  padding: 26px 26px 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Card title */
.sj-approach-card-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #000000;
  margin: 0 0 14px;
}

/* Card body text */
.sj-approach-card-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  line-height: 1.8;
  color: #555555;
}

/* Hover luxe effect */
.sj-approach-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.10);
}

/* ================================
   MOBILE / TABLET
   ================================ */
@media (max-width: 1024px) {
  .sj-approach-grid {
    flex-wrap: wrap !important;
  }

  .sj-approach-card {
    width: 45% !important;
  }
}

@media (max-width: 767px) {
  .sj-approach-section {
    padding: 55px 18px 60px;
  }

  .sj-approach-title {
    font-size: 24px !important;
    letter-spacing: 0.14em !important;
    margin-bottom: 14px !important;
  }

  .sj-approach-subtitle {
    font-size: 13px;
    margin-bottom: 30px;
  }

  .sj-approach-grid {
    flex-direction: column !important;
    align-items: center !important;
  }

  .sj-approach-card {
    width: 100% !important;
    max-width: 440px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59283d7 *//* ================================
   MOTION SECTION – DARK / LUXE
   ================================ */

.sj-motion-section {
  background-color: #050403; /* luxe black to match stills */
  padding: 60px 20px 55px;
}

.sj-motion-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* Title (uses global sj-title styling) */
.sj-motion-title {
  margin: 0 0 32px;
  color: #ffffff !important;
  text-align: center !important;
  opacity: 1 !important;
  font-weight: 300;
  letter-spacing: 0.16em;
  font-family: 'Montserrat', sans-serif !important;
}

/* Horizontal scroll row */
.sj-motion-scroll {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  padding: 6px 4px 4px;
  -webkit-overflow-scrolling: touch;
  justify-content: center;
}

/* White scroll bar */
.sj-motion-scroll::-webkit-scrollbar {
  height: 4px;
}
.sj-motion-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.sj-motion-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.22);
  border-radius: 999px;
}

/* Video cards */
.sj-motion-card {
  flex: 0 0 auto;
  width: 230px;
  height: 230px; /* perfect square */
  border-radius: 0; /* sharp corners */
  overflow: hidden;
  background: #111;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Video itself */
.sj-motion-card video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Hover lift */
.sj-motion-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.55);
}

/* Mobile */
@media (max-width: 767px) {
  .sj-motion-section {
    padding: 45px 16px 40px;
  }

  .sj-motion-title {
    margin-bottom: 24px;
    font-size: 28px !important;
    letter-spacing: 0.12em !important;
  }

  .sj-motion-card {
    width: 190px;
    height: 190px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8d0f45 *//* ===== Boston Section Wrapper ===== */
.sj-boston {
  background-color: #000000;
  padding: 90px 20px 100px;
  text-align: center;
  color: #ffffff;
}

/* Inner width */
.sj-boston-inner {
  max-width: 900px;
  margin: 0 auto;
}

/* ===== Section Title ===== */
.sj-boston-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 38px;
  font-weight: 300;
  letter-spacing: 0.12em;
  text-transform: none;
  color: #ffffff;
  margin-bottom: 20px;
}

/* Title underline */
.sj-boston-title::after {
  content: "";
  width: 60px;
  height: 1px;
  margin: 14px auto 0;
  display: block;
  background: #ffffff;
  opacity: 0.7;
}

/* ===== Body Text ===== */
.sj-boston-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  line-height: 1.6;
  opacity: 0.85;
  margin: 0 auto 32px;
  max-width: 760px;
}

/* ===== Button Layout ===== */
.sj-boston-buttons {
  margin-top: 20px;
}

/* ===== Base Luxe Rounded Button ===== */
.sj-btn {
  display: inline-block;
  padding: 14px 36px;
  border: 1px solid #ffffff;
  color: #ffffff;
  background: transparent;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.03em;
  border-radius: 50px;
  transition: 0.25s ease;
  margin: 8px;
}

/* Hover Style */
.sj-btn:hover {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
}

/* Extra spacing above the Call Us row */
.sj-call-button {
  margin-top: 28px;
}

/* Luxe white Call Us button */
.sj-btn-luxe {
  background: #ffffff;
  color: #000000 !important;
  border-color: #ffffff;
}

.sj-btn-luxe:hover {
  background: #e6e6e6;
  border-color: #e6e6e6;
  color: #000000;
}

/* ===== Social Icons Row ===== */
.sj-boston-social-icons {
  margin-top: 10px;
}

.sj-icon {
  font-size: 20px;
  color: #ffffff;
  margin: 0 12px;
  display: inline-block;
  transition: 0.25s ease;
  opacity: 0.9;
}

.sj-icon i {
  font-weight: 300;
}

.sj-icon:hover {
  opacity: 1;
  transform: scale(1.15);
}

/* ===== Simple Mobile Tweaks ===== */
@media (max-width: 600px) {
  .sj-boston-title {
    font-size: 32px;
  }

  .sj-boston-text {
    font-size: 15px;
  }

  .sj-btn {
    padding: 12px 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2151136 *//* ---  --- */

.sj-bts {
  padding: 60px 20px;
  background: #0b0705; /* your luxe deep brown/black */
  text-align: center;
}

.sj-bts-title {
  color: #ffffff;
  font-size: 42px;
  margin-bottom: 40px;
  font-weight: 300;
  letter-spacing: 2px;
}

/* GRID */
.sj-bts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
  max-width: 1200px;
  margin: 0 auto;
}

/* IMAGES */
.sj-bts-grid img {
  width: 100%;
  height: 260px;          /* controls size — make this smaller or bigger */
  object-fit: cover;      /* perfect crop */
  border-radius: 20px;    /* luxe soft corners */
  background: #111;
  display: block;
  transition: transform 0.35s ease, opacity 0.3s ease;
}

/* HOVER (optional luxury effect) */
.sj-bts-grid img:hover {
  transform: scale(1.03);
  opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2f2f98 *//* === LUXE CTA SECTION === */

.sj-cta-section {
  background: #050304;
  padding: 90px 20px 110px;
  text-align: center;
  color: #ffffff;
}

.sj-cta-inner {
  max-width: 800px;
  margin: 0 auto;
}

.sj-cta-title {
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-bottom: 22px;
}

.sj-cta-subtitle {
  font-size: 20px;
  line-height: 1.6em;
  max-width: 680px;
  margin: 0 auto 40px;
  opacity: 0.9;
}

/* BUTTON WRAPPER */
.sj-cta-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

/* BUTTON BASE */
.sj-cta-btn {
  text-decoration: none;
  padding: 16px 34px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: all 0.3s ease;
  display: inline-block;
}

/* CALL BUTTON */
.sj-cta-call {
  background: #ffffff;
  color: #000000;
}

/* EMAIL BUTTON */
.sj-cta-email {
  background: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
}

/* HOVER EFFECTS */
.sj-cta-call:hover {
  opacity: 0.8;
}

.sj-cta-email:hover {
  background: #ffffff;
  color: #000000;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .sj-cta-title {
    font-size: 32px;
  }

  .sj-cta-subtitle {
    font-size: 18px;
  }
}
/* Match Bottom CTA Buttons to Luxe Style */
.sj-cta-btn {
  display: inline-block;
  padding: 14px 36px; 
  border: 1px solid #ffffff;
  border-radius: 50px;
  background: transparent;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #ffffff;
  text-decoration: none;
  transition: 0.25s ease;
  margin: 10px;
}

.sj-cta-btn:hover {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
}

/* White Version (Call Us) */
.sj-cta-btn.white {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
}

.sj-cta-btn.white:hover {
  background: #e6e6e6;
  color: #000000;
}/* End custom CSS */
/* Start custom CSS *//* Force marquee font to match site typography */
.marquee, 
.marquee * , 
.marquee-text, 
.marquee-text *, 
.elementor-marquee, 
.elementor-marquee *, 
.elementor-widget-marquee, 
.elementor-widget-marquee * {
    font-family: var(--e-global-typography-text-font-family), sans-serif !important;
    font-weight: var(--e-global-typography-text-font-weight) !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    line-height: var(--e-global-typography-text-line-height) !important;
}/* End custom CSS */