.cards-sec{
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
    .scrollspy-sec{
    margin-top: 9rem;
    }
    .development-icon {
      font-size: 5rem;
      color: #6c757d;
    }
    .btn-home {
      background-color: var(--btn-bg-dark);
      color: #fff;
    }
    .btn-home:hover {
      background-color: #212529;
      color: #fff;
    }
  .card{
  background-color: #fff;
    background-image: linear-gradient(#f5f6f800, #f5f6f8);
    border-radius: 6px;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    box-shadow: 0 30px 40px -20px #10244566;
    border: 0px solid grey;
  }
    .circle-icon{
        background-color: grey;
        border-radius: 50%;
        flex: none;
        align-items: center;
        width: 1.125rem;
        height: 1.125rem;
        margin-right: -0.6rem;
    }
    .border-right{
        border-right:1px solid grey;
    }
    h4{
    font-size: 34px;
    }
.material-symbols-outlined{
    font-size:30px !important;
    }
    .card-body{
  padding:1.75rem;
  }
    .material-symbols-outlined{
    font-size:30px !important;
    }
    .accordion{
    border: 1px solid #ffffff !important;
    }
    .accordion-button:not(.collapsed){
    background-color: transparent;\
    box-shadow: none;
    }
    .accordion-button:focus{
    box-shadow: none;
    }
    .accordion-button{
    font-size: 1.2rem;
    }
    .accordion-body{
    line-height: 30px;
    border-left: 1px solid black;
    }
    .bg-turquoise:hover{
    background-color:#345a7c;
    color:#ffffff;
    }
    .accordion-item{
    border: 0px solid transparent;
    }
    @media(min-width:768px) {
  .content{
   height:80vh;
   padding-left:8rem;
   border-right: 1px solid grey;
  }
  .lg-hidden, .md-hidden{
   display:none;
   }
    #myImage{
    position:fixed;
    width:40rem;
    z-index:-1;
    transition: opacity 0.2s ease-in-out;
    }
}
    @media(max-width:767px){
        .sm-hidden, .xs-hidden{
            display:none !important;
    }
    .content{
        padding-top: 5rem;
        }
    .text-sm-start{
        text-align: left !important;
        padding-left:1.5rem;
        }
    }

    @media (min-width: 994px) and (max-width: 1024px){
         .content{
                height:45vh !important;
           }
    }