.devloper-services-lists p{
    font-size: 16px;
    line-height: 150%;
    color:#130F26;

 }
 .dark .devloper-services-lists p, .dark .devloper-services-lists ul li, .dark .devloper-services-lists .developer-journey-main-content ul li{
    color:#F5F5F5;
 }
 .devloper-services-lists .developer-journey-main-content p{
    margin-top: 16px;
     margin-bottom: 16px;
 }
 .devloper-services-lists .developer-journey-main-content ul li{
    font-size: 16px;
    line-height: 150%;
    color:#130F26;
}
 .devloper-services-lists .developer-journey-main-content ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

 .devloper-services-lists .developer-journey-main-content ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
}

 .devloper-services-lists .developer-journey-main-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-image: url('/-/media/ADREC/Regulatory-Services/Check.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

[dir="rtl"] .devloper-services-lists .developer-journey-main-content ul li::before{
    left: auto;
    right: 0;
}
.dark .devloper-services-lists .developer-journey-main-content ul li::before{
        filter: brightness(0) invert(1);
}
[dir="rtl"] .devloper-services-lists .developer-journey-main-content ul li{
    padding-left: 0;
    padding-right: 28px;
}
.container,
section,
.timeline-wrapper {
    overflow: visible !important;
}

@media (max-width:767px) {
    .devloper-services-lists .developer-journey-main-content p{
        font-size: 14px;
        line-height: 150%;
    }
    .devloper-services-lists .developer-journey-main-content ul li{
        font-size: 14px;
        line-height: 150%;
    }
    
}


/*************** Regulatory Services ******************/

.regulatory-cards{
  color: #130F26;
}
.regulatory-tabs {
      border-bottom: 1px solid #EBEEF3;
   width: fit-content;
}

.regulatory-tabs .tab-button {
  color: #3E3957;
  border-bottom: 2px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
      white-space: nowrap;
}

.regulatory-tabs .tab-button:hover,
.regulatory-tabs .tab-button:focus {
  color: #130F26;
}

.regulatory-tabs .tab-button.tab-active {
    border-bottom-style: solid !important;
    border-bottom-width: 2px !important;
    border-bottom-color: #A4C89A !important;
    color: #130F26;
    font-weight: 700;
}

.regulatory-content-section{
  gap: 40px;
  display: grid;
}

.regulatory-sections:nth-child(even) {
  background-color: #EDF3EB;
  padding: 24px;
  border-radius: 8px;
}

.regulatory-pill {
  padding: 6px 10px;
    background: #D5D1B3;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #130F26;
    width: fit-content;
}

.regulatory-content {
  color: #0A0A0A;
      display: flex;
    flex-direction: column;
    gap: 16px;
}

.regulatory-content h4{
  font-size: 28px;
}

.regulatory-content p{
  font-size: 16px;
}

.card-panel { 
  display: flex;
    flex-direction: column;
    height: 100%;
    background: #FFFFFF;
    padding: 16px;
    border-radius: 6px;
    border: 1px solid #DCE6D8;
 }
    .card-panel a { 
      margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #130F26;
    font-size: 14px;
}

.faq-items {
    background: #FFF;
    padding: 16px;
    border-radius: 8px;
    border-bottom: 0.5px solid #CED1D6;
}

.cards-block-regulatory {
  padding: 16px;
  border: 1px solid #DCE6D8;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 100%;
  height: 100%;
}

.cards-block-regulatory h3, .cards-block-regulatory h4 {
     color: #130F26;
}

.regulatory-news h3, .regulatory-news h4 {
     color: #130F26;
    font-size: 24px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-panel h4{
  color: #130F26;
}

.card-panel p{
  color: #3E3957;
}

.news-controls { justify-content: flex-end; }

.news-controls .toggle-group { 
  display: inline-flex; 
  gap: 0.5rem; 
  color: #130F26;
  background: #DCE6D8; 
  border-radius: 4px; 
  padding: 4px;
}

.news-controls .toggle-group .active {
  font-weight: 700;
}

.news-card-meta { 
  display: flex; 
  flex-wrap: wrap; 
  gap: 1rem; 
  align-items: center; 
  color: #3E3957;
  justify-content: space-between;
  margin-top: auto;
}

.news-card-meta span { 
  display: inline-flex; 
  align-items: center; 
  gap: 0.5rem; 
}

.news-card-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.news-announcements-section .regulatory-news {
  padding: 0;
  border: none;
}

.news-announcements-section .regulatory-news p {
  color: #3E3957;
  font-size: 16px;
}

[dir="rtl"] a img[alt="arrow"], [dir="rtl"] a img[alt="view-more"] {
  transform: scaleX(-1);
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}

.card-image {
  background-color: #EDF3EB;
  padding: 12px;
  border-radius: 4px;
  width: fit-content;
}

 .tabs { 
  position: sticky; 
  top: 0; 
  z-index: 9; 
background-color : #fff;
margin-top: 40px;
margin-bottom: 40px;
}

.dark .tabs {
  background-color: #11191f;
}
/* Alternate section background */
.section { 
    padding-top: 2.5rem; 
    padding-bottom: 2.5rem; 
    scroll-margin-top: 5rem; 
}
.section-alt { 
background-color: #EDF3EB;
padding: 24px;
border-radius: 8px;
}
/* Active tab styles (JS will toggle) */
.tab-button.tab-active { 
    color: #1f2937; 
    font-weight: 600; 
    border-bottom-style: solid; 
    border-bottom-width: 2px; 
    border-bottom-color: #A4C89A; 
}

.speak-to-adres-section {
  text-align: center;
  gap: 8px;
  color: #130F26;
}

.speak-to-adres-section h2 {
  font-size: 24px;
  font-weight: 700;
}

.speak-to-adres-section p {
  font-size: 14px;
  font-weight: 400;
  margin: 8px 0;
}

.speak-to-adres-section button {
  padding: 10px;
  background-color: #B8CEB1;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
}

.regulatory-cards h5{
  font-size: 32px;
}

.regulatory-cards p{
  font-size: 16px;
}

@media (max-width: 767px) {
  .regulatory-content h4 {
    font-size: 18px;
  }
  .regulatory-content {
    font-size: 14px;
  }
  .section-alt {
    padding: 16px;
  }
  .news-controls .toggle-group {
        width: 100%;
    justify-content: center;
  }
  .news-controls .toggle-group button {
    width: 100%;
  }
.regulatory-cards h5{
  font-size: 18px;
}

.regulatory-cards p{
  font-size: 12px;
}
}



/************ Regulatory services Dark mode **************/

.dark .regulatory-sections {

}

.dark .regulatory-content {
  color: #F5F5F5;
}

.dark .regulatory-tabs .tab-button {
  color: #FFF;
}

.dark .regulatory-tabs {
border-color : #8C9099;
}

.dark .section-alt {
  background-color: #1A222C;
}

.dark .card-panel {
  background-color: #11191F;
  border: 1px solid rgba(255, 255, 255, 0.10);
}

.dark .card-panel h4 , .dark .card-panel p , .dark .card-panel a {
  color: #FFF;
}

.dark .faq-items {
  background-color: #11191F;
}

.dark .faq-items h4 {
  color: #FFF;
}

.dark .speak-to-adres-section h2, .dark .speak-to-adres-section p {
  color: #FFF;
}

.dark .cards-block-regulatory h3, .dark .cards-block-regulatory h4 {
color:#fff;
}

.dark .news-controls .toggle-group {
  background: #283035;
color: #fff;
}

.dark .news-controls .toggle-group .active {
color: #130F26;
}

.dark .news-card-meta {
color: #fff;
}

.dark .faq-items {
border-color : transparent;
}

.dark .regulatory-pill {
color : #FFF;
background-color: #9D986F;
}

.dark .card-image {
  background-color: #1A222C;
}