.elementor-4400 .elementor-element.elementor-element-5240c12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:75px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-4400 .elementor-element.elementor-element-5240c12:not(.elementor-motion-effects-element-type-background), .elementor-4400 .elementor-element.elementor-element-5240c12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://promar-logistics.com/wp-content/uploads/2026/08/jewellery-vertical-line-bg.png");background-position:center center;background-repeat:repeat;}.elementor-4400 .elementor-element.elementor-element-41160b1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 20px;--row-gap:40px;--column-gap:20px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-4400 .elementor-element.elementor-element-59f7daa{--display:flex;}.elementor-4400 .elementor-element.elementor-element-b59e4cf{--display:flex;--justify-content:center;}.elementor-4400 .elementor-element.elementor-element-34f1d22 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-4400 .elementor-element.elementor-element-34f1d22 .title-subtitle{font-family:"Lora", Sans-serif;font-size:22px;font-style:italic;line-height:32px;}.elementor-4400 .elementor-element.elementor-element-34f1d22 .title{font-size:65px;font-weight:400;line-height:75px;}.elementor-4400 .elementor-element.elementor-element-f25a320 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-4400 .elementor-element.elementor-element-f25a320 .title{font-size:40px;font-weight:400;}.elementor-4400 .elementor-element.elementor-element-cb12c61 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-4400 .elementor-element.elementor-element-cb12c61 .wd-text-block{max-width:480px;}.elementor-4400 .elementor-element.elementor-element-351ab359{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-4400 .elementor-element.elementor-element-3da8d1f9{--display:flex;}.elementor-4400 .elementor-element.elementor-element-736c2e8e .title-after_title, .elementor-4400 .elementor-element.elementor-element-736c2e8e .title-subtitle, .elementor-4400 .elementor-element.elementor-element-736c2e8e .woodmart-title-container{max-width:404px;}.elementor-4400 .elementor-element.elementor-element-736c2e8e .title{font-size:45px;}.elementor-4400 .elementor-element.elementor-element-685792b{--display:flex;}.elementor-4400 .elementor-element.elementor-element-ab2494f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-4400 .elementor-element.elementor-element-57f9aba8{--display:flex;}.elementor-4400 .elementor-element.elementor-element-32e844f5{--display:flex;}.elementor-4400 .elementor-element.elementor-element-5f758b3b .title-after_title, .elementor-4400 .elementor-element.elementor-element-5f758b3b .title-subtitle, .elementor-4400 .elementor-element.elementor-element-5f758b3b .woodmart-title-container{max-width:409px;}.elementor-4400 .elementor-element.elementor-element-5f758b3b .title{font-size:45px;}.elementor-4400 .elementor-element.elementor-element-1d43191{--display:flex;--margin-top:-40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px) and (min-width:769px){.elementor-4400 .elementor-element.elementor-element-3da8d1f9{--width:100%;}.elementor-4400 .elementor-element.elementor-element-685792b{--width:100%;}.elementor-4400 .elementor-element.elementor-element-57f9aba8{--width:100%;}.elementor-4400 .elementor-element.elementor-element-32e844f5{--width:100%;}}@media(max-width:1024px){.elementor-4400 .elementor-element.elementor-element-5240c12{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-4400 .elementor-element.elementor-element-34f1d22 .title-subtitle{font-size:18px;line-height:28px;}.elementor-4400 .elementor-element.elementor-element-34f1d22 .title{font-size:42px;line-height:52px;}.elementor-4400 .elementor-element.elementor-element-f25a320 .title{font-size:42px;line-height:52px;}.elementor-4400 .elementor-element.elementor-element-351ab359{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4400 .elementor-element.elementor-element-736c2e8e .title-after_title, .elementor-4400 .elementor-element.elementor-element-736c2e8e .title-subtitle, .elementor-4400 .elementor-element.elementor-element-736c2e8e .woodmart-title-container{max-width:100%;}.elementor-4400 .elementor-element.elementor-element-736c2e8e .title{font-size:36px;}.elementor-4400 .elementor-element.elementor-element-ab2494f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-4400 .elementor-element.elementor-element-5f758b3b .title-after_title, .elementor-4400 .elementor-element.elementor-element-5f758b3b .title-subtitle, .elementor-4400 .elementor-element.elementor-element-5f758b3b .woodmart-title-container{max-width:100%;}.elementor-4400 .elementor-element.elementor-element-5f758b3b .title{font-size:36px;}}@media(max-width:768px){.elementor-4400 .elementor-element.elementor-element-5240c12{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-4400 .elementor-element.elementor-element-351ab359{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-4400 .elementor-element.elementor-element-736c2e8e .title{font-size:28px;}.elementor-4400 .elementor-element.elementor-element-ab2494f{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-4400 .elementor-element.elementor-element-5f758b3b .title{font-size:28px;}}/* Start custom CSS for html, class: .elementor-element-cc39543 *//* ==========================================================================
   Slow Move Marquee  —  Elementor section
   File: slow-marquee.css
   --------------------------------------------------------------------------
   Outline (stroke) text scrolls slowly; a fixed "spotlight" band in the
   middle of the screen paints whatever word passes through it in solid navy.
   Pure CSS — no JavaScript.

   Optional font (uncomment if you are not loading it from the theme):
   @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&display=swap');
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Tuning — এই ভ্যালুগুলোই বদলালে পুরো লুক বদলে যাবে
   -------------------------------------------------------------------------- */
.slm {
  /* colours */
  --slm-solid: #071a9e;            /* মাঝের active শব্দের নেভি কালার */
  --slm-stroke: #b7bec7;           /* outline টেক্সটের বর্ডার কালার */
  --slm-stroke-width: 1.4px;
  --slm-accent: #29a8e3;           /* asterisk / তারার হালকা নীল */
  --slm-bg: transparent;           /* সেকশনের ব্যাকগ্রাউন্ড (JSON-এ সাদা দেওয়া) */

  /* typography */
  --slm-font: "Archivo", "Poppins", "Barlow", system-ui, sans-serif;
  --slm-size: clamp(1.75rem, 5.2vw, 4.25rem);
  --slm-weight: 800;
  --slm-tracking: 0.06em;
  --slm-gap: clamp(1rem, 2.4vw, 2.5rem);   /* শব্দ ও তারার মাঝের ফাঁক */

  /* motion — বড় ভ্যালু = আরও স্লো */
  --slm-duration: 45s;

  /* মাঝের হাইলাইট ব্যান্ড */
  --slm-spot: clamp(150px, 21vw, 380px);   /* ব্যান্ডের চওড়া */
  --slm-spot-half: calc(var(--slm-spot) / 2);
  --slm-feather: clamp(8px, 1.1vw, 22px);  /* ব্যান্ডের দুই পাশের soft edge (0px দিলে একদম শার্প) */

  /* 8-spoke asterisk (mask হিসেবে ব্যবহার হয়, কালার --slm-accent থেকে আসে) */
  --slm-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.6V22.4M1.6 12H22.4M4.6 4.6 19.4 19.4M19.4 4.6 4.6 19.4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   2. Shell
   -------------------------------------------------------------------------- */
.slm {
  position: relative;
  width: 100%;
  overflow: hidden;
  direction: ltr;                 /* RTL সাইটেও লেআউট ঠিক রাখে */
  background: var(--slm-bg);
  line-height: 1.3;               /* stroke যাতে কাটা না পড়ে */
  -webkit-user-select: none;
  user-select: none;
}

.slm__layer {
  display: block;
}

/* --------------------------------------------------------------------------
   3. Moving track  (দুইটা একই group পাশাপাশি → seamless loop)
   -------------------------------------------------------------------------- */
.slm__track {
  display: flex;
  flex: 0 0 auto;
  width: max-content;
  animation: slm-scroll var(--slm-duration) linear infinite;
  will-change: transform;
  backface-visibility: hidden;
}

.slm__group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--slm-gap);
  padding-inline-end: var(--slm-gap);   /* দুই group-এর জোড়ার ফাঁক সমান রাখে */
}

@keyframes slm-scroll {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}

/* --------------------------------------------------------------------------
   4. Words
   -------------------------------------------------------------------------- */
.slm__word {
  margin: 0;
  font-family: var(--slm-font);
  font-size: var(--slm-size);
  font-weight: var(--slm-weight);
  letter-spacing: var(--slm-tracking);
  text-transform: uppercase;
  white-space: nowrap;
}

/* নিচের লেয়ার — শুধু outline */
.slm__layer--outline {
  position: relative;
}
.slm__layer--outline .slm__word {
  color: transparent;
  -webkit-text-stroke: var(--slm-stroke-width) var(--slm-stroke);
}

/* উপরের লেয়ার — solid navy, শুধু মাঝের ব্যান্ডে দৃশ্যমান */
.slm__layer--solid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent calc(50% - var(--slm-spot-half) - var(--slm-feather)),
    #000        calc(50% - var(--slm-spot-half)),
    #000        calc(50% + var(--slm-spot-half)),
    transparent calc(50% + var(--slm-spot-half) + var(--slm-feather))
  );
          mask-image: linear-gradient(
    90deg,
    transparent calc(50% - var(--slm-spot-half) - var(--slm-feather)),
    #000        calc(50% - var(--slm-spot-half)),
    #000        calc(50% + var(--slm-spot-half)),
    transparent calc(50% + var(--slm-spot-half) + var(--slm-feather))
  );
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.slm__layer--solid .slm__word {
  color: var(--slm-solid);
  -webkit-text-stroke: 0;
}

/* --------------------------------------------------------------------------
   5. Asterisk separator
   -------------------------------------------------------------------------- */
.slm__sep {
  display: block;
  flex: 0 0 auto;
  width: calc(var(--slm-size) * 0.58);
  height: calc(var(--slm-size) * 0.58);
  background-color: var(--slm-accent);
  -webkit-mask: var(--slm-star) center / contain no-repeat;
          mask: var(--slm-star) center / contain no-repeat;
}

/* --------------------------------------------------------------------------
   6. Optional modifiers  (wrapper div-এ ক্লাস যোগ করলেই কাজ করবে)
   -------------------------------------------------------------------------- */

/* উল্টো দিকে চলবে */
.slm--reverse .slm__track { animation-direction: reverse; }

/* মাউস হোভারে থামবে */
.slm--pause-on-hover:hover .slm__track { animation-play-state: paused; }

/* দুই পাশে ফেড আউট */
.slm--edge-fade {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}

/* হাইলাইট ব্যান্ড বন্ধ — পুরোটাই outline */
.slm--no-spotlight .slm__layer--solid { display: none; }

/* বিকল্প স্টাইল: মাঝের spotlight-এর বদলে নির্দিষ্ট কিছু শব্দ সবসময় নেভি।
   ব্যবহার: wrapper-এ .slm--no-spotlight ক্লাস দিন, আর যে শব্দ নেভি চান
   তার span-এ .is-solid ক্লাস দিন — <span class='slm__word is-solid'>LOGISTICS</span> */
.slm__word.is-solid {
  color: var(--slm-solid);
  -webkit-text-stroke: 0;
}

/* --------------------------------------------------------------------------
   7. Responsive + accessibility
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .slm {
    --slm-duration: 32s;          /* ছোট স্ক্রিনে একই ফিল রাখার জন্য */
    --slm-stroke-width: 1px;
    --slm-spot: clamp(150px, 52vw, 320px);
    --slm-feather: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .slm__track { animation: none; }
}/* End custom CSS */