.section_our_solution .row {
    align-items: center;
  }

  /* .overlay {
    top:2px !important;
  } */
  .header_bg {
    margin-top: 0px !important;
  }
  
  .our_solution_category {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 60px !important;
  }
  .our_solution_category .solution_cards_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .solution_cards_box .solution_card {
    /* flex: 0 50%; */
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2),
      0 5px 15px 0 rgba(37, 44, 97, 0.15);
    border-radius: 15px;
    margin: 8px;
    padding: 25px 15px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 100px;
    max-height: 265px;
    transition: 0.7s;
 
  }
  
  .solution_cards_box .solution_card:hover {
    background: #0082ca83;;
    color: #fff;
    transform: scale(1.1);
    z-index: 9;
  }
  
  .solution_cards_box .solution_card:hover::before {
    background: rgb(85 108 214 / 10%);
  }
  
  .solution_cards_box .solution_card:hover .solu_title h3,
  .solution_cards_box .solution_card:hover .solu_description p,
  .solution_cards_box .solution_card:hover .solu_description a,
  .solution_cards_box .solution_card:hover .solu_description input {
    color: #fff;
  }
  
  .solution_cards_box .solution_card:hover .solu_description .read_more_btn {
    background: #fff !important;
    color: #0082ca83;;
  }
  /* 
  .solution_cards_box .solution_card:hover .solu_description a {
    background: #fff !important;
    color: #0082ca83;;
  } */
  
  .solution_card .so_top_icon {
  }
  
  .solution_card .solu_title h3 {
    color: #212121;
    font-size: 1.3rem;
    /* margin-top: 13px; */
    margin-bottom: 20px;
  }
  
  .solution_card .solu_description p {
    font-size: 15px;
    margin-bottom: 15px;
  }
  
  .solution_card .solu_description .read_more_btn {
    border: 0;
    border-radius: 15px;
    background: #0082ca83; !important;
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
    padding: 10px 30px;
  }
  
  /* .solution_card .solu_description a {
    border: 0;
    border-radius: 15px;
    background: #0082ca83; !important;
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
    padding: 10px 30px;
  } */
  
  
  .our_solution_content h1 {
    text-transform: capitalize;
    margin-bottom: 1rem;
    font-size: 2.5rem;
  }
  .our_solution_content p {
  }
  
  .solution_cards_box .solution_card:hover .hover_color_bubble {
    top: 0rem;
  }
  
  .solution_cards_box .solution_card .so_top_icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .solution_cards_box .solution_card .so_top_icon img {
    width: 40px;
    height: 50px;
    object-fit: contain;
  }
  
  /*start media query*/
  @media screen and (min-width: 320px) {
    .sol_card_top_3 {
      position: relative;
      top: 0;
    }
  
    .our_solution_category {
      width: 100%;
      margin: 0 auto;
    }
  
    .our_solution_category .solution_cards_box {
      flex: auto;
    }
  }
  @media only screen and (min-width: 768px) {
    .our_solution_category .solution_cards_box {
      flex: 1;
    }
  }
  @media only screen and (min-width: 1024px) {
    .sol_card_top_3 {
      position: relative;
      top: -3rem;
    }
    .our_solution_category {
      /* width: 50%; */
      /* margin: 0 auto; */
    }
  }
  
  a.join_program_btn{
      text-decoration: none;
      color: black;
  }
  
  a.join_program_btn:hover{
      text-decoration: none;
  }
  
  
  @media only screen and (min-width: 768px) {
      .nav-item {
          display: flex;
          flex-direction: row;
          justify-content: center;
      }
  
      .nav-item > li{
          justify-content: space-between;
          align-items: center;
  
          flex-direction: row !important;
          display: flex !important;
      }
  
      .icon-arrow-right:before {
          /* content: '\2192'; */
          /* font-size: 14pt; */
  
          background-image: url('/img/ra.png');
          background-size: 10px 20px;
          display: inline-block;
          width: 20px; 
          height: 20px;
          content:"";
          background-repeat: no-repeat;
          background-size: cover;
      }
  
      .icon-arrow-left:before {
          /* content: '\2190'; */
          /* font-size: 14pt; */
          background-image: url('/img/la.png');
          background-size: 10px 20px;
          display: inline-block;
          width: 20px; 
          height: 20px;
          background-repeat: no-repeat;
          background-size: cover;
          content:"";
      }
  }
  
  @media only screen and (max-width: 1320px) {
      .nav-item {
          display: flex;
          flex-direction: row;
          /* justify-content: column; */
      }
  
      .nav-item > li{
          justify-content: space-between;
          align-items: center !important;
          flex-direction: column !important;
          display: flex !important;
  
          flex: 1; /* each takes 33.33% of the parent's width; adjust to your needs */
          justify-content: center !important;
          align-items: center !important;
      }
  
      .icon-arrow-right:before {
          /* content: '\2193'; */
          /* font-size: 14pt; */
          background-image: url('/img/ra.png');
          background-size: 10px 20px;
          display: inline-block;
          width: 20px; 
          height: 20px;
          content:"";
          background-repeat: no-repeat;
          background-size: cover;
          transform: rotate(90deg);
  
          margin-top: 30px;
          margin-bottom: 30px;
      }
  
      .icon-arrow-left:before {
          /* content: '\2193'; */
          /* font-size: 14pt; */
          background-image: url('/img/ra.png');
          background-size: 10px 20px;
          display: inline-block;
          width: 20px; 
          height: 20px;
          content:"";
          background-repeat: no-repeat;
          background-size: cover;
          transform: rotate(90deg);
  
          margin-top: 30px;
          margin-bottom: 30px;
      }
  }
  
  .center-terms{
      text-align: center;
      list-style-position: inside;
  }
  
  .overlay {
      margin-top: 0px !important;
  }

  #list {display: flex} /* displays flex-items (children) inline */

            #list > li {
                flex: 1; /* each takes 33.33% of the parent's width; adjust to your needs */
                display: flex;
                justify-content: center; /* centers them horizontally (instead of text-align: center) */
                align-items: center; /* and vertically */
                height: auto;
                margin-bottom: 70px;
            }
            .hiw-desc{
                font-size: 16px;
                height: 50px;
                width: 150px;
                margin-top: 10px;
            }

            .hiw-circular-bg{
                border-radius: 9999px;
                background: rgba(255, 206, 0, 0.9);
                width: 112px;
                width: 5.6rem;
                padding: 1.25rem;
            }

            @media (max-width: 1320px) {
                #list {
                    flex-direction: column;
                } /* stacks them vertically */

                #list > li {
                    flex: 1; /* each takes 33.33% of the parent's width; adjust to your needs */
                    display: flex;
                    justify-content: center; /* centers them horizontally (instead of text-align: center) */
                    align-items: center; /* and vertically */
                    height: auto;
                    flex-direction: column;
                    margin-bottom: 20px;
                }
                
                .hiw-desc{
                    font-size: 16px;
                    height: auto;
                    width: 150px;
                    margin-top: 10px;
                }

            }

            @media only screen and (max-width: 768px) {
                .overlay {
                  margin-top: 0px !important;
              }
              .section-title{
                font-size:24px;
              }
          }