/*--------------------------------------------------------------
  # Banner slider CSS
  --------------------------------------------------------------*/
  .sliderContainer {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  .banner-section {min-height: 100vh;}
  .sliderContainer .slick-slide {
    margin: 0;
  }
  .sliderContainer .slick-slide img {
    width: 100%;
  }
  .sliderContainer .slick-slide video {
    width: 100%;
    height: 100vh;
  }
  .sliderContainer .slick-slide iframe {
    width: 100%;
    height: 100vh;
  }
  video[poster] {
    object-fit: cover;
    width: 100%;
  }

  header.page__header {background-color: rgba(255,255,255,0.9);}
  
  @media (min-width: 992px) {
    /* .slider,
      .slide {
          height: 100vh;
      } */
    .banner-section .home-slider {
      height: 100vh;
      min-height: 100vh;
      /* overflow: hidden; */
      max-width: 100%;
      /* display: flex; */
      margin: 0 0 0 auto;
    }
  
    /* .innerpage-section.banner-section .home-slider {
    height: 100%;
  } */
  }
  
  .slide {
    position: relative;
  }
  
  .slide .slide__img {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .slide .slide__img picture{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
  }

  
  @media (min-width: 992px) {
    .banner-section{min-height: 90vh; height:90vh; }
    .banner-section .home-slider{height:100%;  min-height: 100%; overflow:hidden}
    .banner-section .slick-slider-navstyle{ bottom:-60px}
    .home-slider .slick-slide {min-height:100%;}
    .slide .slide__img, .slide .slide__img picture {min-height:100%;}
    .slide .slide__img img { min-height: 100%; object-fit: cover;}

    /* .slide .slide__img {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
      } */
  }

  .slide .slide__img img {
    width: 100%;
    max-width: 100%;
    /* opacity: 1 !important; */
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
  }
  .homebanner-captions {
    position: absolute;
    top: inherit; bottom:45px;
    max-width: 55%;
    /* background-color: #0085D3; */
    background-color: rgba(0,133,211,0.8);
    border-top-right-radius: 220px;
    border-bottom-right-radius: 220px;
    padding:20px 0;
  }
.slide__content {
    position: relative;
    top: 0;
    left:20%;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    z-index: 1;
    width: 70%;
}

.slide__content--headings {
    text-align: left;
    color: #fff;
    -webkit-border-radius: 1.313rem;
    -moz-border-radius: 1.313rem;
    -ms-border-radius: 1.313rem;
    -o-border-radius: 1.313rem;
    border-radius: 1.313rem;
    /* padding: 10px 0; */
    position: relative;
  }
  
.slide__content--headings h1 {
  font-size: 1.75rem;line-height: 1.75rem;
    margin: 0rem 0 1rem 0;
    color: #fff;
    text-transform: none;
    position: relative;
    z-index: 10;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;

  }

  .slide__content--headings h1 span {font-size: 2.125rem;line-height: 1.5; font-weight: 700;}
  .slide__content--headings h2 span {font-size: 2.125rem;line-height: 1.5; font-weight: 700;}
  .slide__content--headings h2{
    font-size: 1.75rem;line-height: 1.5;
    margin: 0rem 0 2rem 0;
    color: #fff;
    text-transform: none;
    position: relative;
    z-index: 10;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
  }

.slide__content--headings p {
    font-size: 1.375rem;
    line-height: 2.125rem;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 10;
    width: 55%;
  }
  .slide__content--headings .button-wrap {
    margin-top: 1.5rem;
  }
.slide__content--headings .caption-slide {
    font-size: 1rem; /*32px*/
    line-height: 1.5rem;
    color: #fff;
    font-weight: 400;
  }
.slide__content--headings .caption-quote {
    width: auto;
    display: inline-block;
    margin-bottom: 15px;
  }
  
  .sliderContainer .slick-slide.slide:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .banner-section {
    position: relative;
    margin-top: 0px;
  }
  
.slide__content--headings .animated {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  
  .home-slider [data-animation-in] {
    opacity: 0;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-transition: opacity 0.5s ease 0.3s;
    -moz-transition: opacity 0.5s ease 0.3s;
    -o-transition: opacity 0.5s ease 0.3s;
    -ms-transition: opacity 0.5s ease 0.3s;
    transition: opacity 0.5s ease 0.3s;
  }
  
  .slick-dotted .slick-slider {
    margin-bottom: 1.875rem;
  }
  
  .stick-dots .slick-dots {
    position: absolute;
    bottom: 2.5rem;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  
  .stick-dots .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 0.313rem;
    padding: 0;
    cursor: pointer;
  }
  
  .stick-dots .slick-dots li button {
    border: 0;
    display: block;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 0.313rem;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  .slick-dots li button:hover,
  .slick-dots li button:focus {
    outline: none;
  }
  
  .stick-dots .slick-dots li {
    height: 1.25rem;
    width: 1.25rem;
  }
  
  .stick-dots .slick-dots li button {
    position: relative;
    background-color: white;
    opacity: 1;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }
  
  .stick-dots .slick-dots li button:hover,
  .stick-dots .slick-dots li button:focus {
    opacity: 1;
  }
  
  .stick-dots .slick-dots li button:hover {
    background-color: #3f2e71;
  }
  
  .stick-dots .slick-dots li.slick-active button {
    /* opacity: 0.75; */
    background-color: #3f2e71;
  }
  
  .stick-dots .slick-dots li.slick-active button:hover,
  .stick-dots .slick-dots li.slick-active button:focus {
    opacity: 1;
  }


  .home-slider .slick-custom-arrow-left {left: 40px;}
  .home-slider .slick-custom-arrow-right {right: 40px;}


  .home-goto { 
    cursor: pointer; 
    position: absolute;     
    bottom: -5px;
    left: 50%;
    transform: translate(-50%, 50%); 
    z-index: 1;
  }
  .home-goto::before {
    position: absolute;
    top: 28px;
    left: 38px;
    content: '';
    width: 44px;
    height: 44px;
    box-shadow: 0 0 0 0 rgba(255,255,255,.3);
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: sdb03 2s infinite;
    animation: sdb03 2s infinite;
    box-sizing: border-box;
}
  @-webkit-keyframes sdb03 {
    0% {
      opacity: 0;
    }
    30% {
      opacity: 1;
    }
    60% {
      box-shadow: 0 0 0 30px rgba(255,255,255,.3);
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes sdb03 {
    0% {
      opacity: 0;
    }
    30% {
      opacity: 1;
    }
    60% {
      box-shadow: 0 0 0 30px rgba(255,255,255,.3);
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  

  
.homebanner-captions .slick-slide .slide__content{transition: opacity 1s;}
.homebanner-captions .slick-slide.slick-current.slick-active .slide__content{ animation:fadeInUp-slide 1s ease backwards; -webkit-animation:fadeInUp-slide 1s ease backwards;transition: opacity 1s; }

@keyframes fadeInUp-slide{
  from {
    transform: translate3d(0,200px,0);
    -webkit-transform: translate3d(0,200px,0);
    -moz-transform: translate3d(0,200px,0);
    -ms-transform: translate3d(0,200px,0);
    -o-transform: translate3d(0,200px,0);
    opacity: 0
}

to {
    transform: translate3d(0,0,0);
    opacity: 1
}
}

.homebanner-captions .slick-slide {margin: 0; padding:0px 0;}

.home-slider .slick-slider {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
}

.home-slider .slick-slider.slick-initialized {
  visibility: visible;
  opacity: 1;
}

 /*-------------------
  # Who We Are SECTION
  --------------------*/
.whoweare-section {position: relative;padding-bottom: 80px;}
.whoweare-circles {position: relative;display: inline-flex;align-items: start;justify-content: center;}
.whoweare-circle {position: relative;border-radius: 100%;width: 495px;height: 495px;}
.whoweare-circle:nth-child(1) {margin-top: 150px;z-index: 1;}
.whoweare-circle:nth-child(1)::after {content: '';background-color: rgba(0, 133, 211, 0.4);width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 100%;}
.whoweare-circle:nth-child(2) {margin-top: -55px;margin-left: -75px;}
.whoweare-circle:nth-child(2)::after {content: '';background-color: rgba(25, 133, 95, 0.4);width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 100%;}
.whoweare-content {padding: 60px 20% 0 0;}
.whoweare-intro p {color: #131313;font-size: 1.375rem;line-height: 1.75rem; font-weight: 400; border-bottom: 1px dashed #ADADAD;padding-bottom: 10px;margin-bottom: 10px;display: flex;
flex-wrap: wrap;flex-direction: column;}
.whoweare-intro p:nth-child(1) {transition-delay: 0.1s !important;}
.whoweare-intro p:nth-child(2) {transition-delay: 0.2s !important;}
.whoweare-intro p:nth-child(3) {transition-delay: 0.3s !important;}
.whoweare-intro p:nth-child(4) {transition-delay: 0.4s !important;}
.whoweare-intro p:nth-child(5) {transition-delay: 0.5s !important;}
.whoweare-intro p:last-child{border-bottom: none;}

/*-------------------
  # Areas of work SECTION
--------------------*/
.areaswork-block {position: relative;border-top-left-radius: 14px;border-top-right-radius: 14px;border-bottom-left-radius: 300px;border-bottom-right-radius: 300px;}
.areaswork-block::before {content: '';background: rgb(0,132,206);background: linear-gradient(180deg, rgba(0,132,206,1) 0%, rgba(255,255,255,0) 100%); position: absolute;top: 0;left: 0;width: 100%;height: 40%;border-top-left-radius: 10px;border-top-right-radius: 10px;z-index: 1;}
.areaswork-block figure{border-top-left-radius: 14px;border-top-right-radius: 14px;border-bottom-left-radius: 300px;border-bottom-right-radius: 300px;overflow: hidden;}
.areaswork-block figure img {border-top-left-radius: 14px;border-top-right-radius: 14px;border-bottom-left-radius: 300px;border-bottom-right-radius: 300px;}
.areaswork-title h3 {font-size: 1.625rem;line-height: 2.5rem;color: #fff;font-weight: 700;margin-bottom: 0;}
.areaswork-block p {font-size: 1rem;line-height: 1.5rem;color: #fff;font-weight: 400;margin-bottom: 0;padding: 0 48px;}
.areaswork-block .countnum-block {display: flex;align-items: baseline;justify-content: center;margin-bottom: 15px;}
.areaswork-block .countnum-block h3 {color: #fff;font-size: 3.5rem;line-height: 3.75rem;font-weight: 700;margin-bottom: 0;}
.areaswork-block .countnum-block span {color: #fff;font-size: 3.5rem;line-height: 3.75rem;font-weight: 700;margin-left: 10px;}
.areaswork-title {position: absolute;text-align: left;top: 0;left: 0;width: 100%;padding: 20px 20px;z-index: 1;}
.areaswork-outer {position: absolute;text-align: center;bottom: 20px;left: 0;width: 100%;padding: 10px 50px;z-index: 1;display: flex;flex-wrap: wrap;height: 222px;align-items: center;  justify-content: center;flex-direction: column;}
.areaswork-block::after {content: '';background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);position: absolute;bottom: 0;left: 0;width: 100%;height: 40%;border-top-left-radius: 14px;border-top-right-radius: 14px;border-bottom-left-radius: 300px;border-bottom-right-radius: 300px;}
.areaswork-section .areaswork-row .areaswork-box:nth-child(1) {transition-delay: 0.1s !important;}
.areaswork-section .areaswork-row .areaswork-box:nth-child(2) {transition-delay: 0.2s !important;}
.areaswork-section .areaswork-row .areaswork-box:nth-child(3) {transition-delay: 0.3s !important;}

.areaswork-blockinner .areaswork-outer { opacity: 1;transition: all .2s ease-in-out;}
.areaswork-section .areaswork-row .areaswork-box:nth-child(1) .areaswork-blockinner.active .areaswork-outer {display: none;opacity: 0;}

.areaswork-block figure img {-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;width: 100%;}
.areaswork-block:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}




 /*-------------------
  # Latest Stories SECTION
  --------------------*/
  .lateststories-carousel.common-slider-oprion3 picture::after {display: none;}
.lateststories-carousel {width: 135%;position: relative;}
.lateststories-carousel.common-slider-oprion3 .content-figcaption {min-height: 290px;}
.lateststories-carousel.common-slider-oprion3 .content-figcaption .button-wrap {position: absolute;bottom: 20px;}
.lateststories-carousel .slick-track {margin-left: initial;}
.common-slider-oprion3 .figure:hover .common-btn {color: #131313; box-shadow:inset -38px 0 0 rgba(0,133,211,1);}
.common-slider-oprion3 .figure .common-btn {width: 155px;}
.lateststories-carousel .slick-track .lateststories-block:nth-child(5) {transition-delay: 0.1s !important;}
.lateststories-carousel .slick-track .lateststories-block:nth-child(6) {transition-delay: 0.2s !important;}
.lateststories-carousel .slick-track .lateststories-block:nth-child(7) {transition-delay: 0.3s !important;}
.lateststories-carousel .slick-track .lateststories-block:nth-child(8) {transition-delay: 0.4s !important;}
.common-slider-oprion3 .figure:hover .common-btn .btnarrow-white {opacity: 1;visibility: visible;}
.common-slider-oprion3 .figure:hover .common-btn .btnarrow-blue {opacity: 0;visibility: hidden;}


  /*-------------------
  # Lets work together SECTION
  --------------------*/
.worktogether-section .common-title-wrap .common-btn {width: 170px;}
.worktogether-imgwrap {border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.worktogether-imgwrap img {border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.worktogether-imgwrap .reveal {border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
/* .areaswork-block figure img {} */
.areaswork-block:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

  /*-------------------
  # educationforall SECTION
  --------------------*/
.educationforall-section {background-color: #F2ECE6; padding-top:15vh;}
.graphic-center-wrap {display: flex; align-items: center;justify-content: center;}
.graphic-border-dashed {border:1px dashed #004E65;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 12px;}
.graphic-border-thin {border:5px solid #225777;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 5px;}
.graphic-border-big {border:15px solid #225777;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.graphic-center-inner {background-color:#0085D3;display: flex;align-items: center;justify-content: center;border-radius: 50%; width:195px; height:195px;position: relative;}
.graphic-center-inner h3 {text-transform: uppercase; color:#fff;font-weight: 700; font-size:1.563rem; line-height:1.75rem;text-align: center;margin-bottom: 0;}

.graphic-circle-wrap {position: relative;display: flex; align-items: center;justify-content: center;flex-wrap: wrap;gap:20px;}
.graphic-circle-wrap .graphic-border-thin {border:3px solid #ADADAD;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 5px; position: relative;}
.graphic-circle-wrap .graphic-border-big {border:10px solid #ADADAD;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.graphic-circle-wrap .graphic-center-inner {background-color:#0085D3;display: flex;align-items: center;justify-content: center;border-radius: 50%; width:115px; height:115px;position: relative;}
.graphic-circle-wrap p {color: #131313; font-weight: 600;font-size: 1.375rem;line-height: 1.75rem;text-align: left;max-width: 45%;margin-bottom: 0;}
.educationforall-graphic-wrapper {position: relative;display: flex;align-items: center;justify-content: center;min-height: 750px;}
.graphic-center-wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.graphic-circle-wrap {position: absolute;}
.graphic-circle-01 {top: 6.5%;right: 27%;}
.graphic-circle-02 {top: 32%;right: 15.8%;}
.graphic-circle-03 {bottom: 15%;right: 18%;}
.graphic-circle-04 {bottom: 16%;left: 14%;flex-direction: row-reverse;}
.graphic-circle-05 {top: 31.5%;left: 13.5%;flex-direction: row-reverse;}

.line-marker {position: absolute;}
.line-marker:after {content: '';position: absolute;top: 0;left: 0; width: 2px;height: 30px;background-image: linear-gradient(1800deg, transparent, transparent 50%, #F2ECE6 50%, #F2ECE6 100%), linear-gradient(180deg, #0085D3, #0085D3, #0085D3, #0085D3, #0085D3);background-size: 2px 8px, 100% 8px;border: none;}
.line-marker .dot {background-color:#19855F;width:18px;height:18px;border-radius: 50%;position: absolute;display: block;bottom: -52px;left: -8px;z-index: 1;  animation: pulse-animation 3s infinite;}
.line-marker .dot:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 2px solid #fff;}
.graphic-circle-01 .line-marker {bottom: 0;left: auto;}
.graphic-circle-02 .line-marker {bottom: 45%;left: 0;transform: rotate(60deg);}
.graphic-circle-02 .line-marker .dot {bottom: -45px;}
.graphic-circle-03 .line-marker {bottom: 90%;left: 22%;transform: rotate(140deg);}
.graphic-circle-03 .line-marker .dot {bottom: -45px;}
.graphic-circle-04 .line-marker {bottom: 85%;left: 85%;transform: rotate(-135deg);}
.graphic-circle-04 .line-marker .dot {bottom: -45px;}
.graphic-circle-05 .line-marker {bottom: 35%;left: 95%;transform: rotate(-65deg);}
.graphic-circle-05 .line-marker .dot {bottom: -45px;}
.graphic-circle-04.graphic-circle-wrap p, .graphic-circle-05.graphic-circle-wrap p {text-align: right;}
.graphic-circle-wrap .graphic-center-inner img {max-height: 60px;}
.full-anchor {position: absolute;width: 100%;height: 100%;z-index: 1;}
.graphic-circles-wrapper {position: absolute;width: 100%;height: 100%;}

.graphic-circle-wrap .graphic-border-thin {transition:border 0.25s;}
.graphic-circle-wrap:hover .graphic-border-thin {border: 3px solid #0085D3; }



@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0);
  }
}


.areaswork-blockinner {position: relative;}
.areaswork-block figure {position: relative;}
.areaswork-blockinner.active figure:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(0,0,0);
  background: -moz-linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.7) 55%);
  background: -webkit-linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.7) 55%);
  background: linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.7) 55%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
} 
.areaswork-block .figcaption { position: absolute; top: 50px; left: 0; width: 100%; text-align: center; z-index: 1; transition: all 0.6s; display: flex; align-items: normal; justify-content: flex-start; min-height: auto; flex-wrap: wrap; flex-direction: column; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; }
 .areaswork-block .figcaption .figcaption-head {display: flex;position: relative;width: 100%;justify-content: normal;align-items: center; padding-bottom:60px}
 .areaswork-block .figcaption .figcaption-head img {position: absolute;top: 0px; left: 15px;}
 .areaswork-block .figcaption .figcaption-head h2 {font-size: 30px;line-height: 32px;color: #fff;margin-bottom: 0;padding: 0 20px 0 65px;text-align: left;}
 .areaswork-block .figcaption ul {padding: 0 20px; list-style: none;}
 .areaswork-block .figcaption ul li {text-align: left;margin-bottom: 3px;}
 .areaswork-block .figcaption ul li a {color: #fff;font-weight: 600;}
 .areaswork-block .figcaption ul li:hover a {color: #0085D3;}

.areaswork-block .figcaption ul{ color: #fff; font-size: 14px; line-height: 22px; margin: 0 auto 0px; width:100%; transition: 0.2s linear; opacity: 0; visibility: hidden; display: none; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; position: absolute; top: 0; }
.areaswork-block.active figure figcaption ul {opacity: 1;visibility: visible;display: block;position: relative;top: 60px;}
.areaswork-block.active figure figcaption{ min-height:90%; }
.areaswork-blockinner.active figure figcaption ul {opacity: 1;visibility: visible;display: block;position: relative;top: 30px;}
.areaswork-blockinner.active figure figcaption{ min-height:100%; }
.areaswork-block .btn-block { background-color: #0085D3; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;color: #fff; font-size: 14px;line-height: 18px; cursor: pointer; padding: 5px 14px; display: flex;gap: 5px;align-items: center;justify-content: center;position: absolute; top: 25px; right: 12px;}
.areaswork-block .figcaption .figcaption-head .btn-block img {position: relative;top: 0;left: 8px;height: 6px;transform: rotate(-90deg);}
.areaswork-blockinner.active .btn-block {width: 38px;height: 38px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;  -ms-border-radius: 50%; -o-border-radius: 50%;
  padding: 0px;}
.areaswork-blockinner.active .btn-block span {display: none;}
.areaswork-block .btn-block img { position: relative;top: 0; left: 8px; height: 6px;transform: rotate(-90deg);}
.areaswork-blockinner.active .btn-block img { top: 0; transform: rotate(0deg); left: 0;}


.slider-home,
.homebanner-captions {
  visibility: hidden;
}
.slider-home.slick-initialized,
.homebanner-captions.slick-initialized {
  visibility: visible;
}

/*--------------------------------------------------------------
  # Responsive CSS
  --------------------------------------------------------------*/
  @media screen and (min-width: 1920px) {
    .lateststories-carousel.common-slider-oprion3 .content-figcaption {min-height: 290px;}
  }

@media screen and (min-width: 1680px) {
  .whoweare-circle {width: 520px;height: 520px;}
  .whoweare-circle img {width: 100%;}
  .whoweare-circle:nth-child(1) {margin-top: 130px;}
  .whoweare-circle:nth-child(2) {margin-top: -75px;}

}
@media screen and (max-width: 1680px) { 
  .graphic-circle-01 {top: 6%; right: 22%;}
  .graphic-circle-02 {top: 36%;right: 7.8%;}
  .graphic-circle-03 {bottom: 13%;right: 13%;}
  .graphic-circle-04 {bottom: 14%;left: 8%;flex-direction: row-reverse;}
  .graphic-circle-05 {top: 34%;left: 5.5%;flex-direction: row-reverse;}

}

@media screen and (max-width: 1440px) { 
  /* .homebanner-captions {top: 25%;max-width: 45%;padding: 65px 0;} */
  .slick-slider-navstyle {bottom: 20px;}
  .whoweare-circle {width: 450px;height: 450px;}
  .whoweare-circle img {width: 100%;}
  .whoweare-content {padding: 60px 14% 0 0;}
  .lateststories-carousel {width: 130%;}
  .slick-custom-arrow-right {right: 22.625rem;}
  .common-title-wrap h2 {font-size: 2.5rem;line-height: 2.5rem;}
  .whoweare-intro p {font-size: 1.25rem;line-height: 1.55rem;}
  .areaswork-block::after {height: 55%;}
}

@media screen and (max-width: 1366px) { 
  /* .homebanner-captions {top: 23%;} */
  /* .homebanner-captions {top: 65%;} */
  .whoweare-circles .whoweare-circle {width: 420px;height: 420px;}
  .areaswork-block p {padding: 0 25px;}
  section .common-title-wrap h2 {font-size: 2.275rem;line-height: 2.275rem;}
  section .slick-custom-arrow-right {right: 19.625rem;}
  .areaswork-title h3 {font-size: 1.375rem;}

  .graphic-circle-01 {top: 6%;right: 18%;}
  .graphic-circle-02 {top: 30.5%;right: 1.8%;}
  .graphic-circle-03 {bottom: 15%;right: 5%;}
  .graphic-circle-04 {bottom: 16%;left: -1%;flex-direction: row-reverse;}
  .graphic-circle-05 {top: 29.5%;left: -1.5%;flex-direction: row-reverse;}

}
@media screen and (min-width: 1280px) {
  .lateststories-carousel.common-slider-oprion3 .content-figcaption {min-height: 330px;}
  /* .homebanner-captions {max-width: 60%;} */
  .homebanner-captions{max-width:715px;}
  .homebanner-captions{ bottom:-70px;}
  .slide__content{width:100%; padding: 0 3vw 0 18%; left:0; max-width: fit-content;}
  .slide__content--headings h2{ line-height: 1.25; margin-bottom:15px;}
  .slide__content--headings h2 span{ line-height: 1.25;}
}
@media screen and (max-width: 1280px) {
 /* .banner-section .homebanner-captions {top: 20%;max-width: 48%;} */
 section .whoweare-circles .whoweare-circle {width: 405px;height: 405px;}
.whoweare-content .whoweare-intro p {font-size: 1.125rem;line-height: 1.55rem;}
section .slick-custom-arrow-right {right: 19.625rem;}
body section .common-title-wrap h2 {font-size: 2.25rem;line-height: 2.375rem;}


}


@media screen and (max-width: 992px) {
  .banner-section .slick-dots li button::after {background-color: #ADADAD;}
  .banner-section .slick-counter {color:#0085D3}
  .banner-section {min-height: 100%;}


}

@media screen and (max-width: 820px) {
  .graphic-circle-wrap p {max-width: 62%;}
  .graphic-circle-wrap p {text-align: center;font-size: 1.275rem;}
  .graphic-circle-01 {top: 1%; right: 28%; flex-direction: column-reverse;}
  .graphic-circle-02 {top: 32%;right: 1%;flex-direction: column;}
  .graphic-circle-03 {bottom: 7%;right: 11%;flex-direction: column;}
  .graphic-circle-04 {bottom: 9%;left: 2%; flex-direction: column;}
  .graphic-circle-05 {top: 29%; left: -0.5%;flex-direction: column;}
  .educationforall-graphic-wrapper {min-height: 820px;}
  .graphic-circle-04.graphic-circle-wrap p, .graphic-circle-05.graphic-circle-wrap p {text-align: center;}
  .slide__content--headings h1 {margin-bottom: 1rem;}
  .slide__content--headings h2 {margin-bottom: 1rem;}
  body .banner-section {padding-bottom: 62px;}

  .areaswork-blockinner.active figure figcaption ul {top: 20px;}
  .areaswork-block .btn-block {font-size: 13px;padding: 5px 15px;right: 8px;}
}



@media screen and (max-width: 767px) {
  .home-slider .slick-slide.slide:before {display: none;}
  /* .banner-section .homebanner-captions {position: relative; top: -130px;max-width: 95%;padding: 20px 0;} */
  .banner-section .homebanner-captions {position: absolute;bottom: 45px; max-width: 95%;padding: 10px 0; top:inherit;}
  .slide__content {left: 5%;}
  .slide__content--headings {padding: 0px 0px;}
  .slick-slider-navstyle {bottom: 5px;left: 2%;justify-content: left;}
  section .whoweare-circles .whoweare-circle {width: 280px;height: 280px;}
  .whoweare-circle:nth-child(1) {left: 20px;}
  .whoweare-circle:nth-child(2) {margin-top: 0;margin-left: 0px;left: -33%;}
  .whoweare-content {padding: 0px 15px 0 15px;margin-top: 0px;}
  .areaswork-block {margin-bottom: 35px;border-bottom-left-radius: 360px;border-bottom-right-radius: 360px;}
  .areaswork-block::after {border-bottom-left-radius: 330px;border-bottom-right-radius: 330px;height: 65%;}
  .areaswork-block figure img {border-bottom-left-radius: 330px;border-bottom-right-radius: 330px;}
  .areaswork-title h3 {font-size: 1.375rem;}
  .splitting .word, .splitting .char {height: 42px;}
  html body .common-title-wrap h2 {font-size:1.8rem;line-height: 1rem;}
  .areaswork-block p {padding: 0 20px;font-size: 1rem;line-height: 1.5rem;}
  .lateststories-carousel {width: 100%;}
  section .slick-custom-arrow-left {left: auto;right: 65px;}
  section .slick-custom-arrow-right {right: 0;}
  .slick-custom-arrow {top: auto;bottom: 0;height: 0;}
  .imgContentBox-container .imgContentBox-inner { top: 0;left: 0;margin-top: -30px; margin-left: 15px;}

  .slide__content--headings h1 {font-size: 1.05rem;line-height: 1.25;}
  .slide__content--headings h2 {font-size: 1.05rem;line-height: 1.25;}
  .slide__content--headings h1 span {font-size: 1.5rem;line-height:1.25;}
  .slide__content--headings h2 span {font-size: 1.5rem;line-height:1.25;}
  .slide__content--headings .common-btn {width:8rem;padding: 6px 20px; font-size:14px;}
  .slide__content--headings .common-btn span {position: absolute; top: calc(50% - 5px); right: 15px;}
   .slide__content--headings .common-btn .button-text {padding: 0.38rem 0;font-size: 0.875rem;}
  .slide__content--headings .common-btn .circle {width: 2rem;height: 2rem;}
    .common-btn .circle .icon.arrow::before {right: 0.375rem;}
    /* .worktogether-imgwrap .reveal, .worktogether-imgwrap img {border-radius: 20px;} */
    .worktogether-section .container-fluid {padding: 0 15px 0 0 !important;}
    .slide .slide__img img {height: 100%;}
    .home-slider .slick-dots li button::after {top: -3px;}
  
  /* .common-title-wrap.text-center {text-align: left !important;} */
  .slide .slide__img img {height: 100%;}
  
  
  .indocount-promise-box {margin-top: -175px;}
  .home-slider .slide .slide__img {height: 100%; max-height:84vh;}
  .home-slider video.slide-video  {height: 100;object-fit: cover;}
   .slide__content {width: 85%;padding: 0px 0;}
  
  
  .content-caption h3 {font-size: 1.25rem;line-height: 20px;}
  .content-caption h4 {font-size: 1.5rem;line-height: 2rem;}
  .common-slider-oprion2 .content-caption p {font-size: 0.875rem;line-height: 1.1rem;}
  .common-slider-oprion2 .content-caption {top: 58%;}
  .slide__content--headings .caption-quote {width: 75px;}
  .home-slider .slick-slide.slide:before {display: none;}
  .home-slider .slick-slide.slick-current.slick-active .slide__content {background-color: #EFEFEF;}
  .areaswork-block::before {border-top-left-radius: 8px;border-top-right-radius: 8px;}
  .whoweare-circle:nth-child(1) {margin-top: 215px;}
  .banner-section {min-height: 100%; max-height:100vh;}


  .graphic-border-big {border: 10px solid #225777;}
  .graphic-border-thin {border: 3px solid #225777;}
  .graphic-border-dashed {padding: 8px;}
  .graphic-circle-wrap {width: 100%;gap: 10px;flex-direction: column;}
  .graphic-circle-wrap .graphic-border-thin {padding: 3px;}
  .graphic-circle-wrap .graphic-border-big {border: 6px solid #ADADAD;}
  .graphic-center-inner {width:90px; height:90px;}
  .graphic-center-inner h3 {font-size:0.813rem;line-height: 1.25rem;}
  .graphic-circle-wrap .graphic-center-inner {width:75px; height:75px;}
  .graphic-circle-wrap .graphic-center-inner img {max-height: 40px;}
  .graphic-circle-wrap p {font-size:0.875rem;line-height:1.125rem;text-align: center;max-width: 40%;}
  .graphic-circle-01 {flex-direction: column-reverse;top: 1.5%;right: 0;}
  .graphic-circle-02 {top: 29%;right: -39.2%;}
  .graphic-circle-03 {bottom: 9%;right: -28%;}
  .graphic-circle-04 {bottom: 9%;left: -28%;}
  .graphic-circle-05 {top: 26%;left: -36.5%;}
  .graphic-circle-04.graphic-circle-wrap p, .graphic-circle-05.graphic-circle-wrap p {text-align: center;}
  .line-marker .dot {width: 15px;height: 15px;bottom: -46px;left: -6px;}
  .line-marker .dot:after {border: 4px solid #fff;}
  .graphic-circle-wrap .graphic-border-thin {border: 2px solid #ADADAD;}

  .graphic-center-wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
  .educationforall-graphic-wrapper {min-height: 520px;}

  
  }

  @media screen and (min-width: 430px) and (max-width: 435px) {
    .slide__content--headings {padding: 0px 10px;}
  }
  @media screen and (max-width: 384px) {
    .graphic-circle-wrap p {max-width: 41%;}
  }
  @media screen and (max-width: 375px) {
    .whoweare-circle:nth-child(2) { left: -38%;}
    .graphic-circle-wrap .graphic-center-inner {width: 70px;height: 70px;}
    .graphic-circle-wrap .graphic-center-inner img {max-height: 35px;}
    .graphic-circle-wrap .graphic-border-big {border: 5px solid #ADADAD;}
    .graphic-circle-wrap p {max-width: 42%;}
    .graphic-circle-01 {top: 2.5%;right: 0;}
    .graphic-circle-02 {top: 29%;right: -38.2%;}
    .graphic-circle-03 {bottom: 10%;right: -28%;}
   
    .areaswork-title h3 {font-size: 1.25rem;}


  }
  @media screen and (max-width: 360px) {
    .graphic-circle-wrap .graphic-center-inner {width: 65px;height: 65px;}
    .graphic-circle-wrap p {font-size: 0.813rem;line-height: 1.105rem;max-width: 41%;}
    .graphic-circle-01 {top: 3.5%; right: 0;}
    .graphic-circle-02 {top: 29%;right: -39.2%;}
    .graphic-circle-04 {bottom: 11%;left: -28%;}
    .graphic-circle-03 {bottom: 11%;right: -28%;}


  }
  
  @media screen and (max-width: 991px) {
  .slide__content--headings p {width: 100%;} 

  
  }
  
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {



  
  }
  
  @media only screen and (min-width: 851px) and (max-width: 992px) {

  
  }


@media screen and (max-width: 992px) {}
@media screen and (max-width: 1024px) {}
@media only screen and (min-width: 320px) and (max-width: 992px) {}
@media only screen and (min-width: 375px) and (max-width: 384px) {}
@media only screen and (min-width: 360px) and (max-width: 374px) {}
@media only screen and (min-width: 400px) and (max-width: 650px) {}
@media only screen and (min-width: 411px) and (max-width: 450px) {}
@media only screen and (min-width: 390px) and (max-width: 410px) {}

@media only screen and (min-width: 810px) and (max-width: 850px) {
  .home-slider .slick-slide.slide:before {display: none;}
  .banner-section .homebanner-captions {position: relative; top: -130px;max-width: 95%;}
  .slide__content {left: 5%;}
  .slide__content--headings {padding: 10px 30px;}
  .slick-slider-navstyle {bottom: 70px;left: 2%;}
  .whoweare-circle:nth-child(1) {left: 50px;}
  .whoweare-circle:nth-child(2) {margin-top: 0;margin-left: -20px;}
  .whoweare-content {padding: 60px 60px 0 60px;margin-top: 40px;}
  .areaswork-block {margin-bottom: 35px;border-bottom-left-radius: 360px;border-bottom-right-radius: 360px;}
  .areaswork-block::after {border-bottom-left-radius: 330px;border-bottom-right-radius: 330px;}
  .areaswork-block figure img {border-bottom-left-radius: 330px;border-bottom-right-radius: 330px;}
  .areaswork-title h3 {font-size: 1.875rem;}
  html body .common-title-wrap h2 {font-size: 2.813rem;line-height: 2.125rem;}
  .areaswork-block p {padding: 0 80px;font-size: 1.5rem;line-height: 2rem;}
  .lateststories-carousel {width: 180%;}
  .slick-custom-arrow-left {left: -2.625rem;}
  section .slick-custom-arrow-right {right: 32.625rem;}
  .worktogether-section .container-fluid {padding: 0 40px !important;}
  .imgContentBox-container .imgContentBox-inner { top: 0;left: 0;}


}

@media only screen and (min-width: 1024px) and (max-width: 1080px) {
  .banner-section .home-slider {height: 100%;}
  .slide .slide__img img {height: 100%;}
  .homebanner-captions {padding: 35px 0;}
  .slide__content--headings h1 {font-size: 3.75rem;line-height: 3.75rem;}
  .slide__content--headings h2 {font-size: 3.75rem;line-height: 3.75rem;}
  .banner-section .homebanner-captions {padding: 15px 0;}
  .banner-section .slick-slider-navstyle {bottom: 10px;right: 3%;}
  section .whoweare-circles .whoweare-circle {width: 330px;height: 330px;}
  .whoweare-circle:nth-child(2) {margin-top: -40px;}
  .whoweare-content {padding: 60px 10% 0 0;}
  .areaswork-block p {padding: 0 5px;line-height: 1.4rem;}
  .areaswork-block .countnum-block h3, .areaswork-block .countnum-block span {font-size: 3.063rem;line-height: 3.25rem;}
  .areaswork-title h3 {font-size: 1.325rem;}
  .lateststories-carousel {width: 160%;}
  section .slick-custom-arrow-left {left: -1.625rem;}
  section .slick-custom-arrow-right {right: 33.625rem;}
  body section .common-title-wrap h2 {font-size: 1.70rem;line-height: 2.375rem;}
  .splitting .word, .splitting .char {height: 45px;}
  .common-title-wrap p {font-size: 1rem;}
  .imgContentBox-container .imgContentBox-inner {padding: 40px 30px;left: -60px;}
  
}


@media only screen and (min-width: 1280px) and (max-width: 1300px) {}




  @media only screen and (min-width: 1349px) and (max-width: 1439px) {}



  @media only screen and (min-width: 1440px) and (max-width: 1445px) {
  
    
  }

@media screen and (min-width: 1920px) {
  /* .banner-section .home-slider {max-width: 80%;} */
 /* .slide__content { left: 15%; } */
 .slide__content--headings h1 {font-size: 1.5rem;line-height: 1.5;}
 .slide__content--headings h2 {font-size: 1.5rem;line-height: 1.5;}
 .slide__content--headings h1 span {font-size: 3.125rem;line-height: 3.438rem;}
 .slide__content--headings h2 span {font-size: 3.125rem;line-height: 3.438rem;}
 .homebanner-captions {top:inherit; max-width:40%;background-color: rgba(0,133,211,0.8);border-top-right-radius: 280px;border-bottom-right-radius: 280px;padding:20px 0;; bottom:-70px}
 .whoweare-circle {width: 585px;height: 585px;}
.whoweare-circle img {width: 100%;}
.lateststories-carousel {width: 135%;}
.slick-custom-arrow-right {right: 28rem;}
.imgContentBox-container .imgContentBox-inner {padding: 50px 70px;left: -140px;}
/* .whoweare-content {padding: 60px 30% 0 0;} */
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1600px;}

}
@media only screen and (min-width: 1600px) and (max-width: 1679px) {

}
@media only screen and (min-width: 1680px) and (max-width: 1685px) {

}

@media screen and (min-width: 1280px) and (max-width: 1280px) and (min-height: 720px) and (max-height: 720px),
screen and (min-resolution: 144dpi) and (max-resolution: 150dpi),
screen and (min-resolution: 1.5dppx) and (max-resolution: 1.56dppx) {
  .slide__content--headings h1 {font-size: 1.25rem;line-height: 1.25;}
  .slide__content--headings h2 {font-size: 1.25rem;line-height:1.25;}
  .slide__content--headings h1 span {font-size:2rem;line-height:1;}
  .slide__content--headings h2 span {font-size: 2rem;line-height:1;}
  .banner-section .homebanner-captions {max-width: 51%;}
  .areaswork-block .countnum-block h3 {font-size: 3.2rem;}
  .areaswork-block .countnum-block span {font-size: 3.2rem;}
  body section .common-title-wrap h2 {font-size: 2rem;}
  .homebanner-captions {top: inherit; padding:10px 0; bottom: -50px;}
  .slide__content--headings {padding: 0px 0;}
  .slide__content {width: 100%;}
  .slide__content--headings h1 {margin-bottom: 1rem;}
  .slide__content--headings h2 {margin-bottom: 1rem;}
  .slide .slide__img, .slide .slide__img picture {height: 100%;}

  .common-btn{ line-height: 1; width: 120px; font-size:14px;}
  .common-btn span{top:10px}

  .innerbanner-caption-wrap{ padding: 20px 60px 20px 115px;}
  .areaswork-title h3 {font-size: 1.375rem;}
  .areaswork-block .figcaption {top: 35px;}
  .areaswork-block .figcaption ul {font-size: 13px;line-height: 18px;}
  .areaswork-block .countnum-block {margin-bottom: 10px;}
}

@media screen and (max-width: 320px) {
}

@media screen and (max-width: 320px) {
}
@media screen and (max-width: 992px) {
  .educationforall-section .common-title-wrap .heading-h2 {text-align: center;}


}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
}




@media all and (min-width: 992px) {
  

 
}

@media screen and (max-width: 640px) {
}

@media all and (min-width: 992px) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (min-width: 1280px) and (max-width: 1300px) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (min-width: 1024px) and (max-width: 1080px) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (min-width: 1920px) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (max-width: 767px) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
  }
}

@media (prefers-reduced-motion: reduce) {
  
}

@media only screen and (max-width: 640px) {

}