* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

nav {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;


}

/* ✅ For iPad Pro and other large tablets (1024px–1366px) */
@media (max-width: 1366px) and (min-width: 1024px) {
    .navbar .container-fluid {
        flex-wrap: wrap;
    }

    .navbar-nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .navbar-brand img {
        height: 60px;
        width: 60px;
    }

    .navbar .form-control {
        width: 150px;
        font-size: 14px;
    }

    .navbar .btn {
        font-size: 14px;
        padding: 5px 10px;
    }
}

/* ✅ For smaller tablets (768px–1023px) */
@media (max-width: 1023px) {
    .navbar-nav {
        flex-direction: column;
        text-align: center;
    }

    .navbar .form-control {
        width: 100%;
        margin-top: 10px;
    }

    .navbar .btn {
        width: 100%;
    }
}


/* home css start */
.hero_section .details_title .hero_section_heading h1 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 65px;

}

.hero_section .hero_section_para p {
    font-family: 'Lato', sans-serif;
    font-size: 25px;
    color: dimgray;
}

/* .hero_section .button_link{
    display:flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
} */
.hero_section .accredition_button {
    background-color: #03173b;
    color: #FFFFFF;
    font-family: Open Sans;
    padding: 0 12px;
    background: #08152CFF;
    border-radius: 4px;
    box-shadow: 0px 0px 2px #171a1f14;
    color: #FFFFFFFF;
    font-size: 16px;
    width: 247px;
    height: 48px;
    /* display:flex;
    justify-content: center;
    align-items: center; */

}

.hero_section .accredition_button:hover {
    color: #FFFFFFFF;
    background: #102B5AFF;
}

.hero_section .verify_button {

    width: 200px;
    height: 50px;
    padding: 0 12px;
    /* display: flex; 
 
  justify-content: center; 
   align-items: center;  */
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #C39900FF;
    background: #FFFFFFFF;
    opacity: 1;
    border-radius: 4px;
    border-width: 1px;
    border-color: #C39900FF;
    border-style: solid;
    box-shadow: 0px 0px 2px #171a1f14;
}

.hero_section .verify_button:hover {
    color: #C39900FF;
    background: #FFFFFFFF;
}

.core_pillars .core_pillar_head p {
    font-family: 'Merriweather', serif;
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
    color: #08152CFF;

}

.core_pillars .pillar_text p {
    font-family: 'Merriweather', serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #171A1FFF;
    margin-bottom: 25px;
}

.core_pillars .pillar_para p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #565D6DFF;
    line-height: 23px;
    margin-bottom: 25px;
}

.core_pillars .section_pillar {
    line-height: 55px;
}

.trustees p {
    font-family: 'Merriweather', serif;
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
    color: #171A1FFF;
}

.trustees .box {
    width: 100%;
    /* Flexible width */
    max-width: 100%;
    /* Limit size */
    aspect-ratio: 232 / 260;
    height: auto;
    background: #FFFFFFFF;
    border-radius: 4px;
    box-shadow: 0px 0px 2px #171a1f14;
    margin-bottom: 10px;
}

.trustees .box .trust_text {

    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #171A1FFF;
    margin-top: 15px;
}

.trustees .box .designation {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #565D6DFF;
}
.trustees .box img {
    width: 100%;
   
    height: 300px;
    object-fit: contain;
   
}

 
.cta-section .button_link .accredition_button{
    background-color: #03173b;
    color: #FFFFFF;
    font-family: Open Sans;
    padding: 0 12px;
    background: #08152CFF;
    border-radius: 4px;
    box-shadow: 0px 0px 2px #171a1f14;
    color: #FFFFFFFF;
    font-size: 16px;
    width: 247px;
    height: 48px;
}

  .cta-section .button_link .accredition_button :hover{
       color: #FFFFFFFF;
    background: #102B5AFF;
  }
  .cta-section h2{
    font-family: 'Merriweather', serif;
    font-size: 30px;
  }
  
  .cta-section .lead{
    line-height: 40px;
  }
  .cta-section p{
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    line-height: 20px;
    font-weight: 400;
    color: #565D6DFF;
    line-height: 30px;
  }

 .about .mission{
     font-family: 'Merriweather', serif;
    font-size: 30px;
    font-weight: 600;
 } 
.about  .card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 12px; 
  cursor: pointer;
   font-family: 'Merriweather', serif;
    font-size: 25px;
}

.about .card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.about .card-body {
  padding: 2rem 1.5rem;
}

.about .card-title {
  font-size: 1.1rem;
  line-height: 1.5;
  color: #333;
}

.about .card-title::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  
  margin: 12px auto 0;
  border-radius: 2px;
}


  .cta-section .button_link .verify_button{
     color: #C39900FF;
    background: #FFFFFFFF;
    padding: 9px 12px;
    
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #C39900FF;
    background: #FFFFFFFF;
    opacity: 1;
    border-radius: 4px;
    border-width: 1px;
    border-color: #C39900FF;
    border-style: solid;
    box-shadow: 0px 0px 2px #171a1f14;
  }
 .cta-section .button_link .verify_button:hover{
     color: #C39900FF;
    background: #FFFFFFFF;
 }
 
 
 .accreditation_home .head h2{
   font-family: 'Merriweather', serif; 
  font-size: 36px; 
  line-height: 40px; 
  font-weight: 700; 
  color: #171A1FFF;
 }
.accreditation_home .card{
    border-bottom: 3px solid slateblue;
    transition: all 0.4s linear;
    cursor: pointer;
}

.accreditation_home .card:hover{
   transform: translateY(-10px);
   transition: all 0.4s linear;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
}
 .accreditation_home .card .card-title{
 font-family: 'Merriweather', serif; 
  font-size: 20px; 
  line-height: 28px; 
  font-weight: 600; 
  color: #171A1FFF;
 }
.accreditation_home .card .card-text{
  font-family: 'Open Sans', sans-serif;
  font-size: 16px; 
  line-height: 24px; 
  font-weight: 400; 
  color: #171A1FFF;
}


.elevate {
    background-color: #08152CFF;
    border-radius: 0px 0px 0px 0px;
    width: 100%;
    max-width: 1440px;
    height: auto;
    min-height: 200px;

}

.elevate .text_explain {
    font-family: 'Merriweather', serif;
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    color: #FFFFFFFF;
    height: 40vh;
}

.main_footer {
    width: 100%;
    max-width: 1440px;
    height: auto;
    padding: 20px 30px;
    background: linear-gradient(90deg, #08152CFF 0%, #C39900FF 100%);
    color: #FFFFFFFF;
}

.main_footer .footer_details {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #FFFFFFFF;
    line-height: 30px;
}

.main_footer .quick_links a {
    text-decoration: none;
}

.main_footer .quick_links {
    line-height: 29px;
}

.main_footer .quick_links p {
    font-family: 'Merriweather', serif;
}

.main_footer .quick_links li {
    list-style-type: none;
    font-size: 14px;

    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFFCC;
}

/* responsivness */
/* Default styles (Desktop) - Already provided by you */


/* ✅ Tablet view (for widths up to 1024px) */
@media (max-width: 1024px) {
    nav {
        font-size: 13px;
    }

    .hero_section .details_title .hero_section_heading h1 {
        font-size: 48px;
        text-align: center;
    }

    .hero_section .hero_section_para p {
        font-size: 20px;
        text-align: center;
    }

    .hero_section .accredition_button,
    .hero_section .verify_button {
        width: 220px;
        height: 45px;
        font-size: 15px;
        margin: 10px auto;
        display: block;
    }

    .core_pillars .core_pillar_head p {
        font-size: 28px;
        text-align: center;
    }

    .core_pillars .pillar_text p {
        font-size: 20px;
        text-align: center;
    }

    .core_pillars .pillar_para p {
        font-size: 14px;
        text-align: center;
    }

    .trustees p {
        font-size: 28px;
        text-align: center;
    }

    .trustees .col-md-3 {
        width: 50%; /* 2 columns per row */
        margin-bottom: 20px; /* Add spacing */
    }

    .elevate .text_explain {
        font-size: 36px;
        line-height: 40px;
        text-align: center;
    }

    .main_footer {
        padding: 15px 20px;
        text-align: center;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .trustees .col-md-3 {
        width: 50%; /* 2 columns per row */
        margin-bottom: 20px; /* Add spacing */
    }
}

/* ✅ Mobile Fix */
@media (max-width: 767px) {
    .trustees .col-md-3 {
        width: 100%; /* 1 column per row */
        margin-bottom: 20px;
    }
}


/*  Mobile view (for widths up to 768px) */
@media (max-width: 768px) {
    nav {
        font-size: 12px;
        text-align: center;
    }

    body {
        overflow-x: hidden;
    }

    .hero_section .details_title .hero_section_heading h1 {
        font-size: 32px;
        line-height: 38px;
        text-align: center;
    }

    .hero_section .hero_section_para p {
        font-size: 18px;
        text-align: center;
    }

    .hero_section .accredition_button,
    .hero_section .verify_button {
        width: 90%;
        height: 45px;
        font-size: 14px;
    }

    .core_pillars .core_pillar_head p {
        font-size: 24px;
    }

    .core_pillars .pillar_text p {
        font-size: 18px;
    }

    .core_pillars .pillar_para p {
        font-size: 13px;
    }

    .trustees .box {
        width: 100%;
        margin-bottom: 20px;
    }

    .elevate .text_explain {
        font-size: 28px;
        line-height: 34px;
        text-align: center;
    }

    .main_footer .footer_details {
        font-size: 14px;
    }

    .main_footer .quick_links li {
        font-size: 13px;
    }
}

/* home css end */

/* about us css start */
.about {
    width: 100%;
    max-width: 1440px;
    height: 100%;

    background: #F2F6FDFF;
}

.about .about_details h1 {
    font-family: 'Merriweather', serif;
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    color: #19191FFF;
}

.about .about_details p {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
    color: #19191FFF;
    padding: 35px;

}

.values {
    margin-top: 100px;
    margin-bottom: 100px;
    padding: 80px
}

.values h5 {
    font-family: 'Merriweather', serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

.values p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #565D6DFF;
}
.values .card{
    border-top: 3px solid slateblue;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}
.values .card .list_val{
font-family: 'Open Sans', sans-serif;
line-height: 33px;
color:#565D6DFF;
}
.values .card .card-text{
    line-height: 28px;
}
.values .card .card-text:nth-child(2){
    line-height: 35px;
}
.founders {
    background: #FFF9E6FF;
    padding: 40px;
}

.founders .accredition_button {
    background-color: #03173b;
    color: #FFFFFF;
    font-family: Open Sans;
    padding: 0 12px;
    background: #08152CFF;
    border-radius: 4px;
    box-shadow: 0px 0px 2px #171a1f14;
    color: #FFFFFFFF;
    font-size: 16px;
    width: 354.5625px;
    height: 40px;
}

.founders .founder_message h4 {
    font-family: 'Merriweather', serif;
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
    color: #19191FFF;
}

.founders .founder_message p {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    line-height: 33px;
    font-weight: 400;
    line-height: 45px;
    color: #19191FFF;
}

.founders .founder_message span {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    line-height: 33px;
    font-weight: 500;
    color: #19191FFF;
}

.what_we_do h2{
     font-family: 'Merriweather', serif;
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
    color: #19191FFF;
}

.what_we_do p{
      font-family: 'Open Sans', sans-serif;
    font-size: 16px;
   
    font-weight: 400;
    line-height: 30px;
   color: #565D6DFF;
}

.what_we_do .card-body {
    border-bottom: 3px solid steelblue;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.why_choose_us .why_choose_text h2{
     font-family: 'Merriweather', serif;
    font-size: 26px;
    line-height: 40px;
    font-weight: 600;
    color: #08152CFF;
}

.why_choose_us .why_choose_text p{
      font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    
    color: #565D6DFF;
}
.why_choose_us .accordion-item h2{
    font-family: 'Merriweather', serif;
    font-size: 16px;
    
    font-weight: 600;
    color: #08152CFF;
}

.why_choose_us .accordion-item .accordion-body{
     font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    
    font-weight: 400;
    
    color: #565D6DFF;
}

.our_commitment .commit_details h2{
    font-family: 'Merriweather', serif;
    font-size: 28px;
    
    font-weight: 600;
    color: #08152CFF;
}

.our_commitment .commit_details p{
       font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    padding:0 40px;
    font-weight: 400;
    
    color: #565D6DFF;
}
.our_board h3 {
    font-family: 'Merriweather', serif;
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
    color: #08152CFF;
}

.our_board p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    
    color: #565D6DFF;
}

.our_board {
    margin-top: 50px;
    margin-bottom: 50px;
}

.our_board .head {
    margin-top: 50px;
    margin-bottom: 50px;
}

.our_board .card {
    height: 300px !important;
}

.our_board .card-title {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #171A1FFF;
    margin-top: 15px;
}

.our_board .card-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #565D6DFF;
    margin-top: 15px;
}

.our_journey {
    padding: 80px;
}

.our_journey .our_journey_head {
    margin-bottom: 85px;
}

.our_journey .our_journey_head h3 {
    font-family: 'Merriweather', serif;
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
    color: #171A1FFF;
}

.our_journey .our_journey_head p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #171A1FFF;
}

.our_journey .section_details h4 {
    font-family: 'Merriweather', serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #171A1FFF
}

.our_journey .section_details p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #171A1FFF;
}

.our_journey span {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #C39900FF;
}


.our_journey .button_jouney .innovate_button {
    background-color: #03173b;
    color: #FFFFFF;
    font-family: Open Sans;
    padding: 0 12px;
    background: #08152CFF;
    border-radius: 4px;
    box-shadow: 0px 0px 2px #171a1f14;
    color: #FFFFFFFF;
    font-size: 16px;
    width: 354.5625px;
    height: 40px;
}

.our_journey .button_jouney {
    display: flex;
    justify-content: center;
    margin-top: 55px;
}

.our_journey .button_jouney .innovate_button:hover {

    color: #FFFFFFFF;
    background: #08152CFF;
}

/* ✅ Default Desktop styles (yours) */


/* ✅ Tablet view (max-width: 1024px) */
@media (max-width: 1024px) {
    .about .about_details h1 {
        font-size: 36px;
        line-height: 40px;
        text-align: center;
    }

    .about .about_details p {
        font-size: 18px;
        padding: 20px;
        text-align: center;
    }

    .values {
        margin: 60px 0;
        padding: 40px;
        text-align: center;
    }

    .values h5 {
        font-size: 20px;
    }

    .values p {
        font-size: 14px;
    }

    .founders {
        padding: 30px;
        text-align: center;
    }

    .founders .accredition_button {
        width: 280px;
        height: 45px;
        font-size: 15px;
        margin: 10px auto;
        display: block;
    }

    .founders .founder_message h4 {
        font-size: 28px;
    }

    .founders .founder_message p {
        font-size: 18px;
        line-height: 28px;
    }

    .founders .founder_message span {
        font-size: 18px;
    }

    .our_board {
        margin: 30px 0;
        text-align: center;
    }

    .our_board h3 {
        font-size: 28px;
    }

    .our_board p {
        font-size: 16px;
    }

    .our_board .card {
        height: auto !important;
        margin-bottom: 20px;
    }

    .our_journey {
        padding: 40px;
    }

    .our_journey .our_journey_head h3 {
        font-size: 28px;
    }

    .our_journey .our_journey_head p {
        font-size: 16px;
    }

    .our_journey .section_details h4 {
        font-size: 20px;
    }

    .our_journey .section_details p {
        font-size: 14px;
    }

    .our_journey span {
        font-size: 18px;
    }

    .our_journey .button_jouney {
        flex-direction: column;
    }

    .our_journey .button_jouney .innovate_button {
        width: 280px;
        margin: 0 auto;
    }
}


/* ✅ Mobile view (max-width: 768px) */
@media (max-width: 768px) {
    .about {
        padding: 20px;
    }

    .about .about_details h1 {
        font-size: 28px;
        line-height: 34px;
    }

    .about .about_details p {
        font-size: 16px;
        padding: 10px;
    }

    .values {
        margin: 40px 0;
        padding: 20px;
    }

    .values h5 {
        font-size: 18px;
    }

    .values p {
        font-size: 14px;
        line-height: 22px;
    }

    .founders {
        padding: 20px;
    }

    .founders .accredition_button {
        width: 90%;
        height: 40px;
        font-size: 14px;
    }

    .founders .founder_message h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .founders .founder_message p,
    .founders .founder_message span {
        font-size: 16px;
        line-height: 24px;
    }

    .our_board h3 {
        font-size: 24px;
    }

    .our_board p {
        font-size: 14px;
    }

    .our_board .card-title {
        font-size: 18px;
    }

    .our_board .card-text {
        font-size: 14px;
    }

    .our_board .card {
        width: 100%;
        height: auto !important;
    }

    .our_journey {
        padding: 20px;
    }

    .our_journey .our_journey_head {
        margin-bottom: 40px;
    }

    .our_journey .our_journey_head h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .our_journey .our_journey_head p {
        font-size: 14px;
    }

    .our_journey .section_details h4 {
        font-size: 18px;
    }

    .our_journey .section_details p {
        font-size: 14px;
    }

    .our_journey span {
        font-size: 16px;
    }

    .our_journey .button_jouney .innovate_button {
        width: 100%;
        font-size: 14px;
    }
}

/* 
about us end */

/* accreditation start */
.acc_hero_section {
    width: 100%;
    max-width: 1440px;
    min-height: 575px;
    background: #FAFAFBFF;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
}

.acc_hero_section .head_details h3 {
    font-family: 'Merriweather', serif;
    font-size: 48px;
    line-height: 60px;
    font-weight: 700;
    color: #08152CFF;
}

.acc_hero_section .head_details p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 39px;
    font-weight: 400;
    color: #171A1FFF;
}

.acc_hero_section .button_link .accredition_button{
        font-family: 'Open Sans', sans-serif;
    padding: 0 12px;
    background: #08152CFF;
    border-radius: 4px;
    box-shadow: 0px 0px 2px #171a1f14;
    color: #FFFFFFFF;
    font-size: 16px;
    width: 247px;
    height: 48px;
}
.acc_hero_section .button_link .verify_button{
    width: 280px;
    height: 50px;
    padding: 0px 20px;
   
    
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #C39900FF;
    background: #FFFFFFFF;
    opacity: 1;
    border-radius: 4px;
    border-width: 1px;
    border-color: #C39900FF;
    border-style: solid;
    
    box-shadow: 0px 0px 2px #171a1f14;
}
.code_of_ethics {
  background: #f8f9fa;
  padding: 50px 20px;
}

.code_of_ethics .head h2 {
 font-family: 'Merriweather', serif;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
}

.code_of_ethics .head p {
 font-family: 'Open Sans', sans-serif;
  color: #666;
  font-size: 1rem;
  margin-bottom: 30px;
}

.code_of_ethics .card {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  transition: 0.3s;
  cursor:pointer;
}
.code_of_ethics .card h5{
    font-family: 'Merriweather', serif;
  font-size: 24px; 
  line-height: 32px; 
  font-weight: 600; 
  color: #171A1FFF;
}
.code_of_ethics .card .card-body p{
     font-family: 'Open Sans', sans-serif;
  font-size: 16px; 
  line-height: 24px; 
  font-weight: 400; 
  color: #171A1FFF;
}
.code_of_ethics .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.code_of_ethics .card-header {
  background: #f1f1f1;
  font-weight: 600;
  font-size: 1.1rem;
}

.code_of_ethics .card-body {
  padding: 20px;
}

.code_of_ethics .card-text {
  color: #555;
  font-size: 0.95rem;
  line-height: 1.5;
}

.accreditation_tires .head h2{
    font-family: 'Merriweather', serif;
  font-size: 40px; 
  line-height: 40px; 
  font-weight: 600; 
  color: #171A1FFF;
}
.accreditation_tires .list-group .list-group-item{
    line-height: 40px;
}

.accreditation_tires .card-header h2{
 font-family: 'Merriweather', serif;
  font-size: 30px; 
  line-height: 40px; 
  font-weight: 500; 
  color: #171A1FFF;
} 
.accreditation_tires .list-group b{
   font-family: 'Merriweather', serif;
  font-size: 20px; 
  line-height: 28px; 
  font-weight: 600; 
  color: #171A1FFF;
}

.accreditation_tires .list-group span{
   font-family: 'Open Sans', sans-serif;
  font-size: 16px; 
  line-height: 24px; 
  font-weight: 400; 
  color: #565D6DFF;
}

.individual {
    padding: 80px;
}

.individual .head h3 {
    font-family: 'Merriweather', serif;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    color: #08152CFF;
}

.individual .head p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 38px;
    font-weight: 400;
    color: #171A1FFF;

    margin: 40px;
}

.individual .content h4 {
    font-family: 'Merriweather', serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #171A1FFF;

}

.individual ul {
    line-height: 32px;
}

.individual ul li {
    list-style-type: none;

}

.individual span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #08152CFF;
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}

.individual strong {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 17px;
    font-weight: 600;
    color: #FFFFFFFF;
}

.individual .process_heading {
    font-family: 'Merriweather', serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #171A1FFF;
}

.individual .section_list {
    margin-bottom: 35px;
}

.individual .section_list h4 {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #171A1FFF;

}

.individual .section_list p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 34px;
    font-weight: 400;
    color: #565D6DFF;
}


.individual .apply_acc {
    background-color: #03173b;
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
    font-family: Open Sans;
    padding: 0 25px;
    background: #08152CFF;
    border-radius: 4px;
    box-shadow: 0px 0px 2px #171a1f14;
    color: #FFFFFFFF;
    font-size: 14px;
    width: 334.28125px;
    height: 44px;
}



/* ✅ Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
    .acc_hero_section {
        padding: 30px;
        min-height: 450px;
    }

    .acc_hero_section .head_details h3 {
        font-size: 36px;
        line-height: 46px;
        text-align: center;
    }

    .acc_hero_section .head_details p {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
    }

    .individual {
        padding: 50px;
    }

    .individual .head h3 {
        font-size: 28px;
        text-align: center;
    }

    .individual .head p {
        font-size: 16px;
        margin: 20px;
        text-align: center;
    }

    .individual .content h4 {
        font-size: 20px;
    }

    .individual .process_heading {
        font-size: 20px;
    }

    .individual .section_list h4 {
        font-size: 18px;
    }

    .individual .section_list p {
        font-size: 14px;
    }

    .individual span {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }

    .individual .apply_acc {
        width: 260px;
        height: 42px;
        font-size: 13px;
        display: block;
        margin: 30px auto;
    }
}

/* ✅ Mobile (max-width: 768px) */
@media (max-width: 768px) {
    .acc_hero_section {
        padding: 20px;
        min-height: auto;
        text-align: center;
    }

    .acc_hero_section .head_details h3 {
        font-size: 28px;
        line-height: 34px;
    }

    .acc_hero_section .head_details p {
        font-size: 14px;
        line-height: 22px;
    }

    .individual {
        padding: 20px;
    }

    .individual .head h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .individual .head p {
        font-size: 14px;
        margin: 15px 0;
    }

    .individual .content h4 {
        font-size: 18px;
    }

    .individual ul {
        line-height: 28px;
    }

    .individual span {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    .individual strong {
        font-size: 14px;
    }

    .individual .process_heading {
        font-size: 18px;
    }

    .individual .section_list {
        margin-bottom: 20px;
    }

    .individual .section_list h4 {
        font-size: 16px;
    }

    .individual .section_list p {
        font-size: 13px;
    }

    .individual .apply_acc {
        width: 100%;
        height: 40px;
        font-size: 13px;
        margin-top: 20px;
    }
}

/* accreditation end */

/* 
verify page start */

.verify_certificate .details_verify h1 {
    font-family: 'Merriweather', serif;
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    color: #08152CFF;
    padding: 80px;
}

.verify_certificate .details_verify p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #171A1FFF;
    padding: 0 80px;
}

.verify_certificate .details_verify p:nth-child(3) {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #565D6DFF;
    padding: 0 90px;
}

.verify_certificate {
    background: #fff;
    color: #0a0a0a;
    font-family: 'Inter', sans-serif;
}

.verify_certificate h1 {
    font-size: 2.5rem;
    font-weight: 700;
}

.verify_certificate p {
    font-size: 1.1rem;
    color: #555;
    margin-bottom: 10px;
}

.verification-box {
    background: #ffffff;
}

.verification-box h3 {
    font-family: 'Merriweather', serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #171A1FFF;

    font-weight: 600;
}

.verification-box p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #565D6DFF;
}

.verification-box input {
    height: 50px;
    font-size: 1rem;
    padding-left: 15px;
}

.verification-box button {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #FFFFFFFF;
    /* white */
    background: #08152CFF;
}

.valid {
    background: #DBEAFEFF;
    border-radius: 3px;
    border-width: 1px;
    border-color: #BFDBFEFF;
    border-style: solid;
    text-align: center;
    padding: 5px 0;


}

.valid p {
    font-family: 'Merriweather', serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #171A1FFF;
}




.verification-box button:hover {
    color: #FFFFFFFF;
    background: #102B5AFF;
}

@media (max-width: 767px) {
    .verify_certificate .details_verify h1 {
        font-size: 28px;
        line-height: 34px;
        padding: 30px 20px;
        text-align: center;
    }

    .verify_certificate .details_verify p,
    .verify_certificate .details_verify p:nth-child(3) {
        font-size: 14px;
        line-height: 24px;
        padding: 0 20px;
        text-align: center;
    }

    .verification-box {
        width: 100%;
        padding: 15px;
    }

    .verification-box h3 {
        font-size: 20px;
        text-align: center;
    }

    .verification-box button {
        font-size: 16px;
        padding: 10px 20px;
    }
}

/* 
verify page end */


/* join page start */
.join_global {
    margin: 70px;
    padding: 50px;
}

.join_global h2 {
    font-family: 'Merriweather', serif;
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    color: #08152CFF;
    margin-bottom: 35px;
}

.join_global p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
    color: #171A1FFF;

}

.join_global .card h5 {
    font-family: 'Merriweather', serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #08152CFF;
}

/* .join_global .card{
    height:450px;
} */


.join_global .card-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #171A1FFF;
}

.join_global .listed p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #565D6DFF;
    margin-bottom: 28px;
}

.join_global .class_learn {
    background-color: #03173b;
    color: #FFFFFF;
    font-family: Open Sans;
    padding: 0 12px;
    background: #08152CFF;
    border-radius: 4px;
    box-shadow: 0px 0px 2px #171a1f14;
    color: #FFFFFFFF;
    font-size: 16px;
    width: 247px;
    height: 48px;
}

.join_global .class_learn:hover {
    color: #FFFFFFFF;
    background: #102B5AFF;
}


.impact .impact_section h3 {
    font-family: 'Merriweather', serif;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    color: #19191FFF;
}

.impact .impact_section p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
    color: #19191FFF;
    padding: 10px;
    margin: 15px;
}

.impact .join_now {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    padding: 12px 10px;
    line-height: 30px;
    font-weight: 500;
    color: #FFFFFFFF;
    background: #C39900FF;
    opacity: 1;
    border: none;
    border-radius: 9999px;
    box-shadow: 0px 0px 2px #171a1f14;
}

/* .impact .impact_section{

  border-radius: 4px; 
  box-shadow:  0px 0px 2px #171a1f14;
} */


@media (max-width: 1024px) {
    .join_global {
        margin: 40px;
        padding: 30px;
    }

    .join_global h2 {
        font-size: 36px;
        line-height: 42px;
        text-align: center;
    }

    .join_global p {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
    }

    .join_global .card h5 {
        font-size: 22px;
    }

    .join_global .class_learn {
        width: 200px;
        height: 44px;
        font-size: 15px;
        line-height: 44px;
    }

    /* .impact .impact_section {
        padding: 30px;
        margin: 30px;
    } */

    .impact .impact_section h3 {
        font-size: 28px;
        line-height: 36px;
        text-align: center;
    }

    .impact .impact_section p {
        font-size: 16px;
        text-align: center;
    }

    .impact .impact_section .join_now {
        font-size: 18px;
        padding: 6px 35px;
    }
}

/* ✅ Mobile (up to 767px) */
@media (max-width: 767px) {
    .join_global {
        margin: 20px;
        padding: 20px;
    }

    .join_global h2 {
        font-size: 28px;
        line-height: 34px;
        text-align: center;
    }

    .join_global p {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }

    .join_global .card h5 {
        font-size: 20px;
        text-align: center;
    }

    .join_global .card-text {
        font-size: 14px;
        line-height: 22px;
    }

    .join_global .listed p {
        font-size: 12px;
    }

    .join_global .class_learn {
        width: 100%;
        height: 44px;
        font-size: 14px;
        line-height: 44px;
    }

    .impact .impact_section {
        padding: 20px;
        margin: 15px;
    }

    .impact .impact_section h3 {
        font-size: 24px;
        line-height: 32px;
        text-align: center;
    }

    .impact .impact_section p {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        margin: 10px 0;
    }

    .impact .join_now {
        font-size: 16px;
        padding: 8px 16px;
        width: 100%;
    }
}

/* join page end */

/* standard page start */
.hero_section_standard {
    width: 100%;
    min-height: 80vh;
    /* Ensures it takes 80% of the viewport height */
    display: flex;
    justify-content: center;
    /* Horizontally center the content */
    align-items: center;
    /* Vertically center the content */
    text-align: center;
    background: linear-gradient(90deg, #F2F6FDFF 0%, #FFF9E6FF 100%);
    padding: 60px 20px;
    /* Desktop padding */
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .hero_section_standard {
        padding: 50px 15px;
        min-height: 70vh;
    }
}

.hero_section_standard .standard_main h2 {
    font-family: 'Merriweather', serif;
    font-size: 60px;
    line-height: 75px;
    font-weight: 800;
    color: #19191FFF;
}

.hero_section_standard .standard_main p {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    line-height: 33px;
    font-weight: 400;
    color: #19191FFF;
}

.accredition_standard {
    margin-top: 50px;
    margin-bottom: 80px;
}

.accredition_standard .head_section h3 {
    font-family: 'Merriweather', serif;
    font-size: 48px;
    line-height: 60px;
    font-weight: 700;
    color: #08152CFF;
}

.accredition_standard .head_section p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
    color: #565D6DFF;
    margin: 45px;
}


.accredition_standard .card .card-title {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #171A1FFF;
}

.accredition_standard .card .card-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #565D6DFF;
}
.code{
    margin-bottom: 50px;
    padding-bottom: 40px;
    padding-top: 25px;
    background: #FAFAFBFF;
}
.code .head_section h3 {
    font-family: 'Merriweather', serif;
    font-size: 48px;
    line-height: 60px;
    font-weight: 700;
    color: #08152CFF;
}

.code .head_section p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
    color: #565D6DFF;
    padding:25px;
    margin:40px;
}

.code .card-title{
  font-family: 'Merriweather', serif;
  font-size: 20px; 
  line-height: 28px; 
  font-weight: 600; 
  color: #171A1FFF;
}
.code .card-text{
    font-family: 'Open Sans', sans-serif;
  font-size: 16px; 
  line-height: 26px; 
  font-weight: 400; 
  color: #565D6DFF
}
.professional_development{
    margin-bottom: 50px;
}
.professional_development .head h3{
 font-family: 'Merriweather', serif;
  font-size: 48px; 
  line-height: 60px; 
  font-weight: 700; 
  color: #08152CFF;
}

.professional_development .head p{
font-family: 'Open Sans', sans-serif;
  font-size: 18px; 
  line-height: 29px; 
  font-weight: 400; 
  color: #565D6DFF;
}

.discipline .head_contain h3{
font-family: 'Merriweather', serif;
  font-size: 48px; 
  line-height: 60px; 
  font-weight: 700; 
  color: #08152CFF;
  margin-bottom: 45px;
}


.discipline .head_contain p{
font-family: 'Open Sans', sans-serif;
  font-size: 18px; 
  line-height: 29px; 
  font-weight: 400; 
  color: #565D6DFF;
  margin-bottom: 55px;
}


@media (max-width: 1200px) {
    .hero_section_standard .standard_main h2 { font-size: 50px; line-height: 65px; }
    .hero_section_standard .standard_main p { font-size: 18px; }

    .accredition_standard .head_section h3,
    .code .head_section h3,
    .professional_development .head h3,
    .discipline .head_contain h3 {
        font-size: 42px; line-height: 55px;
    }

    .accredition_standard .head_section p,
    .code .head_section p,
    .professional_development .head p,
    .discipline .head_contain p {
        font-size: 17px;
    }
}

/* Tablets (iPad, iPad Air, ASUS Tab) */
@media (max-width: 992px) {
    .hero_section_standard { padding: 40px 15px; min-height: 60vh; }
    .hero_section_standard .standard_main h2 { font-size: 42px; line-height: 55px; }
    .hero_section_standard .standard_main p { font-size: 17px; }

    .accredition_standard .head_section h3,
    .code .head_section h3,
    .professional_development .head h3,
    .discipline .head_contain h3 {
        font-size: 38px; line-height: 50px;
    }

    .accredition_standard .head_section p,
    .code .head_section p,
    .professional_development .head p,
    .discipline .head_contain p {
        font-size: 16px;
    }
}

/* Small Tablets & Large Phones */
@media (max-width: 768px) {
    .hero_section_standard { padding: 30px 15px; min-height: auto; }
    .hero_section_standard .standard_main h2 { font-size: 34px; line-height: 44px; }
    .hero_section_standard .standard_main p { font-size: 16px; }

    .accredition_standard .head_section h3,
    .code .head_section h3,
    .professional_development .head h3,
    .discipline .head_contain h3 {
        font-size: 32px; line-height: 44px;
    }
}

/* Mobile Phones */
@media (max-width: 576px) {
    .hero_section_standard { padding: 25px 10px; }
    .hero_section_standard .standard_main h2 { font-size: 28px; line-height: 38px; }
    .hero_section_standard .standard_main p { font-size: 15px; }

    .accredition_standard .head_section h3,
    .code .head_section h3,
    .professional_development .head h3,
    .discipline .head_contain h3 {
        font-size: 26px; line-height: 36px;
    }

    .accredition_standard .head_section p,
    .code .head_section p,
    .professional_development .head p,
    .discipline .head_contain p {
        font-size: 15px;
    }
}
/* standard page end */

/* directory page start */
.member .member_section h2{
font-family: 'Merriweather', serif;
  font-size: 48px; 
  line-height: 48px; 
  font-weight: 700; 
  color: #08152CFF;
}

.member .member_section p{  
font-family: 'Open Sans', sans-serif;
  font-size: 18px; 
  line-height: 29px; 
  font-weight: 400; 
  color: #565D6DFF;
}
.member{
width: 100%; 
  max-width: 1280px; 
  height: auto; 
  min-height: 200px; 
}
/* .input_section {
  display: flex;
  justify-content: center;
  margin: 30px 0;
} */

.search-box {
  position: relative;
  width: 400px; /* Desktop width */
}

.search-box i {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  color: #d4a017; /* Golden color for icon */
  font-size: 18px;
}

.search-box input {
  width: 100%;
  padding: 12px 15px 12px 45px; /* Extra left padding for icon */
  border: 2px solid #d4a017; /* Golden border */
  border-radius: 6px;
  font-size: 16px;
  outline: none;
  transition: 0.3s ease;
}

.search-box input:focus {
  border-color: #b58b11; /* Darker golden on focus */
}

/* ✅ Responsive Design */
@media (max-width: 768px) {
  .search-box {
    width: 90%;
  }
}
.input .apply-btn{
font-family: 'Open Sans', sans-serif; 
  font-size: 16px; 
  line-height: 26px; 
  font-weight: 500; 
  color: #FFFFFFFF; /* white */
  background: #C39900FF; /* secondary-500 */
  opacity: 1; 
  border: none; 
  border-radius: 3px;
  padding:10px 12px;

}
.institution{
    margin-top: 55px;
    margin-bottom: 50px;
}
.institution .head h3{
     font-family: 'Merriweather', serif;
  font-size: 36px; 
  line-height: 40px; 
  font-weight: 600; 
  color: #08152CFF;
  margin-bottom: 50px;
}

.institution .card-title{
    font-family: 'Merriweather', serif;
  font-size: 20px; 
  line-height: 28px; 
  font-weight: 600; 
  color: #08152CFF;
}
.institution .card-text{
font-family: 'Open Sans', sans-serif;
  font-size: 14px; 
  line-height: 23px; 
  font-weight: 400; 
  color: #565D6DFF;
}

.institution .view_profile{
    font-family: 'Open Sans', sans-serif;
  font-size: 14px; 
  line-height: 22px; 
  font-weight: 500; 
  color: #FFFFFFFF;
  background: #08152CFF;
  opacity: 1; 
  border: none; 
  border-radius: 3px; 
  padding:10px 15px;
}
.institution .view_profile:hover{
    color: #FFFFFFFF; 
  background: #102B5AFF; 
}
.proff .head{
    font-family: 'Merriweather', serif;
  font-size: 36px; 
  line-height: 40px; 
  font-weight: 600; 
  color: #08152CFF;
}

.proff .skill{
 font-family: 'Open Sans', sans-serif;
   font-size: 12px; 
    background: #C3990033;
  border-width: 1px; 
  border-color: #C3990066;
    padding-left: 2px; 
  padding-right: 2px;
  margin-bottom: 5px;
  display: flex; 
  align-items: center; 
  justify-content: center; 
  border-radius: 9999px;
}

.proff .view_profile{
     font-family: 'Open Sans', sans-serif;
    font-size: 14px; 
  line-height: 22px; 
  font-weight: 500; 
  color: #FFFFFFFF; /* white */
  background: #08152CFF; /* primary-500 */
  opacity: 1; 
  border: none; 
  border-radius: 3px; 
  box-shadow: 0px 0px 2px #171a1f14;
  padding:10px 12px;
}
.proff .view_profile:hover{
    color: #FFFFFFFF; 
  background: #102B5AFF;
}
/* directory page end */
/* news page start */
.news .news_update h2{
font-family: 'Merriweather', serif;
  font-size: 48px; 
  line-height: 60px; 
  font-weight: 700; 
  color: #08152CFF;
}
.news .news_update p{
font-family: 'Merriweather', serif;
  font-size: 36px; 
  line-height: 40px; 
  font-weight: 700; 
  color: #171A1FFF;
}

.news .hero_details h3{
font-family: 'Merriweather', serif;
  font-size: 36px; 
  line-height: 40px; 
  font-weight: 700; 
  color: #19191FFF;
}

.news .hero_details span{
    font-family: 'Open Sans', sans-serif;
  font-size: 14px; 
  line-height: 20px; 
  font-weight: 500; 
  color: #C39900FF;
  margin-top: 15px;
}
.news .hero_details p{
        font-family: 'Open Sans', sans-serif;
  font-size: 18px; 
  line-height: 29px; 
  font-weight: 400; 
  color: #19191FFF;
   margin-bottom: 15px;
}

.hero_details .class_button{
     font-family: 'Open Sans', sans-serif;
  font-size: 14px; 
  line-height: 22px; 
  font-weight: 500; 
  color: #FFFFFFFF; /* white */
  background: #C39900FF; /* secondary-500 */
  opacity: 1; 
  border: none; 
  border-radius: 9999px; 
  box-shadow: 0px 0px 2px #171a1f14; 
  padding:12px 15px;
}

.press_release {
    background: #FAFAFBFF;
    padding-bottom: 12px;
    padding-top: 15px;
}
.press_release .head{
  font-family: 'Merriweather', serif;
  font-size: 36px; 
  line-height: 40px; 
  font-weight: 700; 
  color: #171A1FFF;
}
.press_release .card .card-title{
  font-family: 'Merriweather', serif;
  font-size: 20px; 
  line-height: 28px; 
  font-weight: 600; 
  color: #171A1FFF
}
.press_release .card-subtitle{

  font-family: 'Open Sans', sans-serif;
  font-size: 14px; 
  line-height: 20px; 
  font-weight: 400; 
  color: #565D6DFF;
}
.press_release .card-title{
  font-family: 'Open Sans', sans-serif;
  font-size: 16px; 
  line-height: 24px; 
  font-weight: 400; 
  color: #171A1FFF;
}
.press_release .card .read_more a{
    text-decoration: none;
     font-family: 'Open Sans', sans-serif;
  font-size: 14px; 
  line-height: 22px; 
  font-weight: 500; 
  color: #08152CFF; /* primary-500 */
  background: #00000000;
}

.media .head h2{
      font-family: 'Merriweather', serif;
  font-size: 36px; 
  line-height: 40px; 
  font-weight: 700; 
  color: #171A1FFF;

  margin-bottom: 15px;
}

.article .head{
 font-family: 'Merriweather', serif;
   font-size: 36px; 
  line-height: 40px; 
  font-weight: 700; 
  color: #171A1FFF;
}

.article .card .card-title{
 font-family: 'Merriweather', serif;
  font-size: 20px; 
  line-height: 28px; 
  font-weight: 600; 
  color: #171A1FFF; 
}
.article .card .card-text{
font-family: 'Open Sans', sans-serif;
  font-size: 16px; 
  line-height: 24px; 
  font-weight: 400; 
  color: #171A1FFF;
}

.article a{
    text-decoration: none;
font-family: 'Open Sans', sans-serif;
  font-size: 14px; 
  line-height: 22px; 
  font-weight: 500; 
  color: #08152CFF; /* primary-500 */
  background: #00000000;
}

/* ✅ Tablet Devices (iPad, Samsung Tab, Asus Zenfone Fold) - 768px to 1024px */
@media (max-width: 1024px) {
    /* News Section */
     .news .container {
        width: 95%;
        max-width: 100%;
    }

    .news .row {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .news .col-md-6 {
        width: 50%;
        padding: 10px;
    }

    .news .image_div img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    .news .hero_details h3 {
        font-size: 28px;
        line-height: 36px;
    }

    .news .hero_details p {
        font-size: 16px;
        line-height: 26px;
    }

    /* Press Release */
    .press_release .head {
        font-size: 28px;
        text-align: center;
    }
    .press_release .card .card-title {
        font-size: 18px;
        line-height: 26px;
    }

    /* Media Section */
    .media .head h2 {
        font-size: 28px;
        text-align: center;
    }

    /* Article Section */
    .article .head {
        font-size: 28px;
        text-align: center;
    }
    .article .card .card-title {
        font-size: 18px;
    }
    .article .card .card-text {
        font-size: 14px;
    }
}

/* ✅ Large Mobile (iPhone 14 Pro Max, Samsung Galaxy S24 Ultra) - 480px to 767px */
@media (max-width: 767px) {
    /* News Section */
    .news .news_update h2 {
        font-size: 28px;
        line-height: 34px;
        text-align: center;
    }
    .news .news_update p {
        font-size: 22px;
        line-height: 28px;
        text-align: center;
    }

    .news .hero_details h3 {
        font-size: 22px;
        line-height: 28px;
        text-align: center;
    }

    .news .hero_details span {
        font-size: 12px;
        display: block;
        text-align: center;
    }

    .news .hero_details p {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }


    

    .hero_details .class_button {
        font-size: 14px;
        padding: 10px;
        width: 100%;
        display: block;
        text-align: center;
    }

    /* Press Release */
    .press_release .head {
        font-size: 24px;
        text-align: center;
    }
    .press_release .card .card-title {
        font-size: 16px;
        text-align: center;
    }
    .press_release .card-subtitle {
        font-size: 12px;
        text-align: center;
    }

    /* Media Section */
    .media .head h2 {
        font-size: 24px;
        text-align: center;
    }

    /* Article Section */
    .article .head {
        font-size: 24px;
        text-align: center;
    }
    .article .card .card-title {
        font-size: 16px;
        text-align: center;
    }
    .article .card .card-text {
        font-size: 14px;
        text-align: center;
    }
    .article a {
        font-size: 12px;
        display: block;
        text-align: center;
    }
}

/* ✅ Small Mobile (iPhone SE, older Android) - up to 479px */
@media (max-width: 479px) {
    /* News Section */
    .news .news_update h2 {
        font-size: 22px;
        line-height: 28px;
        text-align: center;
    }
    .news .news_update p {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }

    .news .hero_details h3 {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }

    .news .hero_details span {
        font-size: 11px;
    }

    .news .hero_details p {
        font-size: 13px;
        line-height: 20px;
        text-align: center;
    }

    .hero_details .class_button {
        font-size: 12px;
        padding: 8px;
        width: 100%;
    }

    /* Press Release */
    .press_release .head {
        font-size: 20px;
    }
    .press_release .card .card-title {
        font-size: 14px;
    }

    /* Media Section */
    .media .head h2 {
        font-size: 20px;
    }

    /* Article Section */
    .article .head {
        font-size: 20px;
    }
    .article .card .card-title {
        font-size: 14px;
    }
    .article .card .card-text {
        font-size: 12px;
    }
    .article a {
        font-size: 11px;
    }
}






/* news page end */


/* 
contact us start */
.contact {
    padding: 80px;
}


.contact .card-title {
    font-family: 'Merriweather', serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #08152CFF;
}

.contact i {
    width: 28px;
    height: 28px;
    fill: #C39900FF;
    font-size: 16px;
}

.contact span {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #565D6DFF;
}

.contact .card-text {


    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #171A1FFF;
}

.contact .follow h3 {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #08152CFF;
}

.contact .follow i {
    font-size: 25px;
}

.contact .form_contact .card-subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #565D6DFF;
}

.contact .button_form {
    background-color: #03173b;
    color: #FFFFFF;
    font-family: Open Sans;
    padding: 0 12px;
    background: #08152CFF;
    border-radius: 4px;
    box-shadow: 0px 0px 2px #171a1f14;
    color: #FFFFFFFF;
    font-size: 16px;
    width: 247px;
    height: 48px;
}

/* Default Desktop Styles (as provided) */

/* ✅ Tablet (≤1024px) */
@media (max-width: 1024px) {
    .contact {
        padding: 50px;
    }

    .contact .card-title {
        font-size: 20px;
        line-height: 28px;
        text-align: center;
    }

    .contact i {
        width: 24px;
        height: 24px;
        font-size: 14px;
    }

    .contact span {
        font-size: 16px;
        line-height: 18px;
    }

    .contact .card-text {
        font-size: 18px;
        line-height: 26px;
    }

    .contact .follow h3 {
        font-size: 18px;
        line-height: 26px;
        text-align: center;
    }

    .contact .follow i {
        font-size: 22px;
    }

    .contact .form_contact .card-subtitle {
        font-size: 13px;
        line-height: 18px;
    }

    .contact .button_form {
        width: 200px;
        height: 45px;
        font-size: 15px;
        display: block;
        margin: 20px auto 0;
    }
}

/* ✅ Mobile (≤768px) */
@media (max-width: 768px) {
    .contact {
        padding: 30px 20px;
    }



    .contact .card-title {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }

    .contact i {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }

    .contact span {
        font-size: 14px;
        line-height: 16px;
    }

    .contact .card-text {
        font-size: 16px;
        line-height: 24px;
    }

    .contact .follow h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .contact .follow i {
        font-size: 20px;
    }

    .contact .form_contact .card-subtitle {
        font-size: 12px;
        line-height: 16px;
    }

    .contact .button_form {
        width: 100%;
        height: 42px;
        font-size: 14px;
        margin: 15px 0 0;
    }
}




/* 
contact us start */


/* privacy start page */

/* ===== Main Section ===== */

.main_heading h2{
    font-family: "Merriweather", serif;
  font-size: 38px;
  line-height: 36px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 10px;
  
  margin-top: 25px;
  text-transform: capitalize;
}
section.main .text h2 {
  font-family: "Merriweather", serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 15px;
}

section.main .text p {
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
  color: #565D6DFF;
  margin-bottom: 10px;
}

/* ===== Information Section ===== */
section.information h2 {
  font-family: "Merriweather", serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 15px;
}

section.information p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #565D6DFF;
  margin-bottom: 12px;
}

/* ===== Consent Section ===== */
section.consent .text h2 {
  font-family: "Merriweather", serif;
  font-size: 26px;
  line-height: 34px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 15px;
}

section.consent .text p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #565D6DFF;
}

/* ===== How We Use Section ===== */
section.how_we_use .text h1 {
  font-family: "Merriweather", serif;
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 20px;
}

section.how_we_use .text p {
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
  color: #565D6DFF;
  margin-bottom: 10px;
}

/* ===== Data Sharing Section ===== */
section.data_sharing .text h2 {
  font-family: "Merriweather", serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 15px;
}

section.data_sharing .text p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #565D6DFF;
  margin-bottom: 12px;
}

/* ===== Data Security Section ===== */
section.data_security h2 {
  font-family: "Merriweather", serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 15px;
}

section.data_security p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #565D6DFF;
}

/* ===== Your Rights Section ===== */
section.your_rights h2 {
  font-family: "Merriweather", serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 15px;
}

section.your_rights p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #565D6DFF;
}


/* ===== Terms of Service Section ===== */
section.terms h2 {
  font-family: "Merriweather", serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 20px;
  text-align: center;
}

/* ===== Purpose Section ===== */
section.purpose h2 {
  font-family: "Merriweather", serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 15px;
}

section.purpose p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #565D6DFF;
  margin-bottom: 12px;
}

/* ===== Use of Information Section ===== */
section.use_of_info h2 {
  font-family: "Merriweather", serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 15px;
}

section.use_of_info p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #565D6DFF;
  margin-bottom: 10px;
}

/* ===== Accreditation Disclaimer Section ===== */
section.accreditation h2 {
  font-family: "Merriweather", serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 15px;
}

section.accreditation p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #565D6DFF;
  margin-bottom: 10px;
}

/* ===== Intellectual Property Section ===== */
section.intellect h2 {
  font-family: "Merriweather", serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 15px;
}

section.intellect p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #565D6DFF;
  margin-bottom: 10px;
}

/* ===== Limitation of Liability Section ===== */
section.limitation h2 {
  font-family: "Merriweather", serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 15px;
}

section.limitation p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #565D6DFF;
  margin-bottom: 10px;
}

/* ===== Amendments Section ===== */
section.amendments h2 {
  font-family: "Merriweather", serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #171A1FFF;
  margin-bottom: 15px;
}

section.amendments p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #565D6DFF;
}