/**

 * Theme Name:     GeneratePress Child
 * Author:         Tom Usborne
 * Template:       generatepress
 * Text Domain:	   generatepress-child
 * Description:    GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
 */


:root {
    --primary-color: #1d70d3;
    --primary-color-rgb: 29, 112, 211;
    --gradient-start: #1d70d3;
    --gradient-end: #3fb4ed;
    --white-color: #ffffff;
    --black-color: #000000;
    --dark-color: #222;
    --link-color: #2f78cc;
    --font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --container: 1170px;

}

*,
*::before,
*::after {
    box-sizing: border-box;
}


*:not(.simulator) {
    scrollbar-width: thin;
}

body {
    font-family: var(--font-family);
    margin: 0;
    padding: 0;
    background-color: var(--white-color);
    background-image: none;
}

.container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

.content-part-area h1,
.content-part-area h2,
.content-part-area h3,
.content-part-area h4,
.content-part-area h5,
.content-part-area h6 {
    margin: 15px 0;
    font-weight: 700;
}
.header-section ul.wp-menu{
    margin:0px;
}
.content-part-area h1 {
    font-size: 35px;
    line-height: 45px;
}

.content-part-area h2 {
    font-size: 30px;
    line-height: 40px;
}

.content-part-area h3 {
    font-size: 25px;
    line-height: 35px;
}

.content-part-area h4 {
    font-size: 22px;
    line-height: 32px;
}

.content-part-area h5 {
    font-size: 20px;
    line-height: 30px;
}

.content-part-area h6 {
    font-size: 18px;
    line-height: 28px;
}

.content-part-area h2,
.content-part-area h3,
.content-part-area h4,
.content-part-area h5,
.content-part-area h6 {
    color: currentColor;
}


.content-part-area a:link {
    color: var(--primary-color);
}


.content-part-area a:link:hover {
    color: var(--link-color);
}

.site-logo {
    margin-right: 25px;
    flex: 0 0 auto;
}

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

.site-logo img {
    height: auto;
    max-width: 200px;
    width: 100%;   
}
.content-section{
    padding-top: 10px;
}
.logo-menu-part .site-title a {
    font-size: 19px;
    text-decoration: none;
    color: inherit;
    font-weight: 600;
}


.content-part-area {
    font-size: 16px;
    line-height: 26px;
    padding-top: 1rem;
}
.accordionContent {
    max-height: 0;
    overflow: hidden;
    transition: 0.75s all ease-in-out;
}

.accordionContent.active {
    max-height: 2000px; /* large enough for any content */
}
.accordionContent{display: none!important;}


.accordionContent.active{
    display: block!important;;
}

body .su-button-center {
    margin-top: 1rem;
}

body .su-button-center a {
    border-radius: 10px !important;
}

body .campaign-shortcode-table .campaign-list-item_cta-btn {
    background: linear-gradient(360deg, var(--gradient-start), var(--gradient-end)) !important;
    color: var(--white-color);
    transition: all 0.3s ease-in-out;
}

body .su-button-center a {
    background: linear-gradient(360deg, var(--gradient-start), var(--gradient-end)) !important;
    border-color: var(--gradient-start) !important;
}

body .su-button-center span {
    background: transparent !important;
    border: 0 !important;
    color: var(--white-color) !important;
    font-size: 1.125rem !important;
}

body .campaign-shortcode-table .campaign-list-item_cta-btn:hover,
body .campaign-shortcode-table .campaign-list-item_cta-btn:active,
body .campaign-shortcode-table .campaign-list-item_cta-btn:focus,
body .su-button-center a:hover,
body .su-button-center a:focus,
body .su-button-center a:active {
    background: linear-gradient(180deg, var(--gradient-start), var(--gradient-end)) !important;
    color: var(--white-color);
}

body .su-button-center a:hover span {
    top: 0 !important;
}

.content-part-area table tr td,
.content-part-area table tr th {
    border: 1px solid #000;
    padding: 10px;
    font-size: 16px;
}

.content-part-area table tr th {
    font-weight: 700;
    text-align: center;
}

.content-part-area table {
    margin: 25px 0;
    border-collapse: collapse;
    width: 100%;
}

.table-auto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.aligncenter {
    display: block;
    margin: 16px auto;
}

.content-part-area blockquote {
    padding: 25px;
    font-style: italic;
    position: relative;
    margin: 20px auto;
    border-left: 5px solid var(--primary-color);
    quotes: "“" "”" "‘" "’";
    background: rgba(var(--primary-color-rgb), 0.1);
    background: color-mix(in srgb, var(--primary-color) 10%, transparent);
}

.content-part-area blockquote::before {
    content: open-quote;
    top: 0px;
    left: 20px;
}

.content-part-area blockquote::before,
.content-part-area blockquote::after {
    position: absolute;
    font-size: 3em;
    color: var(--primary-color);
    font-family: serif;
    line-height: 1;
    z-index: 1;
}

.content-part-area blockquote::after {
    content: close-quote;
    bottom: 0px;
    right: 20px;
}

.content-part-area blockquote p {
    display: inline;
    color: var(--black-color);
    position: relative;
    z-index: 2;
}

.content-part-area dl {
    margin: 20px;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.content-part-area dt {
    font-weight: bold;
    margin: 10px 0 5px;
    padding: 10px;
    background-color: #eee;
    border-bottom: 1px solid #ddd;
}

.content-part-area dd {
    margin: 0 0 10px 20px;
    padding: 10px;
    border-left: 2px solid #ddd;
    background-color: var(--white-color);
}

.content-part-area blockquote {
    font-size: 16px;
}

header.header-section {
    padding: 10px 0;
    position: relative;
    background: var(--white-color);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.content-part-area b,
strong {
    font-weight: bold;
}

li.menu-item-has-children {
    position: relative;
    padding-right: 20px !important;
}

.campaign-list-item {
    background: var(--white-color);
}

.campaign-list-item_cta-btn {
    background: linear-gradient(to right, #00488b, #125e3d);
}

.campaign-list-item_cta-btn:hover {
    text-decoration: none;
    color: var(--white-color);
    background: linear-gradient(to right, #125e3d, #00488b);
}

.campaign-compact-table__offers-wrapper .campaign-compact-table__offer td {
    border: 0;
}

body .campaign-list-item_key-features ul,
td.campaign-compact-table__offer-key-features ul,
.toplist-poker__filter,
.toplist-poker-v2__offer-key-features ul,
.toplist-poker-compact__offer-key-features ul,
.toplist-flagship-crypto__offer-key-features ul,
.toplist-cardplayer__offer-inner .toplist-cardplayer__offer-key-features,
.dw-toplist-sp__offer-main .dw-toplist-sp__offer-key-features,
.dw-toplist-ct__offer-features .dw-toplist-ct__offer-key-features,
.toplist-99bitcoins__offer .toplist-99bitcoins__offer-key-features,
.toplist-99bitcoins-poker__offer .toplist-99bitcoins-poker__offer-key-features {
    padding-left: 0;
}

.toplist-tech__offer-inner .toplist-tech__offer-cta-btn {
    color: #0077CC;
}

.campaign-list-item .campaign-list-item_cta-btn,
.campaign-fullwidth-shortcode_item_face-wrapper .slider-item_cta-button,
.toplist-poker-v2__offer-buttons .toplist-poker-v2__offer-cta-btn,
.toplist-poker-compact__offer-extra .toplist-poker-compact__offer-cta-btn,
.toplist-flagship-crypto__offer-sidebar .toplist-flagship-crypto__offer-visit-link,
.toplist-outlook-india__offer .toplist-outlook-india__offer-cta-btn,
.toplist-poka__offer-cta-w-payments .toplist-poka__offer-cta-btn,
.toplist-cardplayer__offer-actions .toplist-cardplayer__offer-cta-btn,
.toplist-rivertimes__offer a.toplist-rivertimes__offer-cta-btn {
    color: var(--white-color);
    text-decoration: none;
}

.campaign-list-item .campaign-list-item_key-features ul li,
.campaign-compact-table__offer .campaign-compact-table__offer-key-features li,
.toplist-poker-v2__offer-body .toplist-poker-v2__offer-key-features li,
.toplist-poker-compact__offer-body .toplist-poker-compact__offer-key-features li,
.toplist-flagship-crypto__offer-main .toplist-flagship-crypto__offer-key-features ul li,
tr.campaign-compact-table__offer .campaign-compact-table__offer-key-features li,
.dw-toplist-sp__offer-main .dw-toplist-sp__offer-key-features li,
.dw-toplist-ct__offer-features .dw-toplist-ct__offer-key-features li,
.toplist-99bitcoins__offer .toplist-99bitcoins__offer-key-features li,
.toplist-99bitcoins-poker__offer .toplist-99bitcoins-poker__offer-key-features li {
    list-style: none;
}

.toplist-poker__offer-cta-wrapper .toplist-poker__offer-cta-btn,
.toplist-ct__offer-actions .toplist-ct__offer-cta-btn {
    color: #0B062B;
}

.toplist-poker-compact__offer-extra .toplist-poker-compact__offer-rakeback {
    display: none;
}

.campaign-list-item_key-features>p {
    margin-top: 0;
}

.toplist-newsbtc__offer-cta-btn,
.toplist-htmq__offer-cta-btn,
.dw-toplist-nb__offer-cta-btn,
.dw-toplist-cp__offer-cta-btn,
.dw-toplist-sp__offer-cta-btn,
.dw-toplist-ct__offer-cta-btn,
.toplist-99bitcoins__offer-cta-btn,
.toplist-99bitcoins-poker__offer-cta-btn,
.toplist-iwcasino__offer-cta-btn,
.toplist-nokyc__offer-cta-btn,
.toplist-sportscasting__offer-cta-btn,
.toplist-casinoscout__offer-cta-btn {
    text-decoration: none;
}

ul.wp-menu {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 200px);
    justify-content: end;
}

.logo-menu-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

/* Sub-menu wrapper */
ul.sub-menu {
    list-style: none;
    padding-left: 0;
    background: var(--white-color);
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    z-index: 9999;
    width: 200px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    margin: 0;
}

/* Sub-menu items */
ul.wp-menu ul.sub-menu li {
    padding: 0;
}

ul.wp-menu ul.sub-menu li a {
    display: block;
    width: 100%;
    padding: 8px 12px;
    color: var(--dark-color);
    text-decoration: none;
}

/* ACTIVE — only text color changes */
ul.wp-menu li.active {
    background: transparent;
}

ul.wp-menu li.active a {
    color: var(--primary-color);
}

.mobile-menu {
    display: none;
}

li.menu-item-has-children:after {
    position: absolute;
    content: "\f107";
    font: normal normal normal 14px / 1 FontAwesome;
    top: 16px;
    right: 7px;
    color: var(--dark-color);
    transition: all 0.5s;
}


li.menu-item-has-children:hover:after {
    color: var(--primary-color);
}

li.menu-item-has-children ul li:after {
    top: 11px;
}



/* Regular menu items */


/* HOVER — NO background, only text color */

ul.wp-menu li:hover a {
    color: var(--primary-color);
}

/* Sub-menu hover */

ul.wp-menu ul.sub-menu li:hover>a {
    color: var(--primary-color);
}

/* Base link styling */
ul.wp-menu li a {
    color: var(--dark-color);
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
}

/* Active dropdown arrow */
li.menu-item-has-children.active:after {
    color: var(--primary-color);
}


.content-part-area ul {
    list-style-type: disc;
    padding-left: 30px;
    margin-left: 0;
}

.content-part-area ol {
    padding-left: 30px;
    list-style: decimal;
    margin-left: 0;
}

.content-part-area ul li {
    list-style: disc;
}

.content-part-area li {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 26px;
}

.content-part-area ol li::marker,
.content-part-area ul li::marker {
    font-weight: 600;
}

.content-part-area .campaign-compact-table__offer-key-features ul {
    padding-left: 0;
}

.content-part-area .campaign-compact-table__offer-key-features ul li {
    list-style: none;
}

footer.footer-section {
    background: #101010;
    padding: 15px 0;
    margin-top: 30px;
}

footer.footer-section .footer-widgets {
    background: transparent;
}

.copyright p {
    color: var(--white-color);
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    background-color: transparent;
}

.copyright p a {
    color: var(--white-color);
    text-decoration: none;
}

ul#menu-footer-menu {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding-bottom:12px;
}

ul#menu-footer-menu li a {
    font-size: 16px;
    color: var(--white-color);
    text-decoration: none;
    padding: 0 10px;
}

/*AUTHOR SECTION START*/

.main-title {
    text-align: left;
}

.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}

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

.name_author_out span.lbl {
    margin-right: 5px;
}

.name_author_out h4,
.name_author_out p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.modifyDetails {
    background: #F2F2F2;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
}

.custom_top_author {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 0;
}

.author_imag {
    line-height: 0;
}

.author_imag img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}

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

.name_author_out span.lbl {
    margin-right: 5px;
    font-weight: 700;
    color: var(--black-color);
}

.custom_author_info {
    color: var(--black-color);
}

.name_author_out a {
    color: inherit;
    text-decoration: none;
}

.name_author_out a:hover {
    text-decoration: underline;
}

.name_author_out a p {
    font-size: 16px;
}

.name_author_out h4,
.name_author_out p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.profile-tab-content {
    padding: 30px 0;
}

.profile-header-container {
    display: flex;
    align-items: center;
    gap: 30px;
}

.profile-header-container .header-name-container h2 {
    margin: 0;
    font-weight: 700;
}

.profile-fields-group.profile-fields-group-1 {
    border: 1px solid #abb8c3;
    margin: 1.5rem 0 0;
    padding: 15px 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background: var(--white-color);
    border-radius: 8px;
}

.profile-fields-group.profile-fields-group-1 h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 700;
}

.author-f-name {
    display: flex;
    gap: 10px;
    font-size: 20px;
    margin-bottom: 5px;
}

.author-description-name {
    margin-top: 20px;
    font-size: 20px;
    word-break: break-word;
}

/*AUTHOR SECTION END*/


/*404-page-css-start*/

section.page-section-404 {
    padding: 45px 0;
    width: 100%;
    max-width: 920px;
    margin: auto;
}

section.page-section-404 h1 {
    font-size: 35px;
    line-height: 45px;
}

.search-bar-404 strong {
    padding-bottom: 10px;
    display: block;
    font-size: 16px;
    line-height: 26px;
}

.search-bar-404 form input,
form#searchform input {
    width: 100%;
    padding: 12px 15px;
    background: var(--white-color);
    font-size: 16px;
    line-height: 26px;
    color: var(--black-color);
    border: none;
    border-radius: 4px 0px 0px 4px;
    outline: none;
    height: auto;
    border: 1px solid var(--black-color);
}

.search-bar-404 button,
input#searchsubmit {
    width: 100% !important;
    color: var(--white-color) !important;
    background: var(--primary-color) !important;
    border: none;
    max-width: 130px;
    border-radius: 0 4px 4px 0px !important;
    padding: 10px !important;
    font-size: 16px !important;
    cursor: pointer;
}

.search-bar-404 form,
form#searchform div {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.search-bar-404 form input::placeholder {
    color: var(--black-color);
}

.links-group-404 ul {
    padding-left: 20px;
    line-height: 26px;
}

.links-group-404 ul li a,
.need-more-help-404 a,
.links-group-404 a {
    color: var(--black-color);
    text-decoration: none;
}

.links-group-404 ul li a:hover,
.need-more-help-404 a:hover,
.links-group-404 a:hover {
    color: var(--primary-color);
}

.links-group-404 {
    font-size: 16px;
    line-height: 26px;
}

.search-bar-404 form {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.description-404 {
    font-size: 16px;
    line-height: 26px;
    padding: 10px 0;
}

.profile-fields-table .label {
    font-weight: 700;
    color: var(--dark-color);
}

.search-bar-404 {
    padding: 12px 0;
}

nav.navigation.pagination {
    display: inline-block;
    padding: 6px;
    margin: 20px 0;
}

.pagination {
    text-align: center;
}

.pagination .nav-links a,
.pagination span.current {
    color: var(--black-color);
    text-decoration: none;
    border: 1px solid var(--black-color);
    padding: 5px 10px;
    margin: -3px;
}

/*404-page-css-end*/
nav.footer-navigation {
    margin-bottom: 0;
}

.footer-navigation .wp-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    justify-content: start;
    line-height: 1;
}

.footer-navigation .wp-menu li {
    background: transparent;
    cursor: pointer;
    transition: all 0.5s;
    line-height: 1;
    padding: 0 2px 0 0;
}

.footer-navigation .wp-menu li:last-child {
    padding-right: 0;
}

.footer-navigation .wp-menu li:not(:last-child) {
    border-right: 1px solid #333;
    line-height: 1;
    display: inline-block;
}

.footer-navigation .wp-menu li:hover {
    background: transparent;
    border-radius: 0px;
}

.footer-navigation .wp-menu li a {
    color: #666;
    text-decoration: none;
    transition: color 0.2s ease;
    font-size: 12px;
    line-height: 1;
}

.footer-navigation .wp-menu li a:hover {
    color: #333;
    text-decoration: underline;
}

.footer-navigation .wp-menu li.current-menu-item a {
    color: #000000;
}


.ms_faq:not(:last-child) {
    margin-bottom: 12px;
}

/* Accordion Button */
.ms_faq .accordionButton {
    width: 100%;
    padding: 16px 30px 16px 16px;
    background-color: rgba(var(--primary-color-rgb), 0.15);
    cursor: pointer;
    font-size: 22px;
    border: 1px solid var(--gradient-end);
    border-radius: 8px;
    margin-bottom: 0;
    transition: background-color 0.25s ease, color 0.25s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Inherit h3 size properly */
.ms_faq .accordionButton h3 {
    font-size: inherit;
    margin: 0;
    font-weight: 600;
}

/* Active Accordion */
.ms_faq .accordionButton.on {
    background-color: rgba(var(--primary-color-rgb), 0.3);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Accordion Content */
.ms_faq .accordionContent {
    padding: 16px 20px;
    border-left: 1px solid var(--gradient-end);
    border-right: 1px solid var(--gradient-end);
    border-bottom: 1px solid var(--gradient-end);
    border-radius: 0 0 8px 8px;
    background: #ffffff;
    font-size: 16px;
    line-height: 26px;
    color: var(--dark-color);
}

/* Optional: subtle hover effect */
.ms_faq .accordionButton:hover {
    background-color: rgba(var(--primary-color-rgb), 0.3);
}


/* ===== General Link Hover and Active Color ===== */
ul.wp-menu li>a:hover,
ul.wp-menu li:hover>a,
ul.wp-menu li.current-menu-ancestor>a,
ul.wp-menu li.current-menu-item>a,
ul.wp-menu li.current-menu-parent>a,
ul.wp-menu li.current_page_item>a {
    color: var(--primary-color);
}

@media screen and (min-width: 992px) {
    .wp-menu li.menu-item-has-children:hover>.sub-menu {
        display: block;
    }

    .wp-menu li:last-child>.sub-menu {
        right: 0;
        left: auto;
    }

    .header-section ul.wp-menu {
        gap: 10px;
    }

    li.menu-item-has-children:hover::after {
        transform: rotate(180deg);
    }

    body ul.wp-menu li.menu-item-has-children ul.sub-menu .sub-menu {
        display: none;
        left: 100%;
        top: 0;
    }

    li.menu-item-has-children ul li:after {
        top: 12px;
        color: var(--dark-color);
        right: 10px;
    }

    body ul.wp-menu li.menu-item-has-children ul.sub-menu li ul.sub-menu {
        display: none;
    }

    body ul.wp-menu li.menu-item-has-children ul.sub-menu li:hover ul.sub-menu {
        display: block;
    }
}

@media screen and (max-width: 991px) {

    .mobile-menu {
        display: block;
    }

    .mobile-menu i {
        font-size: 28px;
        color: #f79621;
    }

    .header-section ul.wp-menu {
        position: absolute;
        width: 100%;
        left: 0;
        background: #101010;
        top: 100%;
        display: none;
        z-index: 999;
        margin: 0;
        padding: 10px 15px;
    }

    .header-section ul.wp-menu li {
        padding: 5px 0px;
        width: 100%;
    }

    li.menu-item-has-children:hover ul.sub-menu {
        display: none;
    }

    li.menu-item-has-children:after {
        display: none;
    }

    .header-section ul.wp-menu li a {
        width: auto;
        display: inline-block;
        padding: 10px;
        color: var(--white-color);
    }

    span.toggle-menu {
        position: absolute;
        margin-top: 0;
        right: 12px;
        z-index: 9999;
        top: 15px;
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    span.toggle-menu i {
        font-size: 18px;
        transition: transform 0.4s ease;
        /* smooth rotation */
        color: var(--white-color);
    }

    /* When .active class is added */
    span.toggle-menu.on i {
        transform: rotate(180deg);
    }

    ul.sub-menu {
        position: relative;
        width: 100%;
        border-radius: 0;
    }

    ul.wp-menu li {
        background: transparent;
    }

    ul.wp-menu li:hover {
        background: transparent;
    }

    ul.wp-menu li:hover a {
        color: var(--white-color);
    }

    li.menu-item-has-children.active span.toggle-menu {
        color: var(--black-color);
    }

    li.menu-item-has-children {
        padding-right: 0px !important;
    }

    li.menu-item-has-children:hover span.toggle-menu {
        color: var(--white-color);
    }

    ul.sub-menu li.menu-item-has-children span.toggle-menu i {
        color: var(--black-color);
    }

    ul.sub-menu li.menu-item-has-children .sub-menu {
        background-color: #f3f3f3;
        box-shadow: none !important;
        border-radius: 0;
    }

    .ms_faq.ms_card h3 {
        font-size: 18px;
    }

    .content-part-area h1.entry-title,
    .content-part-area h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .content-part-area h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .content-part-area h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .content-part-area h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .content-part-area h5 {
        font-size: 18px;
        line-height: 26px;
    }

    .content-part-area h6 {
        font-size: 16px;
        line-height: 22px;
    }

    .ms_faq:not(:last-child) {
        margin-bottom: 10px;
    }

    /* Accordion Button */
    .ms_faq .accordionButton {
        padding: 14px 28px 14px 14px;
        font-size: 18px;
        border-radius: 6px;
        background-position: calc(100% - 14px) center;
    }

    .ms_faq .accordionButton h3 {
        font-size: inherit;
    }

    .ms_faq .accordionButton.on {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    /* Accordion Content */
    .ms_faq .accordionContent {
        padding: 14px 14px;
        font-size: 15px;
        line-height: 1.6;
        border-radius: 0 0 6px 6px;
    }

    body .su-button-center span {
        line-height: 1.5 !important;
    }
}
@media(max-width:767px){
    ul#menu-footer-menu{
        flex-direction: column;
    }
}
@media screen and (max-width: 676px) {

    .content-part-area table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

}


.author-info--last-updated {
    color: #222;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px;
}

.author-info--last-updated span {
    font-weight: 700;
}

.author-info--name {
    color: inherit;
    font-family: GilroyBold, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    text-transform: capitalize;
}

.author-info {
    color: #222;
    margin-right: 10px;
    max-width: 100%;
}

.post-info-container .author-avatar--link img {
    border-radius: 40px;
    display: block;
    object-fit: cover;
    height: 48px;
    width: 48px;
}

.author-info--container {
    display: flex;
    align-items: center;
}

.post-info-container {
    display: flex;
    flex-wrap: wrap;
}

.author-avatar--link {
    margin: 0 10px 0px 0;
}

.author-info--name--container {
    align-items: center;
    display: flex;
}

.author-info--badge {
    display: flex;
    margin-left: 10px;
}
.post-info-container {
    display: flex;
    flex-wrap: wrap;
    background: #f79621d9;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}
.author-info--badge {
    margin-left: 10px;
}