/* Extracted homepage block 1 */
/* =========================================================
   SITE SEO ANALYZER — TESTIMONIAL GRID V2
   Reference-inspired 3-column review layout
========================================================= */

.ssa-testimonials {
    overflow: visible;
    background: #FFFFFF;
}


/* Reduce excessive gap below section heading */
.ssa-testimonials .ssa-home-section-header {
    margin-bottom: 52px;
}


/* =========================================================
   CONTAINER
========================================================= */

.ssa-testimonial-shell {
    position: relative;

    max-width: 1180px;

    margin: 0 auto;
    padding: 0;
}


/* =========================================================
   DISABLE CAROUSEL BEHAVIOUR VISUALLY
========================================================= */

.ssa-testimonial-shell .carousel {
    position: relative;

    min-height: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


.ssa-testimonial-shell .carousel-inner {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 42px;

    overflow: visible !important;

    width: 100%;
}


/*
 * Bootstrap normally hides every carousel item except
 * the active one. Force every enabled testimonial visible.
 */
.ssa-testimonial-shell .carousel-inner > .item,
.ssa-testimonial-shell .carousel-inner > .carousel-item {

    position: relative !important;

    display: flex !important;
    flex-direction: column;

    float: none !important;

    left: auto !important;

    width: 100% !important;

    min-height: 315px !important;

    margin: 0 !important;
    padding: 28px 8px 12px !important;

    background: transparent !important;

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

    box-shadow: none !important;

    text-align: left !important;

    opacity: 1 !important;

    transform: none !important;

    transition: none !important;
}


/* =========================================================
   QUOTE ICON
========================================================= */

.ssa-testimonial-shell .carousel-inner > .item::before,
.ssa-testimonial-shell .carousel-inner > .carousel-item::before {

    content: "\f10d";

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

    width: 46px;
    height: 46px;

    margin: 0 0 24px;

    background: #EFF6FF;

    border: 1px solid #DBEAFE;
    border-radius: 13px;

    color: #1457D9;

    font-family: FontAwesome;
    font-size: 17px;
    line-height: 1;
}


/* =========================================================
   TESTIMONIAL TEXT
========================================================= */

.ssa-testimonial-shell .testimonial {

    width: 100%;

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

    color: #475569 !important;

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

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.85 !important;

    text-align: left !important;
}


/* =========================================================
   USER / AUTHOR AREA
========================================================= */

/*
 * Existing generated structure places avatar before
 * testimonial text. Flex order lets us visually move
 * the avatar to the author area at the bottom.
 */

.ssa-testimonial-shell .img-box {
    order: 3;

    position: absolute;

    left: 8px;
    bottom: 10px;

    width: 52px;
    height: 52px;

    margin: 0 !important;
}


.ssa-testimonial-shell .img-box img {

    display: block;

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

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

    margin: 0 !important;

    object-fit: cover;

    background: #F8FAFC;

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

    box-shadow: none !important;
}


/* Existing author paragraph */
.ssa-testimonial-shell .overview {

    order: 4;

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

    min-height: 62px;

    color: #64748B !important;

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

    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    text-align: left !important;
}


/* Reviewer name */
.ssa-testimonial-shell .overview b {

    display: block;

    margin-bottom: 2px;

    color: #172033 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}


/* =========================================================
   REMOVE SLIDER UI
========================================================= */

.ssa-testimonial-shell .carousel-control,
.ssa-testimonial-shell .carousel-indicators {

    display: none !important;
}


/* =========================================================
   SUBTLE COLUMN SEPARATION
========================================================= */

@media (min-width: 992px) {

    .ssa-testimonial-shell .carousel-inner > .item:not(:last-child)::after,
    .ssa-testimonial-shell .carousel-inner > .carousel-item:not(:last-child)::after {

        content: "";

        position: absolute;

        top: 20px;
        right: -21px;
        bottom: 15px;

        width: 1px;

        background: #EEF2F6;
    }

}


/* =========================================================
   TABLET — 2 COLUMNS
========================================================= */

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

    .ssa-testimonial-shell {
        max-width: 760px;
    }


    .ssa-testimonial-shell .carousel-inner {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 32px;
    }


    .ssa-testimonial-shell .carousel-inner > .item,
    .ssa-testimonial-shell .carousel-inner > .carousel-item {

        min-height: 300px !important;
    }

}


/* =========================================================
   MOBILE — 1 COLUMN
========================================================= */

@media (max-width: 767px) {

    .ssa-testimonials .ssa-home-section-header {
        margin-bottom: 30px;
    }


    .ssa-testimonial-shell {
        width: 100%;
        max-width: none;

        padding: 0;
    }


    .ssa-testimonial-shell .carousel-inner {

        display: grid !important;

        grid-template-columns: 1fr;

        gap: 0;
    }


    .ssa-testimonial-shell .carousel-inner > .item,
    .ssa-testimonial-shell .carousel-inner > .carousel-item {

        min-height: 0 !important;

        padding: 28px 4px 30px !important;

        border-bottom: 1px solid #EEF2F6 !important;
    }


    .ssa-testimonial-shell .carousel-inner > .item:last-child,
    .ssa-testimonial-shell .carousel-inner > .carousel-item:last-child {

        border-bottom: 0 !important;
    }


    .ssa-testimonial-shell .testimonial {

        margin-bottom: 24px !important;

        font-size: 12.5px !important;
        line-height: 1.8 !important;
    }


    .ssa-testimonial-shell .img-box {

        position: absolute;

        left: 4px;
        bottom: 28px;

        width: 46px;
        height: 46px;
    }


    .ssa-testimonial-shell .img-box img {

        width: 46px !important;
        height: 46px !important;

        max-width: 46px !important;
        max-height: 46px !important;
    }


    .ssa-testimonial-shell .overview {

        min-height: 54px;

        padding-left: 60px !important;
        padding-bottom: 5px !important;
    }

}

/* Extracted homepage block 2 */
/* =========================================================
   TESTIMONIAL AUTHOR FIX V3
   Clean reference-style:
   quote
   review
   avatar + name/profession
========================================================= */


/* =========================================================
   TESTIMONIAL ITEM
========================================================= */

.ssa-testimonial-shell .carousel-inner > .item,
.ssa-testimonial-shell .carousel-inner > .carousel-item {

    /*
     * Grid gives us exact placement despite the generated
     * HTML being:
     *
     * img-box
     * testimonial
     * overview
     */

    display: grid !important;

    grid-template-columns: 54px minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto;

    column-gap: 14px;

    align-content: start;

    min-height: 320px !important;

    padding: 28px 8px 18px !important;

    text-align: left !important;
}


/* =========================================================
   QUOTE
========================================================= */

.ssa-testimonial-shell .carousel-inner > .item::before,
.ssa-testimonial-shell .carousel-inner > .carousel-item::before {

    grid-column: 1 / -1;
    grid-row: 1;

    width: 46px;
    height: 46px;

    margin: 0 0 28px !important;

    justify-self: start;
}


/* =========================================================
   REVIEW
========================================================= */

.ssa-testimonial-shell .testimonial {

    grid-column: 1 / -1;
    grid-row: 2;

    width: 100%;

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

    color: #52627A !important;

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

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.85 !important;

    text-align: left !important;
}


/* =========================================================
   AVATAR
   IMPORTANT: remove absolute positioning completely
========================================================= */

.ssa-testimonial-shell .img-box {

    grid-column: 1;
    grid-row: 4;

    position: static !important;

    align-self: center;
    justify-self: start;

    width: 50px !important;
    height: 50px !important;

    min-width: 50px !important;
    min-height: 50px !important;

    max-width: 50px !important;
    max-height: 50px !important;

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

    background: transparent !important;

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

    box-shadow: none !important;

    overflow: visible !important;
}


/* Kill any old circle/pseudo decoration */
.ssa-testimonial-shell .img-box::before,
.ssa-testimonial-shell .img-box::after {

    display: none !important;

    content: none !important;
}


/* Actual avatar */
.ssa-testimonial-shell .img-box img {

    position: static !important;

    display: block !important;

    width: 50px !important;
    height: 50px !important;

    min-width: 50px !important;
    min-height: 50px !important;

    max-width: 50px !important;
    max-height: 50px !important;

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

    object-fit: cover !important;

    background: #F8FAFC !important;

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

    box-shadow: none !important;

    transform: none !important;
}


/* =========================================================
   NAME + PROFESSION
========================================================= */

.ssa-testimonial-shell .overview {

    grid-column: 2;
    grid-row: 4;

    align-self: center;

    width: 100%;

    min-height: 0 !important;

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

    color: #7A889C !important;

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

    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    text-align: left !important;

    background: transparent !important;

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

    box-shadow: none !important;
}


/* Reviewer name */
.ssa-testimonial-shell .overview b {

    display: block !important;

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

    color: #172033 !important;

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

    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-transform: none !important;
}


/* Remove pseudo-elements from author */
.ssa-testimonial-shell .overview::before,
.ssa-testimonial-shell .overview::after {

    display: none !important;

    content: none !important;
}


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

@media (max-width: 767px) {

    .ssa-testimonial-shell .carousel-inner > .item,
    .ssa-testimonial-shell .carousel-inner > .carousel-item {

        grid-template-columns: 46px minmax(0, 1fr);

        column-gap: 12px;

        min-height: 0 !important;

        padding: 26px 4px 28px !important;
    }


    .ssa-testimonial-shell .carousel-inner > .item::before,
    .ssa-testimonial-shell .carousel-inner > .carousel-item::before {

        margin-bottom: 22px !important;
    }


    .ssa-testimonial-shell .testimonial {

        margin-bottom: 24px !important;

        font-size: 12.5px !important;
        line-height: 1.8 !important;
    }


    .ssa-testimonial-shell .img-box {

        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;
        min-height: 44px !important;

        max-width: 44px !important;
        max-height: 44px !important;
    }


    .ssa-testimonial-shell .img-box img {

        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;
        min-height: 44px !important;

        max-width: 44px !important;
        max-height: 44px !important;
    }


    .ssa-testimonial-shell .overview {

        min-height: 0 !important;

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

        font-size: 10.5px !important;
    }


    .ssa-testimonial-shell .overview b {

        font-size: 12.5px !important;
    }

}

/* Extracted homepage block 3 */
/* =========================================================
   ADVANCED SEO ANALYSIS
   Reference-inspired 3 x 2 information layout
========================================================= */

.ssa-advanced-seo {
    background: #FFFFFF;

    border-top: 1px solid #EEF2F6;
}


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

.ssa-advanced-seo-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    column-gap: 54px;
    row-gap: 58px;

    max-width: 1120px;

    margin: 0 auto;
}


/* =========================================================
   INFORMATION ITEM
========================================================= */

.ssa-advanced-seo-item {
    min-width: 0;

    padding: 4px 6px;

    background: transparent;

    text-align: left;
}


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

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

    width: 46px;
    height: 46px;

    margin: 0 0 19px;

    background: #EFF6FF;

    border: 1px solid #DBEAFE;
    border-radius: 12px;

    color: #1457D9;

    font-size: 18px;
}


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

.ssa-advanced-seo-item h3 {
    margin: 0 0 11px;

    color: #172033;

    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
}


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

.ssa-advanced-seo-item p {
    margin: 0;

    color: #64748B;

    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.8;
}


/* =========================================================
   BOTTOM INFORMATION STRIP
========================================================= */

.ssa-advanced-seo-note {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    max-width: 820px;

    margin: 52px auto 0;
    padding: 18px 20px;

    background: #F8FAFC;

    border: 1px solid #E2E8F0;
    border-radius: 13px;
}


.ssa-advanced-seo-note > i {
    flex: 0 0 auto;

    margin-top: 2px;

    color: #1457D9;

    font-size: 17px;
}


.ssa-advanced-seo-note div {
    min-width: 0;
}


.ssa-advanced-seo-note strong {
    display: block;

    margin-bottom: 4px;

    color: #172033;

    font-size: 12.5px;
    font-weight: 700;
}


.ssa-advanced-seo-note span {
    display: block;

    color: #64748B;

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


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

@media (max-width: 991px) {

    .ssa-advanced-seo-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        column-gap: 38px;
        row-gap: 44px;
    }

}


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

@media (max-width: 767px) {

    .ssa-advanced-seo-grid {
        grid-template-columns: 1fr;

        gap: 0;
    }


    .ssa-advanced-seo-item {
        padding: 25px 3px;

        border-bottom: 1px solid #EEF2F6;
    }


    .ssa-advanced-seo-item:first-child {
        padding-top: 0;
    }


    .ssa-advanced-seo-item:last-child {
        padding-bottom: 0;

        border-bottom: 0;
    }


    .ssa-advanced-seo-icon {
        width: 43px;
        height: 43px;

        margin-bottom: 16px;

        font-size: 16px;
    }


    .ssa-advanced-seo-item h3 {
        font-size: 14px;
    }


    .ssa-advanced-seo-item p {
        font-size: 12px;
        line-height: 1.75;
    }


    .ssa-advanced-seo-note {
        margin-top: 38px;

        padding: 16px;
    }

}

/* Extracted homepage block 4 */
/* =========================================================
   HOW SITE SEO ANALYZER WORKS
========================================================= */

.ssa-how-it-works {
    overflow: hidden;

    background: #F8FAFC;

    border-top: 1px solid #EEF2F6;
    border-bottom: 1px solid #EEF2F6;
}


/* =========================================================
   PROCESS
========================================================= */

.ssa-how-process {
    position: relative;

    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));

    max-width: 1080px;

    margin: 0 auto 62px;
}


/* Connecting line */

.ssa-how-process::before {
    content: "";

    position: absolute;

    top: 42px;
    left: 8.33%;
    right: 8.33%;

    height: 2px;

    background: #DCE5F0;

    z-index: 0;
}


.ssa-how-step {
    position: relative;

    z-index: 1;

    min-width: 0;

    padding: 0 8px;

    text-align: center;
}


.ssa-how-step-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 84px;
    height: 84px;

    margin: 0 auto 15px;

    background: #FFFFFF;

    border: 2px solid #DCE8FA;
    border-radius: 50%;

    color: #1457D9;

    font-size: 24px;

    box-shadow:
        0 6px 18px rgba(15,31,58,.05);
}


.ssa-how-step span {
    display: block;

    margin-bottom: 5px;

    color: #1457D9;

    font-size: 10px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .7px;
}


.ssa-how-step strong {
    display: block;

    color: #172033;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}


/* =========================================================
   DETAILED CARDS
========================================================= */

.ssa-how-details {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 20px;

    max-width: 1100px;

    margin: 0 auto;
}


.ssa-how-card {
    position: relative;

    min-height: 290px;

    padding: 28px 30px;

    background: #FFFFFF;

    border: 1px solid #E2E8F0;
    border-radius: 16px;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


.ssa-how-card:hover {
    transform: translateY(-3px);

    border-color: #BFDBFE;

    box-shadow:
        0 12px 30px rgba(15,31,58,.055);
}


.ssa-how-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 43px;
    height: 43px;

    margin-bottom: 17px;

    background: #EFF6FF;

    border: 1px solid #DBEAFE;
    border-radius: 11px;

    color: #1457D9;

    font-size: 17px;
}


.ssa-how-card-number {
    margin-bottom: 6px;

    color: #1457D9;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .7px;
    text-transform: uppercase;
}


.ssa-how-card h3 {
    margin: 0 0 11px;

    color: #172033;

    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
}


.ssa-how-card p {
    margin: 0 0 14px;

    color: #64748B;

    font-size: 12px;
    line-height: 1.75;
}


.ssa-how-card ul {
    margin: 0;
    padding: 0 0 0 18px;

    color: #64748B;
}


.ssa-how-card li {
    margin: 7px 0;

    padding-left: 3px;

    font-size: 11.5px;
    line-height: 1.65;
}


.ssa-how-card li::marker {
    color: #1457D9;
}


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

@media (max-width: 991px) {

    .ssa-how-process {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 32px 12px;

        max-width: 680px;
    }


    .ssa-how-process::before {
        display: none;
    }


    .ssa-how-details {
        gap: 16px;
    }

}


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

@media (max-width: 767px) {

    .ssa-how-process {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 26px 12px;

        margin-bottom: 42px;
    }


    .ssa-how-step {
        padding: 0 4px;
    }


    .ssa-how-step-icon {
        width: 66px;
        height: 66px;

        margin-bottom: 11px;

        font-size: 19px;
    }


    .ssa-how-step strong {
        font-size: 11px;
    }


    .ssa-how-details {
        grid-template-columns: 1fr;

        gap: 13px;
    }


    .ssa-how-card {
        min-height: 0;

        padding: 23px 20px;
    }


    .ssa-how-card h3 {
        font-size: 14px;
    }


    .ssa-how-card p {
        font-size: 11.5px;
    }


    .ssa-how-card li {
        font-size: 11px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .ssa-how-step-icon {
        width: 60px;
        height: 60px;

        font-size: 18px;
    }

}

/* Extracted homepage block 5 */
/* =========================================================
   SUPPORTED BROWSERS
========================================================= */

.ssa-browser-support {
    background: #FFFFFF;

    border-top: 1px solid #EEF2F6;
    border-bottom: 1px solid #EEF2F6;
}


/* Slightly tighter than content-heavy sections */
.ssa-browser-support .ssa-home-section-header {
    margin-bottom: 48px;
}


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

.ssa-browser-support-content {
    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.35fr);

    align-items: center;

    gap: 70px;

    max-width: 1120px;

    margin: 0 auto;
    padding: 34px 0;
}


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

.ssa-browser-support-copy {
    min-width: 0;
}

.ssa-browser-support-copy h3 {
    margin: 0 0 13px;

    color: #172033;

    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

.ssa-browser-support-copy p {
    margin: 0;

    color: #64748B;

    font-size: 13px;
    line-height: 1.85;
}


/* =========================================================
   BROWSER LIST
========================================================= */

.ssa-browser-list {
    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    align-items: center;

    gap: 12px;
}


/* Browser item */

.ssa-browser-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-width: 0;
    min-height: 118px;

    padding: 18px 8px;

    background: #F8FAFC;

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

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.ssa-browser-item:hover {
    transform: translateY(-3px);

    border-color: #BFDBFE;

    box-shadow:
        0 10px 25px rgba(15,31,58,.055);
}


/* Browser icon */

.ssa-browser-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    margin-bottom: 10px;

    color: #1457D9;

    font-size: 31px;
    line-height: 1;
}


/*
 * Font Awesome versions used by older themes may not
 * include a Microsoft Edge icon, so use a clean fallback.
 */
.ssa-browser-letter {
    background: #EFF6FF;

    border: 1px solid #DBEAFE;
    border-radius: 50%;

    font-family: Arial, sans-serif;
    font-size: 23px;
    font-weight: 700;
}


/* Browser name */

.ssa-browser-item strong {
    color: #475569;

    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.4;

    text-align: center;
}


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

@media (max-width: 991px) {

    .ssa-browser-support-content {
        grid-template-columns: 1fr;

        gap: 34px;

        max-width: 760px;

        padding: 15px 0;
    }


    .ssa-browser-support-copy {
        max-width: 650px;

        margin: 0 auto;

        text-align: center;
    }


    .ssa-browser-list {
        grid-template-columns:
            repeat(5, minmax(0, 1fr));
    }

}


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

@media (max-width: 767px) {

    .ssa-browser-support .ssa-home-section-header {
        margin-bottom: 30px;
    }


    .ssa-browser-support-content {
        gap: 27px;

        padding: 5px 0;
    }


    .ssa-browser-support-copy h3 {
        font-size: 15px;
    }


    .ssa-browser-support-copy p {
        font-size: 12px;
        line-height: 1.75;
    }


    /*
     * Keep the five browser choices compact.
     * Three on the first row, two on the second.
     */
    .ssa-browser-list {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 9px;
    }


    .ssa-browser-item {
        min-height: 100px;

        padding: 15px 5px;

        border-radius: 12px;
    }


    .ssa-browser-icon {
        width: 41px;
        height: 41px;

        margin-bottom: 8px;

        font-size: 26px;
    }


    .ssa-browser-letter {
        font-size: 20px;
    }


    .ssa-browser-item strong {
        font-size: 10.5px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .ssa-browser-list {
        gap: 7px;
    }


    .ssa-browser-item {
        min-height: 94px;
    }


    .ssa-browser-icon {
        width: 38px;
        height: 38px;

        font-size: 24px;
    }

}