.OurPopgStars,
.PopStarList {

      max-width: 1430px;
      padding: 0% 5%;
      margin: 0 auto;
      margin-top: 185px;
}

.PopStarList {
      margin-bottom: 8rem;
}

.HeaderStarSection {
      margin: 0px 0px;
      display: flex;
}

.HeaderStarImage {
      width: 25%;
}

.HeaderStarDetails {
      width: 75%;
}

.OurPopgHeading h1 {
      color: white;
      font-size: 4.5rem;
      font-weight: 400;
      text-transform: capitalize;
      margin-bottom: 50px;
}

.OurPopgHeading h1 span {
      color: #89FF00;
      font-weight: 600;
      text-transform: uppercase;
}

.StartsDetails {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 5px 0px 0px 0px;
}
.icons a:nth-child(1)
{
      margin-right: 5px;
}
.StarsLocation {
      color: #FFF;
      font-size: 12px !important;
      font-style: normal;
      font-weight: 400;
      margin-bottom: 0px;
}

.HeaderStarDetails {
      margin-left: 100px;
}


.HeaderStarDetails p, .OurPopgHeading p {
      color: white;
      font-size: 2rem;
      font-weight: 400;
      line-height: 32px;
      width: 100%;

}

.HeaderStarDetails p {
      margin-top: 5px;
}

.HeaderStarDetails p span {
      color: #89FF00;
      font-weight: 500;
}

.PopStarList .OurPopgHeading p {
      margin-top: 40px;
      width: 100%;
}

.PopStarsListContainer {
      display: flex;
      flex-wrap: wrap;
      gap: 80px;
      justify-content: center;
      margin-top: 80px;
}

.PopStarsListContainer .HeaderStarImage {
      width: calc(25% - 40px)
}

.PopStarsListContainer .HeaderStarImage>img,
.HeaderStarSection .HeaderStarImage>img {
      width: 100%;
}

.OurPopgHeading p span:nth-child(2) {
      display: block;
      margin: 25px 0px 20px 0px;
}

.name {
      display: flex;
      gap: 5px;
}

.first-name {
      color: #89FF00;
      font-size: 2rem;
      font-weight: 500;
}

.last-name {
      color: #fff;
      font-size: 2rem;
      font-weight: 500;
}



/* ********************************************************************************
********************** RESPONSIVENESS ********************************
************************************************************************************  */


/* MAXIMUM SCREEN 1550PX  */

@media (max-width:1550px) {

      .PopStarsListContainer .HeaderStarImage {
            width: calc(30% - 15px);
      }

      .PopStarsListContainer {
            gap: 30px;
      }

      .HeaderStarDetails p {
            width: 100% !important;
      }

      .HeaderStarSection .HeaderStarImage {
            width: 40%
      }

      .HeaderStarDetails {
            width: 60%;
      }
}

/* MAXIMUM SCREEN 1180PX  */

@media (max-width:1180px) {
      .HeaderStarSection {
            flex-direction: column !important;
      }

      .HeaderStarImage {
            text-align: center;
      }

      .HeaderStarSection .HeaderStarImage {
            width: 55%;
            margin: 0 auto;

      }

      .HeaderStarDetails {
            width: 100%;
      }

      .HeaderStarSection .StartsDetails {
            width: 98%;
            margin: 0 auto;
      }

      .HeaderStarDetails {
            margin-left: 0px;
      }

      .PopStarsListContainer {
            gap: 18px
      }

      .PopStarsListContainer .HeaderStarImage {
            width: calc(33% - 10px);
      }

      .first-name,
      .last-name {
            color: #89FF00;
            font-size: 1.5rem;
      }
      .HeaderStarDetails p {
        margin-top: 40px;
    }

}


/* MAXIMUM SCREEN 768PX  */

@media (max-width: 768px) {
      .PopStarList .StartsDetails {
            flex-direction: column-reverse;
            align-items: flex-start;
      }

      .icons {
            width: 100%;
            justify-content: end;
            display: flex;
            gap: 10px;
            margin-bottom: 10px;
      }
}

/* MAXIMUM SCREEN 580PX  */

@media (max-width: 580px) {
      .PopStarsListContainer {
            flex-direction: column;
            align-items: center;
      }

      .PopStarsListContainer .HeaderStarImage {
            width: 70%;
            margin-bottom: 35px;
      }

      .StartsDetails {
            flex-direction: row;
      }

      .HeaderStarSection .HeaderStarImage {
            width: 78%;
      }

      .OurPopgStars {
            margin-top: 130px;
      }

      .PopStarList {
            margin-top: 100px;
      }

      .OurPopgHeading h1 {
            font-size: 3.5rem;
      }
      .PopStarList .StartsDetails {
        flex-direction: row;
       }


}