/* ================================
   Mobile Taxonomy Filter Dropdown
   ================================ */

@media (max-width: 767px) {

    /* Hide original Elementor filter buttons */
    .mobile-year-filter .e-filter {
        display: none !important;
    }

    /* Dropdown wrapper */
    .mobile-year-filter .mobile-filter-dropdown {
        display: block;
        width: 100%;
        position: relative;
    }

    /* Dropdown */
    .mobile-year-filter .mobile-filter-select {
        width: 100%;
        height: 48px;
        padding: 0 45px 0 16px;

        background: #ffffff;
        color: #000000;

        border: 1px solid #cccccc;
        border-radius: 4px;

        font-size: 16px;
        font-weight: 500;

        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;

        cursor: pointer;
        box-sizing: border-box;
    }

    /* Selected/default option */
    .mobile-year-filter .mobile-filter-select option {
        background: #ffffff;
        color: #000000;
    }

    /* Red selected value */
    .mobile-year-filter .mobile-filter-select {
        color: #ED3237;
    }

    /* Dropdown arrow */
    .mobile-year-filter .mobile-filter-dropdown::after {
        content: "▼";
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 11px;
        color: #000000;
        pointer-events: none;
    }
}

/* Hide generated dropdown on desktop */
@media (min-width: 768px) {
    .mobile-filter-dropdown {
        display: none !important;
    }
}


.page-anchor-nav {
    position: relative;
    z-index: 999;
    width: 100%;
}

.page-anchor-nav.is-sticky {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 9999;
}


.lazy-tab-content {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease;
}

.lazy-tab-content.loaded {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible;
}
/*home page  */

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    justify-content: end;
    display: flex;
}
.elementor-element.elementor-element-11597a0.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
    z-index: 10;
}

@media (max-width: 767px) {
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        left: 126px !important;
        width: 100%;
    }
}

.cf7-row textarea {
    height: 130px;
}


select.wpcf7-form-control.wpcf7-select {
    width: 100%;
    padding: 12px 15px;
    border-radius: 8px;
    border: 1px solid #999999;
    outline: none;
color: #54595f;
	/* Remove default arrow */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* Custom down arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%2354595f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
}

h3.elementor-icon-box-title span {
    font-size: 18px;
}

.elementor-heading-title {
line-height: 1.3 !important;
margin: 0;
padding: 0;
}

#highlights-info,
#chall-info,
#service-info,
#scope-info,
#ben-info,
#benefit-info,
#result-info,
#enablers,
#solution-info,
#overview,
#whatwedo,
#benefits,
#successstories,
#contactus,
#cloudpartners
{
    scroll-margin-top: 120px;
}


#hero-slider {
  --progress-color: #ed3237;
  --progress-height: 3px;
  --progress-duration: 8000ms;
}

/* PAGINATION */
#hero-slider .swiper-pagination {
  position: absolute;
  bottom: 20px;

  /* 🔥 MAIN FIX */
  width: 100%;              /* same as your container */
  max-width: 90%;            /* responsive */
  
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  z-index: 2;
}

/* BULLET BASE */
#hero-slider .swiper-pagination-bullet {
  flex: 1;
  position: relative;
  height: 20px;
  background: transparent;
  opacity: 1;
}

/* GREY LINE (ALL BULLETS) */
#hero-slider .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--progress-height);
  background: #ccc;
}

/* RED LINE (ACTIVE ONLY) */
#hero-slider .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: var(--progress-height);
  width: 0%;
  background: var(--progress-color);
}

/* 🔥 ANIMATION ONLY ON ACTIVE */
#hero-slider .swiper-pagination-bullet-active::after {
  animation: progressFill linear forwards;
  animation-duration: var(--progress-duration);
}

/* KEYFRAME */
@keyframes progressFill {
  from { width: 0%; }
  to { width: 100%; }
}