.communitysection_partnerpage{
  background:white;
  width:100vw;
  height:70vh;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction:column;
}
.communitysectionbox_partnerpage{
  width:80vw;
  height:50vh;
  margin:20px;
  background:none;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:row;
  
}
.communityheader_partnerpage{
  width:70%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}
.communitytext_partnerpage{
  text-align:center;
 width:100%;
 height:auto;
    z-index:1;

}
.communityheader-h1_partnerpage{
  color:#242424;
  letter-spacing:2px;
  font-size:70px;
}
.communityheader-p_partnerpage{
  color:lightgrey;
  letter-spacing:2px;
  font-size:23px;
}
.communitysocialbuttons_partnerpage{
  display:flex;
text-align:center;
justify-content:center;
align-items:center;
  flex-direction:row;
  width:100%;
     z-index:1;
  height:25%;
  margin:0px 30px;
}
.communitysocialb_partnerpage{
  display:flex;
  align-items:center;
  justify-content:center;
  height:70px;
padding:0px 60px;
  font-size:20px;
  border:none;
  background:#38c3ff;
  border-radius:15px;
   box-shadow:lightgrey 0px 8px 24px;
   color:white;
     transition:0.3s;
}
.communitysocialb_partnerpage:hover{
  transform: translate(0, -5px) scale(1.05) rotate(2deg);
   transition:0.3s;
}
.communityimg{
  position:absolute;
  transform:translate(20vw,200px);
}
.section-p{
    font-size:20px;
    margin:20px;
    line-height:30px;
    color:grey;
}
.howitworkssection{
margin-top:40px;
}
.howitworksitem{
  background:white;
  width:50vw;
  height:100px;
  border-radius:20px;
  padding:10px;
  margin:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:white;
  font-size:20px;
  font-weight:bold;
}
.howitworksitem > i{
  font-size:60px;
  width:10%;
  text-align:left;
}
.howitworksitem > p{
  font-size:25px;
  width:80%;
  text-align:center;
}  
.y-work-with-us{
  width:60vw;
  display:flex;
  margin:20px;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-wrap:wrap;

}
.y-work-with-us-item{
  border-radius:10px;
  background:#fffff;
  height:200px;
  margin:20px;
  width:370px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction:column;
      box-shadow:lightgrey 0px 8px 24px;
}
.y-work-with-us-item > i{
  font-size:30px;
    width:100%;
    filter:brightness(180%);
    height:40%;
     display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.y-work-with-us-item-title{
  font-size:15px;
  color:black;
  font-weight:bold;
  width:100%;
  height:10%;
   display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.y-work-with-us-item-p{
    font-size:14px;
    line-height:16px;
      height:50%;
      margin:0px 20px;
       display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:black;
}



 @media(max-width: 770px){
   .y-work-with-us{
  width:90vw;
   }
   .communityimg{
    display:none;
  }
  .communityheader-h1_partnerpage{
    color:#242424;
    letter-spacing:2px;
    font-size:50px;
  }
  .communityheader_partnerpage{
    width:100%;
  }
         .y-work-with-us-item{
           width:100%;
           height:40vh;
           padding:20px 0px;
         }
         .y-work-with-us-item-title{
           font-size:25px;
         }
         .y-work-with-us-item > i{
           height:30%;
           font-size:40px;
         }
         .y-work-with-us-item-title{
           height:10%;
         }
         .y-work-with-us-item-p{
           height:60%;
           font-size:20px;
           line-height:20px
           
         }
        }