.text-theme{
    color: var(--theme-color);
}
.text-black{
    color: #000;
}
.text-middle{
    vertical-align: middle;
}

.bg-theme{
    background-color: var(--theme-color);
}
/* ??? */
.w-lg-100{
    width: inherit!important;
}
.w-20{
    width: 20%!important;
}
.w-40{
    width: 40%!important;
}
.mh-100{
    min-height: 100px;
}
.mh-200{
    min-height: 200px;
}
.mh-225{
    min-height: 225px;
}
.mh-250{
    min-height: 250px;
}
.max-w-100{
    max-width: 100%!important;
}
.max-w-500{
    max-width: 500px!important;
}
.w-max-content{
    width: max-content;
}
.no-border{
    border: none!important;
}
.filter-grayscale{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.like-big{
    font-size: larger;
}
/*
@-webkit-keyframes jumpThreeCenter {
    0% {
        -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%);
    }
    40% {
        -webkit-transform: translate(50%, calc(50% - 20px)); transform: translate(50%, calc(50% - 20px));
    }
    100% {
        -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%);
    }
}
*/

.slick-dots{
    display: none!important;
}

.m-t-150-n{
    margin-top: -150px!important;
}
.fw-500{
    font-weight: 500!important;
}
.fw-700{
    font-weight: 700!important;
}

.l-0{ left:0!important; }
.t-0{ top:0!important; }
.r-0{ right:0!important; }
.b-0{ bottom:0!important; }

.theme-btn-orange{
    background-color: #ffbd4a!important;
    color: #FFF;
}
.theme-btn-orange:hover{
    background-color: #ffcf7b !important;
    color: #FFF;
}
/* Orange recolor for the pill CTA (.theme-btn-twelve) — used on the homepage
   "What are you waiting for?" banner so it matches the site's orange CTAs. Keeps
   theme-btn-twelve's pill geometry; overrides fill + border so no pink edge shows. */
body .btn-orange-cta{
    background: #F5A623;
    border-color: #F5A623;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
body .btn-orange-cta:hover{
    background: #ffb943;
    border-color: #ffb943;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
/* Larger CTA — override must beat .case-study-cta .theme-btn-twelve (which sets the
   base 20px/60px pill sizing), so it carries the extra .btn-orange-cta class. Bump the
   border-radius in step with the taller button so the ends stay fully rounded. */
body .case-study-cta .theme-btn-twelve.btn-orange-cta{
    font-size: 24px;
    line-height: 72px;
    padding: 0 60px;
    border-radius: 42px;
}
.theme-btn-blue{
    font-size: 18px;
    color: #fff;
    line-height: 48px;
    border: 2px solid var(--theme-color);
    background: var(--theme-color);
    padding: 0 42px;
    border-radius: 30px;
    transition: all .3s ease-in-out;
}
.theme-btn-blue:hover{
    background: 0 0;
    color: var(--theme-color);
}
.theme-btn-pricing-link{
    font-size: 18px;
    letter-spacing: -.5px;
    color: #000;
    position: relative;
}

body .theme-btn-signup{
    font-family: 'gordita';
    line-height: 58px;
    border-radius: 50px;
    color: #fff;
    padding: 0 34px;
    min-width: 180px;
    text-align: center;
    background: #262626;
    transition: all .3s ease-in-out;
}
body .theme-btn-signup:hover{
    background: #ffeaa0;
    color: #212121;
}

/* Case-study CTA — scoped overrides for _signup_bar_dark.php */
body .case-study-cta .theme-btn-twelve {
    font-size: 20px;
    line-height: 60px;
    padding: 0 48px;
    border-radius: 35px;
}

/* footer social icons */
.theme-footer-eight .top-footer .social-icon a {
    font-size: 20px;
    margin-left: 15px;
    color: #000;
    transition: all 50ms ease-in-out;
}

.theme-footer-eight .top-footer .social-icon a:hover{
    color: var(--theme-color);
}

/* align height of pricing columns */
.title-style-seven h2 span:before{
    background: none;
}

.pricing-table-area-six .pr-table-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    margin-top: 0;
}

.pricing-table-area-six .pr-table-wrapper .pack-details,
.pricing-table-area-six .pr-table-wrapper .trial-button{
    width: 100%;
}
.pricing-table-area-six .pr-table-wrapper .trial-button{
    margin-top: auto;
}
.pricing-table-area-six .pr-table-wrapper .trial-button button{
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: inherit;
    line-height: 52px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.pricing-table-area-six .pr-table-wrapper .trial-button.active{
    background: #FFEAA0;
    border-color: #FFEAA0;
}
/* pricing tabs numbers/labels */
.pricing-table-area-six .pr-table-wrapper .price{
    padding: 0;
    margin-top: 28px;
    margin-bottom: 15px;
    margin-left: -28px;
}
.pricing-table-area-six .pr-table-wrapper .price,
.pricing-table-area-six .pr-table-wrapper .price *{
    line-height: 1em;
}
.pricing-table-area-six .pr-table-wrapper .price-interval,
.pricing-table-area-six .pr-table-wrapper .price-currency{
    color: var(--text-color);
    font-weight: 300;
    position: absolute;
    white-space: nowrap;
}
.pricing-table-area-six .pr-table-wrapper .price-interval{
    bottom: calc(50% - 8px);
    left: calc(100% + 4px);
    font-size: clamp(14px,28%, 20px);
}
.pricing-table-area-six .pr-table-wrapper .price span + span + .price-interval{
    bottom: 8px;
}
.pricing-table-area-six .pr-table-wrapper .price span + span{
    top:0;
    font-size: 40%;
    position: absolute;
    margin-top:2px;
}
.pricing-table-area-six .pr-table-wrapper .price-interval-details{
    font-size: 16px;
}
.pricing-table-area-six .pr-table-wrapper .price-interval-details:empty{
    display: none;
}
.pricing-table-area-six .pr-table-wrapper .price-currency{
    font-size: 20px;
    line-height: 100%;
    right: calc(100% + 4px);
    bottom: 0;
    transform: translate(0, -100%);
}
/* */
.pricing-section-eight .trial-button:hover{
    background: #ffeaa0!important;
    border-color: #ffeaa0!important;
    color: #000;
}
.pricing-section-eight .trial-button {
    line-height: 150%;
    padding: 11px;
}
.pricing-section-eight .trial-button button{
    font-size: 16px;
    font-weight: 500;
    color: inherit;
    text-align: center;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.pricing-table-area-six .pr-table-wrapper .trial-button[disabled],
.pricing-section-eight .trial-button[disabled]{
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    color:#FFF;
}

.pricing-table-area-six .pr-table-wrapper .pr-feature{
    /* margin-bottom: auto; */
    /* min-height: 230px; */
    padding-bottom: 18px;
}
/* primary tiles: the plan name is plain text and the core features wear the colored tags */
.pricing-table-area-six .pr-table-wrapper .pack-name.pack-name-plain{
    padding: 0;
    margin-bottom: 8px;
}
/* no subline under the price any more: tighten the gaps above and below the gray divider */
.pricing-table-area-six .pr-table-wrapper .pack-details:empty{
    padding-bottom: 8px;
}
.pricing-table-area-six .pr-table-wrapper .pack-details:empty + .pr-feature{
    padding-top: 16px;
}
.pricing-table-area-six .pr-table-wrapper .pr-feature .pr-feature-tag{
    text-align: center;
    margin-left: -8px; /* cancel the list's left padding so the tags sit on the tile's center line */
}
.pricing-table-area-six .pr-table-wrapper .pr-feature .pr-feature-tag span{
    display: inline-block;
    line-height: 29px;
    padding: 0 12px;
    border-radius: 6px;
    color: #000;
    font-weight: 500;
    vertical-align: middle;
}

/* tmp fixes pricing table */
.seoptimer-active-text .qodef-active-text span,
.seoptimer-show-product-info .qodef-active-text span {
    display: block;
    width: 122.5px;
    height: 122.5px;
    background: var(--theme-color-2);
    /* color: #000; */
    -webkit-transform: rotate(11.25deg);
    -ms-transform: rotate(11.25deg);
    transform: rotate(11.25deg);
    rotation: 12.5deg;
    -ms-rotation: 12.5deg;
}
.seoptimer-active-text .qodef-active-text .qodef-active-text-inner,
.seoptimer-show-product-info .qodef-active-text .qodef-active-text-inner {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    rotation: 90deg;
    -ms-rotation: 90deg;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    line-height: 130%;
    font-size: 22.5px;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.seoptimer-active-text .qodef-active-text .qodef-active-text-inner label,
.seoptimer-show-product-info .qodef-active-text .qodef-active-text-inner label{
    cursor: auto;
}

.pricing-section-eight .pr-body li{
    min-height: 79px;
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
}
.pricing-section-eight .pr-body .pr-text-value{
    /*position: absolute; */
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    left: 0;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.pricing-section-eight .pr-body .pr-text{
    margin-bottom: 12px;
}
.pricing-section-eight .pr-body li span + img{

}
.pricing-section-eight .pr-list-wrapper li{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 25px;
}
.pricing-section-eight .pr-list-wrapper li i{
    color: #c0c0c0;
    right: 20px;
    position: absolute;
}

.pricing-section-eight .pr-column .price{
    font-size: 30px;
}
/* Feature Breakdown plan names (Starter / Pro / Max), a touch under the 30px column headers */
.pricing-table-desktop td .price.plan-label,
.pricing-section-eight .pr-column .price.plan-label{
    font-size: 26px;
}

@media (max-width: 991px){
    .pricing-section-eight .pr-group-header{
        /*
        display: none;
        */
    }
    /* new pricing table */
    .pricing-table-desktop{
        width: auto!important;
    }
    .pricing-table-desktop td:first-child{
        /* display: none; */
    }
    .pricing-table-desktop .col-sizer-12{
        width: 100%!important;
    }
    .pricing-table-desktop .col-sizer-8{
        width: 66.666667%!important;
    }
    .pricing-table-desktop .col-sizer-6{
        width: 50%!important;
    }
    .pricing-table-desktop .col-sizer-4{
        width: 33.333333%!important;
    }
    .pricing-table-desktop .col-sizer-3{
        width: 25%!important;
    }
    /* pricing tab numbers */
    .pricing-table-area-six .pr-table-wrapper span + span{
        margin-top: 0;
    }
    .pricing-table-area-six .pr-table-wrapper span + span + .price-interval{
        bottom: 2px;
    }
    .terms_and_policy{
        padding: 120px 0;
    }
    .terms_and_policy h1{
        font-size: 38px!important;
    }
    /* main page */
    .coming-soon-content h1 + p {
        font-size: 20px !important;
    }
}

.pricing-section-eight .pr-footer{
    /* max-height: 160px; */
    padding-left: 17px;
    padding-right: 17px;
}
.pricing-section-eight .pr-list-wrapper{
    top:0;
    border: none;
}
.pricing-section-eight .pr-list-wrapper ul{
    border: 1px solid #ededed;
    border-radius: 15px 0 0 15px;
    border-right: none;
}
.pr-hidden-column{
    visibility: hidden;
    opacity: 0;
}

/* content in blog articles */
img.size-full {
    max-width: 100%;
    height: auto;
}


.terms_and_policy{
    padding-top: 0;
    padding-bottom: 60px;
    border-bottom: none;
}
/* force table sizes / old blog styles */
.terms_and_policy .post-content table{
    border-spacing: 0;
    vertical-align: middle;
    width: 100%;
}
.terms_and_policy .post-content table tbody tr,
.terms_and_policy .post-content table thead tr {
    border: 1px solid #e6e6e6;
}
.terms_and_policy .post-content table td,
.terms_and_policy .post-content table th{
    padding: 5px 10px;
    text-align: center;
}
/* decrease bolding in blog context */
.terms_and_policy .post-content b,
.terms_and_policy .post-content strong{
    font-weight: 500;
}
.terms_and_policy .post-content ul,
.terms_and_policy .post-content ol{
    margin-left: 36px!important;
    padding-left: 0;
}

.terms_and_policy .post-content--en-US  ul,
.terms_and_policy .post-content--en-US  ol{
    margin-left: 0!important;
    padding-left: 25px;
}

/* .terms_and_policy .post-content--en-US li > ul, */
.terms_and_policy .post-content--en-US li > ol{
    margin-left: 0 !important;
    padding-left: 0;
}
.terms_and_policy .tab-content li > ul  {
    list-style-type: circle;
}
.terms_and_policy .post-content ol{
    list-style-type: decimal;
}
.terms_and_policy .tab-content ul li,
.terms_and_policy .tab-content ol li{
    color: inherit;
    padding-bottom: 5px;
    padding-left: 2px;
}
.terms_and_policy .tab-content ul li:last-child,
.terms_and_policy .tab-content ol li:last-child{
    padding-bottom: 0;
}
.terms_and_policy .tab-content ul li a,
.terms_and_policy .tab-content ol li a{
    vertical-align: text-top;
}

.terms_and_policy h1{
    font-weight: 600;
    font-size: 55px;
    line-height: 148%;
    padding-bottom: 10px;
}
.terms_and_policy .tab-content .update-date{
    margin-bottom: 0;
    color: var(--gray-dark)
}

.blog-page .terms_and_policy .tab-content .update-date{
    color: var(--gray-dark)
}
.terms_and_policy .tab-content .update-date span{
    margin-right: 25px;
}
.terms_and_policy .tab-content .post-content .post-image{
    margin-top: 0;
    margin-bottom: 30px;
    display: block;
    width: 100%;
}
/* wordpress inherited */
/*
.terms_and_policy .tab-content .post-content img.alignnone{
    margin: 0;
}
*/

.terms_and_policy .tab-content .post-content img{
    margin-top: 15px;
    max-width: 100%;
    height: auto;
    /* old styles */
    display: inline;
    vertical-align: middle;
}
.terms_and_policy .tab-content .post-content img.alignleft{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.terms_and_policy .tab-content .post-content a{
    color: var(--theme-color);
    text-decoration: none;
    display: inline;
}
.terms_and_policy .tab-content .post-content a:hover{
    text-decoration: underline;
}
.terms_and_policy .tab-content .post-content p{
    margin-bottom: 0;
}
.terms_and_policy .tab-content .post-content h2{
    font-family: inherit;
    font-size: 38px;
    padding: 0;
}
.terms_and_policy .tab-content .post-content h3{
    font-family: inherit;
    margin-top: 35px;
    margin-bottom: 15px;
    padding: 0;
    font-size: 26px;
}
.terms_and_policy .tab-content .post-content h5{
    margin: 0;
    padding: 0;
}
.terms_and_policy .tab-content .post-content h4{
    font-size: 22px;
}
.terms_and_policy .tab-content .post-content h5{
    font-size: 20px;
}

.terms_and_policy .tab-content .post-content h2,
.terms_and_policy .tab-content .post-content h3,
.terms_and_policy .tab-content .post-content h4,
.terms_and_policy .tab-content .post-content h5{
    line-height: 148%;
}

.terms_and_policy .tab-content .post-content h4 {
    margin-bottom: 20px;
}

.terms_and_policy .tab-content .post-content .post-import-seoptimer-en h4 {
    margin-bottom: 0;
}

.terms_and_policy .post-content blockquote {
    background: #fcfaf3;
    border-left: 4px solid #fae6bf;
    border-radius: 0 8px 8px 0;
    padding: 22px 40px;
    font-size: 135%;
}

.terms_and_policy .tab-content .post-content  pre {
    white-space: normal;
}

.terms_and_policy .tab-content .post-content  img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.terms_and_policy .tab-content .post-content ul li a,
.terms_and_policy .tab-content .post-content ol li a {
    vertical-align: baseline;
}

.theme-footer-eight .footer-list ul li.footer-multiline-text-list span,
.theme-footer-eight .footer-list ul li.footer-multiline-text-list a {
    line-height: 35px;
}

.theme-footer-eight .footer-list ul li.footer-multiline-text-list a::after {
    content: ",";
}
.theme-footer-eight .footer-list ul li.footer-multiline-text-list a:last-child::after {
    content: "";
}

.theme-footer-eight .footer-list ul li.footer-multiline-text-list {
    margin-bottom: 5px;
}

.theme-footer-eight .logo span {
    font-size: 85%;
    display: inline-block;
    line-height: 1.5;
    margin-top: 8px;
}

.theme-footer-eight .footer-list ul li a {
    line-height: 36px;
}

.theme-footer-eight .footer-title {
    margin: 5px 0 5px;
}

@media (min-width: 992px){
    .theme-footer-eight .awards-icons {
        max-width: 270px;
    }
}

@media (max-width: 992px){
    .theme-footer-eight .awards-icons {
        max-width: 370px;
    }
}

.theme-footer-eight  a.footer-language-link {
    color: #343434;
    transition: all 0.2s ease-in-out;
    position: relative;
    line-height: 40px;
}

.theme-footer-eight  a.footer-language-link:hover > span:first-child {
    text-decoration: underline;
}

.footer-language-menu .dropdown-toggle::after {
    content: "\f100";
    font-family: Flaticon;
    border: none !important;
    font-size: 10px;
    position: absolute;
    right: -13px;
    top: 0;
    color: inherit;
    transition: all 0.3s ease-in-out;
}

.footer-language-menu .dropdown-menu  {
    z-index: 5;
    background-color: #fff;
    border-radius: 0;
    border:none;
    transform: translateY(10px);
    box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    min-width: 160px;
}

.footer-language-menu .dropdown-menu a {
    padding: .25rem .8rem;
}

.footer-language-menu .dropdown-menu a:hover,
.footer-language-menu .dropdown-menu a:focus {
    color: var(--theme-color) !important;
    background-color: transparent !important;
}

.theme-footer-eight .top-footer [class*="col-"] {
    margin-bottom: 0px !important;
}

@media (max-width: 991px){
    .terms_and_policy .post-content blockquote {
        padding: 22px 20px;
    }
}

.terms_and_policy .post-content blockquote.tiktok-embed {
    border-left: none;
    background: white;
    padding: 0;
}
.terms_and_policy .post-content .video-shortcode,
.terms_and_policy .post-content .video-youtube  {
    position: relative;
    padding-top: 56.2727%;
    margin-bottom: 30px;
}

.terms_and_policy .post-content .video-shortcode iframe,
.terms_and_policy .post-content .video-youtube iframe {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
}
.terms_and_policy .post-content--es-ES > h2 {
    margin-bottom: 30px;
    margin-top: 35px;
}

.terms_and_policy .tab-content .post-content--es-ES  p.lead {
    font-weight: 400;
    font-size: 26px;
    color: #5d9cec;
    line-height: 140%;
}

.terms_and_policy .tab-content .post-content--es-ES  textarea {
    display: block;
}

.terms_and_policy .post-content--es-ES > h2 b {
    font-weight: normal;
}
.terms_and_policy .tab-content .post-content--es-ES > p,
.terms_and_policy .tab-content .post-content--es-ES > blockquote {
    margin-bottom: 30px;
}

.terms_and_policy .post-content--es-ES > p > textarea {
    color: #b8b8b8;
    padding: 8px;
    border-color: #b8b8b8;
    min-height: 100px;
}

.terms_and_policy .post-content--es-ES > ol,
.terms_and_policy .post-content--es-ES > ul {
    margin-bottom: 30px;
}

.terms_and_policy .post-content--es-ES blockquote p:not(:last-of-type) {
    margin-bottom: 30px;
}

.terms_and_policy .tab-content .post-content--es-ES div > p {
    margin-bottom: 30px;
}

.terms_and_policy .tab-content .post-content--en-US img.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

@media (max-width: 460px) {
    .terms_and_policy .tab-content .post-content--en-US img.alignright {
        margin-left: 50%;
    }

    .terms_and_policy .tab-content .post-content--en-US img.alignleft {
        margin-right: 50%;
    }
}

.terms_and_policy .post-content--en-US blockquote.blog {
    padding:30px 30px 0 30px;
}

.terms_and_policy .post-content--en-US blockquote.blog > *:last-child {
    padding-bottom:30px ;
}

@media (max-width: 991px){
    .terms_and_policy .post-content--en-US blockquote.blog {
        padding: 20px 20px 0;
    }

    .terms_and_policy .post-content--en-US blockquote.blog > *:last-child {
        padding-bottom:20px ;
    }
}

.terms_and_policy .post-content--en-US blockquote.blog:after {
    content: "";
    display: block;
    clear: both;
}
.terms_and_policy .post-content--en-US  .post-image-caption {
    font-size: 11px;
    line-height: 17px;
    display: inline-block;
    text-align: center;
}
.terms_and_policy .post-content--en-US .post-import-mbacklinks-en blockquote {
    padding: 30px;
}
.terms_and_policy .tab-content .post-content--en-US .post-import-mbacklinks-en blockquote p:last-of-type {
    margin-bottom: 0;
}
@media (max-width: 991px){
    .terms_and_policy .post-content--en-US .post-import-mbacklinks-en blockquote {
        padding: 20px;
    }
}
.terms_and_policy .post-import-mbacklinks-en blockquote.twitter-tweet {
    background:none;
    border-left:none;
}
.terms_and_policy .post-import-mbacklinks-en  .twitter-tweet-rendered {
    margin-bottom: 30px !important;
}
.terms_and_policy  .tab-content .post-content .post-import-mbacklinks-en > h5 {
    margin-bottom: 15px;
    margin-top: 20px;
}
.terms_and_policy .tab-content .post-content .post-import-mbacklinks-en figure.alignleft {
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 10px;
    float:left;
}
.terms_and_policy .tab-content .post-content .post-import-mbacklinks-en figure.alignright {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: right;
}

.terms_and_policy .tab-content .post-content .post-import-mbacklinks-en figure.aligncenter {
    display: block;
    text-align: center;
}
.terms_and_policy .tab-content .post-content .post-import-mbacklinks-en figure.aligncenter img {
    display: inline;
}

.terms_and_policy .post-content--en-US  .post-image-caption img {
    display: block;
}
/* .terms_and_policy .tab-content .post-content--en-US .post-import-mbacklinks-en img.aligncenter {
    display: inline;
} */
.terms_and_policy .tab-content .post-content--en-US .post-import-mbacklinks-en > p > textarea {
    color: #b8b8b8;
    padding: 8px;
    border-color: #b8b8b8;
    min-height: 100px;
    margin-top: 20px;
    display: block;
    width: 100% !important;
}
.terms_and_policy .tab-content .post-content--en-US .post-import-mbacklinks-en li p  {
    margin-bottom: 10px;
}
.terms_and_policy .tab-content .post-content--en-US pre {
    padding: 15px;
    max-width: 100%;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 15px 0;
}

.terms_and_policy .tab-content .post-content--en-US .post-import-mbacklinks-en p,
.terms_and_policy .tab-content .post-content--en-US .post-import-mbacklinks-en ul,
.terms_and_policy .tab-content .post-content--en-US .post-import-mbacklinks-en ol,
.terms_and_policy .tab-content .post-content--en-US .post-import-mbacklinks-en > center,
.terms_and_policy .tab-content .post-content--en-US .post-import-mbacklinks-en blockquote ,
.terms_and_policy .tab-content .post-content--en-US .post-import-mbacklinks-en figure {
    margin-bottom: 30px;
}

.terms_and_policy .tab-content .post-content--en-US .post-import-mbacklinks-en > center {
    display: block;
    overflow: hidden;
}
.terms_and_policy .tab-content .post-content--translation p,
.terms_and_policy .tab-content .post-content--translation ul,
.terms_and_policy .tab-content .post-content--translation ol,
.terms_and_policy .tab-content .post-content--translation center,
.terms_and_policy .tab-content .post-content--translation blockquote,
.terms_and_policy .tab-content .post-content--translation figure {
    margin-bottom: 30px;
}

.terms_and_policy .tab-content .post-content--translation  h2,
.terms_and_policy .tab-content .post-content--translation  h2 b {
    font-weight: 400;
}


.terms_and_policy .tab-content .post-content--translation center {
    display: block;
    overflow: hidden;
}

.terms_and_policy .tab-content .post-content--translation h2 {
    margin-bottom: 30px;
    margin-top: 35px;
}

.terms_and_policy .tab-content .post-content--translation .post-image-caption {
    font-size: 11px;
    line-height: 17px;
    display: inline-block;
    text-align: center;
}

.terms_and_policy .tab-content .post-content--translation blockquote.blog,
.terms_and_policy .tab-content .post-content--translation blockquote {
    padding: 30px;
}

.terms_and_policy .tab-content .post-content--translation blockquote > p {
    padding-left: 0 !important;
}

.terms_and_policy .tab-content .post-content--translation blockquote > p:last-child {
    margin-bottom: 0;
}


.terms_and_policy .post-content--translation blockquote.blog>*:last-child {
    padding-bottom: 0;
}

.terms_and_policy .tab-content .post-content--translation span + img.alignnone {
    display: block;
}

.terms_and_policy .tab-content .post-content--en-US .post-import-mbacklinks-en h2 {
    margin-bottom: 30px;
    margin-top: 35px;
}
.terms_and_policy .post-content--es-ES div > p:last-child {
    margin-bottom: 0;
}


.terms_and_policy .post-content .click-tweet {
    display: block;
    background-color: #fff;
    position: relative;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 30px;
    margin: 15px 0px;
    zoom: 1;
}
.terms_and_policy .post-content .click-tweet p {
    text-align: right;
}
.terms_and_policy .tab-content .post-content .click-tweet__text {
    margin: 0;
    padding: 0;
    position: relative;
    margin-bottom: 10px;
    word-wrap: break-word;
}
.terms_and_policy .tab-content .post-content .click-tweet__text a {
    margin: 0;
    padding: 0;
    position: relative;
    color: #666666;
    font-size: 24px;
    line-height: 140%;
    text-transform: none;
    font-weight: 400;
}

.terms_and_policy .tab-content .post-content  .click-tweet__btn {
    margin: 0;
    padding: 0;
    position: relative;
    display:inline-block;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
    color: #666666;
    padding-right: 24px;
    text-decoration: none;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MEI5RDlGRENFQkYxMUUxQjQ5RkI1QjAyQ0RFODVBMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MEI5RDlGRUNFQkYxMUUxQjQ5RkI1QjAyQ0RFODVBMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkwQjlEOUZCQ0VCRjExRTFCNDlGQjVCMDJDREU4NUEwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkwQjlEOUZDQ0VCRjExRTFCNDlGQjVCMDJDREU4NUEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JXblxAAAAP9JREFUeNpiXHDmLQMJIByIa4FYG4g/AvFyIK6KNxZ6D1PARIJhqUC8AmoYCPwD4gwg3rPw7Ds2Ug1kBeIOJP5SIBYC4qlAbATEkbgM9AXiPCBmQRNXhRoAA1JArAjEcjDXA12pBmIwooWhMhDfBOJPQHwSiJ8A8VcgtgJiUwK+AAVBNSOWSMkG4ikkhO0vIC4G4vXAyHkK8lohEF8G4vNA/BYaPjJAXEGkgQlAg5bDOCxQw3aSGOMwsBnZMFik7AHiGCD+SaJhoPBNQxeEuWo5NNBPEmnYESC2BOIXuAxkgHrdAogdgHgWEF+BBjgI/Ia6CJSw/YDYHsrHAAABBgACeTs5OkCiHwAAAABJRU5ErkJggg==') no-repeat right top;
}

.terms_and_policy .tab-content .post-content .click-tweet__btn:hover {
    color: #666666;
    text-decoration: underline;
}

@media (max-width: 768px){
    .terms_and_policy .post-content .click-tweet {
        padding: 20px;
    }

    .terms_and_policy .tab-content .post-content .click-tweet__text a {
        font-size: 20px;
        line-height: 140%;
        font-weight: 400;
        text-transform: none;
    }
    .terms_and_policy .tab-content .post-content .click-tweet__text {
        margin-bottom: 0;
    }
}

a.blog-sub-info__tag:hover,
a.post-link:hover {
    color: var(--theme-color);
}

.reading-progress {
    position: absolute!important;
    left: 0;
    top: 100%;
    z-index: 0;
    width: 100%;
    height: 3px;
    background-color: transparent;
    overflow: hidden;
    min-height: auto!important;
}
.reading-progress > div {
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--theme-color);
}

.social-icons-share-article a {
    border-radius: 50%;
    line-height: 42px;
    font-size: 20px;
    margin: 0 6px;
    transition: all 0.3s ease-in-out;
}
.social-icons-share-article a:hover{
    color:var(--theme-color);
}

.social-icons-share-article  span {
    margin-right:7px !important;
}

/* common footer style .theme-footer-seven .bottom-footer { */
.bottom-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}
/* override background */
.useable-tools-section-four .bg-wrapper {
    /* max-width: none; */
}
.useable-tools-section-four .logo-container .inner-wrapper{
    position: relative;
    top:0;
    transform: none;
}
.useable-tools-section-four .logo-container .line-two{
    transform:none!important;
}
/*
.useable-tools-section-four{
    padding: 0;
}
.useable-tools-section-four .bg-wrapper {
    overflow: hidden;
    padding-top: 44px;
    padding-bottom: 35px;
}
.useable-tools-section-four .bg-wrapper:before{
    background: url(../images/shape/226_12.png) no-repeat center top;
    top: 0;
    z-index: 10;
}
.useable-tools-section-four .bg-wrapper:after {
    background: url(../images/shape/227_12.png) no-repeat center bottom;
    bottom: 0;
    z-index: 10;
}
*/

/* ? */
.useable-tools-section-four.before {
    padding-bottom: 0;
}
.useable-tools-section-four.before .bg-wrapper:after {
    display: none;
}

/* reduce top padding */
.theme-main-menu{
    padding-top: 10px;
}
/* tighten top-nav so all items fit cleanly at narrow desktop widths
   (adding "Success Stories" pushed the row close to wrapping ~1200px) —
   two-phase font sizing: smaller at narrow desktops, original size at xl+ */
@media (min-width: 992px) {
    .theme-menu-five .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        margin: 0 10px;
        white-space: nowrap;
    }
    /* render the caret as inline text instead of bootstrap's inline-block
       border-triangle — as a real character it flows with the link label
       rather than floating as a discrete glyph in the right padding */
    .theme-menu-five .navbar-nav .nav-link.dropdown-toggle::after {
        content: "▾";
        display: inline;
        width: auto;
        height: auto;
        border: none;
        margin-left: 3px;
        vertical-align: middle;
        font-size: 0.75em;
        line-height: 1;
    }
    /* the caret still adds visual mass on the right of dropdown items —
       give those items extra right margin so the next item is pushed
       clear of the arrow and the perceived gap matches text-to-text gaps */
    .theme-menu-five .navbar-nav .nav-item.dropdown > .nav-link.dropdown-toggle {
        margin-right: 24px;
    }
}
/* Restore the original larger header only on wide desktops (>=1500). The compact state —
   nav font, premium button, login and the horizontal header padding — now applies 992-1499
   and switches together at 1500, so the extra "Audits" nav item has room and nothing goes
   out of sync at 1200.
   IMPORTANT: only horizontal padding is touched below, and only ever REDUCED (25px vs the
   theme's 40px). The header's VERTICAL padding is left alone — overriding it fed into
   --header-height / the sticky rules and made the bar grow taller + resize janky. */
@media (min-width: 1500px) {
    .theme-menu-five .navbar-nav .nav-item .nav-link {
        font-size: 20px;
    }
}
/* Dropdown toggles (Features / Audits / Resources) open a menu — they are never the
   "current page", so they should not pick up the .active underline the theme applies to
   nav links. Kept scoped to .dropdown-toggle so genuine active page links still underline. */
.theme-menu-five .navbar-nav .nav-item .nav-link.dropdown-toggle.active {
    text-decoration: none;
}
@media (min-width: 1200px) and (max-width: 1499px) {
    .theme-menu-five .right-widget .demo-button { line-height: 48px; font-size: 15px; }
    .theme-menu-five .right-widget .signIn-action { font-size: 18px; }
    .theme-main-menu { padding-left: 25px; padding-right: 25px; }
}
/* below ~1150 (down to the mobile break at 991) the compact row still gets too tight and the
   premium button falls off — hide the lower-priority items (Audits + Success Stories), leaving
   Features, Pricing and Resources. Hidden items remain reachable in the mobile menu at <992. */
@media (min-width: 992px) and (max-width: 1149px) {
    #mega-menu-holder .navbar-nav .nav-hide-narrow { display: none; }
}
/* force a small gap between the logo and the nav whenever the inline nav
   items are shown — logo is position:static (per the override above) so a
   margin-right on it physically pushes the navbar over, giving the items
   visible breathing room on the left side at narrow desktop widths */
@media (min-width: 992px) {
    .theme-main-menu.theme-menu-five .logo {
        margin-right: 13px;
    }
}
/* menu */
.theme-menu-five .right-widget .demo-button:hover{
    background: var(--theme-color-2);
    border-color: var(--theme-color-2);
    color: #000;
}
/* Navbar "Premium - Free Trial" button: white/black-outline at the top of every page,
   then animates to the orange CTA once the sticky navbar enters its scrolled (.fixed)
   state (theme.js adds .fixed past ~100px). The base .demo-button already has
   transition: all 0.3s, so the colour change eases in smoothly. Uses the same orange
   as the homepage report submit button (.theme-btn-orange). */
.theme-main-menu.sticky-menu.fixed:not(.nav-cta-static) .right-widget .demo-button{
    background-color: #ffbd4a;
    border-color: #ffbd4a;
    color: #fff;
}
.theme-main-menu.sticky-menu.fixed:not(.nav-cta-static) .right-widget .demo-button:hover{
    background-color: #ffcf7b;
    border-color: #ffcf7b;
    color: #fff;
}
/* On phones (≤575px, see responsive.css) the button collapses to an icon-only pill showing a
   black user glyph. That black icon on the orange scrolled background reads poorly, so keep the
   retracted button in its base white / black-outline style regardless of scroll state. */
@media (max-width: 575px) {
    .theme-main-menu.sticky-menu.fixed:not(.nav-cta-static) .right-widget .demo-button,
    .theme-main-menu.sticky-menu.fixed:not(.nav-cta-static) .right-widget .demo-button:hover {
        background-color: transparent;
        border-color: #000;
        color: #000;
    }
}
.theme-menu-five .right-widget .signIn-action:hover {
    color: var(--theme-color);
}
/* sync with header item padding */
.navbar .dropdown-menu .dropdown-item {
    padding-left: 23px;
    padding-right: 23px;
}
.navbar .dropdown-menu .mega-menu .dropdown-item{
    padding:0;
    padding-bottom: 15px;
    line-height: 150%;
}

.blog-dropdown:hover > .dropdown-menu {
    visibility: visible;
    opacity: 1;
}

.navbar .dropdown-menu .mega-menu .dropdown-item + p{
    line-height: 150%;
}

.theme-main-menu .logo img{
    max-width: none;
}

.theme-main-menu .logo,
.theme-main-menu .right-widget{
    position: static;
    transform: none;
}

#mega-menu-holder .dropdown-toggle:after{
    top: 50%!important;
    transform: translate(0,-50%);
    margin-top: 2px;
}

/* for mobile only for opened menu */
.theme-main-menu .navbar-nav .nav-item.show > .nav-link
{
    color: var(--theme-color) !important;
}

/* override panel menu */
.navbar .dropdown-menu .mega-menu a:hover *{
    color: var(--theme-color) !important;
}
@media (min-width: 992px){
    .block-style-twentyThree.shape-wider.narrow{
        margin-bottom: 120px!important;
    }
    .block-style-twentyThree.shape-wider{
        margin-bottom: 180px;
    }
}

@media (min-width: 1024px){
    .block-style-twentyThree.shape-wider{
        margin-bottom: 185px;
    }
}

@media (min-width: 1200px){
    .shape-wide .screen-container .shapes{
        max-width: 112.5%;
        width: 112.5%;
    }
    .shape-wider .screen-container .shapes{
        max-width: 125%;
        width: 125%;
    }
    .screen-container .shape-center.shape-center--xl-left-offset{
        right: 39%;
    }
    .oval-upper .screen-container .oval-shape{
        top: 30%!important;
    }
    .oval-right .screen-container .oval-shape{
        right: 35%!important;
    }
    .block-style-twentyThree.shape-wider{
        margin-bottom: 230px;
    }
    .block-style-twentyThree.shape-wider.narrow{
        margin-bottom: 160px!important;
    }
}
.block-style-twentySix .report-seo-audit-image {
    aspect-ratio: 574/379;
}

@media (max-width:768px){
    .block-style-twentySix .report-seo-audit-image {
       aspect-ratio: 574/450;
    }
}

@media (min-width: 992px){
    .theme-main-menu>div{
        min-height: var(--header-height);
    }
    .theme-main-menu .navbar-toggler {
        display: none;
    }
    .navbar-collapse {
        transition: none!important;
    }
    .w-lg-100{
        width: 100%!important;
    }
    .w-lg-20{
        width: 20%!important;
    }
    .w-lg-33{
        width: 33%!important;
    }
    .w-lg-40{
        width: 40%!important;
    }
    .w-lg-50{
        width: 50%!important;
    }
    .max-w-lg-100{
        max-width: 100%!important;
    }
    .max-w-lg-500{
        max-width: 500px!important;
    }
    /* for simple dropdown */
    .navbar .dropdown > ul.dropdown-menu{
        padding-top: 8px;
    }
    /* .navbar .dropdown.mega-dropdown-lg:hover > .dropdown-menu { */
    .navbar .dropdown.mega-dropdown-lg > .dropdown-menu {
        /* fixed-ish width: hold ~1200px across most desktop widths (no proportional stretch at
           high-res, no aggressive squish) — only reduce via max-width when the viewport is small */
        width: 1200px;
        max-width: 95vw;
        left: 0;
        margin-left: auto;
        margin-right: auto;
    }

    /* Features and Audits are adjacent, both position-static with panels at left:0, so their
       dropdown panels overlap in the same full-width area. When moving from one to the other, the
       panel being left behind is still fading out and — being later in the DOM — can sit on top and
       re-capture the hover (you get "caught" on the previous menu). Raise the currently-hovered
       panel above its siblings so the menu you're moving into always wins the overlap. */
    #mega-menu-holder .nav-item.mega-dropdown-lg > .dropdown-menu {
        z-index: 1000;
    }
    #mega-menu-holder .nav-item.mega-dropdown-lg:hover > .dropdown-menu {
        z-index: 1001;
    }

    .theme-main-menu .navbar-nav .nav-item:hover > .dropdown-toggle:after,
    .theme-main-menu .navbar .dropdown-menu .dropdown-submenu:hover .dropdown-item:after,
    .theme-main-menu .navbar .dropdown-menu .dropdown-submenu:hover > .dropdown-item,
    .theme-main-menu .navbar-nav .nav-item.active .nav-link,
    .theme-main-menu .navbar-nav .nav-item:hover > .nav-link,
    .theme-main-menu .navbar .dropdown-menu .dropdown-item:hover,
    .theme-main-menu .navbar .dropdown-menu .dropdown-item.active
    {
        color: var(--theme-color) !important;
    }
    .oval-container.oval-upper .oval-shape{
        top: -20%!important;
    }
    .oval-container.oval-bottom .oval-shape{
        bottom: -15% !important;
        top: auto !important;
        right: 35% !important;
    }
    .shape-wider.oval-bottom .oval-shape{
        bottom: -75% !important;
    }

    /* subtitle gray text */
    .block-style-twentyThree .text-wrapper h6{
        margin-top:-30px;
    }

    /* override paddings */
    /*
     .navbar .navbar-nav{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .theme-menu-five .navbar-nav .nav-item{
        margin-left: 23px;
        margin-right: 23px;
    }
    .theme-menu-five .navbar-nav .nav-item .nav-link{
        padding:0;
        margin:0;
    }
    */
    /* logos section */
    .useable-tools-section-four .logo-container{
        margin-top: -13%;
        margin-bottom: -14%;
    }
    /* team */
    .team-section-one .row-5 .mix,
    .team-section-one .row-5 .gap{
        width: calc(100%/5 - (((5 - 1)*1rem)/5));
    }
    /* feedback */
    .feedback-wrapper .feedback-wrapper__author{
        margin-right: 50px;
    }
    .clientSliderSix .feedback-wrapper:before{
        right: 44px;
    }
    /* embedding examples slider */
    .slider-wrapper .portfolio_slider_two{
        top: 50%;
        transform: translate(0px, -50%);
    }
    .slick-slider.bigger .slick-track .item{
        transform: scale(1.5);
        margin-top: 100px;
        margin-bottom: 200px;
    }
}
.slick-slider.bigger .slick-track{
    transform: none!important;
}


#mega-menu-holder .dropdown-submenu.blog-dropdown>.dropdown-item:after {
    content: '+';
    font-family: 'Roboto', sans-serif;
    right: 14px;
    position: absolute;
    font-size: 20px;
    transition: all 0.3s ease-in-out;
}

#mega-menu-holder .dropdown-submenu.blog-dropdown>.dropdown-item:after {
    line-height: 14px;
    margin-top: 0;
    top:36% !important;
    transform: none;
}
#mega-menu-holder .dropdown-submenu.blog-dropdown:hover>.dropdown-item:after {
    line-height: 14px;
    transform: rotate(45deg);
}

.theme-footer-eight .footer-list ul li  {
    color: #343434;
}

.footer-logo-link {
    width:175px;
    height: 48px;
    display: block;
}
@media (max-width: 575px){
    .oval-container{
        height: 350px!important;
    }

    .block-style-twentyThree .text-wrapper{
        padding-top: 50px;
    }
    .pricing-table-area-six .pr-table-wrapper .pr-feature{
        min-height: auto!important;
    }
    .shape-wider .screen-container .oval-shape{
        width: 350px!important;
        height: 350px!important;
    }
}
@media screen and (max-width: 991px){
    .navbar-collapse.show {
        transform: none;
    }
    .navbar-collapse {
        transform: none;
        transition: none;
        visibility: visible;
        opacity: 1;
        overflow-x: hidden;
        max-height: 100vh;
    }
    .md-mt-75-n {
        margin-top: -75px !important;
    }

    .hero-banner-eleven .hero-text-wrapper h1 {
        font-size: 4rem!important;
    }
    .useable-tools-section-four .logo-container .icon {
        height: 180px;
        background: none;
    }
    /* */
    .counter-info-classic .counter-box-one{
        min-width: 160px!important;
    }

    .oval-container-auto{
        height: auto!important;
    }
    .oval-container-auto .shape-img{
        z-index: 2!important;
        position: relative!important;
        transform: none!important;
        right: 0!important;
        top: 0!important;
    }
    .shape-auto-mobile .screen-container{
        height: auto!important;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .hero-banner-eleven .hero-text-wrapper h1 {
        font-size: 4rem!important;
    }
    .navbar .dropdown.mega-dropdown-lg>.dropdown-menu{
        width: 1200px;
    }
}
@media (max-width: 460px){
    .block-style-twentyThree .screen-container{
        max-width: 87vw!important;
    }
}
@media (max-width: 575px){
    .hero-banner-eleven .hero-text-wrapper h1 {
        font-size: 3.1rem!important;
    }
    .block-style-twentyThree{
        margin-bottom: 50px;
    }
    .block-style-twentyThree .screen-container{
        height: 375px;
        max-width: 408px;
    }
    .block-style-twentyThree.shape-wider .screen-container{
        height: 420px;
    }
}

/* mega menu full screen */
#mega-menu-holder .dropdown-toggle:after{
    top: 50%!important;
    transform: translate(0,-50%);
    margin-top: 2px;
}

#mega-menu-holder .mega-menu{
    padding: 0;
}
#mega-menu-holder .mega-menu li{
    margin-bottom: 10px;
}

#mega-menu-holder .mega-menu li.chapter:first-child{
    margin-bottom: 10px;
}

#mega-menu-holder .mega-menu li.chapter{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;

    text-transform: uppercase;
    color: #ADACAC;
    padding-left: 40px;
    letter-spacing: 1px;
    font-size: 13px;
    padding-top: 10px;
    margin-bottom: 5px;
}

#mega-menu-holder .mega-menu li.first {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding: 0;
}
#mega-menu-holder .mega-menu li.first .dropdown-item{
    font-size: 19px;
}
#mega-menu-holder .mega-menu li.first .dropdown-item + p{
    font-size: 18px;
}
#mega-menu-holder .mega-menu li.second {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0;
}
#mega-menu-holder .mega-menu li.second .dropdown-item{
    font-size: 15px;
    padding-bottom: 0;
}
#mega-menu-holder .mega-menu li.second p{
    font-size: 14px;
    display: none !important;
}

#mega-menu-holder .mega-menu li .row [class*=col-]:first-child{
    border-right: 1px solid #f4f4f4;
}
#mega-menu-holder .mega-menu li .row [class*=col-]:last-child{
    border:none;
}

#mega-menu-holder .mega-menu li a{
    height: 100%;
    width: 100%
}
#mega-menu-holder .mega-menu li .row{
    margin: 0;
    height: 100%;

}
#mega-menu-holder .mega-menu li .row [class*=col-]{
    padding-top:  0;
    padding-bottom: 0;
}
#mega-menu-holder .mega-menu li.second .row [class*=col-]{
    padding-top: 0;
    padding-bottom: 0;
}

#mega-menu-holder .mega-menu li.second .row{
    align-items: center;
}

#mega-menu-holder .mega-menu li.first .row>div{
    padding-top: 10px;
}


/* mega menu resize */
@media screen and (max-width: 991px){
    #mega-menu-holder .dropdown-toggle::after {
        right: 10px;
        width: 20px;
        text-align: center;
        top: 17px;
        line-height: 20px;
    }

    #mega-menu-holder .mega-menu li .dropdown-item{
        font-size: 17px !important;
    }

    #mega-menu-holder .mega-menu li .dropdown-item + p{
        line-height: 150% !important;
        font-size: 1rem !important;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    #mega-menu-holder .mega-menu li {
        -ms-flex: 0 0 50%!important;
        flex: 0 0 50%!important;
        max-width: 50%!important;
    }

    #mega-menu-holder .mega-menu li.chapter{
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
    }

    #mega-menu-holder .mega-menu li.second .dropdown-item{
        padding-bottom: 0px;
    }
}

@media (max-width: 767px){
    #mega-menu-holder .mega-menu li {
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
    }

    #mega-menu-holder .mega-menu li.second .dropdown-item{
        padding-bottom: 0;
    }
}




/* BLOG */

.extra-width-container.container {
    max-width: 1400px;
}
.blog-v3 .blog-sidebar-one .sidebar-search-form form{
    border: 2px solid #000;
    border-radius: 8px;
}
.fancy-hero-two .bg-wrapper{
    border-radius:0;
    background: none!important;
}
.fancy-text-block-seven .bg-wrapper{
    background-size: contain;
    /* small images */
    background: url(../images/shape/bg.png) no-repeat top center!important;
}
.fancy-text-block-seven .shape-six{
    z-index: -1;
}
.blog-v3 .page-pagination-one li a:hover,
.blog-v3 .page-pagination-one li a.active,
.blog-v3 .page-pagination-one li.active a{
    background: var(--theme-color);
    color: #fff;
}
.feature-blog-three .post-meta .post .title{
    font-family: inherit;
    font-weight: 500;
    line-height: 1.5em;
    font-size: 20px;
    display: -webkit-box;
    margin-bottom: 18px;
}

.feature-blog-three .post-meta .post .date {
    font-size: 14px;
}
.blog-page .feature-blog-three .post-meta .post .date {
    color: var(--gray-dark)
}
.blog-page .feature-blog-three .post-content {
    color:var(--gray-dark);
}
.feature-blog-three .post-meta:hover .post .title{
    color: inherit;
}
.feature-blog-three .post-meta .post .title:hover,
.feature-blog-three .post-meta .post .read-more:hover,
.blog-v3 .blog-sidebar-one .sidebar-categories ul li a:hover,
.terms_and_policy .blog-sidebar-one .sidebar-categories ul li a:hover,
.blog-sidebar-one .sidebar-contents ul li a.active{
    color: var(--theme-color);
}
/* decrease font size */
.block-style-five p{
    font-size: 22px;
}
.hero-banner-eleven .hero-text-wrapper .hero-sub-heading{
    font-size: 24px;
}
/* header underline context */
h1.heading span {
    z-index: 1;
}
h1.heading span + span{
    margin-top: 20px;
}
h1.heading span img {
    position: absolute;
    bottom: -20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
/* fix z-index */
.title-style-twelve span img{
    z-index: 10;
}

.title-style-twelve-lrt span img {
    bottom: auto;
    left: 45%;
    transform: translateX(-50%);
    top: 39%;
}

.title-style-twelve--lrt-features {
    margin-bottom: 100px;
}
@media (max-width: 575px){
    .title-style-twelve--lrt-features {
        margin-bottom: 50px;
    }
}

.hero-banner-eleven .hero-text-wrapper h1{
    font-size: 6rem;
}
.hero-banner-eleven .hero-text-wrapper h1.small{
    font-size: 5.2rem;
}
.hero-banner-eleven .hero-text-wrapper h1.small-1 {
    font-size: 4.2rem;
}

.hero-banner-eleven .hero-text-wrapper h1.lrt-small {
    font-size: 4.2rem;
}

@media (max-width: 1199px){
    .hero-banner-eleven .hero-text-wrapper h1.lrt-small {
        font-size: 3.8rem;
    }
}
@media (max-width: 575px){
    .hero-banner-eleven .hero-text-wrapper h1.lrt-small {
        font-size: 3.1rem;
    }
}

@media (min-width: 576px) and ( max-width: 991px) {
    .hero-banner-eleven-lrt .oval-shape {
        max-width: 90%;
        max-height: 90%;
    }
}

@media (min-width: 769px) and ( max-width: 991px) {
    .hero-banner-eleven-lrt .oval-container .shape-img {
        max-width: 85%;
        right: auto;
        left:50%;
        top:50%;
        transform: translate(-50%, -50%);
    }
}

.hero-banner-eleven .hero-text-wrapper h1 span img{
    position: absolute;
    width: 100%!important;
    bottom:-30px;
}

.hero-banner-eleven .hero-text-wrapper h1.small-1 {
    font-size: 4.2rem;
}

.title-style-twelve--lsa-mb
{
    margin-bottom: 100px;
}

.fancy-short-banner-thirteen .bg-wrapper--lsa p {
    text-align: left;
}

@media (min-width: 1200px){
    .shape-wider .screen-container .shapes.lsa_language_img,
    .shape-wider .screen-container .shapes.lsa_customize_img {
        max-width: 105%;
    }
}

@media (max-width: 991px){
    .lsa_language_img {
        max-width: 95%;
    }
}

@media (max-width: 991px) {
    .fancy-short-banner-thirteen .bg-wrapper--lsa {
        padding: 30px 0 15px;
    }
}

@media (max-width: 575px) {
    .title-style-twelve--lsa-mb {
        margin-bottom: 50px;
    }
}

.hero-banner-eleven .hero-text-wrapper .hero-sub-heading{
    padding-bottom:40px;
}
.hero-banner-eleven .hero-text-wrapper .hero-sub-heading + .hero-sub-heading {
    padding-top: 0;
}
.feature-blog-three .post-meta {
    border: 1px solid #E4E4E4;
    border-radius: 8px;
}

.feature-blog-three .post-meta .post {
    border: none;
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 15px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.feature-blog-three .post-meta .image-meta {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    aspect-ratio: 21 / 11;
    object-fit: cover;
}


.feature-blog-three .post-meta .post h3{
    font-size: 24px;
}

.feature-blog-three .post-meta .post .read-more {
    margin-top: 20px;
    font-size: 14px;
}

.feature-blog-three .post-meta .post p {
    font-size: 16px;
    margin-bottom: auto;
}

.blog-page .feature-blog-three .post-meta .post p {
    color: var(--gray-dark);
}

.blog-search-form {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 330px;
    margin: 0 auto 10px;
}
.blog-search-form form {
    border: 2px solid #000;
    border-radius: 8px;
    height: 60px;
    background: #fff;
    box-shadow: 5px 10px 25px rgba(15, 24, 40, 0.04);
    position: relative;
    width: 100%;
}

.blog-search-form input,
.blog-search-form button {
    user-select: none;
}
.articles-categories {
    width: 100%;
    max-width: 330px;
    border: 2px solid #000;
    border-radius: 8px;
    height: 60px;
    margin: 0 auto 10px;
}

@media (min-width: 992px) {
    .blog-search-form {
        margin: 0 10px 10px auto;
    }
    .articles-categories {
        margin: 0 auto 10px 0;
    }
}

.articles-categories > span {
    width: 100%;
    line-height: 56px;
    text-align: left;
    padding: 0 45px 0 20px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: #ACAEB3;
    font-size: 17px;
    display: block;
    cursor: pointer;
    user-select: none;
}

.articles-categories > span.selected {
    color: #000 !important;
}

.articles-categories .dropdown-toggle::after{
    display: block;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    border-top: .3em solid #000;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.articles-categories  > .dropdown-menu {
    width: 100%;
    z-index: 9999;
    background-color: #fff;
    border-radius: 0;
    display: block;
    padding: 8px 0;
    top: 2px !important;
    visibility: hidden;
    opacity: 0;
    min-width: 250px;
    box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    margin: 0;
    transform-origin: 0 0;
    border:none;
    transition: opacity 100ms ease-in-out;
    user-select: none;
}

.articles-categories  > .dropdown-menu  >  ul {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #F1F1F4 #fff;
}

.articles-categories  > .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
}

.articles-categories  > .dropdown-menu .dropdown-item {
    display: block;
    white-space: normal;
    line-height: normal;
    padding: 0.5rem 1.5rem;
}

.articles-categories  > .dropdown-menu .dropdown-item.active,
.articles-categories  > .dropdown-menu .dropdown-item:hover {
    color: var(--theme-color) !important;
    background-color: #fff ;
}

.blog-search-form form input {
    font-size: 17px;
    width: 100%;
    height: 100%;
    border: none;
    padding: 0 45px 0 20px;
    background: transparent;
}

.blog-search-form form button {
    width: 40px;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: transparent;
}

.blog-search-form form button img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 8px;
    margin: auto;
}

.articles-major-categories {
    display: flex;
    justify-content: center;
    gap:1rem;
    flex-wrap: wrap;
}

.btn-light.articles-major-categories-btn:focus,
.btn-light.articles-major-categories-btn:active {
    box-shadow: none !important;
    border-color: transparent !important;
}
.blog-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 2rem;
}
.blog-list > div {
    height: 100%;
}
.blog-list .post-meta {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
}
.blog-list .post-image {
    position: relative;
    overflow: hidden;
    width: calc(100% + 2px);
    position: relative;
    left: -1px;
    top:-1px;
}
.blog-list .post-image a {
    display: block;
}
.blog-list .post-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {

    .blog-list .post-image img {
        position: static;
    }
}
/* Medium screens (768px to 991px) - 2 columns */
@media (min-width: 768px) {
    .blog-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .pr-quota-value{
        display: inline-block;
    }
}

/* Big screens (992px and larger) - 3 columns */
@media (min-width: 992px) {
    .blog-list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media  (max-width: 991px) {
    .blog-search-form form {
        height: 52px;
        /* max-width: 460px; */
    }
    .article-subheader-section {
        max-width: 460px;
    }
    .articles-categories {
        height: 52px;
    }
    .articles-categories > span {
        line-height: 48px;
    }
}

/* feature blog three */
@media (max-width: 768px) {
    .feature-blog-three .post-meta .post .title {
        height: auto;
    }

    .feature-blog-three .post-meta .post{
        padding: 15px!important;
        height: auto;
    }
}
.author-link:hover {
    color: var(--theme-color);
}

.author-header-section  h1 {
    font-weight: 600;
    font-size: 55px;
    line-height: 148%;
}

@media (max-width: 991px) {
    .author-header-section  h1 {
        font-size: 38px !important;
    }
}

.author-header-section {
    display: flex;
    align-items: center;
    gap: 25px;
    /* margin-bottom: 15px; */
    align-items: flex-start;
    /* flex-wrap: wrap; */
}

.author-header-section .heading {
    padding-bottom: 0;
    margin-bottom: 15px;
    margin-top: 0;
    text-align: left;
}

@media (max-width: 768px) {
    .author-header-section {
        gap: 0px;
        flex-direction: column;
    }
    .author-header-section .heading {
        margin-top: 15px;
    }
}

.author-header-image {
    width: 128px;
    height: 128px;
    overflow: hidden;
    border-radius: 2px;
    flex-shrink: 0;
    border-radius: 50%;
}

.author-header-description {
    text-align: left;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--gray-dark);
}

.author-header-section .card-author-social {
    margin-top: 20px;
}

h2.articles-second-title {
    font-size: 40px;
    margin-bottom: 48px;
    text-align: center;
    font-weight: 500;
    text-align: left;
}

@media (max-width: 991px) {
    h2.articles-second-title {
        font-size: 30px;
        margin-bottom: 34px;
    }
}

@media (max-width: 575px) {
    h2.articles-second-title {
        font-size: 28px;
        margin-bottom: 28px;
    }
}

.recommended-authors-list {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
    .recommended-authors-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1200px) {
    .recommended-authors-list {
        grid-template-columns: repeat(6, 1fr);
    }
}

.recommended-authors {
    margin-top: 70px;
}

.recommended-authors h4 {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 25px;
}

.recommended-author-item {
    width: 120px;
    text-align: center;
}

.recommended-author-item a {
    line-height: 1.4;
    display: block;
}

.recommended-author-item > a:hover .recommended-author-name {
    color: var(--theme-color);
}

.recommended-author-item > a:hover .recommended-author-articles-count {
    color: var(--text-color);
}

.recommended-author-image {
    margin: 0 auto 10px auto;
    width: 128px;
    height: 128px;
    background-color: #eee;
    overflow: hidden;
    border-radius: 3px;
    border-radius: 50%;
}

.recommended-author-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recommended-author-name {
    font-size: 14px;
    font-weight: 500;
    color: #2A2A2A;
}

.recommended-author-articles-count {
    font-size: 12px;
}

.report-audit-form {
    margin: 0 auto;
}

.blog-sidebar-one .sidebar-recent-news .title{
    /* font-family: 'Rubik', sans-serif; */
}
.blog-sidebar-one .sidebar-recent-news ul li a,
.blog-sidebar-one .sidebar-recent-news ul li a{
    width: 100%;
}

.blog-sidebar-one .sidebar-categories.featured-articles ul li a,
.blog-sidebar-one .sidebar-categories.recent-articles ul li a{
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 35px;
    transition: all .2s ease-in-out;
}
.blog-sidebar-one .sidebar-categories ul li a,
.blog-sidebar-one .sidebar-title{
    /* restore font */
    font-family: inherit;
}
.blog-sidebar-one .sidebar-title{
    /* restore font */
    font-family: inherit;
    font-weight: 500;
}
/* scroll spy */
.blog-sidebar-one .sidebar-contents ul li a{
    padding-top: 6px!important;
    padding-bottom: 6px!important;
    color:var(--gray-dark);
    font-weight: 500;
}

.blog-sidebar-container,
.blog-contents-container{
    flex: 0 0 21%;
    max-width: 21%;
    padding-right: 15px;
    padding-left: 15px;
}

.side-blog-banner-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 67 / 50;
}

@media (max-width: 1365px){
    .blog-contents-container{
        /*
        flex: 0 0 30%;
        max-width: 30%;
        */

    }
    .blog-sidebar-container{
        display: none;
    }

    .b-side-blog-banner{
        display: none;
    }
}

/* tooltips */
.o-0{
    opacity: 0;
}
.o-25{
    opacity: 0.25;
}
.o-50{
    opacity: 0.5;
}
.o-75{
    opacity: 0.75;
}
.o-100{
    opacity: 1!important;
}
.tooltip-inner {
    padding: 8px !important;
    text-align: left;
    max-width: 260px !important;
    min-width: 260px !important;
}
.text-big{
    /* imitate tag */
    font-size: larger;
}
/* index */
/* fix centering/margins */
.block-style-twentyThree .text-wrapper > h3:first-child{
    padding-top: 0;
    /* increase line spacing by a 1-3px, so this looks a little more natural */
    line-height: 1.34em;
}
.block-style-twentyThree .text-wrapper p + p{
    margin-top: 26px;
}

/* white- label */
.theme-btn-outline {
    text-align: center;
    font-size: 17px;
    line-height: 56px;
    font-weight: 500;
    color: #000;
    background: #FFF;
    border: 2px solid #000;
    border-radius: 8px;
    position: relative;
    transition: all 0.3s ease-in-out;
    padding-left: 30px;
    padding-right: 30px;
}
.theme-btn-outline.theme-btn-outline-width{
    padding-left: 20px;
    padding-right: 20px;
}
/* Orange-filled variant of the outline button — matches the Learn More button's size
   but uses the site's CTA orange (same as the navbar Premium / homepage audit button).
   Used as a "Start a Free Trial" primary action beside a Learn More on the homepage. */
.theme-btn-outline.theme-btn-outline-orange{
    color: #fff;
    background: #ffbd4a;
    border-color: #ffbd4a;
    margin-right: 15px;
}
.theme-btn-outline.theme-btn-outline-orange:hover{
    background: #ffcf7b;
    border-color: #ffcf7b;
    color: #fff;
}
/* Muted / low-prominence outline — gray border + gray text, same size as the base
   outline button. Used for a secondary "Learn More" that sits beside the orange CTA. */
.theme-btn-outline.theme-btn-outline-muted{
    color: #666;
    border-color: #ccc;
}
.theme-btn-outline.theme-btn-outline-muted:hover{
    background: #f5f5f5;
    border-color: #999;
    color: #000;
}

.theme-btn-outline-2 {
    text-align: center;
    font-size: 17px;
    line-height: 46px;
    font-weight: 500;
    padding-right: 30px;
    padding-left: 30px;
    color: #000;
    background: #FFF;
    border: 1px solid #000;
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
}

.theme-btn-outline:hover,
.theme-btn-outline-2:hover {
    background: var(--theme-color-2);
    border-color: var(--theme-color-2);
    color: #000;
}
h1 span.heading-underline,
h2 span.heading-underline{
    position: relative;
    display: inline-block;
}
h1 span.heading-underline:before,
h2 span.heading-underline:before{
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    z-index: -1;

    height: 15%;
    bottom: 15%;
    background: var(--theme-color-2);
}

/* features list */
.theme-list {
    list-style-type: none;
    margin-right: 8px;
}

.block-style-twentyThree .text-wrapper p ~ .theme-list{
    font-size: 20px;
}

.theme-list li {
    padding-left: 20px;
    padding-bottom: 3px;
    position: relative;
    margin-left: 26px;
    line-height: 30px;
}

.theme-list li:before {
    text-indent: -26px;
    display: inline-block;
    content: "\f058";
    top: 1px;
    font-family: FontAwesome;
    margin-right: 0;
    font-size: 20px;
    margin-top: 2px;
    position: relative;
}
.theme-list.theme-color li:before{
    color: var(--theme-color);
}
/* embedding */
.title-style-fourteen .upper-title{
    color: #ADB0B7;
    font-size: 15px;
}

/* seo-crawler */
.oval-container {
    position: relative;
    height: 500px;
}
.oval-container .oval-shape:has(+ .oval-shape) {
    right: 56%;
}
.oval-container .oval-shape:nth-child(2) {
    right: 44%;
    z-index: -1;
}
.oval-container .oval-shape {
    aspect-ratio: 1 /1;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    transform: translate(50%,0);
    top: 0;
    right: 50%;
    mix-blend-mode: multiply;
}
.oval-container .shapes {
    position: absolute;
    z-index: -1;
}
.oval-container .shape-img {
    z-index: 2;
    right: -50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.oval-container .shape-cover {
    z-index: 3;
    right: -50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.screen-container .shape-center{
    z-index: 2;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
}
.aos-animate .shape-center{
    animation: jumpThreeCenter 5s infinite linear;
}

.shape-wider .screen-container .oval-shape{
    left: auto;
    right: 50%;
    top: 50%;
    transform: translate(50%,-50%)!important;
    width: 450px;
    height: 450px;
}
.oval-shape.oval-shape-1{
    background-color: #00E9AF;
}
.oval-shape.oval-shape-2{
    background-color: #FF5A8A;
}
.oval-shape.oval-shape-3{
    background-color: #FFC962;
}
.oval-shape.oval-shape-4{
    background-color: #811EFF;
}

/* embedding slider fixes */
.clientSliderSix{
    margin-top:0!important;
}

.clientSliderSix.bigger .slick-track .item .feedback-wrapper{
    border: 1px solid #e8edf0;
    box-shadow: none;
}
.clientSliderSix .slick-track .item .feedback-wrapper{
    /* show ribbon over */
    overflow: visible;
}
.clientSliderSix .slick-track .item .feedback-wrapper .ribbon{
    height: 10px;
    border-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.fancy-feature-thirtyFive .col .slider-wrapper{
    right: auto;
    margin: 0;
}
.slick-slider .slick-track .item{
    margin-top: 0;
    margin-bottom: 70px;
}


/* new pricing table */
.pricing-nav-four,
.pricing-nav-four li{
    position: relative;
}
.pricing-nav-four li[data-badge]:after{
    content: attr(data-badge);
    background: var(--theme-color-2);
    color: var(--heading);
    position: absolute;
    top:0;
    right: 50%;
    transform: translate(53%,-75%);
    border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: smaller;
    white-space: nowrap;
}

.pricing-table-desktop{
    border-collapse: inherit;
    border-spacing: 0;
    /* broke table if rows collapsed */
    /* width: max-content; */
    margin-left:auto;
    margin-right:auto;
    max-width: 100%;
    height: 100%;
}

.pricing-table-desktop td{
    border: 1px solid #ededed;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    vertical-align: middle;
}
.pricing-table-desktop td img{
    height: 14px;
}
.pricing-table-desktop tbody td.pr-feature-header{
    font-weight: 100;
    padding-left: 25px;
    padding-right: 25px;
    text-align: left;
}
.pricing-table-desktop tbody td.pr-feature-header:not(.pr-group-header){
    line-height: 170%;
}

.pricing-table-desktop tbody td.pr-feature-header,
.pricing-table-desktop tbody td.pr-group-header,
.pr-table-wrapper .pr-body li.pr-feature-header,
.pr-table-wrapper .pr-body li.pr-group-header{
    color: #000;
    font-size: 17px;
}
.pricing-table-desktop tbody td.pr-group-header,
.pr-table-wrapper .pr-body li.pr-group-header{
    font-weight: 500 !important;
    background-color: #fcfbfc;
}
.pricing-table-desktop tbody td{
    font-size: 16px;
    height: 80px; /* works like min-height */
}
.pricing-table-desktop thead td{
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 35px;
}
.pricing-table-desktop tfoot td{
    padding: 16px;
    padding-top: 38px;
    padding-bottom: 38px;
    vertical-align: top;
}


.pricing-table-desktop thead td:first-child,
.pricing-table-desktop tfoot td:first-child{
    opacity: 0;
}
.pricing-table-desktop thead td:nth-child(2){
    border-top-left-radius: 15px;
}
.pricing-table-desktop thead td:last-child{
    border-top-right-radius: 15px;
}
.pricing-table-desktop tfoot td:nth-child(2){
    border-bottom-left-radius: 15px;
}
.pricing-table-desktop tfoot td:last-child{
    border-bottom-right-radius: 15px;
}
.pricing-table-desktop tbody tr:first-child td.pr-feature-header{
    border-top-left-radius: 15px;
}
.pricing-table-desktop tbody tr:last-child td.pr-feature-header{
    border-bottom-left-radius: 15px;
}


.pricing-table-desktop td i[data-original-title]{
    color: silver;
    /*right: 20px; */
    position: absolute;
    transform: translate(0,-50%);
    top:50%;
    margin-left: 10px;
}
.pricing-table-desktop td .price{
    font-weight: 500;
    letter-spacing: -1px;
    color: #000;
    line-height: initial;
    font-size: 30px;
}
.pricing-table-desktop td .trial-text {
    font-size: 16px;
    margin-top: 20px;
}
.pricing-table-desktop td .pr-text {
    margin-bottom: 12px;
    display: inline-block;
}
/* */
.pricing-enterprise-ad-card-wrapper{
    max-width: 1400px;
    margin: 0 auto;
    background: #F6F9FC;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    padding: 35px;
}
.pricing-enterprise-ad-card{
}
.pricing-enterprise-ad-card-column{
}
.pricing-enterprise-ad-card h4{
    font-weight: 500;
}
.pricing-enterprise-ad-card ul li {
    position: relative;
    padding-left: 30px;
}
.pricing-enterprise-ad-card ul li:before {
    content: url(../images/icon/76.svg);
    position: absolute;
    top: 0;
    left: 0;
}
/* bigger images */
.block-style-twentyFour .icon.bigger{
    width: 100px;
    height: 100px;
}
.block-style-twentySeven .icon.x2{
    height: 100px;
}
.block-style-twentySeven .icon.x3{
    height: 150px;
}
.block-style-twentySeven .icon.x4{
    height: 200px;
}
.block-style-five .icon.x2{
    height: 110px;
}
.fancy-feature-seventeen .block-meta .icon.x3{
    height: 100px;
}
/* keyword research */
.counter-info-classic{
    width: 100%;
    height: 100%;
    max-width: 100%;
    min-height: 500px;
}
.counter-info-classic .dot-shape{
    width: 50%;
    height: 93%;
    top: 7%;
}
.counter-info-classic .counter-box-one{
    width: min-content;
    min-width: 200px;
    height: auto;
    aspect-ratio: 1/1;
    padding: 24px;
    transform: translate(-50%,-50%);
    transition: all 0.2s ease-in-out;
}
.counter-info-classic .counter-box-one .number{
    font-weight: 500;
    font-size: 90%;
}
.counter-info-classic .counter-box-one p{
    text-align: center;
    line-height: 140%;
    width: 85%;
    font-size: 30%;
}

/* coding */
.doc-container .doc-main-body .mark-blue{
    padding: 0;
}
.doc-container .doc-main-body .mark-blue pre{
    padding: 22px 40px;
}

/* old pricing styles */
@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
.pricing-wrapper.disabled{
    pointer-events: none;
    opacity: .4;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.js-stripe-process-spinner {

}
.js-stripe-process-spinner .loader {
    border: 3px solid var(--theme-color);
    border-radius: 30px;
    position: fixed!important;
    left: 50%;
    top: 50%;
    width: 45px;
    height: 45px;
    z-index: 10;
    opacity: 0;
    animation: pulsate .7s ease-out infinite;
    margin: -25px 0 0 -15px;
}
.note-difference-change {
    color: #f2a83b;
}
/* pricing alerts */
.js-container-alert-change-plan .alert,
.js-container-alert-success .alert{
    z-index: 5000;
    margin-left: -45%;
    width: 90%;
    left: 50%;
}
.js-container-alert-change-plan .alert{
    position: fixed;
    top: 30%;
    background: #FFECEC;
    color: var(--danger);
    border: 1px solid var(--danger);
    border-radius: 6px;
}
.js-container-alert-service .alert{
    /*
    background: #FFECEC;
    color: var(--danger);
    border: 1px solid var(--danger);
     */
    background: #E3F8EF;
    color: var(--success);
    border: 1px solid var(--success);
    border-radius: 6px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.js-container-alert-success .alert{
    position: fixed;
    top: 56px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 16px;
    text-align: center;
    background: #E3F8EF;
    color: var(--success);
    border: 1px solid var(--success);
    border-radius: 6px;
}

.js-container-alert-success .alert-dismissible{
    padding-right: 1.25rem;
}

@media (min-width: 768px){
    .js-container-alert-success .alert{
        width: 60%;
        margin-left: -30%;
    }
    .js-container-alert-change-plan .alert{
        position: fixed;
        margin-left: -40%;
        width: 80%;
        top: 30%;
    }
    .pricing-nav-four li[data-badge]:after{
        right: 0;
        transform: translate(48%,-70%);
    }
    .screen-container .bg-animation{
        transform: translate(50%,50%) scale(1.2)!important;
    }
}
/* bug
@media (min-width: 992px){
    top: 83px;
    padding: .75rem 1.25rem;
    font-size: 18px;
}
*/

@media (min-width: 1024px){
    .js-container-alert-success .alert{
        margin-left: -20%;
        width: 40%;
    }
}

@media (min-width: 1400px){
    .js-container-alert-success .alert{
        margin-left: -13%;
        width: 26%;
    }
}

/* animated background */
/* not working */
/*
@keyframes bg-animation-4-frames {
    0% {
       background-image: attr(frame-1);
    }
    25% {
        background-image: attr(frame-2);
    }
    50% {
        background-image: attr(frame-3);
    }
    75% {
        background-image: attr(frame-4);
    }
}
*/

.screen-container .bg-animation{
    animation: none;
    animation-duration: 1s;
    animation-timing-function: step-end;
    animation-iteration-count: infinite;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(50%,50%) scale(1.05);
}

.bg-animation.bg-animation-4-frames{
    /* not working */
    /* animation-duration: attr(duration, 1s); */
    animation-duration: 4s;
    animation-name: bg-animation-4-frames;
}

/* team */
.team-section-one .controls .control.mixitup-control-active{
    color: var(--theme-color);
}
.team-section-one .controls .control:before{
    background: var(--theme-color);
}
.team-section-one .controls .control,
.team-section-one .team-member h4{
    font-family: inherit!important;
}
.team-section-one .no-anim .team-member{
    cursor:default;
    transition: none;
}
.team-section-one .no-anim .team-member:hover{
    transform: none;
}

/* white-label carousel buttons */
.fancy-feature-fifteen .carousel-indicators li{
    margin-left: 40px;
    margin-right: 40px;
}

/* old social buttons */
.social-buttons{
    margin-left: -5px;
    margin-right: -5px;
}
.social-button {
    border: 0;
    outline: 0;
    margin: 5px;
    /* padding: 5px 15px 5px 38px; */
    height: 35px;
    width: 38px;
    box-shadow: none;
    font: normal 14px/28px 'Helvetica',Arial,sans-serif;
    box-sizing: border-box;
    white-space: nowrap;
    border-radius: 0;
    display: inline-block;
    text-decoration: none;
    position: relative;
    color: #fff;
    transition: all .2s ease-in-out
}
.social-buttons--hide-text .social-button__text {
    display: none
}
.social-button:after {
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    left: 0;
    /* position: absolute; */
    font-size: 22px;
    top: 0;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 38px;
    border-radius: 3px;
    font-family: 'FontAwesome'
}
.social-button--fb {
    background: #43609c;
    box-shadow: inset 0px 0px 0px 0px #354e83,0px 3px 0px 0px #354e83
}
.social-button--fb:after {
    content: "\f09a"
}
.social-button--fb:hover {
    box-shadow: inset 0px -40px 0px 0px #354e83,0px 3px 0px 0px #354e83
}
.social-button--tw {
    background: #1da1f2;
    box-shadow: inset 0px 0px 0px 0px #1889cf,0px 3px 0px 0px #1889cf
}
.social-button--tw:after {
    content: "\f099 "
}
.social-button--tw:hover {
    box-shadow: inset 0px -40px 0px 0px #1889cf,0px 3px 0px 0px #1889cf
}
.social-button--linkedin {
    background: #0077b5;
    box-shadow: inset 0px 0px 0px 0px #044568,0px 3px 0px 0px #044568
}
.social-button--linkedin:after {
    content: "\f0e1";
    top: -2px
}
.social-button--linkedin:hover {
    box-shadow: inset 0px -40px 0px 0px #044568,0px 3px 0px 0px #044568
}

/* old style related articles */
.blog-related-posts h4 {
    font-weight: 500;
    font-size: 30px;
    padding-bottom: 15px;
}

.blog-related-posts__content {
    display: flex;
    column-gap: 20px;
    flex-wrap: nowrap;
}

.blog-related-posts__item {
    /* max-width: 300px; */
    width:  calc(100%/var(--related-articles-count));
}

.blog-related-posts__item-img {
    display: block;
}
.blog-related-posts__item-img img {
    aspect-ratio: 128/67;
    object-fit: cover;
    height: auto;
}

a.blog-related-posts__item-title {
    font-size: 18px;
    line-height: 190%;
    color: var(--heading);
    margin: 10px 0px;
    padding: 0px;
    display: block;
    text-decoration: none;
}

a.blog-related-posts__item-title:hover,
a.blog-related-posts__item-title:focus {
    color: var(--theme-color);
}


@media (max-width: 767px) {
    .blog-related-posts__content {
        flex-wrap: wrap;
    }

    .blog-related-posts__item {
        width: 100%;
    }
}

/* boostrap for extra small -- mobile */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}

/* main page additional styles */
.mainpage-feature-grid-block{

}
.mainpage-feature-grid-block a:hover h4{
    color: #0056b3;
}
.cursor-pointer{
    cursor: pointer;
}

.oval-container-lsa-main .shape-img {
    max-width: none;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    max-height: 660px;
}

@media (max-width: 1200px) {
    .oval-container-lsa-main .shape-img {
        max-height: 500px;
    }
}

@media (max-width: 576px) {
    .oval-container-lsa-main .shape-img {
        max-height: 350px;
    }
}

/* menu-like icon */
.dropdown-icon::after{
    content: "\f100";
    font-family: Flaticon;
    border: none !important;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    top: 0px;
    color: inherit;
    transition: all .3s ease-in-out;
}

.main-promotional-badge {
    display: inline-block;
    line-height: initial;
    border-radius: 20px;
    padding: 4px 18px 4px 15px;
    border: 1px solid #000;
    font-size: 18px;
    color: #000;
}
.pricing-plan-comparing-badge{
    border-radius: 20px;
    border: 2px solid #000;
    font-size: 18px;
    color: #000;
    text-align: center;
    font-weight: 500;
    padding: 14px;
    position: relative;
}

.main-promotional-badge:hover,
.pricing-plan-comparing-badge:hover{
    background: #000;
    color: #fff;
    cursor: pointer;
}
.pricing-plan-comparing-badge .chevron:after{
    content: "\f100";
    font-family: Flaticon;
    top: 50% !important;
    transform: translate(0, -50%);
    margin-top: -2px;
    margin-left: 4px;
    margin-right: 4px;
    position: absolute;
    font-size: 0.9em;
}
.pricing-plan-comparing-badge .chevron-down:after{

}
.pricing-plan-comparing-badge .chevron-up:after{
    transform: translate(0, -50%) rotate(180deg);
}

.main-promotional-badge strong {
    font-weight: 500;
}
.main-promotional-badge i {
    font-size: 0.73em;
    display: inline-block;
}

.fancy-short-banner-four.article-subscribe-newsletter {
    margin-top: 0;
}
.fancy-short-banner-four.article-subscribe-newsletter .bg-wrapper {
    border-radius: 12px;
    padding: 44px 35px;
}

.fancy-short-banner-four.article-subscribe-newsletter .form-wrapper form input {
    padding: 0 150px 0 22px;
}

@media (max-width: 991px) {
    .fancy-short-banner-four.article-subscribe-newsletter .bg-wrapper {
        padding: 40px 30px 40px;
    }
}

@media (min-width: 1200px) {
    .fancy-short-banner-four.article-subscribe-newsletter .form-wrapper form button
    {
        width: 140px;
    }
}

.fancy-short-banner-four.article-subscribe-newsletter .form-wrapper form input:focus {
    box-shadow: 0 0 0 1px rgb(255, 234, 160);
}

.fancy-short-banner-four.article-subscribe-newsletter .form-wrapper form button:hover {
    background: var(--theme-color-2);
    border-color: var(--theme-color-2);
    color: #000;
}

.fancy-short-banner-four.article-subscribe-newsletter .container {
    padding-left: 0;
    padding-right: 0;
}

/* /mysiteauditor-alternative/ */
.slider-column-container{
    height: auto;
}
@media (min-width: 992px){
    .slider-column-container .slider-wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        right: -11vw;
        width: 72vw;
        margin: 0 -24px;
    }
    .slider-column-container .slider-wrapper {
        right: auto;
        margin: 0;
    }
    .slider-column-container .ml-auto{
        margin-left: 0!important;
    }
}

@media (max-width: 575px) {
    .xs-mt-20 {
        margin-top: 20px!important;
    }
}

.hero-banner-eleven .hero-text-wrapper h1.lstfa--small {
    font-size: 4rem;
}

@media (min-width: 992px) {
    .lstfa_create_branded_white_label_reports_img {
        max-width: 110%;
    }
}

@media (min-width: 1200px) {
    .shape-wider .screen-container .shapes.lstfa_create_branded_white_label_reports_img {
        max-width: 110%;
    }
}

.block-style-thirteen-padding {
    padding: 40px;
}

.divider-bottom,
.divider-left {
    position: relative;
}

.divider-bottom::after {
    width: 70%;
    display: block;
    height: 0;
    border-bottom: 1px solid #E7E7E7;
    margin: 0 auto;
    content: "";
}

.divider-left::before {
    height: 75%;
    position:absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    border-left: 1px solid #E7E7E7;
    display: block;
    width: 0;
    content: "";
}

.divider-left-none::before,
.divider-bottom-none::after {
    content: none;
}
@media (min-width: 769px) {
    .divider-md-bottom-none::after {
        content: none;
    }
    .divider-md-left-none::before {
        content: none;
    }

    .divider-md-bottom::after {
        content: "";
    }

    .divider-md-left::before {
        content: "";
    }
}

@media (min-width: 992px) {
  .divider-lg-left::before {
      content: "";
  }
  .divider-lg-bottom-none::after {
      content: none;
  }
}

.block-style-twentySix .try-btn.try-btn-blue {
    border-color:#C0E9F2;
}
.block-style-twentySix .try-btn.try-btn-pink {
    border-color: #F5D1BD;
}

.block-style-twentySix .try-btn.try-btn-blue:hover,
.block-style-twentySix .try-btn.try-btn-pink:hover {
    border-color: #000;
}


.block-style-twentyThree .screen-container.screen-container-tall {
    max-width: 400px;
    height:auto;
    aspect-ratio: 1 / 1;
}

@media (max-width: 1200px) {
    .block-style-twentyThree .screen-container.screen-container-tall {
        max-width: 600px;
        height:auto;
        aspect-ratio: 1 / 1.2;
    }
}

@media (max-width: 991px) {
    .block-style-twentyThree .screen-container.screen-container-tall {
        max-width: 540px;
        height:auto;
        aspect-ratio: 1 / 1.2;
    }
}

@media (max-width: 768px) {
    .block-style-twentyThree .screen-container.screen-container-tall {
        max-width: 420px;
        height:auto;
        aspect-ratio: 1 / 1.2;
    }
}

.faq-section-five-small .accordion-style-five .card .card-header button
 {
    padding: 20px 35px 20px 0;
    font-size: 18px;
    font-weight: 500;
}

.faq-section-five-small .accordion-style-five .card .card-body {
    font-size: 16px;
}
.screen-container-image-right img {
    max-width:95%;
    margin-left:auto;
}

@media (max-width: 991px) {
    .screen-container-image-right {
        margin-top: 40px;
    }
    .screen-container-image-right img {
        max-width:85%;
        margin: auto;
    }
    .fancy-short-banner-thirteen .bg-wrapper.bg-wrapper-custom {
        padding: 55px 0 45px;
    }
}

.oval-container-custom  .shape-img {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-height: 100%;
}

.oval-container-custom {
    height: 550px;
    margin-left: 25px;
}

@media (max-width: 991px) {
    .oval-container-custom {
        margin-left: 0;
    }
    .oval-container-custom  .shape-img {
        left: 50%;
        right: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        max-height: 100%;
    }
}

@media (max-width: 768px) {
    .oval-container-custom {
        height: 350px;
    }
}

@media (min-width: 992px) {
    .faq-section-five.faq-section-filve-custom-title h2 {
        font-size:72px;
    }
}

.review-platforms--logo {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.review-platforms--logo img {
    max-height: 100px;
    max-width: 80%;
}
.review-platforms--item {
    display: flex;
    flex-direction: column;
    margin-top: 0;
}
.review-platforms--raiting {
    display: flex;
    align-items: center;
    justify-content: center;
}
.review-platforms--raiting-number {
    font-size: 20px;
    line-height: 1.34em;
    color: var(--heading);
}
.review-platforms--raiting-stars {
    --rating-int: 0;
    --rating-reminder: 0;
    /* Ratio between letter-spacing and element length */
    --letter-spacing: 0.0424;;
    position: relative;
    display: inline-block;
    font-weight: normal;
    line-height: 1;
    font-size: 20px;
    font-family: FontAwesome;
    margin-left: 10px;
    letter-spacing: 5px;
}

.review-platforms--raiting-stars::before {
    content: '\f005\f005\f005\f005\f005';
    color: #C1C1C1;
    letter-spacing: 5px;
}
.review-platforms--raiting-stars::after {
    content: '\f005\f005\f005\f005\f005';
    position: absolute;
    left: 0;
    top: 0;
    width: calc(((var(--rating-int) * 0.2) + (var(--rating-reminder) * ( 0.2 - var(--letter-spacing)))) * 100%);
    color: rgb(255, 185, 65);
    overflow: hidden;
}
.fancy-feature-thirty.lg-container  {
    padding: 0;
}

.fancy-feature-thirty.lg-container .wrapper {
    max-width: 1700px;
    margin: 0 auto;
    padding: 85px 10px 105px;
    position: relative;
    background: #F5FAFD;
    border-radius: 0;
}

.hero-banner-seven--pricing .partner-slider-two p {
    font-size: 24px;
}

@media (min-width: 1201px) {
    .review-platforms--logo img {
        max-width: 100%;
    }
}

@media(max-width: 1200px) {
    .review-platforms--raiting-stars {
        --letter-spacing: 0.0366;
        font-size: 24px;
    }
    .review-platforms--raiting-number {
        font-size: 24px;
    }
}

@media(max-width: 990px) {
    .review-platforms--logo {
        margin-bottom: 30px;
    }
    .review-platforms--logo img {
        max-height: 65px;
    }
    .review-platforms--raiting-stars {
        --letter-spacing: 0.0424;
        font-size: 20px;
    }
    .review-platforms--raiting-number {
        font-size: 20px;
    }
}

@media(max-width: 767px) {
    .review-platforms--logo {
        margin-bottom: 30px;
    }
    .review-platforms--logo img {
        max-height: 60px;
        max-width: 90%;
    }
}
.hero-banner-seven--pricing {
    margin-top: 50px;
}
/* bootstrap 5 fixes >> */
:root{
    --bs-danger-light: #FFEEF3;
}
.bg-light-danger {
    background-color: var(--bs-danger-light) !important;
}
.alert-fade-out-10{
    animation: alertFadeOut 10s forwards;
}
@keyframes alertFadeOut {
    0%{
        opacity: 1;
    }
    95%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        display: none;
    }
}
/* << bootstrap 5 fixes */
a.btn-chrome-extension {
    padding: 0 40px;
    height: 64px;
    line-height: 64px;
    font-weight: 500;
    width: auto;
    border-radius: 7px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}
.hero-banner-eleven .hero-text-wrapper  h1.heading--chome-extension {
    font-size: 4rem;
}
.title-style-twelve--chome-extension {
    font-size: 20px;
}
ul.numbered-list {
    list-style: none;
    counter-reset: item;
    padding-left: 0;
}
ul.numbered-list li {
    counter-increment: item;
    padding-left: 1.7rem;
    position: relative;
    margin-bottom: 0.5rem;
}
ul.numbered-list li::before {
    content: counter(item) ".";
    position: absolute;
    left: 0;
    width: 16px;
    text-align: right;
}
ul.numbered-list li:first-child::before {
    content: counter(item) ".";
    text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hero-banner-eleven .hero-text-wrapper h1.heading--chome-extension {
        font-size: 3.6rem !important;
    }
    .shape-img.chrome-extension-main-image {
        width: 110%;
        max-width: 110%;
        left: 60%;
        right: auto;
        top: 38%;
    }
}
@media (min-width: 1200px) {
    .shape-img.chrome-extension-main-image {
        width: 110%;
        max-width: 110%;
        left: 60%;
        right: auto;
        top: 45%;
    }
    .xl-mb-185{
        margin-bottom: 185px !important;
    }

    .xl-mb-155{
        margin-bottom: 155px !important;
    }
    .xl-mb-100{
        margin-bottom: 100px !important;
    }

    .xl-mb-60{
        margin-bottom: 60px !important;
    }
}

@media screen and (max-width: 991px) {
    .hero-banner-eleven .hero-text-wrapper h1.heading--chome-extension {
        font-size: 3.4rem !important;
    }
}
@media (max-width: 575px) {
    .hero-banner-eleven .hero-text-wrapper h1.heading--chome-extension {
        font-size: 3rem !important;
    }
}
/* growthbar */
.growthbar-page .shape-video {
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

.growthbar-page .hero-banner-eleven .hero-text-wrapper h1.small {
    font-size: 3.7rem;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .growthbar-page .hero-banner-eleven .hero-text-wrapper h1.small {
        font-size: 3.2rem !important;
    }
}

@media screen and (max-width: 991px) {
    .growthbar-page .shape-video {
        left: 50%;
    }
    .growthbar-page .hero-banner-eleven .hero-text-wrapper h1.small {
        font-size: 3rem !important;
    }
}
@media screen and (max-width: 575px) {
    .growthbar-page .hero-banner-eleven .hero-text-wrapper h1.small {
        font-size: 2.8rem !important;
    }
}

.growthbar-page .hero-banner-eleven {
    margin: 40px 0 0;
}
a.btn-growhbar-trial {
    padding: 0 40px;
    height: 60px;
    line-height: 60px;
    font-weight: 500;
    width: auto;
    border-radius: 7px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    margin-right: 10px;
}
.growthbar-review {
    box-shadow: 0 0 12px rgb(0 0 0 / .15);
    padding: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    border-radius: 5px;
}
.growthbar-review--image-company {
    height: 40px;
}
.growthbar-review figure,
.growthbar-review p,
.growthbar-review h6 {
    margin-bottom: 0;
    margin-top: 20px;
}
.growthbar-review figure,
.growthbar-review p,
.growthbar-review h6 {
    padding: 0 2rem;
    text-align: center;
}
.growthbar-review h6 {
    color:#1d223e;
    font-size:16px;
    font-weight: 600;
}
.growthbar-review figure:first-child {
    margin: 2rem 0 0px;
}
.growthbar-review p:last-child {
    margin: 20px 0 2rem;
}
p.growthbar-review--text {
    text-align: center;
    margin-bottom: auto;
    margin-top: 20px;
}
.growthbar-review--image {
    margin-left: auto;
    margin-right: auto;
}
.growthbar-review--image-company {
    height: 40px;
    margin-left: auto;
    margin-right: auto;
}
.growthbar-review--name {
    margin-top: 20px;
    text-align: center;
}
.growthbar-review--rating {
    text-align: center;
}
.growthbar-review--rating-stars {
    color: #fcb900;
    font-size: 20px;
    text-align: center;
    position: relative;
    display: inline-block;
    font-weight: normal;
    line-height: 1;
    font-size: 20px;
    font-family: FontAwesome;
    margin-left: 10px;
    letter-spacing: 5px;
}
.growthbar-review--rating-number {
    font-size: 20px;
    line-height: 1.34em;
    color: var(--heading);
    text-align: center;
    margin-top: 20px;
}
.growthbar-review--text-image {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
}
.growthbar-review--rating-stars::before {
    content: '\f005\f005\f005\f005\f005';
    color: rgb(255, 185, 65);
    letter-spacing: 5px;
}
.flex-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.pricing-table-area-six.growthbar-pricing-table .pr-table-wrapper .pr-feature li {
    line-height: 1.6;
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 25px;
}
.pricing-table-area-six.growthbar-pricing-table .pr-table-wrapper .pack-details {
    border-bottom: 1px solid #E0E0E0;
    padding: 0 0 15px;
}

.growthbar-separate-tool-message .bg-wrapper {
    padding: 1.5rem 0.5rem;
    font-size: 18px;
    line-height: normal;
}
@media  (max-width: 576px) {
    .flex-wrap-sm {
        flex-wrap: wrap;
    }
    .growthbar-separate-tool-message .bg-wrapper {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .md-text-nowrap {
        white-space: nowrap;
    }
    .growthbar-separate-tool-message .bg-wrapper {
        max-width: 720px;
        padding: 1.5rem 1rem;
    }
}
@media (min-width: 992px) {
    .growthbar-separate-tool-message .bg-wrapper {
        max-width: 960px;
        font-size: 21px;
        padding: 2rem;
    }
    .growthbar-page .slick-slider.bigger .slick-track .item {
        margin-bottom: 150px;
    }
}
@media (min-width: 1200px) {

    .growthbar-separate-tool-message .bg-wrapper {
        max-width: 1170px;
        font-size: 22px;
        padding: 3rem;
    }
    .xl-bottom-35 {
        bottom: 35% !important;
    }
    .xl-bottom-40 {
        bottom: 40% !important;
    }

    .xl-mb-180 {
        margin-bottom: 180px !important;
    }

    .xl-mb-200 {
        margin-bottom: 200px !important;
    }
    .xl-mb-250 {
        margin-bottom: 250px !important;
    }
    .xl-mb-150 {
        margin-bottom: 150px !important;
    }
}
@media (min-width: 1350px) {
    .growthbar-separate-tool-message .bg-wrapper {
        max-width: 1320px;
    }
}

/* Homepage hero: scale the audit form ~20% bigger on desktop only.
   Base sizes live in style.css (.coming-soon-content form); mobile rules in
   responsive.css at <992px still apply unchanged. */
@media (min-width: 992px) {
    .coming-soon-content form {
        max-width: 735px;
        height: 82px;
    }
    .coming-soon-content form input {
        padding: 0 240px 0 22px;
        font-size: 22px !important;
    }
    .coming-soon-content form button {
        width: 220px;
        font-size: 22px !important;
    }
}
@media (max-width: 991px) {
    .coming-soon-content form {
        max-width: 580px;
    }
    /* Tighten subhead → form gap to match the shorter form at this breakpoint
       (overrides the inline padding-bottom on the subhead <p>). */
    .coming-soon-content .container-fluid > p {
        padding-bottom: 30px !important;
    }
}

/* Feature-card titles (used across marketing pages, e.g. /seo-crawler/) — give
   the title a little more line spacing so multi-line titles don't read cramped.
   Only affects titles that wrap; single-line titles are visually unchanged. */
.block-style-twentySeven h4 {
    line-height: 1.32;
}

/* Embeddable Audit Tool — "Endless Options" block sits on the same light-blue
   panel as "Embed in 5 Minutes", including the decorative cut edges (shapes
   226 / 227) at top and bottom for character. */
.embed-endless-blue {
    background: #EBF3F8;
    padding-top: 80px;
    padding-bottom: 80px;
}
.embed-endless-blue:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 44px;
    background: url(../images/shape/226.jpg) no-repeat center top;
    background-size: cover;
    left: 0;
    top: -40px;
}
.embed-endless-blue:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 35px;
    background: url(../images/shape/227.jpg) no-repeat center bottom;
    background-size: cover;
    left: 0;
    bottom: -30px;
}

/* Embeddable Audit Tool — soften the "Endless Options for Embed Form
   Customization" heading so it reads as an inline reference/caption above the
   slider rather than a full 52px section title. */
.endless-soft-title {
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    color: #8a8f98 !important;
}

/* Embeddable Audit Tool — "Capture Leads in 3 Easy Steps" sits in the shared
   yellow banner panel (fancy-short-banner-thirteen, same as the backlink-checker
   hero) which provides the background + top/bottom cut edges. The step titles
   were a faint 30%-opacity grey; make them solid black and bolder to read well. */
/* Step title: bigger, bold, black — the default made the title smaller than the
   body which read backwards. Sizes mirror the white-label feature cards. */
.embed-capture-panel .block-style-thirteen .title {
    color: #000;
    font-weight: 600;
    font-size: 22px;
    padding: 12px 0 10px;
}
/* Description: smaller and a softer grey (the panel had too much solid black). */
.embed-capture-panel .block-style-thirteen p {
    color: #787d86;
    font-size: 17px;
    line-height: 1.6em;
}

/* Embeddable Audit Tool — "See a Live Customer Example" heading a touch smaller
   than the default 52px so it doesn't dominate the section. */
.embed-live-example .title-style-nine h2 {
    font-size: 42px;
}
/* Its body copy: normal paragraph size + grey to match the other sections
   (default is an oversized 24px black with 40/50px padding that left an
   awkward gap between the two paragraphs — reset to a normal margin). */
.embed-live-example .text-wrapper p {
    font-size: 20px;
    line-height: 1.75em;
    color: #787d86;
    padding: 0;
    margin: 18px 0 0;
}
/* A single vertical divider between the four steps, only at lg where they sit
   4-across (avoids the previous double bar and stray borders on the 2x2 md grid). */
@media (min-width: 992px) {
    .embed-capture-panel .row.justify-content-center > [class*='col-'] + [class*='col-'] .block-style-thirteen {
        border-left: 1px solid #E7E7E7;
    }
}

/* White Label smaller list type — used by the "Reports in Your Language" columns
   and the "Complete Report Customization" bullets so they read compactly and
   consistently (default is 20px / 30px line-height). */
.wl-language-list .theme-list li,
.wl-customization-list li {
    font-size: 16px;
    line-height: 24px;
}
.wl-language-list .theme-list li:before,
.wl-customization-list li:before {
    font-size: 16px;
}

/* White Label "One Tool, Four Powerful Audit Types" grid — reuse the homepage
   suite tile look (screenshot embedded in a bordered block): shrink the shared
   200px x4 image slot and tighten the heading margins. */
.wl-audit-types .block-style-twentySeven .icon.x4 {
    height: 120px;
}
/* A touch more side padding than the shared 12px so longer titles (e.g. "Google
   Business Profile Audit") don't crowd the block edges. */
.wl-audit-types .block-style-twentySeven {
    padding-left: 15px;
    padding-right: 15px;
}
.wl-audit-types .block-style-twentySeven h4 {
    margin-top: 14px !important;
    margin-bottom: 8px !important;
    font-size: 24px !important;
}
.wl-audit-types .block-style-twentySeven p {
    font-size: 17px !important;
}

/* Homepage "Complete, Affordable SEO / GEO Suite" grid — tighten the blocks:
   smaller feature icons (120 vs the shared 200) and trimmed heading margins.
   Scoped to the homepage so the shared _feature_grid_item partial used on the
   pricing / task-management pages is unaffected. */
.homepage-feature-suite .block-style-twentySeven .icon.x4 {
    height: 120px;
}
.homepage-feature-suite .block-style-twentySeven h4 {
    margin-top: 12px !important;
    margin-bottom: 10px !important;
}
/* Local SEO / AI SEO Writing horizontal blocks (the mh-225 row) — shrink them
   down: less inner padding, lower min-height and tighter title margins. */
.homepage-feature-suite .mh-225 {
    min-height: 190px;
}
.homepage-feature-suite .mh-225 .block-style-twentySeven {
    padding: 22px !important;
}
.homepage-feature-suite .mh-225 .block-style-twentySeven h4 {
    margin-top: 8px !important;
    margin-bottom: 16px !important;
}

/* "And strong reviews on major platforms" heading above the review-platform
   logos — keep a similar size but drop the bold weight and use gray so it
   doesn't blend with the black bold platform names below it. */
.homepage-review-ratings {
    margin-top: 30px;
}
.homepage-review-ratings .title-style-nine h2 {
    font-weight: 300;
    color: #2A2A2A;
}
.homepage-review-ratings .title-style-nine.mb-40 {
    margin-bottom: 75px !important;
}
.homepage-review-ratings .review-platforms {
    padding-bottom: 25px;
}

/* "Trusted by X" hero widget — stacked circular avatars + trust line. */
.trusted-by-widget {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin: 28px 0 0;
}
.trusted-by-avatars {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.trusted-by-avatars li {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    background: #e9ecef;
    margin-left: -9px;
    flex-shrink: 0;
}
.trusted-by-avatars li:first-child {
    margin-left: 0;
}
.trusted-by-avatars li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.trusted-by-text {
    font-size: 17px;
    font-weight: 500;
    color: #979797;
    line-height: 1.3;
    text-align: left;
}
@media (max-width: 575px) {
    .trusted-by-widget {
        gap: 12px;
        margin-top: 22px;
    }
    .trusted-by-avatars li {
        width: 42px;
        height: 42px;
        margin-left: -8px;
    }
    .trusted-by-text {
        font-size: 15px;
    }
}

/* ===========================================================================
   Colored testimonial blocks (client-feedback-slider-eight) — reusable across
   pages (homepage, /seo-audit/, …). The base purple block lives in style.css;
   these rules add the clickable "Success Stories" tag, a smaller pull-quote for
   multi-sentence testimonials, and the "img-fill" headshot treatment:
     - lg+ : the photo fills the colored row top-to-bottom
     - <=991px : it becomes a circular cropped headshot and the text column's
                 padding is trimmed so the block contracts around it
     - <=767px : the stacked headshot is vertically centered with even spacing
   =========================================================================== */
/* Brand blue band instead of the base purple (#7241FF). */
.client-feedback-slider-eight {
    background: #5d9cec;
}
.client-feedback-slider-eight .tag-link {
    color: #fff;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out;
}
.client-feedback-slider-eight .tag-link:hover,
.client-feedback-slider-eight .tag-link:focus {
    color: #fff;
    background: rgba(255, 255, 255, 0.25);
    text-decoration: none;
}
/* Long-quote variant — shrink the pull-quote roughly by half so a multi-sentence
   testimonial does not blow out the block. */
.client-feedback-slider-eight .feedback-wrapper p {
    font-size: 22px;
    line-height: 1.55em;
    letter-spacing: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .client-feedback-slider-eight .feedback-wrapper p { font-size: 20px; }
}
@media (max-width: 991px) {
    .client-feedback-slider-eight .feedback-wrapper p { font-size: 17px; margin: 15px 0 20px; }
}
/* Circular-headshot variant: instead of filling the colored row, the photo is a
   large centered circle (roughly the same footprint). Source images are square,
   so width == height and border-radius makes a clean circle at any column width. */
.client-feedback-slider-eight .testimonial-circle .img-meta img {
    width: 100%;
    max-width: 250px;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto;
    display: block;
}
@media (max-width: 767px) {
    .client-feedback-slider-eight .testimonial-circle .img-meta {
        margin: 20px auto 15px;
    }
    .client-feedback-slider-eight .testimonial-circle .img-meta img {
        max-width: 240px;
    }
}

/* Inline author row (small avatar + name/title beside it, success-stories style)
   used when a testimonial quote runs full-width and short instead of side-by-side. */
.client-feedback-slider-eight .testimonial-author-inline {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 26px;
}
.client-feedback-slider-eight .testimonial-author-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.client-feedback-slider-eight .testimonial-author-inline .name {
    margin-bottom: 2px;
}

/* Related-feature cross-link banners (bottom of /seo-api/ and /rank-tracking-api/).
   The text + button column and the image column sit side-by-side at >=768px, but
   stack at <768px — where the image would otherwise run right into the "Learn More"
   button. Force a gap below the text column while stacked. */
@media (max-width: 767px) {
    .related-api-banner .title-style-twelve {
        margin-bottom: 40px;
    }
}
/* Keep these cross-link banners compact — smaller heading + capped image height so
   the banner doesn't consume much vertical space. */
.related-api-banner .title-style-twelve h2 {
    font-size: 38px;
    line-height: 1.25em;
}
.related-api-banner .title-style-twelve h2.pb-50 {
    padding-bottom: 25px;
}
.related-api-banner .col-lg-5 img {
    max-height: 240px;
    width: auto;
    display: block;
    margin: 0 auto;
}

/* TikTok brand icon: the old ":before content" glyph rule (a cache safety-net from the
   brands.css font era) is gone — the brand icons are now SVG masks defined in
   views/frontend/_styles.php. Any :before text content inside the masked inline-block
   makes it baseline-align by that text instead of its bottom edge, floating the icon
   ~4px upward, so nothing may reintroduce glyph content on .fa-brands elements. */

/* White Label "interested in Embedding?" cross-link banner — the default
   fancy-short-banner-thirteen bg-wrapper padding (75px/72px) is far too tall for this
   block, so trim it right down. */
.wl-embed-cta .bg-wrapper { padding-top: 25px; padding-bottom: 25px; }

/* --- Testimonial-bar "space above" fix -----------------------------------------------
   Each blue testimonial bar (and the embed "Endless Options" panel) directly follows a
   feature section (.fancy-feature-twentyThree) whose LAST block (.block-style-twentyThree
   .shape-wider) carries a 180-230px bottom margin. THAT block margin — not the bar's own
   mt-* — is what creates the gap above the bar; and via margin-collapse it swallows the
   bar's small positive top margin (which is why trimming mt-* did nothing). Pull the bar
   up over that block margin. Scoped to the adjacent-sibling case, so bars that follow a
   heading/other section keep their own mt-* spacing. */
.fancy-feature-twentyThree + .client-feedback-slider-eight,
.fancy-feature-twentyThree + .embed-endless-blue {
    margin-top: -10px;
    margin-bottom: 60px;
}
@media (min-width: 992px) {
    .fancy-feature-twentyThree + .client-feedback-slider-eight,
    .fancy-feature-twentyThree + .embed-endless-blue { margin-top: -55px; margin-bottom: 125px; }
}
@media (min-width: 1200px) {
    .fancy-feature-twentyThree + .client-feedback-slider-eight,
    .fancy-feature-twentyThree + .embed-endless-blue { margin-top: -80px; margin-bottom: 140px; }
}

/* Embedding page: trim the oversized bottom margin under the last feature
   ("Get Leads Straight to Your Inbox") so it sits closer to the live-example block. */
@media (min-width: 1200px){
    .embed-getleads-section .container > .block-style-twentyThree:last-child {
        margin-bottom: 120px;
    }
}

/* Audit form busy state (js-report-form, handled in frontend-new/js/theme.js). Submitting takes
   a few seconds to navigate, so the button gets a spinner and the field is locked - the same
   feedback the logged-in app gives. .spinner-border and its keyframes come from the theme's own
   Bootstrap 4.3 bundle, so nothing new is loaded for it; only the sizing is ours, since the
   default is 2rem and would dwarf the button label. */
/* Button and field were changing at visibly different rates on submit - the field snapped while
   the button eased. Neither carries a transition of its own here, so rather than hunt for which
   inherited rule was animating the button, both are pinned to the same short transition on the
   properties the busy state actually changes. Short on purpose: this is a response to a click,
   so it should read as immediate rather than as an animation. */
.js-report-form input,
.js-report-form button {
    transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.12s ease-in-out, opacity 0.12s ease-in-out;
}
.js-report-form .js-report-form-spinner {
    width: 0.9em;
    height: 0.9em;
    border-width: 0.16em;
    margin-left: 0.6em;
    vertical-align: -0.1em;
}
/* Busy button. Two things have to be stated explicitly here.

   .theme-btn-orange:hover lightens the background with !important, so on a mouse submit the
   pointer is still over the button and it looks faded - while an Enter-key submit leaves it at
   full strength. That made the same action look different depending on how it was triggered, so
   the disabled state is pinned for both, hover included.

   pointer-events: none matches how the app UI disables a button (.btn:disabled in the Metronic
   bundle) and stops the hover rule applying at all once the form is on its way. */
.js-report-form button[disabled],
.js-report-form button[disabled]:hover,
.js-report-form button[disabled]:focus {
    background-color: #ffbd4a !important;
    opacity: 0.65;
    pointer-events: none;
    cursor: progress;
}
/* Locked field while the report loads. readonly does not grey a field on its own, and the input
   carries Bootstrap's .bg-white - which is !important - so the disabled look has to be stated
   explicitly and has to outrank it. Colours are the app UI's own disabled-field values
   (.form-control:disabled in the Metronic bundle: gray-200 on gray-300, gray-500 text) so the
   two surfaces agree. opacity is left alone deliberately: dimming the whole field makes the URL
   somebody just typed harder to read, which is the one thing worth keeping legible here. */
.js-report-form.is-submitting input[readonly] {
    background-color: #F1F1F4 !important;
    border-color: #DBDFE9 !important;
    color: #99A1B7;
    cursor: default;
}

/* Homepage hero: the yellow underline under "SEO Audit". Previously an <img> injected
   inside the H1 between the words, which polluted the heading's markup for crawlers -
   the pseudo-element reproduces the exact same geometry with the H1 left as pure text.
   xl-only, like the d-none d-xl-inline img it replaced. */
.hero-title-underline {
    position: relative;
}
@media (min-width: 1200px) {
    .hero-title-underline::after {
        content: '';
        position: absolute;
        width: 100%;
        min-width: 150px;
        min-height: 30px;
        top: 100%;
        margin-top: -18px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: -1;
        background: url(../images/shape/line-shape-11.svg) no-repeat center / 100% 100%;
    }
}

/* Heading-tag -> div conversions (semantic heading-structure cleanup): the old tags
   inherited the heading color and the 1.2 heading line-height; restore both so the
   converted elements render exactly as before. Covers the testimonial attribution
   names (homepage quotes + clientSliderSix slider) and the pricing trial badge,
   whose label used to inherit its color from the surrounding <h2>. */
.feedback-wrapper .name,
.clientSliderSix .feedback-wrapper .name {
    color: var(--heading);
    line-height: 1.2em;
}
/* ...but the colored slider-eight band keeps its white name (the generic restore
   above would otherwise win over style.css's equal-specificity white rule). */
.client-feedback-slider-eight .feedback-wrapper .name {
    color: #fff;
}
/* The feature-grid tool titles (SEO Crawler, Keyword Tracking, ...) were h4 and
   inherited .block-style-twentySeven h4's weight; as h3 (heading-outline fix)
   they need the same treatment. */
.block-style-twentySeven h3 {
    font-weight: 500;
    letter-spacing: -0.5px;
}
/* "Tools to fit your use case" cards: slightly larger Agencies / Marketers /
   Business Owners titles (theme sets 20px). */
.block-style-five .title {
    font-size: 24px;
}
.price-page-active-text label {
    color: var(--heading);
}