.elementor-17 .elementor-element.elementor-element-44efefb{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-17 .elementor-element.elementor-element-44efefb:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-44efefb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://webmarkitors.com/wp-content/uploads/2026/01/digital-post-4.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-44efefb::before, .elementor-17 .elementor-element.elementor-element-44efefb > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-44efefb > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-44efefb > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-44efefb > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-44efefb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-afceb7e{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-22c557a{margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-17 .elementor-element.elementor-element-22c557a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:41px;font-weight:600;color:#F7F6F2;}.elementor-17 .elementor-element.elementor-element-a74cde2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-de3bb3d{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-b0c1402{color:#F1F1F1;}.elementor-17 .elementor-element.elementor-element-be68145{color:#F2F2F2;}.elementor-17 .elementor-element.elementor-element-2cdc740{--display:flex;}.elementor-17 .elementor-element.elementor-element-e3b4765{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;color:#FCFBF9;}.elementor-17 .elementor-element.elementor-element-6d936b3{--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;}.elementor-17 .elementor-element.elementor-element-0ded60b{--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;}.elementor-17 .elementor-element.elementor-element-acd8578{--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;}.elementor-17 .elementor-element.elementor-element-6dbc3d0{--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:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-17 .elementor-element.elementor-element-6dbc3d0:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-6dbc3d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2A54F8;}.elementor-17 .elementor-element.elementor-element-bb5bdae{--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;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-17 .elementor-element.elementor-element-bb5bdae:hover{border-style:solid;}.elementor-17 .elementor-element.elementor-element-bb5bdae, .elementor-17 .elementor-element.elementor-element-bb5bdae::before{--border-transition:0.3s;}.elementor-17 .elementor-element.elementor-element-1d487ff{text-align:center;font-family:"Roboto", Sans-serif;font-size:60px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#05050B;}.elementor-17 .elementor-element.elementor-element-818dd9b{margin:-125px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#F4F4F4;}.elementor-17 .elementor-element.elementor-element-7a43789{--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;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-17 .elementor-element.elementor-element-b536636{text-align:center;font-family:"Roboto", Sans-serif;font-size:60px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#010103;}.elementor-17 .elementor-element.elementor-element-80c94fd{margin:-125px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#F6F6F6;}.elementor-17 .elementor-element.elementor-element-0ded975{--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;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-17 .elementor-element.elementor-element-ec6ec1a{text-align:center;font-family:"Roboto", Sans-serif;font-size:60px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#020206;}.elementor-17 .elementor-element.elementor-element-cb86a19{margin:-125px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#F2F1F0;}.elementor-17 .elementor-element.elementor-element-ac350b9{--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;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-17 .elementor-element.elementor-element-5f9be38{text-align:center;font-family:"Roboto", Sans-serif;font-size:60px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#020308;}.elementor-17 .elementor-element.elementor-element-77f5db2{margin:-125px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-3bd37f0{--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;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-afceb7e{--width:50%;}.elementor-17 .elementor-element.elementor-element-a74cde2{--width:50%;}.elementor-17 .elementor-element.elementor-element-bb5bdae{--width:25%;}.elementor-17 .elementor-element.elementor-element-7a43789{--width:25%;}.elementor-17 .elementor-element.elementor-element-0ded975{--width:25%;}.elementor-17 .elementor-element.elementor-element-ac350b9{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-32a32cb *//* ========== SEO 2nd SECTION ========== */
.seo-sec2{
  position:relative;
  padding:100px 8%;
  background:#f8fafc;   /* 🔥 LIGHT background – contrast break from dark hero */
}

/* inner layout */
.seo-sec2-inner{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}

/* ===== LEFT TEXT ===== */
.seo-sec2-text h2{
  font-size:2.8rem;
  color:#020617;
  margin-bottom:20px;
}
.seo-sec2-text h2 span{
  color:#0ea5e9;
}

.seo-sec2-text .intro{
  font-size:1.15rem;
  color:#475569;
  line-height:1.7;
  margin-bottom:28px;
}

/* points */
.seo-points .point{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px;
}
.seo-points span{
  color:#22c55e;
  font-size:1.2rem;
  margin-top:2px;
}
.seo-points p{
  color:#334155;
  font-size:1rem;
}

/* ===== RIGHT CARDS ===== */
.seo-sec2-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

/* card */
.seo-card{
  background:#ffffff;
  border-radius:18px;
  padding:26px 22px;
  text-align:left;

  box-shadow:
    0 12px 30px rgba(2,6,23,.08);
  transition:.4s;
  position:relative;
  overflow:hidden;
}

/* glow border on hover */
.seo-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  border:2px solid transparent;
  background:
    linear-gradient(135deg,#0ea5e9,#22d3ee) border-box;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity:0;
  transition:.4s;
}

/* hover effect */
.seo-card:hover{
  transform:translateY(-10px);
}
.seo-card:hover::before{
  opacity:1;
}

/* icon */
.seo-card .icon{
  font-size:2rem;
  margin-bottom:12px;
}

/* title */
.seo-card h3{
  font-size:1.25rem;
  color:#020617;
  margin-bottom:10px;
}

/* text */
.seo-card p{
  color:#475569;
  font-size:.95rem;
  line-height:1.6;
}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .seo-sec2-inner{
    grid-template-columns:1fr;
    text-align:center;
  }
  .seo-sec2-cards{
    grid-template-columns:1fr;
  }
  .seo-points .point{
    justify-content:center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1da72ea *//* ========== SEO 3rd SECTION ========== */
.seo-sec3{
  position:relative;
  padding:110px 8%;
  background:linear-gradient(135deg,#020617,#0b1cff);
  color:#ffffff;
}

/* inner */
.seo-sec3-inner{
  max-width:1200px;
  margin:0 auto;
}

/* ===== HEADER ===== */
.seo-sec3-head{
  text-align:center;
  max-width:720px;
  margin:0 auto 70px;
}

.seo-sec3-head h2{
  font-size:2.9rem;
  margin-bottom:18px;
}
.seo-sec3-head h2 span{
  color:#22d3ee;
}

.seo-sec3-head p{
  color:#cbd5f5;
  font-size:1.1rem;
  line-height:1.7;
}

/* ===== GRID ===== */
.seo-process-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:28px;
}

/* ===== SUPER EYE-CATCHING CARD ===== */
.process-card{
  position:relative;
  background:rgba(255,255,255,.08);
  border-radius:24px;
  padding:36px 28px 40px;
  backdrop-filter:blur(10px);

  border:1px solid rgba(255,255,255,.15);
  transition:.5s ease;
  overflow:hidden;
  cursor:pointer;
}

/* animated glowing border */
.process-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:26px;
  background:linear-gradient(
    135deg,
    #22d3ee,
    #8b5cf6,
    #22d3ee
  );
  background-size:300% 300%;
  z-index:-1;
  opacity:0;
  animation:borderGlow 6s linear infinite;
  transition:.4s;
}

/* soft inner glow */
.process-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:24px;
  background:
    radial-gradient(circle at top left,
      rgba(34,211,238,.18),
      transparent 45%);
  opacity:.7;
  pointer-events:none;
}

/* hover magic */
.process-card:hover{
  transform:translateY(-14px) scale(1.04);
  box-shadow:
    0 25px 60px rgba(0,0,0,.35),
    0 0 40px rgba(34,211,238,.25);
}
.process-card:hover::before{
  opacity:1;
}

/* step number – glowing text */
.process-card .step{
  display:inline-block;
  font-size:3.4rem;
  font-weight:800;
  background:linear-gradient(135deg,#22d3ee,#8b5cf6);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:
    0 0 10px rgba(34,211,238,.4),
    0 0 25px rgba(139,92,246,.35);
  margin-bottom:12px;
}

/* title */
.process-card h3{
  font-size:1.35rem;
  margin-bottom:12px;
  color:#ffffff;
}

/* text */
.process-card p{
  color:#e2e8f0;
  font-size:1rem;
  line-height:1.7;
}

/* ===== BORDER GLOW ANIMATION ===== */
@keyframes borderGlow{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  .seo-sec3-head h2{font-size:2.2rem;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-448e6e4 *//* ================= SECTION ================= */
.seo-sec4-ultimate{
  padding:110px 8%;
  background:#f8fafc;   /* LIGHT background for contrast */
  color:#020617;
}

/* header */
.sec4-head{
  text-align:center;
  max-width:780px;
  margin:0 auto 70px;
}
.sec4-head h2{
  font-size:2.8rem;
}
.sec4-head h2 span{color:#0ea5e9;}
.sec4-head p{
  color:#475569;
  font-size:1.1rem;
  line-height:1.7;
}

/* ================= GRID ================= */
.flip-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:30px;
}

/* ================= FLIP CARD ================= */
.flip-card{
  perspective:1200px;
  height:300px;
}
.flip-inner{
  position:relative;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transition:transform .9s cubic-bezier(.2,.8,.2,1);
}
.flip-card:hover .flip-inner{
  transform:rotateY(180deg);
}

/* ================= CARD FACES ================= */
.flip-front,
.flip-back{
  position:absolute;
  inset:0;
  border-radius:22px;
  backface-visibility:hidden;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px 24px;
  background:#ffffff;
  box-shadow:0 14px 35px rgba(0,0,0,.12);
}

/* back */
.flip-back{
  transform:rotateY(180deg);
}

/* ================= COLORFUL BORDER ================= */
.flip-front::before,
.flip-back::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  padding:2px;
  background:linear-gradient(
    135deg,
    #ff7a18,
    #22d3ee,
    #8b5cf6,
    #22c55e,
    #ff7a18
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
}

/* ================= TEXT ================= */
.flip-front h3{
  font-size:3rem;
  margin-bottom:6px;
  background:linear-gradient(135deg,#22d3ee,#8b5cf6,#ff7a18);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 18px rgba(0,0,0,.15);
}
.flip-front p{
  font-size:1.1rem;
  font-weight:600;
  color:#475569;
}

/* back text */
.flip-back h4{
  font-size:1.4rem;
  margin-bottom:12px;
  color:#0ea5e9;
}
.flip-back p{
  font-size:.95rem;
  color:#475569;
  line-height:1.7;
}

/* ================= PARTICLES ================= */
.card-particles{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}

/* glowing dots + streaks */
.card-particles::before,
.card-particles::after{
  content:"";
  position:absolute;
  inset:-60%;
  background:
    radial-gradient(circle, rgba(255,122,24,.9) 2px, transparent 3px),
    radial-gradient(circle, rgba(34,211,238,.9) 2px, transparent 3px),
    radial-gradient(circle, rgba(139,92,246,.8) 2px, transparent 3px),
    linear-gradient(45deg, rgba(34,211,238,.35) 1px, transparent 1px);
  background-size:
    60px 60px,
    90px 90px,
    120px 120px,
    160px 160px;
  animation:superParticles 16s linear infinite;
}
.card-particles::after{
  animation-duration:26s;
  opacity:.6;
}

/* ================= PARTICLE MOTION ================= */
@keyframes superParticles{
  0%{transform:translate(0,0);}
  100%{transform:translate(90px,-160px);}
}

/* ================= HOVER BOOST ================= */
.flip-card:hover .flip-front,
.flip-card:hover .flip-back{
  box-shadow:
    0 25px 60px rgba(0,0,0,.25),
    0 0 40px rgba(34,211,238,.25);
}

/* ================= RESPONSIVE ================= */
@media(max-width:768px){
  .sec4-head h2{font-size:2.2rem;}
  .flip-card{height:280px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-782c839 *//* ===== LIGHT BACKGROUND SECTION ===== */
.seo-slider.light-bg{
  padding:110px 20px;
  background: linear-gradient(180deg,#f5f9ff,#ffffff);
}

/* WRAP */
.slider-wrap{
  max-width:950px;
  margin:auto;
  text-align:center;
}

/* TITLES */
.slider-title{
  font-size:2.7rem;
  color:#0a1cff;
}
.slider-title span{
  background: linear-gradient(90deg,#38bdf8,#0ea5e9);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.slider-subtitle{
  max-width:760px;
  margin:18px auto 65px;
  color:#555;
  font-size:1.1rem;
}

/* ===== SLIDER FRAME ===== */
.slider{
  position:relative;
  height:300px;
  overflow:hidden;
}

/* SLIDES WRAPPER */
.slides{
  display:flex;
  height:100%;
  animation: slideMove 20s infinite;
}

/* ===== SLIDE BOX (DARK SKY BLUE) ===== */
.slide{
  min-width:100%;
  padding:55px 50px;
  background: linear-gradient(135deg,#0b3c5d,#0ea5e9);
  border-radius:24px;
  box-shadow:0 25px 60px rgba(14,165,233,.35);
  transition:.4s;
  position:relative;
  color:#fff;
}

/* TEXT */
.slide h3{
  font-size:1.6rem;
  margin-bottom:14px;
  color:#fff;
}
.slide p{
  font-size:1rem;
  line-height:1.7;
  color:#e0f2fe;
}

/* HOVER SKY GLOW */
.slide::after{
  content:"";
  position:absolute;
  inset:-50%;
  background: radial-gradient(circle,
    rgba(56,189,248,.35),
    transparent 60%);
  opacity:0;
  transition:.4s;
}
.slide:hover::after{
  opacity:1;
}

/* ===== SLIDER ANIMATION ===== */
@keyframes slideMove{
  0%,20%{transform:translateX(0%)}
  25%,45%{transform:translateX(-100%)}
  50%,70%{transform:translateX(-200%)}
  75%,95%{transform:translateX(-300%)}
  100%{transform:translateX(0%)}
}

/* RESPONSIVE */
@media(max-width:768px){
  .slider-title{font-size:2.1rem;}
  .slider{height:360px;}
  .slide{padding:40px 30px;}
}/* End custom CSS */