.skill-area .skills-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 420px;
}

.skill-area .nav-pills .nav-link .skill-nav .content .text {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}

.skill-area .nav-pills .nav-link.active .skill-nav .content .text {
    max-height: 400px;
    opacity: 1;
}


.skill-area .nav-pills .nav-link.active .skill-nav .content .title {
    font-size: 40px;
}


.skill-area .nav-pills .skill-nav .icon img {
    width: 45px;
}