body {
    max-width: 100%;
    overflow-x: hidden;
    height: 100%;
    font-family: 'Montserrat', sans-serif;
  }

  .mt-60 {
    margin-top: 60px;
  }
  .mt-100{
    margin-top:100px;
  }

  .mb-30 {
    margin-bottom: 30px;
  }

  .section-heading h2 {
    font-weight: 800;
    font-size: 40px;
    color: #3950A3;
  }

  /*header start*/
  .icon-bar {
    position: fixed;
    top: 55%;
    z-index: 9999;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .icon-bar a {
    display: block;
    text-align: center;
    padding: 10px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
  }

  .icon-bar a:hover {
    background-color: #000;
  }

  .facebook {
    background: #3B5998;
    color: white;
  }

  .twitter {
    background: #55ACEE;
    color: white;
  }

  .google {
    background: #dd4b39;
    color: white;
  }

  .print {
    background: #007bb5;
    color: white;
  }

  .plus {
    background: #bb0000;
    color: white;
  }

  .content {
    /*  margin-left: 75px;
  font-size: 30px;*/
  }

  @media (max-width: 425px) {
    .icon-bar {
      position: fixed;
      z-index: 9999;
      left: 0;
      bottom: 0;
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      top: initial !important;
      -webkit-box-shadow: 0px -5px 28px -12px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px -5px 28px -12px rgba(0, 0, 0, 0.75);
      box-shadow: 0px -5px 28px -12px rgba(0, 0, 0, 0.75);
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      background-color: #3950A3;
    }

    .icon-bar a {
      max-width: 50px;
      height: 40px;
      padding: 10px;
    }

    footer {
      margin-bottom: 40px;
    }
  }

  /*nav*/
  #mainNav {
    border-bottom: 1px solid rgba(33, 37, 41, 0.1);
    background-color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }

  #mainNav .navbar-brand {
    font-weight: 700;
    text-transform: uppercase;
    color: #2A779F;
    font-family: 'Montserrat', sans-serif;
  }

  #mainNav .navbar-brand:focus,
  #mainNav .navbar-brand:hover {
    color: #2A779F;
  }

  #mainNav .navbar-nav > li.nav-item > a.nav-link,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    font-size: 1.1rem;
    font-weight: 700;
    color: black;
    font-size:16px !important;
  }

  #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
    color: #E3E300;
  }

  #mainNav .navbar-nav > li.nav-item > a.nav-link.active,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
    color: #E3E300;
    background-color: transparent;
  }

  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
    background-color: transparent;
  }

  .dropdown-menu li {
    position: relative;
  }

  @media (min-width: 992px) {
    #mainNav {
      border-color: transparent;
      background-color: rgba(255, 255, 255, 0.7);
    }

    #mainNav .navbar-brand {
      color: rgba(255, 255, 255, 0.7);
    }

    #mainNav .navbar-brand:focus,
    #mainNav .navbar-brand:hover {
      color: #fff;
    }

    #mainNav .navbar-nav > li.nav-item > a.nav-link {
      padding: 1rem 1.7rem;
    }

    #mainNav .navbar-nav > li.nav-item > a.nav-link,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
      color: #000000;
      background:transparent;
      margin-right:20px;
      border-radius: 2px;
    }

    #mainNav .navbar-nav > li.nav-item:not(:last-child) {}

    #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
      color: white;
      background: #337CB5;
    }

    .navbar-nav > li.nav-item:last-child{
      background:#337CB5;
      /*color:#FFF!important;*/
      border-radius: 0;
    }
    /*#mainNav .navbar-nav > li.nav-item > a.nav-link:last-child{*/
    /*  color:#FFF;*/
    /*}*/
    .navbar-nav > li.nav-item:last-child{position:relative;}
    .navbar-nav > li.nav-item:last-child:before{
      content:'\f004';
      font-family: 'Font Awesome 5 Free';
      position: absolute;
      /*left:40%;
      top:-4px;
       */
      left:85px;
      top:47px;
      animation: animate__heartBeat;
      animation-duration: 2s;
      animate-repeat: infinite;
      background-color:#FFFFFF;
      border:thin solid #FFFFFF;
      border-radius:100%;
      height:25px;
      width:25px;
      margin-left:13px;
    }

    .heart-beat {
      content: '\f004';
      font-family: 'Font Awesome 5 Free';
      position: relative;
      right: 85px;
      top: 0px;
      animation: animate__heartBeat;
      animation-duration: 2s;
      animate-repeat: infinite;
      background-color: #FFFFFF;
      border: thin solid #FFFFFF;
      border-radius: 100%;
    }
    .dropdown-item{border-radius: none;}

    .dropdown-item:hover{
      color: white;
      background:#337CB5;
    }


    #mainNav.navbar-shrink {
      border-bottom: 1px solid rgba(33, 37, 41, 0.1);
    }

    #mainNav.navbar-shrink .navbar-brand {
      color: #2A779F;
    }

    #mainNav.navbar-shrink .navbar-brand:focus,
    #mainNav.navbar-shrink .navbar-brand:hover {
      color: #2A779F;
    }

    #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
    #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
      color: #FFFFFF;
    }

    #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
    #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
      color: #000000;
    }
  }

  .mainnav-fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 1px 10px 12px -6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 10px 12px -6px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 10px 12px -6px rgba(0, 0, 0, 0.75);
    z-index: 900000;
  }

  @media (min-width: 922px) {
    #mainNav.navbar-shrink {
      /*height: 80px !important;*/
    }

    #mainNav.mainnav-fixed-top {
      padding-top: unset;
      padding-bottom: unset;
      background-color: #fff;
      color: black;
      border-bottom: 1px solid rgba(142, 45, 46, 0.2);
      z-index: 9;
    }

    #mainNav.navbar-shrink .logo-img {
      padding: 0 5px 0 0;
    }
  }

  @media (min-width: 768px) {
    #mainNav.navbar-shrink {
      /*height: 80px !important;*/
    }

    #mainNav.mainnav-fixed-top {
      padding-top: unset;
      padding-bottom: unset;
      color: black;
      border-bottom: 1px solid rgba(142, 45, 46, 0.2);
      z-index: 9;
    }

    #mainNav.navbar-shrink .logo-img {
      padding: 0 5px 0 0;
    }

    #navbarResponsive {
      /*background-color: #FFFFFF;*/
    }
  }

  @media (max-width: 425px) {
    #mainNav .logo-img {
      width: 180px;
      height: auto;
    }
  }

  /*end nav*/

  /*slider start*/
  .slider_text {
    background-color: #3950A3;
    color: white;

  }

  .slide {
    padding: 0px;

    position: relative;
  }

  .slider {
    position: relative;
  }

  .slider .carousel-item .slider_image:before {
    -webkit-box-shadow: inset 46px -3px 60px -16px rgba(16, 25, 161, 1);
    -moz-box-shadow: inset 46px -3px 60px -16px rgba(16, 25, 161, 1);
    box-shadow: inset 46px -3px 60px -16px rgba(16, 25, 161, 1);
    content: '';
    position: absolute;
    height: 100%;
    width: 180px;
  }

  .slider .carousel-item .slider_image.col-lg-12:before {
    display: none;
  }

  .headline {
    position: absolute;
    top: 50%;
    left: 24%;
/*    width: 80%;*/
    transform: translate(0, -50%);
  }

  .headline h2 {
    font-weight: 900;
    font-size: 40px;
  }

  .slide button {
    background-color: #ffc107;
    color: #000000;
    padding: 8px 25px;
    border: none;
    font-weight: 700;
    letter-spacing: 2px;
    border-radius: 50px;
  }

  .slide button:hover {
    color: #3950A3;
  }

  h1 {
    font-size: 20px;
  }

  .textPart {
    background-color: #3950A3;
    padding: 35px 25px;
    position: relative;

  }

  .imagePart img {
    position: absolute;
    top: 10%;
    right: 0;
  }

  @media(max-width: 1199px) {
    .headline h2 {
      font-size: 30px;
    }
  }
  @media(max-width: 992px) {
    .slider_text {
      background-color: rgba(0,0,0,0.8);
      position: absolute;
      z-index: 99;
      bottom: 0;
    }
    .slider_text .headline {
      position: relative;
      top:auto;
      transform: none;
      left: 0%;
      text-align: center;
      padding: 1em 0;
    }
    .slider_image:before {
      box-shadow: none!important;
    }
  }
  @media (max-width: 768px) {
/*
    .slider_text {
      z-index: 9999;
    }

    .slider_text {
      background-color: #b9bbbe;
    }

    .headline {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 2em 6em;
      color: #FFFFFF;
      margin-top: 40%;
      width: 100%;
      left: 0;
    }
*/
  }

  @media (max-width: 425px) {

/*
    .headline {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 1em 3em;
      left: 0;
      color: #FFFFFF;
      margin-top: 30%;
      width: 100vw;
    }
    */
    
    .headline h2 {
      font-size: 20px;
      font-weight: 700;
    }

    .headline h3 {
      font-size: 18px;
    }
  }

  @media (min-width: 992px) {
    .headline {
/*
      position: absolute;
      top: 40%;
      left: 24%;
      width: 75%;
*/
    }
  }

  /*-->end slider -->*/

  .infographic {
    background: #f8f8f8;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
  }

  .fact-box {
    width: 16.6667%;
    float: left;
    position: relative;
    overflow: hidden;
    border-right: 1px solid rgb(240, 240, 240);
    border-left: 1px solid rgb(240, 240, 240);
    border-bottom: 2px solid #f0f0f0;
    min-height: 220px;
  }

  .fact-box:nth-child(7),
  .fact-box:nth-child(8),
  .fact-box:nth-child(9),
  .fact-box:nth-child(10),
  .fact-box:nth-child(11) {
    width: 20%;
  }

  .fact-title {
    padding: 30px 5px;
    text-align: center;
    min-height: 205px;
  }

  .fact-title i {
    color: #3950a3;
    font-size: 45px;
    padding-bottom: 20px;
    display: block;
  }

  .fact-number {
    font-size: 25px;
    line-height: 1;
    /*font-family: "open sans";*/
    padding-bottom: 20px;
    /*font-weight: bold;*/
    color: #3950a3;
    display: block;
  }

  .fact-title .lead {
    font-size: 14px;
    color: #3950a3;
    font-weight: bold;
    margin-bottom: 0;
  }

  .fact-info {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .95);
    border-bottom: 5px solid #3950a3;
    padding: 20px 5px;
    text-align: center;
    font-size: 16px;
  }

  @media(max-width: 992px) {

    .fact-box,
    .fact-box:nth-child(7),
    .fact-box:nth-child(8) {
      width: 25%;
    }

    .fact-box:nth-child(9),
    .fact-box:nth-child(10),
    .fact-box:nth-child(11) {
      width: 33.3333%;
    }
  }

  @media(max-width: 767px) {

    .fact-box,
    .fact-box:nth-child(7),
    .fact-box:nth-child(8),
    .fact-box:nth-child(9),
    .fact-box:nth-child(10) {
      width: 50%;
    }

    .fact-box:nth-child(9),
    .fact-box:nth-child(10),
    .fact-box:nth-child(11) {
      width: 33.3333%;
    }
  }

  @media(max-width: 575px) {
    .fact-box {
      width: 50% !important;
    }
  }

  /*activities start*/
  .activities figure {
    border-radius: 100%;
    height: 155px;
    width: 155px;
    -webkit-box-shadow: 0px 0px 33px -14px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 33px -14px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 33px -14px rgba(0, 0, 0, 0.75);
  }

  .activities figure:hover {
    -webkit-box-shadow: 0px 0px 33px -6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 33px -6px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 33px -6px rgba(0, 0, 0, 0.75);
  }

  .activities figure img {
    border-radius: 100%;
    height: 140px;
    width: 140px;
    margin-top: 7px;
  }

  .activities h4 {
    font-weight: 700;
    font-size: 17px;
    height: 35px;
  }

  /*activities ends*/

  /*volunteerism*/
  .volunteer {
    background-color: #337CB5;
  }

  .volunteer .volunteer-text {
    margin: 4em 1em 1em 8em;
    text-align: left;

  }

  .volunteer .volunteer-text h2 {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color:#FFF;
  }
  .volunteer-text p{
    color:#3950A3;
  }

  .volunteer button {
    background-color: #3950A3;
    color: #FFFFFF;
    padding: 8px 25px;
    border: none;
    font-weight: 700;
    letter-spacing: 2px;
    border-radius: 50px;
  }

  .volunteer button:hover {
    background: white !important;
    border: 1px solid gray !important;
    color:purple !important;
    cursor: pointer;
  }
  .myButton:hover{


  }



  .BestThumb .image_box {
    position: relative;
    height: 230px;
    overflow: hidden;
  }


  .BestThumb .image_box img {
    width: auto;
    height: 100%;
    max-width: initial;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
  }



  @media (max-width: 768px) {
    .volunteer .volunteer-text {
      margin: 1em 1em 1em 1em;

    }
  }

  /*activity*/

  .activity .section-heading h2 {
    color: #3950A3;
    text-transform: uppercase;
  }

  .BestThumb {
    margin-bottom: 20px;
    padding: 5px 10px;
  }

  .BestThumb .sepration {
    margin-bottom: 10px;
  }

  .content_box {
    box-sizing: border-box;
    background-color: #337CB5;
    padding: 12px;
    color: white;
  }

  .content_box button {
    background-color: #FFF;
    color: #000000;
    padding: 8px 25px;
    border: 1px solid gray;
    font-weight: 700;
    letter-spacing: 2px;
    border-radius: 50px;
  }
.content_box button:hover{
  background: white !important;
  border: 1px solid gray !important;
  color: #337cb5 !important;
  cursor: pointer;
}
  .content_box p {
    height: 50px;
  }

  .content_box button:hover {
    color: #3950A3;
  }


  /*what people say*/

  .what_people_say {
    background-image: url('../img/what-people-say.jpg');
    padding: 20px;
  }

  .testimonials .item {
    width: 100%;
    height: auto;
    text-align: center;

  }

  .testimonials .item-inner {
    padding: 1em 8em 1em 8em;
    color: white;
  }

  .testimonials blockquote {
    font-size: 20px;
    margin: 20px;
  }

  .testimonials blockquote:before {
    content: '\f10d';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    margin-right: 15px;
    color: #FFFFFF;
  }

  .testimonials blockquote:after {
    content: '\f10e';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    margin-left: 15px;
    color: #FFFFFF;
  }

  .testimonials .test_name {
    font-style: italic;
    color: #e2c26f;
  }

  .testimonials .test_button a {
    color: #e2c26f;
    margin-right: 40px;
    text-decoration: none;
  }

  .testimonials h2 {
    color: #FFFFFF;
    font-weight: 800;
  }

  @media (max-width: 768px) {
    .testimonials .item-inner {
      padding: 0em;

    }

    .testimonials .test_button a {
      margin-right: 20px;
      text-decoration: none;
    }
  }

  @media (max-width: 425px) {
    .section-heading h2 {
      font-weight: 700;
      font-size: 30px;
    }

    .partners figure {
      margin: 20px !important;
    }
  }

  /*news & events*/
  .owl-news .item {
    padding: 20px 10px;
  }

  .upper-text {
    letter-spacing: -1px;
    font-size: 14px;
    text-transform: uppercase;
  }

  .upper-text p.p-blue {
    color: #3950A3;
    margin-bottom: 0px;
  }

  .upper-text p.p-red {
    color: #F05455;
    margin-bottom: 0px;
  }

  .upper-text p.p-yellow {
    color: #F7874A;
    margin-bottom: 0px;
  }

  .news_and_event .item .read-more-button a {
    color: #FFFFFF;
    text-decoration: none;
  }

  .news_and_event .item .read-more-button a:hover {
    color: #FEC235;
  }

  .news_and_event .item .read-more-button {
    background-color: #3950A3;
    text-align: center;
    padding: 10px;
  }

  .donation-parallex {
    padding: 100px 0;
    background-image: url('../img/voluntering.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    text-align: center;
    background-size: cover;
    font-size: 30px;
    color: #fff;
    position: relative;
    font-weight: bold;
  }

  .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    z-index: 0;
  }

  .donation-parallex .container {
    position: relative;
    z-index: 7;
  }

  .donation-parallex a {
    display: inline-block;
    border: 1px solid #fb8344;
    padding: 5px 20px;
    font-size: 18px;
    color: #fb8344;
    margin-top: 2em;
    text-decoration: none;
    font-weight: normal;
  }

  .donation-parallex a:hover {
    color: #fff;
    border-color: #fff;
  }

  /*partners*/
  .partners figure {
    margin: 30px;
  }


  .owl-carousel .nav-btn {
    height: 31px;
    position: absolute;
    width: 20px;
    cursor: pointer;
    top: 196px !important;
    color: #868e96;
    border: solid #868e96;
  }

  .owl-carousel .prev-slide {
    left: -20px;
  }

  .owl-carousel .next-slide {
    right: -20px;
  }

  .partner-slider .owl-item {
    text-align: center;
  }
  .partner-slider.owl-carousel .owl-item img {
    display:inline-block;
    width: auto;
  }
  .contact-us {
    position: relative;
  }

  .contact-us .contact-section {
    background-color: #337cb5;
    position: absolute;
    right: 5%;
    top: 20%;
    padding: 30px;
    width: 540px;
  }

  .contact-us .contact-section p {
    padding: 5px;
    margin-left: 30px;
  }

  .contact-us .contact-section h4 {
    font-weight: 600;

  }

  .contact-us .contact-section p.p-email:before {
    content: '\f0e0';
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    position: absolute;
    left: 5%;
    font-weight: 600;
    top: 23%;

  }

  .contact-us .contact-section p.p-phone:before {
    content: '\f095';
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    position: absolute;
    left: 5%;
    font-weight: 600;
    top: 38%;

  }

  .contact-us .contact-section p.p-address:before {
    content: '\f3c5';
    font-family: "Font Awesome 5 Free";
    font-size: 30px;
    position: absolute;
    left: 5%;
    font-weight: 700;
    top: 56%;

  }
  .frmErrorMsg{
    color:red;
  }
  .testimonials{margin-top:20px;margin-bottom:20px;}

  .contact-us .contact-section p.p-website:before {
    content: '\f57e';
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    position: absolute;
    left: 5%;
    font-weight: 700;
    top: 73%;

  }

  @media (max-width: 768px) {
    .contact-us .contact-section {
      background-color: #3950A3;
      position: relative;
      right: 0%;
      top: 0%;
      padding: 30px;
      width: auto;
    }
  }

  @media (max-width: 425px) {
    .contact-us .contact-section {
      background-color: #3950A3;
      position: absolute;
      top: 20%;
      left: 0;
      padding: 30px;
      width: 320px;
    }

    .contact-us .contact-section p {
      padding: 0px;
      margin-left: 20px;
    }

    .owl-carousel .prev-slide {
      display: none;
    }

    .owl-carousel .next-slide {
      display: none;
    }
  }

  /*footer*/

  footer {
    background-image: url('../img/footer.jpg');
    color: white;
    padding-top: 60px;
    background-size: cover;
  }

  footer h2 {
    font-weight: 800;
    text-transform: uppercase;
  }

  footer b {
    text-transform: uppercase;
  }

  footer .quick_links ul li {
    list-style: none;
    padding-left: 30px;
    padding-top: 10px;
    position: relative;
    text-align: justify;
    margin: 10px;

    margin-left: 0px;
  }

  footer .quick_links ul li::before {
    font-weight: 900;

    font-family: "Font Awesome 5 Free";
    content: '\f138';
    position: absolute;
    left: 0%;


  }

  footer ul li a {
    text-decoration: none;
    color: #FFFFFF;
  }

  footer ul li a:hover {
    color: #ffc107;
  }

  .highlight {
    padding: 0px;
  }

  footer .gallery figure {
    width: 50%;
    padding: 0px 10px 0px 0px;
  }
/*
  footer .gallery a {
    position: relative;
    height: 200px;
    width:200px;
    overflow: hidden;
  }



  footer .gallery a img {
    width: auto;
    height: 100%;
    max-width: initial;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
  }
*/

  footer .footer-social-icons ul {
    padding-left: 0px;
  }

  footer .footer-social-icons ul li {
    list-style: none;
    display: inline-block;
  }

  footer .footer-social-icons ul li a {
    font-size: 30px;
    margin: 15px;
  }

  @media only screen and (max-width: 600px) {
    .slider_image {
      height:auto !important;
    }
  }
  @media only screen and (max-width: 600px) {
    .mt-60 {
      margin-top:20px !important;
    }
  }

  @media only screen and (max-width:600px){
    .testimonials blockquote{font-size:14px !important;}
  }
  @media only screen and (max-width:600px){
    .quick_links{
      display: flex;
      align-items: flex-start !important;
    }
    .contact-us .contact-section{
      position:initial;
    }
    .navbar-nav > li.nav-item:last-child{
      padding:0 0!important;
    }
    .navbar-expand-lg .navbar-nav{
      align-items: initial;
    }
    .navbar-nav{
      display:block;
    }
  }

  #mainNav {
    background-color: #FFFFFF;
    padding:0!important;
  }
  .volunteer1 {
    margin:100px 0;
  }
  .activity{
    margin:100px 0;
  }

  .navbar-expand-lg .navbar-nav{
    align-items: center;
  }
  .navbar-nav > li.nav-item:last-child{
    padding:29px 0;
  }

  #page-top .social li a i{
    color:#21378C;
  }
  .logo-img {
    height:100px;
  }

  .volunteer-text > div{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5; /* number of lines to show */
    -webkit-box-orient: vertical;
    color:#FFF;
  }
  .volunteer-text > p{
    color:#FFF;
  }