@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@300;400;500;600;700&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Agdasima:wght@400;700&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@300;400;500;600;700&display=swap');





.about-wrapper {
    width: 100%;
    padding: 60px 6%;
/*    background: #000;*/
    color: #000;
}

/* TOP SECTION */
.about-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 80px;
}

.about-left, .about-right {
    width: 50%;
}

.about-img {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

/* TITLES & TEXT */
.title {
    font-size: 58px;
    font-weight: 400;
    color: #040C1F;
    font-family: 'Agdasima', sans-serif;
}

.desc {
    margin-top: 18px;
    font-size: 18px;
    line-height: 1.7;
    color: #525252;
    max-width: 580px;
    font-family: 'Schibsted Grotesk', sans-serif;
}

/* BOTTOM PART – side by side */
.about-bottom {
    display: flex;
    justify-content: space-between;
    gap: 60px;
}

.about-box {
    width: 50%;
}

/* Circle Icons */
.icon-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #0D1B4C;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
}

.icon-circle img {
    width: 32px;
}

/* ------------------------- */
/* RESPONSIVE */
/* ------------------------- */

@media(max-width: 992px) {

    .title {
        font-size: 42px;
    }

    .about-top {
        flex-direction: column;
    }

    .about-left, .about-right {
        width: 100%;
    }

    .about-bottom {
        flex-direction: column;
    }

    .about-box {
        width: 100%;
    }
}

@media(max-width: 600px) {


    .about-top {
   
    
    margin-bottom: 40px;
    }


    .about-bottom {
    
    gap: 40px;
    }

    .title {
        font-size: 32px;
    }

    .desc {
        font-size: 16px;
    }
}


/*advisery section*/

.advisory-section {
  background: #f8edcf;
  padding: 50px 80px;
 font-family: 'Schibsted Grotesk', sans-serif;
}

.advisory-title {
  text-align: center;
  font-size: 48px;
  color: #0a1a33;
  font-weight: 400;
  margin-bottom: 60px;
  font-family: 'Agdasima', sans-serif;
}

.advisory-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.advisor-card {
  background: #f8edcf;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.05);
}

.advisor-img {
  width: 100%;
  height: 260px;
  object-fit: contain;
  background: #f3e7c5;
}

.advisor-info {
  /*background: linear-gradient(90deg, #35507a, #1e2f4f);*/
  background:#1e2f4fb5;
      backdrop-filter: blur(6px);
  color: white;
  padding: 14px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
      margin-top: -50px;

}

.advisor-name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom:5px;
  font-family: 'Schibsted Grotesk', sans-serif;
}

.advisor-role {
  margin: 0;
  font-size: 14px;
  opacity: 0.9;
  font-family: 'Schibsted Grotesk', sans-serif;

}

.linkedin-icon {
  background: #0066c8;
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 16px;
}

/* ---------------- RESPONSIVE ---------------- */

@media (max-width: 992px) {
  .advisory-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .advisory-title {
    font-size: 35px;
  }
}

@media (max-width: 600px) {
  .advisory-grid {
    grid-template-columns: repeat(2, 1fr);
  }

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

  .advisor-img {
    height: 200px;
    object-fit: cover;
  }
}

@media (max-width: 600px) {
  .advisory-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 per row */
    gap: 12px;
  }

  .advisor-card {
    /*height: 210px;  */
  }

  .advisor-img {
    height: 150px;   /* Equal images */
    object-fit: contain;
  }

  .advisor-info {
    min-height: 60px;
  }
  
  .advisor-info {
   
    margin-top: -30px;
    height: 30px;
}

  .advisor-name{
    font-size: 10px;
  }

.advisor-role{
    font-size: 8px;
}

.advisory-section{

     padding: 50px 0px;
}

}


/*visionary team*/

.team-section {
    padding: 50px 60px;
    text-align: center;
    background: #fff;
}

.team-title {
    font-size: 48px;
    color: #040C1F;
    margin-bottom: 50px;
     font-family: 'Agdasima', sans-serif;
}

.team-subtitle {
    /*max-width: 900px;*/
    width:85%;
    margin: 0 auto 90px;
    font-size: 16px;
    line-height: 1.7;
    color: #042067;
     font-family: 'Schibsted Grotesk', sans-serif;
    font-weight: 400;
    text-align:center;
}

/* GRID */
.team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
    justify-content: center;
}

/* CARD */
.team-card {
    background: #F9F9F9;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* IMAGE SAME SIZE */
.team-img {
    width: 100%;
    height: 260px;
    object-fit: contain;
}

/* GRADIENT FOOTER */
.team-info {
    /*background: linear-gradient(90deg, #24457B, #012247);*/
    background:#1e2f4fb5;
      backdrop-filter: blur(6px);
    padding: 18px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 75px;
    text-align: left;
    margin-top:-50px;
}

.team-name {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    font-family: 'Schibsted Grotesk', sans-serif;
}

.team-role {
    font-size: 13px;
    margin: 3px 0 0;
    opacity: 0.85;
    font-family: 'Schibsted Grotesk', sans-serif;
}

.linkedin-icon img {
    width: 28px;
    height: 28px;
}


/* TABLET – 3 per row */
@media (max-width: 992px) {
    .team-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* MOBILE FIX — Equal height & neat alignment */
@media (max-width: 600px) {

.team-section {
    padding: 50px 0px;
    text-align: center;
    background: #fff;
}

.team-title{
    font-size:32px;
}
    .team-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 18px !important;
    }

    .team-card {
        /*height: 240px !important; */
        display: flex;
        flex-direction: column;
        justify-content: space-between;    /* even spacing */
        border-radius: 12px;
        overflow: hidden;
        background: #ffffff;
    }

    .team-img {
        height: 140px !important;   /* fix top image size */
        object-fit: contain;
        width: 100%;
    }

    .team-info {
        padding: 10px 12px;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
         margin-top: -30px;
    height: 30px;
    }

    .team-name {
        font-size: 10px !important;
        margin-bottom: 2px;
    }

    .team-role {
        font-size: 8px !important;
    }

    .linkedin-icon img {
        width: 18px !important;
        height: 18px !important;
    }
}

/*our impact section*/


.impact-section {
    background: #070F36;
    padding: 80px 0;
    color: #fff;
}
 
/*.impact-container{
    width: 100%;
    margin: auto;
}
*/


.company .impact-container{

width: 90%;
     max-width: none; 
    margin: auto;
    display: flex;
    align-items: center;
    gap: 60px;
}
.impact-title {
    text-align: center;
    font-size: 52px;
    font-weight: 400;
    margin-bottom: 80px;
    font-family: 'Agdasima', sans-serif;
}

.impact-row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 60px;
}

.impact-box {
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.impact-box h3 {
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px;
    font-family: 'Agdasima', sans-serif;
}

.impact-box p {
    font-size: 16px;
    color: #d6d6d6;
    line-height: 1.6;
    font-family: 'Schibsted Grotesk', sans-serif;
}

/* Vertical Divider */
.impact-line {
    width: 2px;
    background: rgba(255,255,255,0.25);
    height: auto;
}



@media (max-width: 768px) {

    .impact-row {
        flex-direction: column;
        gap: 40px;
    }

    .impact-line {
        display: none;
    }

   .impact-box {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid rgba(255,255,255,0.2); /* divider line */
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    /* Remove line for last item */
    .impact-box:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .impact-title {
        font-size: 36px;
        margin-bottom: 40px;
    }
}


.trusted-section {
    background: #070F36;
    padding: 40px 0 60px;
    color: #fff;
}

.trusted-container {
    width: 100%;
    margin: auto;
    text-align: center;
}

.comapany .trusted-title {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 50px;
    font-family: 'Agdasima', sans-serif;
    text-transform: capitalize;
    color: #fff;

}

.trusted-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
    flex-wrap: wrap;
}

.trusted-logos img {
    height: 55px;
    width: auto;
    object-fit: contain;
    opacity: 0.9;
    transition: 0.3s ease-in-out;
}

.trusted-logos img:hover {
    opacity: 1;
    transform: scale(1.05);
}



/*map*/

.locations-wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 600px;   /* adjust height if needed */
}

/* LEFT SIDE */
.locations-left {
    width: 50%;
    padding: 60px;
    box-sizing: border-box;
}

/* RIGHT SIDE MAP */
.locations-map {
    width: 50%;
    position: relative;
}

/* MAKE MAP FULLY TOUCH TOP & BOTTOM */
.locations-map iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



@media (max-width: 768px) {
    .locations-wrapper {
        flex-direction: column;
    }
    .locations-left, .locations-map {
        width: 100%;
        min-height: 350px;
        padding: 20px;
    }
}



/*.locations-section {
    padding: 80px 0;
    background: #fff;
}

.locations-container {
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: 45% 55%;
    gap: 40px;
    align-items: start;
}*/

.loc-title {
    font-size: 55px;
    color: #0A143E;
    font-weight: 400;
    margin-bottom: 40px;
    font-family: 'Agdasima', sans-serif;
}

.loc-box {
    display: flex;
    gap: 20px;
    margin-bottom: 50px;
}

.loc-icon {
    background: #FFE7B7;
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loc-icon img {
    height: 22px;
    width: 22px;
}

.loc-info h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px;
    font-family: 'Schibsted Grotesk', sans-serif;
}

.loc-info p {
    font-size: 16px;
    color: #444;
    line-height: 1.55;
    margin: 4px 0;
    font-family: 'Schibsted Grotesk', sans-serif;
}

/*.locations-map {
    width: 100%;
    height: 600px;
    border-radius: 10px;
    overflow: hidden;
}*/


@media (max-width: 1024px) {
    .locations-container {
        grid-template-columns: 1fr;
    }

    .locations-map {
        height: 400px;
    }
}

@media (max-width: 600px) {
    .loc-title {
        font-size: 38px;
        margin-bottom: 30px;
    }

    .loc-box {
        gap: 15px;
        margin-bottom: 35px;
    }

    .loc-icon {
        height: 45px;
        width: 45px;
    }
}


/*contact*/

/* ===========================
   MAIN LAYOUT
=========================== */
.impact-demo-section {
    padding: 40px 40px;
}

.impact-demo-container {
    display: flex;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
        align-items: center;
    flex-wrap: wrap;
}

/* LEFT PANEL */
.impact-left {
    width: 50%;
    position: relative;
}

.impact-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* CONTENT ON IMAGE */
.impact-left-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px 40px 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: white;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0.1) 20%,
        rgba(0,0,0,0.35) 70%
    );
}

.impact-title {
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: left;
     font-family: 'Agdasima', sans-serif;
}

/* STATS */
.impact-stats {
    display: flex;
    gap: 60px;
    margin-bottom: auto;
    justify-content:space-between;
}

.impact-stat h3 {
    font-size: 30px;
    margin-bottom: 8px;
    font-family: 'Schibsted Grotesk', sans-serif;
}

.impact-stat p {
    font-size: 15px;
    /*max-width: 260px;*/
    font-family: 'Schibsted Grotesk', sans-serif;
}

/* QUOTE BOX */
.impact-quote-box {
    background: rgba(0,0,0,0.5);
    padding: 20px 22px;
    border-radius: 12px;
    width: 100%;
    margin-top: 20px;
}

.quote-icon img {
    width: 38px;
    margin-bottom: 10px;
}

.quote-text {
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 18px;
    font-family: 'Schibsted Grotesk', sans-serif;
}

.quote-author {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Schibsted Grotesk', sans-serif;
}

.quote-author strong {
    font-size: 15px;
    color: #fff;
}

.quote-author img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

/* ===========================
   RIGHT PANEL (FORM)
=========================== */
.impact-form {
    width: 50%;
    padding: 40px;
/*    margin-top:800px;*/
}


 

.form-row {
    display: flex;
    gap: 20px;
}

.form-group {
    width: 100%;
    margin-bottom: 18px;
}

label {
    font-size: 14px;
    font-weight: 600;
}

input, select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-top: 5px;
}



.submit-btn {
    width: 100%;
    padding: 14px;
    border: none;
    background: #0A267A;
    color: #fff;
    border-radius: 8px;
    margin-top: 10px;
    font-weight: 600;
    font-family: 'Instrument Sans', sans-serif;
}

.privacy-text {
    font-size: 13px;
    margin-top: 12px;
    opacity: .8;
}

/* Mobile only */
@media (max-width: 767px) {
    .impact-form {
        order: -1;  
    }
}

/* ===========================
   MOBILE VERSION EXACT LIKE IMAGE
=========================== */
@media (max-width: 600px) {




.impact-demo-section {
    padding: 40px 0px;
}
.impact-title {

    text-align: left;
   
 }
 
 .company .impact-title {

    text-align: center;
   
 }
    .impact-demo-container {
        flex-direction: column;
    }


 .impact-form  form {
        overflow-y: unset;
        height: auto;
}
    .impact-left {
        width: 100%;
        height: 650px;
    }

    .impact-left-content {
        padding: 28px 22px;
        justify-content: flex-start;
    }

    .impact-title {
        font-size: 35px;
        margin-bottom: 24px;
    }

    .impact-stats {
        flex-direction: column;
        gap: 26px;
    }

    .impact-stat h3 {
        font-size: 22px;
    }

    .impact-stat p {
        font-size: 14px;
        max-width: 95%;
    }

    .impact-quote-box {
        padding: 18px 16px;
        margin-top: 24px;
        width: 100%;
        background: rgba(0,0,0,0.55);
    }

    .quote-icon img {
        width: 32px;
    }

    .quote-text {
        font-size: 14px;
    }

    .quote-author img {
        width: 42px;
        height: 42px;
    }

    /* Form full width */
    .impact-form {
        width: 100%;
        padding: 24px;
        /*margin-top:50px;*/
    }

    .form-row {
        flex-direction: column;
    }
}



/*achievement*/


.milestones-section {
    padding: 80px 0;
/*    color: #fff;*/
/*    background: #000;*/
    font-family: 'Schibsted Grotesk', sans-serif;
}

.section-title {
    text-align: center;
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 50px;
     font-family: 'Agdasima', sans-serif;
      color:#040C1F;
}

.milestones-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 60px;
    padding: 0 50px;
}

/* LEFT SIDE */
.left-block {
    width: 50%;
}

.milestone-card img.milestone-img {
    width: 100%;
    height:230px;
    border-radius: 8px;
}

.milestone-heading {
    font-size: 20px;
    margin: 18px 0 10px;
    font-weight: 600;
    font-family: 'Schibsted Grotesk', sans-serif;   
      color:#040C1F;
}

.milestone-text {
    color: #525252;
    font-size: 16px;
    line-height: 1.5;
    max-width: 90%;
    font-family: 'Schibsted Grotesk', sans-serif;
}

.play-btn {
    margin-top: 20px;
    border: 1px solid #042067;
    background: transparent;
    padding: 12px 28px;
    color: #042067;
    font-size: 14px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
     font-family: 'Instrument Sans', sans-serif;
     text-decoration: none;
}

/* RIGHT SIDE */
.right-block {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.milestone-item {
    display: flex;
    gap: 20px;
}

.small-img {
    width: 220px;
    border-radius: 6px;
}

.milestone-title {
    font-size: 20px;
    margin-bottom: 8px;
     font-family: 'Schibsted Grotesk', sans-serif;
     font-weight: 600;
     color:#040C1F;
}

.milestone-desc {
    font-size: 15px;
      color: #525252;
}

/* MEDIA COVERAGE */

/* MEDIA COVERAGE SIDE-BY-SIDE */
.media-row { display: flex; align-items: center; justify-content: space-between; padding: 40px 50px; gap:200px }

 .media-title { font-size: 32px; font-weight: 400; margin: 0; color:#040C1F; font-family: 'Agdasima', sans-serif; }

  .media-logos { display: flex; align-items: center; gap: 40px; }
 

 .media-logos img { height: 60px; object-fit: contain; opacity: 0.9; }

 .media-logos .item {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    padding: 15px;
}

.media-logos img {
    width: 150px;
    height: auto;
    transition: transform .3s ease;
}

.media-logos img:hover {
    transform: scale(1.05);
}

/* Make sure carousel does NOT break desktop layout */
.media-row .owl-carousel {
    width:60%;
    margin: auto;
}

.owl-stage {
    display: flex !important;
    align-items: center;
}


@media (max-width: 992px) {
    .milestones-wrapper {
        flex-direction: column;
        padding: 0 30px;
        gap: 40px;
    }

    .left-block,
    .right-block {
        width: 100%;
    }

    .small-img {
        width: 180px;
    }

    .media-row {
        flex-direction: column;
        text-align: left;
        gap: 20px;
    }
}

/* Mobile */
@media (max-width: 600px) {


.owl-carousel {
    width:100%;
    margin: auto;
}


    .milestone-title {
    font-size: 15px;
    
}

.milestone-desc {
    font-size: 12px;
      color: #525252;
}

    .section-title {
        font-size: 34px;
        text-align: center;
        padding-left: 20px;
    }

    .milestones-wrapper {
        padding: 0 20px;
    }

    .small-img {
        width: 120px;
        height: 100px;
    }

    .media-title {
        font-size: 26px!important;
/*        padding-left: 0;*/

    }

    .media-row {
        padding: 20px;
    }
}




/*awards and recognization*/

.awards-section {
    background: #F7ECC9;
    padding: 80px 30px;
}

.awards-title {
    text-align: center;
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 50px;
     font-family: 'Agdasima', sans-serif;
    color: #040C1F;
}

.award-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.08);
    width: 100%;
}

.award-img {
    width: 100%;
    height: 200px;
    /*object-fit: cover;*/
}

.award-content {
    padding: 22px;
    height: 320px;
}

.award-content h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    color:#040C1F;
     font-family: 'Schibsted Grotesk', sans-serif;
}

.award-content p {
    color: #525252;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 18px;
     font-family: 'Schibsted Grotesk', sans-serif;
}

/* Button Same Style */
.card-btn {
    border: 1px solid #001A3F;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #001A3F;
    font-weight: 600;
    font-family: 'Instrument Sans', sans-serif;
    text-transform: uppercase;
}

.card-btn img {
/*    width: 100%;*/
    width: 20px!important;
    margin-right: 5px;
}
/* Arrows */
.awards-arrows {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    padding: 0 40px;
}

.aw-prev, .aw-next {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #0A1C1F;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.owl-carousel .owl-stage {
    display: flex;
}


/* ========== RESPONSIVE DESIGN ========== */

/* Tablets */
@media (max-width: 1024px) {

    .awards-section {
        padding: 60px 20px;
    }

    .awards-title {
        font-size: 40px;
        margin-bottom: 40px;
    }

    .award-img {
        height: 200px;
    }

    .award-content {
        height: auto;
        padding: 20px;
    }

    .awards-arrows {
        padding: 0 20px;
    }
}

/* Small Tablets */
@media (max-width: 768px) {

    .awards-title {
        font-size: 36px;
    }

    .award-img {
/*        height: 180px;*/

height: auto;
    }

    .award-content h3 {
        font-size: 18px;
    }

    .award-content p {
        font-size: 14px;
    }

    .aw-prev, .aw-next {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    .awards-arrows {
        margin-top: 25px;
        padding: 0 10px;
    }
}

/* Mobile */
@media (max-width: 576px) {

    .awards-section {
        padding: 50px 15px;
    }

    .awards-title {
        font-size: 32px;
        margin-bottom: 30px;
        text-align: center;
    }

    .award-img {
/*        height: 160px;*/
height: auto;
    }

    .award-content {
        padding: 18px;
        height: 250px;
    }

    .award-content h3 {
        font-size: 17px;
    }

    .award-content p {
        font-size: 14px;
        line-height: 1.5;
    }

    /* Arrows move closer */
    .awards-arrows {
        margin-top: 20px;
        padding: 0 5px;
    }

    .aw-prev, .aw-next {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }
}

/* Extra Small Mobile */
@media (max-width: 400px) {

    .award-img {
/*        height: 140px;*/

height: auto;
    }

    .award-content h3 {
        font-size: 16px;
    }

    .award-content p {
        font-size: 13px;
    }
}



/* SECTION */
.innovation-section {
    padding: 80px 50px;
    background: #fff;
}

.innovation-title {
    text-align: center;
    font-size: 52px;
    font-weight: 400;
    margin-bottom: 60px;
    font-family: 'Agdasima', sans-serif;
    color: #040C1F;
}

/* GRID WRAPPER */
.innovation-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 40px;
    align-items: start;
}

/* LEFT COLUMN STACK */
.left-col {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

/* CARDS */
.inno-card {
    background: transparent;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.small-card .inno-img {
    width: 260px;
    /*width:100%;*/
    height: 180px;
    object-fit: cover;
    border-radius: 6px;
}

.big-card .inno-img {
    width: 100%;
    height: 230px;
    object-fit:  cover;
    border-radius: 6px;
}

.inno-card.big-card  {
    background: transparent;
    display: block;
    gap: 20px;
    align-items: flex-start;
}

.inno-card.big-card .inno-content{
    margin-top:30px;
}

/* TEXT */
.inno-content h3 {
    font-size: 20px;
    font-weight: 600;
    color: #040C1F;
    margin-bottom: 10px;
    font-family: 'Schibsted Grotesk', sans-serif;
}

.inno-content p {
    color: #525252;
    font-size: 15px;
    line-height: 1.6;
    max-width: 90%;
    font-family: 'Schibsted Grotesk', sans-serif;
}

/* LINK */
.inno-link {
    margin-top: 10px;
    display: inline-block;
    font-weight: 600;
    color: #001A3F;
    text-decoration: none;
    font-family: 'Instrument Sans', sans-serif;
}

/* ========== RESPONSIVE ========== */

/* Tablet */
@media (max-width: 992px) {
    .innovation-grid {
        grid-template-columns: 1fr;
    }

    .right-col {
        order: 2;
    }

    .big-card .inno-img {
        height: 260px;
    }
}

/* Mobile */
@media (max-width: 600px) {

    .innovation-section {
        padding: 50px 20px;
    }

    .innovation-title {
        font-size: 36px;
        margin-bottom: 40px;
    }

    .small-card {
        flex-direction: column;
    }

    .small-card .inno-img {
        width: 100%;
        height: 180px;
    }

    .big-card .inno-img {
        height: 220px;
    }

    .inno-content h3 {
        font-size: 18px;
    }

    .inno-content p {
        font-size: 14px;
    }
}

/*featured-literature*/


.featured-literature {
    padding: 50px 30px;
/*    max-width: 1200px;*/
    margin: auto;
    background: #E9EFFF;
}

.fl-title {
    text-align: center;
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 50px;
     font-family: 'Agdasima', sans-serif;
}

.fl-item {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 60px;
    background: rgba(255, 255, 255, 0.1);
    padding: 10px;
    border-radius: 12px;
    padding: 30p;
}

.fl-img{
    width: 35%;
}

.fl-content{
width: 65%;
}

.fl-img img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
}

.fl-content h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Schibsted Grotesk', sans-serif;
    color: #040C1F;
}

.fl-content p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
    font-family: 'Schibsted Grotesk', sans-serif;
    color:#525252;
}

.fl-link {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #042067;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Instrument Sans', sans-serif;
}

.fl-link span {
    font-size: 16px;
}


@media (max-width: 768px) {

/*    .fl-img{
    width: 100%;
}

.fl-content{
width: 100%;
}*/


.featured-literature {
    padding: 50px 0px;
}

    .fl-item {
/*        flex-direction: column;*/
        align-items: flex-start;
/*        text-align: center;*/
    }

    .fl-img img {
        width: 100%;
        max-width: 350px;
    }

    .fl-content h3 {
        font-size: 15px;
    }

    .fl-content p {
        font-size: 10px;
    }

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


.fl-link {
    font-size: 12px;
}

}