.team, .reports, .awards {
  padding: 8rem 0;
  text-align: center;
}
@media (max-width: 920px) {
  .team {
    margin-bottom: 4rem;
  }
}
@media (max-width: 500px) {
  .team {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.team__text-wrapper {
  margin-bottom: 6rem;
}
@media (max-width: 500px) {
  .team__text-wrapper {
    margin-bottom: 6rem;
  }
}

.team__text {
  /*max-width: 81rem;
  margin-left: 12rem;*/
  width: 75%;
  margin-left: 12.5%;
  text-align:justify;
}
@media (max-width: 920px) {
  .team__text {
    width: 90%;
    margin-left: 5%;
    text-align: justify;
  }
}
.team__text + .team__text {
  margin-top: 2rem;
}

.team-management {
  margin-bottom: 8rem;
}
@media (max-width: 500px) {
  .team-management {
    margin-bottom: 8rem;
  }
}

.team-management__row {
  display: flex;
  justify-content: center;
}
@media (max-width: 500px) {
  .team-management__row {
    flex-wrap: wrap;
  }
}
.team-management__row + .team-management__row {
  margin-top: 5rem;
}
@media (max-width: 500px) {
  .team-management__row + .team-management__row {
    margin-top: 4rem;
    }
  .team-management__wrapper {
      margin-bottom: 8rem;
  }
    .team-management__wrapper:last-child{
        margin-bottom: 14rem;
    }
}

.team-management__item {
  display: flex;
  flex-direction: column;
  width: 28.2rem;
  cursor: pointer;
}
@media (max-width: 920px) {
  .team-management__item {
    width: 17rem;
  }
}
@media (max-width: 500px) {
  .team-management__item {
    width: 90%;
  }
}
.team-management__item + .team-management__item {
  margin-left: 8rem;
}
@media (max-width: 1024px) {
  .team-management__item + .team-management__item {
    margin-left: 4rem;
  }
}
@media (max-width: 920px) {
  .team-management__item + .team-management__item {
    margin-left: 2rem;
  }
}
@media (max-width: 500px) {
  .team-management__item + .team-management__item {
    margin-top: 4rem;
    margin-left: 0;
  }
}

.team-management__item:hover .team-management__item-img {
  filter: grayscale(0%);
}

.team-management__item-img {
  width: 100%;
  height: auto;
  max-height: 37rem;
  aspect-ratio: 0.75; /* 6 Jan 2026 -- Add this rule */
  object-fit: cover;
  margin-bottom: 2rem;
  filter: grayscale(100%);
  transition: all 0.2s linear;
  border-radius: 0.5rem;
}

.team-management__item-name {
  font-size: 2.4rem;
  margin-bottom: 1rem;
}
@media (max-width: 920px) {
  .team-management__item-name {
    font-size: 2rem;
  }
}

@media (max-width: 920px) {
  .team-management__item-pos {
    font-size: 1.6rem;
  }
}

@media (max-width: 920px) {
  .team__directors {
    margin-bottom: -8rem;
  }
}

.team__directors-heading {
    /* display: flex; */
    align-items: center;
    font-size: 3.6rem;
    font-weight: 700;
    /* margin-left: 12rem;
    margin-bottom: 4rem;*/
    cursor: pointer;
    text-transform: uppercase;
}
@media (max-width: 920px) {
  .team__directors-heading {
    margin-bottom: 6rem;
  }
}
@media (max-width: 500px) {
  .team__directors-heading {
    font-size: 2.8rem;
    margin-left: 0;
    margin-bottom: 4rem;
  }
}

.team__directors-heading.active .drop-arrow-icon {
  transform: rotate(180deg);
}

.drop-arrow-icon {
  width: 3.2rem;
  height: 1.8rem;
  margin-left: 4rem;
  transition: all 0.1s linear;
}
@media (max-width: 500px) {
  .drop-arrow-icon {
    width: 2.6rem;
    height: 1.4rem;
    margin-left: 2rem;
  }
}

.team-management__wrapper {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease-out;
  margin-top: 8rem;
}
/* 12-Aug-2025 -- START */
/* Overlay container */
.team-modal {
  position: fixed;
  top: 0; left: 0;
  z-index: 1000;
  height: 100vh;
  width: 100vw;                 /* was auto — make it full screen */
  min-width: 100vw;
  display: flex;
  overflow-y: auto;
  scrollbar-gutter: stable both-edges;
  background: #ffffff;          /* keep your white backdrop */
  padding: 5rem 10rem;

  /* elegant fade for overlay */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .24s ease, visibility 0s linear .24s;
}

/* shown state */
.team-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .24s ease;
}


.team-modal.is-loading .photo-nav {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* During the content crossfade, fade/disable arrows with the content */
.team-modal__inner.is-swapping .photo-nav {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  /*transform: translateY(-50%) !important;*/
}
/*12-Aug-2025 -- END */

@media (max-width: 920px) {
  .team-modal{
    padding: 3rem 3rem 4rem 4rem;
  }
}
@media (max-width: 920px) {
  .team-modal {
    font-size: 1.4rem;
    padding: 2rem 3rem;
    margin-bottom: 3rem;
  }
  .close-modal {
      margin-left:0!important;
  }
  
  .team-modal__inner {
    height: 100%;
    text-align: justify;
    margin-right: -2rem!important;
    padding: 0!important;
    margin-top:0!important;
  }
    
  .modal_logo {
    margin-bottom: 2rem!important;
  }
    
  .modal-team-member-header {
    text-align: center;
    margin-bottom: 2rem!important;
  }
    
  .modal-team-management-image {
    height: 20rem!important;
    width: 20rem!important;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    margin-bottom: 1rem!important;
    
  }
    
}
.team-modal::after, .report-modal::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 10rem;
}
.team-modal__inner {
  height: 100%;
  text-align: justify;
  padding: 0 5rem;
}

.team-modal p + p, .report-modal p + p {
  margin-top: 1.5rem;
}

.close-modal {
  position: sticky;
    /* top: -10rem; */
    /* right: -3rem; */
    z-index: 1001;
    order: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    font-weight: 300;
    font-size: 3rem;
    line-height: 3rem;
    margin-left: 3rem;
    cursor: pointer;
}

@media (max-width: 920px) {
  .close-modal {
    margin-left: 1rem;
  }
}
.close-modal svg {
  width: 1.8rem;
  height: 1.8rem;
  filter: brightness(0) saturate(1);
}

/*.reports {
  margin-bottom: 22rem;
}
@media (max-width: 920px) {
  .reports {
    margin-bottom: 10rem;
  }
}
@media (max-width: 500px) {
  .reports {
    margin-bottom: 6rem;
  }
}*/



/*.research {
  margin-bottom: 22rem;
}
@media (max-width: 920px) {
  .research {
    margin-bottom: 10rem;
  }
}
@media (max-width: 500px) {
  .research {
    margin-bottom: 6rem;
  }
}*/

.research__text {
  max-width: 93rem;
  margin-left: 19rem;
}
@media (max-width: 1024px) {
  .research__text {
    margin-left: 12rem;
  }
}
@media (max-width: 920px) {
  .research__text {
    margin-left: 0;
  }
}

/*.awards {
  margin-bottom: 22rem;
}
@media (max-width: 920px) {
  .awards {
    margin-bottom: 10rem;
  }
}
@media (max-width: 500px) {
  .awards {
    margin-bottom: 6rem;
  }
}*/

.awards_container {
    padding:0 10rem 2rem 10rem;
}
.awards__inner {
  display: flex;
  margin-bottom: 5rem;
  justify-content: space-evenly;
}
.awards__inner__list {
  display: flex;
  margin-bottom: 0;
  justify-content: space-evenly;
}
@media (max-width: 1024px) {
  .awards__inner {
    margin-left: 12rem; 
  }
}
@media (max-width: 920px) {
  .awards__inner {
    flex-wrap: wrap;
    margin-left: 0;
    width: 100%;
    text-align: justify;
  }
}
@media (max-width: 500px) {
  .awards__inner {
    margin-left: 0;
    width:100%;
    text-align:justify;
  }
    .awards_timeline {
        text-align:center;
    }
    .awards-timeline__block-img {
        margin: 0 auto 4rem auto!important;
        max-height: 64px;
        width: auto!important;
    }
}
/*.awards__text {
  max-width: 30rem;
  margin-right: 10rem;
  text-align: justify;
}
@media (max-width: 1024px) {
  .awards__text {
    margin-right: 10rem;
  }
}
@media (max-width: 920px) {
  .awards__text {
    max-width: 100%;
    font-size: 2rem;
    margin-bottom: 5rem;
  }
}*/
@media (max-width: 500px) {
  .awards__text {
    max-width: 100%;
    font-size: 1.6rem;
    margin-right: 0;
    text-align: center;
  }
}

.awards__timeline {
  width:100%;
  display:flex;
}

.awards-timeline__block {
  /*display: flex;*/
  width:50%;
}
@media (max-width: 500px) {
  .awards-timeline__block {
    flex-wrap: wrap;
  }
}

.awards-left {
    padding-right:0.5rem;
    width:40%;
    /*border-right:1px solid var(--ic-grey);*/
}
.awards-right {
    margin-left:1.5rem;
    margin-right:-1rem;
    width:60%;
    padding-left:0.5rem;
}

.awards-timeline-logo {
    width: 100%;
    display: block;
    flex-wrap: nowrap;
    text-align:left;
}

.awards-timeline__block-img {
  height: 4rem;
  margin-bottom: 1rem;
}

.awards-timeline__item {
    display: flex;
    align-items: center;
    margin: 0 3rem 0 0;
}
.awards-timeline__item:last-child {
    margin-right: 0;
}

.items3 {
    width: calc(33.3% - 3rem);
}

.awards-logo-separator {
    height: 2px;
    background: #d7d7d7;
    width: calc(100% - 5rem);
    border-radius: 1px;
    margin: 0 4rem 4rem 1rem;
}

@media (max-width: 920px) {

    .awards-timeline__item {
        width: 100%;
        margin: 1.5rem auto;
        flex-wrap: wrap;
    }
    .awards-timeline__item-descr {
        font-size: 1.3rem!important;;
    }
    .awards-timeline__block-list {
        margin-bottom: -4rem;
    }
}

.awards-timeline__item-year {
    font-weight: 600;
    font-size: 1.5rem;
}

.awards-timeline__item-heading {
  text-transform: uppercase;
  margin-bottom: 0.1rem;
  font-weight: 900;
  font-size: 1.45rem;
  letter-spacing: 0.1rem;
}

.awards-timeline__line {
  height: 0.1em;
  background-color: rgba(105, 105, 105, 0.4);
  margin: 5rem 0;
}

.awards-timeline__item-content {
    width: 100%;
    text-align: center;
    padding-bottom: 2rem;
    background: url(../images/awards/wreath.webp);
    background-size: contain;
    background-repeat: no-repeat;
}

.awards-timeline__block-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}


/*.charity {
  margin-bottom: 22rem;
}
@media (max-width: 920px) {
  .charity {
    margin-bottom: 10rem;
  }
}
@media (max-width: 500px) {
  .charity {
    margin-bottom: 6rem;
  }
}*/

.charity__inner {
  display: flex;
  flex-direction: column;
}

.charity__text {
    max-width: 80%;
    font-weight: 400;
    font-size: 2.4rem;
    text-align: center;
    margin: 0 auto 8rem;
}
@media (max-width: 920px) {
  .charity__text {
    font-size: 3.6rem;
    margin-bottom: 8rem;
  }
}
@media (max-width: 500px) {
  .charity__text {
    font-size: 2.4rem;
    margin-bottom: 6rem;
  }
}

.charity__admc {
  /*display: flex;*/ /* 250429 - Remove this line */
  margin-bottom: 2rem;
  margin-left: 10%;
  margin-right: 10%;
}
/* @media (max-width: 920px) {
  .charity__admc {
    flex-wrap: wrap;
  }
}*/ /* 250429 - Remove this line */
@media (max-width: 500px) {
    .charity__admc {
        margin: 1rem 1rem 6rem 1rem;
        top: 0;
        right: 0;
    }
    .backToFullVideo {
        background: #a4103466;
        margin: 10px;
    }

        .backToFullVideo span {
            display: none;
        }
}

.charity__admc-img {
    height: auto;
    object-fit: cover;
    max-width: 100%;
    border-radius: 0.5rem;
}
@media (max-width: 1024px) {
  .charity__admc-img {
    width: 80rem;
  }
}
@media (max-width: 920px) {
  .charity__admc-img {
    width: 100%;
  }
}

.charity__admc-heading,
.charity__cheshire-heading,
.charity__wild-heading {
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 1rem;
}
@media (max-width: 920px) {
  .charity__admc-heading,
.charity__cheshire-heading,
.charity__wild-heading {
    font-size: 2.8rem;
  }
}
@media (max-width: 500px) {
  .charity__admc-heading,
.charity__cheshire-heading,
.charity__wild-heading {
    font-size: 2.4rem;
  }
}

.charity__admc-descr,
.charity__wild-text {
  max-width: 30rem;
}
@media (max-width: 920px) {
  .charity__admc-descr,
.charity__wild-text {
    max-width: 100%;
  }
}

@media (max-width: 920px) {
  .charity__admc-text {
    margin-bottom: 3rem;
  }
}

.charity__cheshire {
  margin: 0 19rem 23rem auto;
}
@media (max-width: 920px) {
  .charity__cheshire {
    margin: 0 10rem 12rem auto;
  }
}
@media (max-width: 500px) {
  .charity__cheshire {
    margin: 0 0 6rem auto;
  }
}

.charity__cheshire-text {
  max-width: 75rem;
}

.charity__wild {
  display: flex;
  margin-left: 19.5rem;
}
@media (max-width: 920px) {
  .charity__wild {
    flex-wrap: wrap;
    margin-left: 0;
  }
}

.charity__wild-content {
  margin-right: 22.3rem;
}
@media (max-width: 920px) {
  .charity__wild-content {
    margin-right: 0;
    margin-bottom: 5rem;
  }
}

.charity__wild-img {
  width: 62.6rem;
  height: 83rem;
  object-fit: cover;
}
@media (max-width: 920px) {
  .charity__wild-img {
    height: 60rem;
    margin: 0 auto;
  }
}
@media (max-width: 500px) {
  .charity__wild-img {
    width: 100%;
    height: auto;
  }
}

.footer {
  border-top: 0.1rem solid #979797;
  background: #ffffff;
}
.footer * {
  color: #0e0e0e;
}

.footer__inner {
  display: flex;
  justify-content: space-between;
  padding: 8rem 0;
}
@media (max-width: 920px) {
  .footer__inner {
    flex-wrap: wrap;
    padding: 6rem 0;
  }
}

.footer__img {
  align-self: flex-start;
  width: 32.9rem;
  margin-right: 10rem;
  margin-top:-2rem;
  margin-bottom: 1rem;
  aspect-ratio: 5 / 1; /* 6 Jan 2026 - Add this rule */
}

.footer__nav {
  margin-right: 5rem;
}
@media (max-width: 920px) {
  .footer__nav {
    width: 100%;
    margin: 0 0 3rem 0;
    text-align: center;
  }
  .footer-branding {
    width: 100%;
    text-align: center;
    margin-left:0!important;
    }
 .footer__img {
    width: 100%;
    max-width: 275px;
    margin: -2rem 0 3rem 0;
}
}

.footer__nav-link {
  font-size: 1.6rem;
  color: #0e0e0e;
  text-transform: uppercase;
}

.footer__nav-link + .footer__nav-link {
  margin-left: 2rem;
}

.footer__res {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 10rem;
}

.footer__res-name,
.footer__manage-name {
  font-size: 1.6rem;
  margin-bottom: 2rem;
}

.footer__res-address {
  font-size: 1.6rem;
}
@media (max-width: 500px) {
  .footer__res-address {
    margin-bottom: 0;
  }
}

.footer__res-tel {
  font-size: 1.6rem;
  color: #5f5f5f;
  margin-top: 1rem;
}

.footer__res-privacy {
  font-weight: normal;
  font-size: 1.4rem;
}
.footer__res-privacy--mob {
  display: none;
  margin-top: 3rem;
}

.footer__manage-name {
  text-align: left;
}

.footer__manage-address {
  font-size: 1.6rem;
  text-align: left;
}

.footer__manage-address a span {
  text-decoration: underline;
}

@media (max-width: 500px) {
    .footer__res-privacy--mob {
        display: block;
      }
    .footer__res-privacy {
      font-size: 1.25rem;
    }
    .footer__manage-name {
        text-align: left;
      }
    .footer__manage-address {
        text-align: left;
      }
}

.contact__manage {
    margin-right: 15rem;
}

.contact__close p {
    cursor: pointer;
}

.substrate {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 10, 0.7);
}

.hide, .hidden {
  position:fixed;
  bottom:0;
  right:0;
  left:0;
  top:200vh!important;
  overflow:hidden;
  transition: all 0.5s ease-out;
}

.show {
  display: block;
  transition: display 2s ease-in;
}


/*<-------- New Additions ------>*/

.fade-in-image {
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.contact__inner {
    padding: 4rem 0!important;
    justify-content: right!important;
}

.contact__manage-address a, .contact__res-tel{
    color:#fcfcfc !important;
    text-decoration:none!important;
}

.contact__manage-address a span{
    text-decoration:none!important;
}

.nav-list__item a:hover, .footer__nav-link:hover {
    color:#ef9e24!important;
}

section#contactToggle {
    background: #151b36;
    color: #efefef;
}
#close-btn {
    font-size: 4rem;
    font-weight:lighter;
    margin-right:50px;
    margin-top:-10px;
}

@media (max-width: 920px) {
    .footer__res {
        
        margin-bottom: 5rem;
    }
    .contact__inner {
        justify-content: left!important;
        margin-right: 0;
    }
    .contact__close {
        position: absolute;
        right: -3rem;
        top: 1.5rem;
    }
    .contact__manage {
        margin-right: 5rem;
    }
    .contact__manage-name, .contact__res-name {
        margin-bottom:1rem;
    }
    #close-btn {
        font-size: 2.5rem;
    }
}

#about {
    padding: 14rem 12.5%;
    background: #f7f7f7;
    margin-top: -14.6rem;
}

@media (max-width: 920px) {
    #about {
    margin-top: -6rem;
    padding: 25% 7% 10% 7%;
    }
}

.alt-bg {
    background: #f7f7f7!important;
    text-align: center;
    padding: 10rem 0;
}

/* 6 MAY 2025 ---> Added new class rules */
.alt-bg2 {
    background: #eeebe5!important;
    text-align: center;
    padding: 10rem 0;
}

.alt-bg3 {
    background: #fff!important;
    text-align: center;
    padding: 10rem 0;
}

.research-container {
    display:block;
    flex-wrap: wrap-reverse;
    padding:0!important;
    overflow:auto;
}

.research-wrapper {
    display: inline-flex;
    flex-wrap:wrap;
    font-size:1.6rem!important;
}

.r__text, .charity__admc-text {
    text-align: justify;
    margin: auto;
}

.rw-right {
    border-radius: 2px;
    width:58%;
    text-align: right;
    display:flex;
    float:right;
}

.rw-left {
    /* margin-left: -10%; */
    margin-right: 5%;
    width: 37%;
    line-height: 3.075rem;
    padding-left:10rem;
    box-sizing: border-box;
    display: flex;
}

@media (max-width:500px) {
    .rw-left {
        width: calc(100% - 6rem)!important;
        padding-left: 0;
        margin: 0 3rem;
        float: none;
        margin-bottom: 5rem;
    }
    
    .rw-right {
        height: 100%;
        margin: 3rem 2rem!important;
        width: calc(100% - 4rem);
        float: none;
    }

    .research-wrapper {
        /*width:100%;
        width: 100%;
        padding-left: 3rem;
        margin: 5rem 0 0 0;
        text-align: center;*/
    }
}

@media (max-width: 920px) {
    .rw-left {
        width: calc(100% - 6rem)!important;
        padding-left: 0;
        margin: 0 3rem;
        float: none;
        margin-bottom: 5rem;
    }
    
    .rw-right {
        height: 100%;
        margin: 3rem 0 3rem auto!important;
        width: calc(100% - 1.5rem);
        float: none;
        max-width: 540px;
    }
    
    /*#splideResearch-track {
        border-radius: 0.75rem;
    }*/

    .research-wrapper {
        /*width:100%;
        width: 100%;
        padding-left: 3rem;
        margin: 5rem 0 0 0;
        text-align: center;*/
    }
    body {
        font-size:1.2rem!important;
    }
}

#research {
    padding:0!important;
}

@media (min-width:921px) {
    .ch-left {
    max-width: 65rem;
    margin-right: 4rem;
    }
    
    .footer {
        margin: 0 -8rem!important;
    }
}

@media (max-width: 920px) {
    .ch-left {
    margin-bottom: -3rem;
    }
    
     .ch-right {
    margin-bottom: 4rem;
    }
}

.modal_logo {
    margin-bottom: 3rem;
}

.modal-team-member-header {
    text-align: center;
    margin-bottom: 3rem;
}

.modal-team-management-image {
    height: 25rem;
    width: 25rem;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    margin-bottom: 2rem;
}

.modal-team-management-name {
    font-size: 3rem;
    font-weight: 700;
    color: var(--ic-blue);
}

.modal-team-management-pos {
    margin-top: -0.25rem!important;
    font-size: 1.5rem;
    font-weight: 700;
}

.charity__admc-content {
    /*max-width: 50%;*/ /* 250429 - Remove this line */
    width: 100%; /* 250429 - Add this line */
    text-align: justify;
    margin:auto;
}

@media (max-width: 920px) {
    .charity__admc-content {
        max-width: 100%;
        margin-bottom: 5rem;
        text-align: center;
    }
    
    .section-heading {
        margin-bottom: 2rem;
        font-size: 3.25rem;
    }
    
    .ch-right {
        padding-left: 0!important;
        text-align: center;
        margin-bottom: -5rem;
    }
    .charity__admc-text {
        text-align: center;
    }
}

.ch-main, .ch-separator {
    margin-bottom: 3rem;
}

.ch-right{
    padding-left:4rem;
}

.footer-branding {
    margin-left: 5rem;
}

.splide_intro {
    width: 100%;
    /* object-fit: cover; */
    /* box-sizing: border-box; */
    margin-bottom: -9rem;
    height: 100%;
}

.pixel_overlay {
    position:absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.33);
    /*background: rgba(0,0,0,0.2) url(../images/pattern.png) repeat top left!important;*/
}

.research_slide {
    max-width: 100%;
    /*border-radius: 1rem!important;*/
    max-height: 100%;
    transition: all 1s ease-in;
}


img.intro_slide {
    width: 100%;
    height:100vh;
    object-fit: cover;
}

#splideResearch {
    /*border: 7px #fff solid;
    box-shadow: rgb(0 0 0 / 20%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -2px;*/
    width:100%;
}

#splideResearch-track {
    /*border-radius: 1rem;*/
}

.text_overlay {
    position:absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align:left;
    background: rgba(0,0,0,0.1);
    display:none;
    /*background-image: linear-gradient(to top, rgba(0,0,0,0.75),rgba(0,0,0,0) 55%);*/
}

.overlay_heading {
    position: absolute;
    bottom: 50px;
    left: 25px;
    color: #fff;
    font-weight:700;
}

.overlay_text {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #fff;
}

.paused{
    animation-play-state: paused!important;
}

.award-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    object-fit: contain;
}

.awards-timeline__item-descr {
    font-size: 1.5rem;
}

.descr-adjustment {
    padding: 0.5rem 0;
}
.smaller-text {
    font-size:1.25rem;
}

@media (min-width:1600px) {
    .awards-timeline__item-descr {
    font-size: 13.5px;
    }
    
    .descr-adjustment {
        padding: 10.25px 0;
    }
}

.research_para {
    padding-bottom: 1rem;
    display:block;
}

.privacy-terms {
    margin-top:9rem;
    padding: 5rem 15rem;
    text-align: justify;
    font-size: 1.5rem;
}

@media (max-width:500px) {
    .privacy-terms {
        margin-top:6rem;
        padding: 3rem;
        text-align: justify;
    }
}

.list {
    list-style: decimal;
    font-weight: 800;
    margin:3rem 0 3rem 1.5rem;
    
}

.list-text {
    font-weight:400;
    padding-bottom: 2rem;
}

.list-text-inner {
    font-weight:400;
    padding-bottom: 1rem;
}

.list-heading-inner {
    padding-top:1rem;
}

.list-link-inner {
    color:#0e0e0e;
}

.ol-a {
    list-style: lower-latin;  
    margin-left:1.5rem;
}

.research__heading-desktop {
    display: block;
    margin-bottom: 2rem!important;
    margin-top:5rem;
}

.research__heading-mobile {
    display: none;
    margin-bottom: 3rem!important;
}

@media (max-width:500px) {
    .research__heading-desktop {
        display: none;
    }
    .research__heading-mobile {
        display:block;
        margin-top: 5rem;
        margin-bottom: 0!important;
        text-align: center !important;
        width: 100%;
    }
}

@media (max-width: 920px) {
    .research__heading-desktop {
        display: none;
    }
    .research__heading-mobile {
        display:block;
        margin-top: 5rem;
        margin-bottom: 0!important;
    }
}


#login {
    margin-top:9rem;
    padding: 5rem 15rem;
    text-align: justify;
    width:100%;
    font-size: 1.5rem;
    background: url('../images/intro/intro-slide-24.webp') no-repeat;
    background-size:cover;
    height: calc(100vh - 9rem);
}

.login-overlay {
    background: rgba(21,27,54,0.75);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.login-inner {
    width:50%;
    max-width:600px;
    height: calc(100% - 14vh);
    background: #fff;
    margin:7vh auto;
    border-radius:1rem;
    padding: 5rem 0;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

@media (max-width:500px) {
    width:100%;
}

#philanthropy, #database {
    text-align:center;
    scroll-margin-top:8rem;
}

.login-form {
    width: 100%;
    padding: 0 5rem;
}

.input-field {
    font-size: 16px;
    color: var(--ic-blue);
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 45px;
    background: 0 0;
    padding: 0 10px;
}

.input-field:focus {
    border-color:transparent!important;
}


input {
    outline: none;
    border: none;
}

.validate-input {
    position:relative;
}

.wrap-input {
    width: 100%;
    position: relative;
    border-bottom: 2px solid rgba(0,0,0,0.24);
    margin-bottom: 30px;
    display: flex;
}

.focus-input {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.input-field:focus+.focus-input::before {
    width: 100%;
}
.focus-input::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    background: var(--ic-blue);
}
*, ::after, ::before {
    box-sizing: inherit;
}
.input-field:focus+.focus-input::after {
    top: -22px;
    font-size: 18px;
}
.focus-input::after {
}
*, ::after, ::before {
    box-sizing: inherit;
}

.label {
    display:flex;
    margin:auto;
}

.button {
    padding: 1.5rem 3rem;
    border-radius:0.5rem;
    appearance:none;
    border: 0;
    outline: 0;
    font-size:2rem;
    text-transform: uppercase;
    margin-top:3rem;
    font-weight:500;
    transition: all 0.1s ease-in;
}

.button-submit {
    background:var(--ic-blue);
    color:#fff;
    margin-right:3rem;
}
.button-submit:hover {
    background:#ef9e24;
    color:#333;
}

.button-reset:hover {
    background:#bbb;
    
}

.investor-outer {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding-top: 7rem;
    width: 100%;
    margin-top: 9rem;
}

.investor-inner {
    display:flex;
    flex-wrap:wrap;
    max-width:750px;
    margin:auto;
}

.nav-outer {
    background:#fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    width:100%;
    padding: 3.5rem 5rem;
    border-radius: 1rem;
    margin-bottom: 3rem;
}

.nav-header {
    display: flex;
    flex-wrap:nowrap;
    justify-content: center;
}

.nav-heading {
    align-content:flex-start;
    margin-bottom:0;
    font-size:3.5rem;
    text-align: center;
}

.nav-date{
    color:var(--ic-grey);
    font-size:1.75rem;
    font-weight:600;
    padding: 0 2px 5px 2px;
    margin-bottom: 2rem;
    text-align: center;
}

.superscript {
    font-size:66%;
    vertical-align: top;
}

.investor-separator {
    height: 3px;
    width: 10%;
    background: #ef9e24;
    margin-bottom:3rem;
}

.nav-row {
    display:flex;
    flex-wrap:wrap;
    padding:1.5rem 0;
    border-bottom:1px dotted #cfcfcf;
}

.nav-row:last-child {
    border-bottom: none;
}

.nav-share {
    width:70%;
}

.nav-value {
    width:30%;
}

.nav-value {
    text-align:right;
}

.nl-ar-outer {
    width:calc(50% - 2.5rem);
    margin-left:2.5rem;
}

.nl-outer {
    background:#fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    padding: 5rem;
    border-radius: 0.75rem;
    width:100%;
    margin-bottom: 3rem;
}

.nl-heading {
    width: auto;
    padding: 0 2px 5px 2px;
    margin-bottom: 2rem;
    border-bottom: 3px solid #ee9e24;
}

.nl-selector {
    position: relative;
    flex-wrap: wrap;
    width: 80%;
    margin: 4rem 10% 2rem 10%;
}

.nl-dropdown {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border:1px solid var(--ic-blue);
    padding: 2rem;
    width: 70%;
    font-size:1.75rem;
    color:var(--ic-grey);
    border-radius: 0.75rem;
    outline: none;
}

nl-dropdown:focus {
    outline: 3px solid var(--ic-blue);
}

.select-arrow {
    position:absolute;
    top:2rem;
    left:60%;   
}

.button-view {
    margin: 0 0 0 5%;
    padding: 2rem 4rem;
    font-size: 1.75rem;
    font-weight: 600;
    width: 24%;
}

.investor-welcome {
    width:100%;
    display: flex;
    flex-wrap:wrap;
    align-items: end;
    background: #fff;
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
    width: 100%;
    padding: 3.5rem 5rem;
    border-radius: 1rem;
    margin-bottom: 3rem;
}
.investor-name {
    font-size: 3rem;
    width: 100%;
    text-align: center;
    color: var(--ic-blue);
    font-weight: 600;
}

.logout {
    display:none;
}
.logout a {
    color: var(--ic-blue);
}

.historical-nav {
    display:flex;
    margin:2rem 0;
    justify-content:right;
    align-items:center;
}
.historical-nav a {
    display:flex;
    color:var(--ic-blue);
    font-weight:700;
    padding: 1rem 1.5rem;
    border:1px solid var(--ic-blue);
    border-radius:0.5rem;
}
.historical-nav a:hover {
    background:#eeeeee;
}
.historical-nav a:active{
    background:#e7e7e7;
}
.seemore {
    display:flex;
    margin-left:1rem;
    height:1.5em;
    width:2rem;
}
.investor-main {
    display: flex;
    width: 100%;
    background: #f7f7f7;
}

.sidebar {
    margin-top: 0;
    padding: 5rem 0;
    position: sticky;
    top: 9rem;
    background: #efefef;
    margin-right: 3rem;
    height: calc(100vh - 9rem);
}

.sidebar-list-item {
    min-width: 250px;
    padding: 2rem 3rem;
}

.sidebar-list-item:hover {
    background:#e3e3e3;
}

.sidebar-icon {
    width: 1.5rem;
    height: 2.5rem;
    margin-right: 7px;
}

.sidebar-link {
    line-height: 2.5rem;
    color: var(--ic-blue);
    display: flex;
    text-transform: uppercase;
    font-size:1.65rem;
    letter-spacing: 0.05rem;
}

#newsletters{
    scroll-margin-top:12rem;
}
#investor {
    scroll-margin-top:-10rem;
}

/* 7 June 2025 -- Remove the following rule */
/*#current-research {
    margin-bottom:7rem;
    background: 
}*/

.header__inner-investor {
    margin:2rem 0;
}

.investor-footer {
    margin-left: -3rem!important;
    width: calc(100% + 3rem);
}
.investor-footer__inner {
    padding:8rem 5rem;
}
.investor-container {
    padding:0;
}

.investor-footer-branding {
    width: 15%;
    margin-left:0;
}

.investor-footer__img {
    width: 100%;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.investor-footer__nav {
    margin-right:0;
}

#awards {
    padding: 10rem 0;
}

@media (max-width: 920px) {
    .awards__text, .team__text, .research_para, .charity__admc-text, .footer__nav-link{
        font-size:1.5rem;
        line-height:2.5rem;
    }
    .login-inner {
        width:75%;
        max-width:75%;
        padding: 4rem 0;
    }
    #login {
        padding: 5rem 10rem;
        margin-top: 6rem;
        height: calc(100vh - 6rem);
    }
    .button {
        font-size:1.6rem;
        font-weight:700;
    }
    .investor-outer{
        padding: 5rem;
        margin-top:6rem;
    }
    .nav-outer {
        width: 100%;
        margin-right:0;
    }
    .nav-heading {
        font-size:2.5rem;
    }
    .nav-date {
        font-size:1.35rem;
    }
    .nav-share, .nav-value {
        font-size:1.6rem;
    }

    .investor-welcome {
        padding: 0 5rem 3rem 5rem;
        margin-top:0;
        align-items: center;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 0;
    }
    .investor-name {
        font-size: 2rem;
        width: 75%;
        text-align: left;
    }
    .logout {
        display:flex;
        width:25%;
        justify-content: right;
        font-size:1.25rem;
    }
    .nl-dropdown {
        font-size:1.3rem;
        padding:1.5rem;
        border-radius:0.5rem;
    }
    .select-arrow{
        top:1.25rem;
    }
    .button-view {
        margin-top:0;
        padding: 1.25rem 2rem;
    }
    .investor-main {
        display: flex;
        margin: auto;
        width: 100%;
        padding: 0;
    }
    .sidebar{
        display:none;
    }
    .investor-footer {
        margin-left: -5rem!important;
        width: calc(100vw + 5rem);
        margin-right: -5rem!important;
        margin-bottom: -5rem!important;
    }
    .investor-footer__inner {
        padding: 5rem;
        padding-bottom:4rem;
    }
    .investor-footer-branding {
        width: 100%;
        margin-bottom:3rem;
    }
}

@media (max-width:500px) {
    #login {
        padding: 3rem!important;
        margin-top:6rem;
    }
    .login-inner {
        width:90%;
        max-width:90%;
        padding: 2rem 0;
    }
    
    .button {
        padding: 1.25rem 1.5rem;
        border-radius: 0.5rem;
        font-size: 1.3rem;
        margin-top: 2rem;
    }
    .button-submit {
        margin-right: 1.5rem;
    }
    
    .footer-branding {
        margin-left: 0;
        text-align: center;
    }
    
    .footer__img {
        width: 66%;
        margin: 0.75rem 0;
    }
    
    .footer__nav {
        width: 100%;
        margin: 2rem 0;
        text-align: center;
        margin-right:0;
    }
    
    .footer__nav-link {
        display: block;
        font-size:1.25rem;
    }
    
    .footer__nav-link + .footer__nav-link {
        margin-left: 0;
        margin-top: 0.75rem;
    }
    
    .footer__inner {
        flex-wrap: wrap;
        padding: 3rem 0;
    }
    
    .nav-list__item-link {
        font-size: 1.25rem;
    }
    
    .investor-outer{
        padding: 3rem 0;
    }
    .nav-outer, .nl-outer {
        border-radius:0;
        padding: 3rem;
    }
    .nav-heading {
        font-size:2.5rem;
    }
    .nav-date, .nav-share, .nav-value {
        font-size:1.25rem;
    }
    .nl-selector {
        margin: 2rem 0;
        width:100%;
    }
    .nl-dropdown {
        font-size:1.3rem;
        padding:1.25rem 1rem;
        border-radius:0.5rem;
    }
    .button-view {
        margin-top:0;
        margin-right:0;
        padding: 1.25rem 2rem;
    }
    .select-arrow {
        top: 1.3rem;
    }
    
    .investor-welcome {
        padding: 0 3rem 3rem 3rem;
        margin-top:0;
        align-items: center;
    }
    
    .nav-outer, .nl-outer{
        box-shadow:none;
    }
    .investor-name {
        font-size: 1.75rem;
        width: 75%;
        text-align: left;
    }

    .logout {
        display:flex;
        width:25%;
        justify-content: right;
        font-size:1.25rem;
    }
    .historical-nav {
        justify-content:center;
    }
    .login-form {
        padding: 0 2rem;
    }
}

.test-container {
    display: flex;
    flex-wrap: wrap;
    width:100%;
    margin:2rem auto;
    justify-content: center;
}

.sidebar2 {
    height:200px;
    width:200px;
    position:sticky;
    top:12rem;
    margin-top:12rem;
    background: red;
    display:flex;
    flex-wrap: wrap;
}

.main2 {
    height:200vh;
    width:50%;
    background: yellow;
    margin-top:12rem;
    align-items: center;
    color:black;
    font-size:10rem;
    display: flex;
}

.awards-section-container {
    padding:0;
}

.awards-section img {
    width:100%;
}
.awards__inner__list {
    width:90%;
    margin: 0 5%;
    display: block;
    padding-bottom: 2rem;
}
.awards__timeline {
    width:100%;
    display: flex;
}
.awards-timeline__block {
    display: flex;
}
.atb-left {
    width:40%;
    margin-right:2%;
}
.atb-right {
    width:60%;
    margin-left:3%;
}
.atb-left .awards-timeline__title {
    width:12%;
}
.atb-right .awards-timeline__title {
    width:8%;
}

.atb-left .awards-timeline__item {
    width:44%;
}
.atb-right .awards-timeline__item {
    width: 30.66%;
}
.awards-hfm-1 {
    background: url(../images/awards/awards_hfm_1.webp);
}
.awards-hfm-2 {
    background: url(../images/awards/awards_hfm_02.webp);
}
.awards-eh-1 {
    background: url(../images/awards/awards_eh_1.webp);
}
.awards-eh-2 {
    background: url(../images/awards/awards_eh_2.webp);
}
.awards-eh-3 {
    background: url(../images/awards/awards_eh_3.webp);
}
.awards-hfm-1, .awards-hfm-2, .awards-eh-1, .awards-eh-2, .awards-eh-3 {
    background-size: cover;
    width: 100%;
    padding-top: 54.4%;
}
.awards-title-hfm {
    background: url(../images/awards/hfm.webp);
    background-size:contain;
    background-repeat: no-repeat;
    height:100%;
}
.awards-title-eh {
    background: url(../images/awards/eh.webp);
    background-size:contain;
    background-repeat: no-repeat;
    height: 100%;
}
.awards-timeline__blank {
    display: none;
}

@media (max-width: 920px) {
    .awards__timeline {
        flex-wrap: wrap;
    }
    .awards__inner__list {
        width:80%;
        margin: 0 10%;
    }
    .atb-left, .atb-right {
        width:100%;
        margin:0;
    }
    .atb-left{
        margin-bottom:2rem;
    }
    .atb-left .awards-timeline__title,  .atb-right .awards-timeline__title {
        width:9%;
    }
     .atb-left .awards-timeline__item,  .atb-right .awards-timeline__item {
        width:28.33%;
        margin-left:2%;
    }
    .awards-timeline__blank {
        display: block;
        width:28.33%;
        margin-left:2%;
    }
}

@media (max-width: 500px) {
    .atb-left, .atb-right {
        margin-bottom:2rem;
        padding-bottom: 2rem;
        display: flex;
        flex-wrap: wrap;
    }
    .atb-left .awards-timeline__title,  .atb-right .awards-timeline__title {
        width:80%;
        height:10%;
        margin:1rem 10%;
    }
     .atb-left .awards-timeline__item,  .atb-right .awards-timeline__item {
        width:80%;
        margin:8% 10%;
    }
    .awards-timeline__blank {
        display: none;
    }
    .awards-title-hfm,  .awards-title-eh {
        background: url(../images/awards/awards-1.webp);
        background-size:contain;
        background-repeat: no-repeat;
        background-position: center;
        height:100%;
    }
    .awards-title-eh {
        background: url(../images/awards/awards-2.webp);
        background-size:contain;
        background-repeat: no-repeat;
        background-position: center;
        height:100%;
    }
}

/* 
    v22.08.05 
    Copy the entire section below - from line 4218 to 4251
*/

.report-dl {
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    text-align: justify;
    width:100%;
    font-size: 1.5rem;
    padding:5rem 0;
    z-index: 1000;
    overflow:hidden;
}

.report-sub {
    font-size: 1.68rem;
    color:var(--ic-grey);
    margin-bottom:4rem;
}

.login-inner .section-heading {
    font-size: 3rem;
    margin-bottom:0;
}

.report-dl .login-inner {
    padding: 5rem 2.5rem;
    height:auto;
    max-width:500px;
}

.report-dl .button {
    font-size:1.75rem;
}

@media (max-width: 1024px) and (min-width: 500px) {
    .nav-list__item-link {
        font-size: 1.5rem;
    }
    .nav-list__item+.nav-list__item {
        margin-left: 0;
    }
}

/* 
    v22.12.09
    copy lines 4272 - 4558
*/

.report-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow-y: auto;
    height: 100vh;
    width:auto;
    display: flex;
    background: #ffffff;
    padding: 5rem 10rem;
    transition: all 0.5s ease-in;
}

@media (max-width: 920px) {
    .report-modal {
        font-size: 1.4rem;
        padding: 2rem 3rem;
        margin-bottom: 3rem;
      }
    .close-report-modal {
          margin-left:0!important;
      }
}

#report-modal {
    min-width:100%;
    padding:2rem 10rem;
    max-width:100%;
}

@media (max-width: 920px) {
    #report-modal {
        font-size: 1.4rem;
        padding: 2rem 2.75rem!important;
    }
}

#report-modal .modal_logo {
    margin-bottom:0;
}

#report-modal .team-modal__inner {
    width:100%;
}

#report-modal .modal-team-member-header {
    width:100%;
    margin-bottom:2rem;
}
#report-modal h2 {
    margin-bottom: 1rem;
}
.article-container {
    margin: 1rem 6rem;
    align-content: center;
    justify-items: center;
}

@media (max-width: 920px) {
   .article-container {
        margin: 1rem;
       font-size: 1rem;
    } 
}

.report-title {
    padding: 0.5rem;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    text-align: center;
}

.report-disclaimer {
    margin: 1.5rem 0;
    font-size: 1.5rem;
    text-align: center;
    font-style: italic;
    color: #777;
}

.report-body {
    margin: 1.5rem 0;
}

.report-body p {
    font-size: 1.65rem;
    text-align: justify;
    color:#333;
}

.cont-read {
    text-align: center;
    margin-top: -12rem;
    z-index: 1000;
    position: relative;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
    padding-top: 7rem;
}

.cont-read button {
    appearance: none;
    margin-top: 4rem;
    margin-bottom:1rem;
    letter-spacing: 0.25rem;
    background: var(--ic-blue);
    color: #fff;
    padding: 1rem 2.5rem;
    font-size: 1.5rem;
    border-radius: 0.5rem;
    border: none;
}

.cont-read button:hover {
    background: #ef9e24;
    color: #fff;
    transition:all 0.5s ease;
}

.report-body-hidden p {
    font-size: 1.65rem;
    text-align: justify;
    color:#333;
    margin-top:1.5rem;
}

.report-figure-row {
    display: flex;
    justify-content: center;
    padding: 3rem 0;
}
.figure-2{
    display: flex;
    flex-direction: column;
    max-width: 50%;
    text-align: center;
}
.figure-2.figure-left {
    padding-left:0;
    padding-right:3rem;
}
.figure-2.figure-right {
    padding-left:3rem;
    padding-right:0;
}
.figure-title {
    color: var(--ic-blue);
    text-decoration: underline;
    padding-bottom: 2rem;
}
.report-figure-row.source {
    width:100%;
    display: block;
    padding: 1rem 0;
    color:#777;
}
h6 span.italics {
    font-style: italic;
}
#botr_mPozuwuA_KVjIOsgK_div {
    width:75%!important;
    margin:0 12.5%!important;
}

@media (max-width: 920px) {
    #botr_mPozuwuA_KVjIOsgK_div {
        width:100%!important;
        margin:0!important;
    }
    
    .report-figure-row {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }
    .figure-2{
        width: 100%;
        max-width: 100%;
    }
    .figure-2.figure-left, .figure-2.figure-right {
        padding: 0;
    }
    .figure-title, .report-disclaimer {
        font-size: 1.35rem;
    }
    .report-figure-row.source {
        font-size: 1.75rem;
    }
    .report-title, .report-body p {
        font-size: 1.5rem;
    }
}

.video-container {
    position:relative;
}

.report-share {
    position: absolute;
    z-index: 99;
    top: 2rem;
    right: 0;
    scale: 0.75;
    margin: 0; /* 6 Jan 2026 -- Change value to 0 */
}

.report-share-button {
    appearance:none;
    width:15rem;
    max-width:120px;
    height:6rem;
    max-height:40px;
    padding:1rem 1rem;
    padding-bottom:0.7rem;
    background: #0166ffaa;
    border:none;
    margin:0.25rem;
    border-radius:0.5rem;
    font-size:1.85rem;
    color:#fff
}

.report-share-button:hover{
    background: #0166ff;
    transition: all 0.25s linear;
}
.report-share-button img {
    height:80%;
    margin-top:-0.3rem;
}
.report-share-button span {
    padding-top:1rem;
}

@media (max-width: 920px) {
    .report-share-button {
        padding: 0;
        max-width: 96px;
        max-height: 32px;
        margin:0;
    }
    
    .report-share {
        top: 1rem;
        right: 0;
        scale: 0.75;
        margin: 0;
    }
    
    .report-share-button img {
        margin-top: 0;
    }
    
    .report-share-button span {
        font-size:1.35rem;
        line-height: 3rem;
    }
}

.close-report-modal {
    position: absolute;
    top: 2rem;
    right: 1rem;
    z-index: 1001;
    order: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    font-weight: 300;
    font-size: 3rem;
    line-height: 3rem;
    margin-left: 3rem;
    cursor: pointer;
}

@media (max-width: 920px) {
    .close-report-modal {
        margin-left: 1rem;
    }
}

.close-report-modal svg {
    width: 1.8rem;
    height: 1.8rem;
    filter: brightness(0) saturate(1);
}

@media (max-width:500px) {
    .login-inner {
        width:90%;
        max-width:90%;
    }
    #report-modal h2 {
        line-height: 2.75rem;
    }
    .modal_logo {
        margin-bottom: 1rem!important;
      }
    #report-modal {
        padding:1.75rem!important;
    }
    .report-title {
        padding: 0.5rem;
        line-height: 2.5rem;
    }
    .report-disclaimer {
    margin: 1rem 0;
    }
    .report-body {
    margin-top: 0;
    }
    .cont-read {
        margin-top: -16rem;
    }
}

.figure-1 {
    max-width:100%;
    margin-top:-3rem;
}

.figure-title-single {
    padding-bottom:0;
}

#about {
    position: relative;
    height:100vh;
    width:100vw;
    overflow: hidden;
    background: none;
    background-size: cover;
    padding:0;
}

#video-bg {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    z-index: -100;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: baseline;
    object-fit: cover;
    aspect-ratio: 16 / 9; /* 6 Jan 2026 -- Add this rule */
}

.overlay {
    background: rgba(0,0,0,0.25);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    box-sizing: border-box;
}

.intro__text {
    padding:10%;
    line-height: 1.75;
    text-align: justify;
    text-align-last: center;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 0px 0px 5px black;
}

.esg-image {
    margin-top:4rem;
}

.esg-image img {
    max-width: 75%;
}

.h_text {
    font-size:0;
}


/* 5-May-2023 Add this code to the stylesheet */

.esg-visual-container {
    width: 75%;
    margin: auto;
    display: flex;
}

.esg-visual-section {
    width: 32%;
    background: #fff;
    border-radius: 1rem;
    border: 1px solid #e0e0e0;
    padding: 2rem 1rem;
    margin-right: 2%;
}
.esg-visual-section:last-child {
    margin: 0;
}
.esg-heading {
    color: var(--ic-blue);
}
.esg-icon {
    height:128px;
    max-height: 128px;
    padding: 1.5rem 0;
}

.esg-list-master {
    text-align: left;
    list-style: disc;
    padding-left: 2rem;
    font-size: 1.65rem;
}

.esg-list-item {
    padding-top: 1rem;
}

.esg-visual-container-2 {
    max-width: 75%;
    margin: auto;
}
.esg-visual-section-2 {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 4rem 0;
}
.esg-text-container {
    text-align: left;
    width: 87.5%;
    padding-right: 2em;
}
h4.esg-heading-2 {
    color: var(--ic-blue);
    font-size: 2rem;
}
.esg-icon-container {
    width: 15%;
    border-left: 1px solid var(--ic-grey);
    text-align: center;
    padding-left:2em;
}

.esg-icon-2 {
    max-width:100%;
}

span.esg-heading-2 {
    color: var(--ic-blue);
    font-size: 2.55rem;
    font-weight: bold;
    padding-right: 0.5rem;
}
.esg-text-2 {
    text-align:justify;
}

.esg-visual-section-3{
    display: flex;
    width: 100%;
    align-items: center;
    margin: 2rem 0;
    border-top: 1px solid #ccc;
}

.esg-icon-container-3 {
    width: 12.5%;
    border-left: 1px solid #ccc;
    text-align: center;
    padding: 1rem 0 0 0.75em;
}

.esg-icon-3 {
    max-width: 70%;
    background: #eee;
    border-radius: 50%;
    padding: 1rem;
}
.esg-icon-adjust {
    padding: 2rem 1rem;
}

.esg-icon-adjust {
    padding: 1.75rem 1rem;
}

@media (max-width:500px) {
    esg-visual-container-2 {
        max-width: 90%;
        margin: auto;
        margin-top: 2.5rem;
    }
    
    .esg-text-container {
        text-align: left;
        width: 80%;
        padding-right: 1em;
        border-right: 1px solid #ccc;
        padding-top: 0.25rem;
    }
    
    .esg-visual-section-3 {
        margin: 1.5rem 0;
    }
    
    .esg-text-2 {
        font-size: 1.35rem;
    }
    
    span.esg-heading-2 {
        font-size: 1.65rem;
        padding-right: 0;
    }
    
    .esg-icon-container-3 {
        width: 20%;
        border-left: none;
        padding-left: 0.75rem;
    }
    
    .esg-icon-3 {
        max-width: 100%;
        padding: 0.55rem;
    }
    
    .esg-visual-container-2 {
        max-width: 90%;
    }
    
    .esg-icon-adjust {
        padding: 1.375rem 1rem;
    }
    
}

.auto_margin {
    margin:auto;
}

@media (max-width:500px) {
    #current-research {
        margin:0;
    }
    
    .reports__item + .reports__item {
        margin-top: 0;
    }
}


/*.podcast {
    margin: 0 0 2rem 0;
}

.podcast-left {
    width:570px;
    max-width: 60%;
    border-radius: 1rem!important;
    overflow: hidden;
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 52.25%;
    padding-top:25px;
    height: 0;
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.podcast-right {
    width: 40%;
    max-width: 40%;
    padding-left: 0;
}
.listen-list {
    width:100%;
    display: flex;
    padding-top:1rem;
}

.listen-option {
    width:75%;
    padding-right:10%;
}
*/

.podcast {
    text-align:center;
    scroll-margin-top:8rem;
    padding: 8rem 10%;
}

.banner-wrapper {
    width: 100%;
    padding: 0 15%;
    margin-bottom: 3rem;
    border-radius: 1rem;
}

    .banner-wrapper img {
        width: 100%;
        /* 6 Jan 2026 -- Add these 3 rules (height, aspect-ratio and object-fit) */
        height: auto;
       /* aspect-ratio: 16 / 9;*/
        aspect-ratio: 2;
        object-fit: cover;
        border-radius: 1rem;
    }

.info-wrapper {
    text-align: left;
    width: 100%;
    padding: 0 15%;
}

.info-wrapper h3 {
    font-size: 1.5rem;
}

.info-wrapper h1 {
    color: var(--ic-blue);
    margin-bottom: 1rem;
}

.info-wrapper p {
    padding-bottom: 1rem;
    text-align:justify;
}

.full-audio-wrapper {
    width: 100%;
    padding: 0 15%;
    margin-bottom: 4rem;
}

.full-audio-wrapper h3 {
    text-align: left;
}

.listen-list {
    display: flex;
    margin-top: 2rem;
    justify-content: space-evenly;\
}

.listen-list .green-audio-player {
    height:66px;
}

.full-audio .green-audio-player {
    height: 50px;
    background: #c0c7e1;
    box-shadow: none;
    margin-top: -1rem;
}

.audio-item .green-audio-player {
    height:60px;
}

.listen-list-item {
    align-items: center;
    margin: 0 1.65%;
    
}

.listen-left {
    padding-top:2rem;
}


.list-item-wrapper {
    width:100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.listen-icon {
    height: 4rem;
    padding-right:0.5rem;
}

.list-item-wrapper p {
    font-weight: bold;
    color: #000;
    font-size: 1.75rem;
}

.list-item-wrapper p:hover {
    color: #ef9e24!important
}

#podcast-intro {
    padding-top: 12rem;
}

/*.header-scroll-top{
    background: #ffffff;
}

.nav-list__item-link {
    color: var(--ic-blue)!important;
}*/


.research-db {
    padding-bottom: 8rem;
}
/* disabled line 1951 -- top: 33vh */
/* disabled line 1723 -- transition: all */


/* <!-- 23 Dec 2025 --> */
.intro-toast {
    position: absolute;
    bottom: 5rem;
    right: 5rem;
    width: 370px;
    max-width: 90%;
    background: linear-gradient(to left bottom, #fff9, #a4103444);
    padding: 15px 20px;
    border-radius: 30px;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #000A;
    border-top: 2px solid #ccc;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: 0.3s all linear!important;
}
.intro-toast:hover {
    transform: translateY(-5px)!important;
    box-shadow: 0 29px 52px rgba(0,0,0,0.40), 0 25px 16px rgba(0,0,0,0.20);
}
.toast-wrapper {
    display: flex;
    width:100%;
    align-items: center;
}

.toast-text-date {  /* <!-- 13 Feb 2025 --> */
    color: #fff; 
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5; 
    /*font-weight: bold;*/
    text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

.toast-text-desc {
    color: #fff; /* <!-- 13 Feb 2025 --> */
    font-size:14px;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}

/* <!-- 13 Feb 2025 --> */

.toast-text-desc span { 
     color: #a41034; 
}


.toast-watch {
    display: flex;
    margin: 12px 0 5px 0;
    padding: 8px 16px;
    background: #a41034;
    width: fit-content;
    border-radius: 25px;
    align-items: center;
    
}

.toast-watch-icon {
    width: 12px;
    height: 12px;
    margin-left: 8px;
    display: inline-flex;
}
.toast-watch-icon img {
    width: 100%;
    height: 100%;
}

.toast-watch-cta { 
    color: #fff; 
    font-size: 14px;
    font-weight: bold;
}


/* <!-- 13 Feb 2025 --> */

.toast-icon-wrapper {
    margin-left: 5px;
}

.toast-icon-wrapper img{
    width: 18px;
}

@media (max-width: 920px) {
    
    .intro-toast {
        bottom: 12rem;
        right: auto;
        padding: 1.25rem;
        padding-left: 2rem;
    }
    
    .podcast {
        margin: 0;
        scroll-margin-top:4rem;
        padding: 4rem 0;
    }
    
    .banner-wrapper, .info-wrapper, .full-audio-wrapper {
        padding:0;
    }
    
    .listen-wrapper {
        line-height:1.5rem;
    }
    
    .list-item-wrapper p {
        text-align: left;
        font-size: 1.35rem;
        font-weight: normal;
    }
    
    .listen-icon {
        height: 3.25rem;
        padding-right:0.25rem;
    }
}

@media (max-width: 500px) {
    #about {
        margin-top:-6rem;
    }
}

/* 6 May 2025 -- Replace this section */
#philanthropy, #database {
    text-align: center;
    scroll-margin-top: 18rem;
    padding-top: 8rem;
    padding-bottom: 8rem;
}

/* Current Research section changes -- Line 2339, 2346, 2361 */

.audio-wrapper {
    max-width: 100%;
    margin:0 auto;
    text-align: left;
}

.audio-item {
    padding: 2rem 0;
}

.audio-item h3 {
    padding-bottom: 1.25rem;
    font-weight: normal;
    font-size: 1.85rem;
}

.player {
    align-content: center;
    text-align: center;
    /*margin: 0 50px;*/
}

.podcast-wrapper {
    display: flex;
    width: 100%;
    position: relative;
    flex-flow: column;
}

.podcast-container {
    padding:0!important;
    clear: both;
}

.podcast-left {
    width: 55%;
    box-sizing: border-box;
    padding-right: 4rem;
    min-width: 350px;
    position: absolute;
}

.podcast-right {
    width:45%;
    padding-left: 4rem;
    margin-left:55%;
}

.banner-wrapper, .info-wrapper, .full-audio-wrapper {
    padding:0;
}

@media (max-width: 920px) {
    .podcast-left {
        width: 100%;
        box-sizing: border-box;
        padding: 0 3rem;
        margin: 0 auto;
        position: relative;
    }
   
    .info-wrapper h1 {
        font-size: 2rem;
    }
    
    .info-wrapper h1 {
        font-size: 2rem;
    }
    
    .info-wrapper p {
        font-size: 1.5rem;
    }
    
     .info-wrapper h3 {
        font-size: 14px;
    }
    
    .listen-left {
        padding-top: 0;
    }
    
    .listen-wrapper h3 {
        font-size: 20px;
        padding-top: 2rem;
    }
    
    .podcast-right {
        width: 100%;
        padding: 0 3rem;
        margin-top: 2rem;
        margin-left: 0;
    }
    
    .audio-wrapper {
        text-align: center;
    }
    
     .audio-wrapper h3 {
        font-size: 20px;
    }
    
    .audio-item {
        text-align: left;
        padding: 1rem 0 2rem 0;
    }
    
    .audio-item h3 {
        font-size: 18px;
    }
    
    .audio-item .green-audio-player {
        border-radius: 0.5rem;
    }
    
    .full-audio .green-audio-player {
        height: 60px;
        background: #c0c7e1;
    }
    
}

.scroll_arrow {
    position: fixed;
    left: calc(50% - 32px);
    bottom: 4rem;
    background-color: rgba(70, 75, 107, 0.75);
    border-radius: 50%;
    cursor: pointer; /* 6 May 2025 --> Add this rule */
}

.scroll_icon img {
    max-width:64px;
    max-height: 64px;
}


/*19 Dec 2024 -- Add the code from here till the end */

/* 7 June 2025 -- Replace .video-playlist-container */
.video-playlist-container {
    width: 100%;
    max-width: 1250px;
    margin: auto;
    text-align: left;
    padding: 0;
    position: relative;
}

.main-video-container { 
    flex: 1 1 100%; /* 7 June 2025 -- Change the value */
   /* background-color: #fff; */ /* 6 MAY 2025 --> Hide this rule */
    padding: 15px 10%; /* 7 June 2025 -- Change the value */
    scroll-margin-top: 80px; /* 7 June 2025 -- Add this rule */
}

.main-video {
    margin-bottom: 7px;
    width: 100%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 20px 25px -5px, rgba(0, 0, 0, 0.04) 0 10px 10px -5px;
    border: 2px solid #eee;
    /* 16 Jn 2026*/
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.main-video-title {
    font-size: 20px;
    color: #444;
    padding-top: 1rem;
}

.video-list-container {
    flex: 1 1 300px;
    /* background-color: #fff; */ /* 6 MAY 2025 --> Hide this rule */
    padding: 25px 15px;
    /* 7 June 2025 -- Add the following 3 rules */
    width: 100%;
    position: relative;
    scroll-margin-top: 250px;
  
}

.vlist {
    display: flex;
    align-items: center;
    gap: 15px;
    /* padding: 10px; 
    border: 1px solid #ddd; */ /* 7 June 2025 -- Remove padding and border rules */
    border-radius: 10px; /* 7 June 2025 -- Change value to 10px */
    margin-bottom: 2rem;
    background-color: #f5f5f5;
    cursor: pointer;
    /* 7 June 2025 -- Add the following rules */
    aspect-ratio: 1.77;
    border: none;
    scale: 1;
    transition: all linear 0.2s;
}

/* 7 June 2025 -- Add the enclosed classes -- START */
.vlist-wrapper {
  display: flex;
}

.vlist-wrapper .vlist {
  width: 25%;
  aspect-ratio: 1.5;
  margin-right: 15px;
}

.vlist-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(0deg, #000D,#0008,transparent,transparent);
}

#investorcall {
  position: relative;
}

.invcall-hl-btn {
    position: absolute;
    right: 0;
    top: 17%;
    padding: 10px 15px;
    background: #eee;
    border-radius: 25px 0 0 25px;
    box-shadow: 0 5px 10px #0002;
    color: var(--ic-blue);
    font-weight: bold;
    display: flex;
    font-size: 16px;
    align-items: center;
    cursor: pointer;
}

.invcall-hl-btn img {
    filter: invert(30%) sepia(28%) saturate(593%) hue-rotate(194deg) brightness(88%) contrast(92%);
    height: 20px;
    padding-right: 5px;
}

/* 7 June 2025 -- Add the enclosed classes -- END */

.vlist:last-child {
    margin-bottom: 0;
}

/* 7 June 2025 -- Add the following class and rule */
.vlist-wrapper>.vlist:last-child {
  margin-bottom: 2rem;
  margin-right: 0;
}

.vlist.active {
  /*background-color: #fafafa;*/ /* 7 June 2025 -- Remove the rule */

 /* 7 June 2025 -- Add the following rules */
  transform: translateY(-10px) translateZ(0)!important;
  border: 3px solid var(--ic-orange);
  transition: all linear 0.2s;
}

.vlist.active .list-title {
    color: var(--ic-orange);
  }

.label-nowplaying {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px;
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 12px;
  background: #0009;
  color: #FFF;
  font-weight: bold;
}

.vlist.active .label-nowplaying {
  display: block!important;
}

.container .video-list-container .vlist.active .vlist.title {
    color: #888;
}

/* 7 Jun 2025 -- Replace .list-video and .list-tile */

.list-video {
    width: 100%;
    border-radius: 8px;
    object-fit: cover;  
    aspect-ratio: 1.5;
}

.list-title
 {
    color: #fff;
    font-weight: 100;
    position: absolute;
    bottom: 0;
    padding: 2rem;
    font-size: 1.75rem;
}

@media (max-width:500px) {
    /* 7 June 2025 -- Remove the enclosed classes -- START */
   /* .video-list-container {
      padding: 5px 0;
      flex: 1 1 auto;
      display: flex;
    }
    
    .vlist {
        margin-bottom: 10px;
        padding: 0 10px 0 0;
    }
    
    .list-video {
        width: 120px;
        border-radius: 5px 0 0 5px;
    }*/
  
    
    .list-title {
        font-size: 1.25rem;
    }
  
  /* 7 June 2025 -- Remove the enclosed classes -- END */
    
    .video-playlist-container {
        gap: 0;
    }
    
    .main-video {
        margin-bottom: 0;
    }
    
    .main-video-title {
        padding-top: 5px;
    }
    
    #investorcall {
        padding: 4rem 0;
        scroll-margin-top: 4rem;
    }
  
    /* 7 June 2025 -- Add the enclosed classes -- START */
  .main-video-container {
    padding: 5px 0;
  }
  
  .video-list-container {
      padding: 5px 0;
      flex: 1 1 auto;
      display: block;
    }
  
  .vlist-wrapper {
    display: block;
    margin-top: 15px;
  }
    .vlist-wrapper .vlist {
      width: 100%;
      min-width: 100%;
      aspect-ratio: 1.77;
      margin-right: 0;
    }
  
    .list-video {
      width: 100%;
      min-width: 100%;
      aspect-ratio: 1.77;
    }
  
  .list-title {
    font-size: 1.5rem;
  }
  
  .vlist.active { 
    transform: none !important;
  }
  
  .invcall-hl-btn {
    display: none;
  }
  
  /* 7 June 2025 -- Add the enclosed classes -- END */
  
}

/* Current Research New Layout -- START (Replace or add the enclosed classes */

.whitepaper-modal {
    transition: transform 2s ease;
    transform: translateX(0);
    position: fixed;
    z-index: 1000;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(255,255,255);
    box-shadow: none;
}

.whitepaper-modal.open {
    transform: translateX(-100%);
    box-shadow: rgba(0, 0, 0, 0.25) 0 54px 55px, rgba(0, 0, 0, 0.12) 0 -12px 30px, rgba(0, 0, 0, 0.12) 0 4px 6px, rgba(0, 0, 0, 0.17) 0 12px 13px, rgba(0, 0, 0, 0.09) 0 -3px 5px;
}

.close-whitepaper-modal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
    display:flex;
    align-items: center;
    order: 2;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    /*cursor: pointer;*/ /* 7-Aug-2025 -- Remove this rule */
    padding: 10px 0 10px 15px;
    background: var(--ic-blue);
    width: 100%; /* 7-Aug-2025 -- Change width to 100% */
    max-width: 250px;
    box-sizing: border-box;
    border-right: 5px solid #ef9e24;
}

.close-whitepaper-modal img {
    margin-right: 4px;
    filter: var(--filter-ic-blue);
    height: 20px;
}

.whitepaer-content-wrapper {
    display: flex;
    width: 100%;
}

.whitepaper-navigation {
    max-width: 250px;
    background: var(--ic-blue);
    padding: 15px;
    height: 100%;
    min-height: 100vh;
    padding-top: 30px;
    border-right: 5px solid #ef9e24;
    overflow-y: scroll;
    position: fixed;
    -ms-overflow-style: none;
    scrollbar-width: none; 
    /* 7-Aug-2025 -- Add rules -- START */
    width: 100%;
    z-index: 100;
    /* 7-Aug-2025 -- Add rules -- END */
}

.whitepapaer-navigation::-webkit-scrollbar {
    display: none;
}

.whitepaper-navigation-item {
    margin: 20px 0;
    border-radius: 10px; /* 6 Jan 2026 -- Change to 10px */
    scroll-margin-top: 80px;
}

.whitepaper-navigation-item img {
    width: 100%;
    cursor: pointer;
    border-radius: 10px; /* 6 Jan 2026 -- Change t0 10px */
    scale: 1;
    transition: all 0.33s ease-in;
}

.whitepaper-navigation-item img:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    scale: 1.01;
    border: none;
}

.whitepaper-navigation-item.active{
    border: 1.5px solid #ef9e24;
}

.whitepaper-buffer {
    max-width: 250px;
    height: 100vh;
}

.whitepaper-canvas {
    position: fixed;
    width: calc(100% - 250px);
    height: calc(100vh - 50px);
    min-height: calc(100vh - 50px);
    right: 0;
    /*overflow-y: scroll;*/
    background: #eee;
    text-align: center; /* 4-Aug-2025 - Add this rule */
    overflow: auto; box-sizing: border-box; /* 12-Aug-2025 - Add these rules */
    /*background-image: url(../images/common/loader2.gif);
    background-repeat: no-repeat;
    background-size: 75px auto;
    background-position: center;*/
}

.loader {
  width: 15px;
  aspect-ratio: 1;
  background: #000;
  border-radius: 50%;
  animation: l6 1s infinite linear alternate;
}
@keyframes l6 {
    0%  {box-shadow: 15px 0,-25px 0}
    50% {box-shadow: 15px 0,-15px 0}
    100%{box-shadow: 25px 0,-15px 0}
}

.whitepaper-inner-html {
    width:100%;
    min-height: 100vh;
    background: #fff; /* 6 Jan 2026 -- Add this rule */
}

.whitepaper-dl {
    position: fixed;
    bottom:20px;
    right: 20px;
    background: var(--ic-blue);
    font-size: 12px;
    border-radius: 3px;
    padding: 8px 12px;
    z-index: 9999;
}

.whitepaper-dl:hover {
    color: #ef9e24;
}

.whitepaper-dl a {
    color: #fff;
    font-weight:300;
    transition: all 1s ease;
}

.whitepaper-dl a:hover {
    color: #ef9e24;
}

/* Current Research New Layout -- END */

.harvardconf {
    background: #a41034;
    padding: 25vh 10%;
    color: #fff;
    text-align: left;
}

.coming-soon {
    background: #fff;
    color: #a41034;
    border-radius: 4px;
    width: 120px;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    font-size: 12px;
}

.event-heading {
    font-size: 3.5rem;
    font-weight: bold;
    padding-top: 10px;
}

.event-details {
    padding: 10px 0;
}

.event-detail-row {
    display: flex;
    padding: 10px 0;
}

.event-detail-icon {
    max-width: 24px;
    margin-right:10px;
}

.event-detail-icon img {
    max-width: 24px;
}

.event-detail-text {
    font-size: 16px;
}

@media (max-width:500px) {
    .event-heading {
        font-size: 2.75rem;
    }
    
    .event-detail-text {
        font-size: 18px;
    }
}

#india-conference .container {
    width: 75%;
    padding: 0;
    margin: auto;
    margin-left: 12.5%;
    box-sizing: border-box;
}

.section-title {
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    color: rgba(255,255,255,0.6);
}

.indcon-desc-wrapper {
    display: flex;
    padding: 14px 0;
    width: 100%;
    max-width: 1000px;
    margin-bottom: 10px;
}

.indcon-heading {
    width: 650px;
    text-align: left;
    font-weight: 800;
    font-size: 36px;
    color: var(--ic-orange);
    line-height: 1.3;
    box-sizing: border-box;
    padding-right: 10px;
}

.indcon-heading-2_4 {
    width: 100%;
    text-align: justify;
    font-size: 42px;
}

.indcon-desc {
    width: 350px;
    max-width: 350px;
    text-align: justify;
    font-size: 13px;
    box-sizing: border-box;
    padding: 0;
    padding-top: 8px;
    color: rgba(255,255,255,0.5)
}

.indcon-video-player {
    position: relative;
}

.indcon-main-video {
    background-color: black;
    transition: opacity 0.5s ease;
    border-radius: 10px; /* India Conference New Video Player -- Change from 5px to 10px */
    opacity: 1;
    border: none;
}

.indcon-main-video div iframe {
    display: inline-block;
    border-radius: 5px;
}
.video-fade {
            opacity: 0;
        }

.backToFullVideo {
    position: absolute;
    top: 0;
    left: 0;
    margin: 20px;
    background: #a41034;
    padding: 8px 10px;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    display: none;
    z-index: 500;
}

.indcon-highlights-wrapper h3 {
    text-align: left;
    color: var(--ic-orange);
    margin-top: 12px;
    font-size: 20px;
}

@keyframes slide {
    from {
        transform: translateX(0);
    }
    to {
        transform:  translateX(-100%);
    }
}

.thumbnails-container {
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 24px;
    position: relative;
    white-space: nowrap;
}
.thumbnails-slider {
    display: flex;
    transition: all 0.3s ease-in-out;
}


.thumbnail {
    width: 200px;
    margin-right: 25px;
    cursor: pointer;
    text-align: center;
    border-radius: 2px;
    white-space: normal;
}

.thumbnail-image {
    position: relative;
    width: 100%;
    height: 112px;
    padding-top:15px;
    box-sizing: border-box;
    transition: all 0.3s linear;
}

.thumbnail-image:hover {
    margin-top: -15px;
    margin-bottom: 15px;
}


.thumbnail-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
}
.now-playing {
    position: absolute;
    /*top: 0;
     right: 0;
    */
    top: 1rem;
    right: -4rem;
    background-color: #fffd;
    color: #a41034;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: bold;
    margin: 10px;
    margin-right: 45px;
    border-radius: 3px;
    display: none;
}
.thumbnail-info {
    text-align: left;
    padding: 14px 0;
    margin-top: 0;
    transition: all 0.3s linear;
}
/*.thumbnail-image:hover ~ .thumbnail-info {
    margin-top: 15px;
}*/
.thumbnail-video-title {
    font-size: 16px;
    color: var(--ic-orange);
    line-height: 1.2;
    font-weight: bold;
}

.thumbnail-video-duration {
    font-size: 12px;
    color: rgba(255,255,255,0.5);
}
.progress-bar {
    height: 3px;
    width: 33%;
    margin: auto;
    background-color: rgba(255,255,255,0.25);
    position: relative;
    margin-top: 5px;
}
.progress-bar-fill {
    height: 100%;
    width: 30%;
    background-color: var(--ic-orange);
    position: absolute;
    left: 0;
    transition: left 0.3s ease;
}
.slider-navigation {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.arrow {
    color: var(--ic-orange);
    border: 2px solid var(--ic-orange);
    width: 36px;
    height: 36px;
    cursor: pointer;
    margin: 0 10px;
    border-radius: 100%;
    font-size: 12px;
    margin-top: 12px;
    background: transparent;
    transition: all 0.3s linear;
}

.arrow:disabled {
    color: #ccc;
    border-color: #ccc;
    opacity: 0.5;
    cursor: not-allowed;
}

/* 7 June 2025 -- New rules START */

.swiper_prev_InvCall, .swiper_next_InvCall {
    position: absolute;
    top: calc(50% - 24px);
    z-index: 1000;
    margin: 0;
    padding: 0;
    border: none;
    width: 40px;
    height: 40px;
}

.swiper_prev_InvCall {
  left: 0;
}

.swiper_next_InvCall {
  right: 0;
}

.swiper_prev_InvCall img, .swiper_next_InvCall img {
  width: 100%;
}

.swiper-slide-active {
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    z-index: 10;
    scale: 1.1;
  transition: all linear 0.2s;
    /*border: 2px solid #ef9e24;*/
  }

/* 7 June 2025 -- New rules END*/

.section-title-wrapper {
    display: flex;
}

.ich-logo {
    width: 275px;
    height: auto;
    /*opacity: 0.75;*/
    padding-right: 25px;
    border-right: 2px solid #ffffff99;
    margin-right: 25px;
}
.ich-logo img {
    width: 100%;
    filter: brightness(0) invert(1);
}

.ich-date {
    text-align: left;
    color: #fff;
    font-size: 14px;
    align-content: center;
}

.ich-date-2_4 {
    text-align: left;
    color: #fff;
    font-size: 20px;
    align-content: center;
}

.indcon-heading a {
    color: var(--ic-orange);
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

.indcon-heading a:after {
    display:block;
    content:'';
    width:100%;
    height:7px;
    background:var(--ic-orange)66;
    margin-top:-2px;
    transition: 0.3s all ease-in;
    border-radius: 2px;
  }

.indcon-heading a:hover:after {
    background: var(--ic-orange);
}


.popup-link {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}
.popup-tk, .popup-dt, #tySpeakersPopup { /* 29 Dec 2025 -- Add #tySpeakersPopup here */
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    z-index: 1000;
    max-width: 800px;
    width: 100%;
    animation: popup-appear 0.4s ease-in-out;
}
@keyframes popup-appear {
    from { opacity: 0; transform: translate(-50%, -60%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
}
.popup-content {
    display: flex;
    align-items: flex-start;
    padding: 20px;
}
.popup-content img {
    width: 35%;
    border-radius: 20px; /* 6 Jan 2026 -- Change value */
    /* 6 Jan 2026 -- Add 2 new rules */
    aspect-ratio: 3 / 4; 
    object-fit: cover;
}
.popup-heading {
    margin-left: 20px;
}
.popup-heading h2 {
    margin: 0;
    text-align: left;
    color: var(--ic-blue);
}
.popup-heading h3 {
    margin-top: 5px;
    font-size: 1rem;
    color: gray;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    font-size: 16px;
}
.popup-description {
    margin-top: 10px;
    text-align: justify;
    font-size: 14px;
}
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--ic-grey);
    border: none;
    width: 30px;
    height: 30px;
    font-size: 2rem;
    cursor: pointer;
    z-index: 1001;
    border-radius: 50%;
}
.indcon-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

.ich-title {
    font-size: 16px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.75);
    text-align: left;
    line-height: 1.25;
    width: 600px;
}
.ich-logo-r {
    height: 75px;
    width: calc(100% - 600px);
    opacity: 75%;
    text-align: right;
}
.ich-logo-r img {
    height: 100%;
}

.play-button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: radial-gradient(#ffff, #ffff, #fff9, #fff0, #fff0);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    display: block;
    height: 64px;
    width: 64px;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    transition: all 0.3slinear;
    padding: 0;
    opacity:0.75
}
.play-button img {
    width: 100%;
    height: 100%;
}
.play-button:hover {
	box-shadow: 0 0 20px var(--ic-orange)99;
    background: radial-gradient(var(--ic-orange)ff,var(--ic-orange)ff,var(--ic-orange)99,var(--ic-orange)00,var(--ic-orange)00);
}

.popup-ic-vid {
    transition: all 0.5s ease-in;
    /*animation: vid-appear 0.3s linear;*/
}

@keyframes vid-appear {
    from { opacity: 0; transform: translate(0, -5%); }
    to { opacity: 1; transform: translate(0, 0); }
}

.popup-link-ic-playbtn {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.vidPopupButton {
    margin: 22vh auto 18vh auto;
    height: 80px;
    width: 80px;
    background: radial-gradient(#ffff,#ffff,#fff9,#fff0,#fff0);
    border-radius: 50%;
    border:none;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    transition: all 0.3s linear;
    opacity: 0.75;
    padding: 0;
}
.vidPopupButton:hover {
    box-shadow: 0 0 20px var(--ic-orange)99;
    background: radial-gradient(var(--ic-orange)ff,var(--ic-orange)ff,var(--ic-orange)99,var(--ic-orange)00,var(--ic-orange)00);
}
.vidPopupButton div img {
    width: 100%;
    height: 100%;

}

/*.vidPopupButton div {
    box-shadow: 0px 9px 30px rgba(255, 149, 5, 0.1);
    height:100%;
    width: 100%;
    font-size: 32px;
    line-height: 80px;
    text-align: center;
}*/

.popup-link-ic-hls {
    display: block;
    width: auto;
    margin-bottom: 80px;
    justify-self: right;
    padding: 12px 18px;
    background: #0008;
    border-radius: 36px;
    transition: all 0.3s ease-in-out;
    position: absolute;
    right: 0;
    bottom: 0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    backdrop-filter: blur(5px);
}

.popup-link-ic-hls:hover {
    transform: translateY(-5px);
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.popup-link-hls-a {
    display: flex;
    color: var(--ic-orange);
    align-items: center;
    font-size: 28px;
    cursor: pointer;
    justify-content: center;
    font-weight: bold;
}

.hls-icon-img {
    height: 36px;
    padding-left: 8px;
    vertical-align: middle;
}

.popup-link-hls-a:hover .hls-hdng, popup-link-hls-a:hover .hls-icon-img{
    color: var(--ic-orange);
    filter: none;
}

.hide-icvids {
    height: 0;
    width: 0;
    opacity: 0;
    overflow:hidden;
}

.indcon-image-bg {
    background-image: url('../images/indconf/background-4.webp')!important;
    height: 100%;
    /*background-attachment: fixed;*/
    background-position: 25% 75%!important;
    background-repeat: no-repeat;
    background-size: cover!important;
}
.indcon-solid-bg {
    background: #6E2629;
}
.ichvidtitle {
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    color: var(--ic-orange);
    background: linear-gradient(180deg, #000A, #0007, transparent);
    width: 100%;
    padding: 20px;
    font-size: 24px;
    text-shadow: 0 3px 3px #0007;
    font-weight: bold;
    padding-bottom: 25px;
    transition: all 0.3s linear;
    border-radius: 5px 5px 0 0;
    display:none;
}

.thumbnail {
    width: 350px;
    margin-right: 10px;
}

.thumbnail-image {
    height: 195px;
    padding-top:0;
}
.thumbnail-image:hover {
    margin-top: 0;
    margin-bottom: 0;
}
.indcon-main-video[poster] {
    object-fit: cover;
}

.thumbnail-info {
    text-align: left;
    padding: 30px 0 10px 15px;
    margin-top: 0;
    transition: all 0.3s linear;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 10px;
    background: linear-gradient(0deg, #000D, #000B, #0008, transparent);
    width:100%;
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
}
#india-conference {
    padding: 5rem 5rem 2rem 5rem;
}
#india-conference .container {
    width: 100%;
    max-width: 1500px;
    margin-left: auto;
    min-height: 85vh;
    position: relative;
}
.ich-logo {
    width: 350px;
}
.indcon-desc-wrapper {
    max-width: 100%;
}
.indcon-heading-2_4 {
    font-size: 3.95vw;
    text-align: left;
    display: inline-block;
}
.indcon-video-wrapper {
    width: 90%;
    max-width: 1100px;
    margin: auto;
}
.indcon-video-player {
    margin: 30px auto;
    background: #000;
    border-radius: 10px;
    box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 0px 1px rgba(9, 30, 66, 0.08);
    /*width: 100%;*/
    max-width: 1000px;
    max-height: 75vh;
    aspect-ratio: 16/9;
    /* display: inline-block; to remove overlap of video and slider */
}
.indcon-highlights-wrapper h3 {
    padding: 0 50px;
}
.indcon-highlights-wrapper {
    /* margin-top: 40px; to remove overlap of video and slider */
    scroll-margin-top: 100px;
}
#fullVideo {
    max-width: 1000px;
    width: 100%;
    max-height: 75vh;
    aspect-ratio: 16/9;
    margin-bottom: 0;
    display: block;
}
.swiper {
    padding-bottom: 90px;
}
button#leftArrow {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100000;
    width: 120px;
    height: 290px;
    border: none;
    border-radius: 0;
    background: linear-gradient(90deg, #6e2629FF, #6e2629FF, #6e2629AA, transparent);
    font-size: 30px;
    text-align: center;
    margin: 0;
    text-shadow: 0 0 15px #000;
    line-height: 0.5;
    text-align: left;
}
button#rightArrow {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100000;
    width: 120px;
    height: 290px;
    border: none;
    border-radius: 0;
    background: linear-gradient(270deg, #6e2629FF, #6e2629FF, #6e2629FF, #6e262933, transparent);
    font-size: 30px;
    text-align: center;
    padding-left: 30px;
    margin: 0;
    text-shadow: 0 0 15px #000;
}
#leftArrow div, #rightArrow div {
    margin-top: -60px;
}

#leftArrow div img, #rightArrow div img {
    width: 44px;
    background: #0003;
    border-radius: 50%;
}

.popup-heading h2 span {
    display: none;
}


@media (max-width: 500px) {
    #india-conference {
        min-height: calc(100svh - 80px); /* 6 Jan 2026 -- Change vh to svh */
        padding: 5rem 0 0 0;
    }
    .section-title-wrapper {
        padding: 0 2rem;
    }
    .indcon-desc-wrapper {
        padding: 3rem 2rem 0 2rem;
    }
    .indcon-heading {
        padding-right: 0;
        font-size: 2.8rem;
    }
    .vidPopupButton {
        margin: 16vh auto;
    }
    
    .popup-link-ic-hls {
        width: fit-content;
        margin-inline: auto;
        left: 0;
        margin-bottom: 7rem;
    }
    .indcon-video-wrapper {
        width: 100%;
        padding: 0;
    }
    .indcon-video-player {
        margin: 0;
        border-radius: 0;
    }
    .indcon-main-video {
        border-radius: 0;
    }
    .indcon-highlights-wrapper h3 {
        padding: 2rem;
    }
    button#leftArrow {
        top: 40%;
        left: 3%;
        width: 50px;
        height: 50px;
        margin: 0;
        background: transparent;
    }
    button#rightArrow {
        background: transparent;
        top: 40%;
        right: 7%
        width: 50px;
        height: 50px;
        margin: 0;
    }
    /*.ichvidtitle {
        font-size: 1.5rem;
        width: 50%;
        padding-left: calc(50% - 20px);
        box-sizing: content-box;
        text-align: left;
    }*/
    .ichvidtitle {
        font-size: 1.35rem;
        width: 66%;
        padding: 13px 10px;
        padding-left: calc(34% - 10px);
        box-sizing: content-box;
        text-align: right;
        font-weight: normal;
        text-shadow: none;
    }
    .indcon-image-bg {
        background-position: 60% 100%!important;
    }
    
    .popup-tk, .popup-dt {
        padding: 1rem;
        width: 90%;
    }
    .popup-content {
        padding: 1.5rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    .popup-content img {
        width: 50%;
        border-radius: 50%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }
    .popup-heading {
        margin-left: 0; */
        padding-top: 2rem;
    }
    .popup-heading h2 {
        text-align: center;
        padding-top: 1rem;
    }
    .popup-heading h2 span {
        display: block;
        height:0;
    }



    .popup-link-hls-a {
        font-size: 20px;
    }

    .hls-icon-img {
        height: 30px;
    }

    .vidPopupButton {
        width: 64px;
        height: 64px;
    }
}


.ic-background-btn {
    position: absolute;
    top: 0;
    /*right: -5rem;*/
    background: #FFF;
    color: #6E2629;
    padding: 10px 20px;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    transform: translateX(0);
    align-items: center;
    display: flex;
    font-size: 14px;
    width: 160px;
    box-sizing: border-box;
    z-index:99;
    height: 40px;
}
.ic-background-btn:hover {
    background: #e6a56a;
}
.ic-background-btn img {
    /*filter: brightness(0) invert(1);*/
    display: inline-flex;
    padding-right: 6px;
    height: 18px;
    width: auto;
}

.ic-goto-hl-btn {
    top: auto;
    bottom: 0;
}

.ic-background-btn-2 {
    position: absolute;
    top: 0;
    right: 0;
    /*background: #FFF;*/
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    transform: translateX(0) translateY(0);
    align-items: center;
    display: flex;
    font-size: 14px;
    box-sizing: border-box;
    z-index:99;
}
.ic-background-btn-2 img {
    filter: brightness(0) invert(1);
    display: inline-flex;
    padding-right: 6px;
    height: 18px;
    width: auto;
}


.ic-background-btn-2:hover {
    transform: translateY(-2px);
}

/*.ic-goto-hl-btn img {
    height: 26px;
    transform: rotate(-90deg);
}*/

.ic-background-overlay {
    position: fixed;
    top: 0;
    right: -500px;
    width: 500px;
    height: 100%;
    background: white;
    /*box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);*/
    padding: 120px 30px 40px 30px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    overflow-y: auto;
    transform: translateX(0);
    text-align: justify;
    font-size: 14px;
    z-index: 100;
}
.ic-background-overlay p {
    padding-bottom: 12px;
}
.ic-background-overlay.open, .ic-background-btn.open,.ic-background-btn-2.open {
    transform: translateX(-500px);
    background: #fff;
    color: #6E2629;
}
.ic-background-btn-2.open {
    transform: translateX(-490px);
}

.ic-background-btn.open img, .ic-background-btn-2.open img {
    filter: none;
}
.ic-background-substrate {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 98;
    display: none;
}
.ic-background-overlay-close {
    position: fixed;
    top: 90px;
    right: 30px;
    color: #000;
    cursor: pointer;
}
.ic-background-overlay-close img {
    height: 20px;
}
.ic-background-btn-phone {
    display: flex;
    color: #fff;
    font-size: 16px;
    padding: 2rem;
    padding-bottom: 1.5rem;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    transform: translateX(0);
    align-items: center;
    width: fit-content;
}
.ic-background-btn-phone img{
    display: inline-flex;
    filter: brightness(0) invert(1);
    height: 18px;
    padding-right: 6px;
    width: auto;
}
@media (max-width: 500px) {
    .ic-background-btn-2 {
        transform: translateX(-50%) translateY(-50%);
        font-size: 16px;
        left: 50%;
        top: 70%;
        border-radius: 25px;
        background: #0009;
        backdrop-filter: blur(5px);
        width: fit-content;
    }
    .ic-background-btn-2:hover {
        transform: translateX(-50%) translateY(-50%);
    }
    ic-background-btn-2.open {
        transform: translateX(-50%) translateY(-50%);
    }
    .ic-background-overlay {
        top: 100%;
        right: auto;
        width:100%;
        padding: 100px 30px 50px 30px;
    }
    .ic-background-overlay.open {
        transform: translateX(0) translateY(-100%)!important;
    }
    .ic-background-overlay-close {
        position: fixed;
        top: 70px;
        right: 30px;
        color: #000;
    }
    .ic-background-overlay-close img {
        height: 20px;
    }
    .ic-background-btn, .ic-goto-hl-btn {
        display:none;
    }
    /*.ic-background-btn-phone {
        display: flex;
        color: #fff;
        font-size: 16px;
        color: #FFF;
        padding: 2rem;
        padding-bottom: 1.5rem;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        transform: translateX(0);
        align-items: center;
        width:fit-content;
    }*/
    .ic-background-btn-phone img{
        display: inline-flex;
        filter: brightness(0) invert(1);
        height: 18px;
        padding-right: 6px;
        width: auto;
    }
    
}

/* 17 July 2025 -- START -- style rules for new current research grid */

#philanthropy {
    margin-bottom: 0;
    padding: 8rem 0 6rem 0;
}

.footer {
    background: #edebe5;
}


/* 17 July 2025 -- END -- style rules for new current research grid */

/* Current Research New Layout -- Add a screen-width condition -- START */
/*@media (min-width: 500px) {
  .grid-item:hover .report-subtitle {
    font-size: 16px;
  }

  .grid-item:hover .report-heading {
    font-size: 24px;
  }
}*/
/* Current Research New Layout -- Add a screen-width condition -- END*/


.invcall-desc {
    
    
    align-items: center;
    display: flex;
    height: fit-content;
    z-index: 99;
    justify-content: center;
    margin: 0 10%;
}
.invcall-desc-inner {
  margin: 0 15px 25px 15px;
  background: #EEE;
  padding: 10px 20px;
  color: #333;
  border-radius: 10px;
  font-size: 14px;
  text-align: justify;
  text-align-last: center;  
}


/* Current Research New Layout -- START */

@media (max-width: 500px) {
  
  /* 28-Jul-2025 - Remove the commented out rules -- START */
  
 /* .whitepaper-navigation {
    min-width: 100%;
    overflow-x: scroll;
    width: 100%;
    min-height: 120px;
    bottom: 0;
    z-index: 1;
    left: 0;
    display: flex;
    gap: 15px;
    scroll-behavior: smooth;
    padding: 10px;
    height: fit-content;
    top: calc(100% - 120px);
    white-space: nowrap;
    overflow-y: hidden;
    max-width: 100%;
    border:none;
  }
  .whitepaper-navigation-item {
    height: 95px;
    margin: 0;
    aspect-ratio: 1.5;
    flex: 1 1 auto;
    display: inline-block;
  }*/
  
  /* 28-Jul-2025 - Remove the commented out rules -- END */
  
  /* 28-Jul-2025 - Add the following rules -- START */
  .whitepaper-navigation-container {
    display: none;
  }
  /* 28-Jul-2025 - Add the following rules -- END */
  
  .whitepaper-buffer {
    display: none;
  }
  .whitepaper-canvas {
    width: 100%;
    /* 28-Jul-2025 - Replace the following rules -- END */
    height: calc(100vh - 50px);
    min-height: calc(100vh - 50px);
    /* 28-Jul-2025 - Replace the following rules -- END */
    margin-top: 50px;
    background: #fff;
  }
  .close-whitepaper-modal {
    display:none;
    border: none;
    /*background: #0009;*/
    margin: 10px;
    padding: 5px 12px 5px 10px;
    border-radius: 20px;
    width: fit-content;
    font-size: 12px;
  }
  .whitepaper-dl {
    top: 0;
    right: 0;
    bottom: inherit;
    margin: 10px;
    /*background: #0009;*/
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 20px;
    display:none;
  }
  .whitepaper-modal {
    background: #dedede;
  }

    .now-playing {
        background-color: #fff9;
        margin: 20px 10px;
        margin-right: 10px;
        backdrop-filter: blur(5px);
        top: 0;
        right: 0;
    }
}

.whitepaper-modal-toolbar {
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  padding: 10px 15px;
  display: flex;
}

.whitepaper-close, .whitepaper-download, .whitepaper-zoom-controls {
  width: 10%;
  height: 30px;
  display: inline-block;
  cursor: pointer;
}
.whitepaper-zoom-controls {
  width: 80%;
}

.whitepaper-download {
 text-align: right;
}
.whitepaper-zoom-controls {
  display: flex;
  justify-content: center;
}
.whitepaper-zoom {
  height: 100%;
  width:20%;
  text-align: center;
  background: #efefef;
  border: 1px solid #999;
  padding: 2px 5px;
}

.zoom-in {
  border-radius: 5px 0 0 5px;
  border-right:none;
}
.zoom-out {
  border-radius: 0 5px 5px 0;
}

.whitepaper-close img, .whitepaper-download img, .whitepaper-zoom-controls .whitepaper-zoom img {
  height: 100%;
  /*opacity: 0.75;*/
  filter: var(--filter-ic-blue);
}

.whitepaper-download span {
  display: none;
}

@media (min-width: 500px) {
  .whitepaper-modal-toolbar {
    left: 0;
    padding: 10px 15px;
    text-align: center;
    right: 0;
    /*transform: translateX(-25px);*/
    width: 100%;
    justify-content: center;
    margin-left: 130px;
    background: #eee;
  }
  .invisible {
    display: none;
  }
  #whitepaper-canvas.page-adjust {
    top: 0;
    overflow: hidden;
  } 
  .whitepaper-close {
    display: none;
  }
  .whitepaper-zoom-controls {
      display: flex;
      justify-content: center;
      margin-right: 15px;
      /*box-shadow: 0 5px 5px #0005;*/
      border-radius: 5px;
      width: fit-content;
    }
  .whitepaper-zoom {
    height: 100%;
    width: 60px;
    text-align: center;
    background: #efefef;
    border: 1px solid #999;
    padding: 0;
  }
  whitepaper-close img, .whitepaper-download img, .whitepaper-zoom-controls .whitepaper-zoom img {
    height: 100%;
    padding: 2px;
  }
  .whitepaper-download {
    text-align: center;
    justify-content: center;
    background: var(--ic-blue);
    width: fit-content;
    padding: 0;
    border-radius: 5px;
    /*box-shadow: 0 5px 5px #0005;*/
  }
  .whitepaper-download img {
    filter: invert(1);
    opacity: 1;
    padding: 4px 4px 4px 10px;
  } 
  .whitepaper-download span {
    display: inline-block;
    padding-right: 10px;
    font-size: 12px;
  }
  .whitepaper-canvas {
    top: 50px;
  }
}

.whitepaper-dl {
  display: none;
}

@media (max-width: 1024px) and (min-width: 501px) {
  .close-whitepaper-modal, .whitepaper-navigation{
    width: 200px!important;
    max-width: 200px;
  }
  .whitepaper-canvas {
    width: calc(100% - 200px);
  }
}
/* Current Research New Layout -- END */

/* India Conference New Video Player -- START */

.video-player {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  margin-bottom: -7px;
  box-shadow: 0 0 10px 15px #0001;
}

@media (max-width: 500px) {
  .video-player {
    border-radius: 0;
  }
  
}
/*.report-desc-container {
      padding: 4rem 2rem 2rem 2rem;
      top: auto;
      bottom: 0;
      left: 0;
      height: fit-content;
      background: linear-gradient(0deg, #000C, transparent);
  }*/
/* India Conference New Video Player -- END */


/* 22-Jul-2025 Add these rules START */
.whitepaper-loader-container {
  position:absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}
.whitepaper-loader {
  width: 60px;
  max-width: 60px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,var(--ic-blue) 90%,#464b6b00);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}
.whitepaper-hidden {
  display: none;
}
@media (min-width: 501px) {
  .whitepaper-loader-container {
    left: calc(50% + 95px);
  }
}
@media (max-width: 500px) {
  .whitepaper-loader-container {
    left: calc(50% - 30px);
  }
}

.loader {
  display: none; /* Hide pdf-js default loader */
}


/* HTML: <div class="loader"></div> */
.loader {
  width: 60px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}


/* 22-Jul-2025 Add these rules END */

/* 4-Aug-2025 -- Add the enclosed rules -- START*/
/*.pdf-page {
  display: block;
  margin: 20px auto;          
  max-width: none;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);          
  background: white;  
}

.pdf-page:first-child {
  margin-top: 0;
}*/
/* 4-Aug-2025 -- Add the enclosed rules -- START*/

/* 6-Aug-2025 -- Change Current Research modal desktop back button */
.close-wp-btn-desk {
    background: #eeeeee;
    padding: 5px 15px;
    color: var(--ic-blue);
    border-radius: 4px;
    display: flex;
    font-weight: bold;
    cursor: pointer /* 7-Aug-2025 -- Add this rule */
}

/* 7-Aug-2025 -- Add the following */
.whitepaper-navigation-container {
    width: 20%;
    max-width: 250px;
}

/* 12-Aug-2025 -- Add these rules -- START */
.pdf-wrapper { 
  display: flex; 
  justify-content: center;
  padding: 10px 0;        
}

.pdf-page {
  display: block; max-width: none; height: auto; margin: 0;
  background: #fff; border-radius: 4px;
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
}

/* Make sure modal overlay doesn't block clicks (if you haven't already) */
.team-modal::after,
.report-modal::after { pointer-events: none; }


.team-modal { position: fixed; } 

.modal-team-management-image { 
  width: 22rem !important; height: 22rem !important;
  min-width: 22rem !important; min-height: 22rem !important;
  filter: grayscale(0%) !important; 
}


@media (max-width: 500px) {
  
  .team-modal__inner {
    scrollbar-width: none;
    margin-right: 0!important;
  }
  .close-modal {
    position: absolute!important; top: 16px; right: 20px;
    background: #fff; border: 1px solid #ccc; border-radius: 50%; box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
    height: 34px; width: 34px;
    
  }
  .close-modal svg { height: auto; width: auto; padding: 8px; }
  .team-modal { padding: 20px 10px !important; }
  .modal-logo { padding: 0 10px !important; }
  .modal-team-management-image { width: 180px !important; height: 180px !important; min-width: 180px !important; min-height: 180px !important;  }
  .team-modal__inner p { padding: 0 10px; }
  .modal-team-member-header { padding-top: 10px; }
}

.team-modal__inner { height: fit-content; 30px !important; position: relative; z-index: 2; display: block; }

/* Smooth, synchronous swap of image + text in team modal */
#modal-img,
#modal-name, #modal-pos,
#modal-bio1, #modal-bio2, #modal-bio3, #modal-bio4, #modal-bio5 {
    transition: opacity .18s ease, transform .18s ease;
}

.team-modal__inner.is-swapping #modal-img,
.team-modal__inner.is-swapping #modal-name,
.team-modal__inner.is-swapping #modal-pos,
.team-modal__inner.is-swapping #modal-bio1,
.team-modal__inner.is-swapping #modal-bio2,
.team-modal__inner.is-swapping #modal-bio3,
.team-modal__inner.is-swapping #modal-bio4,
.team-modal__inner.is-swapping #modal-bio5 {
    opacity: 0;
    transform: translateY(2px);
    pointer-events: none; /* avoid clicks mid-swap */
}


/* --- Team modal: image + side arrows --- */
.modal-team-member-header {
    position: relative;
    text-align: center;
}

/* The image wrapper anchors the arrows */
.team-photo-wrap {
    position: relative;
    display: inline-block;      /* hug the image width */
}

/* Ensure circular photo and predictable size (adjust if you like) */
.modal-team-management-image {
  width: 22rem;               /* desktop size */
  height: 22rem;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto 1rem;
}

/* Common arrow button styles */
.photo-nav {
  position: absolute;
  top: 50%;
  /*transform: translateY(-50%);*/
  width: 44px;
  height: 44px;
  border-radius: 9999px;
  border: 1px solid rgba(0,0,0,.15);
  background: #fff;
  display: grid;
  place-items: center;
  padding: 0;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  transition: opacity .18s ease, transform .12s ease, box-shadow .12s ease, background .12s ease;
  z-index: 3;
}
.photo-nav img { width: 22px; height: 22px; }
.photo-nav.prev { left: -12px; }   /* slightly outside the photo edge */
.photo-nav.next { right: -12px; }
.photo-nav.next img { transform: rotate(180deg); }

.photo-nav:hover   { transform: scale(1.03); box-shadow: 0 10px 24px rgba(0,0,0,.16); }
.photo-nav:active  { transform: scale(1.00); box-shadow: 0  6px 18px rgba(0,0,0,.12); }
.photo-nav,
.photo-nav:focus   { outline: none; -webkit-tap-highlight-color: transparent; }
.photo-nav:focus-visible { box-shadow: 0 0 0 3px rgba(0,0,0,.15), 0 6px 18px rgba(0,0,0,.12); }

/* Make room and size down on small screens; layout stays the same */
@media (max-width: 500px) {
  .modal-team-management-image {
    width: 18rem; height: 18rem;
    min-width: 18rem; min-height: 18rem;
  }
  .photo-nav { width: 40px; height: 40px; transition: opacity .18s ease, transform .12s ease, box-shadow .12s ease, background .12s ease;}
  .photo-nav img { width: 20px; height: 20px; }
  .photo-nav.prev { left: 6px; }    /* tuck inside on narrow screens */
  .photo-nav.next { right: 6px; }
}

/* Keep side arrows visible and on top during swaps */

/* Optional: a11y focus ring when they *are* visible */
.photo-nav:focus-visible {
  box-shadow: 0 0 0 3px rgba(0,0,0,.15), 0 6px 18px rgba(0,0,0,.12);
}

/* Keep your existing transitions for #modal-img, #modal-name/#modal-pos, #modal-bio* */


/* Panel entrance: subtle lift+scale */
.team-modal__inner {
  transform: translateY(8px) scale(.985);
  opacity: 0;
  transition: transform .28s cubic-bezier(.2,.7,.2,1), opacity .28s ease;
  will-change: transform, opacity;
}

/* When modal is open, bring the panel into place */
.team-modal.is-open .team-modal__inner {
  transform: translateY(0) scale(1);
  opacity: 1;
}

close-modal {
  position: absolute !important;              /* anchor instead of flow */
  top: 20px !important;                       /* adjust to taste */
  right: 24px !important;
  z-index: 1001;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  font-weight: 300;
  font-size: 3rem;
  line-height: 3rem;
  margin: 0;                       /* no left margin pushing it around */
  cursor: pointer;
}

#modal-skeleton {
  width: calc(100vw - 38rem);
}

/* 12-Aug-2025 -- Add these rules -- END */

/* 14-Aug-2025 -- Add disabled button rules */
#prev-member[disabled],
#next-member[disabled] {
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
  filter: grayscale(80%);
}


/* 15 Dec 2025 -- Add the enclosed rules -- START */
.whitepaper-navigation-item {
  position: relative;
}

.whitepaper-navigation-item .report-desc-container {
  background: linear-gradient(#0000,#0002,#0006,#0009);
  border-radius: 10px;
  right: 0;
  left: auto;
  justify-content: right;
}

.whitepaper-navigation-item .report-desc-container .report-text-container .report-heading {
  font-size: 12px;
  text-align: right;
}

.whitepaper-navigation-item .report-desc-container .report-text-container .report-subtitle {
  font-size: 9px;
  font-style: italic;
  font-weight: bold;
  color: #fff;
  text-align: right;
}

.whitepaper-navigation-item .report-desc-container {
  padding: 10px;
}

.whitepaper-navigation-item {
  aspect-ratio: 1.5;
  display: block; /* 5 Jan 2026 -- Add this rule */
}

.whitepaper-navigation-item img {
  height: 100%;
  object-fit: cover;
}
/* 15 Dec 2025 -- Add the enclosed rules -- END */

/* 28 Nov 2025 -- 30 Years -- START */

#in-conversation {
  position: relative;
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url(../images/30yrs/bg2.webp) !important;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  height: fit-content;
  background-size: cover;
  scroll-margin-top: 100px;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.ty-container {
  position: relative;
  /*background: #0005;*/
  height: 100%;
  width: 100%;
  margin: auto;
}

.ty-l1-navbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  padding: 5rem;
  /*background: #0005;*/
  gap: 30px;
  z-index: 10;
}

.ty-l1-navbar-item {
  width: 130px;
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 10px;
  background: #0007;
  height: 50px;
  cursor: pointer;
  backdrop-filter: blur(10px);
}

.ty-l1-navbar-item, .ty-l1-navbar-item-link {
  transition: all linear 0.3s;
}

.ty-l1-navbar-item:hover {
    /*border: 1px solid var(--ic-orange);*/
    background: #000;
}

.ty-l1-navbar-item:hover .ty-l1-navbar-item-link, .ty-l1-navbar-item.ty-active .ty-l1-navbar-item-link {
  color: var(--ic-orange);
}

.ty-l1-navbar-item.ty-active {
  border: 1px solid var(--ic-orange);
  
}

#tyMain {
    height: calc(100vh - 80px);
    position: relative;
}

.ty-l1-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ty-l1-play-btn {
  background: none;
  filter: invert(1);
  height: 80px;
  width: 80px;
  border: none;
  cursor: pointer;
  transition: all linear 0.1s;
}

.ty-l1-play-btn:hover {
  filter: invert(70%) sepia(17%) saturate(1559%) hue-rotate(347deg) brightness(90%) contrast(88%);
}

.ty-l1-play-btn img {
  height: 100%;
  width: 100%;
}

.ty-l1-title {
  position: absolute;
  left: 0;
  bottom: 80px;
  padding: 3rem 5rem;
  color: #fff;
  width: fit-content;
  text-align: left;
  font-size: 24px;
}

.ty-l1-title h1 {
  font-weight: 800;
  line-height: 1.25;
}

.ty-l1-title h3 {
  font-size: 20px;
  font-weight: 200;
  padding: 1rem 0;
}

.ty-l1-title h3 a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    transition: 0.3s all ease-in;
}

.ty-l1-title h3 a:after {
    display: block;
    content: '';
    height: 2px;
    width: 100%;
    background: var(--ic-orange) 66;
    margin-top: -2px;
    transition: 0.3s all ease-in;
    border-radius: 2px;
}

.ty-l1-title h3 a:hover {
  color: var(--ic-orange);
}

.ty-l1-title h3 a:hover:after {
  background: var(--ic-orange);
}

.ty-l2-video-container {
  position: relative;
  height: calc(100vh - 80px);
}

.ty-l2-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ty-l2-video-player {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.ty-l2-video-title {
  position: absolute;
  top: 0;
  z-index: 9;
  padding: 0 5rem;
  height: 100%;
  background-image: radial-gradient(circle at 20% 50%, #0008, #0002);
  width: 100%;
  align-content: center;
  text-align: left;
  color: #fff;
  font-size: 24px;
}

.ty-l2-video-title h1 {
  width: 55%;
  padding-top: 200px;
  font-weight: 800;
  line-height: 1.25;
}

.ty-l2-play {
  top: 45%;
  z-index: 11;
}

.ty-l2-highlights-container, .ty-l2-speakers-container {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: fit-content;
  min-height: calc(100vh - 80px);
  z-index: 9;
  padding: calc(90px + 5rem) 5rem 5rem 5rem;
  /*background-image: radial-gradient(circle at 20% 50%, #0008, #0002);*/
}

.ty-l2-hl-title {
  /*position: absolute;
  top: 20%;*/
  color: #fff;
  /*text-transform: uppercase;*/
  margin-bottom: 20px;
  text-align: left;
}

.ty-l2-hl-title h1 {
  font-size: 22px;
  font-weight: 800;
}

.swiper.swiper-ty {
  padding-bottom: 0 !important;
  top: 23%;
}

.swiper-wrapper.swiper-wrapper-ty {
  box-sizing: border-box;
}

.swiper-slide.swiper-slide-ty {
  width: 350px;
  height: auto;
  aspect-ratio: 1.5;
  object-fit: cover;
  position: relative;
  overflow: clip;
  border-radius: 10px;
  border: 1px solid #fff;
  cursor: pointer;
  transition: border linear 0.25s;
}

.swiper-slide.swiper-slide-ty:hover {
  border: 1px solid var(--ic-orange);
}

.swiper-wrapper.swiper-wrapper-ty-2 {
  display: grid;
  grid-template-columns: repeat(3, 30%) !important;
  gap: 4rem;
  justify-content: center;
}

.swiper-wrapper-ty-2 .swiper-slide.swiper-slide-ty  {
  width: auto;
  aspect-ratio: 1.77;
}

.swiper-slide-ty.ty-active {
    border-color:var(--ic-orange)!important;
}

.swiper-slide.swiper-slide-ty.swiper-slide-active {
    box-shadow: none !important;
    z-index: 9 !important;
    scale: 1 !important;
    transition: all linear 0.2s;
}

.swiper-slide.swiper-slide-ty img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.ty-l2-hl-thumb-title {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    vertical-align: bottom;
    align-items: baseline;
    width: 100%;
    background: linear-gradient(0deg, #000B, #0008, transparent);
    padding: 12px 18px;
    box-sizing: border-box;
    color: #fff;
  transition: color linear 0.25s;
}

.swiper-slide.swiper-slide-ty:hover .ty-l2-hl-thumb-title  {
  color: var(--ic-orange);
}

.ty-l2-hl-thumb-title h3 {
    font-weight: 200;
    font-size: 16px;
    line-height: 1.25;
    padding-bottom: 5px;
}

.ty-l2-hl-thumb-title h5 {
    font-size: 14px;
}

.ty-l2-hl-thumb-title.ty-active {
    color: var(--ic-orange);
    text-shadow: 0px 0px 15px #000;
}

.ty-l2-hl-thumb-title.ty-active h3 {
  font-size: 20px;
  font-weight: bold;
}

.ty-l2-hl-duration {
    position: absolute;
    top: 0;
    right: 0;
    margin: 12px 0;
    height: 25px;
    width: 50px;
    background: var(--ic-orange);
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px 0 0 25px;
}

.ty-l2-hl-duration h5 {
  color: #000;
  font-size: 14px;
}

.ty-l2-hl-heading {
  position: relative;
  padding: 5rem 0;
  width: 100%;
  align-content: center;
  text-align: left;
  color: #fff;
  font-size: 24px;
}

.ty-l2-hl-heading h1 {
  width: 55%;
  font-weight: 800;
  line-height: 1.33;
}
.ty-l2-speakers-title {
  margin-bottom: 20px;
}

.ty-l2-speakers-title h1{
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  /*text-transform: uppercase;*/
  /*margin-bottom: 14px;*/
  z-index: 11;
  position: relative;
  text-align: left;
}

.ty-l2-speakers-list {
  display: flex;
  width: 100%;
  justify-content: left;
  padding-bottom: 40px;
  gap: 4rem;
}

.ty-l2-speakers-list-item {
  width: 20%;
  max-width: 300px;
  /*aspect-ratio: 1
  object-fit: cover;*/
  overflow: clip;
  height: auto;
  /*border: 2px solid #fff;
  border-radius: 10px;*/
  position: relative;
  cursor: pointer;
  
  border-radius: 15px;
  
}

.ty-l2-speakers-list-item:hover img{
  border: 1px solid var(--ic-orange);
}

.ty-l2-speakers-list-item img{
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: top;
  border-radius: 15px;
  border: 1px solid transparent;
  transition: border linear 0.25s;
}

.ty-l2-speaker-desc-container {
    /*position: absolute;
    top: 0;
    left: 0;*/
    width: 100%;
    /*height: 100%;
    background: linear-gradient(0deg, #000D, #0007, #0000);*/
}

.ty-l2-speaker-desc {
    /*position: absolute;*/
    text-align: center;
    /*bottom: 0;
    left: 0;*/
    color: #fff;
    padding: 16px 0;
  transition: color linear 0.25s;
}

.ty-l2-speakers-list-item:hover .ty-l2-speaker-desc {
  color: var(--ic-orange);
}

.ty-l2-speaker-desc h3 {
    font-weight: 600;
    font-size: 18px;
}

.ty-l2-speaker-desc h5 {
    font-weight: 200;
    font-size: 14px;
}

.ty-l2-speaker-heading {
  width: 100%;
  align-content: center;
  text-align: left;
  color: #fff;
  font-size: 24px;
}

.ty-l2-speaker-heading h1{
  width: 55%;
  font-weight: 800;
  line-height: 1.33;
}

.ty-l2-desc-container {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 3rem 0 5rem 0;
}

.ty-l2-desc-content {
    width: 65%;
    /*overflow-y: scroll;*/
    color: #fff;
    text-align: justify;
    /*padding-right: 3rem;*/
    height: fit-content;
    padding: 3rem 4rem 1rem 4rem;
    background: #fff2;
    border-radius: 20px;
    box-sizing: border-box;
    backdrop-filter: blur(10px);
}

.ty-l2-desc-content::-webkit-scrollbar, .ty-l2-desc-img-container::-webkit-scrollbar {
  width: 8px;
  background: #FFF0;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0.3) 33%, rgba(255, 255, 255, 0.3) 67%, rgba(255, 255, 255, 0) 67%, rgba(255, 255, 255, 0) 100%);
  border-radius: 8px;
}

.ty-l2-desc-content::-webkit-scrollbar-thumb, .ty-l2-desc-img-container::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 8px;
}

.ty-l2-desc-title {
    margin-bottom: 0;
    padding-bottom: 1rem;
}

.ty-l2-desc-body {
    font-size: 16px;
    padding-bottom: 2rem;
    color:#ccc;
}

.ty-l2-desc-body p {
    padding-bottom: 1rem;
}

.ty-l2-desc-body p:last-child {
    padding-bottom: none;
}

.ty-l2-desc-img-container {
    width: 30%;
    overflow-y: scroll;
  padding-right: 3rem;
}

.ty-l2-desc-img {
    width: 100%;
    aspect-ratio: 1.66;
    height: auto;
    object-fit: cover;
    margin-bottom: 20px;
    border-radius: 10px;
    /*border: 2px solid #fff;*/
}

.ty-l2-desc-img img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.noshow {
  display: none !important;
}

.show {
  display: inherit;
}

div#tyBackToMainVid {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    padding: 5rem;
}

div#tyBack {
    width: fit-content;
    padding: 0 2rem;
    font-size: 16px;
}

/*.ty-l1-float-nav {
  position: absolute;
  top: 20px;
  right: 20px;
}

.ty-fmn-list {
  display: flex;
  gap: 15px;
}

.ty-fmn-list-item {
  display: flex;
  gap: 7px;
  align-items: center;
  padding: 5px 10px;
  border-radius: 7px;
  background: #000a;
  margin-bottom: 10px;
  height: 44px;
  cursor: pointer;
}*/

.ty-fmn-li-img {
  width: 20px;
  height: 20px;
  object-fit: cover;
}

.ty-fmn-li-img img {
  width: 100%;
  height: 100%;
  display: block;
  filter: invert(1);
  transition: all liner 1s;
}

.ty-fmn-li-text {
  color: #fff;
  transition: all liner 1s;
  font-size: 16px;
}

/*.ty-l1-navbar-item:hover .ty-fmn-li-text {
  color: var(--ic-orange);
}*/

.ty-l1-navbar-item:hover .ty-fmn-li-img img, .ty-l1-navbar-item.ty-active .ty-fmn-li-img img {
  filter: invert(60%) sepia(90%) saturate(303%) hue-rotate(349deg) brightness(88%) contrast(93%);
}

#tyHLNav .ty-fmn-li-img {
  filter: invert(55%) sepia(90%) saturate(303%) hue-rotate(349deg) brightness(88%) contrast(93%);
}

#tyHLNav .ty-fmn-li-text a {
  color: var(--ic-orange);
}

.ty-container-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  /*background-image: radial-gradient(
      at left bottom, 
      rgba(44, 34, 12, 0.5), */ /* #2c220c */
      /* rgba(58, 46, 22, 0.5), */ /* #3a2e16 */
      /* rgba(73, 59, 30, 0.5), */  /* #493b1e */
      /* rgba(89, 72, 40, 0.5), */  /* #594828 */
      /* rgba(105, 85, 49, 0.5) */ /* #695531 */
  /*);*/
  background: linear-gradient(to top left, #0005, #d9954a55);
  filter: contrast(125%) brightness(60%) saturate(1.25);
  /*filter: contrast(200%) brightness(60%) sepia(10%);*/
}

/* Intro toast animation class */
.attention-bouncer {
  animation: softBounce 2s 3;
}

/* Intro Toast animation keyframes */
@keyframes softBounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); 
  }
  40% {
    transform: translateY(-20px);
    animation-timing-function: ease-out;
  }
  60% {
    transform: translateY(-10px);
    animation-timing-function: ease-in; 
  }
}

#tyHLPrev, #tyHLNext {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    border: none;
    margin: auto;
    height: auto;
    width: auto;
    background: #0003;
}

#tyHLPrev {
  left: 10px;
}

#tyHLNext {
  right: 5px;
}

#tyHLPrev img, #tyHLNext img {
  height: 36px;
  width: 36px;
  /*filter: brightness(0) invert(1);*/
}

.backdrop-blur-5 {
  backdrop-filter: blur(5px);
}

.backdrop-darken {
  background: linear-gradient(to top left, #0008, #74512a66);
  backdrop-filter: blur(1px);
}

@media (min-width: 1600px) {
  
  .ty-container-2 {
    max-width: 1300px;
  }
  .ty-l2-video-container-2 {
    position: relative;
    aspect-ratio: auto;
    text-align: center;
    margin: auto;
    width: 100%;
    height: fit-content;
  }
  
  .ty-l2-video-2 {
    position: relative;
    top: auto;
    left: auto;
    aspect-ratio: auto;
    margin: auto;
    /*box-sizing: content-box;*/
    border-radius: 30px;
    height: 100%;
    padding: 5rem;
    padding-top: calc(10rem + 50px);
  }
  
  .ty-l2-video-player-2 {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 30px;
    aspect-ratio: 1.77;
  }
  
  .ty-l2-video-title-2 {
    top: calc(10rem + 50px);
    z-index: 9;
    padding: 0 5rem;
    height: calc(100% - 10rem - 50px - 6rem);
    width: calc(100% - 10rem);
    border-radius: 30px;
  }
}

.ty-l2-speakers-list.ty-l2-speakers-list-2 {
    padding-bottom: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));
    gap: 15px;
}

.ty-l2-speakers-list-item.ty-l2-speakers-list-item-2 {
  width: 100%;
  border: 1px solid transparent;
  transition: border linear 0.25s;
}

.ty-l2-speakers-list-item-2:hover {
  border: 1px solid var(--ic-orange);
}

.ty-l2-speakers-list-item.ty-l2-speakers-list-item-2:hover img{
  border: none;
}

/*.ty-l2-speakers-list-item.ty-l2-speakers-list-item-2 img {
    aspect-ratio: 1.5;
    object-position: 0 15%;
}*/


.ty-l2-speaker-desc-container.ty-l2-speaker-desc-container-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#0000, #000A);
  padding: 3rem 0 0 0;
}

.ty-l2-speaker-desc.ty-l2-speaker-desc-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 12px;
    text-align: left;
}

.ty-l2-desc-container.ty-l2-desc-container-2 {
    padding: 0 0 0 5rem;
}

.ty-l2-desc-content.ty-l2-desc-content-2 {
    width: 100%;
    /*background: none;
    backdrop-filter: none;*/
    padding: 2rem 3rem 0 3rem;
}

.ty-l2-desc-content-2 .ty-l2-desc-body {
  font-size: 14px;
}

#tyDesc.ty-about {
  display: flex;
}
.ty-speakers-wrapper {
    width: 50%;
}

.modal_logo {
  cursor: pointer;
}

.team-management__item-name, .team-management__item-pos {
  color: #333;
  line-height: 1;
}

.whitepaper-navigation-item:hover .report-desc-container {
  scale: 1.01;
}

.whitepaper-inner-html .modal-team-member-header h2 {
    font-size: 3rem;
    padding-bottom: 2rem;
    color: var(--ic-blue);
}

.whitepaper-inner-html .team-modal__inner {
    /*max-width: 800px; */
    width: 90%;
    max-width: 1000px;
    margin: auto;
    padding: 0 4rem 2rem 4rem;
}

.whitepaper-inner-html .article-container {
  margin: 0;
}

.report-share {
  text-align: right;
  margin-bottom: 10px;
}

@media (max-width: 500px) {
  #in-conversation {
    background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.85)), url(../images/30yrs/bg2.webp) !important;
    background-position: 10% bottom;
    background-attachment: local;
  }
  .ty-l1-navbar {
    padding: 3rem 2rem;
    justify-content: center;
    gap: 10px;
  }
  .ty-l1-navbar-item {
    padding: 5px;
  }
  div#tyBackToMainVid {
    position: relative;
    padding: 0;
  }
  div#tyBack {
    width: 130px;
    padding: 5px;
  }
  .ty-l1-navbar-item-link span {
    display: none;
  }
  #tyMain, .ty-l2-video-container {
    height: calc(100svh - 80px);
  }
  .ty-l1-play {
    top: 40%;
    z-index: 100;
  }
  .ty-l1-title {
    font-size: 20px;
    padding: 0 2rem 10rem 2rem;
    bottom: 0;
  }
  .ty-l2-video-player {
    height: auto;
    aspect-ratio: 1;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 1rem;
    border-radius: 2.5rem;
  }
  .ty-l2-video-title h1 {
    width: 100%;
    position: absolute;
    padding: 0;
    font-size: 3.4rem;
    top: 80%;
    text-align: center;
    left: 0;
    font-weight: 800;
  }
  .ty-l1-play.ty-l2-play {
    top: 50%;
  }
  div#tyHL, div#tyDesc {
    padding-left: 2rem;
    padding-right: 2rem;
    min-height: calc(100svh - 80px);
  }
  .swiper-wrapper.swiper-wrapper-ty-2 {
    grid-template-columns: repeat(1, 100%) !important;
    gap: 1.5rem;
  }
  .ty-l2-hl-thumb-title h3 {
    font-size: 1.85rem;
    padding: 0.85rem;
  }
  #tyDesc.ty-about {
    display: block;
  }
  .ty-speakers-wrapper {
    width: 100%;
  }
  .ty-l2-speakers-list.ty-l2-speakers-list-2 {
    grid-template-columns: repeat(1, 100%);
    gap: 1.5rem;
  }
  .ty-l2-speakers-list-item {
    max-width: 100%;
  }
  .ty-l2-speakers-list-item img {
    aspect-ratio: 4 / 3;
    object-position: 0 15%;
  }
  .ty-l2-speaker-desc.ty-l2-speaker-desc-2 {
    padding: 2rem;
  }
  .ty-l2-speaker-desc h3 {
    font-size: 2rem;
  }
  .ty-l2-speaker-desc h5 {
    font-size: 1.5rem;
  }
  .ty-l2-desc-container.ty-l2-desc-container-2 {
    padding: 3rem 0;
  }
  .ty-l2-desc-content.ty-l2-desc-content-2 {
    padding: 2rem;
    padding-bottom: 0.5rem;
  }
  .ty-l2-desc-content-2 .ty-l2-desc-body {
    font-size: 1.45rem;
  }
  .intro-toast {
    width: 100%;
    padding: 1.5rem;
    border: none;
  }
  .popup-heading h2 {
    display: inline-block;
    width: 100%;
  }
  .into__inner, img.intro_slide {
    height: 100svh;
  }
 /* #india-conference .container {
    height: 85svh;
  }*/
  .report-share {
    text-align: center;
    position: relative;
  }
}