.elementor-101150 .elementor-element.elementor-element-4ede99e{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101150 .elementor-element.elementor-element-f147a61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-101150 .elementor-element.elementor-element-0014828{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101150 .elementor-element.elementor-element-b76d905{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-101150 .elementor-element.elementor-element-376a43a{--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;--justify-content:center;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101150 .elementor-element.elementor-element-376a43a::before, .elementor-101150 .elementor-element.elementor-element-376a43a > .elementor-background-video-container::before, .elementor-101150 .elementor-element.elementor-element-376a43a > .e-con-inner > .elementor-background-video-container::before, .elementor-101150 .elementor-element.elementor-element-376a43a > .elementor-background-slideshow::before, .elementor-101150 .elementor-element.elementor-element-376a43a > .e-con-inner > .elementor-background-slideshow::before, .elementor-101150 .elementor-element.elementor-element-376a43a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-101150 .elementor-element.elementor-element-e1be218{width:100%;max-width:100%;margin:-10px -10px calc(var(--kit-widget-spacing, 0px) + -10px) -10px;padding:0px 0px 0px 0px;}.elementor-101150 .elementor-element.elementor-element-76730c4{--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;--justify-content:center;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101150 .elementor-element.elementor-element-76730c4::before, .elementor-101150 .elementor-element.elementor-element-76730c4 > .elementor-background-video-container::before, .elementor-101150 .elementor-element.elementor-element-76730c4 > .e-con-inner > .elementor-background-video-container::before, .elementor-101150 .elementor-element.elementor-element-76730c4 > .elementor-background-slideshow::before, .elementor-101150 .elementor-element.elementor-element-76730c4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-101150 .elementor-element.elementor-element-76730c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-101150 .elementor-element.elementor-element-3858f1b{width:100%;max-width:100%;}.elementor-101150 .elementor-element.elementor-element-3677795{--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;--margin-top:50px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101150 .elementor-element.elementor-element-46df2e0{width:100%;max-width:100%;padding:0px 0px 0px 10px;}.elementor-101150 .elementor-element.elementor-element-46df2e0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-101150 .elementor-element.elementor-element-46df2e0 .elementor-icon-box-wrapper{text-align:center;}.elementor-101150 .elementor-element.elementor-element-46df2e0 .elementor-icon-box-title, .elementor-101150 .elementor-element.elementor-element-46df2e0 .elementor-icon-box-title a{font-size:42px;font-weight:600;}.elementor-101150 .elementor-element.elementor-element-46df2e0 .elementor-icon-box-description{font-size:18px;}.elementor-101150 .elementor-element.elementor-element-76b63cb{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101150 .elementor-element.elementor-element-8e807d5{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-101150 .elementor-element.elementor-element-8e807d5 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #0459D7 0%, #16CAF2 100%);}.elementor-101150 .elementor-element.elementor-element-8e807d5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-101150 .elementor-element.elementor-element-8e807d5:after{content:"0.66";}.elementor-101150 .elementor-element.elementor-element-8e807d5 .elementor-post__thumbnail__link{width:100%;}.elementor-101150 .elementor-element.elementor-element-8e807d5 .elementor-post__meta-data span + span:before{content:"•";}.elementor-101150 .elementor-element.elementor-element-8e807d5 .elementor-post__text{margin-top:20px;}.elementor-101150 .elementor-element.elementor-element-8e807d5 .elementor-post__badge{right:0;}.elementor-101150 .elementor-element.elementor-element-8e807d5 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-101150 .elementor-element.elementor-element-8e807d5 .elementor-post__title, .elementor-101150 .elementor-element.elementor-element-8e807d5 .elementor-post__title a{color:#070707;font-size:20px;}.elementor-101150 .elementor-element.elementor-element-8e807d5 .elementor-post__meta-data{color:#1B0808;font-size:16px;font-weight:500;}.elementor-101150 .elementor-element.elementor-element-8e807d5 .elementor-post__excerpt p{font-size:17px;line-height:28px;}.elementor-101150 .elementor-element.elementor-element-8e807d5 a.elementor-post__read-more{font-size:16px;}.elementor-101150 .elementor-element.elementor-element-d4af5ff{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101150 .elementor-element.elementor-element-defd012{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-101150 .elementor-element.elementor-element-defd012.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-101150 .elementor-element.elementor-element-05f9efd{--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101150 .elementor-element.elementor-element-25d66c5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-101150 .elementor-element.elementor-element-b00f374{--display:flex;--overlay-opacity:0.15;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101150 .elementor-element.elementor-element-b00f374::before, .elementor-101150 .elementor-element.elementor-element-b00f374 > .elementor-background-video-container::before, .elementor-101150 .elementor-element.elementor-element-b00f374 > .e-con-inner > .elementor-background-video-container::before, .elementor-101150 .elementor-element.elementor-element-b00f374 > .elementor-background-slideshow::before, .elementor-101150 .elementor-element.elementor-element-b00f374 > .e-con-inner > .elementor-background-slideshow::before, .elementor-101150 .elementor-element.elementor-element-b00f374 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-101150 .elementor-element.elementor-element-7b368e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-101150 .elementor-element.elementor-element-ea20f7b{--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-101150 .elementor-element.elementor-element-ea20f7b:not(.elementor-motion-effects-element-type-background), .elementor-101150 .elementor-element.elementor-element-ea20f7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sourcecodelab.co/wp-content/uploads/2025/11/faq.png");}.elementor-101150 .elementor-element.elementor-element-4e8b43d{width:100%;max-width:100%;background-image:url("https://sourcecodelab.co/wp-content/uploads/2025/11/faq.png");margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;background-repeat:no-repeat;background-size:auto;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-101150 .elementor-element.elementor-element-4e8b43d{background-attachment:scroll;}}@media(max-width:1024px){.elementor-101150 .elementor-element.elementor-element-e1be218{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-101150 .elementor-element.elementor-element-3677795{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-101150 .elementor-element.elementor-element-46df2e0{width:var( --container-widget-width, 691.773px );max-width:691.773px;--container-widget-width:691.773px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-101150 .elementor-element.elementor-element-46df2e0 .elementor-icon-box-title, .elementor-101150 .elementor-element.elementor-element-46df2e0 .elementor-icon-box-title a{font-size:28px;}.elementor-101150 .elementor-element.elementor-element-8e807d5 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-101150 .elementor-element.elementor-element-8e807d5:after{content:"0.5";}.elementor-101150 .elementor-element.elementor-element-8e807d5 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-b76d905 */.section-title,
.wm-title,
.explore-oddsmatrix .section-title,
.start-a-conversation .section-title {
    font-size: clamp(32px, 4vw, 42px);
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px !important;
    color: #111;
    position: relative;
    padding-bottom: 18px;
    line-height: 1.2;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 0.8s ease forwards;
}

/* Beautiful underline effect */
.section-title::after,
.wm-title::after,
.explore-oddsmatrix .section-title::after,
.start-a-conversation .section-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 70px;
    height: 4px;
    background: #e4002b;
    transform: translateX(-50%);
    border-radius: 10px;
}

/* -------------------------------------------
   WHY ODDSMATRIX / WHY SOURCE CODE LAB SECTION
------------------------------------------- */
#why-oddsmatrix { 
  background: transparent; 
  padding: 72px 0; 
  overflow: hidden;
}

.wm-wrap { 
  max-width: 1320px; 
  margin: 0 auto; 
  padding: 0 20px;
}

/* Header */
.wm-header { 
  text-align: center; 
  margin-bottom: 48px;
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 0.8s ease forwards 0.2s;
}

/* Gradient heading with hover glow */
.wm-title { 
  font-size: clamp(30px, 4vw, 44px); 
  font-weight: 700; 
  background: linear-gradient(135deg, #e4002b 0%, #ff6b35 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transition: transform .3s ease, filter .3s ease;
}

.wm-header:hover .wm-title {
  transform: translateY(-2px);
  filter: brightness(1.05);
}

.wm-desc { 
  max-width: 980px;
  margin: 0 auto; 
  color: #555; 
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.6;
}

/* -------------------------------------------
   BODY LAYOUT
------------------------------------------- */
.wm-body {
  display: flex;
  gap: 28px;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap;
}

/* LEFT COLUMN */
.wm-left {
  flex: 1 1 48%;
  min-width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  opacity: 0;
  transform: translateX(-40px);
  animation: slideInLeft .7s ease forwards .4s;
}

/* Checklist List */
.wm-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 600px;
  display: grid;
  gap: 12px;
}

.wm-list li {
  position: relative;
  padding-left: 22px;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUpItem .5s ease forwards;
  transition: color .3s ease, transform .3s ease;
}

.wm-list li:hover {
  color: #e4002b;
  transform: translateX(8px);
}

/* bullet animation delay */
.wm-list li:nth-child(n) {
  animation-delay: calc(.45s + (var(--i) * .08s));
}

/* Bullet circle */
.wm-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #e4002b;
  transition: all .3s ease;
}

.wm-list li:hover::before {
  background: #e4002b;
  transform: scale(1.2);
  box-shadow: 0 0 8px rgba(228,0,43,.4);
}

/* -------------------------------------------
   RIGHT COLUMN (IMAGE ROTATOR)
------------------------------------------- */
.wm-right {
  flex: 1 1 48%;
  min-width: 320px;
  display: flex;
  justify-content: center;
  padding: 10px 8px;
  opacity: 0;
  transform: translateX(40px);
  animation: slideInRight .7s ease forwards .6s;
}

.wm-rotator {
  width: 100%;
  min-height: 56vh;
  max-height: 820px;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(0,0,0,.06);
  transition: .4s ease;
}

.wm-rotator:hover {
  box-shadow: 0 25px 60px rgba(0,0,0,.12);
  transform: translateY(-4px);
}

/* IMAGE STYLE */
.wm-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: translateY(10px) scale(1.02);
  transition: opacity .52s cubic-bezier(.2,.9,.2,1), transform .52s ease;
}

.wm-img.visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Dot indicator */
.wm-rotator::after {
  content: "";
  position: absolute;
  bottom: 14px;
  left: 50%;
  width: 8px; 
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,.9);
  transform: translateX(-50%);
  opacity: .25;
  animation: pulseDot 2s infinite ease;
}

/* -------------------------------------------
   ANIMATIONS
------------------------------------------- */
@keyframes fadeUp { to { opacity: 1; transform: translateY(0);} }
@keyframes slideInLeft { to { opacity: 1; transform: translateX(0);} }
@keyframes slideInRight { to { opacity: 1; transform: translateX(0);} }
@keyframes fadeUpItem { to { opacity: 1; transform: translateY(0);} }
@keyframes pulseDot {
  0%,100% { transform: translateX(-50%) scale(1); }
  50% { transform: translateX(-50%) scale(1.3); }
}

/* -------------------------------------------
   RESPONSIVE
------------------------------------------- */

/* Tablet */
@media (max-width: 1024px) {
  .wm-body { flex-wrap: nowrap; gap: 18px; }
  .wm-rotator { min-height: 48vh; }
}

/* Mobile */
@media (max-width: 880px) {
  .wm-body { flex-direction: column; gap: 18px; }
  .wm-right { order: -1; }
  .wm-left { align-items: flex-start; }
  .wm-rotator { min-height: 40vh; }
}

/* Small phones */
@media (max-width: 480px) {
  #why-oddsmatrix { padding: 36px 0; }
  .wm-rotator { min-height: 34vh; }
  .wm-list li { font-size: 14px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1be218 *//* BOXED SECTION & ADJUSTING WIDTH */
.boxed-section{
  background-image: url('https://sourcecodelab.co/wp-content/uploads/2025/03/Slice-1.svg');
  background-size: cover;
  background-position: center;
  padding:48px 20px;
  box-sizing: border-box;
}
.boxed-wrap{
  width: calc(100% - 80px);
  max-width: 1320px;
  margin: 0 auto;
  padding: 36px;
  background: rgba(255,255,255,0.95);
  border-radius: 18px;
  box-shadow: 0 30px 80px rgba(3,16,45,0.08);
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
}

/* LARGE AMBIENT GLOW BEHIND THE BOX */
.boxed-wrap::before{
  content:"";
  position:absolute;
  left:50%;
  top:-10%;
  transform:translateX(-50%);
  width:110%;
  height:420px;
  background: radial-gradient(circle at 50% 20%, rgba(22,202,242,0.12), rgba(4,89,215,0.04) 40%, transparent 70%);
  filter: blur(56px);
  z-index:0;
  pointer-events:none;
}

/* HEADER */
.header-wrap{ text-align:center; margin-bottom:28px; position:relative; z-index:1; }
.title{ font-size:38px; line-height:1.04; font-weight:800; color:#0b1220; margin:0 0 12px; }
.lead{ color:#4b5563; font-size:17px; max-width:1000px; margin:0 auto 10px; }
.subhead{ color:#111827; font-weight:700; margin-top:6px; }

/* STEPS GRID */
.steps-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:22px;
  position:relative;
  z-index:1;
}

/* glow accent under grid */
.steps-grid::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-10%;
  transform:translateX(-50%);
  width:100%;
  height:220px;
  background: radial-gradient(circle at 50% 0%, rgba(22,202,242,0.08), rgba(4,89,215,0.02) 40%, transparent 65%);
  filter: blur(48px);
  z-index:0;
  pointer-events:none;
}

/* STEP CARD */
.step{
  background: #ffffff;
  border-radius: 14px;
  padding:20px;
  display:flex;
  gap:18px;
  align-items:flex-start;
  box-shadow: 0 12px 34px rgba(2,6,23,0.06);
  transition: transform .34s cubic-bezier(.2,.9,.3,1), box-shadow .34s ease;
  position:relative;
  overflow:visible;
}
.step:hover{
  transform: translateY(-10px);
  box-shadow: 0 36px 90px rgba(4,89,215,0.14);
}

/* number circle */
.step-meta{ flex:0 0 auto; display:flex; align-items:center; }
.step-number{
  width:76px;
  height:76px;
  min-width:76px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:22px;
  color:#ffffff;
  background: linear-gradient(180deg, #16CAF2 0%, #0459D7 100%);
  box-shadow: 0 14px 36px rgba(4,89,215,0.22), 0 2px 8px rgba(2,6,23,0.06);
  position:relative;
  transition: transform .28s ease, box-shadow .28s ease;
}

/* halo around number */
.step-number::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:130%;
  height:130%;
  border-radius:50%;
  background: radial-gradient(circle, rgba(22,202,242,0.22), rgba(4,89,215,0.08) 45%, transparent 65%);
  filter: blur(18px);
  z-index:-1;
  transition: transform .28s ease, opacity .28s ease;
  opacity:1;
}

/* hover intensify */
.step:hover .step-number{ transform: translateY(-6px) scale(1.04); box-shadow: 0 24px 56px rgba(4,89,215,0.26); }
.step:hover .step-number::after{ transform:translate(-50%,-50%) scale(1.10); opacity:1; }

/* content */
.step-body{ flex:1 1 auto; }
.step-title{ font-size:20px; margin:0 0 8px; color:#0b1220; font-weight:800; }
.step-text{ margin:0; color:#444b55; line-height:1.65; font-size:15px; }

/* EXAMPLE BOX */
.example-box{
  background: rgba(255,255,255,0.96);
  padding:20px;
  border-radius:14px;
  margin:26px 0;
  box-shadow: 0 18px 46px rgba(2,6,23,0.06);
  position:relative;
  z-index:1;
}
.example-text{ color:#374151; font-size:15.5px; line-height:1.7; margin:0; }

/* CTA */
.cta-wrap{ text-align:center; margin-top:8px; z-index:1; }
.cta{
  display:inline-block;
  background: linear-gradient(180deg, #16CAF2 0%, #0459D7 100%);
  color:#fff;
  padding:14px 36px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
  box-shadow: 0 18px 44px rgba(4,89,215,0.18);
  transition: transform .22s ease, box-shadow .22s ease;
}
.cta:hover{ transform: translateY(-6px); box-shadow: 0 36px 82px rgba(4,89,215,0.28); }

/* RESPONSIVE */
@media (max-width: 1100px){
  .boxed-wrap{ padding:28px; width: calc(100% - 0px); }
  .title{ font-size:34px; }
  .steps-grid{ gap:18px; }
  .step-number{ width:68px; height:68px; min-width:68px; font-size:20px; }
}
@media (max-width: 720px){
  .boxed-wrap{ padding:20px; width: calc(100% - 0px); border-radius:12px; }
  .steps-grid{ grid-template-columns: 1fr; gap:14px; }
  .title{ font-size:28px; }
  .lead{ font-size:15px; }
  .step{ padding:16px; gap:12px; }
  .step-number{ width:60px; height:60px; min-width:60px; font-size:18px; }
  .example-box{ padding:16px; }
  .cta{ padding:12px 22px; font-size:16px; }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .step, .step-number, .cta{ transition: none !important; transform:none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76b63cb */#Blog-design .elementor-post__read-more{
  background: linear-gradient(180deg, #16CAF2 0%, #0459D7 100%) !important;
  color:#fff !important;
  border-radius:8px;
  padding:10px 18px;
  display:inline-block;
  text-decoration:none;
  transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease;
  box-shadow:0 6px 20px rgba(0,0,0,0.18);
}

#Blog-design .elementor-post__read-more:hover{
  transform:translateY(-4px) scale(1.03);
  opacity:0.9;
  box-shadow:0 12px 28px rgba(0,0,0,0.28);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-defd012 *//* layout helpers */
.achievements-section { background: linear-gradient(180deg,#06b6d4 0%, #0891b2 100%); padding-top:4.5rem; padding-bottom:4.5rem; }
.max-width { max-width: 1200px; margin-left:auto; margin-right:auto; box-sizing:border-box; }
.center { margin-left:auto; margin-right:auto; text-align:center; }
.px-6 { padding-left:1.5rem; padding-right:1.5rem; }

/* heading */
.highlight-heading {
  font-weight:900;
  font-size:clamp(2rem, 4.5vw, 3.5rem);
  color:#ffffff;
  margin-bottom:1.75rem;
  display:inline-block;
  padding-bottom:1.5rem;
  border-bottom:4px solid rgba(255,255,255,0.18);
}

/* grid */
.cards-grid {
  display:grid;
  grid-template-columns: repeat(1, 1fr);
  gap:1.25rem;
  align-items:stretch;
  justify-items:stretch;
  margin-top:1.5rem;
}
@media (min-width:640px) {
  .cards-grid { grid-template-columns: repeat(2, 1fr); gap:1.75rem; }
}
@media (min-width:1024px) {
  .cards-grid { grid-template-columns: repeat(4, 1fr); gap:2.25rem; }
}

/* glass card */
.glass-card {
  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1.5px solid rgba(255,255,255,0.22);
  border-radius: 20px;
  padding:2.5rem 1.5rem;
  transition: transform .36s cubic-bezier(.2,.9,.3,1), box-shadow .36s ease, border-color .25s ease;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:200px;
  box-shadow: 0 8px 30px rgba(2,6,23,0.18);
}
.glass-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 70px rgba(2,6,23,0.22);
  border-color: rgba(255,255,255,0.36);
}

/* counter (number) */
.counter {
  color:#ffffff;
  font-weight:900;
  line-height:1;
  margin-bottom:0.6rem;
  font-size:clamp(2.4rem, 5.5vw, 4.8rem); /* responsive sizing */
  letter-spacing: -0.02em;
  text-shadow: 0 6px 30px rgba(4,89,215,0.14);
  display:inline-block;
  min-width:5.2ch;
  text-align:center;
  will-change: transform;
}

/* small halo behind big number for subtle glow */
.glass-card .counter::before{
  content: "";
  position: absolute;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  z-index: -1;
  background: radial-gradient(circle, rgba(22,202,242,0.18), rgba(4,89,215,0.06) 40%, transparent 60%);
  filter: blur(28px);
  transform: translateY(-6px);
  pointer-events: none;
  opacity: 1;
}

/* counter label */
.counter-text {
  color: rgba(255,255,255,0.94);
  font-weight:600;
  font-size:1.05rem;
  line-height:1.45;
}

/* spacing adjustments for small screens */
@media (max-width:480px){
  .glass-card { padding:1.6rem; min-height:160px; }
  .counter { font-size:2.6rem; }
  .glass-card .counter::before { width:115px; height:115px; filter: blur(20px); }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .glass-card, .counter { transition: none !important; transform: none !important; }
  .glass-card .counter::before { filter: none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25d66c5 *//* Utility for Image/Text Blocks */
.image-text-block {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 70px 40px;
}
.image-text-block .image-col { width: 50%; }
.image-text-block .text-col { width: 50%; }
.image-text-block img { width: 100%; height: auto; border-radius: 10px; display: block; }
.image-text-block:nth-child(even) { background-color: var(--main-light-bg); }
.image-text-block:nth-child(even) .image-col { order: 2; }
.image-text-block:nth-child(even) .text-col { order: 1; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e8b43d *//* Note: Assuming the theme variables (--spacing, --color-gray-5, --text-3xl, etc.)
   from the original long CSS are available in the scope (e.g., in :root or :host) */

.benefits-section {
    position: relative; /* relative */
    text-align: center; /* text-center */
    background-color: var(--color-gray-5); /* bg-gray-5 */
}

/* .relative .z-10 .w-full .max-w-6xl .mx-auto .px-6 .lg:px-9 .pt-20 .lg:pt-32 */
.benefits-inner-container {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 72rem; /* approx max-w-6xl */
    margin: 0 auto; /* mx-auto */
    padding-left: calc(var(--spacing) * 6); /* px-6 */
    padding-right: calc(var(--spacing) * 6); /* px-6 */
    padding-top: calc(var(--spacing) * 20); /* pt-20 */
}

@media (min-width: 64rem) {
    .benefits-inner-container {
        padding-left: calc(var(--spacing) * 9); /* lg:px-9 */
        padding-right: calc(var(--spacing) * 9); /* lg:px-9 */
        padding-top: calc(var(--spacing) * 32); /* lg:pt-32 */
    }
}

/* .mb-6 .lg:mb-9 .flex .justify-center .items-center */
.benefits-tag-container {
    margin-bottom: calc(var(--spacing) * 6); /* mb-6 */
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (min-width: 64rem) {
    .benefits-tag-container {
        margin-bottom: calc(var(--spacing) * 9); /* lg:mb-9 */
    }
}

/* .flex .items-center .justify-center .text-xs .sm:text-sm .gap-2 .py-1\.5 .px-4 .rounded-full .bg-white .font-semibold .font-2 .tracking-\[0\.5px\] .uppercase */
.benefits-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    gap: calc(var(--spacing) * 2); /* gap-2 */
    padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 4); /* py-1.5 px-4 */
    border-radius: 9999px; /* rounded-full */
    background-color: var(--color-white);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-2);
    letter-spacing: 0.5px; /* tracking-[0.5px] */
    text-transform: uppercase;
}
@media (min-width: 40rem) {
    .benefits-tag {
        font-size: var(--text-sm); /* sm:text-sm */
    }
}
/* Note: SVG fill color is correctly hardcoded to #23B04E in HTML */


/* h2: .text-3xl .lg:text-5xl .font-bold .mb-8 .lg:mb-12 */
.benefits-section h2 {
    font-size: var(--text-3xl);
    font-weight: var(--font-weight-bold);
    margin-bottom: calc(var(--spacing) * 8); /* mb-8 */
    line-height: 1.1; /* Inherited h2 line-height */
}
@media (min-width: 64rem) {
    .benefits-section h2 {
        font-size: var(--text-5xl); /* lg:text-5xl */
        margin-bottom: calc(var(--spacing) * 12); /* lg:mb-12 */
    }
}

/* .flex .flex-wrap .lg:grid .lg:grid-cols-3 .gap-5 */
.benefits-grid {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 5); /* gap-5 */
    justify-content: center; /* helps center content when flex-wrap is active */
    list-style: none; /* ensures clean layout for list of cards */
    padding: 0;
    margin: 0;
}
@media (min-width: 64rem) {
    .benefits-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)); /* lg:grid-cols-3 */
        /* flex and flex-wrap overridden by grid display */
    }
}

/* Card: .group .overflow-hidden .relative .flex-[1_0_320px] .flex .flex-col .items-center .gap-2 .bg-white .shadow-3 .rounded-xl .px-6 .py-8 .min-h-\[240px\] */
.benefit-card {
    overflow: hidden;
    position: relative;
    flex: 1 0 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 2); /* gap-2 */
    background-color: var(--color-white);
    box-shadow: var(--shadow-3); /* shadow-3 */
    border-radius: var(--radius-xl); /* rounded-xl */
    padding-left: calc(var(--spacing) * 6); /* px-6 */
    padding-right: calc(var(--spacing) * 6); /* px-6 */
    padding-top: calc(var(--spacing) * 8); /* py-8 */
    padding-bottom: calc(var(--spacing) * 8); /* py-8 */
    min-height: 240px;
}

/* Icon Wrapper: .w-16 .h-16 .rounded-xl .flex .justify-center .items-center .shadow-3 .mb-1 .bg-white */
.icon-wrapper {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
    border-radius: var(--radius-xl);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--shadow-3);
    margin-bottom: calc(var(--spacing) * 1);
    background-color: var(--color-white);
}

/* h3 in Card: .text-lg .font-semibold .font-2 */
.benefit-card h3 {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-2);
    line-height: 1.1; /* Inherited h3 line-height */
}

/* p in Card: .text-base */
.benefit-card p {
    font-size: var(--text-base);
    line-height: 1.5; /* Inherited p line-height */
}

/* Special Animation Card (Card 2) Logic */
.animation-placeholder {
    display: none; /* hidden */
    /* This card is complex: .animation-64 .hidden .lg:flex .bg-gradient-to-b .from-gray-8 .to-white */
    background-image: linear-gradient(to bottom, var(--color-gray-8) 0%, var(--color-white) 100%);
}

@media (min-width: 64rem) {
    .animation-placeholder {
        display: flex; /* lg:flex (overrides hidden) */
    }
    /* Placeholder for GSAP/mask-animation-64 - these animations require JS and advanced CSS features. 
       The static appearance is based on the general card style applied above. */
}/* End custom CSS */