.elementor-1300 .elementor-element.elementor-element-80eecce{--display:flex;--min-height:870px;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:250px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1300 .elementor-element.elementor-element-80eecce.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1300 .elementor-element.elementor-element-5b675bf{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-highlighted-text svg path{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-highlighted-text svg.wpr-highlight-x path:first-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-highlighted-text svg.wpr-highlight-double path:last-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-highlighted-text svg.wpr-highlight-double-underline path:last-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-advanced-text{text-align:center;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-advanced-text a{text-align:center;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-advanced-text-preffix{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:65px;padding-top:10px;padding-bottom:10px;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-anim-text{color:#FAC643;padding:10px 10px 10px 10px;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-highlighted-text{color:#FAC643;padding:10px 10px 10px 10px;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-anim-text-selected {color:#FAC643;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-anim-text b, .elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-anim-text b i,.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-anim-text,.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-highlighted-text{font-family:"Poppins", Sans-serif;font-size:65px;font-style:normal;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-advanced-text-suffuix{padding-top:10px;padding-bottom:10px;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-advanced-text-suffix{color:#333333;}.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-1300 .elementor-element.elementor-element-a49f2dd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.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-1300 .elementor-element.elementor-element-fb9db57{width:var( --container-widget-width, 88% );max-width:88%;--container-widget-width:88%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#E0E0E0;}.elementor-1300 .elementor-element.elementor-element-fb9db57 p{margin-block-end:0px;}.elementor-1300 .elementor-element.elementor-element-93d8862{--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:-100px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1300 .elementor-element.elementor-element-93d8862:not(.elementor-motion-effects-element-type-background), .elementor-1300 .elementor-element.elementor-element-93d8862 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 0%, #000000 55%);}.elementor-1300 .elementor-element.elementor-element-1763f3b{--spacer-size:150px;}.elementor-1300 .elementor-element.elementor-element-0219cc6{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1300 .elementor-element.elementor-element-0275d88{--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:-130px;--margin-left:0px;--margin-right:0px;--z-index:6;}.elementor-1300 .elementor-element.elementor-element-0275d88:not(.elementor-motion-effects-element-type-background), .elementor-1300 .elementor-element.elementor-element-0275d88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #FFFFFF00 0%, #000000 55%);}.elementor-1300 .elementor-element.elementor-element-0879546{--spacer-size:150px;}.elementor-1300 .elementor-element.elementor-element-84692a7{--display:flex;--min-height:720px;--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-1300 .elementor-element.elementor-element-9778ad8{--display:flex;--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-1300 .elementor-element.elementor-element-7c0e36d{--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:-100px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-1300 .elementor-element.elementor-element-7c0e36d:not(.elementor-motion-effects-element-type-background), .elementor-1300 .elementor-element.elementor-element-7c0e36d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 0%, #000000 55%);}.elementor-1300 .elementor-element.elementor-element-7ee7c9b{--spacer-size:150px;}.elementor-1300 .elementor-element.elementor-element-389c990{--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-1300 .elementor-element.elementor-element-cc697f4{--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;}body.elementor-page-1300:not(.elementor-motion-effects-element-type-background), body.elementor-page-1300 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1366px){.elementor-1300 .elementor-element.elementor-element-80eecce{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1300 .elementor-element.elementor-element-0219cc6{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1300 .elementor-element.elementor-element-84692a7{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-advanced-text-preffix{font-size:50px;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-anim-text b, .elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-anim-text b i,.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-anim-text,.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-highlighted-text{font-size:45px;}.elementor-1300 .elementor-element.elementor-element-fb9db57{font-size:14px;}}@media(max-width:767px){.elementor-1300 .elementor-element.elementor-element-8abf6c3{margin:120px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-advanced-text{text-align:left;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-advanced-text a{text-align:left;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-advanced-text-preffix{font-size:35px;}.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-anim-text b, .elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-anim-text b i,.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-anim-text,.elementor-1300 .elementor-element.elementor-element-8abf6c3 .wpr-highlighted-text{font-size:26px;}.elementor-1300 .elementor-element.elementor-element-fb9db57{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 80px) 0px;padding:0px 0px 0px 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:justify;}}@media(min-width:768px){.elementor-1300 .elementor-element.elementor-element-80eecce{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-1315c84 *//* =====================================
   SERVICES MOSAIC – 3D GLASS FINAL
===================================== */

.services-mosaic {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  align-items: stretch;
}

/* -------------------------------------
   BASE 3D GLASS CARD (ALL BOXES)
-------------------------------------- */
.mosaic-box {
  position: relative;

  /* Glass background */
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.14),
    rgba(0,169,253,0.08)
  );

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  border-radius: 14px;
  padding: 26px;
  color: #ffffff;

  display: flex;
  flex-direction: column;
  justify-content: center;

  /* 3D depth */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.25),
    inset 0 -1px 0 rgba(0,0,0,0.35),
    0 18px 40px rgba(0,0,0,0.45);

  transition:
    transform 0.35s cubic-bezier(.4,0,.2,1),
    box-shadow 0.35s cubic-bezier(.4,0,.2,1),
    background 0.35s ease;
}

/* -------------------------------------
   HOVER – FLOAT + BLUE GLOW
-------------------------------------- */
.mosaic-box:hover {
  transform: translateY(-6px) scale(1.01);

  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.18),
    rgba(0,169,253,0.14)
  );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.35),
    0 25px 55px rgba(0,0,0,0.55),
    0 0 45px rgba(0,169,253,0.45);
}

/* -------------------------------------
   ICON BOX – FILLED & GLASSY
-------------------------------------- */
.icon-box {
  align-items: center;
  text-align: center;
  font-size: 30px;
  color: #00A9FD;

  background: linear-gradient(
    160deg,
    rgba(0,169,253,0.35),
    rgba(0,169,253,0.12)
  );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.4),
    inset 0 -1px 0 rgba(0,0,0,0.4),
    0 16px 36px rgba(0,0,0,0.45);
}

/* -------------------------------------
   SERVICE BOX TEXT
-------------------------------------- */
.service-box h4 {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 8px;
}

.service-box p {
  font-size: 14.5px;
  line-height: 1.6;
  color: rgba(255,255,255,0.9);
  margin: 0;
}

/* -------------------------------------
   CTA BOX
-------------------------------------- */
.cta-box {
  grid-column: span 2;
}

.cta-box h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 14px;
}

.cta-box button {
  align-self: flex-start;

  background: linear-gradient(
    135deg,
    #ffffff,
    #dff3ff
  );

  color: #000000;
  border: none;
  padding: 11px 20px;
  border-radius: 24px;
  font-weight: 600;
  cursor: pointer;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.7),
    0 10px 22px rgba(0,0,0,0.35);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.cta-box button:hover {
  transform: translateY(-2px);
  box-shadow:
    0 14px 28px rgba(0,0,0,0.45),
    0 0 25px rgba(0,169,253,0.35);
}

/* -------------------------------------
   MOBILE – HIDE ICON BOXES
-------------------------------------- */
@media (max-width: 768px) {
  .icon-box {
    display: none !important;
  }
}

/* -------------------------------------
   RESPONSIVE GRID
-------------------------------------- */
@media (max-width: 900px) {
  .services-mosaic {
    grid-template-columns: repeat(2, 1fr);
  }

  .cta-box {
    grid-column: span 2;
  }
}

@media (max-width: 480px) {
  .services-mosaic {
    grid-template-columns: 1fr;
  }

  .cta-box {
    grid-column: span 1;
  }
}
.cta-box button {
  align-self: flex-start;

  background: linear-gradient(
    135deg,
    #ffffff,
    #dff3ff
  );
  color: #000000;

  border: none;
  padding: 11px 20px;
  border-radius: 24px;
  font-weight: 600;
  cursor: pointer;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.7),
    0 10px 22px rgba(0,0,0,0.35);

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

/* 🔥 HOVER STATE */
.cta-box button:hover {
  background: #000000;   /* black background */
  color: #ffffff;        /* white text */

  transform: translateY(-2px);

  box-shadow:
    0 14px 28px rgba(0,0,0,0.55),
    0 0 25px rgba(0,169,253,0.35);
}/* End custom CSS */