/* -------------------------- Site header -------------------------- */
.site__header--menu {
  .elementor-nav-menu__container {
    @media (max-width: 991px) {
      height: calc(100vh - 97.53px);
    }

    @media (max-width: 767px) {
      height: calc(100dvh - 74.52px);
    }

    .elementor-nav-menu {
      @media (max-width: 991px) {
        padding: 30px 0px;
      }

      &>li {
        &:last-child {
          display: none;

          @media (max-width: 991px) {
            display: block;
          }
        }

        &:nth-last-child(2) {
          a {
            @media (min-width: 991px) {
              margin-right: 0px;
            }
          }
        }

        a {
          text-decoration: none;
        }

        .elementor-item-active .sub-arrow svg {
          fill: #3858e9;
        }

        .elementor-item:focus {
          background-color: transparent;
        }

        .sub-menu {
          padding: 0px 0px 0px 10px;
        }
      }
    }
  }
}

/* -------------------------- Footer -------------------------- */
.site__footer {
  #footer-menu-home {
    padding-left: 0;
  }

  .remove-padding p {
    margin-bottom: 0px;
  }
}

.footer__contact--info:hover .elementor-widget-heading .elementor-heading-title a {
  color: #3858e9;
}

/* -------------------------- Blog slider -------------------------- */
.blog-slider .elementor-widget-container {
  .elementor-posts {
    background: linear-gradient(180deg, rgba(35, 35, 35, 1) 35%, rgba(52, 52, 52, 1) 100%);
    box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
    border-radius: 25px;
    height: 350px;
    transition: all 0.3s;

    article {
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: visible;

      &.swiper-slide-active {
        .blog--img .elementor-widget-container img {
          opacity: 1;
          transition-delay: 0.3s;
        }
      }

      .blog--img {
        justify-content: center;

        .elementor-widget-container {
          width: 250px;
          flex-shrink: 0;
          height: 250px;
          background-image: linear-gradient(147deg, #373737 0%, #242424 74%) !important;
          box-shadow: 4px 13px 30px 1px rgb(11 0 121 / 20%) !important;
          border-radius: 20px;
          transform: translateX(-80px);
          overflow: hidden;

          &::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(147deg, #373737 0%, #242424 74%) !important;
            border-radius: 20px;
            opacity: 0.8;
          }

          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            opacity: 0;
            border-radius: 20px;
            transition: all 0.3s;
          }
        }
      }
    }
  }

  .blog-slider__pagination {
    position: absolute;
    z-index: 21;
    right: 20px;
    width: 11px !important;
    text-align: center;
    left: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%);

    .swiper-pagination-bullet {
      width: 11px;
      height: 11px;
      display: block;
      border-radius: 10px;
      background: #515151;
      opacity: 0.2;
      transition: all 0.3s;

      &.swiper-pagination-bullet-active {
        opacity: 1;
        background: #3858e9;
        height: 30px;
        box-shadow: 0px 0px 20px rgba(150, 150, 150, 0.3);
      }
    }
  }
}

/* -------------------------- Service Archive page -------------------------- */
.all__services {
  .single__service {
    @media (max-width: 1600px) {
      height: 180px;
    }

    p {
      margin-bottom: 0;
      z-index: 2;
      position: relative;
    }
  }
}

/* -------------------------- Meet The Team -------------------------- */
.team__member {
  position: relative;

  &::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  }
}

/* -------------------------- test page banner -------------------------- */
.Site__banner::after {
  content: "";
  position: absolute;
  right: -30px;
  top: -30px;
  height: 151px;
  width: 151px;
  background: #3858e9;
  opacity: 0.8;
  -webkit-filter: blur(125px);
  filter: blur(125px);
}

/* -------------------------- blog slider new -------------------------- */
.blog--item {

  .blog-image-box,
  article {
    position: relative;
    transition: all 0.4s ease !important;
    flex: 1 !important;
    overflow: hidden;

    @media (max-width: 767px) {
      max-width: 300px;
      width: 300px;
    }

    .blog-section-image-heading {
      text-align: center;
      position: absolute !important;
      bottom: -50px !important;
      left: 50% !important;
      transform: translate(-50%, -50%);
      z-index: 2;
      opacity: 0;
      height: 0;
      transition: all 0.4s ease;
    }

    &:hover,
    article:hover {
      flex: 3 !important;

      .blog-section-image-heading {
        bottom: 50px !important;
        left: 50% !important;
        transform: translateX(-50%);
        opacity: 1;
        height: auto;
      }

      img {
        filter: none;
      }
    }
  }

  .elementor-posts {
    display: flex;
    overflow: auto;

    @media (max-width: 991px) {
      display: grid !important;
      grid-template-columns: repeat(6, 1fr);
      padding-bottom: 15px;
    }
  }
}

/* service design mobile */

.service__grid--mobile {
  &>.e-child {
    height: 400px;
  }
}

/* 10-06-2025 home page slider bug solve */
.latest-blog-slider{
  .ecs-posts{
    .slick-slide{
      .elementor-widget-image{
        a{
          width: 100%;
        }
      }
    }
  }
}