.rwa-section{



  background-color:var(--green);

}

.rwa-info{



  display:flex;

  position:relative;

}



.rwa-left-col{



  width:50%;

  padding: 300px 180px 300px 0px;

}



.rwa-right-col{



  width: 50%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.rwa-left-col-header h2{



  font-style: normal;

  font-weight: 400;

  font-size: 60px;

  line-height: 72px;

  margin-bottom: 40px;

  color: var(--white);

}



.rwa-left-col-info p{



  color:white;

  font-size: 16px;

  font-family:"Itim";

  font-weight:400;

  margin-bottom:2rem;

}



.girl-img {

  position: absolute;

  z-index: 99999;

  top: 58%;

  left: 86%;

}



.rwa-btn{



  background-color: var(--light-green);

  border:1px solid var(--light-green);

  color:white;

  margin-top:2rem;

}



.rwa-btn:hover{



  background:var(--green);

  

}



.benefits{



  position:relative;

}



.benefits-img{



  position:absolute;

  top:4% !important;

  left: -10% !important;

}



.benefits-header h2{



  font-style: normal;

font-weight: 400;

font-size: 48px;

line-height: 57.6px;

text-align: center;

margin-bottom: 72px;

color: var(--white);

}



.benefits-content{



  display:flex;

  padding-left: 70px;

}



.benefits-info{



    display: flex;

    flex-wrap: wrap;

    justify-content:center;

    width: 100%;

}



.benefits-1,

.benefits-2{



  display: flex;

  background: var(--white);

  border-top-right-radius: 80px;

  border-bottom-right-radius: 80px;

  border-bottom-left-radius: 80px;

  width:45%;

  margin-bottom:2rem;

  margin-right:2rem;

}

.join-us-left{

  padding-right:0px;
}



.number-1{



  background: var(--light-green);

    padding: 30px !important;

    height: 50% !important;

    color:white;

  font-size:38px;

  display:flex;

  justify-content:center;

  align-items:center;

}



.details{

  padding:20px 40px 20px 35px;

}



.details h3{



  font-size:24px;

}



.details p{



  font-size:16px;

}



.join-us{



  display:flex;

  padding:5rem 0rem;

}



.join-us-header h2{



  font-style: normal;

  font-weight: 400;

  font-size: 48px;

  line-height: 57.6px;

  color: var(--white);

}



.join-us-left{



  width:60%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 150px 180px 300px 0px;



}



.join-us-right{



  width:40%;

  display:flex;

  justify-content:center;

  align-items:center;

}

.join-us-info{

  padding: 2rem 0rem;

}

.join-us-info p{

  color: #fff;

    font-size: 18px;

}



/* MEDIA QUERY */

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



  .rwa-left-col {

      

      padding: 250px 60px 250px 0px;

  }



  .girl-img {



      top: 58%;

      left: 81%;

  }



  .join-us-left {

      

      padding: 70px 180px 70px 0px;

  }

}



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

  .rwa-left-col-header h2{

      font-size: 40px;

      line-height: 57px;

      margin-bottom: 20px;

  }

  .girl-img {

      width: 120px;

  }

  .benefits-img img {

      width: 130px;

  }

  .benefits-img {

      position: absolute;

      top: 1%;

      left: -6%;

      z-index: 1;

  }

  .join-us-left {

      padding: 49px 90px 70px 0px;

  }

  .join-us-header h2 {

      font-size: 40px;

      line-height: 51.6px;

  }

  .details h3 {

      font-size: 19px;

  }

  .details {

      padding: 15px 40px 15px 17px;

  }



}





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



  .rwa-left-col-header h2 {

      font-size: 40px;

      line-height: 50px;

      margin-bottom:25px;

  }

  .join-us{

      flex-direction: column-reverse;

  }


  .rwa-left-col {

      width: 60%;

      padding: 150px 90px 150px 0px;

  }

  .rwa-right-col{

      width: 40%;

  }

  .benefits-content{

      padding-left: unset;

      position: relative;

      z-index: 1;

  }



  .rwa-section .cs-container{



          padding: 0px 60px;

  }



  .header-main .cs-container {

      padding: 0px 60px;

  }



  .girl-img {

     

      width: 10%;

  }



  .benefits-img {

      width: 15%;

      left: -8%;

      top:-3%;

  }



  .join-us-header h2 {



      font-size: 40px;

      line-height: 44px;

  }



  .benefits-header h2 {

      font-size: 44px;

  }



  .join-us-left {

      width: 100%;

      padding: 0px;

  }



  .join-us-right{

      width: 100%;

      margin-bottom: 30px;

  }



  .benefits-info{



      flex-direction:column;

  }



  .benefits-1,

  .benefits-2{



      width:100%;

  }

}





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



  .rwa-info{



      display:flex;

      flex-direction:column;

  }

  .rwa-left-col,

  .rwa-right-col{



      width:100%;

  }



  .header-main .cs-container {

      padding: 0px 45px;

  }



  .rwa-section .cs-container {

      padding: 0px 45px;

  }



  .rwa-left-col,

  .rwa-right-col{



      padding-bottom:40px;

  }



  .benefits-img {

      width: 13%;

      left: -6%;

      top:0%;

  }



  .girl-img {

      position: absolute;

      z-index: 99999;

      top: 82%;

      left: 58%;

      width: 9%;

  }



  



  .join-us-left,

  .join-us-right{



      width:100%;

  }

  .rwa-right-col{

      width: 50%;

  margin: auto;

  }

  .rwa-left-col{

      padding-right: 0px;

  }

}





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



  .benefits-img {

      width: 18%;

      left: -8%;

  }



  



  .rwa-left-col,

  .rwa-right-col {

      padding-bottom: 50px;

  }

} 



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



  .rwa-left-col {

      padding-top: 110px;

      padding-right:0px;

  }



  .rwa-left-col-header h2 ,.join-us-header h2 {

          font-size: 30px;

          line-height: 40px;

      }



  .details p {

      font-size: 14px;

  }



  .details p {

      font-size: 14px;

  }



  .benefits-content {

      padding-left: 0px;

  }



  .benefits-img {

      width: 19%;

      left: -13%;

      top:2%;

  }



  .benefits-header h2 {

      font-size: 30px;

      margin-bottom: 20px;

  }



  .join-us {

      padding: 1rem 0rem;

  }



  .join-us-header h2 {

      font-size: 35px;

      line-height: 40px;

  }

}



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

  .rwa-right-col {

      width: 100%;

    

  }

  .benefits-header h2 {
   
    line-height: 29.6px !important;
  }

  .rwa-left-col-header h2 {

      font-size: 30px;

      line-height: 35px;

  }



  .rwa-left-col-info p {

      color: white;

      font-size: 16px;

  }



  .benefits-header h2 {

      font-size: 30px;

  }



  .girl-img {

      left: 68%;

      width: 16%;

      top: 83%;

  }



  .corporate .benefits-img {

      width: 24%;

      left: -17%;

      top: 6% !important;



  }



  .details {

      padding: 15px 25px 15px 25px;

  }



  .details h3 {

      font-size: 20px;

  }



  .join-us-header h2 {

      font-size: 30px;

      line-height: 32px;

  }



  .join-us-info .btn{



          padding: 10px 20px !important;

  }



  .join-us-info p {

      color: #fff;

      font-size: 16px;

  }



  .rwa-left-col-info .btn{



      padding: 10px 20px !important;

  }

  .rwa-section .cs-container {

      padding: 0px 30px;

  }

  .benefits-img {

      width: 23%;

      left: -13%;

      top: -3%;

  }

  .join-us-header h2 {

      font-size: 26px;

      line-height: 37px;

  }

  

}



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

  .rwa-section .cs-row {

      margin: 0px 15px;

  }



  .rwa-section .cs-container {

      padding: 0px 15px;

  }



  .header-main .cs-container {

      padding: 0px 15px;

  }



  .benefits-img {

    display: none;

  }



  .girl-img {

      left: 74%;

      width: 18%;

      top: 84%;

  }

}