/* Code by Amruta Jagatap
  @zerovaega technology */

 
  h1{
    font-family: 'Archivo',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-size: 46px;
    /* color: #2543A5!important; */
    text-align: center;
    padding-bottom:14px;   
     padding-top: 32px;
}

.our_story_container{
  margin-top: 86px; 
  /*background-color:#F1F1F1;*/
}
.our_story_container .row{
  padding:40px 130px;
}
.our_story_second_container .row{
  padding: 62px 78px;
  background-color: #F1F1F1;
}
.story_mission_container{
  margin-top: 35px;
  margin-bottom: 35px;
}
 .story_mission_container .our_mission{
  
   padding: 32px 0px;
 }

  .story_mission_container .our_vision{
   padding: 32px 0px;
 }
 .content{
   padding: 0rem 0rem;
 }
 .we_work_across_row{
   padding: 0px 68px; padding-bottom:33px;
 }
  .we_work_across_row .card{
      height: 95%;
    }
 .we_work_across_row .card-body{
  padding: 20px 45px;
 }
  .we_work_across_row2{
    padding: 0px 68px; padding-bottom:33px;
  }
   .we_work_across_row2 .card{
      height: 102%;
    }
   .we_work_across_row2 .card-body{
  padding: 20px 45px;
 }
 .pride_circle_foundation{
   padding: 0px 63px;font-size:17px;font-weight:600;
 }

 .our_story_card_text{
   padding: 0px 63px;font-size:17px;font-weight:600;
 }
 .our_vision_container{
   padding:0px 60px; color:white;padding-bottom:20px; margin:auto;
 }
 .our_mission_container{
   margin:auto;margin-top:35px; padding:0px 72px;text-align: justify; padding-bottom:27px;color: white; 
 }
 .our_story_second_container p{
   margin-left: 41px;
 }
 .our_story_second_container ul{
   margin-left: 41px;
 }
 .our_story_four_block_section h3,h5{
   color:#007bff;
 }
 .our_mission_container p{
   font-size: 20px;
 }
 
 .Teamcontainer{
  margin: 0px 81px;
  /*padding-top: 50px;*/
  padding-bottom: 37px;
}

.team-img {
  width: 70%;
  border-radius: 50%;
  margin-bottom: 15px;
  
}
.ourTeam h1{
font-family: 'Archivo',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-size: 46px;
    /* color: #2543A5!important; */
    text-align: center;
}

.first_team_row{
 padding-top:27px; width:100%; text-align:center;
}
.first_team_row{
  margin-left: -10px;
}
.second_team_row{
  padding-top:27px; width:100%; text-align:center;
}

.second_team_row_text{
  margin-left: -10px;
}

.third_team_row{
  padding-top:27px; width:100%;
}

/* .Teamcontainer .first_team_row  .content-body{
  margin-left: -85px;
}

.Teamcontainer .third_team_row .content-body{
  margin-left: -85px;
} */

.Teamcontainer .content-body h3{
  font-family: 'Archivo',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #2543A5!important;
    text-align: center;
}

.Teamcontainer .content-body p{
  text-align: center;
  font-weight: bold;
  /* padding-bottom: 1rem; */
}

 .opportunitycontainer{
  margin: 0px 81px;
  /*padding-top: 50px;*/
  padding-bottom: 37px;
  /*background-color:#F1F1F1;*/
}
.opportunityDiv_row{
/*margin:60px 40px 60px 120px;*/
    padding-top: 27px;
    width: 100%;
    text-align: center;
    margin-left: 6px;
}
.opportunityDiv_row2{
/*margin:60px 40px 60px 120px;*/
 padding-top: 31px;
    width: 100%;
    text-align: center;
    margin-left: 6px;
}

.opportunities_circle_div{
  width:11rem;
  height:11rem;
  border-radius:50%;
  border: 1px solid grey;
  margin:auto;
}
.opportunities_circle_h3{
  font-size: 20px;
  padding-top:10px;
  margin-left: -4rem;
  margin:auto;
}
.opportunity_icon{
  line-height:14rem;
}
.opportunityDiv .card{
  max-width: 550px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    height: 167px;
    border-radius:19px;
    padding: 23px 15px;
}

.opportunityDiv .card-img-top{
      display: inline-block;
    margin-bottom: 30px;
    line-height: 0;
    max-width: 100%;
}
.opportunityDiv .card-body h3{
  font-family: 'Archivo',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #1EB5E0!important;
    text-align: center;
}
.opportunityDiv .card-description{
  font-family: 'Archivo',Helvetica,Arial,Lucida,sans-serif;
  color: #1EB5E0!important;
}
.opportunityDiv h1{
  font-family: 'Archivo',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #1EB5E0!important;
    text-align: center;
    padding-top: 52px;
}

.text{
  padding: 77px 0px;
}
.text p{
      font-family: 'Archivo',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600;
        font-size: 24px;
}

.icon_style{
  font-size: 81px;
    color: lightskyblue;
}
/*=========================================================
  COMMUNITY ENGAGEMENT MOBILE VIEW
===========================================================*/

@media only screen and (max-width: 767px) {
    
 .story_mission_container{
   margin-bottom: 0px !important;
 }

 .our_story_container .row{
    padding: 39px 13px !important;
 }
 .our_story_second_container .row{
  padding: 62px 16px;
}
 .what_h1{
   font-size: 39px !important;
 }

 .story_mission_container .our_vision{
   font-size: 45px !important;
 }

 .story_mission_container .our_mission{
   font-size: 39px !important;
   }

    h1{
    font-size: 30px!important;
  }
  .we_work_across_row{
   padding: 0px 28px; padding-bottom:33px;
 }
  .we_work_across_row .card{
      height: 95%;
    }
  .we_work_across_row .card-body{
  padding: 20px 16px;
 }
  .we_work_across_row2{
    padding: 0px 28px; padding-bottom:33px;
  }
   .we_work_across_row2 .card{
      height: 95%;
    }
   .we_work_across_row2 .card-body{
  padding: 20px 16px;
 }
 .we_work_across_row2{
       margin-top: -28px;
 }
  .content{
   padding: 0rem 0rem;
 }
  .pride_circle_foundation{
   padding: 0px 37px;font-size:17px;font-weight:600;
 }
 .our_story_card_text{
   padding: 0px 34px;font-size:17px;font-weight:600;
 }
  
 .our_vision_container{
   padding:0px 34px; color:white;padding-bottom:20px; margin:auto;
 }
 .our_mission_container{
   margin:auto;margin-top:16px; padding:0px 29px;text-align: justify; color:white;padding-bottom:20px; 
 }
  .our_story_second_container p{
    margin-left: 0px;
 }
 
 .Teamcontainer{
  margin: 0px 69px;
  margin-bottom: -88px;
}
  
 .opportunityDiv{
    margin-top: 86px;
 }
   
 .opportunityDiv .text{
      margin-bottom: -229px !important;
  }
    .ourTeam h1{
      font-size: 37px;
    }
    
    .team-img {
      width: 100%;
      
    }
    
    .Teamcontainer .first_team_row  {
         margin-left: 6px;
    }
    
    .Teamcontainer .third_team_row  {
         margin-left: 6px;
    }
      
    .Teamcontainer .second_team_row  {
         margin-left: 5px;
    }
    
    .Teamcontainer .first_team_row  .content-body{
          margin: 0px -46px;
    }
    
    .Teamcontainer .second_team_row  .content-body{
          margin: 0px -46px;
    }
    
    .Teamcontainer .third_team_row .content-body{
          margin: 0px -46px;
    }
    
    .second_team_row{
      padding-top:12px;
    }
    
    .third_team_row{
      padding-top:12px;
    }
    
    .text{
       /*margin-top: 34px;*/
       padding: 11px 0px 77px 0px;
    }
    
    .opportunitycontainer{
        margin: 0px 69px;
        margin-bottom: -88px;
    }
    .opportunityDiv_row {
        margin-left: 6px;
    }
    .opportunityDiv_row2{
      margin-left: 6px;
      padding-top: 0px;
    }
    
    .opportunities_circle_h3 {
        font-size: 20px;
        padding-top: 10px;
        padding-bottom:10px;
        margin: auto;
        /*margin-left: -2rem;*/
    }
    .opportunityDiv_row .col-md-3{
      padding-bottom: 28px;
    }
    .opportunityDiv_row2 .col-md-3{
      padding-bottom: 28px;
    }
    
   
  
}

/*=========================================================
  COMMUNITY ENGAGEMENT MOBILE VIEW END
===========================================================*/
@media only screen and (min-width: 320px) and (max-width: 568px) {

.mobile_mail{
    margin-left: 0rem;
    font-size:1rem!important;
}
.opportunities_circle_div{
        margin-left: -2rem!important;
}
}
@media only screen and (min-width: 414px) and (max-width: 736px) {

    .opportunities_circle_div{
        margin-left: 1rem!important;
}
.mobile_mail{
    font-size:1.5rem!important;
}
}