.regulatory-documents-container {
  max-width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}


.breadcrumbs {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-orange);
  margin-bottom: 20px;
}


.regulatory-documents-title {
  height: auto;
  margin: 0 auto 20px;
  padding: 0 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  user-select: none;
}

.title-normal {
  color: var(--color-text);
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}

.title-italic {
  color: var(--color-orange);
  font-style: italic;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}


.regulatory-documents-cards {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
  padding: 0 20px;
}


.regulatory-document-card {
  background-color: #F0F7F8;
  border-radius: 6px;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='29' viewBox='0 0 30 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.19439 16.0652C8.02034 15.8892 7.92307 15.6515 7.92382 15.404C7.92458 15.1566 8.02329 14.9194 8.19841 14.7445C8.37353 14.5695 8.61082 14.4708 8.85847 14.4701C9.10613 14.4693 9.34402 14.5665 9.5202 14.7405L14.0625 19.2792V0.936761C14.0625 0.688316 14.1613 0.450047 14.3371 0.274371C14.5129 0.0986941 14.7514 0 15 0C15.2486 0 15.4871 0.0986941 15.6629 0.274371C15.8387 0.450047 15.9375 0.688316 15.9375 0.936761V19.2792L20.4799 14.7405C20.656 14.5665 20.8939 14.4693 21.1416 14.4701C21.3892 14.4708 21.6265 14.5695 21.8017 14.7445C21.9768 14.9194 22.0755 15.1566 22.0762 15.404C22.077 15.6515 21.9797 15.8892 21.8057 16.0652L15.6629 22.203C15.4871 22.3787 15.2486 22.4774 15 22.4774C14.7514 22.4774 14.5129 22.3787 14.3371 22.203L8.19439 16.0652ZM29.0625 27.1265H0.9375C0.68886 27.1265 0.450403 27.2252 0.274587 27.4009C0.0987721 27.5765 0 27.8148 0 28.0632C0 28.3117 0.0987721 28.55 0.274587 28.7256C0.450403 28.9013 0.68886 29 0.9375 29H29.0625C29.3111 29 29.5496 28.9013 29.7254 28.7256C29.9012 28.55 30 28.3117 30 28.0632C30 27.8148 29.9012 27.5765 29.7254 27.4009C29.5496 27.2252 29.3111 27.1265 29.0625 27.1265Z' fill='%235FB4BB'/%3E%3C/svg%3E%0A");
  background-position: 97% 50%;
  background-repeat: no-repeat;
  background-size: 20px auto;
}

.regulatory-document-card a {
  transition: all .3s ease-in-out;
}

.regulatory-document-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding-right: 30px;
}


.document-title {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #003163;
  margin: 0;
  flex-shrink: 1;
  overflow-wrap: break-word;
  text-decoration: none;
}

.document-title span {
  font-size: 12px;
}


.btn-view-pdf {
  width: 109px;
  height: 40px;
  padding: 10px 20px;
  border-radius: 100px;
  border: 1px solid var(--color-orange);
  background-color: var(--color-orange);
  color: var(--color-text);
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease;
  margin-top: 0;
  margin-left: 0;
  align-self: stretch;
}


.btn-view-pdf:hover {
  background-color: #F0F7F8;
  color: var(--color-orange);
  border-color: var(--color-orange);
}


.pdf-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(24, 56, 60, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.pdf-modal-content {
  position: relative;
  width: 90%;
  max-width: 900px;
  height: 80vh;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.pdf-modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 30px;
  line-height: 1;
  color: #18383C;
  cursor: pointer;
}

.pdf-modal iframe {
  width: 100%;
  height: 100%;
  border: none;
}


@media (min-width: 768px) {
  .regulatory-documents-title {
    font-size: 32px;
    margin: 0 auto 25px;
  }

  .title-normal {
    font-size: 32px;
  }

  .title-italic {
    font-size: 32px;
  }

  .regulatory-documents-cards {
    flex-direction: row;
    padding: 0;
  }

  .regulatory-document-card {
    width: calc(50% - 5px);
  }

  .regulatory-document-content {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }

  .btn-view-pdf {
    width: 110px;
    align-self: auto;
  }
}


@media (min-width: 1024px) {
  .regulatory-documents-container {
    max-width: 1024px;
  }

  .regulatory-documents-title {
    font-size: 40px;
    margin: 0 auto 30px;
  }

  .title-normal {
    font-size: 40px;
  }

  .title-italic {
    font-size: 40px;
  }
}


@media (min-width: 1200px) {
  .regulatory-documents-container {
    max-width: 1200px;
  }

  .regulatory-documents-title {
    height: 48px;
  }

  .regulatory-document-content {
    /* width: 535px; */
  }
}


@media (min-width: 1440px) {

}


@media (min-width: 1920px) {

}