.covid-19-resource *,
.covid-19-resource *:after,
.covid-19-resource *:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content-wrap {
  max-width: 1170px;
}

.main-container-wrapper{
  overflow: unset;
}

.act-btn.cta-btn {
  min-width: 170px;
}

.btn-more a{
  max-width: unset;
}

h1 {
  font-size: 50px;
  color: #293042;
  margin-bottom: 15px;
}

h2 {
  font-size: 42px;
}

p {
  font-size: 20px;
}

.banner-section {
  background-color: #F6F1EC;
}

.banner-section .banner-inner-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 80px 0 100px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-section .banner-left {
  width: 50%;
  max-width: 540px;
}

.banner-section .banner-right {
  width: 50%;
  text-align: right;
}

.banner-section .banner-right img {
  width: 100%;
  max-width: 500px;
}

.how-orch-sec {
  background-color: #293043;
  padding: 100px 0;
}

.how-orch-sec h2,
.how-orch-sec h3 {
  color: #fff;
}

.how-orch-sec p {
    color: #ACB1C2;
}

.how-orch-inner-sec .heading-sec {
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
}

.how-orch-inner-sec .how-orch-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
}

.how-orch-inner-sec .how-orch-flex .left-flex {
  width: 50%;
}

.how-orch-inner-sec .how-orch-flex .left-flex .content-section {
  max-width: 460px;
}

.how-orch-inner-sec .how-orch-flex .left-flex .content-section h3 {
  position: relative;
  margin-bottom: 10px;
}

.how-orch-inner-sec .how-orch-flex .left-flex .content-section h3:before {
  content: '';
  position: absolute;
  left: 0;
  top: -30px;
  color: #fd843d;
  font-size: 20px;
  font-family: "Asap";
  font-weight: 600;
}

.how-orch-inner-sec .how-orch-flex .left-flex .content-section:nth-child(1) h3::before {
  content: '01';
}

.how-orch-inner-sec .how-orch-flex .left-flex .content-section:nth-child(2) h3::before {
  content: '02';
}

.how-orch-inner-sec .how-orch-flex .left-flex .content-section:nth-child(3) h3::before {
  content: '03';
}

.how-orch-inner-sec .how-orch-flex .right-flex {
  width: 50%;
}

.how-orch-inner-sec .how-orch-flex .right-flex .float-img-wrap img {
  max-width: 550px;
}

.how-orch-inner-sec .how-orch-flex:not(.ie-css) .left-flex {
  padding-top: 200px;
}

.how-orch-inner-sec .how-orch-flex:not(.ie-css) .left-flex .content-section {
  margin-bottom: 40vh;
  position: -webkit-sticky;
  position: sticky;
  top: 300px;
}

.how-orch-inner-sec .how-orch-flex:not(.ie-css) .left-flex .content-section:last-child {
  margin-bottom: 30vh;
}

.how-orch-inner-sec .how-orch-flex:not(.ie-css) .right-flex .float-img-wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.how-orch-inner-sec .how-orch-flex:not(.ie-css) .right-flex .float-img-wrap img {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  opacity: 0;
}

.how-orch-inner-sec .how-orch-flex:not(.ie-css) .right-flex .float-img-wrap img.active {
  opacity: 1;
}

.how-orch-inner-sec .how-orch-flex.ie-css .left-flex .content-section:nth-child(1) {
  margin-top: 80px;
  margin-bottom: 200px;
}

.how-orch-inner-sec .how-orch-flex.ie-css .left-flex .content-section:nth-child(2) {
  margin-top: 300px;
  margin-bottom: 250px;
}

.how-orch-inner-sec .how-orch-flex.ie-css .right-flex .float-img-wrap img:nth-child(1) {
    max-width: 350px;
    margin-bottom: 100px
}

.how-orch-inner-sec .how-orch-flex.ie-css .right-flex .float-img-wrap img:nth-child(2) {
    max-width: 350px;
    margin-bottom: 100px
}

.how-orch-inner-sec .how-orch-flex.ie-css .right-flex .float-img-wrap img:nth-child(3) {
    max-width: 350px;
    margin-top: 30px;
    margin-bottom: 0
}

.how-orch-flex.ie-css .float-img-wrap {
    text-align: center;
}

.remote-work-sec {
  background-color: #F6F1EC;
  padding: 100px 0 110px;
}

.remote-work-sec h2 {
  margin-bottom: 30px;
}

.remote-work-inner-sec .remote-work-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}

.remote-work-inner-sec .remote-work-flex .remote-work-box {
  background-color: #fff;
  max-width: 31.5%;
  min-width: 330px;
  border-radius: 5px;
  overflow: hidden;
}

.remote-work-inner-sec .remote-work-flex .remote-work-box .img-holder {
  position: relative;
  text-align: center;
  max-height: 200px;
  overflow: hidden;
}

.remote-work-inner-sec .remote-work-flex .remote-work-box .img-holder img {
  display: block;
  max-height: 200px;
  margin: 0 auto;
}

.remote-work-inner-sec .remote-work-flex .remote-work-box:nth-child(1) .img-holder {
  background: #A7CAD4;
}

.remote-work-inner-sec .remote-work-flex .remote-work-box:nth-child(1) .img-holder img {
  padding: 40px 0 0;
}

.remote-work-inner-sec .remote-work-flex .remote-work-box:nth-child(2) .img-holder {
  background: #92ccf3;
}

.remote-work-inner-sec .remote-work-flex .remote-work-box:nth-child(2) .img-holder img {
  padding: 0;
  max-height: unset;
}

.remote-work-inner-sec .remote-work-flex .remote-work-box:nth-child(3) .img-holder {
  background: #f8e1da;
}

.remote-work-inner-sec .remote-work-flex .remote-work-box:nth-child(3) .img-holder img {
  padding: 20px 0;
}

.remote-work-inner-sec .remote-work-flex .remote-work-box .content-holder {
  padding: 40px;
}

.remote-work-inner-sec .remote-work-flex .remote-work-box .content-holder h3 {
  margin-bottom: 10px;
  max-width: 260px;
}

.footer {
  padding: 80px 0;
  background: #293042;
}

.footer .footer-inner {
  text-align: center;
}

.footer .footer-inner h2 {
  margin-bottom: 20px;
}

.footer h2 {
    color: #fff;
}

p.btn-more {
    margin-bottom: 0;
}


@media(max-width:1200px){
    .banner-section .banner-inner-sec{
        display: block;
        padding: 80px 0;
    }
    .banner-section .banner-left{
        width: 100%;
        max-width: 750px;
        margin: 0 auto;
        text-align: center;
    }
    .banner-section .banner-right {
        width: 100%;
        text-align: center;
    }
    .banner-section .banner-right img {
        width: 100%;
        max-width: 600px;
    }

    .how-orch-inner-sec .how-orch-flex{
        display: block;
        padding-top: 40px;
    }
    .how-orch-inner-sec .how-orch-flex .left-flex .content-section{
        max-width: 100%;
        margin: 0 auto;
    }
    .how-orch-inner-sec .how-orch-flex:not(.ie-css) .left-flex .content-section{
        position: relative;
        top: 0;
        text-align: center;
        max-width: 600px;
        margin-bottom: 100px;
    }
    .how-orch-inner-sec .how-orch-flex:not(.ie-css) .left-flex .content-section:last-child{
        margin-bottom: 0;
    }
    .how-orch-inner-sec .how-orch-flex:not(.ie-css) .left-flex .content-section img {
        max-width: 500px;
        margin-top: 50px;
    }
    .how-orch-inner-sec .how-orch-flex .left-flex .content-section h3:before{
        content: unset!important;
    }
    .how-orch-inner-sec .how-orch-flex:not(.ie-css) .left-flex{
        padding-top: 0;
        width: 100%;
    }
    .how-orch-inner-sec .how-orch-flex .right-flex {
        width: 100%;
    }
    .how-orch-inner-sec .how-orch-flex .left-flex .content-section h3{
      font-size: 26px;
      margin-bottom: 10px;
    }
.main-container-wrapper{
  overflow: hidden;
}
}

@media(max-width:991px){
    .remote-work-inner-sec .remote-work-flex{
        justify-content: center;
    }
    .remote-work-inner-sec .remote-work-flex .remote-work-box{
        margin-bottom: 30px;
        margin-right: 30px;
    }
}

@media(max-width:767px){
    .remote-work-sec h2{
        text-align: center;
    }
    h1 {
        font-size: 2.25rem;
    }
    h2 {
        font-size: 1.75rem;
    }
    .how-orch-inner-sec .how-orch-flex .left-flex .content-section h3,h3 {
        font-size: 22px;
    }
    p{
        font-size:18px
    }
    .banner-section .banner-left {
        max-width: 550px;
    }
    .banner-section .banner-right img {
        max-width: 400px;
        margin-top: 30px;
    }
    .how-orch-inner-sec .how-orch-flex {
        padding-top: 15px;
    }
    .how-orch-inner-sec .heading-sec {
        max-width: 550px;
    }
    .how-orch-inner-sec .how-orch-flex:not(.ie-css) .left-flex .content-section {
        max-width: 550px;
        margin-bottom: 60px;
    }
    .how-orch-inner-sec .how-orch-flex:not(.ie-css) .left-flex .content-section img {
        max-width: 350px;
        margin-top: 20px;
    }
    .remote-work-inner-sec .remote-work-flex .remote-work-box{
        margin-bottom: 30px;
        margin-right: 10px;
        margin-left: 10px;
    }
    .remote-work-inner-sec .remote-work-flex .remote-work-box:last-child{
        margin-bottom: 0;
    }

    .banner-section .banner-inner-sec {
        padding: 70px 0;
    }
    .how-orch-sec {
        padding: 70px 0;
    }
    .remote-work-sec {
        padding: 70px 0;
    }
    .footer {
        padding: 70px 0;
    }
}


@media(max-width:480px){
    h1 {
      font-size:28px;
    }
    h2 {
        font-size: 26px;
    }
    .how-orch-inner-sec .how-orch-flex .left-flex .content-section h3,h3 {
        font-size: 22px;
    }
    p{
        font-size:18px
    }
    .banner-section .banner-left {
        max-width: 350px;
    }    
    .banner-section .banner-right img {
        max-width: 300px;
        margin-top: 20px;
    } 
    .how-orch-inner-sec .heading-sec {
        max-width: 350px;
    }   
    .how-orch-inner-sec .how-orch-flex:not(.ie-css) .left-flex .content-section {
        max-width: 350px;
        margin-bottom: 60px;
    }    
    .how-orch-inner-sec .how-orch-flex:not(.ie-css) .left-flex .content-section img {
        max-width: 300px;
        margin-top: 20px;
    }
    .remote-work-inner-sec .remote-work-flex .remote-work-box {
        min-width: 300px;
        width: 100%;
    }
    .remote-work-inner-sec .remote-work-flex .remote-work-box .content-holder {
        padding: 25px;
    }
}