.hero-img{
    border-radius: 10px;
}
.bg-smartsell{
    background-color: #448FFF;
}
.bg-smartsell-grad{
    background: linear-gradient(238deg, #e5f9fe 0%, #fbfeff 100%);
}
.bg-smartsell-grad-2{
    background: linear-gradient(319deg, #91e9ff5e 0%, #a2e0ff03 100%);
}
.text-smartsell {
    --bs-text-opacity: 1;
    color: rgb(0 146 245) !important;
}
.ityped-cursor-opacity.ityped-cursor-opacity .ityped-cursor{
    background: linear-gradient(90deg, #004aad, #448fff) !important;
    background-clip: text !important;
}
.fill-body-smartsell {
     fill: url(#gradient-smartsell);
 }
.text-justify{
    text-align: justify !important;
}
.fs-20{
    font-size: 20px !important;
}
.text-light-gray{
    color: rgb(157 157 157) !important;
}
.text-gray{
    color: rgb(107 107 107) !important;
}
.logo {
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 1s ease, transform 1s ease;
}

.logo.animate {
    opacity: 1;
    transform: scale(1);
}

.features {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    opacity: 0;
}

.feature {
    width: 40%;
    font-size: 20px;
    transition: transform 1s ease, opacity 1s ease;
}

.left {
    text-align: right;
    transform: translateX(0);
}

.right {
    text-align: left;
    transform: translateX(0);
}

.features.animate {
    opacity: 1;
}

.features.animate .left {
    transform: translateX(-100%);
}

.features.animate .right {
    transform: translateX(100%);
}