body {
    background-attachment: scroll;
    background-color: #fff;
    background-position: left top;
    background-repeat: repeat;

}
/* ============ FistHost Pro Hero ============ */
.fist-hero {
    position: relative;
    background: #0a2540;
    background: linear-gradient(135deg, #0a2540 0%, #1e3a8a 48%, #6d28d9 100%);
    color: #fff;
    margin: -20px 0 34px 0;
    overflow: hidden;
    width: 100%;
}
.fist-hero::before {
    content: "";
    position: absolute; inset: 0;
    background-image:
        radial-gradient(circle at 16% 22%, rgba(139,92,246,.38) 0, transparent 44%),
        radial-gradient(circle at 86% 72%, rgba(34,211,238,.20) 0, transparent 42%);
    pointer-events: none;
}
.fist-hero::after {
    content: "";
    position: absolute; inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
    background-size: 44px 44px;
    -webkit-mask-image: radial-gradient(ellipse 85% 95% at 50% 18%, #000 25%, transparent 78%);
    mask-image: radial-gradient(ellipse 85% 95% at 50% 18%, #000 25%, transparent 78%);
    pointer-events: none;
}
.fist-hero-in {
    position: relative; z-index: 1;
    text-align: center;
    padding: 66px 15px 56px;
    max-width: 880px;
    margin: 0 auto;
}
.fist-hero-badge {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.24);
    padding: 8px 20px; border-radius: 999px;
    font-size: 13px; font-weight: 600; letter-spacing: .4px;
    margin-bottom: 24px;
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.fist-hero-badge .fa { color: #22d3ee; }
.fist-hero-title {
    font-size: 54px; font-weight: 800; letter-spacing: -1.6px; line-height: 1.06;
    margin: 0 0 18px; color: #fff;
}
.fist-hero-title span {
    background: linear-gradient(90deg, #c4b5fd 0%, #a78bfa 40%, #22d3ee 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.fist-hero-sub {
    font-size: 18px; color: rgba(255,255,255,.84);
    max-width: 640px; margin: 0 auto 32px; line-height: 1.65;
}
.fist-hero-search { max-width: 660px; margin: 0 auto; position: relative; }
.fist-hero-search .form-group { margin-bottom: 0; }
.fist-hero-searchbox {
    background: #fff; border-radius: 999px !important;
    padding: 6px 8px 6px 8px; border: none;
    box-shadow: 0 22px 55px rgba(2,6,23,.5);
}
.fist-hero-searchbox .input-group-addon {
    background: transparent; border: none;
    color: #7c3aed; font-size: 19px; padding: 0 6px 0 18px;
}
.fist-hero-searchbox input.form-control {
    border: none !important; box-shadow: none !important; background: transparent;
    font-size: 17px; height: 52px; color: #0f1e33; border-radius: 999px;
}
.fist-hero-searchbox input.form-control::placeholder { color: #93a1b5; }
.fist-hero-search .search-results {
    margin-top: 12px; border-radius: 16px; text-align: left;
    border: none; box-shadow: 0 24px 60px rgba(2,6,23,.45);
    max-height: 300px;
}
.fist-hero-chips {
    margin-top: 24px; display: flex; flex-wrap: wrap; gap: 10px;
    justify-content: center; align-items: center;
}
.fist-hero-chips-label { color: rgba(255,255,255,.62); font-size: 13px; font-weight: 600; }
.fist-hero-chips a {
    color: #fff; font-size: 13px; font-weight: 600; text-decoration: none;
    background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.22);
    padding: 8px 17px; border-radius: 999px;
    transition: all .2s ease;
}
.fist-hero-chips a:hover { background: #fff; color: #4c1d95; transform: translateY(-2px); text-decoration: none; }
.fist-hero-stats {
    display: flex; justify-content: center; gap: 48px;
    margin-top: 40px; flex-wrap: wrap;
}
.fist-hero-stat strong { display: block; font-size: 30px; font-weight: 800; color: #fff; line-height: 1.1; }
.fist-hero-stat span {
    font-size: 11.5px; text-transform: uppercase; letter-spacing: 1.2px;
    color: rgba(255,255,255,.62); font-weight: 600;
}
.fist-hero-scroll {
    display: inline-flex; align-items: center; gap: 9px;
    margin-top: 34px; padding: 13px 30px; border-radius: 999px;
    background: #fff; color: #4c1d95 !important;
    font-size: 15px; font-weight: 700; text-decoration: none !important;
    box-shadow: 0 14px 34px rgba(2,6,23,.4);
    transition: transform .2s ease, box-shadow .2s ease;
}
.fist-hero-scroll:hover { transform: translateY(-3px); box-shadow: 0 20px 44px rgba(2,6,23,.5); }
.fist-hero-scroll .fa { font-size: 13px; animation: fistBounce 1.8s ease-in-out infinite; }
@keyframes fistBounce { 0%,100% { transform: translateY(0); } 50% { transform: translateY(4px); } }
@media (max-width: 767px) {
    .fist-hero-in { padding: 46px 15px 42px; }
    .fist-hero-title { font-size: 35px; letter-spacing: -.9px; }
    .fist-hero-sub { font-size: 15.5px; margin-bottom: 26px; }
    .fist-hero-stats { gap: 26px 34px; margin-top: 30px; }
    .fist-hero-stat strong { font-size: 24px; }
    .fist-hero-scroll { margin-top: 26px; }
}
.seobannerp{
    color: #e0e8eb; 
    font-family: Arial; 
    font-weight: bold; 
    font-size: 16px;
}

.seobannerh1{
    font-family: Arial; 
    font-weight: bold; 
    font-size: 32px;
}

.seobannerBig{
    margin-top: 100px;
}

.seobannerSmall{
   margin-top: 40px; 
}

.sub_seobannerh1{
    font-family: Arial; 
    font-weight: bold; 
    font-size: 22px; 
    color: #E0E8EB;
}
    
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -45px;
}
.tableHr{
    margin-bottom: 5px;
    margin-top: 5px;
}
.green{
    color: #27ae60;
}
.red{
    color: #c0392b;
}
.submasthead{
    background: #51BAD6 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    height: 140px;
    margin-bottom: 40px;
    margin-top: -20px;
    overflow: hidden;
    width: 100%;
}
.atoz_seo_tools_logo, .themeLogoImg {
   max-height: 120px;   
    padding: 10px 0;
}
.navbar-nav > li > a {
    text-transform: none;
}
#index_alert1{
    display: none;
}
.hideAll{
    display: none;
}
.moreToolsBut{
    margin-top:2px;
    margin-bottom:4px;
}
.navbar-default {
   background-image: linear-gradient(to bottom, #0948B3, #0948B3);
   background-repeat: repeat-x;
   border-color: #ebf1f8;
   border-width: 0 1px 2px;
}
.navbar-brand{
    margin-top: -13px;
    padding: 0 50px;
}
.navbar-right{
    margin-right: 24px;
}
.well{
    background-color: #fff;
}
.caption{
    margin-bottom:10px;
}
.about_tool{
    margin-bottom:20px;
}
.main-index{
    background-color: #fff;
    padding-top: 20px;
    border: 1px solid #ddd;
}
.main-container{
    margin-top: 60px;
}
.b-widgets {
    background: #506273 none repeat scroll 0 0;
    color: #fff;
    padding: 35px 40px 25px;

}
.footer {
    background: #495b6c none repeat scroll 0 0 !important;
}
.alertNew {
    border-radius: 0;
    font-size: 14px;
}
.alertNew-block {
    padding-bottom: 14px;
    padding-top: 14px;
    padding-left: 12px;
}
.alertNew-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.alertNew-danger, .alertNew-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}
.alertNew .close {
    font-size: 16px;
}
.alertNew .close {
    line-height: 20px;
    position: relative;
    left: -21px;
    top: -2px;
}
.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}
.footer {
    padding: 0;
    border-top: 4px solid #51bad6;
}
.popluarTools{
    background: #D7D7D7 none repeat scroll 0 0;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50em;
    color: #fff;
    float: left;
    font-size: 30px;
    height: 42px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    width: 42px;
}
.popluarTools{
    background: #D7D7D7 none repeat scroll 0 0;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50em;
    color: #fff;
    float: left;
    font-size: 30px;
    height: 42px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    width: 42px;
    margin-right: 15px;
    margin-bottom: 10px;
}
.layout {
    padding: 0 15px;
}
.widget-header {
    background: linear-gradient(to bottom, #fff 0px, #eee 100%) repeat-x scroll 0 0 #f7f7f7;
    border-bottom: 1px solid #ddd;
    box-sizing: content-box;
    color: #669fc7;
    min-height: 38px;
    padding-left: 12px;
    position: relative;
}
.widget-box {
    border: 1px solid #ccc;
    box-shadow: none;
    margin: 3px 0;
    padding: 0;
}
.widget-header > .widget-title {
    display: inline;
    line-height: 36px;
    margin: 0;
    padding: 0;
}
h4.smaller {
    font-size: 17px;
}
.widget-body {
    background-color: #fff;
}
.widget-main{
    padding:18px;
}
.row-item {
    display: inline-block;
    font-size: 13px;
    letter-spacing: normal;
    margin: 0;
    text-align: left;
    vertical-align: top;
    word-spacing: normal;
}
.just-links li {
    line-height: 24px;
}
.just-links {
    margin-bottom: 20px;
}
.result-line {
    line-height: 20px;
    margin-top: 1px;
    padding: 5px;
}
.percentbox
{
    text-align: center;
    font-size: 18px;
    margin: 18px;
}
.percentimg
{
    text-align: center;
    display: none;
}
.b-list {
    line-height: 20px;
    list-style: outside none none;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
}
.footer-title::after {
    background: #51BAD6 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: -2px;
    margin-top: 8px;
    width: 60px;
}
.b-list li {
    margin-bottom: 2px;
}
.just-links.m-dark a {
    color: #fff;
}
.just-links a {
    color: #fff;
    display: block;
}
.b-list a {
    color: inherit;
    text-decoration: none;
}

.b-widgets h3 {
    font-size: 16px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.b-widgets h1, .b-widgets h2, .b-widgets h3, .b-widgets h4, .b-widgets h5, .b-widgets h6 {
    color: #fff;
}
.b-twitter ul {
    list-style: outside none none;
    margin: 0 0 20px;
    padding: 0;
}
.footerCopyright{
    margin-top: 14px;
    margin-bottom: 14px;
}
.b-twitter li {
    padding: 0 0 18px 25px;
    position: relative;
}
.b-twitter li:before {
    color: #e2e2e2;
    content: "";
    font: 16px "FontAwesome";
    left: 0;
    position: absolute;
    top: 2px;
}
.b-twitter span {
    display: block;
    margin: 2px 0 0;
}
.twit-date {
    color: #d3d3d3;
    font: 11px "OpenSansItalic";
}
.b-twitter.m-footer a {
    color: #e34735;
}
.b-twitter.m-footer a:hover {
    color: #3b3d40;
}
.b-twitter.m-footer li:before {
    color: #ced3d5;
    text-shadow: 0 1px 0 white;
}
.b-twitter.m-footer .twit-date {
    color: #444;
}
.b-tag-cloud {
    font-size: 0;
    letter-spacing: -0.31em;
    margin-bottom: 20px;
    word-spacing: -0.43em;
}
.b-tag-cloud span {
    color: #313538;
    display: inline-block;
    font: 14px "OpenSansSemiboldRegular";
    margin-right: 10px;
}
.b-tag-cloud a {
    background-color: #fafafa;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    color: #424346;
    display: inline-block;
    font: 11px/29px "OpenSansSemiboldRegular";
    letter-spacing: normal;
    margin: 0 10px 10px 0;
    padding: 0 15px;
    position: relative;
    text-shadow: 0 1px 0 white;
    transition: all 0.2s ease-in-out 0s;
    word-spacing: normal;
}
.b-tag-cloud a:hover {
    background-color: #10B0E4;
    border: 1px solid #6BD4F7;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: #fff;
    text-shadow: 0 -1px 0 #6BD4F7;
}
.b-tag-cloud a:hover:before {
    opacity: 1;
}
.b-tag-cloud.m-dark {
    margin-bottom: 13px;
}
.b-tag-cloud.m-dark a {
    background-color: #fff;
    border-color: #dddddd;
}
.b-tag-cloud.m-dark a:hover {
    background-color: #10B0E4;
    border: 1px solid #6BD4F7;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: #fff;
    text-shadow: 0 -1px 0 #6BD4F7;
}
.input-wrap, .select-wrap {
    display: block;
    margin: 0 0 12px;
    position: relative;
}
.textarea-wrap {
    margin-bottom: 12px;
    position: relative;
}
.textarea-wrap textarea {
    box-sizing: border-box;
    display: block;
    font-size: 12px;
    height: 110px;
    max-width: 100%;
    min-width: 100%;
    padding: 8px 12px 12px;
    width: 100%;
}
.input-wrap i {
    color: #c1c4c5;
    left: 11px;
    position: absolute;
    top: 11px;
}
.textarea-wrap i {
    color: #c1c4c5;
    left: 11px;
    position: absolute;
    top: 12px;
}
.input-wrap i + input, .textarea-wrap i + textarea {
    padding-left: 31px;
}
.thumbnail:hover{
    box-shadow: 0px 0px 5px 3px #25B7D3;
    opacity:0.7;
}
.form-control  {
    background-color: #ffffff;
    border: 1px solid #c3e8f4;
    border-radius: 5px;
    box-shadow: 0 0 0 4px #f0fbff;
    box-sizing: border-box;
    color: #111111;
    padding: 5px 10px;
    width: 100%;
}

.seotoolimg{
    margin-top:10px;
    margin-bottom:10px;
}
.navbar-nav > li.dropdown .dropdown-menu {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.09) !important;
    border-top: 0 !important;
}
.navbar-brand .icon {
    background: none !important;
}
.navbar-nav > li.dropdown .dropdown-menu a:hover {
        background: rgba(255, 255, 255, 0.02) !important;
        color: #989ea8;
}
.well {
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}
.xd_top_box{
    display: block;
    height: auto;
    max-width: 100%;
    text-align: center;
    padding-bottom: 18px;
}
.sideXd{
    text-align: center;
}
.bg-facebook {
    background: none repeat scroll 0 0 #1d89cf;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
}
.bg-twitter {
    background: none repeat scroll 0 0 #3ddcde;
    border-radius: 0;
    cursor: pointer;
}
.bg-google-plus {
    background: none repeat scroll 0 0 #e74c3c;
    border-radius: 0;
    cursor: pointer;
}
.bg-pinterest {
    background: none repeat scroll 0 0 #CB2027;
    border-radius: 0;
    cursor: pointer;
}
.bg-stumbleupon {
    background: none repeat scroll 0 0 #EB4923;
    border-radius: 0;
    cursor: pointer;
}
.bg-linkedin {
    background: none repeat scroll 0 0 #3F97C6;
    border-radius: 0;
    cursor: pointer;
}
.panel-heading a:hover
{
    color: #fff;
       font-size: 15px;

}
.fa.fa-refresh { 
    transition: transform 0.5s ease 0s; 
}
.fa.fa-refresh:hover {  
    transform: rotate(90deg); 
}
.reloadCap{
    cursor: pointer;
}
#capImg{
    width: 150px;
    height: 55px;
}
.phpCap{
    width: 150px !important;
}
#scode{
    box-shadow: none !important;
}
.captchaCode{
    margin-bottom: 10px;
}
.imagever{
    border: 2px solid #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.2) inset;
    transition: box-shadow 0.2s ease 0s;
}
.capInput{
    margin-top:7px; 
    width:15%; 
    display:inline;
}
/*
 * @author Balaji
 * @name: A to Z SEO Tools v2
 * @copyright © 2017 ProThemes[dot]Biz
 *
 */
#spinningSquaresG{
position:relative;
width:200px;
height:24px}

.spinningSquaresG{
position:absolute;
top:0;
background-color:#FFFFFF;
width:24px;
height:24px;
-moz-animation-name:bounce_spinningSquaresG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(.3);
-webkit-animation-name:bounce_spinningSquaresG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(.3);
-ms-animation-name:bounce_spinningSquaresG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(.3);
-o-animation-name:bounce_spinningSquaresG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(.3);
animation-name:bounce_spinningSquaresG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(.3);
}

#spinningSquaresG_1{
left:0;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#spinningSquaresG_2{
left:25px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#spinningSquaresG_3{
left:50px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#spinningSquaresG_4{
left:75px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#spinningSquaresG_5{
left:100px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#spinningSquaresG_6{
left:125px;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#spinningSquaresG_7{
left:150px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

#spinningSquaresG_8{
left:175px;
-moz-animation-delay:1.43s;
-webkit-animation-delay:1.43s;
-ms-animation-delay:1.43s;
-o-animation-delay:1.43s;
animation-delay:1.43s;
}

@-moz-keyframes bounce_spinningSquaresG{
0%{
-moz-transform:scale(1);
background-color:#FFFFFF;
}

100%{
-moz-transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}

}

@-webkit-keyframes bounce_spinningSquaresG{
0%{
-webkit-transform:scale(1);
background-color:#FFFFFF;
}

100%{
-webkit-transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}

}

@-ms-keyframes bounce_spinningSquaresG{
0%{
-ms-transform:scale(1);
background-color:#FFFFFF;
}

100%{
-ms-transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}

}

@-o-keyframes bounce_spinningSquaresG{
0%{
-o-transform:scale(1);
background-color:#FFFFFF;
}

100%{
-o-transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}

}

@keyframes bounce_spinningSquaresG{
0%{
transform:scale(1);
background-color:#FFFFFF;
}

100%{
transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}

}

.ultm-32.ultm-facebook {
    background-image: url("../img/facebook.png");
}
.ultm-color-to-gray {
    transition: all 0.2s ease 0s;
}
.ultm-facebook, .ultm-facebook.ultm-gray-to-color:hover{
    background-color: #6686b7;
}
.ultm-twitter, .ultm-twitter.ultm-gray-to-color:hover {
    background-color: #54c1de;
}
.ultm-google-plus-1, .ultm-google-plus-1.ultm-gray-to-color:hover {
    background-color: #0073B1;
}
.ultm-color-to-gray:hover {
    background-color: #888;
}
.ultm-32.ultm-twitter {
    background-image: url("../img/twitter.png");
}
.ultm-32.ultm-google-plus-1 {
    background-image: url("../img/gp.png");
}
.ultm-32 {
    height: 32px;
    width: 32px;
}
.ultm-color-to-gray {
    transition: all 0.2s ease 0s;
}
.ultm {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 11px;
}
.top10{
    margin-top: 10px;
}
.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20);
	cursor: pointer;
	margin-top: -1px;
}
.close:hover {
	opacity: .6;
	filter: alpha(opacity=60);
}
.close:focus {
	outline: 0;
}
button.close {
	padding: 0;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
}

.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.align-right {
	text-align: right;
}

/* Form */
.form-group {
	margin-bottom: 10px;
}

.form-input {
	display: inline-block;
	padding: 7px;
    font-weight: normal;
	line-height: 20px;
	color: #000;
	border-radius: 3px;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	width: 96%;
    margin-top: 1px;
}
.form-input:focus {
	outline: 0;
}
select.form-input {
	width: 100%;
}
/* end Inputs */

.loginme {
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.loginme input[type="checkbox"],
.loginme input[type="radio"] {
	vertical-align: middle;
	margin: -3px 2px 0 0;
}
.loginme label {
	display: block;
	font-weight: 700;
	cursor: pointer;
}
.loginme .alert {
	display: none;
}
.loginme .nav-pills {
	margin: 5px 0 15px;
}
.loginme .nav-pills > li > a {
	padding: 8px 12px;
}
.loginme .info {
	margin-bottom: 10px;
	line-height: 1.6em;
	color: #999;
}
.loginme .alert ul {
	margin: 0px;
	padding: 0 0 0 15px;
}
.connect-with {
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	margin: 0 0 10px !important;
}
.connect-with .connect {
	display: block;
	font-size: 17px;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none !important;
	height: 40px;
	line-height: 28px;
	text-align: center;
	padding: 8px 13px 18px 47px;
	border-radius: 3px;
	float: left;
    margin-top: 5px;
    margin-left: 50px;
}
.connect.facebook {
	background: #3b5998 url(../img/connect-with.png) no-repeat;
}
.connect.google {
	background: #DC4D28 url(../img/connect-with.png) no-repeat 0 -40px;
}
.connect.twitter {
	background: #00ABF1 url(../img/connect-with.png) no-repeat 0 -80px;
}

/* Bootstrap alert, buttons, nav */
.alert {
	padding: 8px 10px;
	margin: 0 0 10px;
	border: 1px solid transparent;
	border-radius: 3px;
}
.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}
@media only screen and (min-width : 1201px) and (max-width : 1780px) {
div.content_2 {
float: right; 
margin:0 auto;
}
.checkbox.inline {
 margin-left: -150px;
}

}

@media only screen and (min-width : 10px) and (max-width : 1000px) {
.grid_4 { width: 100%; 
}
.checkbox.inline {
  margin-left: 78px;
}
}
@media only screen and (min-width : 10px) and (max-width : 450px) {
.connect.google {
    padding-left: 67px;
}
}
@media only screen and (min-width : 10px) and (max-width : 345px) {
.atoz_seo_tools_logo {
     max-height: 78px;
     padding: 14px 0;
}
}
.blog-img {
    margin: 0;
    width: 198px;
}
.col-md-4,.col-md-8 {
    padding-left: 15px;
}
.color-grey {
    color: #bebebe;
    margin-right: 5px;
}
.color_grap {
    color: #141517;
    font-weight: 700;
}
.color_text_in {
    color: #545e6a;
    margin-right: 30px;
}
.text_word {
    color: #fff;
    font-size: 36px;
    text-align: center;
}
.date_down, .date_down2 {
    background: none repeat scroll 0 0 #2BABCF;
    height: 46px;
    width: 60px;
}
.date_up, .date_up2 {
    background: none repeat scroll 0 0 #2390af;
    height: 22px;
    width: 60px;
}
.date, .date_1 {
    height: 68px;
    width: 60px;
}
.center2 {
    text-align: center;
}
.feb2 {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding-top: 2px;
}
.version {
    color: #252c34;
    margin-top: 11px;
}
.version a {
    color: #1e85a2;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
} 
h4, .h4 {
    font-size: 22px;
}
.divider_h, .hr_horiznt_dotted {
    border-bottom: 1px dotted #aaacaf;
}
.mr_top30 {
    margin-top: 25px;
    margin-bottom: 30px;
}
.comment-here {
    color: #252c34;
    margin-bottom: 4px;
}
.font_14 {
    font-size: 14px;
}
.posts_1 {
    margin-top: 12px;
}
.posts_1 h5 {
    color: #545e6a;
    font-family: Dosis,sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 6px;
    text-transform: uppercase;
}
.posts_1 h5 span {
    font-size: 22px;
    font-weight: 300;
}
.width96{
    width: 96% !important;
}
.loginpage{
    margin-top: 20px;
}
.login-footer{
    margin-bottom: 20px;
}
.loginpage label{
    display: block;
}
.loginpage .form-input{
    height: auto;
}
.themeLogoText {
    color: #777;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px;
    position: relative;
    transition: all 0.2s ease 0s;
}
.iconBig{
    font-size: 30px;
}
#search,#sidebarsearch{
    box-shadow: none !important;
}
#searchSec,#sidebarSc{
    padding:10px;
    position:relative;
}
.search-results {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c3e8f4;
    border-radius: 3px;
    box-shadow: 0 0 0 4px #f0fbff;
    display: none;
    font-size: 18px;
    font-weight: 300;
    max-height: 250px;
    min-height: 50px;
    overflow: auto;
    padding: 5px;
    top: 60px;
    width: 100%;
    z-index: 50;
}
.sidebarmatch {
    width: 100% !important;
}
.search-results .match {
    box-sizing: border-box;
    display: inline-block;
    padding: 5px;
    width: 50%;
}
#sidebar-results{
    padding: 3px !important;
    font-size: 16px !important;
}
.search-results .match a {
    border: 1px solid #ccc;
    color: #506273;
    display: block;
    padding: 3px;
    text-decoration: none;
    transition: none 0s ease 0s ;
}
.search-results .match a strong {
    font-weight: 400;
    text-decoration: none;
}
.search-results .match a:hover {
    box-shadow: 0 0 1px 1px #25b7d3;
    color: #2c3e50;
    font-weight: 400;
    border-color: #ddd;
}
.search-results .match a:hover strong {
    text-decoration: none;
}
.csContent{
    margin-top: 20px;
}
/* ============================================================
   FIST MODERN THEME - Modern cards, sections & footer
   (Hero / masthead styles above are kept exactly as-is)
   ============================================================ */

/* Tools section wrapper */
.fistmodern-wrap {
    background: #f4f7fb;
    border-radius: 18px;
    padding: 26px 18px 10px 18px;
    margin-top: -58px;
    position: relative;
    z-index: 5;
    box-shadow: 0 18px 45px rgba(1, 62, 123, 0.10);
}
.fistmodern-wrap .main-container { background: transparent; }

/* Section heading above the grid */
.fist-section-head {
    text-align: center;
    margin: 6px 0 22px 0;
}
.fist-section-head h2 {
    font-size: 26px;
    font-weight: 800;
    color: #0b2a4a;
    margin: 0 0 6px 0;
}
.fist-section-head h2 span { color: #25B7D3; }
.fist-section-head p {
    color: #6b7a90;
    font-size: 14px;
    margin: 0;
}
.fist-section-head .fist-bar {
    width: 64px; height: 4px; border-radius: 4px;
    background: linear-gradient(to right, #013e7b, #25B7D3);
    margin: 10px auto 0 auto;
}

/* Modern tool card */
.fist-tool-card {
    display: block;
    background: #ffffff;
    border: 1px solid #e6edf5;
    border-radius: 14px;
    padding: 22px 10px 16px 10px;
    margin-bottom: 22px;
    text-align: center;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.fist-tool-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(to right, #013e7b, #25B7D3);
    opacity: 0;
    transition: opacity .22s ease;
}
.fist-tool-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(1, 62, 123, 0.16);
    border-color: #bfe6f2;
}
.fist-tool-card:hover::before { opacity: 1; }
.fist-tool-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px; height: 64px;
    border-radius: 18px;
    background: linear-gradient(135deg, #e8f7fc 0%, #d3eefb 100%);
    margin-bottom: 12px;
    transition: transform .22s ease;
}
.fist-tool-card:hover .fist-tool-icon { transform: scale(1.08) rotate(-3deg); }
.fist-tool-icon img.seotoolimg {
    width: 40px; height: 40px;
    object-fit: contain;
}
.fist-tool-name {
    display: block;
    font-size: 13.5px;
    font-weight: 700;
    color: #16324f;
    line-height: 1.35;
    min-height: 37px;
}
.fist-tool-go {
    display: inline-block;
    margin-top: 8px;
    font-size: 12px;
    color: #9db2c7;
    transition: color .22s ease, transform .22s ease;
}
.fist-tool-card:hover .fist-tool-go { color: #25B7D3; transform: translateX(4px); }

/* Search box polish */
#searchSec .input-group.green.shadow {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(37, 183, 211, 0.18) !important;
}
#searchSec input#search { border: none; box-shadow: none; }

/* Browse-all button */
.moreToolsBut { margin: 8px 0 18px 0; }
.moreToolsBut .btn {
    border-radius: 30px;
    padding: 10px 34px;
    font-weight: 700;
    letter-spacing: .4px;
    background: linear-gradient(to right, #013e7b, #0a5aa8);
    border: none;
    box-shadow: 0 8px 20px rgba(1, 62, 123, 0.25);
}
.moreToolsBut .btn:hover { background: linear-gradient(to right, #0a5aa8, #25B7D3); }

/* ---- Modern footer ---- */
/* ============ v3.0.56: footer in fisthost.com style ============
   light: bg #f8fafc / headings #0f172a / text #94a3b8
   dark:  bg #0a101f / headings #f8fafc / text #64748b */
.fist-footer { margin-top: 40px; }
.fist-footer-top {
    background: #f8fafc;
    border-top: 1px solid rgba(15,23,42,.06);
    color: #475569;
    padding: 56px 0 40px 0;
}
html[data-theme="dark"] .fist-footer-top {
    background: #0a101f;
    border-top-color: rgba(148,163,184,.08);
    color: #94a3b8;
}
.fist-footer-title {
    color: #0f172a;
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    margin: 0 0 20px 0;
    padding: 0;
    border: none;
    display: block;
}
html[data-theme="dark"] .fist-footer-title { color: #f8fafc; }
.fist-footer-about { font-size: 14px; line-height: 1.8; color: #94a3b8; max-width: 300px; }
html[data-theme="dark"] .fist-footer-about { color: #64748b; }
.fist-footer-links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.fist-footer-links li { margin: 0; }
.fist-footer-links a {
    color: #94a3b8;
    font-size: 14px;
    text-decoration: none;
    transition: color .18s ease;
}
.fist-footer-links a::before { display: none; }
.fist-footer-links a:hover { color: #6366f1; padding-left: 0; }
html[data-theme="dark"] .fist-footer-links a { color: #64748b; }
html[data-theme="dark"] .fist-footer-links a:hover { color: #a5b4fc; }
.fist-social { margin-top: 16px; }
.fist-soc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px; height: 36px;
    border-radius: 8px;
    background: rgba(255,255,255,.9);
    border: 1px solid rgba(15,23,42,.06);
    color: #94a3b8;
    font-size: 15px;
    margin-right: 10px;
    text-decoration: none !important;
    transition: all .18s ease;
}
html[data-theme="dark"] .fist-soc {
    background: rgba(17,24,39,.7);
    border-color: rgba(148,163,184,.08);
    color: #64748b;
}
.fist-soc:hover { transform: translateY(-2px); color: #fff; }
.fist-soc-fb:hover { background: #3b5998; border-color: #3b5998; }
.fist-soc-tw:hover { background: #1da1f2; border-color: #1da1f2; }
.fist-soc-in:hover { background: #0077b5; border-color: #0077b5; }
/* Newsletter lives inside the footer now (fisthost.com style) */
.fist-newsletter-form { display: flex; gap: 8px; margin-top: 16px; }
.fist-newsletter-form input[type=email] {
    flex: 1; min-width: 0; height: 40px;
    background: #ffffff;
    border: 1px solid rgba(15,23,42,.06);
    border-radius: 8px;
    padding: 0 14px; font-size: 13px; color: #0f172a;
}
html[data-theme="dark"] .fist-newsletter-form input[type=email] {
    background: #030712;
    border-color: rgba(148,163,184,.08);
    color: #f8fafc;
}
.fist-newsletter-form input[type=email]::placeholder { color: #94a3b8; }
.fist-newsletter-form input[type=email]:focus { outline: none; border-color: #6366f1; }
.fist-newsletter-form button {
    height: 40px; padding: 0 18px;
    background: linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);
    color: #fff; border: none; border-radius: 8px;
    font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap;
    transition: filter .18s ease;
}
.fist-newsletter-form button:hover { filter: brightness(1.08); }
.fist-newsletter-form button:disabled { opacity: .65; cursor: wait; }
.fist-newsletter-msg { margin: 10px 0 0; font-size: 13px; min-height: 18px; }
.fist-newsletter-msg.ok { color: #10b981; }
.fist-newsletter-msg.err { color: #ef4444; }
@media (max-width: 480px) {
    .fist-newsletter-form { flex-direction: column; }
    .fist-newsletter-form button { width: 100%; }
}
/* FistHost promo card in tool sidebar (v3.0.61) */
.fist-promo {
    background: linear-gradient(135deg, #6366f1 0%, #7c3aed 38%, #a855f7 68%, #ec4899 115%);
    border-radius: 14px;
    padding: 26px 20px;
    text-align: center;
    color: #fff;
    margin: 18px 0 4px;
    box-shadow: 0 12px 30px rgba(124,58,237,.35);
    position: relative;
    overflow: hidden;
}
.fist-promo::before {
    content: ""; position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.25), transparent 60%);
    pointer-events: none;
}
.fist-promo-badge {
    display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: 2px;
    text-transform: uppercase; background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.3); padding: 5px 14px; border-radius: 999px;
    margin-bottom: 12px; position: relative;
}
.fist-promo h4 { color: #fff; font-size: 20px; font-weight: 800; margin: 0 0 8px; position: relative; }
.fist-promo p { color: rgba(255,255,255,.88); font-size: 14px; margin: 0 0 16px; position: relative; line-height: 1.6; }
.fist-promo p strong { color: #fde68a; font-size: 19px; }
.fist-promo-btn {
    display: inline-block; background: #fff; color: #7c3aed !important;
    font-weight: 800; font-size: 14px; padding: 11px 30px; border-radius: 999px;
    text-decoration: none !important; position: relative;
    box-shadow: 0 8px 20px rgba(0,0,0,.25); transition: transform .2s ease;
}
.fist-promo-btn:hover { transform: translateY(-2px); color: #7c3aed !important; }

/* Wide FistHost promo banner above footer - all pages (v3.0.63) */
.fist-wide-promo-wrap { padding: 10px 0 30px; background: transparent; }
.fist-wide-promo {
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
    background: linear-gradient(135deg, #6366f1 0%, #7c3aed 38%, #a855f7 68%, #ec4899 115%);
    border-radius: 18px; padding: 28px 34px; color: #fff !important;
    text-decoration: none !important; position: relative; overflow: hidden;
    box-shadow: 0 16px 40px rgba(124,58,237,.35);
}
.fist-wide-promo::before {
    content: ""; position: absolute; inset: 0;
    background: radial-gradient(circle at 85% 20%, rgba(255,255,255,.22), transparent 55%);
    pointer-events: none;
}
.fist-wide-promo-text { display: flex; flex-direction: column; gap: 8px; position: relative; }
.fist-wide-promo-title { font-size: 24px; font-weight: 800; color: #fff; line-height: 1.25; }
.fist-wide-promo-sub { font-size: 15px; color: rgba(255,255,255,.88); }
.fist-wide-promo-sub b { color: #fde68a; }
.fist-wide-promo .fist-promo-btn { flex-shrink: 0; position: relative; }
@media (max-width: 767px) {
    .fist-wide-promo { flex-direction: column; text-align: center; padding: 26px 20px; }
    .fist-wide-promo-title { font-size: 20px; }
    .fist-wide-promo .fist-promo-badge { align-self: center; }
}

/* v3.0.63: sidebar container border transparent on mobile */
@media (max-width: 767px) {
    #rightCol .well {
        background: transparent;
        border-color: transparent;
        box-shadow: none;
    }
}

/* Copyright bar: fisthost.com footer-bot style */
.fist-footer-bottom {
    background: transparent;
    border-top: 1px solid rgba(15,23,42,.06);
    color: #94a3b8;
    font-size: 13px;
    padding: 24px 0;
}
html[data-theme="dark"] .fist-footer-bottom {
    border-top-color: rgba(148,163,184,.08);
    color: #64748b;
}
.fist-footer-bottom a { color: #6366f1; }
html[data-theme="dark"] .fist-footer-bottom a { color: #a5b4fc; }

/* Tool output pages: soften content boxes */
.fistmodern-wrap .xd_top_box,
.fistmodern-wrap .xd_main_box {
    border-radius: 12px;
}

/* Responsive tweaks */
@media (max-width: 767px) {
    .fistmodern-wrap { margin-top: -30px; padding: 18px 8px 6px 8px; }
    .fist-tool-icon { width: 54px; height: 54px; }
    .fist-tool-name { font-size: 12px; }
    .fist-section-head h2 { font-size: 21px; }
}

/* ============ Dark / Light Mode ============ */
:root, html[data-theme="light"] {
    --fist-bg: #ffffff;
    --fist-bg-soft: #f6f9fc;
    --fist-text: #2c3e50;
    --fist-text-muted: #7e93aa;
    --fist-card-bg: #ffffff;
    --fist-card-border: #e6edf3;
    --fist-nav-bg: #ffffff;
    --fist-nav-text: #2c3e50;
    --fist-input-bg: #ffffff;
    --fist-input-border: #d5dee8;
    --fist-box-bg: #ffffff;
    --fist-table-head: #f6f9fc;
}
html[data-theme="dark"] {
    --fist-bg: #0f1a26;
    --fist-bg-soft: #16242f;
    --fist-text: #dbe6f0;
    --fist-text-muted: #8ba0b5;
    --fist-card-bg: #16242f;
    --fist-card-border: #24384a;
    --fist-nav-bg: #101c29;
    --fist-nav-text: #dbe6f0;
    --fist-input-bg: #101c29;
    --fist-input-border: #2b4257;
    --fist-box-bg: #16242f;
    --fist-table-head: #1a2c3d;
}
html[data-theme="dark"] body {
    background: var(--fist-bg);
    color: var(--fist-text);
}
html[data-theme="dark"] .navbar-default {
    background-color: #6366f1;
    background-image: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);
    border: none;
}
html[data-theme="dark"] .navbar-default .navbar-nav > li > a {
    color: var(--fist-nav-text);
}
html[data-theme="dark"] .navbar-default .navbar-brand {
    color: var(--fist-nav-text);
}
html[data-theme="dark"] .fistmodern-wrap {
    background: transparent;
}
html[data-theme="dark"] .fist-tool-card {
    background: var(--fist-card-bg);
    border-color: var(--fist-card-border);
}
html[data-theme="dark"] .fist-tool-name { color: var(--fist-text); }
html[data-theme="dark"] .fist-tool-desc { color: var(--fist-text-muted); }
html[data-theme="dark"] .fist-section-head h2 { color: var(--fist-text); }
html[data-theme="dark"] .fist-section-head p { color: var(--fist-text-muted); }
html[data-theme="dark"] .xd_top_box,
html[data-theme="dark"] .xd_main_box {
    background: var(--fist-box-bg);
    border-color: var(--fist-card-border);
    color: var(--fist-text);
}
html[data-theme="dark"] .form-control {
    background: var(--fist-input-bg);
    border-color: var(--fist-input-border);
    color: var(--fist-text);
}
html[data-theme="dark"] .about_tool { color: var(--fist-text); }
html[data-theme="dark"] .table > thead > tr > th {
    background: var(--fist-table-head);
    color: var(--fist-text);
}
html[data-theme="dark"] .table > tbody > tr > td {
    color: var(--fist-text);
    border-color: var(--fist-card-border);
}
html[data-theme="dark"] .panel-default > .panel-heading {
    background: var(--fist-table-head);
    color: var(--fist-text);
    border-color: var(--fist-card-border);
}
html[data-theme="dark"] .panel-default {
    background: var(--fist-box-bg);
    border-color: var(--fist-card-border);
}
/* ============ Tool Pages Dark Mode - Text & Background ============ */
html[data-theme="dark"] .xd_top_box h1,
html[data-theme="dark"] .xd_top_box h2,
html[data-theme="dark"] .xd_top_box h3,
html[data-theme="dark"] .xd_main_box h1,
html[data-theme="dark"] .xd_main_box h2,
html[data-theme="dark"] .xd_main_box h3,
html[data-theme="dark"] .xd_main_box h4 {
    color: var(--fist-text);
}
html[data-theme="dark"] .xd_top_box p,
html[data-theme="dark"] .xd_main_box p,
html[data-theme="dark"] .xd_top_box div,
html[data-theme="dark"] .xd_main_box div,
html[data-theme="dark"] .xd_top_box span,
html[data-theme="dark"] .xd_main_box span,
html[data-theme="dark"] .xd_top_box li,
html[data-theme="dark"] .xd_main_box li {
    color: var(--fist-text);
}
html[data-theme="dark"] .xd_top_box a,
html[data-theme="dark"] .xd_main_box a {
    color: #5dade2;
}
html[data-theme="dark"] .xd_top_box textarea,
html[data-theme="dark"] .xd_main_box textarea,
html[data-theme="dark"] .xd_top_box input[type="text"],
html[data-theme="dark"] .xd_main_box input[type="text"],
html[data-theme="dark"] .xd_top_box input[type="url"],
html[data-theme="dark"] .xd_main_box input[type="url"],
html[data-theme="dark"] .xd_top_box select,
html[data-theme="dark"] .xd_main_box select {
    background: var(--fist-input-bg);
    border-color: var(--fist-input-border);
    color: var(--fist-text);
}
html[data-theme="dark"] .xd_top_box textarea::placeholder,
html[data-theme="dark"] .xd_main_box textarea::placeholder,
html[data-theme="dark"] .xd_top_box input::placeholder,
html[data-theme="dark"] .xd_main_box input::placeholder {
    color: var(--fist-text-muted);
}
html[data-theme="dark"] .about_tool,
html[data-theme="dark"] .about_tool p,
html[data-theme="dark"] .about_tool div,
html[data-theme="dark"] .about_tool span,
html[data-theme="dark"] .about_tool li {
    color: var(--fist-text);
}
html[data-theme="dark"] .about_tool h1,
html[data-theme="dark"] .about_tool h2,
html[data-theme="dark"] .about_tool h3,
html[data-theme="dark"] .about_tool h4 {
    color: var(--fist-text);
}
html[data-theme="dark"] .about_tool a {
    color: #5dade2;
}
html[data-theme="dark"] .about_tool strong,
html[data-theme="dark"] .about_tool b {
    color: var(--fist-text);
}
html[data-theme="dark"] .well {
    background: var(--fist-box-bg);
    border-color: var(--fist-card-border);
    color: var(--fist-text);
}
html[data-theme="dark"] .alert-info {
    background: #1a2c3d;
    border-color: #2b4257;
    color: var(--fist-text);
}
html[data-theme="dark"] pre,
html[data-theme="dark"] code {
    background: #101c29;
    border-color: #2b4257;
    color: var(--fist-text);
}
html[data-theme="dark"] .btn-default {
    background: #1a2c3d;
    border-color: #2b4257;
    color: var(--fist-text);
}
html[data-theme="dark"] .btn-default:hover {
    background: #24384a;
    color: var(--fist-text);
}
/* Theme toggle button (desktop nav + mobile header button) */
.fist-theme-toggle { cursor: pointer; }
button.fist-theme-toggle { color: inherit; }
button.fist-theme-toggle .fa { vertical-align: middle; }

/* Dark mode - stronger overrides for tool page content */
html[data-theme="dark"] .xd_main_box {
    background: #1a1a1a !important;
    color: #e0e0e0 !important;
}
html[data-theme="dark"] .xd_main_box h1,
html[data-theme="dark"] .xd_main_box h2,
html[data-theme="dark"] .xd_main_box h3,
html[data-theme="dark"] .xd_main_box h4,
html[data-theme="dark"] .xd_main_box p,
html[data-theme="dark"] .xd_main_box div,
html[data-theme="dark"] .xd_main_box span,
html[data-theme="dark"] .xd_main_box li {
    color: #e0e0e0 !important;
}
html[data-theme="dark"] .xd_top_box {
    background: #1a1a1a !important;
    color: #e0e0e0 !important;
}
html[data-theme="dark"] .xd_top_box h1,
html[data-theme="dark"] .xd_top_box h2,
html[data-theme="dark"] .xd_top_box p {
    color: #e0e0e0 !important;
}

/* Dark mode - main-index content area */
html[data-theme="dark"] .main-index {
    background: #1a1a1a !important;
    color: #e0e0e0 !important;
}
html[data-theme="dark"] .main-index h1,
html[data-theme="dark"] .main-index h2,
html[data-theme="dark"] .main-index h3,
html[data-theme="dark"] .main-index h4,
html[data-theme="dark"] .main-index p,
html[data-theme="dark"] .main-index div,
html[data-theme="dark"] .main-index span,
html[data-theme="dark"] .main-index li {
    color: #e0e0e0 !important;
}
html[data-theme="dark"] .col-md-8 {
    background: #1a1a1a !important;
}

/* ============================================================
   iLovePDF-STYLE HOMEPAGE (below hero)
   Hero / masthead styles above are kept exactly as-is
   ============================================================ */
.ilove-wrap {
    background: #ffffff;
    padding: 34px 0 10px 0;
    margin-top: -40px;
    position: relative;
    z-index: 5;
}
html[data-theme="dark"] .ilove-wrap { background: #0f1a26; }
/* Search */
.ilove-searchsec { max-width: 640px; margin: 0 auto 8px auto; }
.ilove-searchbox {
    border: 2px solid #e3e8ef;
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.ilove-searchbox:focus-within {
    border-color: #25B7D3;
    box-shadow: 0 0 0 4px rgba(37,183,211,.12);
}
.ilove-searchbox .input-group-addon {
    background: #fff;
    border: none;
    color: #8a97a8;
    padding-left: 20px;
    font-size: 17px;
}
.ilove-searchbox input.form-control {
    border: none !important;
    box-shadow: none !important;
    height: 52px;
    font-size: 16px;
    background: #fff;
    color: #1a2b3c;
}
html[data-theme="dark"] .ilove-searchbox { background: #101c29; border-color: #2b4257; }
html[data-theme="dark"] .ilove-searchbox .input-group-addon { background: #101c29; color: #8ba0b5; }
html[data-theme="dark"] .ilove-searchbox input.form-control { background: #101c29; color: #dbe6f0; }
html[data-theme="dark"] .ilove-searchbox input.form-control::placeholder { color: #8ba0b5; }
.ilove-searchsec .search-results { margin-top: 8px; text-align: left; }
/* Heading */
.ilove-head { text-align: center; margin: 26px 0 18px 0; }
.ilove-head h2 {
    font-size: 32px;
    font-weight: 800;
    color: #1a2b3c;
    margin: 0 0 10px 0;
    letter-spacing: -0.5px;
}
.ilove-head h2 span { color: #e5322d; }
.ilove-head p { color: #6b7a90; font-size: 16px; margin: 0; }
html[data-theme="dark"] .ilove-head h2 { color: #dbe6f0; }
html[data-theme="dark"] .ilove-head p { color: #8ba0b5; }
/* Category pills */
.ilove-tabs {
    text-align: center;
    margin: 0 0 28px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.ilove-tab {
    border: 1px solid #e3e8ef;
    background: #fff;
    color: #4a5a6e;
    font-size: 14px;
    font-weight: 600;
    padding: 9px 20px;
    border-radius: 999px;
    cursor: pointer;
    transition: all .18s ease;
}
.ilove-tab:hover { border-color: #25B7D3; color: #0b2a4a; }
.ilove-tab.active {
    background: #013e7b;
    border-color: #013e7b;
    color: #fff;
    box-shadow: 0 6px 16px rgba(1,62,123,.25);
}
html[data-theme="dark"] .ilove-tab {
    background: #16242f;
    border-color: #24384a;
    color: #dbe6f0;
}
html[data-theme="dark"] .ilove-tab:hover { border-color: #25B7D3; color: #fff; }
html[data-theme="dark"] .ilove-tab.active {
    background: #25B7D3;
    border-color: #25B7D3;
    color: #0b1a26;
    box-shadow: 0 6px 16px rgba(37,183,211,.30);
}
/* Tool cards grid */
.ilove-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 10px;
}
.ilove-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 12px;
    padding: 30px 16px 26px 16px;
    text-decoration: none !important;
    transition: transform .28s cubic-bezier(.34,1.56,.64,1), box-shadow .28s ease, border-color .28s ease;
}
.ilove-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 36px rgba(26,43,60,.14);
    border-color: #25B7D3;
}
.ilove-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px; height: 76px;
    border-radius: 22px;
    background: transparent;
    margin-bottom: 16px;
    filter: drop-shadow(0 6px 12px rgba(26,43,60,.16));
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), filter .3s ease;
}
.ilove-card:hover .ilove-icon { transform: scale(1.1) rotate(-6deg); filter: drop-shadow(0 10px 18px rgba(26,43,60,.22)); }
.ilove-icon img { width: 64px; height: 64px; object-fit: contain; }
.ilove-card:hover .ilove-icon img { animation: ilove-wiggle .55s ease; }
@keyframes ilove-wiggle {
    0% { transform: rotate(0deg) scale(1); }
    25% { transform: rotate(-12deg) scale(1.16); }
    50% { transform: rotate(10deg) scale(1.2); }
    75% { transform: rotate(-6deg) scale(1.1); }
    100% { transform: rotate(0deg) scale(1); }
}
.ilove-title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #1a2b3c;
    margin-bottom: 8px;
    line-height: 1.3;
}
.ilove-desc {
    display: block;
    font-size: 13px;
    color: #7a8798;
    line-height: 1.5;
}
html[data-theme="dark"] .ilove-card {
    background: #16242f;
    border-color: #24384a;
}
html[data-theme="dark"] .ilove-card:hover {
    border-color: #25B7D3;
    box-shadow: 0 12px 28px rgba(0,0,0,.45);
}
html[data-theme="dark"] .ilove-icon { background: transparent; }
html[data-theme="dark"] .ilove-title { color: #dbe6f0; }
html[data-theme="dark"] .ilove-desc { color: #8ba0b5; }
/* Trust section */
.ilove-trust {
    text-align: center;
    padding: 44px 0 30px 0;
    margin-top: 26px;
    border-top: 1px solid #eef1f5;
}
.ilove-trust h3 {
    font-size: 26px;
    font-weight: 800;
    color: #1a2b3c;
    margin: 0 0 8px 0;
}
.ilove-trust-sub { color: #6b7a90; font-size: 15px; margin-bottom: 30px; }
.ilove-feat { padding: 10px 18px; }
.ilove-feat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px; height: 56px;
    border-radius: 50%;
    background: #eef7fd;
    color: #013e7b;
    font-size: 22px;
    margin-bottom: 14px;
}
.ilove-feat h4 { font-size: 17px; font-weight: 700; color: #1a2b3c; margin: 0 0 8px 0; }
.ilove-feat p { font-size: 14px; color: #7a8798; line-height: 1.6; margin: 0; }
html[data-theme="dark"] .ilove-trust { border-top-color: #24384a; }
html[data-theme="dark"] .ilove-trust h3 { color: #dbe6f0; }
html[data-theme="dark"] .ilove-trust-sub { color: #8ba0b5; }
html[data-theme="dark"] .ilove-feat-icon { background: #1e3247; color: #25B7D3; }
html[data-theme="dark"] .ilove-feat h4 { color: #dbe6f0; }
html[data-theme="dark"] .ilove-feat p { color: #8ba0b5; }
/* Responsive */
@media (max-width: 991px) {
    .ilove-grid { grid-template-columns: repeat(3, 1fr); }
    .ilove-head h2 { font-size: 27px; }
}
@media (max-width: 767px) {
    .ilove-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .ilove-card { padding: 22px 10px 20px 10px; }
    .ilove-icon { width: 62px; height: 62px; border-radius: 18px; }
    .ilove-icon img { width: 52px; height: 52px; }
    .ilove-title { font-size: 14px; }
    .ilove-desc { font-size: 12px; }
    .ilove-head h2 { font-size: 23px; }
    .ilove-tab { font-size: 13px; padding: 8px 15px; }
}

/* ---- Breadcrumb + share bar (tool pages) ---- */
.fist-crumbbar{background:#f4f8fb;border-bottom:1px solid #e3ecf2;padding:9px 0}
.fist-crumbbar-in{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fist-breadcrumb{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;font-size:13px}
.fist-breadcrumb li{display:flex;align-items:center}
.fist-breadcrumb li+li:before{content:"›";margin:0 8px;color:#9fb2c3}
.fist-breadcrumb a{color:#25B7D3;text-decoration:none}
.fist-breadcrumb a:hover{text-decoration:underline}
.fist-breadcrumb li.active{color:#5b6b7c;font-weight:600}
.fist-share{display:flex;align-items:center;gap:8px}
.fist-share-label{font-size:13px;color:#5b6b7c;font-weight:600}
.fist-share-btn{background:#fff;border:1px solid #d5e2ec;color:#1a2b3c;border-radius:20px;padding:5px 14px;font-size:13px;cursor:pointer;transition:all .18s}
.fist-share-btn:hover{border-color:#25B7D3;color:#25B7D3}
html[data-theme="dark"] .fist-crumbbar{background:#101d29;border-color:#1d2f40}
html[data-theme="dark"] .fist-breadcrumb li.active{color:#9db2c6}
html[data-theme="dark"] .fist-share-label{color:#9db2c6}
html[data-theme="dark"] .fist-share-btn{background:#16283a;border-color:#2a405a;color:#dbe6f0}
html[data-theme="dark"] .fist-share-btn:hover{border-color:#25B7D3;color:#25B7D3}
@media (max-width:767px){
    .fist-share-label{display:none}
    .fist-share-btn{padding:4px 10px;font-size:12px}
    .fist-crumbbar{padding:8px 0}
    .fist-crumbbar-in{flex-direction:column;align-items:stretch;gap:7px}
    .fist-share{order:-1;align-self:flex-end;margin:0}
    .fist-breadcrumb{align-self:flex-start;font-size:12px}
}

/* ---- Homepage stat counters ---- */
.ilove-stats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:0 0 26px}
.ilove-stat{background:#fff;border:1px solid #e3ecf2;border-radius:14px;min-width:130px;padding:16px 22px;text-align:center;box-shadow:0 2px 10px rgba(37,183,211,.07)}
.ilove-stat-num{display:block;font-size:30px;font-weight:800;color:#25B7D3;line-height:1.1}
.ilove-stat-label{display:block;font-size:12px;color:#7a8798;margin-top:6px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}
html[data-theme="dark"] .ilove-stat{background:#132330;border-color:#234052}
html[data-theme="dark"] .ilove-stat-label{color:#8ba0b5}
@media (max-width:767px){
    .ilove-stat{min-width:calc(50% - 14px);padding:12px 10px}
    .ilove-stat-num{font-size:24px}
}

/* ---- Favorites ---- */
.ilove-card{position:relative}
.ilove-fav{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #e3ecf2;color:#b6c5d4;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:2;transition:all .18s;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.ilove-fav:hover{color:#e74c3c;border-color:#e74c3c;transform:scale(1.1)}
.ilove-fav.on{color:#e74c3c;border-color:#e74c3c}
.ilove-fav.on:hover{color:#b6c5d4}
#iloveFavCount{font-weight:700}
.ilove-empty{text-align:center;padding:34px 10px;color:#7a8798}
.ilove-empty i{font-size:34px;color:#d5e2ec;margin-bottom:10px}
html[data-theme="dark"] .ilove-fav{background:#16283a;border-color:#2a405a;color:#5f7a93}
html[data-theme="dark"] .ilove-fav.on{color:#e74c3c;border-color:#e74c3c}
html[data-theme="dark"] .ilove-empty{color:#8ba0b5}

/* ---- Recently viewed ---- */
.ilove-recent{margin:4px 0 18px}
.ilove-recent h3{font-size:16px;font-weight:700;color:#1a2b3c;margin:0 0 10px}
.ilove-recent h3 i{color:#25B7D3;margin-right:6px}
.ilove-recent-chips{display:flex;gap:8px;flex-wrap:wrap}
.ilove-recent-chip{background:#eef6fa;border:1px solid #d8e9f2;color:#1a6f86;border-radius:20px;padding:6px 14px;font-size:13px;text-decoration:none;transition:all .18s}
.ilove-recent-chip:hover{background:#25B7D3;border-color:#25B7D3;color:#fff;text-decoration:none}
html[data-theme="dark"] .ilove-recent h3{color:#dbe6f0}
html[data-theme="dark"] .ilove-recent-chip{background:#132330;border-color:#234052;color:#7fd4e8}
html[data-theme="dark"] .ilove-recent-chip:hover{background:#25B7D3;color:#fff}
a.fist-share-btn{text-decoration:none;display:inline-block}
a.fist-share-btn:hover{text-decoration:none}

/* ---- Category index pages ---- */
.cat-hero{text-align:center;margin:18px 0 8px}
.cat-hero h1{font-size:30px;font-weight:800;color:#1a2b3c;margin:0 0 6px}
.cat-count{color:#7a8798;font-size:14px}
.cat-intro{max-width:860px;margin:14px auto 26px;padding:0 15px;color:#3c4c5e;font-size:15px;line-height:1.75}
.cat-intro p{margin:0 0 12px}
.cat-grid{margin-bottom:34px}
.cat-faq{max-width:860px;margin:0 auto 30px;padding:0 15px}
.cat-faq h2{font-size:22px;margin-bottom:14px;color:#1a2b3c}
.cat-faq details{margin-bottom:10px;border:1px solid #e5e5e5;border-radius:8px;padding:12px 15px;background:#fff}
.cat-faq summary{font-weight:600;cursor:pointer;color:#1a2b3c}
.cat-faq p{margin:8px 0 0;font-size:14px;color:#555}
.cat-others{max-width:860px;margin:0 auto 40px;padding:0 15px}
.cat-others h3{font-size:17px;margin-bottom:10px;color:#1a2b3c}
html[data-theme="dark"] .cat-hero h1{color:#e8f0f7}
html[data-theme="dark"] .cat-intro{color:#a9bdcf}
html[data-theme="dark"] .cat-faq h2,html[data-theme="dark"] .cat-others h3{color:#e8f0f7}
html[data-theme="dark"] .cat-faq details{background:#132330;border-color:#234052}
html[data-theme="dark"] .cat-faq summary{color:#dbe6f0}
html[data-theme="dark"] .cat-faq p{color:#8ba0b5}

/* ---- Newsletter signup band ---- */
/* v3.0.56: newsletter band removed; form now a footer column (styles above) */
.fist-newsletter-msg.err{color:#ff9d9d}
@media (max-width:767px){
    .fist-newsletter-in{flex-direction:column;align-items:stretch}
    .fist-newsletter-form{max-width:none}
    .fist-newsletter-text{text-align:center}
}

/* ---- Related guides block ---- */
.fist-related-guides{margin:26px 0 8px;padding:18px 22px;background:#f4f9fd;border:1px solid #d9e8f5;border-radius:12px}
.fist-related-guides h2{font-size:19px;font-weight:800;color:#0b2a4a;margin:0 0 10px}
.fist-related-guides ul{margin:0;padding-left:20px}
.fist-related-guides li{margin:6px 0}
.fist-related-guides a{color:#0a5aa8;font-weight:600;text-decoration:none}
.fist-related-guides a:hover{color:#25B7D3;text-decoration:underline}

/* No gap between heading bar and breadcrumbs row */
.submasthead{ margin-bottom: 0 !important; }

/* FistHost: Tool reviews (v3.0.48) */
.fist-reviews{margin:34px 0 10px;padding:26px;background:var(--fist-card-bg,#fff);border:1px solid var(--fist-card-border,#e6edf3);border-radius:12px}
.fist-reviews .fist-howto{margin-top:0}
.fist-rev-summary{display:flex;align-items:center;gap:10px;font-size:16px;margin:6px 0 18px;color:var(--fist-text,#2c3e50)}
.fist-stars{color:#f5a623;font-size:18px;letter-spacing:2px}
.fist-rev-list{margin:0 0 8px}
.fist-rev-item{border-top:1px solid var(--fist-card-border,#e6edf3);padding:14px 0}
.fist-rev-item:first-child{border-top:0}
.fist-rev-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px;color:var(--fist-text,#2c3e50)}
.fist-rev-head .fist-stars{font-size:15px}
.fist-rev-date{color:var(--fist-text-muted,#7e93aa);font-size:12px}
.fist-rev-item p{margin:0;color:var(--fist-text,#2c3e50);line-height:1.6}
.fist-rev-none{color:var(--fist-text-muted,#7e93aa);margin:4px 0 18px}
.fist-rev-formwrap{margin-top:20px;padding-top:18px;border-top:1px dashed var(--fist-card-border,#e6edf3)}
.fist-rev-formwrap h3{margin:0 0 12px;font-size:18px;color:var(--fist-text,#2c3e50)}
.fist-rev-row{margin-bottom:12px}
.fist-rev-row label{display:block;margin-bottom:6px;font-weight:600;color:var(--fist-text,#2c3e50);font-size:13px}
.fist-rev-row input[type=text],.fist-rev-row textarea{width:100%;max-width:560px;padding:10px 12px;border:1px solid var(--fist-card-border,#e6edf3);border-radius:8px;background:var(--fist-bg,#fff);color:var(--fist-text,#2c3e50);font-size:14px}
.fist-rate-input span{font-size:30px;color:#d5dde5;cursor:pointer;letter-spacing:4px;transition:color .15s}
.fist-rate-input span.on{color:#f5a623}
.fist-rev-capimg{max-width:220px;height:auto;border:1px solid var(--fist-card-border,#e6edf3);border-radius:8px;background:#fff}
.fist-rev-capreload{background:var(--fist-bg-soft,#f6f9fc);border:1px solid var(--fist-card-border,#e6edf3);border-radius:8px;padding:8px 12px;cursor:pointer;color:var(--fist-text,#2c3e50);vertical-align:top}
.fist-rev-submit{background:#7b2ff7;background:linear-gradient(135deg,#7b2ff7,#a855f7);color:#fff;border:0;border-radius:8px;padding:11px 26px;font-size:15px;font-weight:600;cursor:pointer}
.fist-rev-submit:hover{opacity:.92}
.fist-rev-msg{margin-top:10px;font-size:14px;display:none}
.fist-rev-msg.ok{display:block;color:#1c8a3c}
.fist-rev-msg.err{display:block;color:#c0392b}
.fist-rev-note{font-size:12px;color:var(--fist-text-muted,#7e93aa);margin:10px 0 0}
.fist-hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}

/* ============ FistHost Pro polish: unified violet accent system ============ */
.btn-primary {
    background: #4f46e5;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    border-color: #6d28d9;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #4338ca;
    background: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);
    border-color: #5b21b6;
}
.ilove-head h2 span {
    background: linear-gradient(90deg, #4f46e5, #7c3aed);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.ilove-tab:hover { border-color: #8b5cf6; color: #1e1b4b; }
.ilove-tab.active {
    background: #4f46e5;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    border-color: #6d28d9;
    color: #fff;
    box-shadow: 0 6px 16px rgba(124,58,237,.35);
}
.ilove-card:hover { border-color: #8b5cf6; }
.ilove-feat-icon { background: #f0eafd; color: #6d28d9; }
.ilove-stat-num { color: #6d28d9; }
html[data-theme="dark"] .ilove-feat-icon { background: #2a2350; color: #a78bfa; }
html[data-theme="dark"] .ilove-stat-num { color: #a78bfa; }
html[data-theme="dark"] .ilove-tab:hover { border-color: #8b5cf6; color: #e6dcff; }
/* Sub-masthead (tool pages): keep theme family consistent */
.submasthead {
    background: #0a2540;
    background: linear-gradient(135deg, #0a2540 0%, #1e3a8a 55%, #5b21b6 100%);
}

/* ============ Pro navbar (theme-matched) ============ */
.navbar-default {
    background: #0a2540;
    background: linear-gradient(135deg, #0a2540 0%, #1e3a8a 60%, #5b21b6 100%);
    border: none;
    box-shadow: 0 2px 18px rgba(10,37,64,.35);
}
.navbar-default .navbar-nav > li > a {
    color: rgba(255,255,255,.88);
    font-weight: 600;
    transition: color .18s ease, background .18s ease;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background: rgba(255,255,255,.10);
}
.navbar-default .navbar-toggle { border-color: rgba(255,255,255,.35); }
.navbar-default .navbar-toggle .icon-bar { background: #fff; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background: rgba(255,255,255,.12); }
button#fist-theme-toggle-m, button#fist-theme-toggle-m:hover { color: #fff; }
.navbar-default .navbar-nav > li.dropdown .dropdown-menu {
    background: #fff;
    border: 1px solid #e6ebf2;
    border-radius: 0 0 10px 10px;
}
html[data-theme="dark"] .navbar-default .navbar-nav > li.dropdown .dropdown-menu {
    background: #13202f;
    border-color: #24384a;
}
html[data-theme="dark"] .navbar-default .navbar-nav > li.dropdown .dropdown-menu a { color: #c9d6e5; }
html[data-theme="dark"] .navbar-default .navbar-nav > li.dropdown .dropdown-menu a:hover {
    background: rgba(255,255,255,.06); color: #fff;
}

/* Mobile menu panel: fisthost.com m-drawer style tokens
   light: bg #f8fafc / links #0f172a / dividers rgba(15,23,42,.06)
   dark:  bg #0a101f / links #f8fafc / dividers rgba(148,163,184,.08) */
@media (max-width: 767px) {
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-collapse.in,
    .navbar-default .collapsing {
        background: #f8fafc !important;
        background-image: none !important;
        border: none;
        border-top: 1px solid rgba(15,23,42,.06);
        box-shadow: 0 22px 44px rgba(2,6,23,.10);
        max-height: 70vh;
        overflow-y: auto;
    }
    html[data-theme="dark"] .navbar-default .navbar-collapse,
    html[data-theme="dark"] .navbar-default .navbar-collapse.in,
    html[data-theme="dark"] .navbar-default .collapsing {
        background: #0a101f !important;
        border-top-color: rgba(148,163,184,.08);
        box-shadow: 0 22px 44px rgba(0,0,0,.55);
    }
    .navbar-default .navbar-nav { margin: 0 -15px; }
    .navbar-default .navbar-nav > li > a {
        color: #0f172a;
        font-size: 17px;
        font-weight: 600;
        padding: 16px 22px;
        border-bottom: 1px solid rgba(15,23,42,.06);
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        background: rgba(99,102,241,.08);
        color: #4c1d95;
    }
    html[data-theme="dark"] .navbar-default .navbar-nav > li > a {
        color: #f8fafc;
        border-bottom-color: rgba(148,163,184,.08);
    }
    html[data-theme="dark"] .navbar-default .navbar-nav > li > a:hover,
    html[data-theme="dark"] .navbar-default .navbar-nav > li > a:focus {
        background: rgba(99,102,241,.14);
        color: #fff;
    }
    /* equal-size icon buttons */
    .navbar-header .navbar-toggle {
        width: 42px; height: 36px;
        margin: 8px 0; padding: 0;
        display: inline-flex; flex-direction: column;
        align-items: center; justify-content: center;
        float: right;
    }
    .navbar-header .navbar-toggle[data-target="#collapse-menu"] { margin-right: 15px; }
    #fist-theme-toggle-m { margin-right: 10px; flex-direction: row; }
    #fist-theme-toggle-m .fa { font-size: 17px; }
    .navbar-header .navbar-toggle .icon-bar { margin: 0; width: 20px; }
    .navbar-header .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
    .navbar-brand { padding: 0 15px; }
}

/* Remove gap between breadcrumbs bar and tool page start */
.fist-crumbbar ~ .main-container { margin-top: 0 !important; }

/* Hero search stays white + readable in dark mode */
html[data-theme="dark"] .fist-hero-searchbox { background: #fff; }
html[data-theme="dark"] .fist-hero-searchbox .input-group-addon { background: transparent; color: #7c3aed; }
html[data-theme="dark"] .fist-hero-searchbox input.form-control {
    background: transparent;
    color: #0f1e33;
}
html[data-theme="dark"] .fist-hero-searchbox input.form-control::placeholder { color: #93a1b5; }

/* Mobile navbar: logo fix + language icon button */
@media (max-width: 767px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand { margin-left: 0; }
    .themeLogoText { margin-top: 0; float: none; line-height: 1.2; }
    .navbar-brand {
        margin-top: 0;
        height: 52px;
        display: flex;
        align-items: center;
        padding: 0 0 0 15px !important;
        float: left;
    }
    .navbar-brand img,
    .navbar-brand .themeLogoImg,
    .navbar-brand .atoz_seo_tools_logo {
        max-height: 34px;
        width: auto;
        padding: 0;
    }
    #fist-lang-toggle-m { margin-right: 10px; flex-direction: row; }
    #fist-lang-toggle-m .fa { font-size: 17px; color: #fff; }
    #fist-lang-dropdown-m .dropdown-menu {
        background: #fff;
        border: 1px solid #e6ebf2;
        border-radius: 10px;
        box-shadow: 0 14px 34px rgba(2,6,23,.25);
        min-width: 150px;
    }
    #fist-lang-dropdown-m .dropdown-menu > li > a { padding: 9px 16px; color: #33475f; font-weight: 600; }
    #fist-lang-dropdown-m .dropdown-menu > li > a:hover { background: #f0eaff; color: #5b21b6; }
    html[data-theme="dark"] #fist-lang-dropdown-m .dropdown-menu { background: #13202f; border-color: #24384a; }
    html[data-theme="dark"] #fist-lang-dropdown-m .dropdown-menu > li > a { color: #c9d6e5; }
    html[data-theme="dark"] #fist-lang-dropdown-m .dropdown-menu > li > a:hover { background: rgba(255,255,255,.06); color: #fff; }
}

/* Navbar: dark hero-like gradient (mobile + desktop) */
.navbar-default {
    background-color: #0a1c38;
    background-image: linear-gradient(135deg, #0a1c38 0%, #14295a 55%, #2b1d68 100%);
    border: none;
    box-shadow: 0 2px 18px rgba(10,28,56,.4);
}
@media (max-width: 767px) {
    .navbar-brand img,
    .navbar-brand .themeLogoImg,
    .navbar-brand .atoz_seo_tools_logo {
        max-height: 38px;
    }
}

/* ============ FistHost.com brand system (v3.0.54) ============
   Vibrant indigo -> purple -> pink, matching fisthost.com.
   Brand gradient: linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%) */
:root {
    --fh-brand: #6366f1;
    --fh-brand-h: #818cf8;
    --fh-brand-2: #a855f7;
    --fh-brand-3: #ec4899;
    --fh-grad: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);
    --fh-grad-h: linear-gradient(135deg, #818cf8 0%, #c084fc 50%, #f472b6 100%);
    --fh-ease: cubic-bezier(.16,1,.3,1);
}
@keyframes fhGradShift { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes fhFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes fhFloatBadge { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-7px) rotate(1deg); } }
@keyframes fhOrbFloat { 0%,100% { transform: translate(0,0) scale(1); } 33% { transform: translate(22px,-18px) scale(1.06); } 66% { transform: translate(-16px,14px) scale(.94); } }
@keyframes fhPulseDot { 0%,100% { opacity: 1; } 50% { opacity: .35; } }

/* Navbar: fisthost.com brand gradient (vibrant, not dark navy) */
.navbar-default {
    background-color: #6366f1;
    background-image: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);
    border: none;
    box-shadow: 0 4px 24px rgba(99,102,241,.35);
}

/* Hero: brand gradient + top glow + motion */
.fist-hero {
    background: #4c1d95;
    background: linear-gradient(135deg, #6366f1 0%, #7c3aed 38%, #a855f7 68%, #ec4899 115%);
}
.fist-hero::before {
    background-image:
        radial-gradient(ellipse 80% 55% at 50% -10%, rgba(255,255,255,.20) 0%, transparent 60%),
        radial-gradient(circle at 14% 24%, rgba(236,72,153,.45) 0, transparent 46%),
        radial-gradient(circle at 88% 70%, rgba(129,140,248,.50) 0, transparent 44%);
}
.fist-hero-orb { position: absolute; border-radius: 50%; filter: blur(60px); opacity: .5; pointer-events: none; z-index: 0; }
.fist-hero-orb.o1 { width: 340px; height: 340px; left: -90px; top: -70px; background: #f472b6; animation: fhOrbFloat 11s ease-in-out infinite; }
.fist-hero-orb.o2 { width: 300px; height: 300px; right: -70px; bottom: -90px; background: #818cf8; animation: fhOrbFloat 14s ease-in-out infinite reverse; }
.fist-hero-badge { animation: fhFloatBadge 5s ease-in-out infinite; }
.fist-hero-badge .fa { color: #fbcfe8; animation: fhPulseDot 2.2s ease-in-out infinite; }
.fist-hero-title span {
    background: linear-gradient(90deg, #fde68a, #f9a8d4, #c4b5fd, #fde68a);
    background-size: 220% auto;
    -webkit-background-clip: text; background-clip: text; color: transparent;
    animation: fhGradShift 6s ease infinite;
}
.fist-hero-scroll { transition: transform .25s var(--fh-ease), box-shadow .25s var(--fh-ease); }
.fist-hero-scroll:hover { transform: translateY(-4px) scale(1.03); }
.fist-hero-chips a { transition: all .25s var(--fh-ease); }
.fist-hero-chips a:hover { background: #fff; color: #a21caf; transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.25); }
.fist-hero-stat { animation: fhFloat 7s ease-in-out infinite; }
.fist-hero-stat:nth-child(2) { animation-delay: -2.3s; }
.fist-hero-stat:nth-child(3) { animation-delay: -4.6s; }

/* Primary buttons + active pills: brand gradient */
.btn-primary {
    background: #6366f1;
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);
    border-color: #a855f7;
    transition: transform .2s var(--fh-ease), box-shadow .2s var(--fh-ease), filter .2s ease;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #818cf8;
    background: linear-gradient(135deg, #818cf8 0%, #c084fc 50%, #f472b6 100%);
    border-color: #c084fc;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(168,85,247,.45);
}
.ilove-tab.active {
    background: #6366f1;
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 60%, #ec4899 110%);
    border-color: #a855f7;
    box-shadow: 0 8px 20px rgba(168,85,247,.4);
}
.ilove-tab { transition: all .22s var(--fh-ease); }
.ilove-tab:hover { border-color: #a855f7; color: #6d28d9; transform: translateY(-2px); }
.ilove-head h2 span {
    background: linear-gradient(90deg, #6366f1, #a855f7, #ec4899);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.ilove-card { transition: transform .25s var(--fh-ease), box-shadow .25s var(--fh-ease), border-color .25s ease; }
.ilove-card:hover { border-color: #c084fc; transform: translateY(-5px); box-shadow: 0 16px 36px rgba(168,85,247,.22); }
.ilove-feat-icon { background: #f3e8ff; color: #9333ea; transition: transform .25s var(--fh-ease); }
.ilove-card:hover .ilove-feat-icon { transform: scale(1.1) rotate(-6deg); }
.ilove-stat-num { color: #9333ea; }
html[data-theme="dark"] .ilove-feat-icon { background: #3b2a63; color: #d8b4fe; }
html[data-theme="dark"] .ilove-stat-num { color: #d8b4fe; }
html[data-theme="dark"] .ilove-tab:hover { border-color: #c084fc; color: #f5d0fe; }
html[data-theme="dark"] .ilove-card:hover { border-color: #a855f7; box-shadow: 0 16px 36px rgba(168,85,247,.3); }

/* Sub-masthead (tool pages): same gradient as homepage hero (v3.0.59),
   so navbar + heading bar read as ONE continuous bar */
.submasthead {
    background: #4c1d95;
    background: linear-gradient(135deg, #6366f1 0%, #7c3aed 38%, #a855f7 68%, #ec4899 115%);
}
/* v3.0.56: footer-top gradient removed; fisthost.com style above */

/* Scroll-reveal motion (JS adds .fist-rv; no-JS stays visible) */
.fist-rv { opacity: 0; transform: translateY(26px); transition: opacity .7s var(--fh-ease), transform .7s var(--fh-ease); }
.fist-rv.fist-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    .fist-rv { opacity: 1; transform: none; transition: none; }
    .fist-hero-badge, .fist-hero-orb, .fist-hero-stat, .fist-hero-title span { animation: none; }
}

/* ============ Dark-mode color corrections (v3.0.54) ============ */
/* Homepage SEO / category / FAQ section */
html[data-theme="dark"] .ilove-seo-content h2 { color: #f8fafc; }
html[data-theme="dark"] .ilove-seo-content h3 a { color: #f8fafc; }
html[data-theme="dark"] .ilove-seo-content h3 a:hover { color: #c4b5fd; }
html[data-theme="dark"] .ilove-seo-content h3 .fa { color: #67e8f9; }
html[data-theme="dark"] .ilove-seo-content p { color: #94a3b8 !important; }
html[data-theme="dark"] .ilove-seo-content strong { color: #e2e8f0; }
html[data-theme="dark"] .ilove-seo-content details {
    border-color: rgba(148,163,184,.16) !important;
    background: rgba(17,24,39,.55);
}
html[data-theme="dark"] .ilove-seo-content summary { color: #f8fafc; }
html[data-theme="dark"] .ilove-seo-content summary::marker { color: #a78bfa; }
/* Breadcrumb + misc text */
html[data-theme="dark"] .fist-breadcrumb { color: #8ba0b5; }
html[data-theme="dark"] .fist-breadcrumb a { color: #a5b4fc; }
html[data-theme="dark"] .text-muted { color: #8ba0b5 !important; }
html[data-theme="dark"] .help-block { color: #8ba0b5; }
html[data-theme="dark"] label { color: #dbe6f0; }
/* Search results dropdown */
html[data-theme="dark"] .search-results { background: #16242f; border-color: #24384c; }
html[data-theme="dark"] .search-results a { color: #dbe6f0; }
html[data-theme="dark"] .search-results a:hover { background: #1e3247; }
/* Pagination */
html[data-theme="dark"] .pagination > li > a,
html[data-theme="dark"] .pagination > li > span {
    background: #16242f; border-color: #24384c; color: #a5b4fc;
}
html[data-theme="dark"] .pagination > .active > a { background: #6366f1; border-color: #6366f1; color: #fff; }
/* Captcha / misc wells */
html[data-theme="dark"] .well { background: #16242f; border-color: #24384c; color: #dbe6f0; }

/* ============ v3.0.55/56/57: seamless navbar -> hero (homepage) ============
   Navbar overlays the hero (absolute) with a transparent background, so
   both share ONE continuous brand gradient with no seam.
   Uses :has(.fist-hero) so no PHP body-class dependency. */
body:has(.fist-hero) .navbar-default {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    position: absolute !important;
    top: 0; left: 0; right: 0;
    margin-bottom: 0;
    z-index: 60;
}
body:has(.fist-hero) .fist-hero-in { padding-top: 142px; }
@media (max-width: 767px) {
    body:has(.fist-hero) .fist-hero-in { padding-top: 104px; }
}

/* ============ v3.0.58: seamless navbar -> submasthead (tool pages) ============
   Same overlay trick as homepage: transparent navbar over the purple
   submasthead gradient, no seam. Submasthead becomes fluid height with
   top padding so the title clears the overlaid navbar. */
body:has(.submasthead) .navbar-default {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    position: absolute !important;
    top: 0; left: 0; right: 0;
    margin-bottom: 0;
    z-index: 60;
}
body:has(.submasthead) .submasthead {
    margin-top: 0 !important;
    height: auto;
    min-height: 185px;
    padding-top: 108px;
    padding-bottom: 26px;
}
@media (max-width: 767px) {
    body:has(.submasthead) .submasthead {
        min-height: 0;
        padding-top: 70px;
        padding-bottom: 22px;
    }
    /* v3.0.62: kill the extra 40px push above the title on phones */
    body:has(.submasthead) .seobannerSmall { margin-top: 0 !important; }
    /* v3.0.62: center the heading text on phones */
    body:has(.submasthead) .seobannerSmall,
    body:has(.submasthead) .sub_seobannerh1 { text-align: center; }
    body:has(.submasthead) .sub_seobannerh1 { margin: 4px 0 0; line-height: 1.35; }
}

/* ============ v3.0.58: footer mobile polish ============
   Clean stacked rhythm on phones: even gaps, centered newsletter,
   centered copyright strip. */
@media (max-width: 767px) {
    .fist-footer-top { padding: 38px 0 6px; }
    .fist-footer-top .row > [class*="col-"] { margin-bottom: 28px; }
    .fist-footer-top .row > [class*="col-"]:last-child { margin-bottom: 18px; }
    .fist-footer-col { margin-bottom: 30px; }
    .fist-footer-col:last-child { margin-bottom: 16px; }
    .fist-footer-title { margin-bottom: 12px; }
    .fist-footer-desc { margin-bottom: 14px; }
    .fist-newsletter-form { flex-direction: column; }
    .fist-newsletter-form input[type=email],
    .fist-newsletter-form button { width: 100%; border-radius: 10px; }
    .fist-newsletter-form input[type=email] {
        height: 50px; font-size: 16px; padding: 0 16px;
    }
    .fist-newsletter-form button { height: 50px; font-size: 15px; margin-top: 8px; }
    .fist-newsletter-msg { text-align: center; }
    .fist-footer-bottom { text-align: center; font-size: 12px; padding: 18px 10px; }
}

/* ===== v3.0.64: Category slider (10015-style) ===== */
.fist-catsec { margin: 26px 0 8px; }
.fist-catsec-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.fist-catsec-head h2 { margin: 0; font-size: 22px; font-weight: 700; }
.fist-cat-nav { display: flex; gap: 8px; }
.fist-cat-nav button { width: 38px; height: 38px; border-radius: 50%; border: 1px solid #e2e8f0; background: #fff; color: #475569; cursor: pointer; transition: all .2s; display: flex; align-items: center; justify-content: center; }
.fist-cat-nav button:hover { background: #7c3aed; border-color: #7c3aed; color: #fff; }
.fist-cat-slider { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 6px 2px 14px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.fist-cat-slider::-webkit-scrollbar { display: none; }
.fist-cat-card { flex: 0 0 150px; scroll-snap-align: start; background: #fff; border: 1px solid #e9e4f5; border-radius: 14px; padding: 20px 12px 16px; text-align: center; text-decoration: none !important; transition: transform .2s, box-shadow .2s, border-color .2s; box-shadow: 0 2px 8px rgba(124,58,237,.06); }
.fist-cat-card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(124,58,237,.16); border-color: #c4b5fd; }
.fist-cat-ico { display: inline-flex; width: 52px; height: 52px; border-radius: 16px; background: linear-gradient(135deg, #6366f1, #a855f7); color: #fff; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 10px; }
.fist-cat-name { display: block; font-weight: 700; font-size: 13.5px; color: #1e1b4b; line-height: 1.3; }
.fist-cat-count { display: block; font-size: 12px; color: #8b7bb8; margin-top: 4px; }
.fist-view-toggle { display: flex; gap: 10px; margin: 6px 0 18px; }
html[data-theme="dark"] .fist-catsec-head h2 { color: #f1f5f9; }
html[data-theme="dark"] .fist-cat-nav button { background: #1e293b; border-color: #334155; color: #cbd5e1; }
html[data-theme="dark"] .fist-cat-card { background: #141b2d; border-color: #2a3350; }
html[data-theme="dark"] .fist-cat-name { color: #f1f5f9; }
html[data-theme="dark"] .fist-cat-count { color: #94a3b8; }

/* ===== v3.0.64: All Tools mega menu ===== */
.fist-mega { position: static !important; }
.fist-mega-menu { left: 0 !important; right: 0 !important; width: 100%; max-width: 1140px; margin: 0 auto; padding: 22px 26px; border-radius: 0 0 14px 14px; border-top: 3px solid #7c3aed; box-shadow: 0 24px 60px rgba(30,27,75,.22); max-height: 78vh; overflow-y: auto; }
.fist-mega-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 18px; }
.fist-mega-catname { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 13.5px; color: #5b21b6 !important; padding: 0 0 8px !important; border-bottom: 2px solid #ede9fe; margin-bottom: 8px; text-decoration: none !important; }
.fist-mega-catname:hover { color: #7c3aed !important; background: none !important; }
.fist-mega-catname .fa { width: 26px; height: 26px; border-radius: 8px; background: linear-gradient(135deg,#6366f1,#a855f7); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }
.fist-mega-sub { margin-bottom: 10px; }
.fist-mega-subname { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #8b7bb8; margin: 8px 0 4px; }
.fist-mega-tool { display: block !important; padding: 3px 0 !important; font-size: 13px; color: #334155 !important; text-decoration: none !important; white-space: normal !important; }
.fist-mega-tool:hover { color: #7c3aed !important; background: none !important; text-decoration: underline !important; }
html[data-theme="dark"] .fist-mega-menu { background: #141b2d; border-color: #2a3350; }
html[data-theme="dark"] .fist-mega-catname { color: #c4b5fd !important; border-color: #2a3350; }
html[data-theme="dark"] .fist-mega-subname { color: #94a3b8; }
html[data-theme="dark"] .fist-mega-tool { color: #cbd5e1 !important; }
html[data-theme="dark"] .fist-mega-tool:hover { color: #c4b5fd !important; }
@media (max-width: 991px) {
    .fist-mega-grid { grid-template-columns: repeat(2, 1fr); }
    .fist-mega-menu { max-height: none; }
}
@media (max-width: 767px) {
    /* mobile: mega menu becomes accordion inside collapsed nav */
    .fist-mega { position: relative !important; }
    .fist-mega-menu { position: static !important; float: none; width: 100%; box-shadow: none; border: none; border-radius: 0; padding: 0 0 0 14px; max-height: none; display: none; background: transparent !important; }
    .fist-mega.open > .fist-mega-menu { display: block; }
    .fist-mega-grid { grid-template-columns: 1fr; gap: 6px; }
    .fist-mega-cat { border-bottom: 1px solid rgba(148,163,184,.18); }
    .fist-mega-sub { display: none; padding-left: 34px; }
    .fist-mega-cat.open .fist-mega-sub { display: block; }
    .fist-cat-card { flex-basis: 132px; }
    .fist-catsec-head h2 { font-size: 18px; }
}

/* FistHost: Mobile menu light/dark fixes (2026-10-02) */
@media (max-width: 767px) {
    /* Ensure mega menu links are visible in light mode */
    .fist-mega-menu .fist-mega-catname {
        color: #5b21b6 !important;
    }
    .fist-mega-menu .fist-mega-subname {
        color: #8b7bb8 !important;
    }
    .fist-mega-menu .fist-mega-tool {
        color: #334155 !important;
    }
    /* Dark mode overrides */
    html[data-theme="dark"] .fist-mega-menu .fist-mega-catname {
        color: #c4b5fd !important;
    }
    html[data-theme="dark"] .fist-mega-menu .fist-mega-subname {
        color: #94a3b8 !important;
    }
    html[data-theme="dark"] .fist-mega-menu .fist-mega-tool {
        color: #cbd5e1 !important;
    }
}

/* FistHost: Search results light/dark fixes */
.search-results .match a {
    color: #334155 !important;
    background: #fff;
}
html[data-theme="dark"] .search-results {
    background: #16242f !important;
    border-color: #24384c !important;
}
html[data-theme="dark"] .search-results .match a {
    color: #dbe6f0 !important;
    background: #1a2636 !important;
    border-color: #2a3a4d !important;
}

/* FistHost: Force mobile nav visibility (2026-10-02 fix) */
@media (max-width: 767px) {
    html:not([data-theme="dark"]) .navbar-default .navbar-nav > li > a,
    html:not([data-theme="dark"]) .navbar-default .navbar-nav > li > a:focus {
        color: #0f172a !important;
    }
    html:not([data-theme="dark"]) .navbar-default .navbar-nav > li > a:hover {
        color: #4c1d95 !important;
    }
    /* Mega menu toggle also needs dark text in light mode */
    html:not([data-theme="dark"]) .fist-mega > a.dropdown-toggle {
        color: #0f172a !important;
    }
}

/* FistHost: WooCommerce-style mobile drill-down drawer */
.fist-drawer-overlay {
    position: fixed; inset: 0; background: rgba(2,6,23,.55);
    opacity: 0; visibility: hidden; transition: opacity .28s ease;
    z-index: 9998;
}
.fist-drawer-overlay.show { opacity: 1; visibility: visible; }
.fist-drawer {
    position: fixed; top: 0; left: 0; bottom: 0; width: 86%; max-width: 340px;
    background: #f8fafc; z-index: 9999; display: flex; flex-direction: column;
    transform: translateX(-105%); transition: transform .3s cubic-bezier(.32,.72,.35,1);
    box-shadow: 8px 0 40px rgba(2,6,23,.18);
}
.fist-drawer.open { transform: translateX(0); }
html[data-theme="dark"] .fist-drawer { background: #0a101f; }
.fist-drawer-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 16px; border-bottom: 1px solid rgba(15,23,42,.08);
    background: linear-gradient(135deg,#6366f1,#a855f7); color: #fff;
}
.fist-drawer-title { font-weight: 700; font-size: 16px; }
.fist-drawer-title .fa { margin-right: 8px; }
.fist-drawer-close {
    background: rgba(255,255,255,.18); border: none; color: #fff;
    font-size: 24px; line-height: 1; width: 36px; height: 36px; border-radius: 50%;
    cursor: pointer;
}
.fist-drawer-levels { position: relative; flex: 1; overflow: hidden; }
.fist-drawer-level {
    position: absolute; inset: 0; overflow-y: auto; background: inherit;
    transform: translateX(100%); transition: transform .28s ease;
    display: flex; flex-direction: column;
}
.fist-drawer-level.is-active { transform: translateX(0); }
.fist-drawer-link {
    display: flex; align-items: center; gap: 12px;
    padding: 15px 18px; font-size: 15px; font-weight: 600;
    color: #0f172a !important; text-decoration: none !important;
    border-bottom: 1px solid rgba(15,23,42,.06);
}
html[data-theme="dark"] .fist-drawer-link { color: #f1f5f9 !important; border-color: rgba(148,163,184,.1); }
.fist-drawer-link .fa-th, .fist-drawer-link > .fa:first-child {
    width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0;
    background: linear-gradient(135deg,#6366f1,#a855f7); color: #fff;
    display: inline-flex; align-items: center; justify-content: center; font-size: 14px;
}
.fist-drawer-arrow { margin-left: auto; color: #94a3b8; font-size: 18px; }
.fist-drawer-back {
    display: flex; align-items: center; gap: 8px; padding: 13px 18px;
    font-size: 14px; font-weight: 700; color: #7c3aed !important;
    text-decoration: none !important; border-bottom: 1px solid rgba(15,23,42,.08);
    background: rgba(124,58,237,.06); position: sticky; top: 0; z-index: 2;
}
html[data-theme="dark"] .fist-drawer-back { background: rgba(124,58,237,.12); }
.fist-drawer-scroll { flex: 1; overflow-y: auto; }
.fist-drawer-subhead {
    padding: 12px 18px 6px; font-size: 11px; font-weight: 700;
    text-transform: uppercase; letter-spacing: .6px; color: #8b7bb8;
}
html[data-theme="dark"] .fist-drawer-subhead { color: #94a3b8; }
.fist-drawer-tool {
    display: block; padding: 11px 18px 11px 30px; font-size: 14px;
    color: #334155 !important; text-decoration: none !important;
    border-bottom: 1px solid rgba(15,23,42,.04);
}
html[data-theme="dark"] .fist-drawer-tool { color: #cbd5e1 !important; }
.fist-drawer-tool:hover { background: rgba(124,58,237,.07); }
/* Hide Bootstrap collapse nav on mobile, use drawer instead */
@media (max-width: 767px) {
    #collapse-menu { display: none !important; }
    .fist-drawer { display: flex; }
}
@media (min-width: 768px) {
    .fist-drawer, .fist-drawer-overlay { display: none !important; }
}

/* FistHost: 10015.io-style homepage category rows */
.fist-homerow { margin: 35px 0 10px; }
.fist-homerow-head {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 16px; padding-bottom: 10px;
    border-bottom: 2px solid rgba(124,58,237,.12);
}
.fist-homerow-head h2 {
    margin: 0; font-size: 22px; font-weight: 800; color: #1e1b4b;
    display: flex; align-items: center; gap: 10px;
}
html[data-theme="dark"] .fist-homerow-head h2 { color: #f1f5f9; }
.fist-homerow-ico {
    width: 40px; height: 40px; border-radius: 11px; flex-shrink: 0;
    background: linear-gradient(135deg,#6366f1,#a855f7); color: #fff;
    display: inline-flex; align-items: center; justify-content: center; font-size: 17px;
}
.fist-homerow-more {
    font-size: 14px; font-weight: 700; color: #7c3aed !important;
    text-decoration: none !important; white-space: nowrap;
    padding: 8px 16px; border-radius: 20px; background: rgba(124,58,237,.08);
    transition: background .2s;
}
.fist-homerow-more:hover { background: rgba(124,58,237,.16); }
.fist-homerow-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}
@media (max-width: 991px) { .fist-homerow-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .fist-homerow-grid { grid-template-columns: 1fr 1fr; gap: 10px; } }

/* FistHost: Categories mega menu (5 cols desktop) */
.fist-cat-menu { min-width: 620px; padding: 18px !important; }
.fist-cat-grid {
    display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;
}
.fist-cat-item {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 16px 8px; border-radius: 12px; text-decoration: none !important;
    background: rgba(124,58,237,.05); border: 1px solid rgba(124,58,237,.1);
    transition: all .2s; text-align: center;
}
.fist-cat-item:hover {
    background: rgba(124,58,237,.12); transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(124,58,237,.15);
}
.fist-cat-item .fa {
    font-size: 24px; color: #7c3aed;
    width: 48px; height: 48px; border-radius: 12px;
    background: linear-gradient(135deg,#6366f1,#a855f7); color: #fff !important;
    display: inline-flex; align-items: center; justify-content: center;
}
.fist-cat-item span { font-size: 12px; font-weight: 700; color: #1e1b4b; line-height: 1.3; }
html[data-theme="dark"] .fist-cat-item { background: rgba(124,58,237,.1); border-color: rgba(124,58,237,.2); }
html[data-theme="dark"] .fist-cat-item span { color: #f1f5f9; }

/* FistHost: Drawer 2-col category grid */
.fist-drawer-catgrid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 14px;
}
.fist-drawer-catbox {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 18px 8px; border-radius: 12px; text-decoration: none !important;
    background: rgba(124,58,237,.06); border: 1px solid rgba(124,58,237,.12);
    text-align: center;
}
.fist-drawer-catbox .fa {
    font-size: 22px; width: 44px; height: 44px; border-radius: 11px;
    background: linear-gradient(135deg,#6366f1,#a855f7); color: #fff !important;
    display: inline-flex; align-items: center; justify-content: center;
}
.fist-drawer-catbox span { font-size: 12px; font-weight: 700; color: #1e1b4b; line-height: 1.3; }
html[data-theme="dark"] .fist-drawer-catbox { background: rgba(124,58,237,.12); }
html[data-theme="dark"] .fist-drawer-catbox span { color: #f1f5f9; }

/* FistHost: Mobile shows max 4 tools per category row */
@media (max-width: 575px) {
    .fist-homerow-grid .ilove-card:nth-child(n+5) { display: none; }
}

/* FistHost: 10015.io-style auto-sliding category slider */
.fist-catslider-wrap {
    overflow: hidden; margin: 25px 0 10px; padding: 5px 0;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.fist-catslider {
    display: flex; gap: 14px; width: max-content;
    animation: fist-slide 30s linear infinite;
}
.fist-catslider-wrap:hover .fist-catslider { animation-play-state: paused; }
@keyframes fist-slide {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.fist-catslide {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 20px 12px 12px; border-radius: 50px;
    background: #fff; border: 1px solid rgba(124,58,237,.15);
    text-decoration: none !important; white-space: nowrap;
    box-shadow: 0 2px 8px rgba(124,58,237,.08);
    transition: transform .2s, box-shadow .2s;
    flex-shrink: 0;
}
.fist-catslide:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(124,58,237,.18); }
.fist-catslide-ico {
    width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0;
    background: linear-gradient(135deg,#6366f1,#a855f7); color: #fff;
    display: inline-flex; align-items: center; justify-content: center; font-size: 15px;
}
.fist-catslide span:last-child { font-size: 14px; font-weight: 700; color: #1e1b4b; }
html[data-theme="dark"] .fist-catslide { background: #141b2e; border-color: rgba(124,58,237,.25); }
html[data-theme="dark"] .fist-catslide span:last-child { color: #f1f5f9; }

/* FistHost: Dark mode hero + card shadows (2026-10-02) */
html[data-theme="dark"] .fist-hero {
    background: linear-gradient(135deg, #060d1a 0%, #0f1b3d 48%, #2e1065 100%);
}
html[data-theme="dark"] .ilove-card {
    background: #141e2a;
    border-color: transparent;
    box-shadow: 0 4px 16px rgba(0,0,0,.35);
}
html[data-theme="dark"] .ilove-card:hover {
    border-color: transparent;
    transform: translateY(-7px);
    box-shadow: 0 18px 36px rgba(0,0,0,.5), 0 0 0 1px rgba(139,92,246,.25);
}
html[data-theme="dark"] .fist-catslide {
    box-shadow: 0 4px 14px rgba(0,0,0,.4);
    border-color: transparent;
}
html[data-theme="dark"] .fist-cat-item {
    border-color: transparent;
    box-shadow: 0 4px 14px rgba(0,0,0,.35);
}
html[data-theme="dark"] .fist-drawer-catbox {
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(0,0,0,.3);
}

/* FistHost: Submasthead auto-height for long titles (2026-10-02) */
.submasthead {
    height: auto !important;
    min-height: 140px;
    overflow: visible !important;
}
body:has(.submasthead) .submasthead {
    height: auto !important;
    overflow: visible !important;
}
.submasthead .sub_seobannerh1,
.submasthead h1 {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.4 !important;
}

/* FistHost: Tool page header + Related Guides dark mode (2026-10-02) */
html[data-theme="dark"] .submasthead {
    background: linear-gradient(135deg, #060d1a 0%, #0f1b3d 55%, #2e1065 100%) !important;
}
html[data-theme="dark"] .fist-related-guides {
    background: #141e2a;
    border-color: transparent;
    box-shadow: 0 4px 16px rgba(0,0,0,.35);
}
html[data-theme="dark"] .fist-related-guides h2 { color: #f1f5f9; }
html[data-theme="dark"] .fist-related-guides a { color: #7dd3fc; }
html[data-theme="dark"] .fist-related-guides a:hover { color: #38bdf8; }

/* FistHost: Search bar dark mode */
html[data-theme="dark"] .fist-hero-searchbox {
    background: #141e2a;
    box-shadow: 0 22px 55px rgba(0,0,0,.6);
}
html[data-theme="dark"] .fist-hero-searchbox input.form-control {
    color: #f1f5f9;
    background: transparent;
}
html[data-theme="dark"] .fist-hero-searchbox input.form-control::placeholder { color: #64748b; }
html[data-theme="dark"] .fist-hero-searchbox .input-group-addon { color: #a78bfa; }

/* FistHost: Show-on-scroll-up search bar (mobile) */
#fist-sticky-search {
    display: none;
    position: fixed; top: 0; left: 0; right: 0; z-index: 9990;
    padding: 10px 15px;
    background: linear-gradient(135deg, #0a2540 0%, #1e3a8a 55%, #5b21b6 100%);
    box-shadow: 0 4px 20px rgba(2,6,23,.4);
    transform: translateY(-110%);
    transition: transform .3s ease;
}
#fist-sticky-search.show { transform: translateY(0); }
#fist-sticky-search .fist-hero-searchbox {
    max-width: 100%; margin: 0;
}
html[data-theme="dark"] #fist-sticky-search {
    background: linear-gradient(135deg, #060d1a 0%, #0f1b3d 55%, #2e1065 100%);
}
@media (min-width: 768px) {
    #fist-sticky-search { display: none !important; }
}

/* FistHost: Category/tool header - force auto height (stronger) */
.submasthead,
.submasthead .container,
.submasthead .col-md-6,
.submasthead .seobannerSmall {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}
.submasthead .sub_seobannerh1 {
    display: block !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow: visible !important;
    max-height: none !important;
}
@media (max-width: 767px) {
    .submasthead .seobannerSmall { width: 100% !important; }
    .submasthead .sub_seobannerh1 { font-size: 19px !important; line-height: 1.45 !important; }
}

/* FistHost: Mobile tool page navbar overflow fix */
@media (max-width: 767px) {
    .fist-crumbbar-in { max-width: 100%; overflow: hidden; }
    .fist-share {
        flex-wrap: wrap; justify-content: flex-end;
        max-width: 100%; align-self: stretch !important;
    }
    .fist-breadcrumb {
        max-width: 100%; overflow: hidden;
        text-overflow: ellipsis; white-space: nowrap;
    }
}

/* FistHost: Form inputs purple-pink gradient (2026-10-02) */
.form-control {
    border: 1px solid #e9d5ff !important;
    box-shadow: 0 0 0 4px rgba(168,85,247,.12), 0 2px 8px rgba(168,85,247,.1) !important;
}
.form-control:focus {
    border-color: #a855f7 !important;
    box-shadow: 0 0 0 4px rgba(168,85,247,.2), 0 4px 16px rgba(168,85,247,.25) !important;
    outline: none !important;
}
html[data-theme="dark"] .form-control {
    background: #141e2a !important;
    border: 1px solid transparent !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.4), 0 0 0 1px rgba(168,85,247,.2) !important;
    color: #f1f5f9 !important;
}
html[data-theme="dark"] .form-control:focus {
    border-color: transparent !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.5), 0 0 0 2px rgba(168,85,247,.45), 0 0 20px rgba(168,85,247,.3) !important;
}

/* FistHost: Mobile heading bar - auto height + shadow (2026-10-02) */
@media (max-width: 767px) {
    .submasthead {
        height: auto !important;
        min-height: 120px !important;
        padding-top: 70px !important;
        padding-bottom: 20px !important;
        overflow: visible !important;
    }
    .submasthead .container,
    .submasthead .seobannerSmall,
    .submasthead .col-md-6 {
        height: auto !important;
        overflow: visible !important;
        width: 100% !important;
        padding-left: 15px; padding-right: 15px;
    }
    .submasthead .sub_seobannerh1 {
        font-size: 20px !important;
        line-height: 1.4 !important;
        white-space: normal !important;
        word-wrap: break-word !important;
    }
    /* Light mode: shadow not border */
    html:not([data-theme="dark"]) .submasthead {
        box-shadow: 0 8px 30px rgba(99,102,241,.25) !important;
        border: none !important;
    }
}
/* Drawer always on left */
.fist-drawer { left: 0 !important; right: auto !important; }
.fist-drawer.open { transform: translateX(0) !important; }