/*==================================================
  Free Tools Hero
==================================================*/

.sv-free-tools-hero{
    position:relative;
    overflow:hidden;
    min-height:600px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(90deg,
            rgba(248,251,255,.98) 0%,
            rgba(248,251,255,.94) 35%,
            rgba(248,251,255,.70) 56%,
            rgba(248,251,255,.22) 78%,
            rgba(248,251,255,.05) 100%),
        url("../../images/free-tools/free-tools-hero.webp");
    background-size:cover;
    background-position:center right;
    border-bottom:1px solid #e5edf9;
}

.sv-free-tools-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:120px;
    background:linear-gradient(180deg,rgba(255,255,255,0),#ffffff);
    pointer-events:none;
}

.sv-free-tools-hero .sv-container{
    position:relative;
    z-index:1;
    width:100%;
}

.sv-free-tools-hero__layout{
    min-height:600px;
    display:flex;
    align-items:center;
}

.sv-free-tools-hero__content{
    width:min(100%,660px);
    padding:70px 0;
    animation:svFreeToolsHeroFade .7s ease both;
}

.sv-page-badge{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    margin-bottom:20px;
    padding:0 16px;
    border:1px solid rgba(37,99,235,.16);
    border-radius:999px;
    background:#ffffff;
    color:#1d4ed8;
    font-size:13px;
    font-weight:800;
    box-shadow:0 10px 24px rgba(15,23,42,.08);
}

.sv-free-tools-hero__title{
    max-width:640px;
    margin:0;
    color:#0f172a;
    font-size:58px;
    line-height:1.06;
    font-weight:800;
}

.sv-free-tools-hero__description{
    max-width:610px;
    margin:22px 0 32px;
    color:#475569;
    font-size:19px;
    line-height:1.85;
}

.sv-free-tools-hero__stats{
    display:flex;
    flex-wrap:wrap;
    gap:24px;
    margin-top:38px;
}

.sv-hero-stat{
    min-width:118px;
}

.sv-hero-stat__number{
    color:#2563eb;
    font-size:30px;
    font-weight:800;
}

.sv-hero-stat__label{
    margin-top:4px;
    color:#64748b;
    font-size:14px;
}

.sv-free-tools-hero__visual,
.sv-free-tools-hero__image{
    display:none;
}

@keyframes svFreeToolsHeroFade{
    from{
        opacity:0;
        transform:translateY(18px);
    }

    to{
        opacity:1;
        transform:none;
    }
}

@media (max-width:991px){
    .sv-free-tools-hero,
    .sv-free-tools-hero__layout{
        min-height:540px;
    }

    .sv-free-tools-hero{
        background:
            linear-gradient(90deg,
                rgba(248,251,255,.98) 0%,
                rgba(248,251,255,.94) 52%,
                rgba(248,251,255,.68) 100%),
            url("../../images/free-tools/free-tools-hero.webp");
        background-size:cover;
        background-position:center right;
    }

    .sv-free-tools-hero__title{
        font-size:46px;
    }
}

@media (max-width:767px){
    .sv-free-tools-hero{
        min-height:auto;
        background:
            linear-gradient(180deg,
                rgba(248,251,255,.98) 0%,
                rgba(248,251,255,.96) 55%,
                rgba(248,251,255,.88) 100%),
            url("../../images/free-tools/free-tools-hero.webp");
        background-size:cover;
        background-position:62% center;
    }

    .sv-free-tools-hero__layout{
        min-height:auto;
    }

    .sv-free-tools-hero__content{
        width:100%;
        padding:64px 0 76px;
    }

    .sv-free-tools-hero__title{
        font-size:38px;
    }

    .sv-free-tools-hero__description{
        font-size:16px;
        line-height:1.75;
    }
}