.community {
  font-family: solaimanlipi, sans-serif;
    background-color: rgb(250, 250, 250);
    margin-top: 100px;
    margin-bottom: 200px;
}


.community-card:hover {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.community-content {
background-color: #fff;
align-content: center;
align-items: center;
align-self: center;
display: flex;
flex-direction: row;
padding-left: 100px;
justify-content: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.community.style-4 .community-content {
    border: 1px solid #9993;
    border-radius: 15px;
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

    .community.style-4 .community-content .community-card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 35%;
      border-right: 1px solid #9993;
      padding: 20px 0; }
      
      .community.style-4 .community-content .community-card:last-of-type {
        border: 0; }

      .community.style-4 .community-content .community-card .icon {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 25px; }

        .community.style-4 .community-content .community-card .icon i {
          font-size: 60px;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          background-image: -webkit-gradient(linear, left top, right top, from(#8B0000), color-stop(30%, #8B0000), color-stop(30%, #8B0000), color-stop(73%, #a44cee), to(#ff847f));
          background-image: -webkit-linear-gradient(left, #8B0000 0%, #8B0000 30%, #8B0000 30%, #8B0000 73%, #ff847f 100%);
          background-image: -o-linear-gradient(left, #8B0000 0%, #8B0000 30%, #8B0000 30%, #8B0000 73%, #ff847f 100%);
          background-image: linear-gradient(to right, #8B0000 0%, #8B0000 30%, #8B0000 30%, #8B0000 73%, #ff847f 100%); }

      .community.style-4 .community-content .community-card .inf h5 {
        font-size: 23px;
        color: #000;
        font-weight: bold;
        margin-bottom: 0;
        line-height: 1.1; }
      .community.style-4 .community-content .community-card .inf p {
        font-size: 12px;
        color: #666; }
  

  .community.style-5 .community-content {
    border: 1px solid #9993;
    border-radius: 15px;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

    .community.style-5 .community-content .community-card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 33%;
      border-right: 1px solid #9993;
      padding: 10px 0; }

      .community.style-5 .community-content .community-card:last-of-type {
        border: 0; }

      .community.style-5 .community-content .community-card .icon {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 25px; }

        .community.style-5 .community-content .community-card .icon img {
          -webkit-filter: drop-shadow(-10px 10px 20px #8B0000);
          filter: drop-shadow(-10px 10px 20px #8B0000);
          -webkit-animation: scale_up_down 1s ease-in-out infinite alternate both;
          animation: scale_up_down 1s ease-in-out infinite alternate both; }

      .community.style-5 .community-content .community-card .inf h5 {
        font-size: 20px;
        color: #000;
        font-weight: bold;
        margin-bottom: 0;
        line-height: 1.1; }

  .community.style-12 {
    position: relative; }

    .community.style-12::before {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      width: 100%;
      height: 50%;
      background-color: #0f0e13; }

    .community.style-12 .community-content {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 30px;
      border: 1px solid var(--color-yellowGreen);
      border-radius: 5px;
      z-index: 5;
      background-color: #15141a; }

      .community.style-12 .community-content h2 {
        font-weight: 600;
        font-size: 30px; }

        .community.style-12 .community-content h2 span {
          color: transparent;
          -webkit-text-stroke: 1px var(--color-yellowGreen); }

      .community.style-12 .community-content .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #1d1c23;
        border-radius: 7px;
        overflow: hidden; }

        .community.style-12 .community-content .form-group .icon {
          padding: 0 10px 0 20px; }

        .community.style-12 .community-content .form-group input {
          border: 0;
          background: transparent;
          color: #fff; }

      .community.style-12 .community-content .social-icons a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #1d1c23;
        border-radius: 5px;
        color: #fff;
        -webkit-margin-start: 10px;
        margin-inline-start: 10px; }
  
        .title_small {
   
        }

        .mb-30 {
            font-size: 45px;
            font-weight: bold;
            color: #8B0000;
            text-align: center;
            margin-bottom: 20px;
        }