.elementor-kit-6{--e-global-color-primary:#4287C7;--e-global-color-secondary:#54595F;--e-global-color-text:#1A1A1A;--e-global-color-accent:#75BCFF;--e-global-color-519c034:#000000;--e-global-color-b46821a:#FFFFFF;--e-global-color-ff840c5:#ADADAD;--e-global-color-c1652b8:#F3F6FA;--e-global-color-1d92dc0:#6F7682;--e-global-color-faf10c5:#E4E8EE;--e-global-color-5db52e3:#F3F6FA8F;--e-global-color-d574334:#008A20;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-text-font-size:13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.float-container {
  transition: transform 0.6s ease, box-shadow 0.6s ease;
  will-change: transform;
}

.float-container:hover {
  transform: translateY(-12px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
}





.zag-service-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition:
    transform 0.55s ease,
    border-color 0.55s ease,
    box-shadow 0.55s ease;
}

/* animated background on hover */
.zag-service-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 20%, rgba(66, 137, 199, 0.35), transparent 35%),
    linear-gradient(135deg, #111827 0%, #1b2f46 45%, #4289c7 100%);
  opacity: 0;
  transform: translateY(100%);
  transition:
    transform 0.65s cubic-bezier(.2, .8, .2, 1),
    opacity 0.45s ease;
  z-index: 0;
}

/* subtle shine */
.zag-service-card::after {
  content: "";
  position: absolute;
  top: -80%;
  left: -50%;
  width: 55%;
  height: 220%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.22),
    transparent
  );
  transform: rotate(25deg) translateX(-120%);
  transition: transform 0.8s ease;
  z-index: 1;
  pointer-events: none;
}

.zag-service-card:hover {
  transform: translateY(-10px);
  border-color: rgba(66, 137, 199, 0.75) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28);
}

.zag-service-card:hover::before {
  opacity: 1;
  transform: translateY(0);
}

.zag-service-card:hover::after {
  transform: rotate(25deg) translateX(260%);
}

/* keep all content above the hover background */
.zag-service-card > * {
  position: relative;
  z-index: 2;
}

/* text hover colors */
.zag-service-card:hover,
.zag-service-card:hover h1,
.zag-service-card:hover h2,
.zag-service-card:hover h3,
.zag-service-card:hover h4,
.zag-service-card:hover h5,
.zag-service-card:hover h6,
.zag-service-card:hover p,
.zag-service-card:hover span,
.zag-service-card:hover .elementor-heading-title,
.zag-service-card:hover .elementor-widget-text-editor,
.zag-service-card:hover .elementor-icon-list-text {
  color: #ffffff !important;
}

/* make number or small label blue-white on hover */
.zag-service-card:hover .zag-service-num,
.zag-service-card:hover .service-num,
.zag-service-card:hover .elementor-icon-list-icon i {
  color: #b8dcff !important;
}

/* icon hover */
.zag-service-card .elementor-icon,
.zag-service-card .elementor-icon i,
.zag-service-card .elementor-icon svg {
  transition:
    color 0.45s ease,
    fill 0.45s ease,
    stroke 0.45s ease,
    background 0.45s ease,
    transform 0.45s ease,
    border-color 0.45s ease;
}

.zag-service-card:hover .elementor-icon {
  background: #ffffff !important;
  color: #4289c7 !important;
  border-color: #ffffff !important;
  transform: rotate(-48deg) scale(1.08);
}

.zag-service-card:hover .elementor-icon i {
  color: #4289c7 !important;
}

.zag-service-card:hover .elementor-icon svg,
.zag-service-card:hover .elementor-icon svg * {
  fill: #4289c7 !important;
  stroke: #4289c7 !important;
}

/* button or link inside service card */
.zag-service-card a,
.zag-service-card .elementor-button {
  transition:
    color 0.45s ease,
    background 0.45s ease,
    border-color 0.45s ease,
    transform 0.45s ease;
}

.zag-service-card:hover a:not(.elementor-button) {
  color: #ffffff !important;
}

.zag-service-card:hover .elementor-button {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #ffffff !important;
  transform: translateX(4px);
}

/* better mobile behavior */
@media (max-width: 767px) {
  .zag-service-card:hover {
    transform: translateY(-6px);
  }
}




/* Hide form button icon by default on desktop */
.zag-form-hover-icon .elementor-button-icon {
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  transform: translateX(-8px);
  transition:
    opacity 0.35s ease,
    max-width 0.35s ease,
    transform 0.35s ease,
    margin 0.35s ease;
}

/* If icon is on the right */
.zag-form-hover-icon .elementor-align-icon-right .elementor-button-icon {
  margin-left: 0 !important;
}

/* If icon is on the left */
.zag-form-hover-icon .elementor-align-icon-left .elementor-button-icon {
  margin-right: 0 !important;
  transform: translateX(8px);
}

/* Show icon on button hover on desktop */
.zag-form-hover-icon .elementor-button:hover .elementor-button-icon,
.zag-form-hover-icon .elementor-button:focus .elementor-button-icon {
  opacity: 1;
  max-width: 24px;
  transform: translateX(0);
}

/* Restore spacing on hover if icon is on right */
.zag-form-hover-icon .elementor-align-icon-right .elementor-button:hover .elementor-button-icon,
.zag-form-hover-icon .elementor-align-icon-right .elementor-button:focus .elementor-button-icon {
  margin-left: 8px !important;
}

/* Restore spacing on hover if icon is on left */
.zag-form-hover-icon .elementor-align-icon-left .elementor-button:hover .elementor-button-icon,
.zag-form-hover-icon .elementor-align-icon-left .elementor-button:focus .elementor-button-icon {
  margin-right: 8px !important;
}

/* Show icon by default on tablet and mobile */
@media (max-width: 1024px) {
  .zag-form-hover-icon .elementor-button-icon {
    opacity: 1;
    max-width: 24px;
    overflow: visible;
    transform: translateX(0);
  }

  .zag-form-hover-icon .elementor-align-icon-right .elementor-button-icon {
    margin-left: 8px !important;
  }

  .zag-form-hover-icon .elementor-align-icon-left .elementor-button-icon {
    margin-right: 8px !important;
  }
}






.zag-portfolio-title a {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}/* End custom CSS */