/*==================================================
  Hero Section
  SVFutureTechAI Theme
===================================================*/

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

.sv-hero{
    position:relative;
    padding:0;
    margin:-40px 0 20px;
    background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
    overflow:hidden;
}

.sv-hero::before{
    content:"";
    position:absolute;
    top:-180px;
    right:-180px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(37,99,235,.05);
    pointer-events:none;
}

.sv-hero > *{
    position:relative;
    z-index:1;
}

/*---------------------------------
  Wrapper
----------------------------------*/

.sv-hero__wrapper{

    width:100%;

}
.sv-hero__wrapper{
    display:block;
    margin:0;
    padding:0;
}

/*---------------------------------
  Content
----------------------------------*/

/* Hide empty content block */
.sv-hero__content:empty{
    display:none;
}

.sv-hero__content{

    margin-bottom:40px;

}

/*---------------------------------
  Image
----------------------------------*/

.sv-hero__image{

    margin:0;
    padding:0;
    line-height:0;
    overflow:hidden;
    border-radius:0px;

}

.sv-hero__image img{
    display:block;
    width:100%;
    height:auto;
    margin:0;
    border-radius:0;
    box-shadow:0 12px 40px rgba(0,0,0,.08);

}

/*---------------------------------
  Hero Content (Future Use)
----------------------------------*/

.sv-hero-title{

    font-size:clamp(42px,5vw,64px);
    line-height:1.15;
    margin-bottom:20px;

}

.sv-hero-description{

    font-size:18px;
    line-height:1.8;
    color:var(--sv-text-light);

}

.sv-hero__actions{

    display:flex;
    gap:16px;
    flex-wrap:wrap;

}

/*---------------------------------
  Tablet
----------------------------------*/

@media (max-width:992px){

    .sv-hero{

        padding:15px 0 25px !important;

    }

    .sv-hero__image{

        margin:0;

    }

}

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

@media (max-width:767px){

.sv-hero{

    padding:0 !important;

    margin:-40px 0 20px !important;

}

.sv-hero__wrapper{

    margin:0;

    padding:0;

}

.sv-hero__image{

    margin:0;

}

.sv-hero__image img{

    border-radius:0px;

}

}