@import url('styles.css');

/* .hero-section{
    background-color: var(--primary-5);
} */

.hero-section h1{
    font-weight: 700;
    font-size: 2rem;
    color: var(--primary-100);
}

.hero-section p{
    font-size: 0.9rem;
    font-weight: 500;
    color: #2C3A37;
}

.hero-section .btn-1{
    font-weight: 600;
    color: var(--primary-100);
    border-color: var(--primary-100);
    border: solid 1px;
    padding: 0.75rem 1rem;
    margin-right: 10px;
}

.hero-section .btn-1:hover{
    color: white;
    background: var(--primary-100);
}

.hero-section .btn-2{
    font-weight: 600;
    color: var(--primary-100);
    background: var(--secondary-100);
    padding: 0.75rem 1rem;
    border: solid 1px var(--secondary-100);
}

.hero-section .btn-2:hover{
    color: var(--primary-100);
    background: var(--secondary-hover-100);
}



.regulatory .card{
    transition: all 0.2s ease-in-out;
}

.regulatory .card:hover{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.103);
    /* transform: scale(1.02); */
}

.regulatory h1{
    font-weight: 700;
    font-size: 2rem;
    color: var(--primary-100);
}

.regulatory h5{
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary-100);
}

.regulatory p{
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--dark-grey);
}

.regulatory .text-small{
    font-size: 0.85rem;
    font-weight: 400;
    color: var(--dark-grey);
}

.regulatory a{
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--primary-100);
}

.regulatory .nav-item button{
    text-align: start;
}

.regulatory .nav-item{
    width: auto;
    margin-right: auto;
    max-width: 30vw;
}

.regulatory .nav-item button .active{
    background-color: var(--primary-5)!important;
    color: var(--primary-100);
}


.regulatory ul{
    border: none;
}

.regulatory .nav-link:hover{
    border: none;
}

.regulatory .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    font-weight: 700;
    border: none!important;
    color: #003134!important;
    border-bottom: 2px solid var(--secondary-100)!important;   
}

.regulatory .nav-item::after{
    border: none;
}




.regulatory h1{
    font-weight: 700;
    font-size: 2rem;
    color: var(--primary-100);
}

.regulatory .btn{
    width: 100%;
    font-weight: 600;
    color: var(--primary-100);
    border-color: var(--primary-100);
    border: solid 1px;
    padding: 0.75rem 1rem;
    margin-right: 10px;
}

.regulatory .btn:hover{
    color: white;
    background: var(--primary-100);
}

.accordion button{
    font-weight: 700;
    color: var(--primary-100)!important;
    font-size: 1rem;
}

.accordion-button:not(.collapsed){
    background-color : white;
}

.accordion-button:focus{
    border-color:  white!important;
    box-shadow: none!important;
}

@media only screen and (max-width : 992px){
    .regulatory .nav-item{
        max-width: 25vw;
    }

    .regulatory button{
        font-size: 0.8rem;
        padding: 5px 0px;
    }
}

 /* Left menu container */
  .regulatory-headings {
    padding: 12px 14px;
    border-radius: 6px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    cursor: pointer;
    font-size: 14px;
    color: #1f2937;
    position: relative;
    transition: all 0.2s ease;
  }

  /* Hover */
  .regulatory-headings:hover {
    background: #f9fafb;
  }

  /* Active disclosure head */
  .regulatory-headings.active {
    background: #F7FEE0;
    border-color: #e5e7eb;
    font-weight: 600;
  }

  /* Arrow indicator */
  .regulatory-headings.active::after {
    content: "›";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #6b7280;
  }

  /* Right panel wrapper */
  .disclosure-wrapper {
    border-bottom: 1px solid #e5e7eb;
    padding: 14px 0;
    display: block;
    align-items: center;
    justify-content: space-between;
  }

  /* Document title */
  .regulatory-subheading, .file-size {
    font-size: 14px;
    color: #111827;
    /* max-width: 75%; */
  }

  /* Download button */
  .btn-download {
    background: transparent;
    color: #6b8e23;
    border: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .disclosure-info {
      display: inline-block;
      vertical-align: middle;

  }

  .btn-download:hover {
    text-decoration: underline;
  }

  /* Hide mobile dropdown on desktop */
  .mobile-disclosure-dropdown {
    display: none;
    margin-bottom: 15px;
  }

  /* Desktop sidebar visible */
  .desktop-disclosure-menu {
    display: block;
  }
  .regulatory-icon img {
      width: 40px;
  }
  .disclosure-wrapper a {
    float: right;
    align-items: center;
    padding-top: 15px;
    text-decoration: none;
  }

  #disclosuretbl thead {
      display: none;
  }

#disclosureContent a.page-link { margin: 10px 5px; color: #147330; text-align: center; display: flex; align-items: center; justify-content: center; min-width: 42px; }
div#disclosureContent .pagination { margin-top: 20px; }
div#disclosureContent .pagination .page-link:first-child { margin-left: 0; }
  #disclosureContent a.page-link.active {
      background-color: #147330;
      border: #147330;
      color: #ffffff;
  }
/* bottom-cta section */
.bottom-container {
  max-width: 1550px;
  margin: 0 auto;
  padding: 0 10px;
}

.bottomCTA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px 80px;
  gap: 40px;
  border-radius: 16px;
  background: #003134;
  margin: 50px 100px;
}

.bottomCTA h2 {
  color: #e4e9e9;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.18px;
}

.cta-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.bottomCTA span {
  color: #c7ee4e;
  font-family: "DM Serif Text";
  font-size: 40px;
  font-style: italic;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.2px;
}

.bottomCTA p {
  color: #bcc;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.16px;
}

.bottomCTA a.secondary-btn {
  margin-top: 20px;
}

.primary-btn {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: linear-gradient(
    180deg,
    #f3fbd9 -4.17%,
    #c7ee4e 14.96%,
    #85b000 88.25%,
    #9acc00 108.33%
  );
  color: #1e2f2c;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.08px;
  text-decoration: none;
  min-width: 280px;
}

.secondary-btn {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  border: 0.5px solid #e4e9e9;
  background: #003134;
  backdrop-filter: blur(3.5px);
  color: #e4e9e9;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.08px;
  text-decoration: none;
  min-width: 280px;
}

/* 23-01-26 */
.disclosure-section .desktop-disclosure-menu { border: 1px solid #BBCCCA; border-radius: 8px; padding: 12px; }
.disclosure-section .desktop-disclosure-menu .regulatory-headings { font-weight: 500; border-radius: 8px; border: none; border-bottom: 1px solid rgba(179, 193, 194, 0.5); padding: 0; border-radius: 0; margin: 0; padding: 0; background: transparent; }
.disclosure-section .desktop-disclosure-menu .regulatory-headings:last-child{border-bottom: none;}
.disclosure-section .desktop-disclosure-menu .regulatory-headings .regulatory-headings-text { width: 100%; display: block; margin: 16px 0; padding: 12px; border-radius: 8px; line-height: 1; font-size: 20px; line-height: 1; font-weight: 500;     color: #2B4B4D;}
.disclosure-section .desktop-disclosure-menu .regulatory-headings.active .regulatory-headings-text { background: #F7FEE0; font-weight: 600; color: #003134; display: flex; justify-content: space-between; gap: 10px; }
.disclosure-section { margin-top: 40px; }
.disclosure-section .col-lg-3 { width: 360px; padding: 0; }
.disclosure-section .col-lg-9 { width: auto; flex: 1; padding: 0; padding-left: 40px; }
.regulatory-headings.active::after{display: none;}
.disclosure-section .disc-regulatory-subheading { display: block; margin-bottom: 20px; font-size: 20px; font-weight: 600; line-height: 160%; color: #003134; }
.disclosure-section .desktop-disclosure-menu .regulatory-headings:not(.active) .regulatory-headings-text img{display: none;}
.disclosure-wrapper { padding: 20px 0; border-bottom: 1px solid #B3C1C2; display: flex; justify-content: flex-start; align-items: stretch; }
.disclosure-section > .row { margin-left: 0; margin-right: 0; }
.section-disclosure.hero-section { padding-top: 80px; }
.section-disclosure.hero-section h1 { font-size: 36px; font-weight: 500; letter-spacing: 0.005em; line-height: 120%; }
.disclosure-wrapper a{    margin-left: auto; padding-top: 0;display: flex;}
.disclosure-wrapper .btn-download { display: flex; align-items: center; gap: 4px; font-weight: 700; font-size: 16px; line-height: 160%; letter-spacing: 0.01em; padding: 5px 12px; border-radius: 8px; transition: all 0.2s ease-in; }
.disclosure-wrapper .btn-download:hover{text-decoration: underline;background: #F7FEE0;}
.disclosure-wrapper .regulatory-icon { display: block; margin-right: 16px; max-width: 35px; }
.disclosure-wrapper .regulatory-icon img { max-width: 100%; }
.disclosure-info{display: block;}
.disclosure-info .regulatory-subheading{font-size: 16px; line-height: 160%;font-weight: 600;letter-spacing: 0.01em;color: #003134;display: block;}
.disclosure-info  .file-size{font-size: 14px; line-height: 160%;font-weight: 500;color: #366063; letter-spacing: 0.01em;}
.disclosure-wrapper .disclosure-info{max-width: 500px;padding-right: 10px;flex: 1;}
.disclosure-section .desktop-disclosure-menu .regulatory-headings:first-child .regulatory-headings-text { margin-top: 0; }
.disclosure-section .desktop-disclosure-menu .regulatory-headings:last-child .regulatory-headings-text { margin-bottom: 0; }

@media (max-width:1300px) {
  .disclosure-section .col-lg-3{width: 25%;}
  .disclosure-section .col-lg-9{    padding-left: 20px;}
  .disclosure-section .desktop-disclosure-menu .regulatory-headings .regulatory-headings-text{    font-size: 16px;margin: 10px 0;}
  .section-disclosure.hero-section { padding-top: 50px; }
  .disclosure-section .desktop-disclosure-menu .regulatory-headings.active .regulatory-headings-text img { max-width: 8px; }
}

@media (max-width:992px) {
  .disclosure-section .col-lg-3 { width: 33%; }
}

@media (max-width: 768px) {
  .bottomCTA {
    flex-direction: column;
    padding: 40px 30px;
    gap: 30px;
    margin: 50px 10px;
  }

  .cta-text {
    order: 1;
  }

  .bottomCTA h2 {
    font-size: 30px;
    margin-bottom: 12px;
  }

  .bottomCTA span {
    font-size: 36px;
  }

  .bottomCTA p {
    font-size: 15px;
    margin-bottom: 0;
  }

  .cta-buttons {
    order: 2;
    align-items: stretch;
    width: 100%;
  }

  .primary-btn,
  .secondary-btn {
    min-width: 100%;
    width: 100%;
    padding: 18px 30px;
    font-size: 15px;
  }

  .secondary-btn {
    margin-top: 12px;
  }
}
  /* Mobile styles */
  @media (max-width: 768px) {
    .mobile-disclosure-dropdown .custom-select { position: relative; width: 320px; font-family: system-ui, sans-serif; }
.mobile-disclosure-dropdown .select-trigger { width: 100%; padding: 14px 16px; border-radius: 12px; border: 1px solid #cfd8dc; background: #fff; font-size: 16px; font-weight: 500; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.mobile-disclosure-dropdown .select-options { position: absolute; top: calc(100% + 8px); left: 0; width: 100%; background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.12); list-style: none; padding: 8px 0; margin: 0; display: none; }
.mobile-disclosure-dropdown .select-options li { padding: 14px 18px; cursor: pointer; font-size: 15px; }

.mobile-disclosure-dropdown .custom-select.open .select-options { display: block; }
    .desktop-disclosure-menu {
      display: none;
    }
  .mobile-disclosure-dropdown { display: block; margin-bottom: 0; margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); width: auto; max-width: inherit; background: #F2F3EB; padding: 12px 16px;        margin-bottom: 40px;        position: sticky;
        top: 0; z-index: 9; }
    .section-disclosure.hero-section h1{display: none;}
    .section-disclosure.hero-section { padding-top: 0; }
    .mobile-disclosure-dropdown .custom-select{width: 100%; font-family: var(--font-family);}
    .disclosure-section .col-lg-9{width: 100%; padding-left: 0;}
    .disclosure-section > .row{display: block;}
     .mobile-disclosure-dropdown .select-trigger { border: 1px solid #003134; padding: 11px 16px; font-weight: 600; border-radius: 8px; font-size: 16px; line-height: 160%; letter-spacing: 0.01rem;color: #003134;}
     .mobile-disclosure-dropdown .select-trigger span{color: #003134;}
     .disclosure-section .disc-regulatory-subheading br { display: none; }
    .disclosure-section .mobile-disclosure-dropdown .select-options { border: 1px solid #003134; padding: 4px 8px; box-shadow: 0px 10px 10px 0px #00000026;z-index: 99;        top: calc(100% + 4px);}
    .disclosure-section .desktop-disclosure-menu .regulatory-headings.active .regulatory-headings-text { background: #F7FEE0; font-weight: 600; color: #003134; display: flex; justify-content: space-between; gap: 0; padding: 8px; font-size: 16px; line-height: 160%; letter-spacing: 0.01rem; }
    .disclosure-section .disc-regulatory-subheading{    margin-bottom: 32px !important;} 
    .disclosure-wrapper .regulatory-icon{margin-right: 12px; max-width: 29px;}
    select#disclosureHeadSelect {
    display: none;
}

.disclosure-wrapper .disclosure-info{padding-right: 0;}

.disclosure-wrapper{flex-wrap: wrap;}
.disclosure-section { margin-top: 0; }


  }

  @media (max-width: 768px) {
    .disclosure-wrapper a{flex-basis: 100%; margin-top: 16px;}
  }