.pe-100{padding-right: 140px;}
.ps-100{padding-left: 140px;}
.h500{ height: 750px; align-items: center; }
.h100vh { min-height: 750px; }

#award2022{min-height: 1980px;padding: 100px 0 0;}
#award2023 { min-height: 690px; }
#lottifyDotBanner {position: absolute;left: 50%;transform: translateX(-50%);top: 130px;}
div#MyContainerId { position: absolute; left: 50%; height: 9500px; width: 230px; top: auto; transform: translateX(-50%); }
.awardsSection { padding: 130px 0; min-height: 4000px; }
.radiowave { position: relative; display: inline-block; z-index: 1000; }
.radiowave .imgBox { display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.radiowave .wave { border-radius: 50%; border: 4px solid #BFE2FF; position: absolute; animation: radio 5s linear infinite; z-index: -1; pointer-events: none; background: #BFE2FF; }
.radiowave .wave:nth-of-type(2) { animation-delay: 1s; }
.radiowave .wave:nth-of-type(3) { animation-delay: 2s; }
.radiowave .wave:nth-of-type(4) { animation-delay: 3s; }
.radiowave:hover .wave { animation-play-state: paused; }
@keyframes radio {
    0% { width: 0; height: 0; }
    30% { opacity: 0.8; }
    80% { opacity: 0.6; }
    100% { width: 360px; height: 360px; opacity: 0; }
}

.awardCard.card { padding: 40px 30px; border: 0; box-shadow: 0 21px 50px -16px rgba(19,47,64,0.2); }
.awardCard.card h2 {font-size: 36px;color: #1D1D1B;font-weight: 500;position: relative;padding-bottom: 20px;margin-bottom: 20px;}
.awardCard.card h2:before {content: '';width: 100px;height: 4px;background: var(--blue);position: absolute;bottom: 0;}
.awardCard.card p { font-size: 25px; color: rgba(77,78,85,0.8); font-style: italic; font-weight: 200; }
.futureGoals {max-width: 800px;margin: auto;text-align: center;}
.futureGoals h2 {font-size: 55px;color: #35363A;margin-bottom: 10px;font-weight: 400;}
.futureGoals p {color: #4D4E55;line-height: 160%;font-size: 22px;max-width: 80%;margin: auto;font-family: var(--secondryfamily);}
.reveal { position: relative; opacity: 0; }
.reveal.active { opacity: 1; }
.active.fade-bottom { animation: fade-bottom 1s ease-in; }
@keyframes fade-bottom {
    0% { transform: translateY(50px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
.timeline-nav{position: absolute; top: 0; right: 50px; width:50px;    text-align: center;}
.stick { position:fixed; top:0; margin:60px 0 0 }
.timeline-nav button.slick-arrow {border-radius: 100%;border: 1px solid var(--blue);box-shadow: none;background: #fff;width: 34px;height: 34px;}
.timeline-nav button.slick-arrow .bi { color: var(--blue); }
.timeline-nav .item {background: #fff;border-radius: 100%;min-height: 40px;width: 40px !important;display: flex;align-items: center;justify-content: center;margin: 30px 0;cursor: pointer;border: 1px solid var(--blue);}
.timeline-nav:before { content: ''; width: 1px; height: 100%; background: var(--blue); position: absolute; top: 0; left: 50%; z-index: -1; }
.timeline-nav .item.slick-current {width: 50px !important;min-height: 50px !important;background: var(--blue);color: #fff;}
.timeline-nav .slick-track { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.award2024row1 {height: 670px;}
.award2024row2 {height: 650px;}
.award2024row3 {height: 820px;}
.award2024row4 {height: 320px;}
.award2024row5 {height: 740px;}
.award2024row6 {height: 380px;}
.award2024row7 {height: 590px;}
.award2022row3 {height: 650px;}
.award2020row1 {height: 400px;}
.award2022row2 {height: 520px;}
.award2023row1 { height: 590px;}
.award2021row2 {height: 690px;}
.award2022row1 {height: 660px;}
.award2021row1 {height: 590px;}
#award2021 {
    min-height: 1360px;
    padding-top: 90px;
}
#award2020 {padding-top: 200px; }
.awardsSection:before { content: ''; background: url(https://exc-devp.s3.eu-west-2.amazonaws.com/uploads/awards-vector-left.svg) no-repeat; position: absolute; left: 0; bottom: -70px; width: 542px; height: 542px; z-index:-1; }
.awardsSection:after { content: ''; background: url(https://exc-devp.s3.eu-west-2.amazonaws.com/uploads/awards-vector-right.svg) no-repeat; position: absolute; right: 0; bottom: -70px; width: 542px; height: 542px; z-index:-1; }
.timeline-nav .slick-arrow.slick-disabled .bi {
    color: #ddd;
}

.timeline-nav .slick-arrow.slick-disabled {
    border-color: #ddd;
}
.radiowave .imgBox img {
  max-width: fit-content;
}
/* @media(max-width:1540px){
    #lottifyDotBanner {top: 60px;}
} */
@media screen and (min-resolution: 100dpi) {
    #lottifyDotBanner {top: 60px;}
 }
@media screen and  (min-resolution: 125dpi) {
    #lottifyDotBanner {top: 0px;}
    .ex_product .landing-banner-top{min-height: 100vh;}
 }

@media(max-width:1200px){
.awardsSection .container {
    max-width: 767px;
}
}
@media(max-width:992px){
    .awardsSection .container { max-width: 767px; }
    .imgHolder.radiowave img { width: 250px !important; height: 250px !important; }
    @keyframes radio {
        0% { width: 0; height: 0; }
        30% { opacity: 0.8; }
        80% { opacity: 0.6; }
        100% { width: 300px; height: 300px; opacity: 0; }
    }

    #lottifyDotBanner { top: 90%; }
    .awardCard.card h2 { font-size: 24px; }
    .ps-100 { padding-left: 120px; }    
    .awardCard.card p { font-size: 20px; }
    .pe-100 { padding-right: 120px; }
    .awardCard.card { padding: 20px; }
  }
@media(max-width:992px){
    .imgHolder.radiowave img { width: 200px !important; height: 200px !important; }
    @keyframes radio {
        0% { width: 0; height: 0; }
        30% { opacity: 0.8; }
        80% { opacity: 0.6; }
        100% { width: 260px; height: 260px; opacity: 0; }
    }
    
    
  }

@media(max-width:576px){
    div#MyContainerId { width: 100px; height: 4170px; }
    .awardsSection { padding-top: 50px; min-height: auto; padding-bottom: 50px;}
    #lottifyDotBanner{top: 90% !important }
    #thirteenthLottie { width: 100px !important; height: auto !important; }
    .award2023row1 { height: 500px; }
    #lottifileCircle { width: 100px !important; }
    .ps-100 { padding-left: 50px; }
    .awardCard.card h2 { font-size: 18px;padding-bottom: 10px; margin-bottom: 5px; }
    .awardCard.card { padding: 10px; }
    .awardCard.card p { font-size: 13px; line-height: 140%; }
    .awardsSection  .container { padding: 0 15px; } 
    .pe-100 { padding-right: 50px; }
    .imgHolder.radiowave img { width: 120px !important; height: 120px !important; }
    @keyframes radio {
        0% { width: 0; height: 0; }
        30% { opacity: 0.8; }
        80% { opacity: 0.6; }
        100% { width: 160px; height: 160px; opacity: 0; }
    }
    .h100vh { min-height: 300px; }
    #award2023 { min-height: 300px; }
    .award2024row1 {height: 300px;}
    .award2024row2 {height: 250px;margin-bottom: 60px;}
    .award2024row3 {height: 300px;}
    .award2024row4 {height: 185px;}
    .award2024row5 {height: 260px;}
    .award2024row6 {height: 230px;}
    .award2024row7 {height: 240px;}
    .award2023row1 {height: 330px;}
    #award2022 { padding: 50px 0 0; min-height: 850px; }
    .award2022row1 {height: 270px;}
    .award2022row2 {height: 220px;}
    .award2022row3 {height: 320px;}
    #award2021 { padding-top: 50px; min-height: auto; }
    .award2021row1 {height: 210px;}
    .award2021row2 {height: 350px;}
     #award2020 { padding-top: 30px; }
    .award2020row1 { height: 300px; }
    .futureGoals h2 {font-size: 25px;}
    .futureGoals p{max-width:100%;font-size: 18px;}
    .awardsSection:before{display:none}
    .awardsSection:after{transform: scale(0.8);left: 0px;}
    .awardCard.card h2:before{width: 40px;}
    .ex_product .landing_slider .item .info .slider_left_img img{margin-top: 0;}
  }
  .timeline-nav .slick-list.draggable { height: 530px !important; overflow: visible; }
  .timeline-nav .slick-track { height: 530px !important; transform: translate3d(0px, -20px, 0px) !important; }



    /* For langauges  */
    html[lang="ar"] .ex_awards .awardsSection { direction: ltr; }
    html[lang="ar"] .ex_awards .futureGoals{ direction: rtl; }
    html[lang="ar"] .ex_awards .awardCard.card h2 { line-height: 52px; }

    html[lang="hi"] .ex_awards .timeline-nav .item.slick-current,
    html[lang="el"] .ex_awards .timeline-nav .item.slick-current,
    html[lang="ar"] .ex_awards .timeline-nav .item.slick-current { 
      font-size: 16px; 
    }

    html[lang="hi"] .ex_awards .timeline-nav .item,
    html[lang="el"] .ex_awards .timeline-nav .item,
    html[lang="ar"] .ex_awards .timeline-nav .item { 
      font-size: 12px; 
    }

    html[lang="es"] .ex_awards .landing_slider_desc h1,
    html[lang="pt"] .ex_awards .landing_slider_desc h1,
    html[lang="id"] .ex_awards .landing_slider_desc h1,
    html[lang="th"] .ex_awards .landing_slider_desc h1,
    html[lang="ms"] .ex_awards .landing_slider_desc h1,
    html[lang="tr"] .ex_awards .landing_slider_desc h1,
    html[lang="it"] .ex_awards .landing_slider_desc h1,
    html[lang="hi"] .ex_awards .landing_slider_desc h1{ font-size: 52px; }
    html[lang="el"] .ex_awards .landing_slider_desc h1 {font-size: 42px;}

    @media(max-width:992px){
        html[lang="ar"] .ex_awards .awardCard.card h2 { line-height: 32px; }
    }

   @media(max-width:767.99px){
    html[lang="es"] .ex_awards .landing_slider_desc h1,
    html[lang="pt"] .ex_awards .landing_slider_desc h1, 
    html[lang="id"] .ex_awards .landing_slider_desc h1, 
    html[lang="th"] .ex_awards .landing_slider_desc h1, 
    html[lang="ms"] .ex_awards .landing_slider_desc h1, 
    html[lang="tr"] .ex_awards .landing_slider_desc h1, 
    html[lang="it"] .ex_awards .landing_slider_desc h1,
    html[lang="hi"] .ex_awards .landing_slider_desc h1{ font-size: 35px; }
    html[lang="el"] .ex_awards .landing_slider_desc h1 {font-size: 33px;}
  }

  @media(max-width:576px){
    html[lang="ar"] .ex_awards .awardCard.card h2 { line-height: 25px; }
  }