.gradient-custom-2 {
    /* fallback for old browsers */
    background: #fccb90;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background: linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);*/
    /*background: linear-gradient(to right, #da2c1e, #e78910);*/
    background: linear-gradient(to bottom, #ff877d, #ffc273);
}

@media (min-width: 768px) {
    .gradient-form {
        height: 110vh !important;
    }
}

@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }
}



.about-item {
    position: relative;
    display: flex;
    gap: 12px;
    margin-bottom: 0px !important;
}
.about-item-icon {
    margin-top: 4px;
    width: 13px;
    height: 13px;
    line-height: 58px;
    text-align: center;
    margin-bottom: 12px;
    /*background: #FDA31B;*/
    background: #ffffff;
    border-radius: 50px;
    font-size: 45px;
    color: #FDA31B;
    box-shadow: -5px 5px 0 rgb(17, 110, 99, 0.09);
}
.about-item-content {
    flex: 1;
}
.about-item-icon img {
    width: 45px;
    filter: brightness(0) invert(1);
}
.img, img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    height: auto;
}
img, svg {
    vertical-align: middle;
}

/* New CSS */

.about-item {
    background: #ff9d79;
    border-radius: 22px;
    padding: 15px 0px 5px 14px;
    border: 1.3px dotted #b43f30;
    margin-top: 5px;
}

    .about-item h5 {
        font-size: 1rem;
        font-weight:600;
    }

    .about-item p {
        font-size: 0.88rem;
    }

.about-item {
    position: relative;
    overflow: hidden;
    color: #fff; /* for text contrast */
    /*    padding: 2rem;*/
    /*    border-radius: 12px;*/
    /* Gradient background */
    /*    background: linear-gradient(270deg, #ff512f, #dd2476, #24c6dc, #514a9d);*/
    background: linear-gradient(270deg, #0928a1, #dd2476, #0928a1, #dd2476);
    background-size: 600% 600%;
    /* Animate the background */
    animation: bgShift 15s ease infinite;
}

@keyframes bgShift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
.navbar-brand img {
    width: 250px;
    background: #FFF;
    background: linear-gradient(45deg, #dfdedea3, #ffffff, #dfdedea3);
    border: 1px solid #0000003b;
    border-radius: 50px;
    box-shadow: 0px 0px 4px 1px #0000004d;
    padding: 6px 6px;
    margin-bottom: 1em;
}

.navbar-brand img {
    width: 250px;
    background: #FFF;
    background: linear-gradient(45deg, #dfdedea3, #ffffff, #dfdedea3);
    border: 1px solid #0000003b;
    border-radius: 50px;
    box-shadow: 0px 0px 4px 1px #0000004d;
    padding: 6px 6px;
    margin-bottom: 2em;
}