/* =========================================
   Site SEO Analyzer - Modern UI
   ========================================= */

/* Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ---------- Global ---------- */

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px;
    line-height: 1.65;
    color: #1e293b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

p {
    line-height: 1.7;
}

a {
    transition: color .2s ease, background-color .2s ease, opacity .2s ease;
}

/* ---------- Navbar ---------- */

.navbar {
    font-family: 'Poppins', sans-serif !important;
}

.navbar-nav > li > a {
    font-weight: 500;
    transition: all .2s ease;
}

.navbar-nav > li > a:hover {
    opacity: .8;
}

/* ---------- Forms ---------- */

input,
textarea,
select,
.form-control {
    font-family: 'Poppins', sans-serif !important;
    border-radius: 8px;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #1457D9;
    box-shadow: 0 0 0 3px rgba(20, 87, 217, 0.12);
    outline: none;
}

/* ---------- Buttons ---------- */

.btn {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    border-radius: 8px;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.btn:hover {
    transform: translateY(-1px);
}

.btn:active {
    transform: translateY(0);
}

.btn-primary {
    background: #1457D9;
    border-color: #1457D9;
}

.btn-primary:hover,
.btn-primary:focus {
    background: #0F46B5;
    border-color: #0F46B5;
    box-shadow: 0 5px 15px rgba(20, 87, 217, 0.20);
}

/* ---------- Panels / Cards ---------- */

.panel,
.card,
.well {
    border-radius: 10px;
    border-color: #e5e7eb;
    transition: box-shadow .2s ease, transform .2s ease;
}

.panel:hover,
.card:hover {
    box-shadow: 0 8px 24px rgba(15, 31, 58, 0.08);
}

/* ---------- Tables ---------- */

.table {
    font-size: 14px;
}

.table > thead > tr > th {
    font-weight: 600;
    color: #0B1F3A;
}

.table > tbody > tr {
    transition: background-color .15s ease;
}

.table > tbody > tr:hover {
    background-color: #f8fafc;
}

/* ---------- Labels / Badges ---------- */

.label,
.badge {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    border-radius: 6px;
}

/* ---------- Dropdowns ---------- */

.dropdown-menu {
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 30px rgba(15, 31, 58, 0.10);
    padding: 6px;
}

.dropdown-menu > li > a {
    border-radius: 6px;
    padding: 9px 12px;
    transition: background-color .15s ease;
}

/* ---------- Tool / Content Links ---------- */

a:hover {
    text-decoration: none;
}

/* ---------- Images ---------- */

img {
    max-width: 100%;
}

/* ---------- Selection ---------- */

::selection {
    background: #1457D9;
    color: #FFFFFF;
}

/* ---------- Scrollbar ---------- */

::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* ---------- Mobile ---------- */

@media (max-width: 768px) {

    body {
        font-size: 14px;
    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 23px;
    }

    .btn {
        min-height: 42px;
    }

    .form-control {
        min-height: 42px;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* =====================================
   Site SEO Analyzer - FAQ
   ===================================== */

.seo-faq-section {
    padding: 75px 0 85px;
    background: #f8fafc;
}

.seo-faq-section .section-header {
    margin-bottom: 35px;
}

.seo-faq-section .section-header h2 {
    color: #0B1F3A;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}

.seo-faq-section .section-header p {
    color: #64748b;
    font-size: 15px;
}

.seo-faq-wrapper {
    max-width: 850px;
    margin: 0 auto;
}

.seo-faq-item {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.seo-faq-item:hover {
    border-color: #cbd5e1;
}

.seo-faq-item[open] {
    border-color: #1457D9;
    box-shadow: 0 5px 18px rgba(15, 31, 58, 0.07);
}

.seo-faq-item summary {
    position: relative;
    padding: 19px 55px 19px 22px;
    cursor: pointer;
    list-style: none;
    color: #0B1F3A;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.seo-faq-item summary::-webkit-details-marker {
    display: none;
}

.seo-faq-item summary::after {
    content: "+";
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    color: #1457D9;
    font-size: 25px;
    font-weight: 400;
}

.seo-faq-item[open] summary::after {
    content: "−";
}

.seo-faq-answer {
    padding: 0 22px 20px;
}

.seo-faq-answer p {
    margin: 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.75;
}

@media (max-width: 767px) {
    .seo-faq-section {
        padding: 50px 0 60px;
    }

    .seo-faq-section .section-header h2 {
        font-size: 26px;
    }

    .seo-faq-item summary {
        padding: 17px 50px 17px 17px;
        font-size: 15px;
    }

    .seo-faq-item summary::after {
        right: 17px;
    }

    .seo-faq-answer {
        padding: 0 17px 17px;
    }
}

/* =====================================
   What We Analyze
   ===================================== */

.seo-analysis-section {
    padding: 75px 0 80px;
    background: #f8fafc;
}

.seo-analysis-section .section-header {
    margin-bottom: 40px;
}

.seo-analysis-section .section-header h2 {
    margin-bottom: 10px;
    color: #0B1F3A;
    font-size: 32px;
    font-weight: 600;
}

.seo-analysis-section .section-header p {
    max-width: 680px;
    margin: 0 auto 15px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;
}


/* Cards */

.seo-analysis-grid {
    display: flex;
    flex-wrap: wrap;
}

.seo-analysis-grid > div {
    display: flex;
    margin-bottom: 24px;
}

.seo-analysis-card {
    width: 100%;
    padding: 28px 24px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.seo-analysis-card:hover {
    transform: translateY(-4px);
    border-color: #1457D9;
    box-shadow: 0 10px 30px rgba(15, 31, 58, .09);
}


/* Icon */

.seo-analysis-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    margin-bottom: 20px;

    border-radius: 10px;

    background: rgba(20, 87, 217, .10);
    color: #1457D9;

    font-size: 22px;
}


/* Heading */

.seo-analysis-card h3 {
    margin: 0 0 10px;

    color: #0B1F3A;

    font-size: 17px;
    font-weight: 600;
}


/* Description */

.seo-analysis-card p {
    margin: 0;

    color: #64748b;

    font-size: 14px;
    line-height: 1.7;
}


/* Free Unlimited Highlight */

.seo-analysis-highlight {
    max-width: 760px;

    margin: 15px auto 0;
    padding: 18px 25px;

    background: #0B1F3A;
    border-radius: 10px;

    color: #ffffff;
}

.seo-analysis-highlight i {
    margin-right: 7px;

    color: #4ade80;

    font-size: 18px;
}

.seo-analysis-highlight strong {
    margin-right: 7px;

    font-size: 15px;
    font-weight: 600;
}

.seo-analysis-highlight span {
    color: #dbeafe;
    font-size: 14px;
}


/* Mobile */

@media (max-width: 767px) {

    .seo-analysis-section {
        padding: 50px 0 55px;
    }

    .seo-analysis-section .section-header h2 {
        font-size: 26px;
    }

    .seo-analysis-card {
        padding: 23px 20px;
    }

    .seo-analysis-highlight strong,
    .seo-analysis-highlight span {
        display: block;
    }

    .seo-analysis-highlight strong {
        margin: 5px 0;
    }
}

/* =====================================
   Modern Testimonials
   ===================================== */

.secFea .col-center {
    max-width: 850px;
    margin: 0 auto !important;
    float: none;
}

/* Main testimonial container */

.secFea #myCarousel {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 8px 30px rgba(15, 31, 58, 0.07);
    overflow: hidden;
    margin-top: 30px;
}

/* Individual testimonial */

.secFea #myCarousel .carousel-inner {
    min-height: 220px;
}

.secFea #myCarousel .item {
    padding: 40px 75px 50px;
    text-align: center;
}

/* Testimonial text */

.secFea #myCarousel .testimonial,
.secFea #myCarousel p {
    font-family: 'Poppins', sans-serif;
    color: #475569;
    font-size: 15px;
    line-height: 1.8;
}

/* Quote icon */

.secFea #myCarousel .item:before {
    content: "\201C";
    display: block;

    margin-bottom: 5px;

    color: #1457D9;
    font-family: Georgia, serif;
    font-size: 58px;
    line-height: 1;
}

/* User name */

.secFea #myCarousel strong,
.secFea #myCarousel .overview {
    color: #0B1F3A;
    font-weight: 600;
}

/* Previous / next controls */

.secFea #myCarousel .carousel-control {
    width: 45px;
    height: 45px;

    top: 50%;
    bottom: auto;

    transform: translateY(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f1f5f9 !important;
    border-radius: 50%;

    color: #1457D9;
    opacity: 1;

    text-shadow: none;

    transition: all .2s ease;
}

.secFea #myCarousel .carousel-control:hover {
    background: #1457D9 !important;
    color: #ffffff;
}

.secFea #myCarousel .carousel-control.left {
    left: 15px;
}

.secFea #myCarousel .carousel-control.right {
    right: 15px;
}

.secFea #myCarousel .carousel-control i {
    font-size: 22px;
}

/* Carousel dots */

.secFea #myCarousel .carousel-indicators {
    bottom: 12px;
}

.secFea #myCarousel .carousel-indicators li {
    width: 8px;
    height: 8px;

    margin: 3px;

    background: #cbd5e1;
    border: none;
}

.secFea #myCarousel .carousel-indicators .active {
    width: 8px;
    height: 8px;

    margin: 3px;

    background: #1457D9;
}


/* Mobile */

@media (max-width: 767px) {

    .secFea #myCarousel .item {
        padding: 35px 45px 50px;
    }

    .secFea #myCarousel .testimonial,
    .secFea #myCarousel p {
        font-size: 14px;
    }

    .secFea #myCarousel .carousel-control {
        width: 36px;
        height: 36px;
    }

    .secFea #myCarousel .carousel-control.left {
        left: 7px;
    }

    .secFea #myCarousel .carousel-control.right {
        right: 7px;
    }
}

/* =========================================================
   SITE SEO ANALYZER — MODERN FEATURES
   Overrides old Diamond theme
   ========================================================= */


/* FEATURES SECTION */

.secFea {
    padding-top: 75px;
    padding-bottom: 75px;
}


/* Section heading */

.secFea .section-header h1 {
    margin: 0 0 12px !important;

    background: transparent !important;

    color: #0B1F3A !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    display: block !important;
}


/* Subtitle */

.secFea .section-header > p {
    max-width: 700px;

    margin: 0 auto 18px !important;

    color: #64748B !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}


/* Small blue divider */

.secFea .section-header .hrSmall {
    width: 55px !important;
    height: 3px !important;

    margin: 20px auto 0 !important;

    background: #1457D9 !important;
    border: 0 !important;
    border-radius: 10px;
}


/* =========================================================
   FEATURE GRID
   ========================================================= */

.secFea #featured.modern-features {
    display: flex !important;
    flex-wrap: wrap !important;

    margin-top: 45px !important;
}


/* Bootstrap columns */

.secFea #featured.modern-features > div {
    display: flex !important;

    margin-bottom: 25px !important;

    text-align: left !important;
}


/* =========================================================
   FEATURE CARD
   ========================================================= */

.secFea #featured .modern-feature-card {
    position: relative;

    width: 100% !important;
    min-height: 270px;

    padding: 28px 24px !important;

    background: #FFFFFF !important;

    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;

    text-align: left !important;

    box-shadow:
        0 4px 16px rgba(15, 31, 58, 0.05) !important;

    overflow: hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


/* Card hover */

.secFea #featured .modern-feature-card:hover {
    transform: translateY(-5px);

    border-color: #1457D9 !important;

    box-shadow:
        0 14px 35px rgba(15, 31, 58, 0.11) !important;
}


/* Top accent */

.secFea #featured .modern-feature-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: #1457D9;

    opacity: 0;

    transition: opacity .25s ease;
}


.secFea #featured .modern-feature-card:hover::before {
    opacity: 1;
}


/* =========================================================
   ICON BOX
   ========================================================= */

.secFea #featured .modern-feature-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 52px !important;
    height: 52px !important;

    margin: 0 0 20px !important;

    background: #EEF4FF !important;

    border: 1px solid #DCE8FF !important;
    border-radius: 12px !important;

    color: #1457D9 !important;

    font-size: 21px !important;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}


/* Force Font Awesome icon color */

.secFea #featured .modern-feature-icon span,
.secFea #featured .modern-feature-icon .fa {
    color: #1457D9 !important;
    font-size: 21px !important;
}


/* Icon hover */

.secFea #featured .modern-feature-card:hover .modern-feature-icon {
    background: #1457D9 !important;

    border-color: #1457D9 !important;

    color: #FFFFFF !important;

    transform: scale(1.05);
}


.secFea #featured .modern-feature-card:hover .modern-feature-icon span,
.secFea #featured .modern-feature-card:hover .modern-feature-icon .fa {
    color: #FFFFFF !important;
}


/* =========================================================
   FEATURE TITLE
   ========================================================= */

.secFea #featured .modern-feature-card h4 {
    margin: 0 0 11px !important;
    padding: 0 !important;

    color: #0B1F3A !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-align: left !important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.secFea #featured .modern-feature-card p {
    margin: 0 !important;
    padding: 0 !important;

    color: #64748B !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;

    text-align: left !important;
}


/* Prevent old theme styling */

.secFea #featured .modern-feature-card p a {
    color: #1457D9 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .secFea #featured .modern-feature-card {
        min-height: 235px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .secFea {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .secFea .section-header h1 {
        font-size: 28px !important;
    }

    .secFea .section-header > p {
        padding: 0 15px;

        font-size: 14px !important;
    }

    .secFea #featured.modern-features {
        margin-top: 30px !important;
    }

    .secFea #featured.modern-features > div {
        width: 100% !important;

        margin-bottom: 15px !important;
    }

    .secFea #featured .modern-feature-card {
        min-height: 0;

        padding: 24px 21px !important;

        border-radius: 12px !important;
    }

    .secFea #featured .modern-feature-icon {
        width: 48px !important;
        height: 48px !important;

        margin-bottom: 17px !important;
    }

    .secFea #featured .modern-feature-card h4 {
        font-size: 16px !important;
    }

}

/* =========================================================
   MODERN RECENTLY LISTED
   Site SEO Analyzer
   ========================================================= */

/* Main section */
section.secRec {
    position: relative !important;

    padding: 75px 0 80px !important;

    background: #F8FAFC !important;

    color: #0B1F3A !important;

    overflow: hidden;
}


/* Remove old polygon / diamond appearance */
section.secRec::before,
section.secRec::after {
    display: none !important;
}


/* Fix old top spacing */
section.secRec .container.top70 {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

section.secRec .section-header {
    margin-bottom: 42px !important;
}


section.secRec .section-header h1 {
    margin: 0 0 12px !important;

    color: #0B1F3A !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-shadow: none !important;
}


/* Subtitle */
section.secRec .section-header p {
    max-width: 700px;

    margin: 0 auto !important;

    color: #64748B !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;

    text-shadow: none !important;
}


/* Small brand divider */
section.secRec .section-header .hrSmall {
    width: 55px !important;
    height: 3px !important;

    margin: 20px auto 0 !important;

    background: #1457D9 !important;

    border: 0 !important;
    border-radius: 10px !important;
}


/* =========================================================
   WEBSITE GRID
   ========================================================= */

section.secRec #latest-site {
    margin-top: 10px;
}


section.secRec .latest-content {
    display: flex;
    flex-wrap: wrap;
}


/* Each website column */
section.secRec .recentBlock {
    margin-bottom: 28px !important;
}


/* =========================================================
   WEBSITE CARD
   ========================================================= */

section.secRec .sites-block {
    height: 100%;

    background: #FFFFFF !important;

    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;

    overflow: hidden;

    box-shadow:
        0 4px 16px rgba(15, 31, 58, 0.05) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


section.secRec .sites-block:hover {
    transform: translateY(-5px);

    border-color: #1457D9 !important;

    box-shadow:
        0 14px 35px rgba(15, 31, 58, 0.11) !important;
}


/* =========================================================
   WEBSITE SCREENSHOT
   ========================================================= */

section.secRec .recentBox {
    background: #FFFFFF !important;
    border: 0 !important;

    overflow: hidden;
}


section.secRec .imageBox {
    height: 210px !important;

    background: #F1F5F9 !important;

    overflow: hidden;
}


section.secRec .imageBox img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;

    border: 0 !important;

    transition: transform .35s ease;
}


section.secRec .sites-block:hover .imageBox img {
    transform: scale(1.025);
}


/* =========================================================
   SEO SCORE INFORMATION
   ========================================================= */

section.secRec .infox {
    background: #FFFFFF !important;

    border-top: 1px solid #E2E8F0 !important;

    color: #64748B !important;
}


section.secRec .details {
    display: flex;

    padding: 16px 12px !important;

    background: #FFFFFF !important;
}


/* Score items */
section.secRec .details > span {
    flex: 1;

    padding: 0 8px;

    color: #64748B !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;

    text-align: center;

    border-right: 1px solid #E2E8F0;
}


section.secRec .details > span:last-child {
    border-right: 0;
}


/* Numbers */
section.secRec .recentStrong {
    display: block;

    margin-bottom: 3px;

    color: #0B1F3A !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}


/* =========================================================
   DOMAIN NAME
   ========================================================= */

section.secRec .caption {
    padding: 15px 18px !important;

    background: #FFFFFF !important;

    border-top: 1px solid #E2E8F0 !important;

    text-align: left !important;
}


section.secRec .caption a {
    color: #0B1F3A !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    transition: color .2s ease;
}


section.secRec .caption a:hover {
    color: #1457D9 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    section.secRec {
        padding: 55px 0 60px !important;
    }

    section.secRec .section-header {
        margin-bottom: 30px !important;
    }

    section.secRec .section-header h1 {
        font-size: 28px !important;
    }

    section.secRec .section-header p {
        padding: 0 15px;

        font-size: 14px !important;
    }

    section.secRec .recentBlock {
        width: 100% !important;

        margin-bottom: 18px !important;
    }

    section.secRec .imageBox {
        height: 190px !important;
    }

}

/* =========================================================
   SITE SEO ANALYZER — COMPACT MODERN FOOTER
   ========================================================= */

/* MAIN FOOTER */
footer,
.footer,
footer.footer {
    position: relative !important;

    background: #0B1F3A !important;
    background-image: none !important;

    color: #94A3B8 !important;

    font-family: 'Poppins', sans-serif !important;

    border: 0 !important;

    padding: 0 !important;
}


/* REMOVE OLD DIAMOND / TRIANGLE */
footer .arrow-top,
footer .arrow-bottom,
.footer .arrow-top,
.footer .arrow-bottom {
    display: none !important;
}


/* Remove background patterns */
footer::before,
footer::after,
.footer::before,
.footer::after {
    display: none !important;
    background: none !important;
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

footer .container,
.footer .container {
    padding-top: 48px !important;
    padding-bottom: 42px !important;
}


/* Better column balance */
@media (min-width: 992px) {

    footer .row,
    .footer .row {
        display: flex !important;
        align-items: flex-start !important;
    }

    footer .row > div,
    .footer .row > div {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}


/* =========================================================
   HEADINGS
   ========================================================= */

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5 {
    margin: 0 0 18px !important;

    color: #FFFFFF !important;

    font-family: 'Poppins', sans-serif !important;

    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-transform: none !important;
}


/* Small blue line */
footer h4::after,
.footer h4::after {
    content: "";

    display: block;

    width: 34px;
    height: 2px;

    margin-top: 10px;

    background: #3B82F6;

    border-radius: 5px;
}


/* =========================================================
   ABOUT
   ========================================================= */

footer p,
.footer p {
    margin: 0 !important;

    color: #94A3B8 !important;

    font-family: 'Poppins', sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.8 !important;
}


/* =========================================================
   CONTACT
   ========================================================= */

footer address,
.footer address {
    margin: 0 !important;

    color: #94A3B8 !important;

    font-style: normal !important;
}


footer address p,
.footer address p {
    margin-bottom: 10px !important;
}


/* Contact icons */
footer address .fa,
.footer address .fa {
    width: 20px;

    margin-right: 7px;

    color: #60A5FA !important;

    text-align: center;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

footer ul,
.footer ul {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


footer ul li,
.footer ul li {
    margin: 0 0 8px !important;
    padding: 0 !important;
}


footer ul li a,
.footer ul li a {
    display: inline-block;

    padding: 2px 0 !important;

    color: #94A3B8 !important;

    font-family: 'Poppins', sans-serif !important;

    font-size: 12.5px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;

    text-decoration: none !important;

    transition:
        color .2s ease,
        transform .2s ease !important;
}


footer ul li a:hover,
.footer ul li a:hover {
    color: #FFFFFF !important;

    transform: translateX(3px);
}


/* =========================================================
   SOCIAL ICONS
   ========================================================= */

footer .social-icons,
footer .social,
.footer .social-icons,
.footer .social {
    margin-top: 20px !important;
}


footer .social-icons a,
footer .social a,
.footer .social-icons a,
.footer .social a {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 36px !important;
    height: 36px !important;

    margin: 0 5px 0 0 !important;

    background: rgba(255,255,255,.04) !important;

    border: 1px solid rgba(255,255,255,.12) !important;

    border-radius: 8px !important;

    color: #CBD5E1 !important;

    transform: none !important;

    transition: all .2s ease !important;
}


footer .social-icons a:hover,
footer .social a:hover,
.footer .social-icons a:hover,
.footer .social a:hover {
    background: #1457D9 !important;

    border-color: #1457D9 !important;

    color: #FFFFFF !important;

    transform: translateY(-2px) !important;
}


footer .social-icons .fa,
footer .social .fa,
.footer .social-icons .fa,
.footer .social .fa {
    color: inherit !important;
}


/* =========================================================
   ALL FOOTER LINKS
   ========================================================= */

footer a,
.footer a {
    color: #94A3B8;

    text-decoration: none !important;
}


footer a:hover,
.footer a:hover {
    color: #FFFFFF;
}


/* =========================================================
   COPYRIGHT
   ========================================================= */

footer .copyright,
.footer .copyright,
.copyright {
    margin: 0 !important;

    padding: 16px 15px !important;

    background: #07172B !important;

    border-top: 1px solid rgba(255,255,255,.07) !important;

    color: #718096 !important;

    font-family: 'Poppins', sans-serif !important;

    font-size: 12px !important;

    line-height: 1.5 !important;

    text-align: center !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    footer .container,
    .footer .container {
        padding-top: 38px !important;
        padding-bottom: 20px !important;
    }


    footer .row > div,
    .footer .row > div {
        margin-bottom: 30px !important;
    }


    footer h4,
    .footer h4 {
        font-size: 17px !important;

        margin-bottom: 16px !important;
    }


    footer p,
    .footer p {
        font-size: 13px !important;
    }


    footer .copyright,
    .footer .copyright,
    .copyright {
        padding: 14px !important;
    }

}

/* =========================================================
   SITE SEO ANALYZER — MODERN HERO
   ========================================================= */

/* Main hero area */
.secHome,
.home-section,
.homeArea {
    position: relative;
}

/* Hero heading */
.secHome h1,
.home-section h1,
.homeArea h1 {
    margin-bottom: 14px !important;

    color: #FFFFFF !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: -0.8px;
    text-shadow: none !important;
}

/* Subtitle */
.secHome h2,
.secHome .lead,
.secHome .sub-title,
.home-section h2,
.homeArea h2 {
    max-width: 780px;

    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 28px !important;

    color: rgba(255,255,255,.78) !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;

    text-shadow: none !important;
}


/* =========================================================
   URL INPUT
   ========================================================= */

.secHome form,
.home-section form,
.homeArea form {
    max-width: 760px;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* Input group */
.secHome .input-group,
.home-section .input-group,
.homeArea .input-group {
    padding: 6px !important;

    background: #FFFFFF !important;

    border: 1px solid rgba(255,255,255,.35) !important;
    border-radius: 12px !important;

    box-shadow:
        0 14px 40px rgba(5, 20, 50, .22) !important;

    overflow: hidden;
}


/* Input */
.secHome input[type="text"],
.secHome input[type="url"],
.home-section input[type="text"],
.homeArea input[type="text"] {
    height: 52px !important;

    padding: 0 18px !important;

    background: #FFFFFF !important;

    border: 0 !important;
    outline: none !important;

    color: #0B1F3A !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;

    box-shadow: none !important;
}


/* Placeholder */
.secHome input::placeholder,
.home-section input::placeholder,
.homeArea input::placeholder {
    color: #94A3B8 !important;

    opacity: 1;
}


/* =========================================================
   ANALYZE BUTTON
   ========================================================= */

.secHome button,
.secHome .btn,
.home-section button,
.homeArea button {
    min-height: 52px !important;

    padding: 0 24px !important;

    background: #1457D9 !important;

    border: 0 !important;
    border-radius: 8px !important;

    color: #FFFFFF !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;

    text-transform: none !important;

    box-shadow: none !important;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


.secHome button:hover,
.secHome .btn:hover,
.home-section button:hover,
.homeArea button:hover {
    background: #0F46B5 !important;

    transform: translateY(-1px);

    box-shadow:
        0 7px 18px rgba(20,87,217,.25) !important;
}


/* Search icon */
.secHome button .fa,
.secHome .btn .fa {
    margin-right: 7px;
}


/* =========================================================
   LINKS / EXAMPLES BELOW SEARCH
   ========================================================= */

.secHome .searchLinks,
.secHome .popular-sites,
.secHome .examples {
    margin-top: 18px !important;

    color: rgba(255,255,255,.75) !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
}


.secHome .searchLinks a,
.secHome .popular-sites a,
.secHome .examples a {
    margin: 0 7px;

    color: rgba(255,255,255,.82) !important;

    text-decoration: none !important;
}


.secHome .searchLinks a:hover,
.secHome .popular-sites a:hover,
.secHome .examples a:hover {
    color: #FFFFFF !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .secHome h1,
    .home-section h1,
    .homeArea h1 {
        padding: 0 15px;

        font-size: 30px !important;
        line-height: 1.25 !important;
    }

    .secHome h2,
    .secHome .lead,
    .secHome .sub-title {
        padding: 0 20px;

        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    .secHome form,
    .home-section form,
    .homeArea form {
        width: calc(100% - 30px);
    }

    .secHome .input-group,
    .home-section .input-group,
    .homeArea .input-group {
        border-radius: 10px !important;
    }

    .secHome input[type="text"],
    .secHome input[type="url"] {
        height: 48px !important;
    }

    .secHome button,
    .secHome .btn {
        min-height: 48px !important;

        padding: 0 15px !important;
    }

}

/* ==========================================================
   SITE SEO ANALYZER — MODERN HEADER
   Exact CSS for Diamond Theme
   ========================================================== */

/* HEADER WRAPPER */
.wrapper-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e7edf5 !important;
    box-shadow: 0 4px 20px rgba(11, 31, 58, 0.06) !important;
    min-height: 72px !important;
}

/* Header container */
.wrapper-header .main-header {
    min-height: 72px !important;
}

/* Navigation */
.wrapper-header .desktop-nav {
    min-height: 72px !important;
    display: flex !important;
    align-items: center !important;
}

/* ==========================================================
   LOGO
   ========================================================== */

.wrapper-header .navbar-header {
    display: flex !important;
    align-items: center !important;
}

.wrapper-header .navbar-header > a {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

.wrapper-header .logo {
    display: flex !important;
    align-items: center !important;

    height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #0B1F3A !important;

    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
}

/* If logo is an image */
.wrapper-header .logo img {
    display: block !important;

    width: auto !important;
    max-height: 42px !important;

    object-fit: contain;
}


/* ==========================================================
   RIGHT NAVIGATION
   ========================================================== */

.wrapper-header .turbo-nav {
    margin-left: auto !important;
    padding: 0 !important;

    border: 0 !important;
    box-shadow: none !important;
}

.wrapper-header .main-nav {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* ==========================================================
   NORMAL NAVIGATION LINKS
   ========================================================== */

.wrapper-header .main-nav > li {
    position: relative !important;

    margin: 0 2px !important;
    padding: 0 !important;
}

.wrapper-header .main-nav > li > a {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 72px !important;

    padding: 0 14px !important;

    background: transparent !important;

    color: #475569 !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: normal !important;

    text-decoration: none !important;
    text-shadow: none !important;

    border: 0 !important;

    transition:
        color .2s ease,
        background .2s ease !important;
}


/* Hover */
.wrapper-header .main-nav > li > a:hover,
.wrapper-header .main-nav > li > a:focus {
    background: transparent !important;

    color: #1457D9 !important;
}


/* Modern hover underline */
.wrapper-header .main-nav > li > a::after {
    content: "";

    position: absolute;

    left: 14px;
    right: 14px;
    bottom: 17px;

    height: 2px;

    background: #1457D9;

    border-radius: 10px;

    transform: scaleX(0);
    transform-origin: center;

    transition: transform .2s ease;
}

.wrapper-header .main-nav > li > a:hover::after {
    transform: scaleX(1);
}


/* ==========================================================
   LANGUAGE — MODERN ICON BUTTON
   ========================================================== */

.wrapper-header .main-nav > li.dropdown {
    margin-left: 7px !important;
}

.wrapper-header .main-nav > li.dropdown > a {
    width: 42px !important;
    height: 42px !important;

    margin: 15px 0 !important;
    padding: 0 !important;

    background: #F8FAFC !important;

    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;

    color: #475569 !important;

    font-size: 0 !important;
}


/* Globe */
.wrapper-header .main-nav > li.dropdown > a .fa {
    margin: 0 !important;

    color: #475569 !important;

    font-size: 16px !important;
}


/* Remove underline from icon */
.wrapper-header .main-nav > li.dropdown > a::after {
    display: none !important;
}


.wrapper-header .main-nav > li.dropdown > a:hover {
    background: #EFF6FF !important;

    border-color: #BFDBFE !important;

    color: #1457D9 !important;
}


.wrapper-header .main-nav > li.dropdown > a:hover .fa {
    color: #1457D9 !important;
}


/* ==========================================================
   LANGUAGE DROPDOWN
   ========================================================== */

.wrapper-header .dropdown-menu {
    min-width: 170px !important;

    margin-top: 3px !important;
    padding: 7px !important;

    background: #FFFFFF !important;

    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;

    box-shadow:
        0 14px 35px rgba(15, 31, 58, .12) !important;
}


.wrapper-header .dropdown-menu > li > a {
    padding: 9px 12px !important;

    color: #475569 !important;

    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;

    border-radius: 7px !important;
}


.wrapper-header .dropdown-menu > li > a:hover {
    background: #F1F5F9 !important;

    color: #1457D9 !important;
}


/* ==========================================================
   MOBILE MENU BUTTON
   ========================================================== */

.wrapper-header .navbar-toggle {
    width: 42px !important;
    height: 42px !important;

    margin: 15px 0 !important;
    padding: 0 !important;

    background: #F8FAFC !important;

    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;

    color: #0B1F3A !important;
}


.wrapper-header .navbar-toggle .fa {
    color: #0B1F3A !important;

    font-size: 18px !important;
}


/* ==========================================================
   FIX HERO POSITION BECAUSE NAV IS FIXED
   ========================================================== */

body {
    padding-top: 72px !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    body {
        padding-top: 64px !important;
    }

    .wrapper-header {
        min-height: 64px !important;
    }

    .wrapper-header .main-header {
        min-height: 64px !important;
    }

    .wrapper-header .desktop-nav {
        display: block !important;

        min-height: 64px !important;
    }

    .wrapper-header .logo {
        height: 64px !important;
    }

    .wrapper-header .logo img {
        max-height: 36px !important;
    }

    .wrapper-header .navbar-toggle {
        margin: 11px 0 !important;
    }

    .wrapper-header .turbo-nav {
        position: absolute !important;

        top: 64px;
        left: 15px;
        right: 15px;

        margin: 0 !important;
        padding: 10px !important;

        background: #FFFFFF !important;

        border: 1px solid #E2E8F0 !important;
        border-radius: 12px !important;

        box-shadow:
            0 15px 40px rgba(15, 31, 58, .14) !important;
    }

    .wrapper-header .main-nav {
        display: block !important;
    }

    .wrapper-header .main-nav > li {
        margin: 2px 0 !important;
    }

    .wrapper-header .main-nav > li > a {
        justify-content: flex-start !important;

        height: auto !important;

        padding: 11px 12px !important;

        border-radius: 8px !important;
    }

    .wrapper-header .main-nav > li > a:hover {
        background: #F8FAFC !important;
    }

    .wrapper-header .main-nav > li > a::after {
        display: none !important;
    }

    /* Keep language compact */
    .wrapper-header .main-nav > li.dropdown > a {
        width: 42px !important;
        height: 42px !important;

        margin: 6px 0 !important;

        justify-content: center !important;
    }
}