/*=========================================================
INDIANASTROVEDIC
PREMIUM SERVICE HERO
PART 1
=========================================================*/

/*=========================================
ROOT HERO
=========================================*/

.iav-service-hero{

    position:relative;

    overflow:hidden;

    padding:90px 0 70px;

    background:
    linear-gradient(135deg,#071B3A 0%,#0B2D63 55%,#133F82 100%);

    color:#ffffff;

    z-index:1;

}

/*=========================================
BACKGROUND EFFECTS
=========================================*/

.iav-service-hero::before{

    content:"";

    position:absolute;

    width:750px;

    height:750px;

    border-radius:50%;

    top:-320px;

    right:-260px;

    background:rgba(212,175,55,.08);

    filter:blur(60px);

}

.iav-service-hero::after{

    content:"";

    position:absolute;

    width:600px;

    height:600px;

    left:-220px;

    bottom:-220px;

    border-radius:50%;

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

    filter:blur(70px);

}

.iav-hero-overlay{

    position:absolute;

    inset:0;

    background:

    radial-gradient(circle at top right,

    rgba(212,175,55,.14),

    transparent 42%),

    radial-gradient(circle at bottom left,

    rgba(255,255,255,.06),

    transparent 38%);

    pointer-events:none;

}

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

.iav-service-hero .container{

    position:relative;

    z-index:5;

}

/*=========================================
LEFT PANEL
=========================================*/

.iav-hero-left{

    position:relative;

}

.iav-hero-badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:12px 22px;

    border-radius:50px;

    background:rgba(255,255,255,.08);

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

    backdrop-filter:blur(18px);

    margin-bottom:28px;

    font-size:14px;

    font-weight:600;

    letter-spacing:.3px;

}

.iav-hero-badge i{

    color:#D4AF37;

    font-size:16px;

}

.iav-hero-left h1{

    font-size:58px;

    line-height:1.08;

    font-weight:800;

    margin-bottom:24px;

    color:#ffffff;

    letter-spacing:-1px;

}

.iav-hero-description{

    font-size:18px;

    line-height:1.9;

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

    margin-bottom:32px;

    max-width:640px;

}

/*=========================================
RATING
=========================================*/

.iav-hero-rating{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:28px;

}

.iav-stars{

    display:flex;

    gap:4px;

}

.iav-stars i{

    color:#FFD54A;

    font-size:18px;

}

.iav-rating-text{

    display:flex;

    flex-direction:column;

}

.iav-rating-text strong{

    font-size:18px;

    color:#ffffff;

}

.iav-rating-text span{

    font-size:14px;

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

}

/*=========================================
PRICE
=========================================*/

.iav-price-wrapper{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:36px;

}

.iav-old-price{

    font-size:28px;

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

    text-decoration:line-through;

}

.iav-new-price{

    font-size:52px;

    font-weight:800;

    color:#FFD54A;

    text-shadow:0 0 25px rgba(212,175,55,.30);

}

/*=========================================
BUTTONS
=========================================*/

.iav-action-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:42px;

}

.iav-btn-primary,
.iav-btn-whatsapp,
.iav-btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    height:58px;

    padding:0 32px;

    border-radius:60px;

    text-decoration:none;

    font-size:15px;

    font-weight:700;

    transition:.35s ease;

}

.iav-btn-primary{

    background:linear-gradient(135deg,#D4AF37,#F6D36A);

    color:#071B3A;

    box-shadow:0 20px 45px rgba(212,175,55,.30);

}

.iav-btn-primary:hover{

    transform:translateY(-4px);

    color:#071B3A;

}

.iav-btn-whatsapp{

    background:#25D366;

    color:#ffffff;

}

.iav-btn-whatsapp:hover{

    color:#ffffff;

    transform:translateY(-4px);

}

.iav-btn-outline{

    border:2px solid rgba(255,255,255,.18);

    background:rgba(255,255,255,.05);

    backdrop-filter:blur(18px);

    color:#ffffff;

}

.iav-btn-outline:hover{

    background:#ffffff;

    color:#071B3A;

}
/*=========================================================
PART 2
RIGHT PANEL
=========================================================*/

/*=========================================
SERVICE STATS
=========================================*/

.iav-service-stats{

display:grid;

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

gap:18px;

margin-top:15px;

}

.iav-stat-card{

position:relative;

padding:26px;

border-radius:22px;

background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.10);

backdrop-filter:blur(20px);

-webkit-backdrop-filter:blur(20px);

transition:.35s;

overflow:hidden;

}

.iav-stat-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:5px;

height:100%;

background:linear-gradient(180deg,#D4AF37,#FFD54A);

}

.iav-stat-card:hover{

transform:translateY(-8px);

background:rgba(255,255,255,.12);

box-shadow:0 25px 55px rgba(0,0,0,.28);

}

.iav-stat-card h3{

font-size:34px;

font-weight:800;

color:#FFD54A;

margin-bottom:10px;

}

.iav-stat-card p{

margin:0;

font-size:15px;

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

}

/*=========================================
RIGHT SIDE
=========================================*/

.iav-hero-right{

position:relative;

display:flex;

justify-content:center;

align-items:center;

}

/*=========================================
BANNER CARD
=========================================*/

.iav-banner-card{

width:100%;

max-width:560px;

border-radius:28px;

overflow:hidden;

background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.10);

backdrop-filter:blur(20px);

box-shadow:0 40px 80px rgba(0,0,0,.35);

transition:.45s;

}

.iav-banner-card img{

width:100%;

display:block;

transition:.60s;

}

.iav-banner-card:hover{

transform:translateY(-10px);

}

.iav-banner-card:hover img{

transform:scale(1.05);

}

/*=========================================
SERVICE CARD
=========================================*/

.iav-service-card{

position:relative;

width:100%;

max-width:560px;

padding:45px;

border-radius:32px;

background:rgba(255,255,255,.08);

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

backdrop-filter:blur(24px);

-webkit-backdrop-filter:blur(24px);

box-shadow:0 35px 80px rgba(0,0,0,.35);

overflow:hidden;

transition:.40s;

}

.iav-service-card::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:4px;

background:linear-gradient(90deg,#D4AF37,#FFD54A,#ffffff);

}

.iav-service-card:hover{

transform:translateY(-10px);

box-shadow:0 45px 90px rgba(0,0,0,.40);

}

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

.iav-service-icon{

width:100px;

height:100px;

margin:0 auto 28px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

background:linear-gradient(135deg,#D4AF37,#FFD54A);

color:#071B3A;

font-size:38px;

box-shadow:0 18px 40px rgba(212,175,55,.45);

}

.iav-service-card h2{

font-size:34px;

font-weight:700;

color:#ffffff;

text-align:center;

margin-bottom:18px;

}

.iav-service-card>p{

text-align:center;

font-size:17px;

line-height:1.8;

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

margin-bottom:35px;

}

/*=========================================
FEATURE LIST
=========================================*/

.iav-service-features{

display:flex;

flex-direction:column;

gap:18px;

margin-bottom:35px;

}

.iav-feature-item{

display:flex;

align-items:flex-start;

gap:18px;

padding:18px;

border-radius:18px;

background:rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.06);

transition:.35s;

}

.iav-feature-item:hover{

background:rgba(255,255,255,.10);

transform:translateX(8px);

}

.iav-feature-icon{

flex:0 0 50px;

width:50px;

height:50px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

background:rgba(212,175,55,.16);

color:#FFD54A;

font-size:18px;

}

.iav-feature-content{

flex:1;

}

.iav-feature-content h4{

font-size:18px;

font-weight:700;

color:#ffffff;

margin-bottom:8px;

}

.iav-feature-content p{

margin:0;

font-size:14px;

line-height:1.7;

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

}

/*=========================================
CARD FOOTER
=========================================*/

.iav-service-footer{

display:grid;

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

gap:18px;

padding-top:30px;

border-top:1px solid rgba(255,255,255,.10);

}

.iav-footer-item{

display:flex;

align-items:center;

gap:12px;

}

.iav-footer-item i{

font-size:20px;

color:#FFD54A;

}

.iav-footer-item small{

display:block;

font-size:12px;

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

margin-bottom:4px;

}

.iav-footer-item strong{

display:block;

font-size:15px;

font-weight:700;

color:#ffffff;

}
/*=========================================================
PART 3
PREMIUM TRUST • CTA • ANIMATIONS
=========================================================*/

/*=========================================
TRUST SECTION
=========================================*/

.iav-trust-section{

margin-top:80px;

}

.iav-trust-card{

position:relative;

height:100%;

padding:40px 30px;

text-align:center;

border-radius:30px;

background:rgba(255,255,255,.08);

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

backdrop-filter:blur(22px);

-webkit-backdrop-filter:blur(22px);

overflow:hidden;

transition:.40s ease;

box-shadow:0 25px 60px rgba(0,0,0,.22);

}

.iav-trust-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:5px;

background:linear-gradient(90deg,#D4AF37,#FFD54A,#ffffff);

}

.iav-trust-card:hover{

transform:translateY(-12px);

background:rgba(255,255,255,.12);

box-shadow:0 35px 80px rgba(0,0,0,.35);

}

.iav-trust-icon{

width:90px;

height:90px;

margin:0 auto 22px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,#D4AF37,#FFD54A);

color:#071B3A;

font-size:34px;

box-shadow:0 18px 40px rgba(212,175,55,.40);

}

.iav-trust-card h3{

margin:0 0 12px;

font-size:38px;

font-weight:800;

color:#ffffff;

}

.iav-trust-card p{

margin:0;

font-size:15px;

line-height:1.8;

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

}

/*=========================================
BOTTOM CTA
=========================================*/

.iav-bottom-cta{

margin-top:90px;

padding:45px;

border-radius:35px;

background:linear-gradient(135deg,

rgba(255,255,255,.10),

rgba(255,255,255,.05));

border:1px solid rgba(255,255,255,.14);

backdrop-filter:blur(25px);

-webkit-backdrop-filter:blur(25px);

box-shadow:0 35px 90px rgba(0,0,0,.30);

position:relative;

overflow:hidden;

}

.iav-bottom-cta::before{

content:"";

position:absolute;

top:-120px;

right:-120px;

width:280px;

height:280px;

border-radius:50%;

background:rgba(212,175,55,.12);

filter:blur(40px);

}

.iav-bottom-badge{

display:inline-flex;

align-items:center;

gap:10px;

padding:10px 20px;

border-radius:50px;

background:rgba(212,175,55,.18);

color:#FFD54A;

font-weight:700;

font-size:14px;

margin-bottom:18px;

}

.iav-bottom-badge i{

font-size:15px;

}

.iav-bottom-content h2{

font-size:42px;

font-weight:800;

line-height:1.2;

color:#ffffff;

margin-bottom:20px;

}

.iav-bottom-content p{

font-size:17px;

line-height:1.9;

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

margin:0;

max-width:760px;

}

.iav-bottom-button{

display:inline-flex;

align-items:center;

justify-content:center;

gap:12px;

padding:18px 40px;

border-radius:60px;

text-decoration:none;

background:linear-gradient(135deg,#D4AF37,#FFD54A);

color:#071B3A;

font-weight:800;

font-size:16px;

box-shadow:0 20px 45px rgba(212,175,55,.35);

transition:.35s;

}

.iav-bottom-button:hover{

transform:translateY(-5px);

color:#071B3A;

}

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

.iav-seo-content{

display:none;

}

/*=========================================
FLOATING GLOW
=========================================*/

.iav-glow-one{

position:absolute;

top:120px;

right:-180px;

width:420px;

height:420px;

border-radius:50%;

background:rgba(212,175,55,.08);

filter:blur(80px);

pointer-events:none;

}

.iav-glow-two{

position:absolute;

left:-220px;

bottom:-220px;

width:520px;

height:520px;

border-radius:50%;

background:rgba(255,255,255,.05);

filter:blur(90px);

pointer-events:none;

}

.iav-grid-pattern{

position:absolute;

inset:0;

opacity:.04;

background-image:

linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),

linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);

background-size:40px 40px;

pointer-events:none;

}

/*=========================================
ANIMATIONS
=========================================*/

@keyframes iavFloat{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0px);

}

}

@keyframes iavFade{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}

.iav-banner-card{

animation:iavFloat 7s ease-in-out infinite;

}

.iav-service-card{

animation:iavFloat 7s ease-in-out infinite;

animation-delay:.5s;

}

.iav-hero-left{

animation:iavFade .8s ease;

}

.iav-trust-card{

transition:all .35s ease;

}

.iav-service-card,

.iav-banner-card,

.iav-stat-card,

.iav-feature-item,

.iav-btn-primary,

.iav-btn-whatsapp,

.iav-btn-outline,

.iav-bottom-button{

transition:all .35s ease;

}
/*=========================================================
INDIANASTROVEDIC
PREMIUM SERVICE HERO
PART 4
RESPONSIVE
=========================================================*/

/*=========================================================
LARGE DESKTOP
=========================================================*/

@media (max-width:1400px){

.iav-hero-left h1{

font-size:52px;

}

.iav-service-card{

padding:40px;

}

.iav-bottom-content h2{

font-size:38px;

}

}

/*=========================================================
LAPTOP
=========================================================*/

@media (max-width:1200px){

.iav-service-hero{

padding:80px 0 60px;

}

.iav-hero-left h1{

font-size:46px;

}

.iav-hero-description{

font-size:17px;

}

.iav-service-card{

padding:36px;

}

.iav-service-footer{

grid-template-columns:1fr;

gap:20px;

}

.iav-bottom-content h2{

font-size:34px;

}

.iav-trust-card{

padding:35px 24px;

}

}

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

@media (max-width:991px){

.iav-service-hero{

padding:70px 0 55px;

text-align:center;

}

.iav-hero-left{

margin-bottom:50px;

}

.iav-hero-left h1{

font-size:40px;

line-height:1.25;

}

.iav-hero-description{

max-width:100%;

font-size:17px;

margin-bottom:28px;

}

.iav-hero-rating{

justify-content:center;

}

.iav-price-wrapper{

justify-content:center;

}

.iav-action-buttons{

justify-content:center;

}

.iav-service-stats{

margin-top:35px;

}

.iav-banner-card{

max-width:600px;

margin:auto;

}

.iav-service-card{

margin:auto;

}

.iav-bottom-cta{

padding:40px 30px;

text-align:center;

}

.iav-bottom-content{

margin-bottom:25px;

}

.iav-bottom-content h2{

font-size:32px;

}

.iav-bottom-content p{

max-width:100%;

}

.iav-trust-section{

margin-top:60px;

}

}

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

@media (max-width:767px){

.iav-service-hero{

padding:55px 0 45px;

}

.iav-hero-badge{

font-size:13px;

padding:10px 18px;

}

.iav-hero-left h1{

font-size:32px;

line-height:1.30;

margin-bottom:20px;

}

.iav-hero-description{

font-size:16px;

line-height:1.8;

}

.iav-rating-text strong{

font-size:16px;

}

.iav-rating-text span{

font-size:13px;

}

.iav-price-wrapper{

flex-direction:column;

gap:10px;

margin-bottom:30px;

}

.iav-old-price{

font-size:22px;

}

.iav-new-price{

font-size:38px;

}

.iav-action-buttons{

flex-direction:column;

gap:15px;

}

.iav-btn-primary,

.iav-btn-whatsapp,

.iav-btn-outline{

width:100%;

}

.iav-service-stats{

grid-template-columns:1fr;

}

.iav-stat-card{

text-align:left;

}

.iav-service-card{

padding:28px;

}

.iav-service-icon{

width:80px;

height:80px;

font-size:30px;

margin-bottom:20px;

}

.iav-service-card h2{

font-size:28px;

}

.iav-service-card>p{

font-size:15px;

}

.iav-feature-item{

padding:16px;

text-align:left;

}

.iav-feature-icon{

width:45px;

height:45px;

flex:0 0 45px;

}

.iav-feature-content h4{

font-size:16px;

}

.iav-feature-content p{

font-size:13px;

}

.iav-service-footer{

grid-template-columns:1fr;

gap:20px;

}

.iav-trust-section{

margin-top:45px;

}

.iav-trust-card{

padding:30px 22px;

}

.iav-trust-icon{

width:75px;

height:75px;

font-size:28px;

}

.iav-trust-card h3{

font-size:32px;

}

.iav-bottom-cta{

padding:30px 22px;

margin-top:60px;

}

.iav-bottom-badge{

font-size:13px;

padding:10px 18px;

}

.iav-bottom-content h2{

font-size:28px;

line-height:1.3;

}

.iav-bottom-content p{

font-size:15px;

line-height:1.8;

}

.iav-bottom-button{

width:100%;

justify-content:center;

}

}

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

@media (max-width:480px){

.iav-service-hero{

padding:45px 0 35px;

}

.iav-hero-left h1{

font-size:28px;

}

.iav-hero-description{

font-size:15px;

}

.iav-new-price{

font-size:32px;

}

.iav-stat-card{

padding:22px;

}

.iav-stat-card h3{

font-size:28px;

}

.iav-service-card{

padding:24px;

border-radius:24px;

}

.iav-service-icon{

width:70px;

height:70px;

font-size:26px;

}

.iav-service-card h2{

font-size:24px;

}

.iav-feature-item{

gap:14px;

}

.iav-feature-icon{

width:42px;

height:42px;

font-size:16px;

}

.iav-feature-content h4{

font-size:15px;

}

.iav-feature-content p{

font-size:12px;

}

.iav-trust-card{

padding:25px 18px;

}

.iav-trust-card h3{

font-size:28px;

}

.iav-bottom-content h2{

font-size:24px;

}

.iav-bottom-content p{

font-size:14px;

}

}

/*=========================================================
IMAGE SAFETY
=========================================================*/

.iav-banner-card img{

max-width:100%;

height:auto;

object-fit:cover;

display:block;

}

.iav-service-card,

.iav-banner-card,

.iav-trust-card,

.iav-stat-card{

will-change:transform;

}

/*=========================================================
END OF FILE
=========================================================*/