/*sustainability*/
.esg-section {
      max-width: 1200px;
      margin: 4rem auto;
      padding: 2rem;
      font-family: 'Lato', 'Open Sans', sans-serif;
    }

    .esg-section h1 {
      font-family: 'Montserrat', 'Poppins', sans-serif;
      font-size: 2.8rem;
      color: #000035;
      text-align: center;
      margin-bottom: 3rem;
    }

    .esg-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
      gap: 2rem;
    }

    .esg-card {
      background-color: #f4fdfc;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 8px 20px rgba(0,0,0,0.05);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      display: flex;
      flex-direction: column;
    }

    .esg-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 25px rgba(0,0,0,0.1);
    }

    .esg-card img {
      width: 100%;
      height: 270px;
      object-fit: cover;
    }

    .esg-card-content {
      padding: 1.5rem;
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .esg-card-content h2 {
      font-family: 'Montserrat', 'Poppins', sans-serif;
      font-size: 2rem;
      color: #000035;
      margin-bottom: 0.75rem;
    }

    .esg-card-content h2 a {
      color: #000035;
      text-decoration: none;
      transition: color 0.3s;
    }

    .esg-card-content h2 a:hover {
      color: #46b79F;
    }

    .esg-card-content p {
      font-size: 1.4rem;
      line-height: 1.6;
      color: #333;
      margin-bottom: 1.2rem;
    }

    .esg-card-content .icon {
      font-size: 1.5rem;
      color: #46b79F;
      margin-bottom: 0.6rem;
    }

    .view-btn {
      background-color: #000035;
      color: white;
      padding: 0.6rem 1rem;
      border-radius: 6px;
      text-decoration: none;
      text-align: center;
      font-weight: bold;
      align-self: flex-start;
      transition: background-color 0.3s ease;
    }

    .view-btn:hover {
      background-color: #46b79F;
    }

/* end sustainability*/

 /*sustainability Paprsky Energy*/

 #ps-energy-core {
    background-color: #f7fbfb;
    padding: 4rem 2rem;
  }

  .ps-energy-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  .ps-energy-heading {
    font-family: 'Montserrat', sans-serif;
    color: #000035;
    font-size: 4rem;
    text-align: center;
    margin-bottom: 1rem;
  }

  .ps-energy-subheading {
    font-family: 'Montserrat', sans-serif;
    color: #46b79F;
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 1.5rem;
  }

  .ps-energy-description {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.8rem;
    line-height: 1.7;
    text-align: center;
    margin: 0 auto 1.5rem auto;
    max-width: 800px;
  }

  .ps-energy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
    padding: 1rem 0;
  }

  .ps-energy-card {
    background-color: #ffffff;
    border: 1px solid #EACEA0;
    border-radius: 16px;
    padding: 1.8rem;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
  }

  .ps-energy-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
    border-color: #46b79F;
  }

  .ps-energy-icon {
    color: #46b79F;
    width: 36px;
    height: 36px;
    margin-bottom: 1rem;
  }

  .ps-energy-card h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-energy-card p {
    font-family: 'Lato', sans-serif;
    font-size: 1.4rem;
    color: #708990;
    line-height: 1.6;
  }

  @media screen and (max-width: 768px) {
    .ps-energy-heading {
      font-size: 2rem;
    }

    .ps-energy-subheading {
      font-size: 1.2rem;
    }
  }

 /*End sustainability Paprsky Energy*/




 /* sustainability Paprsky Loto-shop*/
 #ps-loto-sustainability {
    background-color: #f7fbfb;
    padding: 4rem 1.5rem;
  }

  .ps-loto-container {
    max-width: 1200px;
    margin: auto;
    text-align: center;
  }

  .ps-loto-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 4rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-loto-subtitle {
    font-family: 'Montserrat', sans-serif;
    color: #46b79F;
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }

  .ps-loto-intro,
  .ps-loto-closing {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.8rem;
    line-height: 1.7;
    max-width: 800px;
    margin: 0 auto 2rem;
  }

  .ps-loto-section-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin-top: 3rem;
    margin-bottom: 2rem;
  }

  .ps-loto-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2rem;
  }

  .ps-loto-card {
    background: #ffffff;
    border: 1px solid #EACEA0;
    padding: 2rem 1.5rem;
    border-radius: 16px;
    transition: 0.3s ease;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);
  }

  .ps-loto-card:hover {
    transform: translateY(-5px);
    border-color: #46b79F;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
  }

  .ps-loto-icon {
    width: 36px;
    height: 36px;
    color: #46b79F;
    margin-bottom: 1rem;
  }

  .ps-loto-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-loto-card p {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.4rem;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .ps-loto-title {
      font-size: 2rem;
    }

    .ps-loto-subtitle {
      font-size: 1.2rem;
    }
  }


 /* Endsustainability Paprsky Loto-shop*/

 /*Media Details page Post Left side*/
  .innovation-article-section {
    padding: 4rem 2rem;
    background-color: #f9fafa;
  }

  .ia-container {
    max-width: 1240px;
    margin: 0 auto;
  }

  .ia-post {
    font-family: 'Lato', sans-serif;
    color: #708990;
    line-height: 1.7;
  }

  .ia-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: flex-start;
  }

  .ia-text {
    flex: 1 1 60%;
  }

  .ia-image-wrapper {
    flex: 1 1 35%;
    text-align: center;
  }

  .ia-feature-img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    border-radius: 12px;
  }

  .ia-header {
    margin-bottom: 2rem;
  }

  .ia-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.5rem;
    color: #000035;
  }

  .ia-body h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    color: #46b79F;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .ia-body p {
    margin-bottom: 1.2rem;
  }

  @media (max-width: 1024px) {
    .ia-grid {
      flex-direction: column;
    }
    .ia-image-wrapper, .ia-text {
      flex: 1 1 100%;
    }
    .ia-title {
      text-align: center;
    }
  }
 
/*Media Details Page Post right side*/

.ai-robotics-article-section {
    padding: 4rem 2rem;
    background-color: #ffffff;
  }

  .ai-container {
    max-width: 1240px;
    margin: 0 auto;
  }

  .ai-post {
    font-family: 'Lato', sans-serif;
    color: #708990;
    line-height: 1.7;
  }

  .ai-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: flex-start;
  }

  .ai-text {
    flex: 1 1 60%;
  }

  .ai-image-wrapper {
    flex: 1 1 35%;
    text-align: center;
  }

  .ai-feature-img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    border-radius: 12px;
  }

  .ai-header {
    margin-bottom: 2rem;
  }

  .ai-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.5rem;
    color: #000035;
  }

  .ai-body h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    color: #46b79F;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .ai-body p {
    margin-bottom: 1.2rem;
  }

  @media (max-width: 1024px) {
    .ai-grid {
      flex-direction: column;
    }
    .ai-image-wrapper, .ai-text {
      flex: 1 1 100%;
    }
    .ai-title {
      text-align: center;
    }
  }


 
/*Media Details Page - numbers */

.pagination {
  text-align: center;
  margin: 40px 0;
}

.pagination a {
  display: inline-block;
  margin: 0 8px;
  padding: 10px 16px;
  text-decoration: none;
  color: #333;
  background-color: #eaeaea;
  border-radius: 4px;
  font-weight: bold;
  transition: background 0.3s;
}

.pagination a.active {
  background-color: #333;
  color: #fff;
}

.pagination a:hover {
  background-color: #555;
  color: white;
}

@media (max-width: 600px) {
  .pagination a {
    padding: 8px 12px;
    margin: 4px;
    font-size: 14px;
  }
}



/*Paprsky Organisation */
#ps-driving-sustainability {
    background-color: #f5fdfc;
    padding: 4rem 1.5rem;
  }

  .ps-dsc-container {
    max-width: 1200px;
    margin: auto;
    text-align: center;
  }

  .ps-dsc-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 4rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-dsc-subtitle {
    font-family: 'Montserrat', sans-serif;
    color: #46b79F;
    font-size: 2.5rem;
    margin-bottom: 2rem;
  }

  .ps-dsc-intro, .ps-dsc-conclusion {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.8rem;
    line-height: 1.7;
    max-width: 850px;
    margin: 0 auto 2.5rem;
  }

  .ps-dsc-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin: 3rem 0 2rem;
  }

  .ps-dsc-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
  }

  .ps-dsc-card {
    background: #ffffff;
    border: 1px solid #EACEA0;
    padding: 2rem 1.5rem;
    border-radius: 16px;
    transition: 0.3s ease;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  }

  .ps-dsc-card:hover {
    transform: translateY(-5px);
    border-color: #46b79F;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
  }

  .ps-dsc-icon {
    width: 36px;
    height: 36px;
    color: #46b79F;
    margin-bottom: 1rem;
  }

  .ps-dsc-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-dsc-card p {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.4rem;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .ps-dsc-title {
      font-size: 2rem;
    }
    .ps-dsc-subtitle {
      font-size: 1.2rem;
    }
  }


/*Paprsky Manufacturing */

 #ps-manufacturing-section {
    background-color: #f8fdfb;
    padding: 4rem 1.5rem;
  }

  .ps-mfg-container {
    max-width: 1200px;
    margin: auto;
    text-align: center;
  }

  .ps-mfg-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 4rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-mfg-subtitle {
    font-family: 'Montserrat', sans-serif;
    color: #46b79F;
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }

  .ps-mfg-intro, .ps-mfg-conclusion {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.8rem;
    line-height: 1.7;
    max-width: 850px;
    margin: 0 auto 2.5rem;
  }

  .ps-mfg-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin: 3rem 0 2rem;
  }

  .ps-mfg-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
  }

  .ps-mfg-card {
    background: #ffffff;
    border: 1px solid #EACEA0;
    padding: 2rem 1.5rem;
    border-radius: 16px;
    transition: 0.3s ease;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  }

  .ps-mfg-card:hover {
    transform: translateY(-5px);
    border-color: #46b79F;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
  }

  .ps-mfg-icon {
    width: 36px;
    height: 36px;
    color: #46b79F;
    margin-bottom: 1rem;
  }

  .ps-mfg-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-mfg-card p {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.4rem;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .ps-mfg-title {
      font-size: 2rem;
    }
    .ps-mfg-subtitle {
      font-size: 1.2rem;
    }
  }

/*Paprsky Aerospace */

 #ps-aerospace-section {
    background-color: #f4faff;
    padding: 4rem 1.5rem;
  }

  .ps-aero-container {
    max-width: 1200px;
    margin: auto;
    text-align: center;
  }

  .ps-aero-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 4rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-aero-subtitle {
    font-family: 'Montserrat', sans-serif;
    color: #46b79F;
    font-size:2.2rem;
    margin-bottom: 2rem;
  }

  .ps-aero-intro, .ps-aero-conclusion {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.8rem;
    line-height: 1.7;
    max-width: 850px;
    margin: 0 auto 2.5rem;
  }

  .ps-aero-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin: 3rem 0 2rem;
  }

  .ps-aero-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
  }

  .ps-aero-card {
    background: #ffffff;
    border: 1px solid #9FD9E4;
    padding: 2rem 1.5rem;
    border-radius: 16px;
    transition: 0.3s ease;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  }

  .ps-aero-card:hover {
    transform: translateY(-5px);
    border-color: #46b79F;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
  }

  .ps-aero-icon {
    width: 36px;
    height: 36px;
    color: #46b79F;
    margin-bottom: 1rem;
  }

  .ps-aero-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-aero-card p {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.4rem;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .ps-aero-title {
      font-size: 2rem;
    }
    .ps-aero-subtitle {
      font-size: 1.2rem;
    }
  }

/*Paprsky AI Robotics */
#ps-airobotics-section {
    background-color: #f8fdfc;
    padding: 4rem 1.5rem;
  }

  .ps-airobotics-container {
    max-width: 1200px;
    margin: auto;
    text-align: center;
  }

  .ps-airobotics-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 4rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-airobotics-subtitle {
    font-family: 'Montserrat', sans-serif;
    color: #46b79F;
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }

  .ps-airobotics-intro,
  .ps-airobotics-conclusion {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.8rem;
    line-height: 1.7;
    max-width: 850px;
    margin: 0 auto 2.5rem;
  }

  .ps-airobotics-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin: 3rem 0 2rem;
  }

  .ps-airobotics-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
  }

  .ps-airobotics-card {
    background: #ffffff;
    border: 1px solid #9FD9E4;
    padding: 2rem 1.5rem;
    border-radius: 16px;
    transition: 0.3s ease;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  }

  .ps-airobotics-card:hover {
    transform: translateY(-5px);
    border-color: #46b79F;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
  }

  .ps-airobotics-icon {
    width: 36px;
    height: 36px;
    color: #46b79F;
    margin-bottom: 1rem;
  }
.ps-ai-icon {
  width: 36px;
  height: 36px;
  stroke: #46b79F; 
  stroke-width: 1.8; /* to match visual thickness of other icons */
  margin-bottom: 1rem;
}
  .ps-airobotics-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-airobotics-card p {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.8rem;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .ps-airobotics-title {
      font-size: 2rem;
    }
    .ps-airobotics-subtitle {
      font-size: 1.2rem;
    }
  }

/*Paprsky Luxury */
#ps-luxury-section {
    background-color: #fdfcfa;
    padding: 4rem 1.5rem;
  }

  .ps-luxury-container {
    max-width: 1200px;
    margin: auto;
    text-align: center;
  }

  .ps-luxury-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 4rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-luxury-subtitle {
    font-family: 'Montserrat', sans-serif;
    color: #46b79F;
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }

  .ps-luxury-intro, .ps-luxury-conclusion {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.8rem;
    line-height: 1.7;
    max-width: 850px;
    margin: 0 auto 2.5rem;
  }

  .ps-luxury-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin: 3rem 0 2rem;
  }

  .ps-luxury-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
  }

  .ps-luxury-card {
    background: #ffffff;
    border: 1px solid #EACEA0;
    padding: 2rem 1.5rem;
    border-radius: 16px;
    transition: 0.3s ease;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  }

  .ps-luxury-card:hover {
    transform: translateY(-5px);
    border-color: #46b79F;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
  }

  .ps-luxury-icon {
    width: 36px;
    height: 36px;
    stroke: #46b79F;
    stroke-width: 1.8;
    margin-bottom: 1rem;
  }

  .ps-luxury-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-luxury-card p {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.4rem;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .ps-luxury-title {
      font-size: 2rem;
    }
    .ps-luxury-subtitle {
      font-size: 1.2rem;
    }
  }


/*Paprsky Consumable Market */
#ps-consumable-section {
    background-color: #f9fdfb;
    padding: 4rem 1.5rem;
  }

  .ps-consumable-container {
    max-width: 1200px;
    margin: auto;
    text-align: center;
  }

  .ps-consumable-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 3.5rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-consumable-subtitle {
    font-family: 'Montserrat', sans-serif;
    color: #46b79F;
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }

  .ps-consumable-intro,
  .ps-consumable-conclusion {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.8rem;
    line-height: 1.7;
    max-width: 850px;
    margin: 0 auto 2.5rem;
  }

  .ps-consumable-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin: 3rem 0 2rem;
  }

  .ps-consumable-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
  }

  .ps-consumable-card {
    background: #ffffff;
    border: 1px solid #9FD9E4;
    padding: 2rem 1.5rem;
    border-radius: 16px;
    transition: 0.3s ease;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  }

  .ps-consumable-card:hover {
    transform: translateY(-5px);
    border-color: #46b79F;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
  }

  .ps-consumable-icon {
    width: 36px;
    height: 36px;
    stroke: #46b79F;
    stroke-width: 1.8;
    margin-bottom: 1rem;
  }

  .ps-consumable-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-consumable-card p {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.4rem;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .ps-consumable-title {
      font-size: 2rem;
    }

    .ps-consumable-subtitle {
      font-size: 1.2rem;
    }
  }

/*Paprsky Design Studio */

#ps-design-section {
    background-color: #f3f8f5;
    padding: 4rem 1.5rem;
  }

  .ps-design-container {
    max-width: 1200px;
    margin: auto;
    text-align: center;
  }

  .ps-design-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 4rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-design-subtitle {
    font-family: 'Montserrat', sans-serif;
    color: #46b79F;
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  .ps-design-intro,
  .ps-design-conclusion {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.8rem;
    line-height: 1.7;
    max-width: 850px;
    margin: 0 auto 2.5rem;
  }

  .ps-design-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin: 3rem 0 2rem;
  }

  .ps-design-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
  }

  .ps-design-card {
    background: #ffffff;
    border: 1px solid #EACEA0;
    padding: 2rem 1.5rem;
    border-radius: 16px;
    transition: 0.3s ease;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  }

  .ps-design-card:hover {
    transform: translateY(-5px);
    border-color: #46b79F;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
  }

  .ps-design-icon {
    width: 36px;
    height: 36px;
    stroke: #46b79F;
    stroke-width: 1.8;
    margin-bottom: 1rem;
  }

  .ps-design-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8rem;
    color: #000035;
    margin-bottom: 0.5rem;
  }

  .ps-design-card p {
    font-family: 'Lato', sans-serif;
    color: #708990;
    font-size: 1.4rem;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .ps-design-title {
      font-size: 2rem;
    }
    .ps-design-subtitle {
      font-size: 1.2rem;
    }
  }

/*Resources Downloads Section */

.featured-downloads-section .fd-heading {
  font-size: 2.5rem;
  margin-bottom: 30px;
}

.fd-vertical-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.fd-item {
  background-color: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.fd-title {
  font-size: 1.8rem;
  margin-bottom: 10px;
  font-weight: 600;
}

.fd-desc {
  font-size: 1.6rem;
  color: #555;
  margin-bottom: 12px;
}

.fd-link {
  color: #007BFF;
  text-decoration: none;
  font-weight: 500;
}

.fd-link:hover {
  text-decoration: underline;
}

.sidebar-right .wgs-box {
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 10px;
}

.sidebar-right .list {
  list-style: none;
  padding-left: 0;
}

.sidebar-right .list-heading > span {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.sidebar-right .list a {
  color: #333;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
}

.sidebar-right .list a:hover {
  color: #007BFF;
}


/* ESG POLICIES */

/* Scoped styles for ESG Policies section */
#paprsky-esg-policies-section {
  padding: 60px 20px;
  background-color: #f9fafa;
}

.paprsky-esg-container {
  max-width: 1400px;
  margin: 0 auto;
}

.paprsky-esg-heading {
  text-align: center;
  font-size: 3rem;
  color: #000035;
  margin-bottom: 40px;
  font-weight: 600;
}

.paprsky-esg-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

.esg-policy-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px; /* Shorter height */
  padding: 0 24px;
  background-color: #46b79F;
  color: #ffffff;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 500;
  border-radius: 10px;
  border: 2px solid transparent;
  transition: all 0.3s ease-in-out;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  white-space: normal;
  line-height: 1.4;
  text-wrap: balance;
}

.esg-policy-button:hover {
  background-color: #000035;
  color: #ffffff;
  border-color: #46b79F;
  transform: translateY(-3px);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .paprsky-esg-heading {
    font-size: 2.2rem;
  }

  .esg-policy-button {
    font-size: 0.95rem;
    min-height: 56px;
    padding: 0 16px;
  }
}

@media (max-width: 480px) {
  .esg-policy-button {
    font-size: 1.6rem;
    min-height: 52px;
    padding: 0 12px;
  }
}


/* Start of Resources company profile*/
.paprsky-doc-access-wrapper {
  padding: 3rem 1rem;
  background: #f8f9fc;
  font-family: 'Segoe UI', sans-serif;
}

.paprsky-doc-container {
  display: flex;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.paprsky-docs-left,
.paprsky-docs-right {
  flex: 1 1 45%;
  background: #fff;
  border-radius: 10px;
  padding: 2rem;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.paprsky-docs-left h2,
.paprsky-docs-right h2 {
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
  color: #00335d;
}

.paprsky-doc-list,
.paprsky-quick-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.paprsky-doc-item {
  display: block;
  width: 100%;
  text-align: left;
  background: #005580;
  color: white;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.paprsky-doc-item:hover {
  background: #003f66;
}

.paprsky-quick-links li a {
  display: block;
  color: #005580;
  text-decoration: none;
  padding: 0.5rem 0;
  border-bottom: 1px solid #ddd;
}

.paprsky-quick-links li a:hover {
  color: #003f66;
}

/* Modal Styles */
.paprsky-form-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.paprsky-form-content {
  background: #fff;
  padding: 2rem;
  border-radius: 8px;
  width: 90%;
  max-width: 500px;
  position: relative;
  max-height: 90vh;
  overflow-y: auto;
}

.paprsky-form-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
}

.paprsky-doc-form input,
.paprsky-doc-form button {
  width: 100%;
  padding: 0.75rem;
  margin-bottom: 1rem;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 1.2rem;
}

.paprsky-doc-form button {
  background: #00335d;
  color: white;
  border: none;
  cursor: pointer;
}

.paprsky-doc-form button:hover {
  background: #001f3f;
}

/* Media Queries */
@media (max-width: 768px) {
  .paprsky-doc-container {
    flex-direction: column;
  }

  .paprsky-docs-left,
  .paprsky-docs-right {
    flex: 1 1 100%;
  }
}
/* End of Resources company profile*/



/* Start of Resources Investor Form*/
/* Container & Title */
#ps-access-section { padding: 4rem 2rem; background: #fff; }
#ps-access-section .ps-container { max-width: 1200px; margin: 0 auto; }
.ps-section-title {
  font-size: 3rem;
  margin-bottom: 2rem;
  color: #1a2340;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}

/* Grid of Cards */
.ps-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
}
.ps-card {
  background: #f5f7fa;
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
  cursor: pointer;
}


.ps-card:hover { transform: translateY(-5px); }





.ps-card img {
  width: 100%;
  max-width: 400px; /* adjust as needed */
  height: auto;
  margin-bottom: 1rem;
  object-fit: contain;
}

.ps-card-title {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #102a43;
}
.ps-card-btn {
  padding: 0.6rem 1.2rem;
  border: none;
  border-radius: 0.5rem;
  background: #2a9df4;
  color: #fff;
  font-size: 1.6rem;
  cursor: pointer;
}
.ps-card-btn:hover { opacity: 0.9; }

/* Modal Styles */
.ps-modal { /* same as before */ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999; overflow-y: auto; padding: 2rem 1rem; }
.ps-modal-content { background: #fff; max-width: 500px; margin: 3rem auto; padding: 2rem; border-radius: 1rem; position: relative; box-shadow: 0 5px 20px rgba(0,0,0,0.2); }
.ps-modal-close { position: absolute; top: 1rem; right: 1rem; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #666; }
.ps-modal-title { margin-bottom: 1.5rem; font-size: 1.5rem; }

/* Form Styles  */
.ps-form-group { margin-bottom: 1rem; }
.ps-form-group label { display: block; margin-bottom: 0.25rem; font-size: 1.6rem; color: #333; }
.ps-form-group input { width: 100%; padding: 0.6rem; font-size: 1rem; border: 1px solid #ccc; border-radius: 0.25rem; }
.ps-form-actions { text-align: right; }
.ps-btn { padding: 0.75rem 1.5rem; font-size: 1rem; border: none; background: linear-gradient(135deg, #9FD9E4, #0099ff); color: #000035; border-radius: 0.5rem; cursor: pointer; }
.ps-btn:hover { opacity: 0.9; }

/* Responsive */
@media (max-width: 600px) {
  #ps-access-section { padding: 2rem 1rem; }
  .ps-card { padding: 1rem; }
}
/* End of Resources Investor Form*/

/* Resources Documents View */
#paprsky-resources-section {
  padding: 50px 20px;
  background-color: #f8fafc;
  font-family: 'Segoe UI', sans-serif;
}

.paprsky-resources-container {
  max-width: 1200px;
  margin: 0 auto;
}

.paprsky-resources-heading {
  text-align: center;
  font-size: 2.4rem;
  color: #102a43;
  margin-bottom: 40px;
  font-weight: 700;
}

.paprsky-resource-group {
  margin-bottom: 50px;
}

.paprsky-resource-subheading {
  font-size: 1.6rem;
  color: #1a202c;
  border-left: 5px solid #0ea5e9;
  padding-left: 12px;
  margin-bottom: 20px;
  font-weight: 600;
}

.paprsky-resource-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 15px;
}

.paprsky-resource-btn {
  display: block;
  text-align: center;
  padding: 14px 18px;
  background: linear-gradient(135deg, #0284c7, #0ea5e9);
  color: white;
  font-weight: 500;
  text-decoration: none;
  border-radius: 10px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.paprsky-resource-btn:hover {
  background: linear-gradient(135deg, #0ea5e9, #0284c7);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

/* Responsive Tweaks */
@media screen and (max-width: 600px) {
  .paprsky-resources-heading {
    font-size: 1.8rem;
  }

  .paprsky-resource-subheading {
    font-size: 1.3rem;
  }

  .paprsky-resource-btn {
    font-size: 0.95rem;
    padding: 12px;
  }
}



 /*Start of Media Articles Online*/

#media-articles-section {
  --media-primary: #46b79F;
  --media-secondary: #708990;
  --media-accent: #EACEA0;
  --media-alt: #9FD9E4;
  --media-text: #000035;
  --media-bg: #ffffff;
  padding: 4rem 1rem;
  background-color: var(--media-bg);
}

/* Font families */
#media-articles-section h1,
#media-articles-section h2 {
  font-family: 'Montserrat', sans-serif;
}
#media-articles-section p,
#media-articles-section .media-description {
  font-family: 'Lato', sans-serif;
}

#media-articles-section .media-articles-header {
  text-align: center;
  margin-bottom: 2.5rem;
}

#media-articles-section .media-articles-header h2 {
  font-size: 3rem;
  color: var(--media-text);
  position: relative;
}

#media-articles-section .media-articles-header h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: var(--media-accent);
  margin: 0.5rem auto 0;
}

#media-articles-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
}

.media-article-card {
  background-color: #fafafa;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.media-article-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.media-article-card a {
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.media-thumb {
  width: 80vw; /* 80% of the browser window width */
  padding-top: 75%;
  background-size: cover;
  background-position: center;
}


.media-thumb {
  width: 100%;
  height: auto; /* Let it scale naturally */
  aspect-ratio: 16 / 9; /* Maintains 16:9 shape */
  background-size: contain; /* Prevents cropping */
  background-repeat: no-repeat;
  background-position: center;
}


.media-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.media-title {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--media-primary);
  padding: 1rem;
}

.media-description {
  font-size: 1.4rem;
  line-height: 1.4;
  color: var(--media-text);
  padding: 0 1rem 1rem;
  flex-grow: 1;
}

.media-readmore {
  display: inline-block;
  margin: 0 1rem 1rem;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  background-color: #000035;  /* Button background */
  color: #ffffff;             /* Button text */
  border-radius: 0.25rem;
  text-align: center;
  transition: background-color 0.3s;
}

.media-readmore:hover {
  background-color: var(--media-secondary);
}

/* Responsive tweaks */
@media (max-width: 768px) {
  #media-articles-section {
    padding: 3rem 1rem;
  }
  .media-title {
    font-size: 1.6rem;
  }
}

@media (max-width: 480px) {
  #media-articles-section {
    padding: 2rem 0.5rem;
  }
  #media-articles-grid {
    gap: 1.5rem;
  }
}

 /*End of Media Articles Online*/