.about-card {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 20px;
}

.icon-bg {
    background: rgb(226, 58, 16);
    background: linear-gradient(
        90deg,
        #770888 0%,
        hsl(308, 97%, 44%) 51%,
        hsl(308, 97%, 44%) 100%
    );
    text-shadow: linear-gradient(
        90deg,
        rgba(226, 58, 16, 1) 0%,
        rgba(245, 94, 2, 1) 31%,
        rgba(230, 76, 25, 1) 51%,
        rgba(255, 89, 0, 1) 85%,
        rgba(219, 135, 0, 1) 100%
    );
    padding: 10px;
    width: 50px;
    height: 50px;
    border-radius: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-weight: 800;
    font-size: 20px;
}

.about-desc {
    background: rgb(226, 58, 16);
    background: linear-gradient(
        90deg,
        #770888 0%,
        hsl(308, 97%, 44%) 51%,
        hsl(308, 97%, 44%) 100%
    );
    text-shadow: linear-gradient(
        90deg,
        rgba(226, 58, 16, 1) 0%,
        rgba(245, 94, 2, 1) 31%,
        rgba(230, 76, 25, 1) 51%,
        rgba(255, 89, 0, 1) 85%,
        rgba(219, 135, 0, 1) 100%
    );
    background-clip: text;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 100%;
    font-weight: 700;
    font-size: 20px;
}

.read-more
{
    padding: 10px;
    width: 120px;
    border-radius: 11px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    outline: none;
    border: none;
    background: rgb(40, 186, 87);
    background: -moz-linear-gradient(
        0deg,
        rgba(40, 186, 87, 1) 0%,
        rgba(30, 184, 80, 1) 53%,
        rgba(41, 217, 92, 1) 100%
    );
    background: -webkit-linear-gradient(
        0deg,
        rgba(40, 186, 87, 1) 0%,
        rgba(30, 184, 80, 1) 53%,
        rgba(41, 217, 92, 1) 100%
    );
    background: linear-gradient(
        0deg,
        rgba(40, 186, 87, 1) 0%,
        rgba(30, 184, 80, 1) 53%,
        rgba(41, 217, 92, 1) 100%
    );
}
@media (max-width: 768px) {
    .about-desc-mb
    {
       display:flex;
        margin-top:5px;
        margin-left:-40px;
    }

    .icon-bg
    {
        width:30px;
        height:30px;
        padding:5px;
        border-radius: 50%;
        font-size:13px;

    }



}

.million-desc {
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: fancy;
}

.domain-desc {
    background: rgb(226, 58, 16);
    background: linear-gradient(
        90deg,
        #770888 0%,
        hsl(308, 97%, 44%) 51%,
        hsl(308, 97%, 44%) 100%
    );
    text-shadow: linear-gradient(
        90deg,
        rgba(226, 58, 16, 1) 0%,
        rgba(245, 94, 2, 1) 31%,
        rgba(230, 76, 25, 1) 51%,
        rgba(255, 89, 0, 1) 85%,
        rgba(219, 135, 0, 1) 100%
    );
    background-clip: text;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 100%;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
}