:root {
    --mt-yellow: #ffcf33;
    --mt-dark: #111111;
  }

  body {
    font-family: "Poppins", sans-serif;
    background-color: #ffffff;
  }



  /* ================= HERO ================= */
  .mt-hero {
    position: relative;
    min-height: 85vh;
    display: flex;
    align-items: center;
    color: #ffffff;
    overflow: hidden;
  }

  .mt-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      
      url("https://moontriam.com/images/h3.png");
    
    background-size: cover;
    background-position: center;
    z-index: -2;
  }

  .mt-hero::after {
  
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.6) 100%);
    z-index: -1;
  }

  .mt-hero-content {
    max-width: 650px;
  }

  .mt-hero-title {
    color: #FFF;
  font-family: "DM Sans";
  font-size: 65px;
  font-style: normal;
  font-weight: 600;
  white-space: nowrap;
  line-height: normal;
  
  }

  .mt-hero-subtitle {
    color: #FFF;
  font-family: "DM Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  /* white-space: nowrap; */

  }

  .mt-hero-text {
  color: #FFF;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  line-height: 1.6; 

  }

  .btn-mt-primary {
    border-radius: 999px;
    padding: 0.8rem 1.8rem;
    font-weight: 500;
    background-color: var(--mt-yellow);
    color: #000;
    border: none;
    font-size: 0.95rem;
  }

  .btn-mt-primary:hover {
    background-color: #ffd84f;
    color: #000;
  }

  /* ================= RESPONSIVE ================= */
  @media (max-width: 991.98px) {
    .mt-hero {
      text-align: center;
      justify-content: center;
    }


    .mt-hero-content {
      margin: 4rem auto 2rem;
    }

    .mt-hero-title {
      font-size: 2.4rem;
    }
  }

  @media (max-width: 575.98px) {
    .mt-hero-title {
      font-size: 2rem;
    }

    .mt-hero-subtitle {
      font-size: 1.05rem;
    }

    .navbar-nav .nav-link {
      margin: 0.35rem 0;
    }
  }

  @media (max-width: 768px) {
      .mt-hero-title {
          white-space: normal;  
          font-size: 36px;      
      }
  }

  @media (max-width: 768px) {
      .mt-hero-subtitle {
          white-space: normal; 
          font-size: 22px;
      }
  }

/* who we are  */

.who-we-are-section {
    font-family: "DM Sans";
}

/* Title */
.who-title {
    font-size: 48px;
    font-weight: 600;
    color: #000;
}

/* Paragraph */
.who-text {
    font-size: 15px;
    line-height: 1.6;
    color: #000;
}

/* Yellow Line */
.yellow-line {
    min-width: 550;
    /* width: 550px; */
    height: 1px;
    background: #ffcf33;
    margin-top: 10px;
}

/* Buttons */
.who-btn {
    background: #000;
    color: #ffcf33;
    padding: 8px 22px;
    border-radius: 10px;
    border: none;
    font-size: 14px;
}

/* Subtext */
.who-subtext {
    font-size: 15px;
    line-height: 1.6;
}

/* Right Image */
.who-img {
    position: relative;
    z-index: 2;
    border-radius: 12px;
}

/* Yellow BG Shape */
.yellow-bg-shape {
    position: absolute;
    top: -25px;
    right: -25px;
    width: 85%;
    height: 85%;
    background: #ffcf33;
    border-radius: 10px;
    z-index: 1;
}

/* Responsive */
@media (max-width: 768px) {
    .who-title,
    .who-text,
    .who-subtext {
        text-align: center;
    }
    .yellow-bg-shape {
        width: 90%;
        height: 90%;
        right: -15px;
        top: -15px;
    }

    .d-flex.gap-3 {
        justify-content: center;
    }
}



/* FIX: Who We Are — 1024 × 600 Landscape */
@media only screen and (min-width: 1000px) and (max-width: 1050px) and (max-height: 650px) {

    .who-we-are-section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    /* Equal height columns */
    .who-we-are-section .row {
        display: flex !important;
        align-items: stretch !important;
    }

    /* LEFT TEXT COLUMN */
    .who-we-are-section .col-lg-6:first-child {
        display: flex !important;
        flex-direction: column;
        justify-content: center !important;
        padding-right: 20px !important;
    }

    /* RIGHT IMAGE COLUMN */
    .who-we-are-section .col-lg-6:last-child {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* IMAGE — must not shrink too much */
    .who-img {
        height: 100% !important;
        width: auto !important;
        max-height: 90% !important;
        object-fit: contain !important;
        border-radius: 10px;
        margin: 0 auto;
    }

    /* TITLE */
    .who-title {
        font-size: 32px !important;
        line-height: 1.2 !important;
        margin-bottom: 12px !important;
    }

    /* PARAGRAPHS */
    .who-text {
        font-size: 14px !important;
        line-height: 1.45 !important;
        margin-bottom: 12px !important;
    }

    /* YELLOW LINE */
    .yellow-line {
        width: 140px !important;
        margin: 12px 0 !important;
    }

    /* BUTTON GROUP */
    .d-flex.gap-3 {
        gap: 10px !important;
    }

    .who-btn {
        font-size: 13px !important;
        padding: 6px 16px !important;
    }

    /* SUBTEXT */
    .who-subtext {
        font-size: 14px !important;
        line-height: 1.45 !important;
        margin-top: 15px !important;
        max-width: 90%;
    }
}


/* FIX: serve-section — 1024 × 600 (Landscape Tablet / Small Laptop) */
@media only screen and (min-width: 1000px) and (max-width: 1050px) and (max-height: 650px) {

    .serve-section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    /* Equal height layout */
    .serve-section .row {
        display: flex !important;
        align-items: stretch !important;
    }

    /* LEFT IMAGE COLUMN */
    .serve-section .col-lg-6:first-child {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .serve-img {
        height: 100% !important;
        width: auto !important;
        max-height: 90% !important;
        object-fit: contain !important;
        border-radius: 12px;
        margin: 0 auto;
    }

    /* RIGHT TEXT COLUMN */
    .serve-section .col-lg-6:last-child {
        display: flex !important;
        flex-direction: column;
        justify-content: center !important;
        padding-left: 20px !important;
    }

    /* TITLE */
    .serve-title {
        font-size: 32px !important;
        line-height: 1.2 !important;
        margin-bottom: 12px !important;
    }

    /* MAIN TEXT */
    .serve-text {
        font-size: 14px !important;
        line-height: 1.45 !important;
        margin-bottom: 20px !important;
        max-width: 90%;
    }

    /* BULLET LIST */
    .serve-list {
        max-width: 90%;
        margin-top: 10px !important;
    }

    .serve-list li {
        font-size: 14px !important;
        line-height: 1.45 !important;
        margin-bottom: 8px !important;
        gap: 8px !important;
    }

    .serve-list li img {
        width: 38px !important;
        margin-top: 4px !important;
    }
}




/* Who We Are — 912 × 1368 */
@media only screen and (max-width: 930px) and (min-height: 1350px) {

    /* Make row equal height */
    .who-we-are-section .row {
        display: flex !important;
        align-items: stretch !important;
    }

    /* LEFT TEXT COLUMN */
    .who-we-are-section .col-lg-6:first-child {
        display: flex !important;
        flex-direction: column;
        justify-content: center !important;
        padding-right: 30px;
    }

    /* RIGHT IMAGE COLUMN */
    .who-we-are-section .col-lg-6:last-child {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* IMAGE — Fill height, no shrinking */
    .who-img {
        height: 100% !important;
        width: auto !important;
        object-fit: cover !important;
        border-radius: 12px;
    }

    /* TITLE */
    .who-title {
        font-size: 40px !important;
        line-height: 1.25 !important;
        text-align: left !important;
        margin-bottom: 20px !important;
    }

    /* PARAGRAPH */
    .who-text {
        font-size: 16px !important;
        line-height: 1.6 !important;
        text-align: left !important;
        max-width: 90%;
        margin-bottom: 18px;
    }

    /* YELLOW LINE CENTERED */
    .yellow-line {
        width: 180px !important;
        margin: 20px 0 !important;
    }

    /* BUTTON GROUP */
    .d-flex.gap-3 {
        gap: 14px !important;
        justify-content: flex-start !important;
    }

    .who-btn {
        font-size: 14px !important;
        padding: 8px 20px !important;
    }

    /* SUBTEXT */
    .who-subtext {
        font-size: 16px !important;
        line-height: 1.55 !important;
        text-align: left !important;
        max-width: 85%;
        margin-top: 20px;
    }
}




@media only screen and (min-width: 1000px) and (max-width: 1050px) and (min-height: 1300px) {

  
    .who-we-are-section .row {
        display: flex !important;
        align-items: stretch !important;
    }

 
    .who-we-are-section .col-lg-6:first-child {
        display: flex !important;
        flex-direction: column;
        justify-content: center !important;
        padding-right: 30px;
    }

    /* RIGHT IMAGE COLUMN: equal height + centered */
    .who-we-are-section .col-lg-6:last-child {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* DO NOT SHRINK — Keep image big */
    .who-img {
        height: 100% !important;      /* Image matches column height  */
        width: auto !important;       /* Prevent distortion */
        object-fit: cover !important; /* Fill full height — looks premium */
        border-radius: 12px;
    }
}





@media only screen and (max-width: 780px) and (min-height: 1000px) {

    .who-we-are-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    /* TITLE FIX */
    .who-title {
        font-size: 32px !important;
        text-align: center !important;
        margin-bottom: 20px;
        line-height: 1.3;
    }

    /* PARAGRAPH FIX */
    .who-text {
        font-size: 14px !important;
        line-height: 1.55 !important;
        text-align: center !important;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    /* YELLOW LINE FIX */
    .yellow-line {
        width: 140px !important;
        margin: 20px auto !important;
    }

    /* BUTTON FIX */
    .who-btn {
        font-size: 13px !important;
        padding: 8px 20px !important;
    }

    .d-flex.gap-3 {
        justify-content: center !important;
        gap: 12px !important;
    }

    /* SUBTEXT FIX */
    .who-subtext {
        font-size: 14px !important;
        line-height: 1.55 !important;
        text-align: center !important;
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    /* IMAGE FIX */
    .who-img {
        max-width: 80% !important;
        margin: 30px auto 0 !important;
        display: block;
    }
}



/* FIX: 768 × 1024 (iPad Portrait) */
@media only screen and (max-width: 780px) and (min-height: 1000px) {

    .who-we-are-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    /* TITLE FIX */
    .who-title {
        font-size: 32px !important;
        text-align: center !important;
        margin-bottom: 20px;
        line-height: 1.3;
    }

    /* PARAGRAPH FIX */
    .who-text {
        font-size: 14px !important;
        line-height: 1.55 !important;
        text-align: center !important;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    /* YELLOW LINE FIX */
    .yellow-line {
        width: 140px !important;
        margin: 20px auto !important;
    }

    /* BUTTON FIX */
    .who-btn {
        font-size: 13px !important;
        padding: 8px 20px !important;
    }

    .d-flex.gap-3 {
        justify-content: center !important;
        gap: 12px !important;
    }

    /* SUBTEXT FIX */
    .who-subtext {
        font-size: 14px !important;
        line-height: 1.55 !important;
        text-align: center !important;
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    /* IMAGE FIX */
    .who-img {
        max-width: 80% !important;
        margin: 30px auto 0 !important;
        display: block;
    }
}



/* FIX: 820 × 1180 (iPad Pro Portrait) */
@media only screen and (max-width: 840px) and (min-height: 1150px) {

    .who-we-are-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /* TITLE FIX */
    .who-title {
        font-size: 38px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        margin-bottom: 18px !important;
    }

    /* TEXT FIX */
    .who-text {
        font-size: 15px !important;
        line-height: 1.55 !important;
        text-align: center !important;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    /* YELLOW LINE – center fix */
    .yellow-line {
        width: 160px !important;
        margin: 25px auto !important;
    }

    /* BUTTONS – center + proper spacing */
    .d-flex.gap-3 {
        justify-content: center !important;
        gap: 14px !important;
    }

    .who-btn {
        font-size: 13.5px !important;
        padding: 9px 20px !important;
    }

    /* SUBTEXT FIX */
    .who-subtext {
        font-size: 15px !important;
        line-height: 1.55 !important;
        text-align: center !important;
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    /* IMAGE FIX */
    .who-img {
        max-width: 78% !important;
        margin: 30px auto 0 !important;
        display: block;
    }
}


/* Meet our leaders */


/* Section Wrapper */
.serve-section * {
    font-family: "DM Sans", sans-serif;
}

/* Yellow Box */
.yellow-bg-box {
    position: absolute;
    width: 85%;
    height: 85%;
    background: #ffcf33;
    border-radius: 10px;
    top: 30px;
    left: 30px;
    z-index: 1;
}

/* Main Image */
.serve-img {
    position: relative;
    border-radius: 12px;
    z-index: 2;
}

/* Title */
.serve-title {
   color: #000;
font-family: "DM Sans";
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

/* Text Paragraph */
.serve-text {
   color: #000;
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

/* List Styles */
.serve-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.serve-list li {
    display: flex !important;
    align-items: flex-start !important; /* icon top aligned */
    gap: 10px !important;  /* gap between icon & text */
    line-height: 1.5;
    margin-bottom: 12px;
}



.icon-check {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffcf33;
    display: inline-block;
    margin-right: 10px;

    /* checkmark icon inside */
    mask: url('https://img.icons8.com/ios-filled/50/checkmark.png') center/14px no-repeat;
    -webkit-mask: url('https://img.icons8.com/ios-filled/50/checkmark.png') center/14px no-repeat;
}

/* Responsive */
@media (max-width: 992px) {
    .yellow-bg-box {
        width: 90%;
        height: 90%;
        top: 20px;
        left: 20px;
    }

    .serve-title {
        font-size: 32px;
        text-align: center;
    }

    .serve-text {
        text-align: center;
    }

    .serve-list li {
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .yellow-bg-box {
        width: 100%;
        height: 100%;
        top: 12px;
        left: 12px;
    }

    .serve-title {
        font-size: 28px;
    }

     .serve-list li {
        text-align: left !important;
        align-items: flex-start !important;
    }

    .serve-list li img {
        margin-top: 5px !important;
    } 
}



/* FIX: Who We Serve — 540 × 720 (Small Tablet / Large Mobile) */
@media only screen and (max-width: 560px) and (min-height: 680px) {

    .serve-section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    /* IMAGE TOP & FULL WIDTH */
    .serve-img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 25px !important;
        border-radius: 10px;
    }

    /* TITLE */
    .serve-title {
        font-size: 28px !important;
        text-align: center !important;
        margin-bottom: 15px !important;
        line-height: 1.3 !important;
    }

    /* TEXT */
    .serve-text {
        font-size: 14px !important;
        line-height: 1.55 !important;
        text-align: center !important;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px !important;
    }

    /* BULLET LIST */
    .serve-list {
        max-width: 92%;
        margin: 0 auto !important;
    }

    .serve-list li {
        font-size: 14px !important;
        line-height: 1.5 !important;
        justify-content: flex-start !important;
        text-align: left !important;
        gap: 8px !important;
        margin-bottom: 10px !important;
    }

    
}





@media only screen and (max-width: 930px) and (min-height: 1350px) {

    /* EQUAL HEIGHT ROW */
    .serve-section .row {
        display: flex !important;
        align-items: stretch !important;
    }

    /* LEFT IMAGE COLUMN */
    .serve-section .col-lg-6:first-child {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* RIGHT TEXT COLUMN */
    .serve-section .col-lg-6:last-child {
        display: flex !important;
        flex-direction: column;
        justify-content: center !important;
        padding-left: 30px;
    }

    /* IMAGE — full height, no shrink */
    .serve-img {
        height: 100% !important;
        width: auto !important;
        object-fit: cover !important;
        border-radius: 12px;
    }

    /* TITLE */
    .serve-title {
        font-size: 40px !important;
        margin-bottom: 20px !important;
        text-align: left !important;
    }

    /* TEXT */
    .serve-text {
        font-size: 16px !important;
        line-height: 1.6 !important;
        max-width: 90%;
        text-align: left !important;
    }

    /* BULLET LIST */
    .serve-list {
        max-width: 90%;
        margin-top: 10px !important;
    }

    .serve-list li {
        font-size: 15px !important;
        line-height: 1.6 !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    
}



/* PERFECT FIX: Serve-section Equal Height on 1024 × 1366 */
@media only screen and (min-width: 1000px) and (max-width: 1050px) and (min-height: 1300px) {

    /* Make row equal height */
    .serve-section .row {
        display: flex !important;
        align-items: stretch !important;
    }

    /* LEFT IMAGE COLUMN */
    .serve-section .col-lg-6:first-child {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* RIGHT CONTENT COLUMN (TEXT) */
    .serve-section .col-lg-6:last-child {
        display: flex !important;
        flex-direction: column;
        justify-content: center !important;
        padding-left: 30px;
    }

    /* IMAGE SHOULD NOT SHRINK → FULL HEIGHT */
    .serve-img {
        height: 100% !important;        /* Match full column height */
        width: auto !important;         /* Keep natural width */
        object-fit: cover !important;   /* Fill height beautifully */
        border-radius: 12px;
    }

    /* TITLE */
    .serve-title {
        font-size: 40px !important;
        margin-bottom: 15px !important;
    }

    /* TEXT */
    .serve-text {
        font-size: 16px !important;
        line-height: 1.6 !important;
        max-width: 90%;
    }

    /* BULLET LIST TEXT SIZE */
    .serve-list li {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    /* .serve-list li img {
        margin-top: 4px !important;
        width: 22px !important;
    } */
}





@media only screen and (max-width: 840px) and (min-height: 1150px) {

    .serve-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /* IMAGE FIX */
    .serve-img {
        max-width: 82% !important;
        margin: 0 auto 30px auto !important;
        display: block;
    }

    /* TITLE */
    .serve-title {
        font-size: 38px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        margin-bottom: 20px;
    }

    /* TEXT */
    .serve-text {
        font-size: 15px !important;
        line-height: 1.55 !important;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-align: center !important;
        margin-bottom: 30px !important;
    }

    /* LIST SECTION */
    .serve-list {
        max-width: 85%;
        margin: 0 auto !important;
    }

    .serve-list li {
        font-size: 14px !important;
        line-height: 1.55 !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    /* .serve-list li img {
        width: 20px !important;
        margin-top: 3px !important;
    } */

    .serve-list li + li {
        margin-top: 10px !important;
    }
}


/* FIX: 768 × 1024 (iPad Portrait) */
@media only screen and (max-width: 780px) and (min-height: 1000px) {

    .serve-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    /* IMAGE RESPONSIVE */
    .serve-img {
        max-width: 80% !important;
        margin: 0 auto;
        display: block;
    }

    /* TITLE FIX */
    .serve-title {
        font-size: 32px !important;
        line-height: 1.25;
        text-align: center !important;
        margin-bottom: 20px;
    }

    /* PARAGRAPH FIX */
    .serve-text {
        font-size: 14px !important;
        line-height: 1.55;
        text-align: center !important;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    /* LIST ALIGNMENT PERFECT FIX */
    .serve-list {
        max-width: 85%;
        margin: 0 auto;
        padding: 0;
    }

    .serve-list li {
        font-size: 14px !important;
        line-height: 1.55 !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    /* .serve-list li img {
        width: 20px !important;
        margin-top: 4px !important;
    } */

    /* Better spacing between list and text */
    .serve-list li + li {
        margin-top: 10px;
    }
}



/* Meet team */


/* TEAM SECTION */
.team-section {
    background: #111;
    font-family: "DM Sans";
}

/* MAIN TITLE */
.team-title {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}

/* SUBTITLE */
.team-subtitle {
    font-size: 14px;
    color: #ccc;
}

/* BETWEEN ROW TITLE */
.team-subheading {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

/* MEMBER CARD */
.team-card {
    
    padding: 10px;
    border-radius: 10px;
}

/* IMAGES */
.team-img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .team-title {
        font-size: 28px;
    }
    .team-subheading {
        font-size: 18px;
    }
}
/* Wrapper */
.team-img-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

/* Base Image */
.team-img {
    width: 100%;
    border-radius: 12px;
    transition: 0.4s ease;
}

/* BLUE TINT + ZOOM EFFECT */
.team-img-wrapper:hover .team-img {
    filter: blur(3px);   /* only blur effect */
    transform: scale(1.06);  /* smooth zoom */
    transition: 0.4s ease;
}



/* HIDDEN INFO */
.team-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: #ffcf33;
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.4s ease;
    pointer-events: none;
}

/* SHOW INFO ON HOVER */
.team-img-wrapper:hover .team-info {
    opacity: 1;
    transform: translateY(0);
}

/* INFO TEXT */
.team-info h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.team-info p {
    margin: 5px 0 0;
    font-size: 14px;
    opacity: 0.8;
}


/* Regulatory framework */

/* SECTION BASE */
.regulatory-section {
    font-family: "DM Sans";
}

/* TITLE */
.reg-title {
    font-size: 36px;
    font-weight: 600;
    color: #000000;
    font-size: 48px;
}

/* SUBTITLE */
.reg-subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    max-width: 900px;
    margin: 0 auto;
    
}

/* CARDS */
.reg-card {
    border: 2px solid #ffcf33;
    border-radius: 14px;
    padding: 25px;
    height: 100%;
    background: #fff;
    transition: all 0.35s ease;
    cursor: pointer;
}

/* CARD HOVER EFFECT */
.reg-card:hover {
    background: #ffcf33;        /* yellow fill */
    transform: translateY(-4px);
    box-shadow: 0px 6px 18px rgba(0,0,0,0.12);
}

/* CARD TITLE */
.reg-card-title {   
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

/* CARD TEXT */
.reg-card-text {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    margin-top: 8px;
    line-height: 1.6;
}

/* MOBILE RESPONSIVE */
@media (max-width: 768px) {
    .reg-title {
        font-size: 28px;
    }
}
/* Excelance in compliance section */

.quote-section {
    background-image: url("https://moontriam.com/images/j1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	height:28vh;
    padding: 80px 0;
    color: #fff;
    font-family: "DM Sans", sans-serif;
}

.quote-text {
    font-size: 18px;
    font-weight: 400;
    max-width: 900px;
    margin: auto;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
    .quote-text {
        font-size: 14px;
        padding: 0 15px;
    }
}


/* Our Client */

      .sliderr-container {
                width: 100%;
                overflow: hidden;
                background: white;
                padding: 20px 0;
                display: flex;
                flex-direction: column;
                gap: 20px;
            }
            .sliderr-box {
                display: flex;
                overflow: hidden;
                width: 100%;
                position: relative;
                
            }
            .first-box{

                position: relative;
                left: 60px;
                /* margin-right: -50px; */
            }

            .ourclients h2{

                text-align: center;
                font-size: 36px;
    font-weight: 600;
    color: #fff;
                font-family: 'poppins',serif;
                padding-bottom: 12px;
            }

            .ourclients a{
                
                text-align: center;
                font-size: 15px;
                font-weight: 400;
                font-family: 'poppins',serif;
                padding-top: 40px;
                color: #C00000;
                display: flex;
                justify-content: center;
                position: relative;
            }

            .ourclients a::after{
                content: "";
    position: absolute;
    bottom: -5px; /* Adjust spacing below text */
    width: 10%; /* Increase width beyond text */
    height: 1.5px; /* Thickness of underline */
    background-color: #C00000; /* Match text color */
 
            }

            .ourclients a img{

                margin-left: 7px;
            }       
            .sliderr {
                display: flex;
                white-space: nowrap;
                animation: scroll 20s linear infinite;
            }
            .sliderr-box .boxx {
                width: 200px;
                height: 100px;
                display: flex;
                justify-content: center;
                align-items: center;
               
                border-radius: 10px;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
                margin: 20px 20px;
            }
            .boxx img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                padding: 10px;
            }
            @keyframes scroll {
                from {
                    transform: translateX(0);
                }
                to {
                    transform: translateX(-50%);
                }
            }


            @media (max-width: 1200px) {
    .sliderr-box .boxx {
        width: 180px;
        height: 90px;
    }
    .first-box {
        left: 40px;
    }
}

@media (max-width: 992px) {
    .sliderr-box .boxx {
        width: 150px;
        height: 80px;
        margin: 15px 15px;
    }
    .ourclients h2 {
        font-size: 28px;
    }
    .ourclients a {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .slider-containerr {
        flex-direction: column;
        align-items: center;
    }
    .sliderr-box {
        width: 90%;
    }
    .sliderr {
        animation-duration: 25s;
    }
    .first-box {
        left: 0;
    }
}

@media (max-width: 576px) {
    .ourclients h2 {
        font-size: 24px;
    }
    .sliderr-box .boxx {
        width: 120px;
        height: 70px;
        margin: 10px 10px;
    }
    .ourclients a {
        padding-top: 30px;
    }
}

@media (max-width: 400px) {
    .ourclients h2 {
        font-size: 20px;
    }
    .sliderr-box .boxx {
        width: 100px;
        height: 60px;
    }
    .ourclients a {
        font-size: 10px;
    }
}


/* Responsive adjustments */
@media (max-width: 1200px) {
    .ourclients a::after {
        width: 15%; /* Increase width for large screens */
    }
}

@media (max-width: 992px) {
    .ourclients a {
        font-size: 14px;
    }
    .ourclients a::after {
        width: 20%; /* Slightly wider underline */
    }
}

@media (max-width: 768px) {
    .ourclients a {
        font-size: 13px;
    }
    .ourclients a::after {
        width: 25%; /* Wider underline */
    }
}

@media (max-width: 576px) {
    .ourclients a {
        font-size: 12px;
    }
    .ourclients a::after {
        width: 30%; /* Even wider underline */
    }
}

@media (max-width: 400px) {
    .ourclients a {
        font-size: 11px;
    }
    .ourclients a::after {
        width: 35%; /* Maximum width for small screens */
    }
}

.ourclients a img {
    margin-left: 7px;
    width: 18px; /* Adjust icon size for better alignment */
}

/* Responsive Image Adjustments */
@media (max-width: 768px) {
    .ourclients a img {
        width: 15px;
        margin-left: 5px;
    }
}

@media (max-width: 480px) {
    .ourclients a img {
        width: 13px;
        margin-left: 4px;
    }
}