/*==================================================
  Homepage
  SVFutureTechAI Theme
===================================================*/

/*---------------------------------
  Hero Section
----------------------------------*/

.sv-home-hero{

    padding:80px 0 100px;

    background:linear-gradient(
        180deg,
        #eff6ff 0%,
        #ffffff 100%
    );

    overflow:hidden;

}

.sv-home-hero__wrapper{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:60px;

    align-items:center;

}

.sv-home-hero__content{

    max-width:650px;

}

.sv-home-hero__badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:8px 18px;

    border-radius:999px;

    background:var(--sv-primary-light);

    color:var(--sv-primary);

    font-size:14px;

    font-weight:600;

    margin-bottom:24px;

}

.sv-home-hero__title{

    font-size:clamp(42px,5vw,64px);

    line-height:1.1;

    margin-bottom:24px;

}

.sv-home-hero__description{

    max-width:580px;

    margin-bottom:32px;

    font-size:18px;

}

.sv-home-hero__actions{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.sv-home-hero__image{

    display:flex;

    justify-content:center;

}

.sv-home-hero__image img{

    max-width:100%;

}

/*---------------------------------
  Statistics
----------------------------------*/

.sv-home-stats{

    margin-top:-60px;

    position:relative;

    z-index:5;

}

/*---------------------------------
  Categories
----------------------------------*/

.sv-home-categories{

    padding:90px 0;

}

.sv-home-categories__grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

    gap:24px;

}

/*---------------------------------
  Featured Tutorials
----------------------------------*/

.sv-home-featured{

    padding:90px 0;

    background:var(--sv-bg);

}

/*---------------------------------
  Free Tools
----------------------------------*/

.sv-home-tools{

    padding:90px 0;

}

/*---------------------------------
  AI News
----------------------------------*/

.sv-home-news{

    padding:90px 0;

    background:#fff;

}

/*---------------------------------
  Latest Articles
----------------------------------*/

.sv-home-articles{

    padding:90px 0;

    background:var(--sv-bg);

}

/*---------------------------------
  CTA
----------------------------------*/

.sv-home-cta{

    padding:100px 0;

}

.sv-home-cta__box{

    background:linear-gradient(
        135deg,
        var(--sv-primary),
        var(--sv-secondary)
    );

    color:#fff;

    border-radius:24px;

    padding:70px;

    text-align:center;

}

.sv-home-cta__title{

    color:#fff;

    margin-bottom:20px;

}

.sv-home-cta__description{

    color:rgba(255,255,255,.85);

    max-width:650px;

    margin:0 auto 30px;

}

/*---------------------------------
  Section Header
----------------------------------*/

.sv-section-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    gap:20px;

    margin-bottom:50px;

}

.sv-section-header__content{

    max-width:650px;

}

.sv-section-header__subtitle{

    display:inline-block;

    margin-bottom:12px;

    color:var(--sv-primary);

    font-weight:600;

    text-transform:uppercase;

    font-size:14px;

    letter-spacing:.5px;

}

.sv-section-header__title{

    margin-bottom:15px;

}

.sv-section-header__description{

    margin-bottom:0;

}

/*---------------------------------
  Responsive
----------------------------------*/

@media(max-width:992px){

.sv-home-hero__wrapper{

grid-template-columns:1fr;

text-align:center;

}

.sv-home-hero__content{

margin:auto;

}

.sv-home-hero__actions{

justify-content:center;

}

.sv-section-header{

flex-direction:column;

align-items:flex-start;

}

}

@media(max-width:768px){

.sv-home-hero{

padding:60px 0;

}

.sv-home-categories,
.sv-home-featured,
.sv-home-tools,
.sv-home-news,
.sv-home-articles{

padding:60px 0;

}

.sv-home-cta{

padding:60px 0;

}

.sv-home-cta__box{

padding:40px 25px;

}

}