.triangle-left-info{
    width: 0; 
    height: 0; 
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent; 
    border-right: 75px solid #5A1591; 
  }
  .triangle-right-info {
    width: 0; 
    height: 0; 
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
    border-left: 75px solid #5A1591;
  }
  .triangle-left-intro{
    width: 0; 
    height: 0; 
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent; 
    border-right: 75px solid #03BBE5; 
  }
  .triangle-right-intro {
    width: 0; 
    height: 0; 
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
    border-left: 75px solid #03BBE5;
  }
  .triangle-left-partner{
    width: 0; 
    height: 0; 
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent; 
    border-right: 75px solid #E4A74B; 
  }
  .triangle-right-partner {
    width: 0; 
    height: 0; 
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
    border-left: 75px solid #E4A74B;
  }
  .triangle-left-facilitation{
    width: 0; 
    height: 0; 
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent; 
    border-right: 75px solid #169B66; 
  }
  .triangle-right-facilitation {
    width: 0; 
    height: 0; 
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
    border-left: 75px solid #169B66;
  }



  .slider::-webkit-scrollbar {
    display: none;
  }


  .pagination .active{
    background: #5A1591;
  }

 
  
  .card-overlay::after {
    position: absolute;
    content: "";
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 10%,
      rgba(179, 137, 214, 0.367) 82%,
      rgba(140, 74, 191, 1) 99%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  
  .card-overlay:hover::after {
    opacity: 1;
  }
  

.text-div {
    display: none;
}

.text-div.active {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

/* 
@media (max-width: 1200px) {
  #foodprocess-svg {
    width: 144px;
    height: 63.5px;
  }
  #automobile-svg {
    width: 112px;
    height: 102px;
  }
  #view-svg {
    width: 112px;
    height: 102px;
  }
  #logistic-svg {
    width: 112px;
    height: 102px;
  }
  #technology-svg {
    width: 112px;
    height: 102px;
  }
  #tourism-svg {
    width: 112px;
    height: 102px;
  }
  #textile-svg {
    width: 112px;
    height: 102px;
  }
  #housing-svg {
    width: 112px;
    height: 102px;
  }
} */


.text-item {
  cursor: pointer;
  font-size: 14px;
  color: #000; /* Default color */
  margin-right: 5px;
  font-weight: bold;
  transition: color 0.3s ease, text-decoration 0.3s ease;
}

.text-item:hover {
  color: #6D1AAE; /* Purple on hover */
  text-decoration: underline;
}

.text-item.active {
  color: #6D1AAE; /* Purple color when active */
  text-decoration: underline;
}

.about-us,.whypak,.investors,.sectors,.mediaandevents,.investopp {
  display: none;
  top: 80%;
  left: 0;
}


#media-and-events:hover .mediaandevents,
#media-and-events:focus .mediaandevents,
#media-and-events .mediaandevents:hover,
#investors:hover .investors,
#investors:focus .investors,
#investors .investors:hover,
#invest-opp:hover .investopp,
#invest-opp:focus .investopp,
#invest-opp .investopp:hover,
#sectors-all:hover .sectors,
#sectors-all:focus .sectors,
#sectors-all .sectors:hover,
#why-pak:hover .whypak,
#why-pak:focus .whypak,
#why-pak .whypak:hover,
#about:hover .about-us,
#about:focus .about-us,
#about .about-us:hover{
  display: block;
}

.diamond {
  transform: rotate(45deg);
}

.diamond img {
  transform: rotate(-45deg);
}

.footer-p{
  color: #C2C2C2;
}
p{
  font-family: "Poppins", sans-serif;
}

.hexagon {
  height: 200px; /* Dynamic height based on viewport width */
  width: 260px; /* Dynamic width based on viewport width */
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 1.5rem;
  text-align: center;
  background: radial-gradient(circle, 
      #6153A3 0%, 
      #5F519F 24%, 
      #5A4B94 46%, 
      #524181 68%, 
      #6D1AAE 90%, 
      #6D1AAE 100%);
}

@media (max-width: 1350px) and (min-width: 1250px) {

  .line-hexagon{
    display: none;
  }
}
@media (max-width: 1250px) and (min-width: 1024px) {
  .hexagon {
    height: 170px; /* Adjust size */
    width: 200px;
    /* padding: 0 50px */
  }
  .line-hexagon{
    display: none;
  }
  .gap-hexagon{
    width: 200px;
  }
}

 /* Slideshow container */
 .slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Show the active slide */
.fade {
  animation: fade 1.5s;
}

@keyframes fade {
  from { opacity: 0.4; }
  to { opacity: 1; }
}


/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
.fa-times{
font-size: 2.4em !important;
}