.seoBody .content_01{
    padding-top: 3.5rem !important;
}
.seoBody .bg-light{
    background: #fff !important;
}

.inline-flex {
    display: inline-flex !important;
    white-space: nowrap;
}
.inline-flex .text-primary {
    margin-left: 3px;
}
.dropdown-menu-xl {
    width: 980px !important;
}
.navbar.topnav-menu {
    height: 50px !important;
}
.topMenuNav .dropdown .dropdown-menu-xl-right {
    transform: translate3d(-75%, 1px, 0) !important;
}
.topMenuNav .dropdown .dropdown-menu-xl-left {
    transform: translate3d(-5%, 1px, 0) !important;
}
.seoMainContainer {
    padding-left: 220px;
}

.topMenuNav .nav-item.active {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95);
    font-weight: 400;
    box-shadow: none;
    border-radius: 5px;
}
.navbar.topnav-menu .navbar-nav > .nav-item > .nav-link {
    line-height: 36px !important;
    max-height: 36px !important;
    padding: 0 1rem;
}
.logoMenu {
    margin-right: 10px;
}
.userMenuFix {
    padding: 0 !important;
}

.sidebar-container {
    position: fixed;
    top: 40px;
    left: 0;
    width: 220px;
    height: calc(100vh - 40px);
    background: #fff;
    z-index: 1001;
    overflow-y: auto;
    padding-top: 20px;
    transition: transform 0.3s ease-in-out;
    transform: translateX(0);
}
.sidebar-container.sidebar-transition {
    transition: transform 0.3s ease-in-out;
}
.sidebar-container.sidebar-none{
    display: none;
}

.sidebar-hidden .sidebar-container {
    transform: translateX(-100%);
}
.sidebar-hidden .seoMainContainer {
    padding-left: 0px;
}


.menu-left-toggle.active i {
    color: #444; 
}
.topMenuLogo {
    display: flex;
    align-items: center;
    gap: 10px;
}
.topMenuLogo .menu-left-toggle{
    cursor: pointer;
    padding:10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.2s ease;
}
.topMenuLogo .menu-left-toggle:hover{
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    opacity: 0.7;
}

.menu-left-toggle.active {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 10px;
}
.topMenuLogo .menu-left-toggle i{
    font-size: 16px;
}
.topMenuLogo .menu-left-logo{
    margin-right: 20px;
}
.sidebar-menu {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.sidebar-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
}
.switch-version{
    background: #f3f6fa7e;
}
.sidebar-item {
    display: flex;
    align-items: center;
    padding: 10px 18px;
    color: #252f4a;
    text-decoration: none;
    font-size: 13px;
    border-radius: 5px;
    margin: 2px;
    transition: background 0.15s, color 0.15s;
}


.sidebar-item:hover,
.sidebar-item.active {
    background: #f3f6fa;
    color: #007bff;
}

.sidebar-icon {
    margin-right: 10px;
    font-size: 14px;
    min-width: 24px;
    text-align: center;
}
.sidebar-icon i {
    color: #99a1b7;
}

.sidebar-text {
    flex: 1;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize;
    color: #252f4a;
}
.sidebar-item.has-submenu {
    position: relative;
}

.sidebar-arrow {
    margin-left: auto;
    transition: transform 0.2s;
}
.sidebar-arrow i {
    font-size: 9px;
}
.sidebar-item.has-submenu.active .sidebar-arrow {
    transform: rotate(90deg);
}

.sidebar-submenu {
    display: none;
    padding-left: 20px;
}

.sidebar-item.has-submenu.active + .sidebar-submenu {
    display: block;
}

.sidebar-submenu .sidebar-item {
    padding: 8px 18px;
    font-size: 12px;
}
.sidebar-submenu {
    display: none;
    padding-left: 20px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 0 0 6px 6px;
    margin: 0 2px;
}
.sidebar-item.has-submenu.active + .sidebar-submenu {
    display: block;
}

.sidebar-item.has-submenu[data-default="true"] {
    background: rgb(238, 245, 255);
    color: #007bff;
}

.sidebar-item.has-submenu[data-default="true"] + .sidebar-submenu {
    display: block;
}
.userLevel-VIP {
    top: 30px !important;
}
.userLevel-TRIAL {
    top: 30px !important;
}
.kindOfArticles {
    display: flex;
    gap: 10px;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
}
.kindOfArticles .item {
    width: calc((100% - 30px) / 4);
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content:start;
    gap: 0px;
}
.kindOfArticles .item:hover{
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.kindOfArticles .item .title {
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    padding-top:10px;
}
.kindOfArticles .item .description {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #6b7280;
}
.kindOfArticles .item img{
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0 0px;
    object-fit: contain;
}

.img-icon-tools-keyword-planner { background-image: url('../seo/tools/icon_keyword-planner.svg'); }
.img-icon-tools-keyword-suggestion { background-image: url('../seo/tools/icon_keyword-suggestion.svg'); }
.img-icon-tools-keyword-volume { background-image: url('../seo/tools/icon_keyword-volume.svg'); }
.img-icon-tools-keyword-grouper { background-image: url('../seo/tools/icon_keyword-grouper.svg'); }
.img-icon-tools-keyword-clustering { background-image: url('../seo/tools/icon_keyword-clustering.svg'); }  
.img-icon-tools-keyword-analysis { background-image: url('../seo/tools/icon_keyword-analysis.svg'); }  
.img-icon-tools-semantic-keywords { background-image: url('../seo/tools/icon_semantic-keywords.svg'); }  

.img-icon-tools-keyword-extractor { background-image: url('../seo/tools/icon_keyword-extractor.svg'); }  
.img-icon-tools-entity-extractor { background-image: url('../seo/tools/icon_entity-extractor.svg'); }  
.img-icon-tools-topic-extractor { background-image: url('../seo/tools/icon_topic-extractor.svg'); }    

.img-icon-tools-tts { background-image: url('../seo/tools/icon_tts.svg'); }  
.img-icon-tools-subtitle-to-audio { background-image: url('../seo/tools/icon_subtitle-to-audio.svg'); }  
.img-icon-tools-audio-to-text { background-image: url('../seo/tools/icon_audio-to-text.svg'); }  

.img-icon-tools-ai-text-summarizer { background-image: url('../seo/tools/icon_ai-text-summarizer.svg'); }  
.img-icon-tools-document-summarizer { background-image: url('../seo/tools/icon_document-summarizer.svg'); }  
.img-icon-tools-ideas-generator { background-image: url('../seo/tools/icon_ideas-generator.svg'); }  
.img-icon-tools-title-generator { background-image: url('../seo/tools/icon_title-generator.svg'); }  
.img-icon-tools-topical-map { background-image: url('../seo/tools/icon_topical-map.svg'); }  
.img-icon-tools-outline-generator { background-image: url('../seo/tools/icon_outline-generator.svg'); }  
.img-icon-tools-intro-generator { background-image: url('../seo/tools/icon_intro-generator.svg'); }  
.img-icon-tools-conclusion-generator { background-image: url('../seo/tools/icon_conclusion-generator.svg'); }  
.img-icon-tools-faqs-generator { background-image: url('../seo/tools/icon_faqs-generator.svg'); }  
.img-icon-tools-image-generator { background-image: url('../seo/tools/icon_image-generator.svg'); }  

.img-icon-tools-youtube-summarizer { background-image: url('../seo/tools/icon_youtube-summarizer.svg'); }  
.img-icon-tools-youtube-description { background-image: url('../seo/tools/icon_youtube-description.svg'); }  
.img-icon-tools-youtube-subtitle { background-image: url('../seo/tools/icon_youtube-subtitle.svg'); }  

.img-icon-tools-google-index { background-image: url('../seo/tools/icon_google-index.svg'); }  
.img-icon-tools-bing-index { background-image: url('../seo/tools/icon_bing-index.svg'); }  

.img-icon-tools-facebook-post { background-image: url('../seo/tools/icon_facebook-post.svg'); }  
.img-icon-tools-facebook-comments { background-image: url('../seo/tools/icon_facebook-comments.svg'); }  

.img-icon-tools-product-meta { background-image: url('../seo/tools/icon_product-meta.svg'); }  
.img-icon-tools-product-review { background-image: url('../seo/tools/icon_product-review.svg'); }  
.img-icon-tools-product-description { background-image: url('../seo/tools/icon_product-description.svg'); }  
.img-icon-tools-product-name { background-image: url('../seo/tools/icon_product-name.svg'); }  
.img-icon-tools-product-faq { background-image: url('../seo/tools/icon_product-faq.svg'); }  


/* Writer icons */
.img-icon-writer-smart-ai { background-image: url('/assets/img/writer/icon_smart-ai.svg'); }
.img-icon-writer-write-concise { background-image: url('/assets/img/writer/icon_write-concise.svg'); }
.img-icon-writer-search-post { background-image: url('/assets/img/writer/icon_search-post.svg'); }
.img-icon-writer-write-keywords { background-image: url('/assets/img/writer/icon_write-keywords.svg'); }
.img-icon-writer-write-news { background-image: url('/assets/img/writer/icon_write-news.svg'); }
.img-icon-writer-write-source { background-image: url('/assets/img/writer/icon_write-source.svg'); }
.img-icon-writer-write-outline { background-image: url('/assets/img/writer/icon_write-outline.svg'); }

/* Bulk writer icons */
.img-icon-writer-bulk-smart-ai { background-image: url('/assets/img/writer/icon_bulk-smart-ai.svg'); }
.img-icon-writer-bulk-concise { background-image: url('/assets/img/writer/icon_bulk-concise.svg'); }
.img-icon-writer-bulk-keywords { background-image: url('/assets/img/writer/icon_bulk-keywords.svg'); }
.img-icon-writer-bulk-source { background-image: url('/assets/img/writer/icon_bulk-source.svg'); }
.img-icon-writer-bulk-outline { background-image: url('/assets/img/writer/icon_bulk-outline.svg'); }

/* Auto post icons */
.img-icon-writer-rss-post { background-image: url('/assets/img/writer/icon_rss-post.svg'); }

/* Other writer icons */
.img-icon-writer-write-amazon { background-image: url('/assets/img/writer/icon_write-amazon.svg'); }
.img-icon-writer-write-review { background-image: url('/assets/img/writer/icon_write-review.svg'); }
.img-icon-writer-write-toplist { background-image: url('/assets/img/writer/icon_write-toplist.svg'); }
.img-icon-writer-facebook-post { background-image: url('/assets/img/writer/icon_facebook-post.svg'); }
.img-icon-writer-youtube-post { background-image: url('/assets/img/writer/icon_youtube-post.svg'); }
.img-icon-writer-news-rewriter { background-image: url('/assets/img/writer/icon_news-rewriter.svg'); }
.img-icon-writer-paraphrase { background-image: url('/assets/img/writer/icon_paraphrase.svg'); }
    

.img-icon-account-words{background-image: url('/assets/img/account/icon_account-words.svg');}
.img-icon-account-rocket{background-image: url('/assets/img/account/icon_rocket.svg');}
.img-icon-account-crown{background-image: url('/assets/img/account/icon_crown.svg');}
.img-icon-account-gift{background-image: url('/assets/img/account/icon_gift.svg');}
.img-icon-account-heart{background-image: url('/assets/img/account/icon_heart.svg');}
.img-icon-account-question{background-image: url('/assets/img/account/icon_question.svg');}
.img-icon-account-feedback{background-image: url('/assets/img/account/icon_feedback.svg');}
.img-icon-translate{background-image: url('/assets/img/icon_translate.svg');}

.img-icon-tools-combine-images { background-image: url('../seo/tools/icon_combine-images.svg'); }  
.img-icon-tools-remove-watermark { background-image: url('../seo/tools/icon_remove-watermark.svg'); }  
.img-icon-tools-change-background { background-image: url('../seo/tools/icon_change-background.svg'); }  
.img-icon-tools-image-upscaler { background-image: url('../seo/tools/icon_image-upscaler.svg'); }  
.img-icon-tools-try-on-glasses { background-image: url('../seo/tools/icon_try-on-glasses.svg'); }  
.img-icon-tools-video-script-generator { background-image: url('../seo/tools/icon_video-script-generator.svg'); }  
.img-icon-tools-veo3-prompt-generation { background-image: url('../seo/tools/icon_veo3-prompt-generation.svg'); }  
.img-icon-tools-ai-literary-analysis { background-image: url('../seo/tools/icon_ai-literary-analysis.svg'); }  
.img-icon-tools-ai-essay-writer { background-image: url('../seo/tools/icon_ai-essay-writer.svg'); }  
.img-icon-tools-descriptive-essay-writer { background-image: url('../seo/tools/icon_descriptive-essay-writer.svg'); }  


.icon-flag{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ffffff;
    border: 3px solid #e9e9e9;
    background-size: cover;
    background-position: center;
}
.icon-flag:hover{
    filter: brightness(0.9);
}
.flag-vi{
    background-image: url(../seo/flags/vn.svg);
}
.flag-en{
    background-image: url(../seo/flags/us.svg);
}
.flag-ja{
    background-image: url(../seo/flags/jp.svg);
}
.flag-th{
    background-image: url(../seo/flags/th.svg);
}
.flag-id{
    background-image: url(../seo/flags/id.svg);
}
.flag-hi{
    background-image: url(../seo/flags/in.svg);
}
.flag-ko{
    background-image: url(../seo/flags/kr.svg);
}
.flag-zh{
    background-image: url(../seo/flags/cn.svg);
}
.flag-ru{
    background-image: url(../seo/flags/ru.svg);
}
.flag-es{
    background-image: url(../seo/flags/es.svg);
}
.flag-fr{
    background-image: url(../seo/flags/fr.svg);
}
.flag-de{
    background-image: url(../seo/flags/de.svg);
}
.flag-it{
    background-image: url(../seo/flags/it.svg);
}
.flag-ar{
    background-image: url(../seo/flags/ar.svg);
}
.flag-tr{
    background-image: url(../seo/flags/tr.svg);
}
.flag-pt{
    background-image: url(../seo/flags/pt.svg);
}
.flag-pt{
    background-image: url(../seo/flags/ru.svg);
}
.img-icon-prompt{
    width: 36px;
    height: 36px;
    vertical-align: bottom;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
.img-align-middle{
    vertical-align: middle!important;
}
.listOtherTools {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.listOtherTools .item {
    width: calc((100% - 30px) / 4);
    flex: 0 0 calc((100% - 30px) / 4);
    border-radius: 10px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content:start;
    gap: 0px;
}
.listOtherTools .item .text-tools{
    font-size: 13px;
    font-weight: 400;
  
}
.listOtherTools .item .link-item{
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align:center;
}
.listOtherTools .item .link-item .icon-tools {
    border-radius: 5px;
    text-align: center;
}
.listOtherTools .item:hover{
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08);
    cursor: pointer;
}
.listOtherTools .item:hover .img-icon-prompt{
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out;
}
.otherTools-title{
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    padding-top:10px;
    color: #0055FF;
    margin: 20px 0px;
}
.sidebar-hidden-pc{
    visibility: hidden;
}

@media (min-width: 1200px) {
    .container_v2 {
        max-width: 1040px;
    }
}
@media (max-width: 1280px) {
    .navbar.topnav-menu .navbar-nav > .nav-item > .nav-link {
        padding: 0 1rem;
    }
    .topMenuNav .nav-item .nav-link {
        line-height: 1.1 !important;
    }
}
@media (max-width: 1024px) {
    .topMenuNav .nav-hide1024 {
        display: none;
    }
    .dropdown-menu-xl {
        width: 880px !important;
    }

    .topMenuNav .dropdown .dropdown-menu-xl-right {
        transform: translate3d(-95%, 1px, 0) !important;
    }
    .topMenuNav .dropdown-menu {
        margin-top: 25px;
    }
    .sidebar-container {
        width: 60px;
    }
    .sidebar-container .sidebar-text,
    .sidebar-container .sidebar-arrow {
        display: none;
    }
    .sidebar-container .sidebar-icon {
        margin-right: 0px;
    }
    .sidebar-container .sidebar-submenu {
        padding-left: 0px;
    }
    .seoMainContainer {
        padding-left: 60px;
    }
}
@media (max-width: 980px) {
    .sidebar-container {
        display: none;
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out;
    }
    .sidebar-container-active {
        display: block !important;
        position: fixed;
        width: 100%;
        height: calc(100vh - 40px);
        top: 40px;
        left: 0;
        z-index: 1001;
        background: #fff;
        transform: translateX(0);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        border-right: none;
        box-shadow: none;
        padding-top: 10px;
    }

    .mobile-menu-overlay {
        display: none;
        position: fixed;
        top: 40px;
        left: 0;
        width: 100%;
        height: calc(100vh - 40px);
        background: rgba(0, 0, 0, 0.5);
        z-index: 1000;
    }

    .mobile-menu-overlay.active {
        display: block;
    }
    .sidebar-container .sidebar-text,
    .sidebar-container .sidebar-arrow {
        display: block;
    }
    .sidebar-container .sidebar-icon {
        margin-right: 20px;
    }
    .sidebar-container .sidebar-submenu {
        padding-left: 20px;
    }
    .sidebar-menu {
        flex-direction: column;
        height: auto;
    }
    .seoMainContainer {
        padding-left: 0px;
    }
    .sidebar-item {
        margin: 0 0px 0 0;
        padding: 10px 10px;
        font-size: 14px;
        border-radius: 4px;
    }
    .sidebar-submenu {
        padding-left: 10px;
    }
    .navbar-nav .dropdown:hover .dropdown-menu {
        margin-left: 30px;
    }
    .topMenuNav .dropdown:hover .dropdown-menu {
        transform: translate3d(0%, 1px, 0);
    }
    .topMenuNav .dropdown .dropdown-menu {
        transform: translate3d(0%, 1px, 0);
    }
    .topMenuNav .dropdown-menu {
        margin-top: 0px;
    }
    .navbar.topnav-menu {
        padding: 5px 0;
        height: 60px !important;
    }
    .navbar.topnav-menu .navbar-nav > .nav-item > .nav-link {
        padding: 0.45rem 1.3rem;
    }

    .topMenuNav .dropdown .dropdown-menu-xl-right {
        transform: translate3d(0%, 1px, 0) !important;
        margin-left: 0px !important;
    }
    .navbar-nav .dropdown:hover .userDropdownMenu {
        margin-left: 0px !important;
    }
    .li_switch_pannel {
        display: none;
    }
    .dropdown-menu-xl {
        width: 100% !important;
    }
    .userLevel-VIP {
        left: 48%;
        top: 0px;
    }
    .userLevel-TRIAL {
        left: 48%;
        top: 0px;
    }
    .userDropdownMenu {
        display: block !important;
        opacity: 1 !important;
    }
    .content_01 {
        padding-top: 3.6rem !important;
    }
    .listOtherTools .item {
        width: calc((100% - 10px) / 2);
        flex: 0 0 calc((100% - 10px) / 2);
        padding: 10px 20px;
    }
    .topMenuLogo .menu-left-toggle{
        display: none;
    }
}
@media (max-width: 768px) {
    .kindOfArticles .item {
        width: 100%;
    }
    .sidebar-hidden-pc{
        visibility: visible;
    }
}