body,
h1,
h2,
h3,
h4,
h5,
h6,
.page-banner-wrap .banner-text,
.hero-6 .banner-content span,
.section-title.section__title_3 h6,
.about-wrapper .about-content p,
.analytics-wrapper .service-element h4,
.analytics-wrapper .service-element p,
.project__items .project__content h4,
.project__items .project__content p,
.price__wrapper .price__element .price__head .price__range p,
.price__wrapper .price__element .preice__body .cetagory__element h4,
.price__wrapper .price__element .preice__body .cetagory__element p,
.prosess-wrapper .prosess-element h4,
.funfact-wrapper_2 .single-funfact-item h3,
.funfact-wrapper_2 .single-funfact-item p,
.single-blog-card .future-elem p,
.blog-wrapper .single-blog-post.post-details blockquote,
.blog-wrapper .single-blog-post.post-details .wp-block-quote,
.agent__wrapper .agent-item .agent-content .agent-content_name h4,
.agent__wrapper .agent-item p,
.contact_form__wrapper .contact__detels .content h4 {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.service_wrapper .service-element:hover .icon {
    background: #fff;
}

.truncate-1-line {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service_wrapper .service-element p {
    height: 100px;
}

.theme-btn.style-2-custom {
    background-color: #086ad7;
    color: #fff;
}

.theme-btn.style-2-custom:hover {
    background-color: #000;
}

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.line-clamp.line-clamp-3 {
    -webkit-line-clamp: 3;
}

.line-clamp.line-clamp-2 {
    -webkit-line-clamp: 2;
}

.blog-8 .blog-featured-thumb--no-image {
    background-image: none !important;
}

.blog-8 .blog-featured-thumb .blog-placeholder-svg {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: top;
}

.hero-8 .innovative-content .nav-tabs {
    gap: 15px;
}

.hero-8 .innovative-content .nav-tabs .nav-item .nav-link {
    padding: 7px 25px;
}

.single-testimonial-custom {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    height: 160px;
}

.causes-page-nav ul li.active a,
.page-nav-wrap ul li.active a {
    background-color: #086ad7;
    color: #fff;
}

.blog-tags-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.blog-tags-title h3 {
    line-height: 1.2;
}

.blog-tags-clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    border: 1px solid #d8d8d8;
    color: #666;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 10px;
    font-size: 12px;
}

.blog-tags-clear:hover {
    border: 1px solid #086ad7;
    color: #086ad7;
}

.main-sidebar .single-sidebar-widget .wid-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-banner-wrap h1 {
    line-height: normal;
}

/* Keep Magnific popup above sticky header layers. */
.mfp-bg {
    z-index: 20000 !important;
}

.mfp-wrap {
    z-index: 20001 !important;
}


.mt-15 {
    margin-top: 15px;
}

.related-post-wrap .single-related-post .featured-thumb {
    position: relative;
    overflow: hidden;
}

.related-post-wrap .single-related-post .featured-thumb .video-play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.page-banner-wrap{
    background-color: #211e3b00 !important;
}
/* Light mode */
.page-banner-wrap .breadcrumb li,
.page-banner-wrap .breadcrumb li a {
    color: #1350a3 !important;
}

/* Dark mode */
body.dark-1 .page-banner-wrap .breadcrumb li,
body.dark-1 .page-banner-wrap .breadcrumb li a {
    color: #fff !important;
}