.gif-css-insta i,.gif-css-linkd i,.gif-css-youtube i {
    animation: 6s infinite slideLeft;
}

[data-title]:hover:after {
    visibility: visible;
    opacity: 1
}

.blog_views p,.post_info p {
    cursor: default
}

.author-info {
    display: flex;
    background: #fff;
    border: 2px solid var(--site-color);
    padding: 10px;
    border-radius: 5px;
    align-items: center
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.tb-content {
    background-color: #f5f5f5
}

.sidebar-widget form {
    padding: 20px
}

.wp-block-search__input {
    outline: 0
}

.blog-details {
    box-sizing: border-box
}

.author-info .img {
    flex: 0 0 120px;
    text-align: center
}

.author-info .img img {
    width: 120px;
    height: 120px;
    max-width: none;
    border-radius: 10px
}

.author-info .desp {
    flex: 1;
    padding: 0 15px
}

.author-info .desp .detail-author-name,.first_category .col {
    margin-top: 0
}

.author-info .desp>div {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1102px) {
    .author-info .desp>div {
        flex-direction:column;
        align-items: center
    }
}

.author-info .desp .links a {
    text-decoration: none;
    color: #666;
    margin: 0 3px 0;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #666;
    border-radius: 100%
}

.author-info .desp .links a:hover {
    background-color: #000;
    color: #fff
}

.sidebar-widget {
    margin-bottom: 30px;
    border: 1px solid rgba(128,137,150,.1);
    border-top: 3px solid var(--site-color);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 40px rgba(82,85,90,.1);
    box-shadow: 0 0 40px rgba(82,85,90,.1);
    position: relative
}

.fb-comments-plugin,.widget_widget_dgaps_category {
    padding: 0
}

.widget_media_image {
    padding: 0;
    border-top-width: 0
}

.widget_media_image figure {
    margin: 0
}

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

.sidebar-widget .widget-title {
    color: var(--sidebar-heading);
    font-size: 26px;
    position: relative;
    margin: 0;
    padding: 10px 0 10px 20px;
    font-weight: 700;
    display: inline-block
}

.widget_widget_dgaps_category h4 {
    padding: 20px 0 0 20px
}

.sidebar-widget .stroke-shape {
    position: relative;
    width: 100px;
    height: 4px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: linear-gradient(270deg,var(--stroke-end) 0,var(--site-color) 100%);
    margin: 0 0 10px 20px
}

.sidebar-widget .category-listing {
    margin: 20px 0;
    padding: 0;
    list-style: none
}

.sidebar-widget .category-listing li {
    position: relative;
    border-bottom: 1px solid #ededde
}

.sidebar-widget .category-listing li:last-child {
    border-bottom: 0
}

.sidebar-widget .category-listing li a {
    color: var(--bluish-clr);
    font-size: 14px;
    padding: 8px 0 8px 30px;
    text-decoration: none;
    display: block;
    line-height: 20px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.sidebar-widget .category-listing li a span {
    position: absolute;
    right: 20px;
    z-index: 2
}

.sidebar-widget .category-listing li a:hover {
    background-color: var(--site-color);
    color: #fff
}

.sidebar-widget .category-listing li a:hover::before {
    border-left: 4px solid #fff
}

.sidebar-widget .category-listing li a::before {
    position: absolute;
    content: " ";
    display: inline-block;
    border-left: 4px solid #333;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    margin: 7px 0 0 -9px
}

.sidebar-widget .tab-content ul.post_list {
    list-style: none;
    padding: 0 20px;
    margin-top: 10px
}

.sidebar-widget .tab-content ul.post_list li {
    padding: 10px 0;
    display: inline-flex;
    border-bottom: 1px solid #eee
}

.sidebar-widget .tab-content ul li:last-child {
    border: none
}

.sidebar-widget .tab-content .post_list .post_img {
    margin-right: 8px;
    display: flex;
    align-items: center;
    max-width: 150px
}

.sidebar-widget .tab-content .post_list .post_img a img {
    max-width: 80px;
    max-height: 50px
}

.sidebar-widget .tab-content .post_list .post_info a {
    font-size: 14px;
    text-decoration: none;
    flex-direction: column;
    color: var(--bluish-clr)
}

.sidebar-widget .tab-content .post_list .post_info a:hover {
    text-decoration: underline;
    color: var(--site-color)
}

.sidebar-widget .tab-content .post_list .post_info p {
    margin: 0;
    padding: 0;
    color: var(--title-color);
    font-size: 12px;
    gap: 5px
}

.sidebar-widget .tab-content .post_list .post_info p span:first-child {
    color: var(--site-color);
    font-size: 11px;
    align-self: center
}

.blog-author,.blog_detail {
    -webkit-box-shadow: 0 0 40px rgb(82 85 90/10%);
    -moz-box-shadow: 0 0 40px rgba(82,85,90,.1)
}

@media only screen and (max-width: 1200px) {
    .sidebar-widget .widget-title {
        font-size:22px
    }

    .sidebar-widget .tab-content .post_list .post_img a img {
        max-width: 70px
    }

    .sidebar-widget .tab-content .post_list .post_info a {
        font-size: 12px
    }

    .form-box .form-group i {
        font-size: 14px;
        left: 12px
    }
}

.side_bar {
    height: 100%
}

.blog_detail {
    border: 1px solid rgba(128,137,150,.1);
    border-top: 3px solid var(--site-color);
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 0 40px rgb(82 85 90/10%);
    background-color: #fff
}

.content-bo .title-head h1 {
    display: block;
    font-size: 2.1rem;
    margin: 0;
    color: var(--blog-detail-h1);
    font-weight: 700
}

.blog_views p {
    margin: 0;
    font-size: 14px !important;
    position: relative;
    align-self: center;
    color: var(--site-color)
}

.blog_views p i {
    color: var(--site-color);
    font-size: 14px
}

[data-title]:hover:after {
    transition: .1s .5s
}

[data-title]:after {
    content: attr(data-title);
    background-color: var(--site-color);
    color: #fff;
    font-size: 75%;
    position: absolute;
    padding: 1px 5px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 4px #222;
    -webkit-box-shadow: 0 0 4px #222;
    box-shadow: 0 0 4px #222;
    opacity: 0;
    border: 1px solid #111;
    z-index: 99;
    visibility: hidden
}

.blog_detail hr {
    margin: 1rem 0
}



.blog_detail .detail-author-name {
    color: var(--blog-detail-h3);
    font-weight: 600;
    font-size: 1.4rem;
    margin-top: 1.4rem
}

.blog_detail img {
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
    height: auto
}

.related-row ul {
    padding: 0 10px
}

.related-row li {
    list-style: none;
    padding: 4px 0!important;
    border-bottom: 1px solid #ccc;
    transition: transform .4s
}

.related-row li::before {
    content: "\f074" !important;
    font-family: "Font Awesome 6 Free";
    /* font-size: 20px; */
    font-weight: 900;
    color: var(--related-posts-color);
    position: absolute;
    left: 0 !important;
    top: 8px !important
}

.related-row li:hover a,.related-row li:hover::before {
    color: var(--related-posts-hover-color)
}

.related-row li a {
    color: var(--related-posts-color);
    font-size: 18px;
    font-weight: 600;
    padding-left: 30px;
    padding-top: 1px!important;
    text-decoration: none;
    display: flex
}

.blog_detail p {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.8;
    margin: 10px 0 20px;
    text-align: justify
}

.blog_detail p a {
    color: var(--link-color);
    transition: .3s ease-in-out
}

.-ans-in ol li,.blog_detail ul li,.blog_detail>ol>li,table ol li {
    color: #000;
    margin-left: 0;
    padding-left: 30px;
    position: relative;
    font-weight: 500;
    letter-spacing: .08em;
    list-style: none
}

.tb-content ol a {
    text-decoration: none
}

.blog-author .media .media-body .item-social li a:hover,.blog_detail p a:hover {
    color: var(--site-color)
}

.blog-details ol,.blog_detail ul {
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 1.5rem
}

.blog_detail ul li {
    font-size: 18px;
    line-height: 30px;
    display: block
}

.-ans-in ol {
    padding: 0;
    margin: 0
}

.-ans-in ol li,.blog_detail>ol>li,table ol li {
    font-size: 17px;
    line-height: 26px;
    padding-bottom: 10px;
    counter-increment: my-awesome-counter
}

.-ans-in ol li:before,.blog_detail>ol>li::before,.blog_detail>ol>li:before,table ol li::before,table ol li:before {
    content: counter(my-awesome-counter) ". ";
    display: inline-block;
    margin-right: 10px;
    font-weight: 500;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    top: 0;
    left: 0;
    position: absolute
}

.-ans-in ol li:hover:before,.blog_detail>ol>li:hover:before,table ol li:hover:before {
    content: counter(my-awesome-counter);
    background: var(--site-color);
    color: #fff;
    line-height: 1.5
}

.-ans-in ul.square li::before,.blog_detail>ul.square>li::before,table ul.square li::before {
    content: "\2717";
    font-weight: 900;
    color: red;
    border-radius: 50%;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    text-align: center;
    position: absolute;
    top: 3px;
    left: 0;
    line-height: 24px
}

.-ans-in ul li::before,.blog_detail>ul>li::before,table ul li::before {
    content: "\2713";
    font-weight: 900;
    color: var(--site-color);
    border-radius: 50%;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    top: 3px;
    left: -30px;
}

.-ans-in ul.square li:hover::before,.blog_detail>ul.square>li:hover::before,table ul.square li:hover::before {
    background: red;
    color: #fff
}
/* 
.-ans-in ul li:hover::before,.blog_detail>ul>li:hover::before,table ul li:hover::before {
    background: var(--site-color);
    color: #fff
} */

.blog_detail>ol,.next-post,.next-post .post-title p,.previous-post .post-title p {
    text-align: left
}

.blog_detail>ol>li:hover::before,table ol li:hover::before {
    content: counter(my-awesome-counter);
    background: var(--site-color);
    color: #fff;
    line-height: 1.3
}

table ol li {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: .08em;
    color: #000;
    list-style: none;
    margin-right: 0;
    padding-right: 30px;
    padding-bottom: 10px;
    position: relative;
    counter-increment: my-awesome-counter
}

table ol li::before {
    content: counter(my-awesome-counter) ". ";
    display: inline-block;
    margin-right: 10px;
    font-weight: 500;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    top: 0;
    right: 0;
    position: absolute
}

.next-post span a:hover,.previous-post span a:hover,.tb-content .li_hover::before,.tb-content ol a:hover {
    color: var(--link-color)
}

.content-bo blockquote {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    color: #444;
    font-style: italic;
    text-align: center;
    line-height: 1.5;
    padding: 20px 30px;
    z-index: 2;
    border-left: 10px solid var(--quote-color);
    margin: 0
}

.content-bo blockquote span {
    margin-bottom: -10px;
    margin-top: -10px
}

.content-bo blockquote .qoute-subtitle {
    text-align: center;
    display: block;
    font-size: 14px;
    color: #646464;
    letter-spacing: 1px;
    font-weight: 400;
    font-style: normal;
    margin-top: 22px
}

.content-bo blockquote::after {
    content: url(https://affaq.engrabbas.com/assets/images/quote2.webp);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.content-bo .questionnaire>div.quest {
    position: relative;
    letter-spacing: .08em;
    padding-left: 50px;
    color: var(--question-color);
    font-weight: 700;
    margin-bottom: 1rem;
}

.content-bo .questionnaire>div.quest h3 {
    color: var(--question-color)
}

.content-bo .questionnaire>div.quest h3,.content-bo .questionnaire>div.quest h4,.content-bo .questionnaire>div.quest h6,.content-bo .questionnaire>div.quest span {
    font-weight: 700;
    font-size: 20px
}

.content-bo .questionnaire>div.quest::before {
    font-size: 20px;
    content: attr(data-counter);
    font-weight: 900;
    color: var(--question-color);
    margin-right: 10px;
    width: 35px;
    height: 35px;
    text-align: center;
    top: -3px;
    left: 0;
    list-style: none;
    position: absolute
}

.content-bo .questionnaire>div.answ {
    position: relative;
    padding-left: 5px;
    margin-left: 40px
}

.content-bo .questionnaire>div.answ .-ans-in::before {
    content: "";
    border-left: 3px solid var(--question-color);
    position: absolute;
    height: 97%;
    left: -7px
}

.content-bo .questionnaire>div.answ::before {
    font-size: 16px;
    content: "Ans";
    font-weight: 700;
    color: var(--question-color);
    top: 50%;
    left: -33px;
    letter-spacing: 4px;
    position: absolute;
    transform: translate(0,-50%);
    writing-mode: vertical-rl
}

.tb-content {
    background-size: cover;
    margin-top: 26px;
    padding-bottom: 15px;
    border: 2px solid #ccc
}

.tb-content legend {
    width: auto;
    margin-left: 20px;
    font-weight: 700;
    text-transform: capitalize;
    left: 50%;
    color: #191919;
    font-size: 22px;
    padding: 0 10px;
    float: none
}
.tb-content .outer {
    width: 100%;
    padding: 2px 20px;
    font-weight: 600;
    text-align: justify;
    margin-left: 0;
    margin-bottom: 0;
}

.tb-content ol {
    counter-reset: item;
    margin-left: 0;
}

.tb-content ol li {
    display: table;
    font-size: .9rem;
    line-height: 1.4rem;
}
.-ans-in ul{
    padding-left: 2rem !important;
}
/* First level numbering */
.tb-content > ol > li:before {
    content: counter(item) "- ";
    counter-increment: item;
    font-weight: 500;
    color: var(--site-color);
    display: table-cell;
    text-align: right;
    padding: 2px;
}

/* Nested level 1 (e.g., 2.1, 2.2) */
.tb-content ol .nested {
    counter-reset: sub-item;
}

.tb-content ol .nested > li:before {
    content: counter(item) "." counter(sub-item) "-";
    counter-increment: sub-item;
}

/* Nested level 2 (e.g., 2.1.1, 2.1.2) */
.tb-content ol .nested .nested {
    counter-reset: sub-sub-item;
}

.tb-content ol .nested .nested > li:before {
    content: counter(item) "." counter(sub-item) "." counter(sub-sub-item) "-";
    counter-increment: sub-sub-item;
}

.tb-content ol a {
    color: var(--site-color);
    display: inline;
    font-weight: 600;
    padding: .5rem .1rem;
    margin-left: 5px;
}

.tb-content .outer .nested-1,
.tb-content .outer .nested-1 li:last-child {
    padding: 0 !important;
}

.table td,.table th {
    padding: .75rem;
    vertical-align: top
}

.blog_detail table tr th>p {
    font-size: 1rem!important;
    color: #fff!important;
    line-height: inherit;
    margin: 0
}

table tr td ul li {
    font-size: 1rem!important
}

@media only screen and (max-width: 991.9px) {
    aside.side_bar {
        display:none
    }

    .left-side {
        width: 100%
    }

    .tb-content .outer {
        width: 100%;
        padding: 2px 10px;
        font-size: 16px;
        font-weight: 600;
        text-align: justify
    }
}

@media only screen and (max-width: 767.9px) {
    .blog_detail .tb-content h5 {
        font-size:16px
    }
}

@media only screen and (max-width: 575.9px) {
    .detail-box {
        padding:20px
    }

    .detail-info p {
        margin: 0
    }

    .blog_detail>ol {
        padding: 0
    }

    .blog_detail .tb-content h5 {
        font-size: 14px;
        line-height: initial;
        letter-spacing: 0;
        font-weight: 500
    }
}

.blog-author {
    background-color: #b1b1b1;
    background-image: url(https://affaq.engrabbas.com/assets/images/gray_sand-min.png);
    border-radius: 4px;
    padding: 50px 50px 28px;
    box-shadow: 0 0 40px rgb(82 85 90/10%)
}

.blog-author .media img {
    border-radius: 4px;
    max-width: 100%;
    height: auto
}

.blog-author .media .media-body {
    position: relative
}

.blog-author .media .media-body .item-title {
    color: #fff;
    font-weight: 600;
    margin-bottom: 0
}

.blog-author .media .media-body p {
    color: #fff;
    font-size: 16px;
    margin: 10px 0
}

.blog-author .media .media-body .item-social {
    position: absolute;
    top: 2px;
    right: 0;
    padding-left: 0
}

.blog-author .media .media-body .item-social li {
    display: inline-block;
    margin-right: 16px;
    padding: 0
}

.blog-author .media .media-body .item-social li a {
    color: #fff;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.blog-author .media .media-body .item-social li:last-child {
    margin-right: 0
}

@media only screen and (max-width: 767.9px) {
    .blog_detail>ol>li:hover::before {
        line-height:1.7
    }

    .blog-author .media img {
        margin: 0 auto
    }

    .blog-author .media {
        text-align: center
    }

    .blog-author .media .media-body {
        margin-top: 20px
    }

    .blog-author .media .media-body .item-social {
        position: relative;
        top: 0
    }

    .blog-author .media .media-body .item-social li {
        margin-right: 8px;
        font-size: 14px
    }
}

@media only screen and (max-width: 575px) {
    .blog-author {
        text-align:center;
        padding: 50px 10px 28px
    }

    .blog-author .media .media-body p {
        font-size: 14px
    }
}

@media only screen and (max-width: 768px) {
    .blog-details article.blog_detail .title-head h1 {
        font-size:26px
    }

    .blog_detail .blog_views p {
        font-size: 12px
    }

    .blog_detail .blog_views p i {
        font-size: 11px
    }

    .blog_detail p {
        font-size: 18px
    }

    .related-row li a {
        font-size: 1.1rem
    }

    .blog_detail>ol>li {
        font-size: 15px
    }

    .blog_detail .related_article ul {
        padding: 0
    }
}

@media only screen and (max-width: 574px) {
    .blog-details article.blog_detail .title-head h1 {
        font-size:22px
    }

    .blog_detail ol,.blog_detail ul {
        padding-left: 0
    }

    .blog_detail ol li,.blog_detail ul li {
        font-size: 14px!important;
        line-height: 24px
    }

    .tb-content ol li {
        padding: 0
    }

    .blog_detail p {
        font-size: 17px
    }

    .blog_detail blockquote {
        font-size: 18px;
        padding: 14px 22px 22px
    }

    .blog_detail h2 {
        font-size: 1.25rem
    }

    .blog_detail .questionnaire>div.quest::before,.blog_detail .related_article ul li a {
        font-size: 18px
    }

    .blog_detail .related_article ul li i {
        top: 12px
    }

    .blog_detail>ol>li:hover::before,table ol li:hover::before {
        line-height: 1.7
    }

    .blog_detail .questionnaire>div.quest {
        padding-left: 40px
    }

    .blog_detail .questionnaire>div.answ {
        font-size: .875rem;
        margin-left: 35px
    }

    .related-row li::before {
        font-size: 20px
    }

    .related-row li a {
        font-size: 16px;
        padding-left: 26px
    }

    .blog_detail .questionnaire>div.answ::before {
        font-size: 12px;
        left: -35px
    }

    .author-info {
        flex-direction: column
    }

    .author-info .desp>div {
        flex-direction: column;
        text-align: center
    }

    .buy-btn .btn-div {
        flex-wrap: wrap;
        justify-content: space-between;
        flex: 0 0 80%
    }

    .buy-btn .btn-div>img {
        order: 1;
        margin: 0
    }

    .buy-btn .btn-div>a {
        order: 2
    }

    .buy-btn .btn-div>p {
        order: 3;
        flex: 0 0 100%;
        margin: 7px 0 0;
        word-break: break-all
    }

    .buy-btn .btn-div>p:before {
        content: "";
        display: block;
        border-top: 1px solid #ccc;
        padding-top: 8px
    }
}

.btn-div:hover img {
    transform: rotate(360deg);
    transition: transform 2s ease-in-out
}

.fb-comments-plugin {
    width: 100%;
    background-color: #f4f4f4;
    color: var(--title-color);
    -webkit-box-shadow: 0 0 40px rgb(82 85 90/10%);
    -moz-box-shadow: 0 0 40px rgba(82,85,90,.1);
    box-shadow: 0 0 40px rgb(82 85 90/10%);
    border: 1px solid #ccc;
    border-radius: 4px
}

._facebook::after {
    border-style: solid
}

.fb-comments-plugin h4 {
    color: var(--site-color);
    font-size: 22px;
    margin: 10px 0;
    text-align: left;
    font-weight: 700
}

._facebook::before {
    height: 80px;
    width: 80px;
    top: 50%;
    left: 50%;
    position: absolute
}

._facebook {
    position: relative;
    cursor: pointer;
    background: center center/cover no-repeat #ccc;
    padding-bottom: 56.25%;
    height: 0;
    clear: both;
    border-radius: 8px;
    margin: auto;
    text-align: center
}

._facebook::before {
    content: "";
    background: #fff;
    display: block;
    margin: -40px 0 0 -40px;
    border-radius: 100px;
    -webkit-box-shadow: 0 0 20px 3px rgb(51 51 51/80%);
    box-shadow: 0 0 20px 3px rgb(51 51 51/80%);
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    z-index: 1
}

.buy-btn a {
    background-color: var(--site-color);
    color: #fff
}

._facebook::after {
    content: "";
    width: 0;
    height: 0;
    line-height: 0;
    display: block;
    border-width: 20px 0 20px 40px;
    margin: -20px 0 0 -15px;
    border-color: transparent transparent transparent #333;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2
}

._facebook:hover::before {
    background: rgba(238,238,238,.8);
    -webkit-box-shadow: 0 0 10px 3px rgb(51 51 51/80%);
    box-shadow: 0 0 10px 3px rgb(51 51 51/80%);
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px
}

.icon-element {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #7b68ee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    font-size: 26px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #fff
}

.icon-element-lg {
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 35px
}

.btn-div,.question_ {
    border: 2px solid var(--site-color)
}

.buy-btn img {
    max-width: 40px;
    max-height: 40px
}

.buy-btn p {
    text-align: left;
    margin: 0 2rem;
    flex: 1
}

.buy-btn a {
    border-color: var(--site-color)
}

.btn-div {
    padding: 2%;
    align-items: center
}

table.border-success li::before {
    content: "\2713"!important;
    font-weight: 900!important;
    color: green!important
}

table.border-success li:hover::before {
    color: #fff!important;
    background-color: green!important
}

@keyframes float {
    0%,100%,50% {
        transform: translate(0,0)
    }

    25%,75% {
        transform: translate(0,5px)
    }
}

.wp-comment {
    padding: 10px
}

.question_ {
    color: var(--site-color);
    padding: 8px 15px;
    border-radius: 8px;
    background-color: #2f3c7e0d
}

.question_ h4 {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700
}

.question_ h4:before {
    content: attr(data-counter);
    padding: 8px;
    font-size: 18px;
    flex: 0 0 7%
}

.gif-css-insta i,.gif-css-linkd i,.gif-css-youtube i,.flow-us-insta,.flow-us-linkd,.flow-us-youtube, .gif-css-tittok i {
    margin-right: 5px;
}

.blog_detail .sbscribgif p,.youtube-disc,code table tr td {
    font-size: 15px
}

.face-book,.instagram,.linkdin,.twitter,.you-tube {
    box-shadow: -3px 5px 20px 0 #d3d3d3
}

@keyframes color_anim {
    0%,100% {
        fill: #fff
    }

    50% {
        fill: var(--sub-shadow)
    }
}

.detail-author-name a {
    color: var(--author-color)
}

.detail-author-name a:hover {
    text-decoration-line: underline
}

@media screen and (max-width: 767.5px) {
    .question_ h4 {
        font-size:18px
    }

    .main-row {
        padding-left: 0!important;
        padding-right: 0!important
    }
}

.hover-gif {
    align-items: center;
    border-radius: 10px;
    width: 80%;
    padding: 15px 5px;
    margin: 20px auto!important
}

.hover-gif img {
    transition: display .6s ease-in-out
}

.lnk-btnn {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.y-linkpara a {
    font-size: 20px;
    font-weight: 500;
    color: var(--site-color);
    transition: .3s ease-in-out
}

.y-linkpara a:hover {
    color: var(--link-color)
}

.post-link,.sbscribb:hover,.sbscribgif a:hover {
    text-decoration: none
}

.youtube-disc {
    font-weight: 500;
    margin: 15px 0 0;
    color: #020202;
    font-style: italic!important;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.sbscriber-plus-btn {
    display: flex;
    align-items: end;
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: space-between
}

.sbscribers {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0
}

.sbs-count {
    font-weight: 700
}

.sbs-coun2 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 13px;
    margin-left: 10px
}

.you-tube {
    border: 2px solid #e62117
}

.sbscribb {
    padding: 4px 20px;
    border: 2px solid #d62727;
    font-weight: 600;
    transition: .3s ease-out;
    color: #fff;
    background-color: #d62727;
    border-radius: 5px;
}

.sbscribb:hover {
    background-color: #f5f5f5;
    color: #d62727;
    transition: .3s ease-out
}

.gif-css,.gif-css-fiverr,.gif-css-freelancer,.gif-css-insta,.gif-css-linkd,.gif-css-tiktok,.gif-css-tittok,.gif-css-upwork,.gif-css-youtube {
    width: max-content;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.gif-css-youtube i {
    z-index: 1;
    position: relative;
    background-color: #fff;
    color: #d62727
}

.flow-us-youtube {
    font-size: 20px;
    font-weight: 700!important;
    text-transform: uppercase;
    white-space: nowrap;
    color: #d62727!important;
    overflow: hidden;
    margin: 0!important;
    animation: 6s infinite expandWidth
}

.instagram {
    border: 2px solid #cc2366
}

.sbscribb-insta {
    padding: 4px 20px;
    border: 0;
    color: #fff;
    background: linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    border-radius: 5px 0;
    font-weight: 600
}

.flow-us-insta,.gif-css-insta i {
    background: -webkit-linear-gradient(#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    -webkit-text-fill-color: transparent
}

.flow-us-insta,.flow-us-linkd {
    font-weight: 700!important;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0!important;
    animation: 6s infinite expandWidth;
    overflow: hidden;
    white-space: nowrap
}

.sbscribb-insta:hover {
    background: linear-gradient(45deg,#e6683c 0,#cc2366 25%,#dc2743 50%,#dc2743 75%,#e6683c 100%)
}

.gif-css-insta i {
    z-index: 1;
    -webkit-background-clip: text;
    position: relative
}

.flow-us-insta {
    -webkit-background-clip: text
}

.linkdin {
    border: 2px solid #00709e
}

.gif-css-linkd i {
    color: #00709e;
    z-index: 1;
    position: relative;
    background-color: #fff
}

.flow-us-linkd {
    color: #00709e!important
}

.sbscribb-fb,.sbscribb-linkdin {
    font-weight: 600;
    color: #fff;
    padding: 4px 20px
}

.sbscribb-linkdin {
    border: 2px solid #00709e;
    background-color: #00709e;
    border-radius: 5px 0
}

.face-book,.sbscribb-fb {
    border: 2px solid #37508d
}

.sbscribb-linkdin:hover {
    background-color: #f5f5f5;
    border: 2px solid #00709e;
    transition: .3s;
    color: #00709e
}

.sbscribb-fb {
    transition: .4s;
    background-color: #37508d;
    border-radius: 5px 0
}

.sbscribb-fb:hover {
    border: 2px solid #37508d;
    color: #37508d;
    transition: .4s;
    background-color: #f5f5f5;
    border-radius: 5px 0
}

.gif-css i {
    font-size: 1.2rem;
    color: #3b5998;
    z-index: 1;
    position: relative;
    margin-right: 5px;
    animation: 6s infinite slideLeft;
    background-color: #fff
}

.gif-css-tiktok i {
    font-size: 30px;
    animation: 6s infinite slideLeft;
    background-color: #fff;
    position: relative;
    margin-right: 5px;
    z-index: 1
}

.flow-us-fb {
    font-size: 20px;
    font-weight: 700!important;
    text-transform: uppercase;
    white-space: nowrap;
    color: #3b5998!important;
    overflow: hidden;
    margin: 0!important;
    animation: 6s infinite expandWidth
}

.twitter {
    border: 2px solid #111
}

.sbscribb-twitter {
    padding: 4px 20px;
    border: 2px solid #111;
    font-weight: 600;
    color: #fff;
    background-color: #111;
    border-radius: 5px 0;
    transition: .3s
}

.sbscribb-twitter:hover {
    background-color: #f5f5f5;
    color: #111;
    transition: .3s
}

.tiktok {
    box-shadow: 3px 3px 0 0 #ff375a;
    border: 3px solid #000
}

.sbscribb-tiktok {
    padding: 4px 20px;
    border: 2px solid #000;
    color: #fff;
    background-color: #000;
    border-radius: 5px 0;
    box-shadow: 3px 2px 0 #ff375a;
    transition: .3s;
    font-weight: 600
}

.freelancer,.sbscribb-freelancer {
    border: 2px solid #29b2fe
}

.fiverr,.freelancer,.upwork {
    box-shadow: -3px 5px 20px 0 #d3d3d3
}

.sbscribb-tiktok:hover {
    background-color: #f5f5f5;
    color: #000;
    transition: .3s
}

.gif-css-tiktok i {
    color: #000!important;
    text-shadow: 1px 2px 0 #ff375a
}

.flow-us-tiktok {
    font-size: 20px;
    font-weight: 700!important;
    text-transform: uppercase;
    white-space: nowrap;
    color: #111!important;
    overflow: hidden;
    margin: 0!important;
    animation: 6s infinite expandWidth
}

.sbscribb-freelancer {
    padding: 4px 20px;
    font-weight: 600;
    transition: .3s ease-out;
    color: #1e1e1e;
    background-color: #29b2fe;
    border-radius: 5px 0
}

.fiverr,.sbscribb-fiverr {
    border: 2px solid #00b22d
}

.sbscribb-freelancer:hover {
    background-color: #f5f5f5;
    color: #29b2fe;
    transition: .3s ease-out
}

.flow-us-freelancer {
    font-size: 20px;
    font-weight: 700!important;
    text-transform: uppercase;
    white-space: nowrap;
    color: #29b2fe!important;
    overflow: hidden;
    margin: 0!important;
    animation: 6s infinite expandWidth
}

.sbscribb-fiverr {
    padding: 4px 20px;
    font-weight: 600;
    transition: .3s ease-out;
    color: #1e1e1e;
    background-color: #00b22d;
    border-radius: 5px;
}

.sbscribb-upwork,.upwork {
    border: 2px solid #163f50
}

.sbscribb-fiverr:hover {
    background-color: #f5f5f5;
    color: #00b22d;
    transition: .3s ease-out
}

.flow-us-fiverr {
    font-size: 20px;
    font-weight: 700!important;
    text-transform: uppercase;
    white-space: nowrap;
    color: #00671a;
    overflow: hidden;
    margin: 0!important;
    animation: 6s infinite expandWidth
}

.sbscribb-upwork {
    padding: 4px 20px;
    font-weight: 600;
    transition: .3s ease-out;
    color: #fff;
    background-color: #163f50;
    border-radius: 5px;
}

.sbscribb-upwork:hover {
    background-color: #f5f5f5;
    color: #163f50;
    transition: .3s ease-out
}

.flow-us-upwork {
    font-size: 20px;
    font-weight: 700!important;
    text-transform: uppercase;
    white-space: nowrap;
    color: #163f50!important;
    overflow: hidden;
    margin: 0!important;
    animation: 6s infinite expandWidth
}

@keyframes expandWidth {
    0%,100% {
        width: 0
    }

    50% {
        width: 100%
    }
}

@media only screen and (max-width: 1150px) {
    .face-book,.fiverr,.freelancer,.instagram,.linkdin,.tiktok,.twitter,.upwork,.you-tube {
        width:95%
    }
}

@media only screen and (max-width: 991px) {
    .face-book,.fiverr,.freelancer,.instagram,.linkdin,.tiktok,.twitter,.upwork,.you-tube {
        width:80%
    }
}

@media only screen and (max-width: 670px) {
    .face-book,.fiverr,.freelancer,.instagram,.linkdin,.tiktok,.twitter,.upwork,.you-tube {
        width:95%
    }
}

@media only screen and (max-width: 559px) {
    .col-xs-12 {
        width:100%!important
    }

    .h-imges {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 500px) {
    .lnk-btnn {
        flex-direction:column
    }
}

@media only screen and (max-width: 433px) {
    .face-book,.fiverr,.freelancer,.instagram,.linkdin,.tiktok,.twitter,.upwork,.you-tube {
        width:100%
    }

    .chnal-name {
        flex: 0 0 100%;
        text-align: center
    }

    .youtube-disc {
        font-size: 15px;
        font-weight: 500;
        margin: 10px 0;
        color: #020202;
        font-style: italic!important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-align: center
    }
}

.post-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 1rem;
    background-color: #f5f5f5;
    border-radius: 5px;

}

.post-navigation hr {
    border-right: 3px dashed #000;
    background: 0;
    height: 100px;
    margin: 0 auto;
    opacity: .4
}

.post-link {
    color: #333;
    display: flex;
    align-items: center;
    gap: 1rem
}
.post-link img {
    border-radius: 5px !important;
    aspect-ratio: 3/2
}
.post-link:hover {
    transition: .3s ease-in-out;
    text-decoration: none;
}
.next-post:hover a p,.previous-post:hover a p {
    color: var(--link-color) !important;
    transition: .3s ease-in-out;
}

.next-post,.previous-post {
    width: 100%;
    text-align: center
}

.next-post span,.previous-post span {
    font-size: 14px;
    font-weight: 500;
    color: #706f6f;
    margin-bottom: 10px
}

.first_category h3 {
    color: var(--site-color)
}

.post-title {
    display: flex;
    flex-direction: column;
    gap: .6rem
}

.post-title p {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    margin: 0
}

@media screen and (max-width: 460px) {
    .previous-post .post-link {
        flex-direction:column
    }

    .next-post .post-link {
        flex-direction: column-reverse
    }

    .next-post .post-title p,.previous-post .post-title p {
        text-align: center
    }
}

.first_category h3 {
    font-size: 2rem
}

.image__ img {
    aspect-ratio: 3/2;
    object-fit: cover
}

@-webkit-keyframes flash {
    0% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

.news__hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0 0 10px 10px rgba(85,85,85,.4);
    box-shadow: inset 0 0 10px 10px rgba(85,85,85,.4);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    border-radius: 4px;
    overflow: hidden
}

.news__hover-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotateZ(90deg);
    -ms-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotateZ(90deg);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 8;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    background: var(--site-color);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

@media screen and (max-width: 767px) {
    .first_category .col {
        margin-top:2rem
    }
}

.wp-block-table tr:nth-child(2n) {
    background-color: #f2f2f2
}

.fa-check {
    color: #055c05
}

.gif-css-fiverr img,.gif-css-freelancer img,.gif-css-upwork img {
    margin: 0;
    width: 24px;
    height: 24px
}

@keyframes chan-sh {
    from {
        content: 'free email delivery'
    }

    to {
        content: 'New'
    }
}

@media screen and (max-width: 700px) {
    .post-navigation {
        flex-direction:column
    }

    .post-navigation hr {
        border-right: 0;
        border-top: 3px dashed #000;
        width: 100%;
        height: 0
    }
}

.side_bar>div:last-child {
    position: sticky;
    top: 78px
}

.wp-block-table table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0,0,0,0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0,0,0,0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0,0,0,0.075);
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid var(--site-color);
    caption-side: bottom
}

.wp-block-table th {
    color: #fff;
    background-color: var(--site-color);
    padding: 8px!important;
    white-space: nowrap
}

.wp-block-table td,.wp-block-table th {
    border: 0 solid!important;
    text-align: center
}

.wp-block-table table>:not(caption)>*>* {
    border-bottom-width: 1px!important;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.content-bo h4 {
    color: var(--blog-detail-h4)
}

.content-bo h5 {
    color: var(--blog-detail-h5)
}

.content-bo h6 {
    color: var(--blog-detail-h6)
}

.blog_detail .sbscribgif i {
    font-size: 20px;
    margin-right: 7px
}

.sbscribgif img {
    margin-right: 7px !important;
}

.blog_detail .quest span {
    display: block;
    color: var(--question-color);
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.buy-btn .btn-success:hover {
    background-color: var(--buy-button-hover-color);
    border-color: var(--buy-button-hover-color)
}

.previous-post span {
    display: block;
    text-align: left
}

.post-link img {
    height: 66px;
    width: 100px;
    display: inline-block;
    object-fit: cover
}

.post-link .post-title {
    flex: 1
}

.next-post span {
    display: block;
    text-align: right
}

.next-post span a,.previous-post span a {
    color: #706f6f
}

table.border-danger li::before {
    content: "\2713"!important;
    font-weight: 900!important;
    color: #dc3545!important
}

table.border-danger li:hover::before {
    color: #fff!important;
    background-color: #dc3545!important
}

code table {
    box-shadow: none;
    margin: 0
}

.ssbscribbtn a:hover {
    text-decoration: none!important
}

code table tbody tr:hover {
    color: initial
}

code table tbody tr {
    font-weight: 400;
    border-bottom-color: transparent
}

.content-bo span.comment-title {
    font-size: 1.25rem;
    margin-top: 0;
    font-weight: 500;
    line-height: 1.2
}

.content-bo span.comment-title {
    padding-left: 15px;
    padding-right: 10px;
    text-align: left!important;
    display: block
}

@keyframes lds-facebooked {
    0% {
        top: 8px;
        height: 64px
    }

    100%,50% {
        top: 24px;
        height: 32px
    }
}

.ttl {
    font-size: 20px;
    font-weight: 700
}

.d-comment {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 10px
}

@keyframes rotation {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.hover-gif:hover .yout-img img {
    animation: rotation 1.5s linear
}

@media (max-width: 500px) {
    .y-linkpara .ssbscribbtn {
        margin-top:15px
    }
}

@media (max-width: 576px) {
    .blog_detail p {
        text-align:left
    }
}

.widget_search input[type=text] {
    appearance: none;
    border: 1px solid #949494;
    flex-grow: 1;
    margin-left: 0;
    margin-right: 0;
    min-width: auto;
    padding: 8px;
    text-decoration: unset!important;
    background: #eee;
    border-color: #eee!important;
    outline-color: transparent;
    grid-area: input;
    width: 100%
}

.widget_search input[type=submit] {
    grid-area: submit;
    margin: 0;
    background: var(--site-color);
    border-color: var(--site-color)!important;
    color: #fff;
    padding: 6px 10px
}

.widget_search form>div {
    display: grid;
    grid-template-areas: 'title title' 'input submit'
}

@media (max-width: 992px) {
    .author-info .links {
        text-align:center;
        margin-top: 10px
    }
}

.related-row .nav-link {
    padding-top: 0;
    padding-bottom: 0
}

.blog_detail h3 {
    font-size: 1.6rem;
    margin-top: 2rem;
    margin-bottom: .9rem;
    line-height: 1.2;
    font-weight: 500
}

.blog_detail h4,.blog_detail h5,.blog_detail h6 {
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: .9rem;
    line-height: 1.2;
    font-weight: 500
}

.blog_detail ol li,.blog_detail ul li {
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: .05rem
}

.col-xl-9 {
    flex: 0 0 auto;
    width: 75%
}

.h-imges {
    text-align: center
}

.chnal-name a {
    text-decoration: none
}

.gifnn a {
    text-decoration: none
}

.tb-content li:hover::before {
    color: var(--link-color)
}

.alert-error {
    border: 2px solid red;
    background-color: #fbe9e9
}

.alert-success {
    border: 2px solid green;
    background-color: #efffef
}

.alert-success>div.h {
    color: var(--success-alert-box)
}

.alert-info {
    border: 2px solid #00f;
    background-color: #e8e8fa
}

.alert-warning {
    border: 2px solid #a0a005;
    background-color: #fdfdfd
}

.fa-triangle-exclamation:before {
    content: "\f071"
}

.fouralerts ul {
    margin: 10px 0
}

.fouralerts ol {
    margin: 10px 0;
    padding-left: 20px;
}

.fouralerts ul li {
    font-size: 1rem
}

.fouralerts ul li::before {
    content: "\2713";
    font-weight: 900;
    color: var(--site-color);
    border-radius: 50%;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    position: absolute;
    top: 4px;
    left: -30px
}
.hover-gif img{
    box-shadow: none !important;
}
.fouralerts ol li {
    font-size: 1rem;
    line-height: 30px;
    counter-increment: my-awesome-counter
}

.fouralerts ol li::before {
    content: counter(my-awesome-counter) ". ";
    display: inline-block;
    margin-right: 10px;
    line-height: 23px;
    font-weight: 500;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #000;
    position: relative;
    top: 0;
    left: 0
}

.fouralerts ol li::before :hover {
    content: counter(my-awesome-counter)
}

/* .fouralerts li:hover::before {
    background-color: var(--site-color);
    color: #fff
} */

.alert-warning>div.h {
    color: #757500
}

.fa-circle-info:before {
    content: "\f05a"
}

.alert-info>div.h {
    color: var(--info-alert-box)
}

.fa-circle-check:before {
    content: "\f058"
}

.fouralerts {
    padding: 1rem;
    border-radius: 5px;
    margin-bottom: 10px
}

.fouralerts>div.h {
    margin-bottom: 12px
}

.alert-error>div.h {
    color: var(--error-alert-box)
}

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

.fouralerts>div.h span.title {
    font-size: 1.2rem;
    font-weight: 600;
    display: block;
    margin-bottom: 0
}

.fouralerts i {
    margin-right: 10px;
    /* margin-top: 8px; */
    font-size: 1.5rem
}

.fa-bug:before {
    content: "\f188"
}

.fouralerts p {
    line-height: 1.5;
    margin-bottom: 0
}

.calendar-text {
    position: relative;
    padding-left: 20px;
    font-size: 14px
}

.calendar-text::before {
    content: "\f073";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 11px;
    color: var(--site-color);
    margin-right: 5px
}

.fb-comments-plugin {
    width: 100%;
    background-color: #f4f4f4;
    color: var(--title-color);
    -webkit-box-shadow: 0 0 40px rgb(82 85 90 / 10%);
    -moz-box-shadow: 0 0 40px rgba(82,85,90,.1);
    box-shadow: 0 0 40px rgb(82 85 90 / 10%);
    border: 1px solid #ccc;
    border-radius: 4px
}

.fb-comments-plugin,.widget_widget_dgaps_category {
    padding: 0
}

.msg-image img {
    filter: drop-shadow(2px 4px 6px #000);
    box-shadow: none !important;
}

.msg-image {
    text-align: center
}

.fa-calendar:before {
    content: "\f133"
}

.blog_detail span.comment-title {
    padding-left: 20px;
    padding-right: 10px;
    text-align: left!important;
    display: block
}

.blog_detail span.comment-title {
    font-size: 1.25rem;
    margin-top: 0;
    font-weight: 500;
    line-height: 1.2
}

.wp-comment {
    padding: 10px
}

.cmnt-f {
    display: flex;
    justify-content: space-evenly
}

.form-comment {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 5px 6px 8px 0px #d9d9d9;
}

.form-comment>span {
    margin-bottom: 15px;
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2
}

.wp-comment .inp {
    margin-bottom: 15px;
    position: relative
}

.wp-comment .inp>i {
    position: absolute;
    top: 12px;
    left: 13px
}

.wp-comment .inp input,.wp-comment .inp textarea {
    display: block;
    border-radius: 4px;
    padding: 7px 7px 7px 40px;
    width: 100%;
    border: 1px solid #666
}

.wp-comment button.send-comment {
    padding: 0;
    width: 200px
}

.wp-comment button.send-comment {
    overflow: hidden;
    font-size: 18px;
    border-radius: 5px;
    font-weight: 700;
    position: relative;
    color: var(--site-color);
    height: 60px;
    border: 1px solid #f0f0f0
}

.c-subscribe-box__wrapper {
    width: 190px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #fff
}

.c-subscribe-box__wrapper span {
    color: var(--site-color);
    font-size: 20px;
    font-weight: 700
}

.wp-comment .inp input,.wp-comment .inp textarea {
    display: block;
    border-radius: 4px;
    padding: 7px 7px 7px 40px;
    width: 100%;
    border: 1px solid #666
}

.cmnt-f>div .hint {
    margin-left: 20px;
    background-color: white;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 5px 6px 8px 0px #d9d9d9;
}

.wp-comment .cmnt-f .hint ul {
    margin-left: 0;
    margin-top: 9px;
    padding-left: 0;
}

.wp-comment .cmnt-f .hint li {
    font-size: .9rem;
    list-style-type: none;
    text-align: left;
}
.wp-comment .cmnt-f .hint li::before {
    content: none;
}

.cmnt-f>div .hint li {
    line-height: 24px
}

.fa-check:before {
    content: "\f00c" !important;
    margin-right: 7px;
}

.fa-times:before {
    content: "\f00d" !important;
    color: red;
    margin-right: 7px;
}

.fa-user:before {
    content: "\f007"
}

@media (max-width: 768px) {
    .cmnt-f {
        flex-direction:column
    }
}

.hint ul li {
    list-style: disc;
    line-height: normal;
    color: #000;
    margin: 0;
    padding: 0
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-pencil:before {
    content: "\f303"
}

.blog_detail>table:not(.all-box) {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: .9em;
    width: 100%;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,.15)
}

.blog_detail>table:not(.all-box) thead tr {
    background-color: var(--site-color);
    color: #fff;
    text-align: left;
    font-weight: 700
}

.blog_detail>table:not(.all-box) td,.blog_detail>table:not(.all-box) th {
    padding: 12px 15px;
    border: 1px solid var(--site-color)
}

.blog_detail>table:not(.all-box) tbody tr {
    border-bottom: 1px solid #ddd
}

.blog_detail>table:not(.all-box) tbody tr:nth-of-type(even) {
    background-color: #f3f3f3
}

.blog_detail>table:not(.all-box) tbody tr:last-of-type {
    border-bottom: 2px solid var(--site-color)
}

.blog_detail>table:not(.all-box) tbody tr.active-row {
    font-weight: 700;
    color: var(--site-color)
}

.row-my {
    display: flex;
    justify-content: space-between;
    margin: 3rem auto
}

.left-side {
    width: 73%
}

.right-side {
    width: 25%
}

.blog_views {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.social-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.col-3 {
    width: 25%
}

.col-9 {
    width: 74%;
    padding-left: 10px;
    padding-right: 10px
}

@media (max-width: 991px) {
    .left-side {
        width:100%
    }
}

.border-success {
    border: 2px solid #198754
}

th.bg-danger,th.bg-dark,th.bg-success {
    font-size: 1rem;
    text-align: left
}

th.bg-success {
    background-color: #198754
}

.table {
    width: 100%;
    margin: 20px 0
}

.border-dark {
    border: 2px solid #212529
}

.bg-dark {
    background-color: #212529
}

.text-light {
    color: #fff
}

.border-danger {
    border: 2px solid #a00
}

th.bg-danger {
    background-color: #a00
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    height: auto
}

.wp-block-search__input {
    appearance: none;
    border: 1px solid #949494;
    flex-grow: 1;
    margin-left: 0;
    margin-right: 0;
    min-width: 3rem;
    padding: 8px;
    text-decoration: unset
}

.wp-block-search__inside-wrapper .wp-block-search__button {
    margin: 0;
    background: var(--site-color);
    border: 10px solid var(--site-color);
    color: #fff
}

.wp-block-search__label {
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--sidebar-heading)
}

.fa-angles-right:before {
    content: "\f101";
    margin-left: 4px
}

.fa-angles-left:before {
    content: "\f100";
    margin-right: 4px
}

.menus {
    display: flex;
    list-style: none;
    gap: 10px;
    margin: auto;
    padding: 0 0 20px;
    max-width: 1420px;
    text-align: center;
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth
}

.menus li {
    padding: 8px 30px;
    font-size: 22px;
    font-family: Inter,Sans-serif;
    border-bottom: 2px solid transparent;
    min-width: 200px
}

.menus li.active {
    font-weight: 600;
    border-color: #000
}

.eael-data-table {
    width: 100%;
    height: auto;
    padding: 0 50px;
    border-collapse: separate;
    border: none;
    max-width: 1520px;
    margin: 0 auto;
    border-spacing: 0
}

.eael-data-table tbody tr td,.eael-data-table thead tr th {
    padding: 20px 15px 20px 15px;
    font-family: Inter,Sans-serif;
    font-size: 18px;
    line-height: 1.35em;
    border-radius: 0;
    text-align: left
}

.eael-data-table tbody tr td:not(:first-child),.eael-data-table thead tr th:not(:first-child) {
    text-align: center
}

.eael-data-table tbody tr td.heading-tage,.eael-data-table tbody tr td.heading-tage~td,.eael-data-table thead tr th {
    background: orange;
    color: #000
}

@media only screen and (min-width: 1024px) {
    .eael-data-table tbody tr:nth-child(1),.menus {
        display:none
    }
}

@media only screen and (max-width: 1024.98px) {
    .eael-data-table thead {
        display:none
    }
}

.hidden-column {
    display: none
}

figure img {
    width: 100%;
}

.nested{
    padding-left: 20px !important;
    border-left: 1px solid var(--site-color);
}