.tp-feature-area {
    padding-top: 100px;
    padding-bottom: 80px;
}



.tp-feature-list__content {
    padding-left: 25px;
}
.tp-feature-area .tp-title-sm {
    margin-bottom: 50px;
}


.tp-feature-list__icon-img {
    height: 60px;
    width: 60px;
    background-color: var(--tp-theme-1);
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.tp-feature-list__content p {
    color: #414141;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.fea-color-4 {
    background-color: rgb(13 110 253 / 37%);
    transition: 0.5s;
}

.fea-color-5 {
    background-color: rgb(33 37 41 / 39%);
    transition: 0.5s;
}


.fea-color-1 {
    background-color: rgb(25, 135, 84 , 0.2);
    transition: 0.5s;
}
.fea-color-2 {
    background-color: rgba(66, 62, 243, 0.15);
    transition: 0.5s;
}

.fea-color-3 {
    background-color: rgba(253, 52, 110, 0.15);
    transition: 0.5s;
}
.fea-wrapper-main:last-child {
    margin-bottom: 0;
}

.ce-chose-shape {
    position: absolute;
    bottom: 130px;
    right: 100px;
    animation: moving 9s linear infinite;
}


.tp-fea-img img {
    max-width: 100%;
}





.tp-feature-area h2.tp-title-sm {
    font-size: 27px;
    margin-bottom: 40px;
}


.tp-feature-list {
    flex-wrap: nowrap;
    gap: 0;
    margin-bottom: 10px;
}

.tp-feature-section-title-box p {
    font-size: 15px;
}

.tp-fea-img {
    margin-bottom: 60px;
}

.tp-feature-list__icon-img {
    margin-bottom: 20px;
}



.tp-feature-list:hover .fea-color-4 {
    box-shadow: inset 0 0 0 40px rgba(13, 110, 253, 0.9);
}

.tp-feature-list:hover .fea-color-5 {
    box-shadow: inset 0 0 0 40px rgba(33, 37, 41, 0.9);
}


.tp-feature-list:hover .fea-color-1 {
    box-shadow: inset 0 0 0 40px rgb(25, 135, 84);
}

.tp-feature-list:hover .fea-color-1 svg {
    color: var(--tp-common-white);
    position: relative;
    z-index: 3;
}

.tp-feature-list:hover .fea-color-2 {
    box-shadow: inset 0 0 0 40px rgba(66, 62, 243, 0.9);
}

.tp-feature-list:hover .fea-color-2 svg {
    color: var(--tp-common-white);
    position: relative;
    z-index: 3;
}

.tp-feature-list:hover .fea-color-3 {
    box-shadow: inset 0 0 0 40px rgba(253, 52, 110, 0.9);
}

.tp-feature-list:hover .fea-color-3 svg {
    color: var(--tp-common-white);
    position: relative;
    z-index: 3;
}