.page-template-front-page .page-wrap, .page-template-page_nosidebar .page-wrap, .page-template-one-page .page-wrap {
    padding: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    .page-template-front-page .page-wrap .content-area, .page-template-page_nosidebar .page-wrap .content-area, .error404 .page-wrap .content-area, .page-template-one-page .page-wrap .content-area {
        width: 100%;
        margin: 0;
    }

        .page-template-front-page .page-wrap .content-area:after {
            background-color: transparent;
            width: 0;
            height: 0;
        }

    .page-template-front-page .page-wrap .content-area, .page-template-page_nosidebar .page-wrap .content-area, .page-template-one-page .page-wrap .content-area {
        padding-right: 0 !important;
    }

.page-wrap.sidebar-left .content-area, .page-wrap.sidebar-right .content-area {
    float: left;
    width: 66.66666667%;
    position: relative;
    padding-right: 7px;
}

.page-wrap.sidebar-left .widget-area, .page-wrap.sidebar-right .widget-area {
    float: left;
    width: 33.33333333%;
    position: relative;
    padding-left: 12px;
}

.sidebar {
    padding: 40px 30px;
    background: #161616;
}

    .sidebar .wp-block-search__inside-wrapper {
        width: 100% !important;
    }

        .sidebar .wp-block-search__inside-wrapper button:after {
            right: 0px !important;
        }

.page-wrap.sidebar-left .content-area {
    float: right;
    padding-right: 0px;
    padding-left: 10px;
}

.page-wrap.sidebar-left .widget-area {
    padding-left: 0px;
    padding-right: 12px;
}

.page-wrap.sidebar-left .content-area:after {
    left: 0;
}

.page-wrap.sidebar-left .pagination {
    text-align: center;
    margin-right: 0;
}

.blog-grid, .blog-grid-simple {
    margin: 0 -15px;
}

    .blog-grid > .item, .blog-grid-simple > .item {
        float: left;
        width: 50%;
        padding: 0 15px;
    }

    .blog-grid.columns-3 > .item, .blog-grid-simple.columns-3 > .item, .blog-grid.blog-three-columns > .item, .blog-grid-simple.blog-three-columns > .item {
        float: left;
        width: 33.33%;
    }

    .blog-grid.columns-4 > .item, .blog-grid-simple.columns-4 > .item, .blog-grid.blog-four-columns > .item, .blog-grid-simple.blog-four-columns > .item {
        float: left;
        width: 25%;
    }

.blog-grid, .blog-grid-s1, .blog-grid-simple {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .blog-grid .entry-border, .blog-grid-simple .entry-border {
        -webkit-align-content: space-between;
        align-content: space-between;
        height: 100%;
        position: relative;
        border-radius: 0px;
        overflow: hidden;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .blog-grid-simple .entry-border {
        border-radius: 10px;
    }

    .blog-grid-simple .featured-post {
        display: none;
    }

.single .blog-grid article .featured-post {
    margin: 0;
    position: relative;
    margin-bottom: 20px;
}

    .single .blog-grid article .featured-post .meta-related {
        position: absolute;
        left: 50%;
        bottom: 10px;
        transform: translateX(-50%);
        padding: 6px 14px;
        border-radius: 6px;
        background: #fff;
        width: max-content;
        display: flex;
        align-items: center;
    }

.single .blog-grid article .post-date {
    margin-right: 17px;
}

.single .blog-grid article .post-date, .single .blog-grid article .post-categories a {
    font-size: 13px;
    font-weight: 600;
}

.single .blog-grid article .post-categories a {
    color: #086ad8;
    margin-left: 4px;
}

.blog-grid.center .content-post {
    text-align: center;
}

.blog-grid.right .content-post {
    text-align: right;
}

    .blog-grid.center .content-post .entry-meta, .blog-grid.right .content-post .entry-meta {
        width: 100%;
    }

.blog-grid, .blog-grid-simple {
    overflow: hidden;
    margin: 0 -15px;
    border-bottom: none;
    position: relative;
}

    .blog-grid.owl-theme .owl-controls .owl-nav div.owl-prev {
        left: 0px;
    }

    .blog-grid.owl-theme .owl-controls .owl-nav div.owl-next {
        right: 0px;
    }

    .blog-grid-simple article .content-post {
        padding: 30px 30px 26px;
    }

    .blog-grid-simple.columns-4 article .content-post {
        padding: 15px;
    }

    .blog-grid-simple article .entry-meta {
        display: inline-block;
    }

        .blog-grid-simple article .entry-meta ul {
            margin: 0;
        }

            .blog-grid-simple article .entry-meta ul li {
                display: inline-flex;
            }

    .blog-grid-simple article .themesflat-button-container {
        padding: 0;
        display: inline-block;
        float: right;
        line-height: initial;
    }

    .blog-grid-simple article .wrap-meta-button {
        line-height: initial;
        border-top: 1px solid #ececec;
        padding-top: 22px;
        margin-top: 15px;
    }

    .blog-grid-simple.columns-4 article .wrap-meta-button {
        padding-top: 15px;
    }

    .blog-grid-simple article .themesflat-button-container > a:hover {
        color: #222;
    }

    .blog-grid-simple article .entry-meta ul li a {
        color: #888;
        font-size: 13px;
    }

    .blog-grid-simple article .entry-meta ul li > i {
        font-size: 20px;
        padding-right: 23px;
    }

    .blog-grid-simple.columns-4 article .entry-meta ul li > i {
        font-size: 16px;
        padding-right: 7px;
    }

    .blog-grid-simple article .entry-title {
        font-size: 19px;
        font-weight: 500;
        margin-bottom: 12px;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .blog-grid-simple article .entry-title:before {
            content: "\f0c1";
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            margin-right: 10px;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

    .blog-grid-simple article {
        margin-bottom: 30px;
    }

article .bottom-blog {
    margin-top: 10px;
}

.blog-list article .entry-title, .item article .entry-title {
    margin-bottom: 32px;
}

.blog-list article .entry-title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    text-transform: capitalize;
}

.blog-list article .post-meta, .item article .post-meta {
    margin-bottom: 26px;
}

.blog-list article .themesflat-button-container, .content-area .item article .themesflat-button-container {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .blog-list article .themesflat-button-container .themesflat-btn-blog, .content-area .item article .themesflat-button-container .themesflat-btn-blog {
        padding: 11px 14px 12px 14px;
        background: #e9ecef;
        display: inline-block;
        color: #000;
    }

        .blog-list article .themesflat-button-container .themesflat-btn-blog:hover, .content-area .item article .themesflat-button-container .themesflat-btn-blog:hover {
            background: var(--theme-primary-color);
        }

    .blog-list article .themesflat-button-container .themesflat-btn-blog {
        position: relative;
    }

.wrap-blog-article .item {
    margin-bottom: 28px;
}

.blog-list .item article .social-share-article {
    display: inline-flex;
    border: 1px solid #454750;
    color: #bebebe;
    padding: 12px 22px;
    cursor: pointer;
    position: relative;
}

    .blog-list .item article .social-share-article:hover .themesflat-socials {
        top: -45px;
        opacity: 1;
        visibility: visible;
    }

    .blog-list .item article .social-share-article h5 {
        color: #bebebe;
        font-size: 16px;
        margin-right: 10px;
        margin-bottom: 0px;
    }

    .blog-list .item article .social-share-article .icon {
        color: var(--theme-primary-color);
        display: block !important;
    }

    .blog-list .item article .social-share-article .themesflat-socials {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        right: 0px;
        top: 0px;
        transition: all 0.3s ease-in-out;
    }

.wrap-blog-article .post-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
}

    .wrap-blog-article .post-meta .item-meta {
        display: flex;
        align-items: center;
        color: #646464;
        flex-wrap: wrap;
    }

        .wrap-blog-article .post-meta .item-meta::after {
            content: '';
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: var(--theme-primary-color);
            margin: 0 32px;
        }

        .wrap-blog-article .post-meta .item-meta:last-child::after {
            display: none;
        }

        .wrap-blog-article .post-meta .item-meta.post-author .meta-text {
            color: #fff;
        }

            .wrap-blog-article .post-meta .item-meta.post-author .meta-text span {
                color: #646464;
                text-transform: capitalize;
            }

        .wrap-blog-article .post-meta .item-meta a, .wrap-blog-article .post-meta .item-meta .meta-text {
            color: #646464;
        }

            .wrap-blog-article .post-meta .item-meta a:hover {
                color: var(--theme-primary-color);
            }

        .wrap-blog-article .post-meta .item-meta.post-categories a {
            color: #646464;
            text-transform: capitalize;
        }

            .wrap-blog-article .post-meta .item-meta.post-categories a:hover {
                color: var(--theme-primary-color);
            }

.wrap-blog-article .featured-post {
    margin-bottom: 31px;
}

.wrap-blog-article .blog-post {
    border: 1px solid #454750;
    padding: 1.75rem;
}

    .wrap-blog-article .blog-post:hover img {
        transform: scale(1.1);
    }

    .wrap-blog-article .blog-post .featured-post {
        overflow: hidden;
    }

        .wrap-blog-article .blog-post .featured-post img {
            transition: .3s linear;
            width: 100%;
            max-height: 425px;
            object-fit: cover;
        }

.navigation.paging-navigation .pagination, .navigation.paging-navigation.pager {
    text-align: left;
    display: inline-flex;
}

.navigation.paging-navigation a.next, .navigation.paging-navigation a.prev {
    color: #000;
    font-weight: 900;
    font-size: 18px;
    line-height: 27px;
}

.navigation.paging-navigation .current {
    border-color: transparent;
}

.navigation.paging-navigation.pager .pagination {
    width: 100%;
    display: block;
}

.navigation.paging-navigation.pager a:last-child {
    float: right;
}

.navigation.paging-navigation a, .pagination > span, .navigation.paging-navigation span, .page-links a, .page-links > span {
    position: relative;
    color: #000;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.page-links {
    margin-top: 15px;
    clear: both;
}

.navigation.paging-navigation.pager a {
    display: inline-block;
    color: #696969;
    padding: 0;
    min-width: 0;
    min-height: 0;
    border-radius: 8px;
    background: #fff;
    padding: 7px 15px;
}

    .navigation.paging-navigation.pager a:hover {
        background-color: var(--theme-primary-color);
        color: #000;
    }

.page-links > span, .page-links a:hover, .navigation.paging-navigation .current, .navigation.paging-navigation a:hover {
    color: #000;
    background: var(--theme-primary-color);
}

.navigation.paging-navigation a.next:hover, .navigation.paging-navigation a.prev:hover {
    color: #000;
}

.navigation.pager a, .navigation.loadmore a {
    width: auto;
    height: auto;
    padding: 0 20px;
    border-radius: 5px;
}

.navigation .paging-navigation.blog {
    padding-top: 20px;
}

.blog-single .featured-post img {
    width: 100%;
}

.blog-single .featured-post {
    margin-bottom: 22px;
}

.blog-single .content-post {
    margin-bottom: 21px;
}

    .blog-single .content-post img {
        width: 100%;
    }

    .blog-single .content-post .post-meta {
        position: relative;
    }

        .blog-single .content-post .post-meta .item-meta:not(:last-child):after {
            content: '';
            width: 10px;
            height: 10px;
            display: inline-block;
            border-radius: 50%;
            background: var(--theme-primary-color);
            margin: 0 32px;
        }

.blog-single .entry-title {
    margin-bottom: 21px;
    word-break: break-word;
}

.blog-single .main-post .entry-content p {
    margin-bottom: 19px;
}

.blog-single .main-post .wp-block-heading {
    margin-top: 52px;
    margin-bottom: 40px;
}

.blog-single .main-post .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
    margin-bottom: 40px;
}

.blog-single .main-post ul {
    margin-top: 31px;
}

    .blog-single .main-post ul li {
        position: relative;
    }

        .blog-single .main-post ul li:not(:last-child) {
            margin-bottom: 8px;
        }

.tags-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}

    .tags-links h5 {
        margin: 0;
        margin-right: 10px;
        font-family: "Manrope", sans-serif;
        font-size: 16px;
        font-weight: normal;
        line-height: 28px;
    }

    .tags-links a {
        font-family: 'Manrope';
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        color: #696969;
    }

        .tags-links a:hover {
            color: #fff !important;
        }

.wp-block-social-link:hover {
    transform: scale(1) !important;
}

.social-share-article {
    display: flex;
    align-items: center;
}

    .social-share-article h5 {
        margin: 0;
        margin-right: 10px;
        font-family: "Manrope", sans-serif;
        font-size: 16px;
        font-weight: normal;
        line-height: 28px;
    }

    .social-share-article .icon {
        display: none;
    }

    .social-share-article .themesflat-socials {
        display: flex;
        align-items: center;
        column-gap: 7px;
        row-gap: 7px;
    }

        .social-share-article .themesflat-socials a {
            color: #fff;
            width: 36px;
            min-width: 36px;
            height: 36px;
            display: block;
            border: 1px solid #454750;
            transition: all 0.5s;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .social-share-article .themesflat-socials a:hover {
                background: var(--theme-primary-color);
                color: #000;
                border-color: var(--theme-primary-color);
            }

.entry-footer {
    margin-top: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #454750;
    border-top: 1px solid #454750;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 20px;
    margin-bottom: 30px;
}

.navigation.posts-navigation {
    margin-top: 31px;
    margin-bottom: 58px;
}

    .navigation.posts-navigation .nav-links {
        display: flex;
        align-items: center;
    }

        .navigation.posts-navigation .nav-links .post-navigation {
            width: 100%;
            background: #161616;
            padding: 1.7rem 1.75rem;
            display: flex;
            align-items: center;
            column-gap: 20px;
        }

            .navigation.posts-navigation .nav-links .post-navigation:not(:last-child) {
                margin-right: 30px;
            }

            .navigation.posts-navigation .nav-links .post-navigation .thump-post {
                flex-shrink: 0;
            }

                .navigation.posts-navigation .nav-links .post-navigation .thump-post img {
                    width: 75px;
                    height: 80px;
                    object-fit: cover;
                }

            .navigation.posts-navigation .nav-links .post-navigation .content .post-button a {
                font-family: 'Manrope';
                font-size: 14px;
                font-weight: 500;
                line-height: 29px;
            }

                .navigation.posts-navigation .nav-links .post-navigation .content .post-button a:hover {
                    color: var(--theme-primary-color);
                }

            .navigation.posts-navigation .nav-links .post-navigation .content .title-post {
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                word-break: break-word;
            }

                .navigation.posts-navigation .nav-links .post-navigation .content .title-post a {
                    font-family: "Manrope", sans-serif;
                    font-size: 16px;
                    font-weight: normal;
                    line-height: 28px;
                    color: #1b1b1b;
                }

                    .navigation.posts-navigation .nav-links .post-navigation .content .title-post a:hover {
                        color: var(--theme-primary-color);
                    }

    .navigation.posts-navigation .nav-links-next-prev {
        display: flex;
        width: 100%;
        margin-bottom: 25px;
    }

        .navigation.posts-navigation .nav-links-next-prev .previous-post {
            width: 50%;
        }

            .navigation.posts-navigation .nav-links-next-prev .previous-post i {
                margin-right: 10px;
            }

        .navigation.posts-navigation .nav-links-next-prev .next-post {
            width: 50%;
            text-align: right;
        }

            .navigation.posts-navigation .nav-links-next-prev .next-post i {
                margin-left: 10px;
            }

.comments-area {
    overflow: hidden;
}

.comment-title {
    margin-bottom: 15px;
}

.comment-reply-title {
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
    line-height: 1;
    font-size: 40px !important;
    text-transform: capitalize;
}

.comment-title {
    margin-bottom: 8px;
}

.comment-reply-title a {
    font-weight: 600;
}

    .comment-reply-title a#cancel-comment-reply-link {
        padding-left: 10px;
        font-size: 18px;
        float: right;
    }

.comment-title:after, .comment-reply-title:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #203b48;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
}

.comments-area ul.children {
    list-style: none;
    margin-left: 123px;
}

.comments-area article {
    margin-bottom: 0;
}

.comments-area ol.comment-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .comments-area ol.comment-list article, .comment-list-wrap .comment-respond {
        margin-bottom: 2px;
    }

        .comments-area ol.comment-list article .gravatar {
            float: left;
            display: inline-block;
            border-radius: 10px;
            position: absolute;
            top: 19px;
            left: 0px;
        }

            .comments-area ol.comment-list article .gravatar img {
                border-radius: 50%;
            }

.comment-reply-link {
    position: relative;
    padding-left: 0;
    font-weight: 700;
    font-size: 16px;
}

.comments-area ol.comment-list article {
    position: relative;
    padding-left: 135px;
}

    .comments-area ol.comment-list article .comment_content {
        min-height: 100px;
        padding: 9px 0px 20px;
    }

        .comments-area ol.comment-list article .comment_content .comment_meta {
            margin-bottom: 0px;
        }

            .comments-area ol.comment-list article .comment_content .comment_meta .comment_author {
                margin: 0;
                display: inline-block;
                margin-right: 25px;
                margin-bottom: 10px;
                font-size: 16px;
                font-weight: 600;
                line-height: 150%;
                letter-spacing: 0.03em;
            }

        .comments-area ol.comment-list article .comment_content .comement_reply {
            margin-top: 7px;
        }

            .comments-area ol.comment-list article .comment_content .comement_reply a::after {
                content: "\f061";
                font-family: "FontAwesome";
                vertical-align: middle;
                margin-left: 10px;
            }

        .comments-area ol.comment-list article .comment_content .comment_time {
            position: relative;
            display: inline-block;
            font-family: 'Manrope';
            font-size: 16px;
            font-weight: 400;
            line-height: 30px;
            color: #696969;
        }

            .comments-area ol.comment-list article .comment_content .comment_time i {
                margin-right: 4px;
            }

.comment-post .comment-detail .comment-author a {
    font-size: 16px;
    line-height: 36px;
    color: #222;
    font-weight: 700;
}

.comments-area ol.comment-list article .comment_content .comment_meta .comment_time a {
    color: #a8a8a8;
}

    .comments-area ol.comment-list article .comment_content .comment_meta .comment_time a:hover {
        color: #2e5797;
    }

.logged-in-as + .comment-right {
    width: 100%;
}

.logged-in-as {
    margin-bottom: 22px;
    line-height: 1.4;
    color: #1b1b1b;
    margin-bottom: 20px !important;
}

.comment-respond fieldset {
    position: relative;
}

    .comment-respond fieldset label {
        font-family: 'Manrope';
        font-size: 16px;
        font-weight: 600;
        line-height: 30px;
        color: #fff;
        display: none;
    }

.comment-respond .message {
    width: 100%;
}

.comment-respond textarea {
    width: 100%;
    margin-bottom: 28px;
    height: 139px;
}

.comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea {
    width: 100%;
    padding: 14px 18px;
}

.comment-respond input[type="text"], .comment-respond input[type="email"] {
    margin-bottom: 21px;
}

.comment-respond input#wp-comment-cookies-consent {
    box-shadow: unset;
}

#commentform .wrap-input-submit {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #commentform .wrap-input-submit input[type="submit"] {
        background: var(--theme-primary-color);
        color: #000;
    }

        #commentform .wrap-input-submit input[type="submit"]:hover {
            background: #222;
        }

.comment-respond input#wp-comment-cookies-consent {
    width: auto;
}

.comment-respond form {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
}

    .comment-respond form .comment_wrap_input {
        width: 100%;
        order: -1;
        margin-bottom: 10px;
    }

    .comment-respond form .comment-right {
        width: 100%;
    }

.comment-respond .comment-form-cookies-consent {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

    .comment-respond .comment-form-cookies-consent label {
        margin: 0;
        padding-left: 9px;
        font-size: 14px;
        line-height: 22px;
    }

.comment-respond .comment-left .name-container, .comment-respond .comment-left .email-container {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.comment-respond .comment-left {
    margin: 0 -15px;
}

.comment-respond .comment-form-author, .comment-respond .comment-form-email {
    width: 50%;
    float: left;
    margin-bottom: 0;
}

.comment-respond p.form-submit {
    padding: 0 0px;
    margin: 0;
    order: 2;
    margin-top: -3px;
}

.comment-respond .comment-form {
    margin: 0 -15px;
}

.comment-respond p.comment-notes {
    margin-bottom: 25px;
}

.comment-respond p.comment-form-comment {
    margin-bottom: 12px;
}

.comment-respond label {
    margin-bottom: 11px;
    cursor: pointer;
}

.comment-respond input[type="submit"] {
    border-radius: 8px;
    padding: 12px 26px;
    background: var(--theme-primary-color);
    transition: all 0.5s;
    border: 1px solid var(--theme-primary-color);
    font-weight: 600;
    color: #000;
}

    .comment-respond input[type="submit"]:hover {
        background: #fff !important;
        color: #000 !important;
    }

.comment-list-wrap {
    margin-bottom: 52px;
}

.comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea {
    border-color: transparent !important;
    border-radius: 0 !important;
    font-family: Manrope;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    background: #161616;
    border: 1px solid #fff;
    padding: 16px 20px;
}

    .comment-respond input[type="text"]::placeholder, .comment-respond input[type="email"]::placeholder, .comment-respond textarea::placeholder {
        color: #bebebe !important;
    }

    .comment-respond input[type="text"]:focus, .comment-respond input[type="email"]:focus, .comment-respond textarea:focus {
        border-color: var(--theme-primary-color) !important;
    }

.overflow-hidden-section {
    overflow: hidden !important;
}

::-moz-selection {
    text-shadow: none;
    background: #086ad8;
}

::-webkit-selection {
    text-shadow: none;
    background: #086ad8;
}

::selection {
    color: #000 !important;
    text-shadow: none;
}

a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    a:hover {
        text-decoration: none;
        outline: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    a:focus {
        text-decoration: none;
        outline: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

img {
    max-width: 100%;
    height: auto;
}

#main-content {
    min-height: calc(-91vh);
}

    #main-content.fixed-footer-content {
        background: #fff;
    }

body, button, input, select, textarea {
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

label {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 10px;
}

strong, b {
    font-weight: 700;
}

p {
    margin-bottom: 27px;
}

    p:last-of-type {
        margin-bottom: 0px;
    }

article:last-of-type, article p:last-of-type {
    margin-bottom: 0;
}

dfn, em, i {
    font-style: italic;
}

blockquote {
    position: relative;
    border-radius: 0px;
    background: #161616;
    margin: 20px 0;
    padding: 46px 95px 28px 81px;
    letter-spacing: -0.03em;
}

    blockquote p {
        letter-spacing: 0px;
    }

    blockquote code {
        color: inherit;
    }

    blockquote a:hover {
        color: #086ad8;
    }

    blockquote em, blockquote cite {
        margin-bottom: 0px;
    }

    blockquote cite {
        position: relative;
        color: #696969;
        font-size: 16px;
        font-weight: 500;
        line-height: 19.36px;
        letter-spacing: -0.03em;
        font-style: normal;
        padding-left: 60px !important;
        margin-top: 16px;
    }

    .logged-in-as a, blockquote em a, blockquote em {
        color: #1b1b1b;
    }

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
    margin: 40px 0px 40px 0px;
    padding: 31px 45px 26px 140px;
}

blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 {
    color: #fff;
}

table {
    width: 100%;
    margin: 15px 0;
}

th, td {
    border: 1px solid #f5f5f5;
    padding: 7px;
    text-align: center;
}

blockquote > p:last-child {
    margin-bottom: 0;
}

blockquote em, blockquote i, blockquote cite {
    font-weight: 700;
}

.wp-block-quote.is-style-large cite {
    line-height: 0;
}

blockquote strong, blockquote b {
    font-weight: 600;
}

abbr[title] {
    border-bottom: 1px dotted #c0c0c0;
    cursor: help;
}

mark, ins {
    background-color: #086ad8;
    text-decoration: none;
    color: #000;
    padding: 7px;
}

sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -6px;
}

sub {
    bottom: -3px;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

address {
    font-style: italic;
    margin: 0 0 20px;
}

code, kbd, tt, var, samp, pre {
    font-family: Inconsolata, monospace;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre {
    background: #000;
    border: 1px solid #eee;
    border-radius: 0;
    font-family: Consolas, monospace;
    height: auto;
    margin: 0 0 20px;
    overflow-x: auto;
    padding: 20px;
}

h1.w6, h2.w6, h3.w6, h4.w6, h5.w6, h6.w6 {
    font-weight: 600;
}

h1.w4, h2.w4, h3.w4, h4.w4, h5.w4, h6.w4 {
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
}

h1 {
    font-size: 65px;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.blockcenter {
    left: 50%;
    transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
    -o-transform: translatex(-50%);
}

.float-right {
    float: right;
}

blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
    margin: 7px 30px 25px 0 !important;
}

blockquote.alignright, .wp-caption.alignright, img.alignright {
    margin: 7px 0 25px 30px !important;
}

blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
    clear: both;
}

.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
    margin-bottom: 10px;
}

.bypostauthor article .gravatar {
    float: left;
    display: inline-block;
}

 

.site-main {
    position: relative;
}

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
    height: 0px;
    width: 0px;
    overflow: hidden;
}

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

embed, iframe, object {
    max-width: 100%;
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

    .wp-caption img[class*="wp-image-"] {
        display: block;
        margin: 0 auto;
    }

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
    font-size: 0.9em;
}

hr {
    background-color: #eee;
    border: 0;
    height: 1px;
    margin-bottom: 20px;
}

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

li > ul, li > ol {
    margin-bottom: 0;
}

dd, dt {
    line-height: 30px;
}

::-moz-selection {
    color: #000;
    text-shadow: none;
    background: #333;
}

::-webkit-selection {
    color: #000;
    text-shadow: none;
    background: #333;
}

::selection {
    color: #000;
    text-shadow: none;
    background: #333;
}

button, .button, .button-outline, input[type="button"], input[type="reset"], input[type="submit"] {
    color: #fff;
    text-transform: capitalize;
    border-radius: 10px;
    border: 1px solid #e5e5ea;
    background: #086ad8;
    padding: 16px 18px;
    cursor: pointer;
    white-space: nowrap;
    z-index: 0;
    display: inline-block;
    line-height: 1;
    margin-bottom: 0;
    border: none;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    button:hover, .button:hover, .button-outline:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .tfre-resset-password .tfre_forgetpass:hover {
        background-color: #1c1c1e;
        color: #fff;
        border-color: #1c1c1e;
    }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border-radius: 10px;
    height: unset;
    border: 1px solid #e5e5ea;
    background: #fff;
    padding: 16px 18px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
        border: 1px solid #086ad8;
        outline: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.button-outline {
    border: 1px solid #086ad8;
    background: transparent;
    color: #086ad8;
}

    .button-outline:hover {
        color: #fff;
        background: #086ad8;
        border-color: #086ad8;
    }

textarea {
    width: 100%;
    height: 150px;
    padding: 15px 16px;
    border: 1px solid #e5e5ea;
    background: #fff;
}

input[type="checkbox"] {
    display: inline;
}

input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder, .tfre-resset-password .reset_password_user_login::placeholder {
    color: #3a3a3c;
    opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #3a3a3c;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #3a3a3c;
    opacity: 1;
}

select, select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    background-image: linear-gradient(45deg,transparent 50%,gray 50%), linear-gradient(135deg,gray 50%,transparent 50%);
    background-position: calc(80%), calc(85%);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    line-height: 1.5;
}

.btn {
    background-image: none;
}

textarea, input[type="text"], input[type="submit"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .dropdown-menu, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    -webkit-appearance: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

button:focus {
    outline: none;
}

input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #d5d5d5;
    border-radius: 50%;
    outline: none;
    position: relative;
    vertical-align: middle;
}

    input[type="radio"]:before {
        content: "";
        display: block;
        width: 70%;
        height: 70%;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }

    input[type="radio"]:checked {
        border-color: #086ad8;
    }

        input[type="radio"]:checked:before {
            background: #086ad8;
        }

.wp-block-button__link {
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #1c1c1e !important;
}

    .wp-block-button__link:hover {
        background: #1c1c1e;
        color: #fff;
    }

.is-style-outline .wp-block-button__link:hover {
    color: #fff;
}

.wp-block-button:not(.alignleft):not(.aligncenter):not(.alignright) {
    margin-top: 30px;
}

.wp-block-button.is-style-squared a, .wp-block-button__link.wp-block-button.is-style-squared a {
    border-radius: 0px;
}

.post-password-form button[type="submit"], .post-password-form input[type="submit"] {
    margin-left: 15px;
    border-radius: 0px;
    padding: 13px 30px 13px 30px;
    color: #000;
}

.post-password-form input[type="password"] {
    min-width: 300px;
    border-radius: 0px;
    border-color: #eaeaea;
}

.wp-block-button {
    margin-bottom: 30px;
}

.wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) {
    color: #fff;
}

.entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background), .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) {
    margin-bottom: 30px;
    margin-top: 29px;
}

.wp-block-group.has-background {
    padding: 30px;
    margin-top: 0;
    margin-bottom: 0;
    color: #000;
}

.has-large-font-size {
    line-height: 1.3;
}

.wp-block-quote {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 35px;
    margin-top: 33px;
}

    .wp-block-quote cite {
        padding-left: 0;
    }

        .wp-block-quote cite::before {
            display: none;
        }

ul.wp-block-rss, ul.wp-block-latest-posts, ul.wp-block-archives-list, ol.wp-block-latest-comments {
    margin-left: 0;
}

ul.wp-block-rss, ol.wp-block-latest-comments {
    width: fit-content;
}

    ul.wp-block-rss ul, ul.wp-block-latest-posts ul, ul.wp-block-archives-list ul, ol.wp-block-latest-comments ul {
        padding-left: 15px;
    }

    ul.wp-block-rss li, ul.wp-block-latest-posts li, ul.wp-block-archives-list li, ol.wp-block-latest-comments li {
        position: relative;
        list-style: none;
    }

.container {
    max-width: 1320px;
}

.tf-btn {
    border: 1px solid #fff;
    padding: 15px 24px;
    font-family: 'Manrope';
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
    position: relative;
}

    .tf-btn::before {
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        left: 0;
        bottom: 0;
        background: var(--theme-primary-color);
        z-index: -1;
        transition: all 0.3s;
        opacity: 0;
    }

    .tf-btn:hover::before {
        width: 100%;
        height: 100%;
        opacity: 1;
    }

    .tf-btn i {
        margin-right: 13px;
        margin-left: 3px;
        rotate: 45deg;
        color: var(--theme-primary-color);
    }

    .tf-btn:hover i {
        color: #161616;
    }

    .tf-btn:hover {
        color: #161616 !important;
        border: 1px solid var(--theme-primary-color);
    }

.footer-fixed {
    width: 100%;
    position: fixed !important;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.gallery-caption {
    display: block;
}

.footer_background {
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background: #020626;
}

footer .elementor-icon-list-item .elementor-icon-list-icon {
    transition: all 0.6s;
}

    footer .elementor-icon-list-item .elementor-icon-list-icon svg {
        margin: 0px !important;
    }

footer .elementor-icon-list-item > a:hover .elementor-icon-list-icon {
    transform: rotate(180deg);
}

.footer .widget_nav_menu .menu-item a::before {
    display: inline-block;
    transition: all 0.6s;
    font-size: 14px;
}

.footer .widget_nav_menu .menu-item a:hover::before {
    transform: rotate(180deg);
}

@keyframes toRight {
    49% {
        transform: translate(100%);
    }

    50% {
        opacity: 0;
        transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

#footer {
    position: relative;
    z-index: 10;
}

.widget:not(:last-child) {
    margin-bottom: 30px;
}

.widget .sub-menu {
    padding-left: 20px;
}

.footer-widgets .wrap-widgets.wrap-widgets-1 {
    padding-right: 38px;
}

    .footer-widgets .wrap-widgets.wrap-widgets-1 .wp-block-group {
        margin-top: 0;
    }

    .footer-widgets .wrap-widgets.wrap-widgets-1 .custom-text-footer {
        margin-bottom: 28px;
    }

        .footer-widgets .wrap-widgets.wrap-widgets-1 .custom-text-footer p {
            margin-top: 28px;
            line-height: 28px;
        }

.footer-widgets .wrap-widgets.wrap-widgets-2 {
    margin-left: 76px;
}

.footer-widgets .wrap-widgets.wrap-widgets-3 {
    margin-left: 38px;
}

.footer-widgets .wrap-widgets.wrap-widgets-4 .wp-widget-group__inner-blocks p {
    margin-top: 29px;
    margin-bottom: 28px;
}

.footer-widgets .wrap-widgets.wrap-widgets-4 .custom-text-footer {
    margin-bottom: 27px;
}

    .footer-widgets .wrap-widgets.wrap-widgets-4 .custom-text-footer p {
        margin-top: 29px;
    }

.footer-widgets .wrap-widgets.wrap-widgets-4 .form-footer {
    border: 1px solid #454750;
    border-radius: 4px;
    padding: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .footer-widgets .wrap-widgets.wrap-widgets-4 .form-footer > input {
        background-color: transparent;
        border-radius: 4px;
        border: 1px solid transparent;
        padding: 13px 24px;
        margin-bottom: 0;
    }

        .footer-widgets .wrap-widgets.wrap-widgets-4 .form-footer > input::placeholder {
            color: #bebebe;
            font-size: 16px;
        }

    .footer-widgets .wrap-widgets.wrap-widgets-4 .form-footer .btn-footer {
        position: relative;
        display: inline-flex;
    }

        .footer-widgets .wrap-widgets.wrap-widgets-4 .form-footer .btn-footer > input {
            border-radius: 3px;
            background: transparent;
            padding: 11px 26px;
            z-index: 1;
        }

        .footer-widgets .wrap-widgets.wrap-widgets-4 .form-footer .btn-footer .icon {
            position: absolute;
            background: var(--theme-primary-color);
            border-radius: 3px;
            top: 0;
            right: 0;
            padding: 11px 13px;
            z-index: 0;
        }

.themesflat-action-box .wrap-action-box {
    display: flex;
    gap: 3.75rem;
    align-items: center;
    padding-top: 85px;
    padding-bottom: 55px;
    border-bottom: 1px solid #454750;
}

    .themesflat-action-box .wrap-action-box .content-left .heading {
        font-size: 150px;
        text-transform: uppercase;
        line-height: 100px;
        font-family: "Plus Jakarta Sans", sans-serif;
        font-weight: 700;
    }

    .themesflat-action-box .wrap-action-box .content-right .tf-btn-ac.button {
        background-color: transparent;
        padding: 0;
        border-radius: 100%;
        transition: all 0.3s;
    }

        .themesflat-action-box .wrap-action-box .content-right .tf-btn-ac.button:hover {
            rotate: 45deg;
        }

        .themesflat-action-box .wrap-action-box .content-right .tf-btn-ac.button img {
            width: 128px;
            height: 128px;
            object-fit: cover;
            border-radius: 100%;
        }

.bottom {
    position: relative;
    text-align: center;
    color: #fff;
    padding: 34px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
}

    .bottom .container-inside {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .bottom .container-inside.hide {
            justify-content: center !important;
        }

        .bottom .container-inside .content-right .menu-bottom ul {
            display: flex;
            gap: 10px;
            align-items: center;
        }

.ft-mailchimp-form > p {
    margin-top: 15px;
    color: rgba(255,255,255,0.55);
}

    .ft-mailchimp-form > p a {
        color: #fff;
        text-decoration: underline;
    }

        .ft-mailchimp-form > p a:hover {
            color: var(--theme-primary-color);
        }

.ft-mailchimp-form .group-form-ip {
    position: relative;
    display: flex;
    align-items: center;
}

    .ft-mailchimp-form .group-form-ip > i {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 25px;
        font-size: 12px;
    }

    .ft-mailchimp-form .group-form-ip input {
        margin: 0;
        border: 1.2px solid #FFFFFF1A;
        background: #FFFFFF08;
        padding-left: 49px;
        font-family: 'Manrope';
        font-size: 12px;
        font-weight: 400;
    }

        .ft-mailchimp-form .group-form-ip input::placeholder {
            color: rgba(255,255,255,0.55);
        }

    .ft-mailchimp-form .group-form-ip button {
        padding: 18.5px 34px 18.5px 39px;
        border-radius: 12px;
        font-family: 'Inter';
        font-size: 16px;
        font-weight: 700;
        line-height: 19.36px;
        margin-left: 30px;
    }

        .ft-mailchimp-form .group-form-ip button i {
            vertical-align: middle;
        }

.custom-text-footer-2 .infor {
    margin-bottom: 26px;
}

    .custom-text-footer-2 .infor .title {
        font-family: 'Inter';
        font-size: 18px;
        font-weight: 600;
        line-height: 21.78px;
        letter-spacing: -0.03em;
        color: #fff;
        margin-bottom: 25px;
    }

    .custom-text-footer-2 .infor p {
        font-family: 'Manrope';
        font-size: 20px;
        font-weight: 600;
        line-height: 35px;
        color: rgba(255,255,255,0.55);
    }

    .custom-text-footer-2 .infor a {
        font-family: 'Manrope';
        font-size: 24px;
        font-weight: 600;
        line-height: 45px;
    }

        .custom-text-footer-2 .infor a:hover {
            color: var(--theme-primary-color);
        }

#footer .widget_nav_menu li a {
    font-family: 'Manrope';
    font-size: 16px;
    font-weight: 400;
    line-height: 48px;
    color: #bebebe;
    position: relative;
}

    #footer .widget_nav_menu li a:hover {
        color: var(--theme-primary-color);
    }

    #footer .widget_nav_menu li a::before {
        content: "\f101";
        font-family: "FontAwesome";
        margin-right: 7px;
    }

footer .widget .widget-title, footer .widget h2, footer .wp-block-search .wp-block-search__label {
    margin-bottom: 18px;
    padding-bottom: 18px;
    position: relative;
}

    footer .widget .widget-title::after, footer .widget h2::after, footer .wp-block-search .wp-block-search__label::after {
        width: 83px;
        height: 2px;
        background: linear-gradient(90deg,var(--theme-primary-color),#161616);
        content: '';
        left: 0;
        bottom: 0;
        position: absolute;
    }

#header {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    border-bottom: 1px solid #454750;
}

.header-sticky {
    -webkit-box-shadow: 0 0 65px rgba(0,0,0,0.09);
    -moz-box-shadow: 0 0 65px rgba(0,0,0,0.09);
    -ms-box-shadow: 0 0 65px rgba(0,0,0,0.09);
    -o-box-shadow: 0 0 65px rgba(0,0,0,0.09);
    box-shadow: 0 0 65px rgba(0,0,0,0.09);
}

#header.header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.03);
}

#header .header-wrap, #header .header-wrap .header-ct-left, #header .header-wrap .header-ct-center, #header .header-wrap .header-ct-right {
    height: 100%;
}

#header .show-search a:hover {
    color: var(--theme-primary-color) !important;
}

#header .header-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    justify-content: center;
}

    #header .header-wrap .header-ct-left {
        flex-grow: 1;
        justify-content: space-between;
        display: flex;
        align-items: center;
    }

    #header .header-wrap .header-ct-center {
        flex-grow: 1;
        justify-content: center;
        display: flex;
        align-items: center;
    }

    #header .header-wrap .header-ct-right {
        flex-grow: 1;
        justify-content: flex-end;
        display: flex;
        align-items: center;
    }

        #header .header-wrap .header-ct-right > *:first-child {
            margin-left: 0;
        }

#header.header-default .inner-header .container {
    max-width: 1320px;
}

#logo a, #logo-mobi a {
    display: inline-block;
}

.logo img, .logo svg, .logo {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}




.header-default #mainnav > ul > li:first-child {
    margin-right: 0;
}

#mainnav > ul > li.menu-item-has-children > a::before {
    content: "\f062";
    font-family: "FontAwesome";
    font-weight: 500;
    font-size: 16px;
    transition: all 0.1s ease;
    transform: rotate(45deg);
    margin-right: 10px;
    display: inline-block;
}

#mainnav > ul > li.menu-item-has-children > a:hover::before {
    transform: rotate(90deg);
}





#mainnav ul.sub-menu {
    box-shadow: rgb(203, 213, 222, 0.20) 0px 8px 24px;
    transition: all 0.2s;
    width: 160px;
}
 
 

#mainnav > ul > li:last-child > ul.sub-menu {
    left: unset;
    right: 0;
}


 

 
#mainnav ul.right-sub-menu {
    left: auto;
    right: 0;
}

#mainnav ul li:hover > ul.sub-menu {
    top: 80%;

    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

 
 




#mainnav ul.sub-menu > li {
    border-top: 1px solid #f7f7f7;
}

    #mainnav ul.sub-menu > li:first-child {
        border-top: 0;
    }

    #mainnav ul.sub-menu > li > a {
        display: block;
        text-decoration: none;
        padding: 10px 20px;
        line-height: normal;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

 
 
.canvas-nav-wrap .inner-canvas-nav {
    width: 320px;
    height: 100%;
    top: 0;
    left: 0px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    position: fixed;
    background-color: #1b1b1b;
    z-index: 999999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.canvas-nav-wrap.active .inner-canvas-nav {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.canvas-nav-wrap .overlay-canvas-nav {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.canvas-nav-wrap.active .overlay-canvas-nav {
    opacity: 1;
    visibility: visible;
}

.canvas-menu-close {
    position: absolute;
    right: 20px;
    top: 30px;
}

    .canvas-menu-close span {
        position: relative;
        background: transparent;
        cursor: pointer;
        display: inline-block;
        width: 26px;
        height: 26px;
    }

        .canvas-menu-close span:before, .canvas-menu-close span:after {
            content: "";
            position: absolute;
            top: 0;
            height: 2px;
            width: 100%;
            left: 0;
            top: 50%;
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            background: #fff;
        }

        .canvas-menu-close span:before {
            -webkit-transform: rotate3d(0,0,1,45deg);
            transform: rotate3d(0,0,1,45deg);
        }

        .canvas-menu-close span:after {
            -webkit-transform: rotate3d(0,0,1,-45deg);
            transform: rotate3d(0,0,1,-45deg);
        }

#header .inner-canvas-nav .logo {
    margin-bottom: 0;
    border-radius: 0;
    justify-content: left;
    min-height: 100%;
}

#header .inner-canvas-nav .group-header-logo {
    background: #1b1b1b;
    box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.08);
    padding: 12px 20px;
    border: unset;
    position: relative;
    margin-bottom: 20px;
}

    #header .inner-canvas-nav .group-header-logo .show-search {
        min-width: unset;
        margin-left: 0px;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

        #header .inner-canvas-nav .group-header-logo .show-search > a {
            width: 36px;
            height: 36px;
            flex-shrink: 0;
            background: var(--theme-primary-rgba);
            color: var(--theme-primary-color);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

#header .inner-canvas-nav .bottom-canvas-nav {
    padding: 20px 20px 20px 20px;
    background: #1b1b1b;
}

#mainnav_canvas, #header .inner-canvas-nav .widget_login_menu_widget, #header .inner-canvas-nav .wrap-btn-mobile, #header .inner-canvas-nav .login-header, #header .inner-canvas-nav .mobile-contact .phone-header-box.phone {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#header .inner-canvas-nav .widget_login_menu_widget {
    margin: 0;
    margin-bottom: 0;
}

#header .inner-canvas-nav .tf-btn {
    width: 100%;
    margin-left: 0;
}

.inner-canvas-nav .logo > a {
    max-width: 180px;
}

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

    #mainnav_canvas ul > li {
        width: 100%;
        position: relative;
        border-top: solid 1px rgba(255,255,255,0.05);
    }

#mainnav_canvas > ul > li:last-child {
    border-bottom: solid 1px rgba(255,255,255,0.2);
}

#mainnav_canvas ul > li:last-child {
    border-bottom: solid 1px transparent;
}

#mainnav_canvas ul li a {
    font-weight: 600;
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 10px 50px 10px 0px;
    text-align: left;
    color: #fff;
}

    #mainnav_canvas ul li a > span {
        background: var(--theme-primary-color);
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        border-radius: 5px;
        padding: 5px 7px;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        line-height: 1;
    }

#mainnav_canvas ul .sub-menu {
    padding: 15px 20px;
    border-radius: 10px;
}

#mainnav_canvas .sub-menu a {
    padding: 5px 0px;
    font-weight: 400;
}

#mainnav_canvas ul li.current_page_item > a, #mainnav_canvas ul li.current-menu-item > a, #mainnav_canvas ul li.current-menu-ancestor > a, #mainnav_canvas ul li.current-menu-parent > a {
    color: var(--theme-primary-color);
}

#header {
    width: 100%;
    z-index: 999;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.header_sticky #header.fixed-show {
    z-index: 100;
    position: fixed;
    top: -100px;
    width: 100%;
}

.header_sticky #header.header-sticky.fixed-show {
    top: 0;
}

.header_sticky #header.header-sticky.header-style1 .logo {
    min-width: auto;
    min-height: auto;
    background: transparent;
    margin-top: 0;
    box-shadow: unset;
}

#mainnav > ul > li > a {
    white-space: nowrap;
}

#header, #mainnav > ul > li > a, #header .show-search a, header .block a, .button-menu {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
}

.header-absolute .header-boxed, .header_style_absolute .header-boxed {
    position: absolute;
    width: 100%;
    z-index: 999;
}

.header-absolute .header.widget-header .nav .header-wrap, .header_style_absolute .header.widget-header .nav .header-wrap {
    border-bottom: 1px solid rgba(255,255,255,0);
}

.header_style_absolute #header.header-default {
    background: transparent;
    box-shadow: unset;
}

#mainnav-mobi {
    display: block;
    margin: 0 auto;
    width: 100%;
    z-index: 1000;
    position: absolute;
}

    #mainnav-mobi ul {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #mainnav-mobi ul {
        background-color: #222;
    }

        #mainnav-mobi ul li {
            margin: 0;
            position: relative;
            text-align: center;
            border-top: 1px solid rgba(255,255,255,0.05);
            cursor: pointer;
            background-color: #222;
        }

        #mainnav-mobi ul ul li {
            background-color: #252525;
        }

        #mainnav-mobi ul ul ul li {
            background-color: #292929;
        }

        #mainnav-mobi ul > li > a {
            text-decoration: none;
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            color: #b1b1b1;
        }

        #mainnav-mobi ul.sub-menu {
            top: 100%;
            left: 0;
            z-index: 2000;
            position: relative;
        }

            #mainnav-mobi ul.sub-menu > li > a {
                display: block;
                text-decoration: none;
                padding: 0 15px;
                border-top-color: rgba(255,255,255,0.1);
                -webkit-transition: all 0.2s ease-out;
                -moz-transition: all 0.2s ease-out;
                -o-transition: all 0.2s ease-out;
                transition: all 0.2s ease-out;
            }

        #mainnav-mobi ul li ul li ul li a {
            padding-left: 45px !important;
        }

    #mainnav-mobi > ul > li > ul > li:first-child a {
        border-top: none;
    }

.btn-menu {
    flex-shrink: 0;
    display: none;
    float: right;
    position: relative;
    background: transparent;
    cursor: pointer;
    margin: 32px 0px 32px 20px;
    width: 35px;
    height: 20px;
    -webkit-transition: all ease 0.238s;
    -moz-transition: all ease 0.238s;
    transition: all ease 0.238s;
}

    .btn-menu:before, .btn-menu:after, .btn-menu span {
        background-color: #fff;
        -webkit-transition: all ease 0.238s;
        -moz-transition: all ease 0.238s;
        transition: all ease 0.238s;
    }

    .btn-menu:before, .btn-menu:after {
        content: "";
        position: absolute;
        top: 0;
        height: 3px;
        width: 30px;
        right: 0;
        top: 50%;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    .btn-menu span {
        position: absolute;
        width: 100%;
        height: 3px;
        left: 0;
        top: 50%;
        overflow: hidden;
        text-indent: 200%;
    }

        .btn-menu span.line-1 {
            top: 50%;
        }

        .btn-menu span.line-2 {
            top: 60%;
        }

    .btn-menu:before {
        -webkit-transform: translate3d(0,-9px,0);
        transform: translate3d(0,-9px,0);
    }

    .btn-menu:after {
        -webkit-transform: translate3d(0,9px,0);
        transform: translate3d(0,9px,0);
    }

    .btn-menu.active span {
        opacity: 0;
    }

    .btn-menu.active:before {
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
    }

    .btn-menu.active:after {
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
    }

.mainnav_canvas .btn-submenu {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    cursor: pointer;
    width: 30px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mainnav_canvas .sub-menu .btn-submenu {
    height: 30px;
}

.mainnav_canvas .btn-submenu.active {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.mainnav_canvas .btn-submenu:before {
    content: "";
    height: 6px;
    width: 6px;
    display: inline-block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #fff #fff transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
}

.btn-menu {
    display: none;
}

#header .tf-btn {
    margin-left: 30px;
    color: #fff;
}

header .header-infor-phone {
    font-family: Inter;
    letter-spacing: -0.11em;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    gap: 6px;
    align-items: center;
    margin-left: 30px;
    color: #fff;
}

    header .header-infor-phone .icon {
        color: var(--theme-primary-color);
    }

#header.header-default.style-absolute {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

    #header.header-default.style-absolute .inner-header .container {
        max-width: 1802px;
    }

    #header.header-default.style-absolute .header-infor-phone i {
        color: var(--theme-primary-color);
    }

    #header.header-default.style-absolute .header-modal-menu-left-btn {
        margin-left: 50px;
        column-gap: 15px;
    }

        #header.header-default.style-absolute .header-modal-menu-left-btn > span {
            font-family: 'Inter';
            font-size: 16px;
            font-weight: 600;
            line-height: 19.36px;
            letter-spacing: -0.03em;
            color: #222;
            cursor: pointer;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            #header.header-default.style-absolute .header-modal-menu-left-btn > span:hover {
                color: var(--theme-primary-color);
            }

    #header.header-default.style-absolute #mainnav > ul > li > a {
        position: relative;
    }

        #header.header-default.style-absolute #mainnav > ul > li > a::before {
            content: '';
            height: 1px;
            width: 100%;
            background: currentColor;
            position: absolute;
            bottom: -1px;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
            visibility: hidden;
            width: 0%;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

        #header.header-default.style-absolute #mainnav > ul > li > a:hover::before {
            width: 100%;
            visibility: visible;
            opacity: 1;
        }

        #header.header-default.style-absolute #mainnav > ul > li > a:hover, #header.header-default.style-absolute #mainnav > ul > li.current-menu-parent > a, #header.header-default.style-absolute #mainnav > ul > li.current-menu-item > a {
            width: 100%;
            visibility: visible;
            opacity: 1;
        }

#header.header-02 {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-left: 58px;
}

    #header.header-02 .inner-header .container {
        max-width: 1802px;
    }

    #header.header-02 .header-modal-menu-left-btn {
        margin-left: 0;
        column-gap: 15px;
        height: 100%;
        background: var(--theme-primary-color);
        padding: 0 51px;
        margin-right: -12px;
    }

        #header.header-02 .header-modal-menu-left-btn > span {
            font-family: 'Inter';
            font-size: 16px;
            font-weight: 600;
            line-height: 19.36px;
            letter-spacing: -0.03em;
            color: #fff;
            cursor: pointer;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

        #header.header-02 .header-modal-menu-left-btn .line {
            background: #fff;
        }

    #header.header-02 .show-search {
        border-left: 1px solid rgba(255,255,255,0.2);
        padding: 0 40px;
        font-size: 18px;
        margin-left: 40px;
    }

    #header.header-02 .inner-center .nav-wrap {
        background: #fff;
        padding: 3px 50px;
        margin-bottom: -6px;
        margin-left: 30px;
    }

.page-title {
    position: relative;
    padding: 28px 0 22px;
    overflow: hidden;
    background-position: center 85%;
    background-repeat: no-repeat;
    z-index: 1;
}

    .page-title .shape1 {
        position: absolute;
        left: 8px;
        bottom: 2%;
        max-width: 211px;
    }

    .page-title .shape2 {
        position: absolute;
        right: 40px;
        top: 35%;
        max-width: 130px;
        animation: updown 6s linear infinite;
    }

.breadcrumbs span.trail-browse {
    position: relative;
    margin-right: 5px;
}

.breadcrumbs span.sep {
    text-align: center;
    vertical-align: middle;
    margin: 0 10px;
    font-size: 16px;
}

    .breadcrumbs span.sep i {
        rotate: 45deg;
        color: #fff;
    }

.breadcrumbs span a, .breadcrumbs a, .breadcrumbs span {
    color: #999;
    position: relative;
    font-size: 18px;
    font-weight: 500;
}

.breadcrumbs .trail-end span {
    text-transform: capitalize;
}

.breadcrumbs span a span {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
}

.page-title h1 {
    margin-bottom: 30px;
 
}

 
 

.page-title.center .page-title-container h1, .page-title.center .breadcrumbs {
    text-align: center;
}

 
 
 

    .themesflat-portfolio-taxonomy .portfolio-post .featured-post {
        margin-bottom: 28px;
    }

    .themesflat-portfolio-taxonomy .portfolio-post .title {
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        text-transform: capitalize;
        letter-spacing: 1px;
        margin-bottom: 0px;
    }

    .themesflat-portfolio-taxonomy .portfolio-post .title {
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        text-transform: capitalize;
        letter-spacing: 1px;
        margin-bottom: 0px;
    }

        .themesflat-portfolio-taxonomy .portfolio-post .title a {
            color: #1b1b1b;
        }

            .themesflat-portfolio-taxonomy .portfolio-post .title a:hover {
                color: var(--theme-primary-color);
            }

    .themesflat-portfolio-taxonomy .portfolio-post .inner {
        display: flex;
        flex-wrap: nowrap;
        gap: 20px;
        align-items: center;
        justify-content: space-between;
        transition: all 0.3s ease-in-out;
    }

    .themesflat-portfolio-taxonomy .portfolio-post:hover .inner {
        transform: scale(0.9);
    }

    .themesflat-portfolio-taxonomy .portfolio-post .portfolio-category a {
        font-family: 'Manrope';
        font-size: 16px;
        font-weight: 600;
    }

        .themesflat-portfolio-taxonomy .portfolio-post .portfolio-category a:hover {
            color: var(--theme-primary-color);
        }

    .themesflat-portfolio-taxonomy .portfolio-post .portfolio-category {
        margin-bottom: 21px;
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .themesflat-portfolio-taxonomy .portfolio-post .tf-button {
        font-size: 16px;
        font-weight: 600;
        font-family: 'Inter';
    }

        .themesflat-portfolio-taxonomy .portfolio-post .tf-button i {
            font-weight: 700;
            vertical-align: middle;
            font-size: 16px;
            rotate: -30deg;
        }

    .themesflat-portfolio-taxonomy .portfolio-post .portfolio-category a::after {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f062";
        margin-left: 11px;
        rotate: 60deg;
        display: inline-block;
        transition: all 0.3s ease-in-out;
    }

    .themesflat-portfolio-taxonomy .portfolio-post .portfolio-category a {
        border: 1px solid #e9ecef;
        color: #1b1b1b;
        padding: 8px 16px;
        border-radius: 100px;
        display: inline-block;
    }

.tf-portfolio-wrap .portfolio-post .featured-post {
    margin-bottom: 28px;
}

    .tf-portfolio-wrap .portfolio-post .featured-post > a {
        display: block;
        overflow: hidden;
    }

    .tf-portfolio-wrap .portfolio-post .featured-post > a {
        display: block;
        overflow: hidden;
    }

.themesflat-portfolio-taxonomy .portfolio-post .featured-post img {
    height: 505px;
    object-fit: cover;
    width: 100%;
}

@media (max-width: 991px) {
    .themesflat-portfolio-taxonomy .portfolio-post .featured-post img {
        height: auto;
    }
}

@media (max-width: 767px) {
    .themesflat-portfolio-taxonomy .wrap-portfolio-post .item {
        padding: 15px;
        width: 100%;
    }

    .single-portfolio .port-single .group-infor-portfolio .featured-post img {
        height: auto;
    }

    .single-portfolio .port-single .case-content-box {
        padding: 2.5rem 1rem !important;
    }

    .single-portfolio .port-single .interesting-fact .title {
        font-size: 40px;
    }
}

.themesflat-services-taxonomy .wrap-services-post {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

    .themesflat-services-taxonomy .wrap-services-post .item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 15px;
    }

.themesflat-services-taxonomy .services-post {
    background: #161616;
    border-radius: 12px;
    padding: 2.25rem;
}

    .themesflat-services-taxonomy .services-post .content .inner-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 23px;
    }

        .themesflat-services-taxonomy .services-post .content .inner-top .counter-number {
            font-size: 50px;
            font-weight: 600;
            font-family: "Plus Jakarta Sans", sans-serif;
            color: #fff;
            opacity: 15%;
            transition: all 0.3s ease-in-out;
        }

    .themesflat-services-taxonomy .services-post:hover .content .inner-top .counter-number {
        opacity: 1;
    }

    .themesflat-services-taxonomy .services-post .title {
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 17px;
    }

    .themesflat-services-taxonomy .services-post .icon-services {
        font-size: 60px;
        display: inline-block;
    }

        .themesflat-services-taxonomy .services-post .icon-services > * {
            position: relative;
            z-index: 10;
        }

    .themesflat-services-taxonomy .services-post .tf-button-container a i {
        margin-left: 10px;
        rotate: -30deg;
        display: inline-block;
        transition: all 0.3s ease-in-out;
    }

    .themesflat-services-taxonomy .services-post .tf-button-container a:hover i {
        rotate: 0deg;
    }

    .themesflat-services-taxonomy .services-post .tf-button-container a {
        font-size: 16px;
        font-weight: 700;
        line-height: 19.36px;
        color: #fff;
        position: relative;
        display: inline-block;
    }

        .themesflat-services-taxonomy .services-post .tf-button-container a:hover {
            color: var(--theme-primary-color);
        }

    .themesflat-services-taxonomy .services-post .description {
        margin-bottom: 22px;
        color: #fff;
    }

.single-services .tf-service-details .service-details-header .featured-post {
    margin-bottom: 3rem;
}

    .single-services .tf-service-details .service-details-header .featured-post img {
        width: 100%;
    }

.single-services .tf-service-details .service-details-header .post-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 2.25rem;
}

.single-services .tf-service-details .service-details-header .services-category {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap;
    align-items: center;
}

    .single-services .tf-service-details .service-details-header .services-category a {
        border: 1px solid #454750;
        color: var(--theme-primary-color);
        border-radius: 100px;
        padding: 0.5rem 1rem;
    }

.single-page .posts-navigation .nav-links .redirect-home:before {
    content: 'Services';
}

@media only screen and (max-width: 991px) {
    .themesflat-services-taxonomy .wrap-services-post .item {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

@media only screen and (max-width: 767px) {
    .themesflat-services-taxonomy .wrap-services-post .item {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

.themesflat-team-taxonomy .wrap-team-post {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 30px;
    column-gap: 30px;
}

.themesflat-team-taxonomy .paging-navigation {
    display: block;
    text-align: center;
    padding-top: 60px;
}

.single-team #themesflat-content {
    padding-top: 130px;
    padding-bottom: 130px;
}

.themesflat-team-taxonomy .team-post .list-social li a i:before {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
}

.themesflat-team-taxonomy .team-post {
    position: relative;
}

    .themesflat-team-taxonomy .team-post .featured-post {
        position: relative;
    }

        .themesflat-team-taxonomy .team-post .featured-post img {
            height: 340px;
            width: 100%;
            object-fit: cover;
        }

        .themesflat-team-taxonomy .team-post .featured-post > a {
            display: block;
            overflow: hidden;
        }

    .themesflat-team-taxonomy .team-post .content {
        padding: 20px 15px 12px 15px;
        background: radial-gradient(267.9% 200.83% at 47.19% -80%,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%);
        opacity: 0.8;
        backdrop-filter: blur(21px);
        border-radius: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 16px;
        width: 90%;
        text-align: center;
    }

    .themesflat-team-taxonomy .team-post .title {
        font-size: 21px;
        font-weight: 700;
        line-height: 120%;
    }

    .themesflat-team-taxonomy .team-post .team-category {
        margin-bottom: 8px;
        display: block;
    }

    .themesflat-team-taxonomy .team-post .list-social {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
        column-gap: 10px;
        row-gap: 10px;
        position: absolute;
        top: 20px;
        right: 20px;
        transform: scale(0);
        transition: all 0.5s;
    }

    .themesflat-team-taxonomy .team-post:hover .list-social {
        transform: scale(1);
    }

    .themesflat-team-taxonomy .team-post .list-social a {
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: all 0.3s ease-in-out;
    }

        .themesflat-team-taxonomy .team-post .list-social a:hover {
            background: var(--theme-primary-color);
            border: 1px solid var(--theme-primary-color);
            color: #000;
        }

.team-details-box {
    border-radius: 12px;
    border: 1px solid #454750;
    padding: 1.75rem;
    gap: 1.75rem;
}

    .team-details-box .thumb {
        margin-bottom: 16px;
    }

        .team-details-box .thumb img {
            width: 730px;
            border-radius: 15px;
            height: 464px;
            object-fit: cover;
        }

    .team-details-box .content {
        width: 100%;
    }

        .team-details-box .content .team-title {
            margin-bottom: 1rem;
            font-size: 30px;
            font-weight: 700;
            line-height: 130%;
        }

        .team-details-box .content .pra-clr {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }

            .team-details-box .content .pra-clr a {
                color: #bebebe;
            }

        .team-details-box .content .des {
            margin-top: 1rem;
            color: #bebebe;
        }

        .team-details-box .content .leslie-info {
            border-top: 1px solid #454750;
            border-bottom: 1px solid #454750;
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
            margin-top: 2rem;
            margin-bottom: 2rem;
            gap: 1.75rem;
        }

        .team-details-box .content .list-social {
            display: flex;
            align-items: center;
            gap: .5rem;
        }

            .team-details-box .content .list-social li a {
                width: 36px;
                min-width: 36px;
                height: 36px;
                display: block;
                border: 1px solid #454750;
                transition: all 0.5s;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .team-details-box .content .list-social li a i::before {
                    font-family: "Font Awesome 6 Brands";
                    font-style: normal;
                }

@media only screen and (max-width: 991px) {
    .themesflat-team-taxonomy .wrap-team-post {
        grid-template-columns: auto auto;
    }

    .single-team #themesflat-content, .post-type-archive-team #themesflat-content, .tax-team_category #themesflat-content {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .team-details-box .thumb img {
        width: 100%;
        height: auto;
    }

    .team-details-box .thumb {
        margin-bottom: 0px;
    }

    .team-details-box .content .pra-clr {
        justify-content: center;
    }

    .team-details-box .content .list-social {
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {
    .themesflat-team-taxonomy .wrap-team-post {
        grid-template-columns: auto;
    }
}

.go-top {
    position: fixed !important;
    right: -100px;
    bottom: 82px;
    width: 50px;
    height: 50px;
    border: 4px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-primary-color);
    color: #fff;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    overflow: hidden;
}

    .go-top.show {
        right: 15px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        visibility: visible;
        z-index: 9999;
    }

    .go-top i {
        font-size: 12px;
        color: #1c1c1e;
        font-weight: 600;
        transition: all ease 0.3s;
    }

    .go-top:hover {
        background: #1c1c1e;
        color: #fff;
    }

        .go-top:hover i {
            animation: 1s tf-buzz-out alternate linear infinite;
        }

.show-search {
    position: relative;
    min-width: 20px;
    margin-left: 36px;
    z-index: 10;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 18px;
}

    .show-search > a i {
        font-weight: 300;
    }

    .show-search a {
        position: relative;
    }

    .show-search.active a > .fa-search:before {
        content: "\f00d";
    }

.top-search {
    line-height: normal;
    position: absolute;
    right: 0px;
    top: 120%;
    width: 300px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .top-search.show {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        top: 100%;
    }

    .top-search .search-submit {
        background: transparent;
        padding: 0;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--theme-primary-color);
        right: 15px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

        .top-search .search-submit:hover {
            color: var(--theme-primary-color);
        }

    .top-search .search-form {
        position: relative;
    }

        .top-search .search-form label {
            margin: 0;
            display: block;
        }

        .top-search .search-form input {
            border: 1px solid #0206261A;
            border-radius: 12px;
            background: #fff;
            margin: 0;
        }

.header-modal-menu-left-btn {
    display: flex;
    align-items: center;
    margin-left: 31px;
}

    .header-modal-menu-left-btn .text {
        text-transform: uppercase;
        margin-right: 15px;
    }

.modal-menu-left-btn {
    position: relative;
    cursor: pointer;
    margin: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 50%;
    width: 50px;
    min-width: 50px;
    height: 50px;
    background: #161616;
    justify-content: center;
    padding: 12px;
}

    .modal-menu-left-btn:hover .line--2 {
        width: 15px !important;
    }

    .modal-menu-left-btn:hover .line {
        background: var(--theme-primary-color);
    }

    .modal-menu-left-btn .line {
        padding: 0;
        width: 23px;
        background: #fff;
        height: 3px;
        margin: 2px 0;
        border-radius: 4px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.modal-menu-left {
    visibility: hidden;
    transition: visibility 0s .25s;
}

    .modal-menu-left .modal-menu__panel-header {
        margin-top: 70px;
    }

    .modal-menu-left .modal-menu__close {
        background-color: transparent;
        color: var(--theme-primary-color);
        transform: rotate(0deg);
        font-size: 40px;
        position: absolute;
        padding: 0;
        left: 70%;
        top: 20px;
    }

        .modal-menu-left .modal-menu__close:hover {
            transform: rotate(90deg);
        }

    .modal-menu-left .sidebar-content > p {
        font-size: 14px;
        margin-bottom: 40px;
    }

    .modal-menu-left .sidebar-content .address {
        font-size: 16px;
        font-family: "Manrope", sans-serif;
    }

    .modal-menu-left .sidebar-content .list {
        margin-bottom: 20px;
    }

    .modal-menu-left .cmn-btn {
        padding: 13px 20px;
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 40px;
        border: 1px solid #454750;
    }

        .modal-menu-left .cmn-btn .icons {
            transform: rotate(45deg);
            transition: all 0.4s;
            display: inline-block;
            margin-right: 7px;
        }

.modal-menu--open {
    visibility: visible;
    transition-delay: 0s;
}

.modal-menu__backdrop, .modal-menu__body {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
}

.modal-menu__body {
    left: auto;
    right: 0;
}

.modal-menu__backdrop {
    right: 0;
    background: #151515;
    opacity: 0;
    will-change: opacity;
    transition: opacity .25s cubic-bezier(.25,.46,.45,.94);
}

.modal-menu-left .modal-menu__body {
    width: 350px;
    -webkit-transform: translateX(calc(180%));
    -moz-transform: translateX(calc(180%));
    -ms-transform: translateX(calc(180%));
    -o-transform: translateX(calc(180%));
    transform: translateX(calc(180%));
    -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
    -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
    transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
    height: 100%;
    border-left: 4px solid var(--theme-primary-color);
}

.modal-menu--open .modal-menu__backdrop {
    opacity: 0.8;
}

.modal-menu--open .modal-menu__body {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.modal-menu__panel {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #161616;
    z-index: 1;
    transition: transform .25s cubic-bezier(.25,.46,.45,.94);
}

.modal-menu__panel-back, .modal-menu__panel-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.modal-menu__panel-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 90px;
    padding: 10px 20px;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #161616;
}

    .modal-menu__panel-header .site-logo {
        max-width:300px;
    }

.modal-menu__panel-title {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-menu__panel-body {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 10px 20px;
}

    .modal-menu__panel-body .widget .widget-title {
        color: #fff;
        margin-bottom: 20px;
    }

    .modal-menu__panel-body .widget .gallery-item {
        padding: 0 5px;
        margin: 0 0 10px 0;
    }

    .modal-menu__panel-body .widget > .gallery {
        margin: 0 -5px;
    }

    .modal-menu__panel-body .widget {
        margin-bottom: 30px;
    }

        .modal-menu__panel-body .widget ul li {
            padding-top: 3px;
            padding-bottom: 3px;
        }

        .modal-menu__panel-body .widget > ul > li {
            padding-left: 0px;
        }

        .modal-menu__panel-body .widget.widget_categories ul li {
            font-size: 14px;
        }

        .modal-menu__panel-body .widget.widget-recent-news .text h6, .modal-menu__panel-body .widget.widget_latest_news .text h6 {
            font-weight: 500;
        }

            .modal-menu__panel-body .widget.widget-recent-news .text h6 a, .modal-menu__panel-body .widget.widget_latest_news .text h6 a, .modal-menu__panel-body .widget.widget-recent-news li .text .post-date, .modal-menu__panel-body .widget.widget_latest_news li .text .post-date {
                color: #fff;
            }

        .modal-menu__panel-body .widget.widget-recent-news .text h6, .modal-menu__panel-body .widget.widget_latest_news .text h6 {
            margin-bottom: 0;
        }

    .modal-menu__panel-body .widget_search .widget-title {
        margin-bottom: 20px;
    }

    .modal-menu__panel-body .widget.widget_tag_cloud .tagcloud a {
        margin-bottom: 4px;
    }

    .modal-menu__panel-body .widget_calendar nav span {
        color: #fff;
    }

    .modal-menu__panel-body .widget_calendar table td, .modal-menu__panel-body .widget_calendar table tr, .modal-menu__panel-body .widget_calendar table th, .modal-menu__panel-body .widget_calendar table > caption {
        font-size: 14px;
    }

.widget_search .widget-title {
    margin-bottom: 30px;
}

.widget_search form {
    width: 100%;
    position: relative;
    margin: 0;
}

    .widget_search form label {
        display: block;
        margin-bottom: 10px;
    }

    .widget_search form button, .wp-block-search .wp-block-search__button {
        width: 60px;
        height: 100%;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        background: none;
        box-shadow: none;
        border: 0;
        outline: none !important;
        border-radius: 0rem;
        text-align: center;
        color: var(--theme-primary-color);
        font-size: 20px;
        background: transparent;
    }

        .wp-block-search .wp-block-search__button:hover::after {
            color: var(--theme-primary-color);
        }

        .widget_search form button svg, .wp-block-search .wp-block-search__button svg {
            fill: #fff;
            transform: rotate(-90deg);
        }

.wp-block-search .wp-block-search__inside-wrapper {
    position: relative;
}

.wp-block-search .wp-block-search__button {
    text-indent: -99999px;
    margin: 0;
    z-index: 1;
}

    .wp-block-search .wp-block-search__button::placeholder {
        color: #1c1c1e;
    }

.widget_search form button:hover {
    color: var(--theme-primary-color);
}

.wp-block-search .wp-block-search__inside-wrapper button:after {
    all: unset;
    font-family: "Font Awesome 6 Pro";
    content: "\f002";
    color: var(--theme-primary-color);
    text-indent: 0;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    font-size: 16px;
    z-index: 1;
    font-weight: 400;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.wp-block-search .wp-block-search__inside-wrapper button::before {
    display: none;
}

.wp-block-search .wp-block-search__inside-wrapper button:hover {
    background-color: transparent;
}

#header .widget_search form button:hover {
    color: #fff;
}

.widget_search form input[type="search"], .wp-block-search .wp-block-search__input {
    margin-bottom: 0;
    padding: 17px 60px 18px 20px;
    border: none;
    border-radius: 3px;
    border: 1px solid #414141;
    color: #bebebe;
    background: #000;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 400;
}

    .widget_search form input[type="search"]::placeholder, .wp-block-search .wp-block-search__input::placeholder {
        color: #1b1b1b;
    }

.widget_search form input::placeholder, .widget_search form input:-moz-placeholder, .widget_search form input::-moz-placeholder, .widget_search form input:-ms-input-placeholder, .widget_search form input::-webkit-input-placeholder {
    color: #696969;
}

.widget_search .wp-block-search__label {
    margin-bottom: 29px;
}

.sidebar > .widget:not(:last-child) {
    margin-bottom: 40px;
}

.sidebar .wp-block-heading, .sidebar .widget .widget-title {
    margin-bottom: 28px;
}

.wp-block-categories li {
    display: flex;
    align-items: center;
    position: relative;
}

    .wp-block-categories li:not(:last-child) {
        margin-bottom: 12px;
    }

    .wp-block-categories li a {
        font-family: 'Inter';
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        color: #fff;
        padding-left: 11px;
    }

        .wp-block-categories li a:hover {
            color: var(--theme-primary-color);
        }

        .wp-block-categories li a::before {
            width: 4px;
            height: 4px;
            border-radius: 100%;
            background-color: #fff;
            content: '';
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
        }

.widget-recent-news .recent-news li {
    display: flex;
    align-items: center;
}

    .widget-recent-news .recent-news li:not(:last-child) {
        margin-bottom: 28px;
        padding-bottom: 27px;
        border-bottom: 1px solid #454750;
    }

    .widget-recent-news .recent-news li:hover img {
        transform: scale(1.05);
    }

    .widget-recent-news .recent-news li .thumb {
        position: relative;
        width: 78px;
        flex-shrink: 0;
        margin-right: 21px;
        overflow: hidden;
    }

        .widget-recent-news .recent-news li .thumb img {
            height: 80px;
            width: 78px;
            object-fit: cover;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .widget-recent-news .recent-news li .text .post-date {
        font-family: 'Manrope';
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        color: #bebebe;
        margin-bottom: 7px;
    }

    .widget-recent-news .recent-news li .text h6 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        font-family: "Manrope", sans-serif;
        line-height: 28px;
        margin: 0;
        font-size: 16px !important;
        font-weight: 600;
        color: #fff;
        text-transform: none;
    }

.wp-block-tag-cloud {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 20px;
}

    .wp-block-tag-cloud a {
        font-family: 'Manrope';
        font-size: 16px !important;
        font-weight: 400;
        line-height: 30px;
        color: #696969;
        text-transform: capitalize;
    }

        .wp-block-tag-cloud a:hover {
            color: var(--theme-primary-color);
        }

.widget-banner-thumb {
    position: relative;
    overflow: hidden;
    padding: 50px 40px 60px 51px;
}

    .widget-banner-thumb:hover .overlay-img img {
        transform: scale(1.05);
    }

    .widget-banner-thumb .overlay-img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
    }

        .widget-banner-thumb .overlay-img::after {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: '';
            background-color: #020626A6;
            width: 100%;
            height: 100%;
        }

        .widget-banner-thumb .overlay-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .widget-banner-thumb h4 {
        font-size: 30px;
        font-weight: 300;
        line-height: 40px;
        letter-spacing: -0.03em;
        color: #fff;
        margin-bottom: 76px;
    }

        .widget-banner-thumb h4 span {
            font-weight: 600;
        }

    .widget-banner-thumb p {
        font-family: 'Manrope';
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        color: #fff;
        margin-bottom: 34px;
    }

    .widget-banner-thumb a {
        background: #d2a98e;
        padding: 18px 34px;
        display: inline-block;
    }

        .widget-banner-thumb a:hover {
            background: var(--theme-primary-color);
        }

.author-post {
    background: #f6f2ed;
    padding: 34px 30px 35px 40px;
}

    .author-post .author-body {
        display: flex;
        align-items: center;
    }

    .author-post .author-avatar {
        flex-shrink: 0;
        margin-right: 41px;
    }

        .author-post .author-avatar img {
            width: 130px;
            height: 130px;
            border-radius: 50%;
        }

    .author-post .info h4 {
        margin-bottom: 11px;
    }

    .author-post .info .themesflat-socials {
        display: flex;
        align-items: center;
        column-gap: 15px;
        row-gap: 10px;
    }

        .author-post .info .themesflat-socials a {
            color: #696969;
        }

            .author-post .info .themesflat-socials a:hover {
                color: var(--theme-primary-color);
            }

    .author-post .info .intro {
        color: #696969;
        margin-bottom: 15px;
    }

.tfmouseCursor {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: 50%;
    transform: translateZ(0);
    visibility: hidden;
    text-align: center;
}

    .tfmouseCursor.cursor-outer {
        margin-left: -18px;
        margin-top: -18px;
        width: 35px;
        height: 35px;
        background: var(--theme-primary-color);
        box-sizing: border-box;
        z-index: 10000000;
        opacity: .2;
        transition: all 0.2s ease-out;
    }

        .tfmouseCursor.cursor-outer.cursor-hover {
            width: 70px;
            height: 70px;
            margin-left: -35px;
            margin-top: -35px;
            opacity: .1;
        }

    .tfmouseCursor.cursor-inner {
        margin-left: -4px;
        margin-top: -4px;
        width: 8px;
        height: 8px;
        z-index: 10000001;
        background-color: var(--theme-primary-color);
        transition: width 0.2s ease-in-out, height 0.2s ease-in-out, margin 0.2s ease-in-out, opacity 0.2s ease-in-out;
    }

        .tfmouseCursor.cursor-inner.cursor-hover {
            opacity: 0;
        }

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.preloader {
    align-items: center;
    cursor: default;
    display: flex;
    height: 100%;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
    background-color: #1b1b1b;
}

    .preloader .animation-preloader {
        z-index: 1000;
    }

        .preloader .animation-preloader .spinner {
            animation: spinner 1s infinite linear;
            border-radius: 50%;
            border: 3px solid #e9ecef;
            border-top-color: var(--theme-primary-color);
            height: 9em;
            margin: 0 auto 3.5em auto;
            width: 9em;
        }

@media (max-width: 767px) {
    .preloader .animation-preloader .spinner {
        width: 7.5em;
        height: 7.5em;
        margin: 0 auto 1.5em auto;
    }
}

.preloader .animation-preloader .txt-loading {
    font: bold 5em "Plus Jakarta Sans", sans-serif, "Manrope", sans-serif;
    text-align: center;
    user-select: none;
}

@media (max-width: 767px) {
    .preloader .animation-preloader .txt-loading {
        font-size: 2.5em;
    }
}

.preloader .animation-preloader .txt-loading .letters-loading {
    letter-spacing: 10px;
    text-transform: uppercase;
    position: relative;
    font-size: 80px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--theme-primary-color);
    color: transparent;
    transition: all 0.5s;
    -webkit-text-fill-color: transparent;
    animation: shine 3s infinite !important;
    -webkit-mask-image: linear-gradient(-75deg,rgba(56,75,255,0.15) 50%,#384bff 50%,rgba(56,75,255,0.15) 100%);
    -webkit-mask-size: 200%;
}

@media (max-width: 767px) {
    .preloader .animation-preloader .txt-loading .letters-loading {
        font-size: 42px;
    }
}

.preloader p {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 8px;
    color: var(--theme-primary-color);
}

.preloader .loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
    pointer-events: none;
}

    .preloader .loader .row {
        height: 100%;
    }

    .preloader .loader .loader-section {
        padding: 0px;
    }

        .preloader .loader .loader-section .bg {
            background-color: #1b1b1b;
            height: 100%;
            left: 0;
            width: 100%;
            transition: all 800ms cubic-bezier(0.77,0,0.175,1);
        }

.preloader.loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}

.preloader.loaded .loader-section .bg {
    width: 0;
    transition: 0.7s 0.3s allcubic-bezier(0.1,0.1,0.1,1);
}

@keyframes textani {
    100% {
        transform: rotate(390deg);
    }
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes letters-loading {
    0%,75%,100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    25%,50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@keyframes letters-loading {
    0%,75%,100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    25%,50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@keyframes loaderspin {
    0% {
        transform: translate(-50%,-50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%,-50%) rotate(360deg);
    }
}

.pulse-loader {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0px auto;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.double-bounce3, .double-bounce4 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--theme-primary-color);
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce4 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.double-bounce5, .double-bounce6 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #222;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce6 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
    0%,100% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bounce {
    0%,100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

.testimonial-style-home2 .tf-testimonial-carousel .item {
    background: #252843;
    padding: 50px 60px 50px 70px;
    display: flex;
    flex-direction: column;
}

    .testimonial-style-home2 .tf-testimonial-carousel .item .image-quote {
        order: 3;
        max-width: 152.54px;
    }

    .testimonial-style-home2 .tf-testimonial-carousel .item .description {
        order: 2;
    }

    .testimonial-style-home2 .tf-testimonial-carousel .item .wrap-author {
        order: 1;
    }

        .testimonial-style-home2 .tf-testimonial-carousel .item .wrap-author .avatar {
            max-width: 70px;
        }

            .testimonial-style-home2 .tf-testimonial-carousel .item .wrap-author .avatar img {
                max-width: 70px;
            }

            .testimonial-style-home2 .tf-testimonial-carousel .item .wrap-author .avatar .name {
                margin-left: 30px;
            }

.themesflat-shortcode-socials {
    display: flex;
    gap: 0.5rem;
}

    .themesflat-shortcode-socials li a {
        width: 36px;
        min-width: 36px;
        height: 36px;
        display: block;
        border: 1px solid #454750;
        transition: all 0.5s;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .themesflat-shortcode-socials li a:hover {
            background-color: var(--theme-primary-color);
            color: #000 !important;
        }

select {
    color: #000 !important;
    background-position: calc(92.5%) 50%, calc(94%) 50%, 100% 0 !important;
}

.error-404 .error-404-text {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .error-404 .error-404-text h1 {
        font-size: 55px;
        line-height: 125%;
        font-weight: 700;
        margin-bottom: 20px;
    }

.error-404 .wrap-button-404 .button {
    border-radius: 0;
    color: #000;
    background-color: var(--theme-primary-color);
    border: 1px solid var(--theme-primary-color);
    padding: 20px 50px;
}

    .error-404 .wrap-button-404 .button::hover {
        background-color: #fff;
        color: var(--theme-primary-color);
    }

.no-results.not-found .result-header .result-title {
    font-size: 48px;
    margin-bottom: 20px;
}

.no-results.not-found .page-content .subtext-nothing {
    margin-bottom: 30px;
}

.wp-block-file__button {
    color: #000 !important;
    text-decoration: none;
    background-color: #fff !important;
}

.wp-block-button__link:hover {
    background-color: #fff !important;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: transparent !important;
}

.has-text-color strong, b {
    color: #fff;
}

p.no-comments {
    margin-top: 25px;
}

body.light, .light .page-wrap, .light .boxed .light .themesflat-boxed {
    background-color: #fff;
}

body.light {
    color: #646464 !important;
}

    body.light a {
        color: #161616;
    }

    body.light body, body.light input, body.light select, body.light textarea {
        color: #646464 !important;
    }

    body.light h1, body.light h2, body.light h3, body.light h4, body.light h5, body.light h6 {
        color: #161616;
    }

    body.light .page-title h1 {
        color: #fff;
    }

    body.light header .header-infor-phone {
        color: #fff;
    }

    body.light blockquote {
        background: #e9ecef;
    }

    body.light .entry-footer {
        border-bottom: 1px solid #e9ecef;
        border-top: 1px solid #e9ecef;
    }

        body.light .entry-footer .social-share-article .themesflat-socials a {
            color: #454750;
            border: 1px solid #e9ecef;
        }

    body.light .navigation.posts-navigation .nav-links .post-navigation {
        background: #e9ecef;
    }

    body.light .comment-respond input[type="text"], body.light .comment-respond input[type="email"], body.light .comment-respond textarea {
        border-color: transparent !important;
        background: unset;
        border: 1px solid #e9ecef !important;
    }

    body.light .modal-menu__panel {
        background: #fff;
    }

    body.light .bottom .content-right .menu-bottom ul li a {
        color: #bebebe;
    }

        body.light .bottom .content-right .menu-bottom ul li a:hover {
            color: var(--theme-primary-color);
        }

    body.light .wrap-blog-article .blog-post {
        border: 1px solid #e9ecef;
    }

        body.light .wrap-blog-article .blog-post .social-share-article {
            border: 1px solid #e9ecef;
        }

            body.light .wrap-blog-article .blog-post .social-share-article h5 {
                color: #161616;
            }

            body.light .wrap-blog-article .blog-post .social-share-article .themesflat-socials a {
                color: #161616;
                border: 1px solid #e9ecef;
            }

    body.light .sidebar {
        border: 1px solid #e9ecef;
        background: #fff;
    }

        body.light .sidebar .widget_search form input[type="search"], body.light .sidebar .wp-block-search .wp-block-search__input {
            border: 1px solid #e9ecef;
            color: #161616;
            background: transparent;
        }

        body.light .sidebar .wp-block-categories li a::before {
            background-color: #161616;
        }

        body.light .sidebar .widget-recent-news .recent-news li:not(:last-child) {
            border-bottom: 1px solid #e9ecef;
        }

        body.light .sidebar .widget-recent-news .recent-news li .text .post-date {
            color: #646464;
        }

    body.light .single-page .posts-navigation {
        border-top: 1px solid #e9ecef;
        border-bottom: 1px solid #e9ecef;
    }

        body.light .single-page .posts-navigation .nav-links .redirect-home:before {
            -webkit-text-stroke-color: #454750;
        }

        body.light .single-page .posts-navigation .nav-links li .content .post-button a::before {
            color: #161616;
        }

    body.light .single-portfolio .port-single .case-content-box .group-infor-sidebar li .label-title, body.light .single-portfolio .port-single .case-content-box .group-infor-sidebar li .infor {
        color: #fff;
    }

    body.light .team-details-box {
        border: 1px solid #e9ecef;
    }

        body.light .team-details-box .content .des {
            color: #646464;
        }

        body.light .team-details-box .content .pra-clr a {
            color: #646464;
        }

        body.light .team-details-box .content .leslie-info {
            border-top: 1px solid #e9ecef;
            border-bottom: 1px solid #e9ecef;
        }

        body.light .team-details-box .content .list-social li a {
            border: 1px solid #e9ecef;
        }

            body.light .team-details-box .content .list-social li a:hover {
                background-color: var(--theme-primary-color);
            }

    body.light .themesflat-team-taxonomy .team-post .team-category a, body.light .themesflat-team-taxonomy .team-post .title a {
        color: #fff;
    }

    body.light .preloader {
        background-color: #fff;
    }

        body.light .preloader .loader .loader-section .bg {
            background-color: #fff;
            position: absolute;
        }

        body.light .preloader .animation-preloader .spinner {
            border: 3px solid #e9ecef;
            border-top-color: var(--theme-primary-color);
        }

        body.light .preloader .animation-preloader .txt-loading .letters-loading {
            -webkit-text-stroke-width: 3px;
            -webkit-text-stroke-color: #000;
        }

    body.light .tf-team.style4 .group-team-style4 .content-right .team-post .social-profile .plus-btn {
        color: #161616;
    }

    body.light .themesflat-services-taxonomy .services-post .title a {
        color: #fff;
    }

        body.light .themesflat-services-taxonomy .services-post .title a:hover {
            color: var(--theme-primary-color);
        }

.single-services.light .tf-service-details .service-details-header .services-category a {
    border: 1px solid #e9ecef;
    color: #161616;
}

.single-portfolio.light .port-single .interesting-fact .title {
    border-bottom: 1px solid #e9ecef;
}

.single-portfolio.light .port-single .case-content-box .group-infor-sidebar li .label-title, .single-portfolio.light .port-single .case-content-box .group-infor-sidebar li .infor {
    color: #fff;
}

.topbar-wrap {
    padding: 10px 0;
    background-color: #161616;
}

    .topbar-wrap .container {
        max-width: 1320px;
    }

    .topbar-wrap .inner-wrap {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 10px;
    }

        .topbar-wrap .inner-wrap .list-infor-topbar {
            display: flex;
            align-items: center;
            column-gap: 40px;
        }

            .topbar-wrap .inner-wrap .list-infor-topbar li, .topbar-wrap .inner-wrap .list-infor-topbar li a {
                display: flex;
                align-items: center;
                column-gap: 7px;
                font-family: Manrope;
                font-size: 16px;
                font-weight: 500;
                line-height: 21.86px;
            }

                .topbar-wrap .inner-wrap .list-infor-topbar li .icon, .topbar-wrap .inner-wrap .list-infor-topbar li a .icon {
                    color: var(--theme-primary-color);
                }

        .topbar-wrap .inner-wrap .topbar-menu ul {
            display: flex;
            align-items: center;
            column-gap: 15px;
            row-gap: 5px;
        }

            .topbar-wrap .inner-wrap .topbar-menu ul a {
                font-family: Manrope;
                font-size: 16px;
                font-weight: 400;
                line-height: 21.86px;
                color: #fff;
            }

                .topbar-wrap .inner-wrap .topbar-menu ul a:hover {
                    color: var(--theme-primary-color);
                }

        .topbar-wrap .inner-wrap .themesflat-socials {
            display: flex;
            align-items: center;
            column-gap: 23px;
            row-gap: 5px;
        }

            .topbar-wrap .inner-wrap .themesflat-socials a {
                color: #696969;
                font-size: 16px;
            }

                .topbar-wrap .inner-wrap .themesflat-socials a:hover {
                    color: var(--theme-primary-color);
                }

        .topbar-wrap .inner-wrap .topbar-right {
            display: flex;
            align-items: center;
            column-gap: 38px;
            row-gap: 10px;
        }

    .topbar-wrap.style-absolute {
        background: var(--theme-primary-color);
    }

        .topbar-wrap.style-absolute .container {
            max-width: 1802px;
        }

        .topbar-wrap.style-absolute .list-infor-topbar li, .topbar-wrap.style-absolute .list-infor-topbar li a {
            color: #fff;
        }

            .topbar-wrap.style-absolute .list-infor-topbar li i, .topbar-wrap.style-absolute .list-infor-topbar li a i {
                color: #fff;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(149.53deg,rgba(255,255,255,0.25) 13.89%,rgba(255,255,255,0) 85.93%);
            }

            .topbar-wrap.style-absolute .list-infor-topbar li a:hover {
                opacity: 0.7;
                color: #fff;
            }

            .topbar-wrap.style-absolute .list-infor-topbar li a span {
                text-decoration: underline;
            }

        .topbar-wrap.style-absolute .topbar-right .topbar-menu a {
            color: #fff;
        }

            .topbar-wrap.style-absolute .topbar-right .topbar-menu a:hover {
                opacity: 0.7;
                color: #fff;
            }

        .topbar-wrap.style-absolute .topbar-right .themesflat-socials a {
            color: #fff;
        }

            .topbar-wrap.style-absolute .topbar-right .themesflat-socials a:hover {
                opacity: 0.7;
                color: #fff;
            }

    .topbar-wrap.style-2 {
        background: #000;
        padding-left: 41px;
        padding-right: 109px;
    }

        .topbar-wrap.style-2 .list-infor-topbar li, .topbar-wrap.style-2 .list-infor-topbar li a {
            color: #696969;
        }

            .topbar-wrap.style-2 .list-infor-topbar li a:hover {
                color: var(--theme-primary-color);
            }

        .topbar-wrap.style-2 .topbar-right {
            column-gap: 37px;
        }

            .topbar-wrap.style-2 .topbar-right .themesflat-socials {
                column-gap: 19px;
            }

            .topbar-wrap.style-2 .topbar-right .topbar-menu ul {
                column-gap: 23px;
            }

            .topbar-wrap.style-2 .topbar-right .topbar-menu a:hover {
                color: var(--theme-primary-color);
            }

.flex-center {
    display: flex;
    align-items: center;
}

.flex-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.absolute-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.absolute-0 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.line2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.wrap {
    flex-wrap: wrap;
}

.transition {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.themesflat-boxed {
    overflow-x: hidden;
}

@keyframes tf-buzz-out {
    10% {
        transform: translateY(3%) rotate(2deg);
    }

    20% {
        transform: translateY(-3%) rotate(-2deg);
    }

    30% {
        transform: translateY(3%) rotate(2deg);
    }

    40% {
        transform: translateY(-3%) rotate(-2deg);
    }

    50% {
        transform: translateY(2%) rotate(1deg);
    }

    60% {
        transform: translateY(-2%) rotate(-1deg);
    }

    70% {
        transform: translateY(2%) rotate(1deg);
    }

    80% {
        transform: translateY(-2%) rotate(-1deg);
    }

    90% {
        transform: translateY(1%) rotate(0);
    }

    to {
        transform: translateY(-1%) rotate(0);
    }
}

@media only screen and (max-width: 1500px) {
    #header.header-02 .inner-center .nav-wrap {
        padding: 3px 25px;
        margin-left: 20px;
    }

    #header.header-02 .show-search {
        padding: 0 25px;
        margin-left: 20px;
    }

    #header.header-02 {
        padding-left: 0;
    }

    .topbar-wrap.style-2 {
        padding-left: 0;
        padding-right: 0;
    }

    #header.header-02 .header-modal-menu-left-btn {
        padding: 0 25px;
    }
}

@media only screen and (max-width: 1275px) {
    #header.header-02 .header-infor-phone {
        display: none;
    }

    .footer-widgets .wrap-widgets.wrap-widgets-3 {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 1199px) {
    #main-content.fixed-footer-content {
        background: unset !important;
        margin-bottom: 0 !important;
    }

    .footer-fixed {
        position: relative !important;
        bottom: unset !important;
        left: unset !important;
        z-index: unset !important;
    }
}

@media only screen and (max-width: 1175px) {
    #header.header-default.style-absolute .header-infor-phone, #header.header-default.style-absolute .header-modal-menu-left-btn > span {
        display: none;
    }
}

@media only screen and (max-width: 1075px) {
    header .header-infor-phone, #header.header-02 .show-search {
        display: none;
    }

    .footer-widgets .wrap-widgets.wrap-widgets-3 {
        margin-left: 0;
    }

    .themesflat-action-box .wrap-action-box .content-left .heading {
        font-size: 80px;
        line-height: 90px;
    }

    .themesflat-action-box .wrap-action-box .content-right .tf-btn-ac.button img {
        width: 100px;
        height: 100px;
    }

    .themesflat-action-box .wrap-action-box {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
.page-title .shape1 {
    display: none;
}
@media only screen and (max-width: 991px) {
    #themesflat-content {
        padding-top: 80px;
        padding-bottom: 80px;
    }

   .page-title .shape2 {
        display: none;
    }

 

 

    .topbar-wrap .inner-wrap {
        justify-content: center;
    }

    .header-ct-center .nav-wrap, .header-default .show-search, .header-modal-menu-left-btn {
        display: none;
    }

    .btn-menu, header .header-infor-phone {
        display: inline-flex;
    }

    .page-wrap.sidebar-left .content-area, .page-wrap.sidebar-right .content-area, .page-wrap.sidebar-left .widget-area, .page-wrap.sidebar-right .widget-area {
        width: 100%;
    }

    .page-wrap.sidebar-left .widget-area, .page-wrap.sidebar-right .widget-area {
        padding-left: 0px;
        padding-top: 50px;
    }

    .page-wrap.sidebar-right .content-area {
        padding-right: 0;
    }

    .col-lg-6.col-md-6.widgets-areas.areas-1 {
        width: 100%;
    }

    .footer-widgets .wrap-widgets.wrap-widgets-1 {
        padding-right: 0px;
    }

    .footer-widgets .wrap-widgets.wrap-widgets-2 {
        margin-left: 0px;
        margin-top: 3px;
    }

    .footer-widgets .wrap-widgets {
        margin-bottom: 40px;
    }
}

.menu-menu-footer-2-container .menu li {
    margin: 0 19px 19px 0;
    float: left;
    width: 130px;
}
@media only screen and (max-width: 767px) {
    .header_sticky #header.header-sticky {
        top: 0 !important;
    }

    .navigation.posts-navigation .nav-links .post-navigation:not(:last-child) {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .bottom .container-inside {
        flex-direction: column;
    }

    .themesflat-action-box .wrap-action-box .content-left .heading {
        font-size: 35px;
    }

    .topbar-wrap .inner-wrap .list-infor-topbar, header .header-infor-phone, #header .tf-btn {
        display: none;
    }

    .topbar-wrap .inner-wrap .topbar-right {
        row-gap: 5px;
        flex-direction: column;
    }

    .ft-mailchimp-form .group-form-ip button {
        padding: 18.5px 15px 18.5px 15px;
        margin-left: 15px;
    }

    .page-title {
        padding-top: 100px;
        padding-bottom: 100px;
        background-position: 50% 50% !important;
    }

    blockquote::after {
        left: 20px;
    }

    blockquote {
        padding: 26px 40px 20px 40px;
    }

    .author-post .author-avatar img {
        width: 60px;
        height: 60px;
    }

    .author-post .author-avatar {
        margin-right: 20px;
    }

    .author-post {
        padding: 20px 20px 20px;
    }

    .comments-area ol.comment-list article .gravatar img {
        width: 50px;
        height: 50px;
    }

    .comments-area ol.comment-list article {
        padding-left: 70px;
    }

    .navigation.posts-navigation .nav-links {
        flex-wrap: wrap;
    }

    .blog-post.format-quote .content-post {
        padding: 30px 50px 30px 30px;
    }

        .blog-post.format-quote .content-post::after {
            font-size: 40px;
        }
}

@media only screen and (max-width: 480px) {
    .wrap-blog-article .blog-post {
        padding: 20px;
    }

    .themesflat-action-box .wrap-action-box {
        gap: 1rem;
    }
}

.form-conatct-us input, .form-conatct-us select, .form-conatct-us textarea {
    width: 100%;
    outline: none;
    background: transparent;
    border: unset;
    border-bottom: 1px solid #454750;
    border-radius: 0;
    padding-bottom: 14px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    color: #858585 !important;
}

    .form-conatct-us input:focus, .form-conatct-us select:focus, .form-conatct-us textarea:focus {
        border-bottom-color: var(--theme-primary-color) !important;
        border-top-color: transparent !important;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
    }

.form-conatct-us select {
    line-height: 14px;
    margin-bottom: 4px;
}

.form-conatct-us .form-group {
    display: flex;
    gap: 28px;
}

.form-conatct-us p {
    margin-bottom: 28px;
}

.form-conatct-us .wpcf7-submit {
    text-align: center;
    border: 1px solid #454750 !important;
    padding: 12px 51px !important;
    font-size: 16px;
    font-weight: 500;
    color: #fff !important;
    border-radius: 100px !important;
    width: auto !important;
    transition: all 0.5s;
    background: transparent !important;
    border-color: unset;
    margin-top: -5px;
}

    .form-conatct-us .wpcf7-submit:hover {
        background: var(--theme-primary-color) !important;
        color: #000 !important;
    }

.form-footer-2 label {
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    color: #fff;
    margin-bottom: 1.25rem;
}

.form-footer-2 .form-group {
    display: flex;
    gap: 30px;
}

.form-footer-2 input, .form-footer-2 textarea {
    outline: none;
    border-radius: 8px;
    padding: 19px 19px !important;
    color: #bebebe !important;
    font-size: 16px !important;
    border: 1px solid #454750 !important;
    background: transparent !important;
    width: 100%;
}

.form-footer-2 p {
    margin-bottom: 22px;
}

.form-footer-2 textarea {
    height: 175px;
}

.form-footer-2 .wpcf7-submit:hover {
    background-color: var(--theme-primary-color) !important;
    color: #000 !important;
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
    background-color: transparent !important;
    color: #444 !important;
}

.widget-recent-news .recent-news .text h5 {
    font-size: 16px;
    line-height: 26px;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
}

.hover-process .hover-process-item {
    transition: all 0.3s ease-in-out;
    position: relative;
}

    .hover-process .hover-process-item::after {
        transition: all .5s;
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg,var(--theme-primary-color),rgba(239,101,77,0.1) 60.08%);
        border-radius: 100px;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
    }

.hover-process:hover .hover-process-item::after {
    opacity: 1;
    visibility: visible;
}

.hover-process .e-con-boxed.e-con.e-child:first-child .elementor-widget-container {
    transition: all 0.3s ease-in-out;
}

.hover-process:hover .e-con-boxed.e-con.e-child:first-child .elementor-widget-container {
    background: var(--theme-primary-color);
}

    .hover-process:hover .e-con-boxed.e-con.e-child:first-child .elementor-widget-container h2 {
        color: #fff;
    }

.hover-process:hover .hover-process-item {
    border-color: transparent !important;
}

.elementor-widget-text-path {
    animation: textani 14s linear infinite;
}

.flexslider .slides img.bg_shape.elementor-repeater-item-9ee9ce0_shape_one {
    animation: cir45 5s infinite linear;
}

.flexslider .slides img.bg_shape.elementor-repeater-item-9ee9ce0_shape_two {
    animation: dot-anim-2 3s linear 0s infinite alternate;
}

@media only screen and (max-width: 767px) {
    .form-footer-2 .form-group {
        gap: 0px;
        flex-wrap: wrap;
    }

    .form-footer-2 p {
        margin-bottom: 10px;
    }
}

@keyframes updown {
    50% {
        transform: translateY(100%);
    }
}

@keyframes leftright {
    50% {
        transform: translateX(100%);
    }
}

@keyframes textani {
    100% {
        transform: rotate(390deg);
    }
}

@keyframes cir45 {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(15deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes dot-anim-2 {
    0% {
        transform: translateX(30px);
    }

    100% {
        transform: translateX(0px);
    }
}

.cir45 {
    animation: cir45 5s infinite linear;
}

.updown {
    animation: updown 50s linear infinite;
}

.leftright {
    animation: leftright 50s linear infinite;
}

.textani {
    animation: textani 14s linear infinite;
}

.animate-dot-anim-2 {
    animation: dot-anim-2 3s linear 0s infinite alternate;
}