.elementor-68 .elementor-element.elementor-element-3186835{--display:flex;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-68 .elementor-element.elementor-element-89f1415{--display:flex;}.elementor-68 .elementor-element.elementor-element-e340369{--display:flex;}.elementor-68 .elementor-element.elementor-element-4d7ac83{--display:flex;}.elementor-68 .elementor-element.elementor-element-be42627{--display:flex;}.elementor-68 .elementor-element.elementor-element-5329cea{--display:flex;--overlay-opacity:0.74;}.elementor-68 .elementor-element.elementor-element-5329cea:not(.elementor-motion-effects-element-type-background), .elementor-68 .elementor-element.elementor-element-5329cea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://beintl.my/wp-content/uploads/2026/02/Website_2023_4-1-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-68 .elementor-element.elementor-element-5329cea::before, .elementor-68 .elementor-element.elementor-element-5329cea > .elementor-background-video-container::before, .elementor-68 .elementor-element.elementor-element-5329cea > .e-con-inner > .elementor-background-video-container::before, .elementor-68 .elementor-element.elementor-element-5329cea > .elementor-background-slideshow::before, .elementor-68 .elementor-element.elementor-element-5329cea > .e-con-inner > .elementor-background-slideshow::before, .elementor-68 .elementor-element.elementor-element-5329cea > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}/* Start custom CSS for html, class: .elementor-element-e93311e *//* ==============================
   PRODUCTS PAGE — SECTION 1
   Transparent BG + Corporate Theme
================================== */
.pr1{
  --blue:#2A8BD9;
  --purple:#4B3FA8;
  --ink:#0F172A;
  --muted:#475569;
  --line:#E5E7EB;

  padding: clamp(84px,8vw,130px) 20px;
  background: transparent;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.pr1__wrap{ max-width:1200px; margin:auto; }
.pr1__content{ max-width:860px; }

.pr1__badge{
  display:inline-flex; align-items:center; gap:10px;
  padding:8px 14px; border-radius:999px;
  border:1px solid rgba(42,139,217,.25);
  background:rgba(42,139,217,.06);
  color:#1E3A8A; font-size:12px; font-weight:900;
  letter-spacing:1px; text-transform:uppercase;
}
.pr1__dot{
  width:10px; height:10px; border-radius:999px;
  background:linear-gradient(135deg,var(--blue),var(--purple));
}

.pr1__title{
  margin:18px 0 10px;
  font-size: clamp(34px,4.2vw,60px);
  font-weight:950; line-height:1.05;
  color:var(--ink);
}
.pr1__accent{
  display:block;
  background:linear-gradient(90deg,var(--blue),var(--purple));
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
}

.pr1__sub{
  margin:0 0 18px;
  color:var(--muted);
  font-size:18px; line-height:1.65;
  max-width:70ch;
}

.pr1__cta{ display:flex; flex-wrap:wrap; gap:12px; margin:18px 0 14px; }

.pr1btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px; border-radius:12px;
  font-weight:950; text-decoration:none;
  border:1px solid transparent;
  transition:.25s ease;
  min-width:220px;
}
.pr1btn--primary{
  background:linear-gradient(135deg,var(--blue),var(--purple));
  color:#fff; box-shadow:0 14px 28px rgba(42,139,217,.18);
}
.pr1btn--primary:hover{ transform:translateY(-2px); }
.pr1btn--ghost{
  background:#fff;
  border-color:rgba(42,139,217,.30);
  color:#1E3A8A;
}
.pr1btn--ghost:hover{ background:rgba(42,139,217,.06); }

.pr1__mini{
  display:flex; flex-wrap:wrap; gap:12px;
  padding-top:14px; border-top:1px solid var(--line);
  color:#334155; font-weight:700; font-size:13px;
}
@media(max-width:520px){
  .pr1btn{ width:100%; min-width:unset; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3475509 *//* ==============================
   PRODUCTS PAGE — SECTION 2
================================== */
.pr2{
  --blue:#2A8BD9; --purple:#4B3FA8;
  --ink:#0F172A; --muted:#475569; --line:#E5E7EB;

  padding: clamp(70px,7vw,110px) 20px;
  background: transparent;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.pr2__wrap{ max-width:1200px; margin:auto; }

.pr2__head{ text-align:center; max-width:820px; margin:0 auto 52px; }
.pr2__eyebrow{
  display:inline-block; font-size:12px; font-weight:900;
  letter-spacing:2px; text-transform:uppercase;
  color:var(--blue); margin-bottom:12px;
}
.pr2__title{ font-size:clamp(28px,3.4vw,44px); font-weight:950; color:var(--ink); margin:0 0 12px; }
.pr2__sub{ color:var(--muted); font-size:18px; line-height:1.6; margin:0; }

.pr2__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:22px; }

.pr2__card{
  background:#fff; border:1px solid var(--line);
  border-radius:18px; padding:26px;
  transition:.25s ease;
}
.pr2__card:hover{
  transform:translateY(-6px);
  border-color:rgba(42,139,217,.35);
  box-shadow:0 14px 34px rgba(15,23,42,.08);
}
.pr2__icon{
  width:52px; height:52px; border-radius:16px;
  background:linear-gradient(135deg, rgba(42,139,217,.18), rgba(75,63,168,.18));
  border:1px solid rgba(42,139,217,.18);
  margin-bottom:14px;
}
.pr2__card h3{ margin:0 0 10px; font-size:20px; font-weight:950; color:var(--ink); }
.pr2__card p{ margin:0; color:var(--muted); line-height:1.7; font-size:15px; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9401ecf *//* ==============================
   PRODUCTS PAGE — SECTION 3
   Best Sellers (Portrait)
================================== */
.pr3{
  --blue:#2A8BD9; --purple:#4B3FA8;
  --ink:#0F172A; --muted:#475569; --line:#E5E7EB;

  padding: clamp(70px,7vw,110px) 20px;
  background: transparent;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.pr3__wrap{ max-width:1200px; margin:auto; }
.pr3__head{ text-align:center; max-width:820px; margin:0 auto 52px; }
.pr3__eyebrow{ display:inline-block; font-size:12px; font-weight:900; letter-spacing:2px; text-transform:uppercase; color:var(--blue); margin-bottom:12px; }
.pr3__title{ font-size:clamp(28px,3.4vw,44px); font-weight:950; color:var(--ink); margin:0 0 12px; }
.pr3__sub{ color:var(--muted); font-size:18px; line-height:1.6; margin:0; }

.pr3__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:22px; }

.pr3__card{
  background:#fff; border:1px solid var(--line);
  border-radius:18px; overflow:hidden;
  transition:.25s ease;
}
.pr3__card:hover{
  transform:translateY(-6px);
  border-color:rgba(42,139,217,.35);
  box-shadow:0 14px 34px rgba(15,23,42,.08);
}

.pr3__img{
  width:100%;
  aspect-ratio:4/5; /* portrait */
  overflow:hidden;
  background:#f3f4f6;
}
.pr3__img img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:.35s ease;
}
.pr3__card:hover .pr3__img img{ transform:scale(1.05); }

.pr3__body{ padding:16px; }
.pr3__body h3{ margin:0 0 8px; font-size:16px; font-weight:950; color:var(--ink); }
.pr3__body p{ margin:0 0 12px; color:var(--muted); line-height:1.6; font-size:14px; }

.pr3__tag{
  display:inline-block;
  padding:8px 10px; border-radius:999px;
  font-size:12px; font-weight:900;
  color:#1E3A8A;
  background:rgba(42,139,217,.08);
  border:1px solid rgba(42,139,217,.18);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-72abd5f *//* ==============================
   PRODUCTS PAGE — SECTION 4
================================== */
.pr4{
  --blue:#2A8BD9; --purple:#4B3FA8;
  --ink:#0F172A; --muted:#475569; --line:#E5E7EB;

  padding: clamp(70px,7vw,110px) 20px;
  background: transparent;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.pr4__wrap{ max-width:1200px; margin:auto; }

.pr4__head{ text-align:center; max-width:820px; margin:0 auto 44px; }
.pr4__eyebrow{ display:inline-block; font-size:12px; font-weight:900; letter-spacing:2px; text-transform:uppercase; color:var(--blue); margin-bottom:12px; }
.pr4__title{ font-size:clamp(28px,3.4vw,44px); font-weight:950; color:var(--ink); margin:0 0 12px; }
.pr4__sub{ color:var(--muted); font-size:18px; line-height:1.6; margin:0; }

.pr4__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; }

.pr4__card{
  background:#fff; border:1px solid var(--line);
  border-radius:18px; padding:22px;
  transition:.25s ease;
}
.pr4__card:hover{
  transform:translateY(-4px);
  border-color:rgba(42,139,217,.35);
  box-shadow:0 14px 34px rgba(15,23,42,.08);
}
.pr4__card h3{ margin:0 0 8px; font-size:18px; font-weight:950; color:var(--ink); }
.pr4__card p{ margin:0; color:var(--muted); line-height:1.7; font-size:15px; }

.pr4__cta{
  margin-top:22px;
  display:flex; flex-wrap:wrap; gap:14px;
  align-items:center; justify-content:space-between;
  border:1px solid rgba(42,139,217,.18);
  background:linear-gradient(135deg, rgba(42,139,217,.06), rgba(75,63,168,.06));
  border-radius:18px; padding:16px 18px;
}
.pr4__ctaText{ color:var(--ink); font-weight:950; }
.pr4__ctaText span{ display:block; color:var(--muted); font-weight:700; margin-top:4px; }

.pr4btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px; border-radius:12px;
  font-weight:950; text-decoration:none;
  color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--purple));
  box-shadow:0 14px 28px rgba(42,139,217,.18);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9973f79 *//* ==============================
   PRODUCTS PAGE — SECTION 5
================================== */
.pr5{
  --blue:#2A8BD9; --purple:#4B3FA8;
  --ink:#0F172A; --muted:#475569; --line:#E5E7EB;

  padding: clamp(70px,7vw,110px) 20px;
  background: transparent;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.pr5__wrap{ max-width:1200px; margin:auto; }
.pr5__head{ text-align:center; max-width:820px; margin:0 auto 44px; }
.pr5__eyebrow{ display:inline-block; font-size:12px; font-weight:900; letter-spacing:2px; text-transform:uppercase; color:var(--blue); margin-bottom:12px; }
.pr5__title{ font-size:clamp(28px,3.4vw,44px); font-weight:950; color:var(--ink); margin:0 0 12px; }
.pr5__sub{ color:var(--muted); font-size:18px; line-height:1.6; margin:0; }

.pr5__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; }

.pr5__item{
  background:#fff; border:1px solid var(--line);
  border-radius:18px; padding:22px;
}
.pr5__item h3{ margin:0 0 8px; font-size:18px; font-weight:950; color:var(--ink); }
.pr5__item p{ margin:0; color:var(--muted); line-height:1.7; font-size:15px; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d22482c *//* ==============================
   PRODUCTS PAGE — SECTION 6
   Closing CTA (Normal)
================================== */
.pr6{
  --blue:#2A8BD9; --purple:#4B3FA8;
  --ink:#0F172A; --muted:#475569; --line:#E5E7EB;

  padding: clamp(70px,7vw,110px) 20px;
  background: transparent;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.pr6__wrap{ max-width:1200px; margin:auto; }

.pr6__box{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  box-shadow:0 18px 45px rgba(15,23,42,.08);
}
.pr6__title{ margin:0 0 6px; font-size:clamp(22px,2.6vw,34px); font-weight:950; color:var(--ink); }
.pr6__sub{ margin:0; color:var(--muted); line-height:1.6; font-size:16px; max-width:64ch; }

.pr6__right{ display:flex; gap:12px; flex-wrap:wrap; }

.pr6btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px; border-radius:12px;
  font-weight:950; text-decoration:none;
  border:1px solid transparent;
  transition:.25s ease;
  min-width:190px;
}
.pr6btn--primary{
  background:linear-gradient(135deg,var(--blue),var(--purple));
  color:#fff; box-shadow:0 14px 28px rgba(42,139,217,.18);
}
.pr6btn--primary:hover{ transform:translateY(-2px); }
.pr6btn--ghost{
  background:#fff;
  border-color:rgba(42,139,217,.30);
  color:#1E3A8A;
}
.pr6btn--ghost:hover{ background:rgba(42,139,217,.06); }

@media(max-width:520px){
  .pr6btn{ width:100%; min-width:unset; }
}/* End custom CSS */