.wrapper {

      display: flex;

      flex-direction: column;

      align-items: center;

      gap: 40px;

      padding: 40px 20px;

    }

    .container {

      max-width: 1200px;

      width: 100%;

      background: #fff;

      border-radius: 10px;

      overflow: hidden;

      box-shadow: 0 0 10px rgba(0,0,0,0.1);

      text-align: center;

    }

    .banner img {

      width: 100%;

      height: auto;

      display: block;

    }
 
    .content {

      padding: 20px;

    }
 
    .short-desc, .full-desc {

      margin-bottom: 10px;

    }
 
    .full-desc {

      display: none;

      color: #444;

    }
 
    .read-more {

      background-color: #007BFF;

      color: white;

      border: none;

      padding: 10px 20px;

      border-radius: 5px;

      cursor: pointer;

      font-size: 16px;

      margin: 20px 0;

    }
 
    .read-more:hover {

      background-color: #0056b3;

    }
 
    p {

      text-align: justify;

      line-height: 1.6;

      margin-bottom: 15px;

      color: #333;

      font-size: 16px;

    }
 
    ul {

      list-style-type: disc;

      text-align: left;

      padding-left: 20px;

    }
 
    li {

      margin-bottom: 8px;

      line-height: 1.5;

      font-size: 16px;

      color: #444;

    }
 
    h4, h5 {

      text-align: left;

    }
 
    .row {

      display: flex;

      flex-wrap: wrap;

      gap: 30px;

      /*max-width: 1000px;*/

      margin: auto;

    }
 
    .col {

      flex: 1 1 45%;

      min-width: 280px;

    }
 
    .red {

      color: #b0123b;

    }
 
    @media (max-width: 768px) {

      .row {

        flex-direction: column;

      }

    }

.site-footer {

  padding: 40px 20px;

}
 
.footer-container {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  gap: 40px;

  max-width: 1100px;

  margin: 0 auto;

}
 
.footer-col {

  flex: 1 1 45%;

  min-width: 300px;

}
 
.site-footer h3 {

  margin-bottom: 10px;

}
 
.site-footer a {

  color: #d70000;

  text-decoration: none;

}
 
.site-footer a:hover {

  text-decoration: underline;

}
 
.site-footer p {

  margin-bottom: 10px;

  font-size: 15px;

  line-height: 1.6;
 
}
 
.site-footer .note {

  margin-top: 15px;

  font-style: italic;

  color: #ccc;

}
 
@media (max-width: 768px) {

  .footer-container {

    flex-direction: column;

  }

}
 
 
.fees-section h4 {

  margin-bottom: 20px;

  color: #333;

}
 
.fees-table {

  width: 100%;

  border-collapse: collapse;

  margin-bottom: 20px;

}
 
.fees-table th,

.fees-table td {

  border: 1px solid #000;

  padding: 12px;

  text-align: center;

  font-size: 15px;

}
 
.fees-table th {

  background-color: #e0e0e0;

  font-weight: bold;

  text-align: left;

}
 
.application-note {

  font-size: 16px;

  color: #333;

}
 
.application-note a {

  color: #007BFF;

  font-weight: bold;

  text-decoration: none;

}
 
.application-note a:hover {

  text-decoration: underline;

}

.payment-method-section {
 
}
 
.payment-method-section h4 {

  margin-bottom: 20px;

  color: #333;

}
 
.payment-table {

  width: 100%;

  border-collapse: collapse;

  font-size: 15px;

}
 
.payment-table th,

.payment-table td {

  border: 1px solid #444;

  padding: 12px;

  text-align: center;

}
 
.payment-table th {

  background-color: #f1f1f1;

  font-weight: bold;

}
 
.payment-table td:nth-child(5),

.payment-table th:nth-child(5) {

  text-align: left;

}
 
.payment-table em {

  color: #555;

  font-style: italic;

}
#page-ffia .page-top {
  padding: 1.5rem 0 6rem;
  background-image: linear-gradient(rgb(139 69 69 / 42%), rgb(176 89 89 / 41%)), url(../img/ffia-n.webp)!important;
  height: 350px;
  background-size: cover;
  background-position: center;
}