/*
 Theme Name:   AI News Child
 Theme URI:    http://example.com/twenty-twenty-one-child/
 Description: AI News is free, personal, elegent WordPress blog theme. AI News theme having setting in customizer and can check live change of settings. AI News having topbar header, social icons, sidebar features and many more features. AI News is a perfect responsive magazine style WordPress theme. This theme is suitable for news, newspaper, magazine, publishing, business and any kind of sites. AI News is a 100% GPL and minimal WordPress blog theme. Also theme is Gutenberg ready. So it will work fine with the latest version of WordPress. Theme is compatible with all blocks and patterns of WordPress. This theme is developed based on customizer settings. You can see the live changes that you have made in customizer. AI News also comes with added custom widgets for author, featured posts and social icons. It has top level menu, social icons, slider, promotional banner, sidebar option & many more other features. In addition, it has copyright text, go to the top, footer widgets, blog page options, related posts, sidebar, etc. This theme is lightweight and easy to use theme for travel blog, food blog, technology blog and fashion blog or any type of news website. You can also use this theme for personal blog and magazine sites too. Furthermore, it comes with demo data to make the site like the demo, detailed documentation including video and text, free support via chat and forum. It is developed by the experts WordPress developers so that you will never look for alternatives after using this theme. Try this awesome and carefully crafted theme today.
 Author:       blogwp
 Author URI:   https://blogwpthemes.com/
 Template:     ai-news
 Version:      1.0.0
*/


.scroll_active span {
        color: #0075ff; 
    }
.fintech-widget {
    position: relative;
    max-width: 792px;
    border-radius: 10px;
    background-color: #94e1b3;
    display: grid;
    padding: 15px 14px 15px 15px;
    margin: 0 auto;
    grid-template-columns: minmax(auto, 468px) 193px;
    gap: 12px;
    align-items: center;
    overflow: hidden;
    margin-bottom: 30px;
}
.fintech-widget__text {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #171717;
} 
a.fintech-widget__btn {
    position: relative;
    z-index: 10;
    text-align: center;
    max-width: 193px;
    padding: 22px 14px 20px 14px;
    background: #000000;
    border-radius: 20px;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #ffffff;
}
.fintech-widget__text--flex {
    display: flex;
    flex-direction: column;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    color: #171717;
}
.fintech-widget__expertise {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #171717;
}
.fintech-widget__title {
    font-style: normal;
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #171717;
}
.fintech-widget__wrapper {
    display: grid;
    grid-template-columns: minmax(78px, 120px) minmax(69px, 186px);
    align-items: center;
    gap: 12px;
}
.fintech-widget__count {
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 59px;
    color: #171717;
}
.fintech-widget__grid {
    display: grid;
    grid-template-columns: minmax(auto, 249px) minmax(auto, 186px);
    grid-template-rows: auto;
    gap: 20px;
}
.fintech-widget__content {
    font-style: normal;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #171717;
}
.fintech-widget__background {
    position: absolute;
    z-index: 2;
    left: -12px;
    bottom: -18px;
}

.designedtable {
    margin-top: 50px;
    margin-bottom: 50px;
    border-collapse: collapse;
}
.designedtable th {
    background-color: #e4e0ff;
    font-weight: bold;
    border: 3px solid #d9d2e9 !important;
}
.designedtable td {
    border: 3px solid #d9d2e9 !important;
}
.designedtable td {
    padding: 20px !important;
    word-break: break-word;
}
.article__info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 43px;
    align-items: center;
}

.article__author-wrapper {
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
}

.article__author-wrapper-link {
    transition: 0.3s linear;
    display: flex;
    align-items: center;
}

.article__author-img-wrapper {
    margin: 0 20px 0 0;
}

.article__author-img-wrapper {
    position: relative;
}

.article__author-img-wrapper::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    border: 1px dotted #000;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.article__author-img-wrapper img {
    width: 80px;
    height: 80px;
}

.article__author-img-wrapper img {
    display: block;


    border: 1px solid var(--black);
    border-radius: 50%;
    object-fit: cover;
}

.article__author-name a {
    margin: 0 0 3px;
    font-weight: 800;
    text-transform: capitalize;
    color: #000;
}
.blog-sec-wp .blog-area .blog-content {
    padding: 20px !important;
}
.article__author-position {
    color: #808080;
}

.article__info-dop {
    text-align: right;
}

.article__publication-date {
    font-size: 18px;
}

.article__publication-date {


    line-height: 140%;
}

.article__update-time {
    display: block;
    color: gray;
    margin-top: 10px;
    font-size: 14px;
}

.article__tags,
.related-services__list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 10px;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.article__tag-item {
    border-radius: 20px;
    background: #eeebff;
    padding: 4px 12px;
    color: #5c3bfe;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    max-width: 100%;
}

.article__tag-item:hover {
    color: #5c3bfe;
}

.article__tags li::marker {
    content: '';
}

.reading-time__time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: var(--white);
    box-shadow: 0px 4px 20px rgba(57, 56, 56, 0.08);
    border-radius: 8px;
    /* margin-right: 30px; */
    /* flex-grow: 1; */
}

.reading-time__text {
    font-size: 18px;
    line-height: 25px;
    color: #808080;
    margin: 0;
}

#stickthis.fixed {
    position: fixed;
    top: 0;
    width: 18%;
  
}
.socialfixed {
    position: fixed;
    top: 50px; 
    z-index: 1000;
}

/***** related posts-slider for post details page (start) ******/
.slider-container {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 15px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.our-blog__navigation-prev {
    display: flex;
    align-items: center;
    width: 20px;
    height: 20px;
}

.our-blog__navigation {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* width: 90px; */
    width: 120px;
    cursor: pointer;
    /* align-items: center; */
}

.our-blog__navigation-prev {
    display: flex;
    align-items: center;
    width: 20px;
    height: 20px;
}

.our-blog__pagination {
    color: #0274fd;
    font-size: 24px;
    font-weight: 800;
    margin: 0 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.our-blog__pagination {
    color: #0274fd;
    font-size: 24px;
    font-weight: 800;
    margin: 0 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

ul.posts__list {
    padding-left: 0;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.posts__item-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
}


/***** related posts-slider for post details page (end) ******/
.blog-sec-wp .blog-area .blog-img img {
    border-radius: 0px;
}
.category-blogs {
    min-height: 100%;
    box-shadow: 0 4px 16px rgba(80, 80, 80, 0.05);
}
.category-blogs .blog-area img {
    width: 100%;
}
.rmp-icon--social {
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    margin: 4.5px;
    transition-property: none;
    box-shadow: none;
    font-family: ratemypost;
    display: inline-block;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rmp-social-widget__title--custom {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    text-transform: capitalize;
    color: #1f1d3e;
} 
.category-blogs .blog-content time {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 14px;
    color: #808080;
}
.blog-sec-wp .blog-area .blog-content h3 {
    margin: 0 0 12px !important;
    line-height: 25px;
}
.blog-sec-wp .blog-area .blog-content h3 a {
    color: #000;
    font-size: 20px;
    line-height: 25px;
    color: #000;
    font-weight: 700;
}
.blog-sec-wp .blog-area .blog-content .read-more-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: auto 0 0;
    padding: 0 18px 4px 0;
    font-weight: 800;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    color: #0274fd;
}
.blog-sec-wp .blog-area .blog-content .read-more-link:before {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 14px;
    height: 10px;
    background: #0274fd;
    opacity: 0;
    transition: all 0.3s ease-out;
    clip-path: polygon(0 4px,
            9.5px 4px,
            7px 2px,
            9px 0,
            14px 5px,
            9px 10px,
            7px 8px,
            9.5px 6px,
            0 6px);
}

.blog-sec-wp .blog-area:hover .blog-content .read-more-link:before {
    -webkit-animation-name: movePostsArrow;
    animation-name: movePostsArrow;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    opacity: 1;
}

@-webkit-keyframes movePostsArrow {
    0% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    to {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
}

@keyframes movePostsArrow {
    0% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    to {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
}

.blog-sec-wp .blog-area .blog-content .read-more-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #0274fd;
    -webkit-transition: -webkit-clip-path 0.3s ease-out;
    transition: -webkit-clip-path 0.3s ease-out;
    -o-transition: clip-path 0.3s ease-out;
    transition: clip-path 0.3s ease-out;
    transition: clip-path 0.3s ease-out, -webkit-clip-path 0.3s ease-out;
    will-change: clip-path;
    -webkit-clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
    clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
}

.blog-sec-wp .blog-area:hover .blog-content .read-more-link:after {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.single-post-main .article__tags,
.blog-sec-wp .blog-area .blog-content .article__tags {
    display: flex;
    flex-flow: row wrap;
    max-height: 64px;
    column-gap: 8px;
    row-gap: 6px;
    margin-bottom: 24px;
    max-width: 100%;
}


.single-post-main .article__tags li .article__tag-item,
.blog-sec-wp .blog-area .blog-content .article__tags li .article__tag-item {
    border-radius: 20px;
    background: #eeebff;
    padding: 4px 12px;
    color: #0274fd !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
    max-width: 100%;
    text-decoration: none !important;
}



.blog-sec-wp .col-lg-4 {
    margin-bottom: 30px;
}

#sticky-section .lwptoc-light .lwptoc_i {
    background: #ffffff;
    box-shadow: 0px 10px 50px rgba(57, 56, 56, 0.08);
    border-radius: 8px;
    padding: 30px 22.5px;
    max-height: 600px;
    overflow-y: scroll;
}

#sticky-section .lwptoc-light .lwptoc_i a {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #000;
    padding: 8px 0;
}

#sticky-section .lwptoc-light .lwptoc_i a:hover {
    color: #0076ff;
    text-decoration: none !important;
    outline: none;
    outline-color: inherit;
    border: 0 !important;
}

.single-post-main .title {
    font-weight: 800;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 25px;
    margin-bottom: 25px !important;
    margin-top: 25px !important;
}
.begin-reading-time {
    padding: 26px 30px;
    box-shadow: 0px 4px 20px rgba(57, 56, 56, 0.08); 
    border-radius: 8px;
}
.begin-reading-time span {
    color: #808080;
}
section#sliderwrapper {
    overflow-x: hidden;
}

@media only screen and (min-width: 768px) {
    .single-post-main .title {
        font-size: 48px;
        line-height: 60px;
    }

}

@media only screen and (max-width: 767px) {
    #stickthis.fixed {
        position: unset !important;
        width: 100%;
    }
    #stickthissocial { display: none;}

    .article__info {
        flex-wrap: wrap;
    }

    .slider-container {
        padding: 0 55px;
    }
}