.elementor-1019 .elementor-element.elementor-element-ba2d0e7{--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-1019 .elementor-element.elementor-element-ba2d0e7:not(.elementor-motion-effects-element-type-background), .elementor-1019 .elementor-element.elementor-element-ba2d0e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E0E;}.elementor-1019 .elementor-element.elementor-element-05f36ca{--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-1019 .elementor-element.elementor-element-05f36ca:not(.elementor-motion-effects-element-type-background), .elementor-1019 .elementor-element.elementor-element-05f36ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E0E;}.elementor-1019 .elementor-element.elementor-element-e30b690{--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;}.elementor-1019 .elementor-element.elementor-element-e30b690:not(.elementor-motion-effects-element-type-background), .elementor-1019 .elementor-element.elementor-element-e30b690 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E0E;}.elementor-1019 .elementor-element.elementor-element-8fb063c{--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-1019 .elementor-element.elementor-element-2a334e9{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1019 .elementor-element.elementor-element-3b74534{font-family:"Manrope", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-4125237{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1019 .elementor-element.elementor-element-def2d2c{--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-1019 .elementor-element.elementor-element-60d1694{text-align:center;}.elementor-1019 .elementor-element.elementor-element-60d1694 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:24px;color:#9DFFCB;}.elementor-1019 .elementor-element.elementor-element-e3c648a{text-align:center;color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-e3c648a a{color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-258368e{text-align:center;color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-258368e a{color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-f55e65f{text-align:center;color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-f55e65f a{color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-82b1cab{text-align:center;color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-82b1cab a{color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-937973d{--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-1019 .elementor-element.elementor-element-b5558b9{text-align:center;}.elementor-1019 .elementor-element.elementor-element-b5558b9 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:24px;color:#9DFFCB;}.elementor-1019 .elementor-element.elementor-element-10707fb{text-align:center;color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-aeba63c{text-align:center;color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-7d2d665{text-align:center;color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-e2c7ed3{text-align:center;color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-4e13045{--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-1019 .elementor-element.elementor-element-f04456c{text-align:center;}.elementor-1019 .elementor-element.elementor-element-f04456c .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:24px;color:#9DFFCB;}.elementor-1019 .elementor-element.elementor-element-765c6fb{text-align:center;color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-2880ce5{text-align:center;color:#FFFFFF;}.elementor-1019 .elementor-element.elementor-element-884701f{text-align:center;color:#FFFFFF;}@media(min-width:768px){.elementor-1019 .elementor-element.elementor-element-8fb063c{--width:25%;}.elementor-1019 .elementor-element.elementor-element-def2d2c{--width:25%;}.elementor-1019 .elementor-element.elementor-element-937973d{--width:25%;}.elementor-1019 .elementor-element.elementor-element-4e13045{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-e30b690 *//* =========================================================
   MAKMEDIA FOOTER STYLE
   Step 1: Footer main container -> Advanced -> CSS Classes -> mak-footer
   Step 2: Paste this code in Site Settings -> Custom CSS
   ========================================================= */

/* ---------- Footer background ---------- */
.mak-footer {
  position: relative;
  background: linear-gradient(180deg, #0d0d10 0%, #050506 100%) !important;
  border-top: 1px solid rgba(109, 255, 181, 0.25);
  padding: 70px 5% 30px !important;
  overflow: hidden;
}

/* soft green + purple glow behind the content */
.mak-footer::before {
  content: "";
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 240px;
  background: radial-gradient(ellipse at center, rgba(109, 255, 181, 0.12), transparent 70%);
  pointer-events: none;
}

.mak-footer > * {
  position: relative;
  z-index: 1;
}

/* ---------- Column headings (Services / Company / Contact) ---------- */
.mak-footer .elementor-heading-title {
  color: #6dffb5 !important;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 22px;
}

/* gradient underline below headings */
.mak-footer .elementor-widget-heading .elementor-heading-title::after {
  content: "";
  display: block;
  width: 44px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #6dffb5, #b66dff);
}

/* ---------- Text / links ---------- */
.mak-footer .elementor-widget-text-editor,
.mak-footer .elementor-widget-text-editor p,
.mak-footer .elementor-widget-text-editor a {
  color: #d0d0d6;
  font-size: 16px;
  line-height: 1.7;
  text-decoration: none;
  transition: color 0.3s ease, transform 0.3s ease;
}

.mak-footer .elementor-widget-text-editor p {
  margin-bottom: 14px;
}

/* hover effect on links and items */
.mak-footer .elementor-widget-text-editor:hover,
.mak-footer .elementor-widget-text-editor a:hover {
  color: #6dffb5;
}

.mak-footer .elementor-widget-text-editor a {
  position: relative;
  display: inline-block;
}

.mak-footer .elementor-widget-text-editor a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: #6dffb5;
  transition: width 0.3s ease;
}

.mak-footer .elementor-widget-text-editor a:hover::after {
  width: 100%;
}

/* ---------- Logo ---------- */
.mak-footer .elementor-widget-image img {
  transition: transform 0.3s ease;
}

.mak-footer .elementor-widget-image img:hover {
  transform: scale(1.05);
}

/* ---------- Social icons ---------- */
.mak-footer .elementor-social-icons-wrapper {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
}

.mak-footer .elementor-social-icon {
  border-radius: 50% !important;
  width: 46px;
  height: 46px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mak-footer .elementor-social-icon:hover {
  transform: translateY(-5px) scale(1.08);
  box-shadow: 0 8px 20px rgba(109, 255, 181, 0.35);
}

.mak-footer .elementor-social-icon i,
.mak-footer .elementor-social-icon svg {
  font-size: 20px;
  width: 20px;
  height: 20px;
}

/* ---------- Divider line above copyright (optional) ---------- */
.mak-footer .elementor-divider-separator {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .mak-footer {
    padding: 55px 4% 25px !important;
  }

  .mak-footer .elementor-heading-title {
    font-size: 22px;
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .mak-footer {
    padding: 45px 20px 25px !important;
  }

  .mak-footer .elementor-widget-text-editor,
  .mak-footer .elementor-widget-heading,
  .mak-footer .elementor-widget-image {
    text-align: center !important;
  }

  .mak-footer .elementor-social-icons-wrapper {
    justify-content: center;
  }

  .mak-footer .elementor-widget-wrap {
    margin-bottom: 25px;
  }
}


/* =========================================================
   ELEMENTOR CONTAINER (Flexbox Container) SUPPORT
   Add class "mak-footer" on the OUTER footer container
   ========================================================= */
.mak-footer.e-con {
  --padding-top: 70px;
  --padding-bottom: 30px;
  --padding-left: 5%;
  --padding-right: 5%;
  --overflow: hidden;
}

.mak-footer .e-con-inner {
  position: relative;
  z-index: 1;
}

/* inner column containers */
.mak-footer .e-con {
  align-items: center;
}

@media (max-width: 1024px) {
  .mak-footer.e-con {
    --padding-top: 55px;
    --padding-left: 4%;
    --padding-right: 4%;
  }
}

@media (max-width: 767px) {
  .mak-footer.e-con {
    --padding-top: 45px;
    --padding-left: 20px;
    --padding-right: 20px;
    --flex-direction: column;
  }

  .mak-footer .e-con {
    align-items: center;
    text-align: center;
  }
}


/* =========================================================
   FIX: LOGO + TAGLINE + SOCIAL ICONS ALIGNMENT
   Add class "mak-brand" on the FIRST column container
   (the one that has logo, tagline and social icons)
   ========================================================= */
.mak-footer .mak-brand.e-con {
  align-items: center !important;
  text-align: center !important;
  gap: 18px;
}

/* logo: perfectly centered */
.mak-footer .mak-brand .elementor-widget-image {
  width: 100%;
  text-align: center !important;
}

.mak-footer .mak-brand .elementor-widget-image img {
  display: block;
  margin: 0 auto !important;
  max-width: 190px;
  height: auto;
}

/* tagline: centered, neat width */
.mak-footer .mak-brand .elementor-widget-text-editor,
.mak-footer .mak-brand .elementor-widget-text-editor p {
  text-align: center !important;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

/* social icons: one equal row, centered */
.mak-footer .mak-brand .elementor-widget-social-icons {
  width: 100%;
}

.mak-footer .mak-brand .elementor-social-icons-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center;
  gap: 10px !important;
}

.mak-footer .mak-brand .elementor-grid-item {
  margin: 0 !important;
  padding: 0 !important;
}

.mak-footer .mak-brand .elementor-social-icon {
  width: 42px !important;
  height: 42px !important;
}

/* =========================================================
   BOTTOM BAR: COPYRIGHT + PRIVACY POLICY
   Add a new container at the very bottom of the footer,
   give it class "mak-footer-bottom", put ONE Text Editor in it:
   © 2026 Makmedia. All rights reserved. | Privacy Policy | Terms & Conditions
   ========================================================= */
.mak-footer .mak-footer-bottom.e-con {
  width: 100%;
  margin-top: 45px;
  padding-top: 22px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  align-items: center;
  justify-content: center;
  text-align: center;
}

.mak-footer .mak-footer-bottom .elementor-widget-text-editor,
.mak-footer .mak-footer-bottom .elementor-widget-text-editor p {
  font-size: 14px;
  color: #8f8f99;
  text-align: center !important;
  margin: 0;
}

.mak-footer .mak-footer-bottom a {
  color: #6dffb5;
  margin: 0 8px;
}

.mak-footer .mak-footer-bottom a:hover {
  color: #ffffff;
}

/* mobile */
@media (max-width: 767px) {
  .mak-footer .mak-brand .elementor-social-icons-wrapper {
    flex-wrap: wrap !important;
  }

  .mak-footer .mak-footer-bottom a {
    display: inline-block;
    margin: 4px 8px;
  }
}/* End custom CSS */