.solution-container {
    padding: 40px;
    background-color: #000;
    border: 1px solid #222;
    position: relative;
}

.icon {
    position: absolute;
    top: 25px;
    right: 40px;
    width: 50px;
    height: 50px;
}

.icon svg {
    width: 100%;
    height: 100%;
}

h1 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.2;
}

p {
    font-size: 1.125rem;
    line-height: 1.8;
    color: #e0e0e0;
    font-weight: 300;
}

.svg{
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: rgb(0 122 201);
}

.icon_img{
    width: 40px;
    height: 40px;
    position: relative;
    top: 0%;
    left: 45%;
}

.col_inner{
   padding:20px 10px 10px 10px;
}

.col_inner:hover{
   box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

@media (max-width: 768px) {
    .solution-container {
        padding: 30px 20px;
    }

    h1 {
        font-size: 1.3rem;
        margin-bottom: 20px;
    }

    p {
        font-size: 1rem;
    }

    .icon {
        width: 40px;
        height: 40px;
        top: 30px;
        right: 20px;
    }
}