/* -----------------------------------------------------------
 * Template Name    : NOVA - Fully Responsive Personal Template
 * Author           : Toonalite Group
 * Version          : 1.0.0
 * Created          : August 2021
 * File Description : Main Css file of the template
 *------------------------------------------------------------*/

.pill-button {
    background-image: linear-gradient(to right, #62a0db 0%, #8ddacd 51%, #80acd2 100%);
}

.pill-button02 {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    background-clip: text;
    background: linear-gradient(to right, #69a4bb, #015499 50%, #444 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;
    margin-right: 20px;
}

.header .nav-link:hover,
.header .nav-link.active,
.header .nav-link:focus {
    color: #71afbb;
}

.pill-button-video:hover {
    color: #71afbb;
}

.skill-box .fill-skillbar {
    background: linear-gradient(to right, #62a0db 0%, #8ddacd 51%, #80acd2 100%);
}

.gtco-testimonials .card h5 {
    color: #71afbb;
}

.portfolio-item:before {
    background: linear-gradient(0deg, rgb(113, 175, 187) 0%, rgba(255, 255, 255, 0) 100%);
}

.slide-box .job {
    color: #8d8e97;
}

.blog-content h5 {
    color: #71afbb;
}

.blog-box a:hover {
    color: linear-gradient(90deg, #a1c4fd 0%, #c2e9fb 51%, #a1c4fd 100%);
}

.pagination-box .page-item.active .page-link,
.pagination-box .page-link:hover {
    border-color: #71afbb !important;
    background-color: #71afbb !important;
}

.portfolio-title a:hover {
    color: #71afbb;
}

.aside-item-portfolio a {
    color: #71afbb;
}

.entry-meta a:hover {
    color: #71afbb;
}
.share-content a , .share-content a i{
    color: #71afbb;
}

.blog-single .aside-item ul li a:hover {
    color: #71afbb;
}


/* .blog-single .post-image {
    background-color: #71afbb;
} */

.blog-single .post-title a:hover {
    color: #71afbb;
}

.blog-single .tagcloud a:hover {
    color: #71afbb;
}
.copyright a{
    color: #71afbb;
}