/* Extracted from infrastructure.html */
@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="680baa04-41ac-af91-28f7-985506d738d8"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="54c3ce4a-9cf8-e3f6-59a9-ec2a3d4d7752"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="54c3ce4a-9cf8-e3f6-59a9-ec2a3d4d7753"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="54c3ce4a-9cf8-e3f6-59a9-ec2a3d4d774e"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="54c3ce4a-9cf8-e3f6-59a9-ec2a3d4d7751"] {opacity:0;}}@media (max-width:991px) and (min-width:768px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="680baa04-41ac-af91-28f7-985506d738d8"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="54c3ce4a-9cf8-e3f6-59a9-ec2a3d4d7752"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="54c3ce4a-9cf8-e3f6-59a9-ec2a3d4d7753"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="54c3ce4a-9cf8-e3f6-59a9-ec2a3d4d774e"] {-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="54c3ce4a-9cf8-e3f6-59a9-ec2a3d4d7751"] {opacity:0;}}

/* Extracted from infrastructure.html */

.scroll-highlight b {
    font-weight: 700; /* Bold weight for emphasized text */
    	display: inline !important;
  }


/* Extracted from infrastructure.html */

/* Override mobile navigation height */
@media screen and (max-width: 991px) {
  .w-nav-overlay, 
  .w-nav-menu[data-nav-menu-open] {
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
  }
  
  /* Ensure smooth transition */
  .w-nav-menu {
    transition: height 400ms ease, transform 400ms ease !important;
  }
}


/* Extracted from infrastructure.html */

  @media screen and (max-width: 768px) {
    /* Style for scrollable dropdown on mobile */
    .scrollable-dropdown {
      max-height: 240px; /* Adjust to fit 4 links */
      overflow-y: scroll; /* Ensure scrollbar is always visible */
      scrollbar-gutter: stable; /* Ensure space for scrollbar is always reserved */
    }

    /* Custom Scrollbar Styles */
    .scrollable-dropdown::-webkit-scrollbar {
      width: 10px; /* Width of the scrollbar */
    }
    .scrollable-dropdown::-webkit-scrollbar-track {
      background: #f0f0f0; /* Light gray track */
      border-radius: 10px; /* Rounded edges for track */
    }
    .scrollable-dropdown::-webkit-scrollbar-thumb {
      background: #888; /* Gray for the thumb */
      border-radius: 10px; /* Rounded edges for thumb */
    }
    .scrollable-dropdown::-webkit-scrollbar-thumb:hover {
      background: #555; /* Darker gray on hover */
    }

    /* For Firefox */
    .scrollable-dropdown {
      scrollbar-color: #888 #f0f0f0; /* Thumb color and track color */
      scrollbar-width: auto; /* Ensure visible and styled */
    }
  }


/* Extracted from infrastructure.html */

@media (max-width: 767px) {
  /* Hide dropdown by default on mobile */
  .dropdown-list[data-hover="false"] {
    display: none !important;
  }
  /* Style for expanded state */
  .nav-link4[aria-expanded="true"] + .dropdown-list,
  .nav-link4[aria-expanded="true"] ~ .dropdown-list {
    display: block !important;
  }
}


/* Extracted from infrastructure.html */

  /* DEFAULT STYLE (PINK) */
  a {
    color: #8F2A4B; /* Pink color */
    text-decoration: none;
  }
  a:hover {
    color: #471525; /* Darker pink on hover */
  }
  /* SPECIAL BLACK LINKS */
  a.black-link,
  .black-link a {
    color: #000000 !important; /* Black color */
  }
  a.black-link:hover,
  .black-link a:hover {
    color: #8F2B4B !important; /* Dark gray on hover */
  }


/* Extracted from infrastructure.html */

  .contact-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 12px 24px; /* 12px top/bottom, 24px left/right */
    font-size: 16px;
    font-weight: 600;
    color: white;
    background-color: #8F2A4B;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    overflow: hidden;
    transition: 
      color 0.4s ease,
      transform 0.12s cubic-bezier(0.32, 0.72, 0.38, 1),
      box-shadow 0.12s ease;
    z-index: 1;
    box-shadow: 
      0 2px 4px rgba(0, 0, 0, 0.1),
      0 4px 8px rgba(143, 42, 75, 0.2);
    padding-left: 52px; /* 24px (right) + 20px (icon) + 8px (gap) */
  }

  /* WhatsApp icon */
  .contact-button::before {
    content: '';
    position: absolute;
    left: 24px; /* Matches left padding */
    width: 20px;
    height: 20px;
    background-image: url('https://cdn.prod.website-files.com/6793276291c320fb7fb61065/6814e754a8dfd4a07bc0a3bd_logos_whatsapp-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
  }

  /* Gradient background effect */
  .contact-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300%;
    background: linear-gradient(
      to bottom,
      #B83760 0%,
      #B83760 33%,
      #CE5A7F 33%,
      #CE5A7F 66%,
      #771535 66%,
      #771535 100%
    );
    transition: all 0.6s ease;
    transform: translateY(-66.6%);
    z-index: -1;
  }

  .contact-button:hover {
    color: white;
    box-shadow: 
      0 3px 6px rgba(0, 0, 0, 0.12),
      0 6px 12px rgba(143, 42, 75, 0.25);
  }

  .contact-button:hover::after {
    transform: translateY(0);
  }

  .contact-button:active {
    transform: translateY(1px) scale(0.994);
    box-shadow: 
      0 1px 2px rgba(0, 0, 0, 0.08),
      0 2px 4px rgba(143, 42, 75, 0.15);
  }

  .contact-button span {
    position: relative;
    display: inline-block;
    margin-left: 8px; /* Gap between icon and text */
  }


/* Extracted from infrastructure.html */

  .products-button {
    position: relative;
    display: inline-block;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    color: white;
    background-color: #8F2A4B;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    overflow: hidden;
    transition: 
      color 0.4s ease,
      transform 0.12s cubic-bezier(0.32, 0.72, 0.38, 1),
      box-shadow 0.12s ease;
    z-index: 1;
    box-shadow: 
      0 2px 4px rgba(0, 0, 0, 0.1),
      0 4px 8px rgba(143, 42, 75, 0.2);
  }

  .products-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300%;
    background: linear-gradient(
      to bottom,
      #B83760 0%,
      #B83760 33%,
      #CE5A7F 33%,
      #CE5A7F 66%,
      #771535 66%,
      #771535 100%
    );
    transition: all 0.6s ease;
    transform: translateY(-66.6%);
    z-index: -1;
  }

  .products-button:hover {
    color: white;
    box-shadow: 
      0 3px 6px rgba(0, 0, 0, 0.12),
      0 6px 12px rgba(143, 42, 75, 0.25);
  }

  .products-button:hover::before {
    transform: translateY(0);
  }

  .products-button:active {
    transform: translateY(1px) scale(0.994);
    box-shadow: 
      0 1px 2px rgba(0, 0, 0, 0.08),
      0 2px 4px rgba(143, 42, 75, 0.15);
  }

  .products-button span {
    position: relative;
    display: inline-block;
  }


/* Extracted from infrastructure.html */

.products-button5 {
  position: relative;
  display: inline-block;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 600;
  color: #8F2A4B;
  background-color: white;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  overflow: hidden;
  transition: 
    color 0.4s ease, 
    background-color 0.4s ease, 
    box-shadow 0.4s ease,
    transform 0.12s cubic-bezier(0.32, 0.72, 0.38, 1);
  z-index: 1;
  box-shadow: 
    0 2px 4px rgba(0, 0, 0, 0.1),
    0 4px 8px rgba(143, 42, 75, 0.1);
}

.products-button5::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300%;
  background: linear-gradient(
    to bottom,
    white 0%,
    white 33%,
    #F5F5F5 33%,
    #F5F5F5 66%,
    white 66%,
    white 100%
  );
  transition: all 0.6s ease;
  transform: translateY(-66.6%);
  z-index: -1;
}

.products-button5:hover {
  color: white;
  background-color: #CE5A7F;
  box-shadow: 
    0 3px 6px rgba(0, 0, 0, 0.12),
    0 6px 12px rgba(143, 42, 75, 0.2);
}

.products-button5:hover::before {
  background: linear-gradient(
    to bottom,
    #B83760 0%,
    #B83760 33%,
    #CE5A7F 33%,
    #CE5A7F 66%,
    #771535 66%,
    #771535 100%
  );
  transform: translateY(0);
}

.products-button5:active {
  transform: translateY(1px) scale(0.994);
  box-shadow: 
    0 1px 2px rgba(0, 0, 0, 0.08),
    0 2px 4px rgba(143, 42, 75, 0.1);
}

.products-button5 span {
  position: relative;
  display: inline-block;
}


/* Extracted from infrastructure.html */

.drf{
display:none !important;
}

.drfd {
display:none !important;
}


/* Extracted from infrastructure.html */

  /* Main button container */
  .discover-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 24px 14px 32px;
    font-size: 16px;
    font-weight: 600;
    color: #8F2A4B;
    background-color: white;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.4s ease, box-shadow 0.4s ease;
    z-index: 1;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }

  /* Background animation layer */
  .discover-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300%;
    background: linear-gradient(
      to bottom,
      white 0%,
      white 33%,
      #F5F5F5 33%,
      #F5F5F5 66%,
      white 66%,
      white 100%
    );
    transition: all 0.6s ease;
    transform: translateY(-66.6%);
    z-index: -1;
  }

  /* Hover state (FORCE WHITE TEXT) */
  .discover-button:hover {
    color: white !important;
    background-color: #CE5A7F;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  }

  /* Force all child text to white on hover */
  .discover-button:hover * {
    color: white !important;
  }

  .discover-button:hover::before {
    background: linear-gradient(
      to bottom,
      #B83760 0%,
      #B83760 33%,
      #CE5A7F 33%,
      #CE5A7F 66%,
      #771535 66%,
      #771535 100%
    );
    transform: translateY(0);
  }

  /* Text inside the button (ensure it inherits) */
  .discover-button span {
    position: relative;
    z-index: 2;
    color: inherit; /* Inherits from .discover-button */
  }

  /* Arrow icon inside a circle */
  .arrow-circle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #8F2A4B;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.4s ease, transform 0.4s ease;
    z-index: 2;
  }

  .discover-button:hover .arrow-circle {
    background-color: white;
    transform: rotate(-45deg);
  }

  .arrow-circle svg {
    width: 20px;
    height: 20px;
    stroke: white;
    display: block;
    transition: stroke 0.4s ease;
  }

  .discover-button:hover .arrow-circle svg {
    stroke: #8F2A4B;
  }


/* Extracted from infrastructure.html */

.word-reveal {
  overflow: hidden;
}

.word-reveal span {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.4em);
  white-space: pre-wrap;
}


/* Extracted from infrastructure.html */

.card-slider_item {
  opacity: 0;
  transform: translateY(30px);
  /* Remove the transition from the base state */
  transition: none; /* This keeps cards fully hidden until triggered */
}

.card-slider_item.visible {
  opacity: 1;
  transform: translateY(0);
  /* Apply transitions only when visible class is added */
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}


/* Extracted from infrastructure.html */

.card-slider_item-2 {
  opacity: 0;
  transform: translateY(30px);
  /* Remove the transition from the base state */
  transition: none; /* This keeps cards fully hidden until triggered */
}

.card-slider_item-2.visible {
  opacity: 1;
  transform: translateY(0);
  /* Apply transitions only when visible class is added */
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}


/* Extracted from infrastructure.html */

  .loader-line {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px; /* Thickness of the loader */
    background-color: #8b234d; /* Color of the loader */
    width: 0; /* Starts at 0% */
    transition: width 5s linear; /* Smooth growth animation */
  }

  .slider-nav .slick-slide {
    position: relative; /* Enables absolute positioning for the loader */
  }


/* Extracted from infrastructure.html */

  .scroll-highlight {
    font-size: 52px; /* Base font size */
    font-weight: 400; /* Normal weight for regular text */
    line-height: 1.6; /* Proper line spacing for readability */
    text-align: left; /* Justify text for a proper paragraph look */
    margin: 0; /* Remove unnecessary margins */
    padding: 0; /* Remove unnecessary padding */
    width: auto; /* Let the width adjust naturally */
    word-break: break-word; /* Prevent text from overflowing */
  }

  .scroll-highlight b {
    font-weight: 700; /* Bold weight for emphasized text */
  }


/* Extracted from infrastructure.html */

	@media (max-width: 991px) {
    .scroll-highlight {
      font-size: 40px; /* Adjust font size for tablets */
    }
  }

  @media (max-width: 768px) {
    .scroll-highlight {
      font-size: 28px; /* Smaller font size for mobile */
      line-height: 1.5; /* Adjust line height for better readability */
    }
  }

  @media (max-width: 480px) {
    .scroll-highlight {
      font-size: 22px; /* Minimum font size for small screens */
    }
  }


/* Extracted from infrastructure.html */

.line {
max-width: 100% !important;
}


/* Extracted from infrastructure.html */


.slick-list {
		display: flex;
    overflow: visible;
    width: 100%;
}

.slick-track {
		display: flex;
}

.slick-slide {
    margin: 0 8px; /* Half of the total gap */
}

.slick-list-2 {
    display: flex;
    overflow: visible;
    width: 100%;
    margin: 0 -16px;
}

.slick-track-2 {
    display: flex;
}

.slick-slide-2 {
    margin: 0 16px; /* Half of the total gap */
}



/* Extracted from infrastructure.html */

  .custom-text-field {
    border: none;
    border-bottom: 1px solid #aaa;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 300 !important; /* Light weight */
    outline: none; /* Removes default focus outline */
    transition: border-bottom 0.3s ease; /* Smooth animation */
    padding-left: 0; /* Ensures no left padding in the input */
  }

  .custom-text-field:focus {
    border-bottom: 1px solid #8F2A4B; /* Changes to deep pink on focus */
  }

  .custom-text-field::placeholder {
    padding: 0;
    margin: 0;
    line-height: 1em;
    font-size: inherit;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 300 !important; /* Light weight */
    color: #aaa;
    opacity: 1 !important; /* Ensures color applies fully */
  }  
  .form-4{
display: flex !important;
}


/* Extracted from infrastructure.html */

.download_input {
  border: none;
  border-bottom: 1px solid #aaa;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 300 !important;
  outline: none;
  transition: border-bottom 0.3s ease;
  padding-left: 0;
  color: white !important; /* Makes the typed text white */
  background-color: transparent;
}

/* White underline and text color stays white while typing */
.download_input:focus {
  border-bottom: 1px solid white;
  color: white !important;
}

/* Placeholder text also white */
.download_input::placeholder {
  color: white !important;
  opacity: 1 !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 300 !important;
  line-height: 1em;
  font-size: inherit;
  padding: 0;
  margin: 0;
}



/* Extracted from infrastructure.html */
.w-webflow-badge { position: fixed !important; display: None !important; visibility: hidden !important; } 

/* Extracted from infrastructure.html */

.button-29::after {
    content: '';
    background-image: url("https://cdn.prod.website-files.com/6793276291c320fb7fb61065/6814e38c8edc811fe05b8df4_Download%20arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5%;
}
  .Enable-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    font-family: 'Outfit', sans-serif;
    font-weight: 400;
    color: white;
    background-color: #8F2A4B;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    overflow: hidden;
    transition: color 0.4s ease;
    z-index: 1;
    text-align: left;
  }

  .Enable-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300%;
    background: linear-gradient(
      to bottom,
      #B83760 0%,
      #B83760 33%,
      #CE5A7F 33%,
      #CE5A7F 66%,
      #8F2A4B 66%,
      #8F2A4B 100%
    );
    transition: all 0.6s ease;
    transform: translateY(-66.6%);
    z-index: -1;
  }

  .Enable-button:hover {
    color: white;
  }

  .Enable-button:hover::before {
    transform: translateY(0);
  }

  .Enable-button span {
    position: relative;
    display: inline-block;
  }