.elementor-754 .elementor-element.elementor-element-c0cea99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-6fbfb2dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-735d4040{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-28134c30 *//* ==========================================================
VAJRAGARUDA HERO V2.1
========================================================== */

/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&family=Poppins:wght@300;400;500;600&display=swap');

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

.vg-hero-v2{
    position:relative;
    overflow:hidden;
    background:#061B44;
    color:#fff;
    padding:120px 6% 90px;
    isolation:isolate;
}

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

.vg-hero-bg-elements{
    position:absolute;
    inset:0;
    z-index:-1;
}

.vg-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(100px);
    opacity:.35;
}

.vg-glow-1{
    width:420px;
    height:420px;
    background:#D4AF37;
    top:-120px;
    left:-100px;
}

.vg-glow-2{
    width:500px;
    height:500px;
    background:#1A4B8C;
    bottom:-180px;
    right:-180px;
}

.vg-grid-overlay{
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size:40px 40px;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.65), transparent);
}

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

.vg-container{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:80px;
    align-items:center;
}

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

.vg-hero-content{
    position:relative;
    z-index:2;
}

/* ==========================================================
BADGE
========================================================== */

.vg-premium-badge{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:12px 20px;
    border-radius:100px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(212,175,55,.35);
    backdrop-filter:blur(14px);
    margin-bottom:28px;
    font-family:Poppins;
    font-size:14px;
    font-weight:500;
}

.vg-badge-icon{
    color:#D4AF37;
}

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

.vg-hero-title{
    font-family:Montserrat;
    font-size:64px;
    line-height:1.1;
    font-weight:800;
    margin-bottom:28px;
}

.vg-hero-title span{
    display:block;
    color:#D4AF37;
}

.vg-hero-title strong{
    color:#fff;
}

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

.vg-hero-description{
    font-family:Poppins;
    font-size:18px;
    line-height:1.9;
    color:#d9d9d9;
    max-width:700px;
    margin-bottom:40px;
}

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

.vg-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-bottom:45px;
}

.vg-btn-primary,
.vg-btn-secondary{
    text-decoration:none;
    padding:18px 34px;
    border-radius:14px;
    transition:.35s;
    font-family:Montserrat;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.vg-btn-primary{
    background:#D4AF37;
    color:#061B44;
}

.vg-btn-primary:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 45px rgba(212,175,55,.35);
}

.vg-btn-secondary{
    color:#fff;
    border:2px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(12px);
}

.vg-btn-secondary:hover{
    border-color:#D4AF37;
    color:#D4AF37;
    transform:translateY(-5px);
}

/* ==========================================================
TRUST FEATURES
========================================================== */

.vg-trust-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    max-width:650px;
}

.vg-feature{
    display:flex;
    align-items:center;
    gap:15px;
    background:rgba(255,255,255,.05);
    padding:18px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(12px);
}

.vg-feature-icon{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#D4AF37;
    color:#061B44;
    border-radius:50%;
    font-size:22px;
    font-weight:700;
}

.vg-feature-text{
    font-family:Poppins;
    font-weight:600;
    color:#fff;
}

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

.vg-hero-image-area{
    position:relative;
}

.vg-image-frame{
    position:relative;
    border-radius:32px;
    overflow:visible;
}

.vg-image-frame img{
    width:100%;
    display:block;
    border-radius:28px;
    border:2px solid rgba(212,175,55,.3);
}

.vg-image-border{
    position:absolute;
    inset:-18px;
    border:1px solid rgba(212,175,55,.35);
    border-radius:38px;
    pointer-events:none;
}

/* ==========================================================
FLOATING CARDS
========================================================== */

.vg-floating-card{
    position:absolute;
    display:flex;
    align-items:center;
    gap:18px;
    padding:18px 22px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(18px);
    border-radius:18px;
    box-shadow:0 25px 60px rgba(0,0,0,.35);
}

.vg-card-top{
    top:8%;
    left:-60px;
}

.vg-card-middle{
    top:48%;
    right:-60px;
}

.vg-card-bottom{
    bottom:6%;
    left:-30px;
}

.vg-card-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#D4AF37;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}

.vg-card-content h4{
    margin:0;
    font-family:Montserrat;
    font-size:22px;
}

.vg-card-content p{
    margin:5px 0 0;
    font-family:Poppins;
    color:#ddd;
    font-size:14px;
}

/* ==========================================================
SVG DIVIDER
========================================================== */

.vg-hero-divider{
    position:absolute;
    left:0;
    right:0;
    bottom:-2px;
    line-height:0;
}

.vg-hero-divider svg{
    display:block;
    width:100%;
    height:110px;
}

.vg-hero-divider path{
    fill:#ffffff;
}

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

@media(max-width:1024px){

.vg-container{
grid-template-columns:1fr;
gap:70px;
}

.vg-hero-content{
text-align:center;
}

.vg-hero-description{
margin:auto auto 40px;
}

.vg-hero-buttons{
justify-content:center;
}

.vg-trust-features{
margin:auto;
}

.vg-card-top{
left:10px;
}

.vg-card-middle{
right:10px;
}

.vg-card-bottom{
left:20px;
}

}

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

@media(max-width:767px){

.vg-hero-v2{
padding:90px 22px 70px;
}

.vg-hero-title{
font-size:40px;
}

.vg-hero-description{
font-size:16px;
line-height:1.8;
}

.vg-hero-buttons{
flex-direction:column;
}

.vg-btn-primary,
.vg-btn-secondary{
width:100%;
}

.vg-trust-features{
grid-template-columns:1fr;
}

.vg-floating-card{
position:relative;
left:auto;
right:auto;
top:auto;
bottom:auto;
margin-top:18px;
}

.vg-image-border{
display:none;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38428edd *//* ==========================================================
VAJRAGARUDA
WHY CHOOSE US
PART 1 OF 3
========================================================== */

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

.vg-why-section{
    position:relative;
    overflow:hidden;
    background:#ffffff;
    padding:120px 6%;
}

.vg-why-section::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    filter:blur(120px);
    top:-180px;
    left:-180px;
}

.vg-why-section::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(6,27,68,.05);
    border-radius:50%;
    filter:blur(120px);
    bottom:-200px;
    right:-180px;
}

/* ==========================================================
HEADER
========================================================== */

.vg-section-header{
    position:relative;
    z-index:2;
    max-width:850px;
    margin:0 auto 70px;
    text-align:center;
}

/* ==========================================================
BADGE
========================================================== */

.vg-section-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 22px;
    border-radius:100px;
    background:#F8F9FC;
    border:1px solid rgba(212,175,55,.30);
    margin-bottom:28px;
}

.vg-section-badge span{
    color:#D4AF37;
    font-size:18px;
}

.vg-section-badge p{
    margin:0;
    font-family:Poppins;
    font-size:14px;
    font-weight:600;
    color:#061B44;
}

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

.vg-section-title{
    margin:0 0 24px;
    font-family:Montserrat;
    font-size:52px;
    font-weight:800;
    line-height:1.15;
    color:#061B44;
}

.vg-section-title span{
    display:block;
    color:#D4AF37;
}

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

.vg-section-description{
    max-width:760px;
    margin:auto;
    font-family:Poppins;
    font-size:18px;
    line-height:1.9;
    color:#5b6576;
}

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

.vg-why-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:70px;
}

/* ==========================================================
EMPTY CARD STYLING
(Completed in Part 2)
========================================================== */

.vg-why-card{
    position:relative;
    min-height:320px;
}

/* ==========================================================
RESPONSIVE
========================================================== */

@media(max-width:1024px){

.vg-why-grid{
grid-template-columns:repeat(2,1fr);
}

.vg-section-title{
font-size:42px;
}

}

@media(max-width:767px){

.vg-why-section{
padding:90px 22px;
}

.vg-why-grid{
grid-template-columns:1fr;
gap:24px;
}

.vg-section-title{
font-size:34px;
}

.vg-section-description{
font-size:16px;
line-height:1.8;
}

}
/* ==========================================================
VAJRAGARUDA
WHY CHOOSE US
PART 2 OF 3
FEATURE CARDS
========================================================== */

/* ==========================================================
FEATURE CARD
========================================================== */

.vg-why-card{
    position:relative;
    background:#ffffff;
    border:1px solid rgba(6,27,68,.08);
    border-radius:28px;
    padding:40px 34px;
    overflow:hidden;
    transition:.45s ease;
    box-shadow:0 20px 45px rgba(6,27,68,.06);
    z-index:2;
}

/* Top Accent Line */

.vg-why-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:5px;
    background:#D4AF37;
    transition:.45s ease;
}

/* Background Glow */

.vg-why-card::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    background:rgba(212,175,55,.08);
    top:-120px;
    right:-120px;
    transition:.45s ease;
}

/* ==========================================================
HOVER
========================================================== */

.vg-why-card:hover{

    transform:translateY(-12px);

    border-color:#D4AF37;

    box-shadow:
    0 30px 70px rgba(6,27,68,.12);

}

.vg-why-card:hover::before{

    width:100%;

}

.vg-why-card:hover::after{

    transform:scale(1.25);

}

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

.vg-why-card .vg-card-icon{

    width:78px;

    height:78px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:22px;

    background:#061B44;

    color:#ffffff;

    font-size:34px;

    margin-bottom:28px;

    transition:.40s ease;

    box-shadow:
    0 12px 30px rgba(6,27,68,.18);

}

.vg-why-card:hover .vg-card-icon{

    background:#D4AF37;

    color:#061B44;

    transform:
    rotate(-6deg)
    scale(1.08);

}

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

.vg-why-card h3{

    margin:0 0 18px;

    font-family:Montserrat;

    font-size:24px;

    font-weight:700;

    color:#061B44;

    transition:.35s;

}

.vg-why-card:hover h3{

    color:#D4AF37;

}

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

.vg-why-card p{

    margin:0;

    font-family:Poppins;

    font-size:16px;

    line-height:1.9;

    color:#5C6678;

}

/* ==========================================================
FLOATING SHINE
========================================================== */

.vg-why-card .vg-shine{

    position:absolute;

    top:-150%;

    left:-60%;

    width:80px;

    height:300%;

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

    transform:rotate(25deg);

    transition:.8s;

}

.vg-why-card:hover .vg-shine{

    left:140%;

}

/* ==========================================================
SMALL GOLD DOT
========================================================== */

.vg-why-card .vg-dot{

    position:absolute;

    width:12px;

    height:12px;

    border-radius:50%;

    background:#D4AF37;

    top:28px;

    right:28px;

    opacity:.35;

    transition:.35s;

}

.vg-why-card:hover .vg-dot{

    transform:scale(1.8);

    opacity:1;

}

/* ==========================================================
ACTIVE ANIMATION
========================================================== */

@keyframes vgCardFloat{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-8px);

}

100%{

transform:translateY(0px);

}

}

.vg-why-card:hover .vg-card-icon{

animation:vgCardFloat 2.5s ease infinite;

}

/* ==========================================================
VAJRAGARUDA
WHY CHOOSE US
PART 3 OF 3
STATISTICS + RESPONSIVE + FINAL POLISH
========================================================== */

/* ==========================================================
STATISTICS
========================================================== */

.vg-why-stats{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:80px;
}

.vg-stat-item{

    position:relative;

    text-align:center;

    padding:40px 25px;

    background:#061B44;

    border-radius:24px;

    overflow:hidden;

    transition:.4s ease;

    box-shadow:
    0 18px 45px rgba(6,27,68,.12);

}

.vg-stat-item::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        135deg,
        rgba(212,175,55,.18),
        transparent
    );

    opacity:0;

    transition:.4s;

}

.vg-stat-item:hover{

    transform:translateY(-10px);

    box-shadow:
    0 30px 70px rgba(6,27,68,.18);

}

.vg-stat-item:hover::before{

    opacity:1;

}

.vg-stat-item h3{

    margin:0;

    font-family:Montserrat;

    font-size:42px;

    font-weight:800;

    color:#D4AF37;

}

.vg-stat-item p{

    margin:14px 0 0;

    font-family:Poppins;

    color:#ffffff;

    font-size:16px;

    line-height:1.6;

}

/* ==========================================================
FADE IN ANIMATION
========================================================== */

@keyframes vgFadeUp{

0%{

opacity:0;

transform:translateY(35px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

.vg-section-header,
.vg-why-card,
.vg-stat-item{

    animation:vgFadeUp .8s ease both;

}

.vg-why-card:nth-child(1){animation-delay:.05s;}
.vg-why-card:nth-child(2){animation-delay:.12s;}
.vg-why-card:nth-child(3){animation-delay:.18s;}
.vg-why-card:nth-child(4){animation-delay:.24s;}
.vg-why-card:nth-child(5){animation-delay:.30s;}
.vg-why-card:nth-child(6){animation-delay:.36s;}

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

@media(max-width:1024px){

.vg-why-stats{

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

gap:24px;

}

.vg-why-card{

padding:34px 28px;

}

}

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

@media(max-width:767px){

.vg-why-stats{

grid-template-columns:1fr;

gap:20px;

margin-top:55px;

}

.vg-stat-item{

padding:30px 20px;

}

.vg-stat-item h3{

font-size:34px;

}

.vg-stat-item p{

font-size:15px;

}

.vg-why-card{

padding:30px 24px;

min-height:auto;

}

.vg-why-card .vg-card-icon{

width:70px;

height:70px;

font-size:30px;

margin-bottom:22px;

}

.vg-why-card h3{

font-size:22px;

}

.vg-why-card p{

font-size:15px;

line-height:1.8;

}

}

/* ==========================================================
END
========================================================== *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7eabfe97 *//* ==========================================================
VAJRAGARUDA PREMIUM SERVICES V3.0
PART 1 OF 4
SECTION • HEADER • BACKGROUND • CATEGORY MENU
========================================================== */

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

.vg-services-section{
    position:relative;
    overflow:hidden;
    padding:120px 6%;
    background:#F8FAFD;
}

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

.vg-services-bg{
    position:absolute;
    inset:0;
    z-index:0;
}

.vg-services-glow{
    position:absolute;
    width:520px;
    height:520px;
    border-radius:50%;
    filter:blur(120px);
    opacity:.18;
}

.vg-glow-left{
    background:#D4AF37;
    top:-220px;
    left:-180px;
}

.vg-glow-right{
    background:#061B44;
    bottom:-260px;
    right:-220px;
}

.vg-services-container{
    position:relative;
    z-index:2;
    max-width:1400px;
    margin:auto;
}

/* ==========================================================
HEADER
========================================================== */

.vg-services-header{
    max-width:820px;
    margin:0 auto 70px;
    text-align:center;
}

.vg-services-badge{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:12px 22px;
    border-radius:999px;
    background:#ffffff;
    border:1px solid rgba(212,175,55,.28);
    box-shadow:0 10px 30px rgba(6,27,68,.05);
    margin-bottom:28px;
}

.vg-services-badge span{
    color:#D4AF37;
    font-size:18px;
}

.vg-services-badge p{
    margin:0;
    font-family:Poppins;
    font-size:14px;
    font-weight:600;
    color:#061B44;
}

.vg-services-header h2{
    margin:0 0 24px;
    font-family:Montserrat;
    font-size:54px;
    font-weight:800;
    line-height:1.15;
    color:#061B44;
}

.vg-services-header h2 span{
    display:block;
    color:#D4AF37;
}

.vg-services-header p{
    margin:auto;
    max-width:760px;
    font-family:Poppins;
    font-size:18px;
    line-height:1.9;
    color:#5C6678;
}

/* ==========================================================
CATEGORY FILTER
========================================================== */

.vg-service-categories{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:16px;
    margin:60px auto 70px;
}

.vg-service-categories button{

    cursor:pointer;

    border:none;

    outline:none;

    padding:15px 28px;

    border-radius:100px;

    background:#ffffff;

    color:#061B44;

    font-family:Montserrat;

    font-weight:700;

    font-size:15px;

    transition:.35s;

    border:1px solid rgba(6,27,68,.08);

    box-shadow:0 10px 25px rgba(6,27,68,.05);

}

.vg-service-categories button:hover{

    transform:translateY(-4px);

    border-color:#D4AF37;

    color:#D4AF37;

}

.vg-service-categories button.active{

    background:#061B44;

    color:#ffffff;

    border-color:#061B44;

    box-shadow:0 18px 40px rgba(6,27,68,.18);

}

/* ==========================================================
RESPONSIVE
========================================================== */

@media(max-width:1024px){

.vg-services-header h2{

font-size:44px;

}

}

@media(max-width:767px){

.vg-services-section{

padding:90px 22px;

}

.vg-services-header{

margin-bottom:50px;

}

.vg-services-header h2{

font-size:34px;

}

.vg-services-header p{

font-size:16px;

line-height:1.8;

}

.vg-service-categories{

gap:12px;

margin:45px auto 50px;

}

.vg-service-categories button{

padding:12px 18px;

font-size:14px;

}

}

/* ==========================================================
VAJRAGARUDA PREMIUM SERVICES V3.0
PART 2 OF 4
FEATURED SERVICE CARD
========================================================== */

/* ==========================================================
FEATURED CARD
========================================================== */

.vg-featured-service{

    position:relative;

    display:grid;

    grid-template-columns:1.05fr .95fr;

    align-items:center;

    gap:70px;

    margin-bottom:70px;

    padding:55px;

    border-radius:34px;

    overflow:hidden;

    background:#061B44;

    box-shadow:
    0 35px 80px rgba(6,27,68,.18);

}

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

.vg-featured-service::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

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

    top:-180px;

    right:-180px;

    filter:blur(70px);

}

.vg-featured-service::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.05),
        transparent 55%
    );

    pointer-events:none;

}

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

.vg-featured-content{

    position:relative;

    z-index:2;

}

.vg-featured-tag{

    display:inline-flex;

    align-items:center;

    padding:12px 20px;

    border-radius:100px;

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

    border:1px solid rgba(212,175,55,.35);

    color:#D4AF37;

    font-family:Poppins;

    font-size:14px;

    font-weight:600;

    margin-bottom:24px;

}

.vg-featured-content h3{

    margin:0 0 24px;

    font-family:Montserrat;

    font-size:48px;

    font-weight:800;

    line-height:1.15;

    color:#ffffff;

}

.vg-featured-content p{

    margin:0 0 30px;

    font-family:Poppins;

    color:#d8dce6;

    line-height:1.9;

    font-size:17px;

}

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

.vg-featured-content ul{

    list-style:none;

    padding:0;

    margin:0 0 40px;

    display:grid;

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

    gap:14px;

}

.vg-featured-content li{

    font-family:Poppins;

    color:#ffffff;

    font-size:16px;

}

/* ==========================================================
BUTTON
========================================================== */

.vg-featured-content a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    padding:18px 34px;

    border-radius:14px;

    background:#D4AF37;

    color:#061B44;

    font-family:Montserrat;

    font-weight:700;

    transition:.35s;

}

.vg-featured-content a:hover{

    transform:translateY(-5px);

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

}

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

.vg-featured-image{

    position:relative;

    z-index:2;

}

.vg-featured-image img{

    width:100%;

    display:block;

    border-radius:26px;

    border:2px solid rgba(212,175,55,.30);

    transition:.45s;

}

.vg-featured-image img:hover{

    transform:scale(1.03);

}

/* ==========================================================
RESPONSIVE
========================================================== */

@media(max-width:1024px){

.vg-featured-service{

grid-template-columns:1fr;

padding:45px;

gap:40px;

}

.vg-featured-content{

text-align:center;

}

.vg-featured-content ul{

max-width:520px;

margin:0 auto 35px;

}

}

@media(max-width:767px){

.vg-featured-service{

padding:30px 24px;

border-radius:24px;

}

.vg-featured-content h3{

font-size:34px;

}

.vg-featured-content p{

font-size:16px;

}

.vg-featured-content ul{

grid-template-columns:1fr;

gap:12px;

}

.vg-featured-content a{

width:100%;

}

}

/* ==========================================================
VAJRAGARUDA PREMIUM SERVICES V3.0
PART 2 OF 4
FEATURED SERVICE CARD
========================================================== */

/* ==========================================================
FEATURED CARD
========================================================== */

.vg-featured-service{

    position:relative;

    display:grid;

    grid-template-columns:1.05fr .95fr;

    align-items:center;

    gap:70px;

    margin-bottom:70px;

    padding:55px;

    border-radius:34px;

    overflow:hidden;

    background:#061B44;

    box-shadow:
    0 35px 80px rgba(6,27,68,.18);

}

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

.vg-featured-service::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

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

    top:-180px;

    right:-180px;

    filter:blur(70px);

}

.vg-featured-service::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.05),
        transparent 55%
    );

    pointer-events:none;

}

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

.vg-featured-content{

    position:relative;

    z-index:2;

}

.vg-featured-tag{

    display:inline-flex;

    align-items:center;

    padding:12px 20px;

    border-radius:100px;

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

    border:1px solid rgba(212,175,55,.35);

    color:#D4AF37;

    font-family:Poppins;

    font-size:14px;

    font-weight:600;

    margin-bottom:24px;

}

.vg-featured-content h3{

    margin:0 0 24px;

    font-family:Montserrat;

    font-size:48px;

    font-weight:800;

    line-height:1.15;

    color:#ffffff;

}

.vg-featured-content p{

    margin:0 0 30px;

    font-family:Poppins;

    color:#d8dce6;

    line-height:1.9;

    font-size:17px;

}

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

.vg-featured-content ul{

    list-style:none;

    padding:0;

    margin:0 0 40px;

    display:grid;

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

    gap:14px;

}

.vg-featured-content li{

    font-family:Poppins;

    color:#ffffff;

    font-size:16px;

}

/* ==========================================================
BUTTON
========================================================== */

.vg-featured-content a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    padding:18px 34px;

    border-radius:14px;

    background:#D4AF37;

    color:#061B44;

    font-family:Montserrat;

    font-weight:700;

    transition:.35s;

}

.vg-featured-content a:hover{

    transform:translateY(-5px);

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

}

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

.vg-featured-image{

    position:relative;

    z-index:2;

}

.vg-featured-image img{

    width:100%;

    display:block;

    border-radius:26px;

    border:2px solid rgba(212,175,55,.30);

    transition:.45s;

}

.vg-featured-image img:hover{

    transform:scale(1.03);

}

/* ==========================================================
RESPONSIVE
========================================================== */

@media(max-width:1024px){

.vg-featured-service{

grid-template-columns:1fr;

padding:45px;

gap:40px;

}

.vg-featured-content{

text-align:center;

}

.vg-featured-content ul{

max-width:520px;

margin:0 auto 35px;

}

}

@media(max-width:767px){

.vg-featured-service{

padding:30px 24px;

border-radius:24px;

}

.vg-featured-content h3{

font-size:34px;

}

.vg-featured-content p{

font-size:16px;

}

.vg-featured-content ul{

grid-template-columns:1fr;

gap:12px;

}

.vg-featured-content a{

width:100%;

}

}

/* ==========================================================
VAJRAGARUDA PREMIUM SERVICES V3.0
PART 3 OF 4
SERVICE CARDS + GRID + HOVER EFFECTS
========================================================== */

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

.vg-services-grid{

    display:grid;

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

    gap:30px;

    margin-top:20px;

}

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

.vg-service-card{

    position:relative;

    background:#ffffff;

    border:1px solid rgba(6,27,68,.08);

    border-radius:28px;

    padding:35px 30px;

    overflow:hidden;

    transition:.40s ease;

    box-shadow:
    0 18px 45px rgba(6,27,68,.05);

}

/* ==========================================================
TOP GOLD BAR
========================================================== */

.vg-service-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:0;

    height:5px;

    background:#D4AF37;

    transition:.40s;

}

.vg-service-card:hover::before{

    width:100%;

}

/* ==========================================================
BACKGROUND GLOW
========================================================== */

.vg-service-card::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

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

    right:-120px;

    top:-120px;

    transition:.45s;

}

.vg-service-card:hover::after{

    transform:scale(1.25);

}

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

.vg-icon{

    width:76px;

    height:76px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#061B44;

    color:#ffffff;

    border-radius:22px;

    font-size:34px;

    margin-bottom:28px;

    transition:.35s;

    box-shadow:
    0 15px 35px rgba(6,27,68,.16);

}

.vg-service-card:hover .vg-icon{

    background:#D4AF37;

    color:#061B44;

    transform:
    rotate(-6deg)
    scale(1.08);

}

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

.vg-service-card h3{

    margin:0 0 18px;

    font-family:Montserrat;

    font-size:23px;

    font-weight:700;

    color:#061B44;

    transition:.35s;

}

.vg-service-card:hover h3{

    color:#D4AF37;

}

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

.vg-service-card p{

    margin:0 0 28px;

    font-family:Poppins;

    font-size:15px;

    line-height:1.9;

    color:#5C6678;

}

/* ==========================================================
BUTTON
========================================================== */

.vg-service-card a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    text-decoration:none;

    color:#061B44;

    font-family:Montserrat;

    font-size:14px;

    font-weight:700;

    transition:.35s;

}

.vg-service-card a::after{

    content:"→";

    transition:.35s;

}

.vg-service-card:hover a{

    color:#D4AF37;

}

.vg-service-card:hover a::after{

    transform:translateX(6px);

}

/* ==========================================================
CARD HOVER
========================================================== */

.vg-service-card:hover{

    transform:translateY(-12px);

    border-color:#D4AF37;

    box-shadow:
    0 28px 70px rgba(6,27,68,.12);

}

/* ==========================================================
FADE ANIMATION
========================================================== */

@keyframes vgServiceFade{

0%{

opacity:0;

transform:translateY(40px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

.vg-service-card{

animation:vgServiceFade .7s ease both;

}

.vg-service-card:nth-child(1){animation-delay:.04s;}
.vg-service-card:nth-child(2){animation-delay:.08s;}
.vg-service-card:nth-child(3){animation-delay:.12s;}
.vg-service-card:nth-child(4){animation-delay:.16s;}
.vg-service-card:nth-child(5){animation-delay:.20s;}
.vg-service-card:nth-child(6){animation-delay:.24s;}
.vg-service-card:nth-child(7){animation-delay:.28s;}
.vg-service-card:nth-child(8){animation-delay:.32s;}
.vg-service-card:nth-child(9){animation-delay:.36s;}
.vg-service-card:nth-child(10){animation-delay:.40s;}
.vg-service-card:nth-child(11){animation-delay:.44s;}
.vg-service-card:nth-child(12){animation-delay:.48s;}
.vg-service-card:nth-child(13){animation-delay:.52s;}
.vg-service-card:nth-child(14){animation-delay:.56s;}
.vg-service-card:nth-child(15){animation-delay:.60s;}
.vg-service-card:nth-child(16){animation-delay:.64s;}
.vg-service-card:nth-child(17){animation-delay:.68s;}
.vg-service-card:nth-child(18){animation-delay:.72s;}
.vg-service-card:nth-child(19){animation-delay:.76s;}
.vg-service-card:nth-child(20){animation-delay:.80s;}

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

@media(max-width:1024px){

.vg-services-grid{

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

gap:24px;

}

}

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

@media(max-width:767px){

.vg-services-grid{

grid-template-columns:1fr;

gap:20px;

}

.vg-service-card{

padding:30px 24px;

}

.vg-icon{

width:68px;

height:68px;

font-size:30px;

margin-bottom:22px;

}

.vg-service-card h3{

font-size:21px;

}

.vg-service-card p{

font-size:15px;

line-height:1.8;

}

}

/* ==========================================================
VAJRAGARUDA PREMIUM SERVICES V3.0
PART 4 OF 4
CTA • FILTER ANIMATION • FINAL RESPONSIVE
========================================================== */

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

.vg-services-cta{

    position:relative;
    overflow:hidden;

    margin-top:90px;

    padding:70px 50px;

    border-radius:32px;

    text-align:center;

    background:#061B44;

    box-shadow:0 35px 80px rgba(6,27,68,.16);

}

.vg-services-cta::before{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    border-radius:50%;

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

    top:-220px;
    left:-180px;

    filter:blur(80px);

}

.vg-services-cta::after{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    border-radius:50%;

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

    bottom:-180px;
    right:-120px;

    filter:blur(70px);

}

.vg-services-cta>*{

    position:relative;
    z-index:2;

}

.vg-services-cta h3{

    margin:0;

    font-family:Montserrat;

    font-size:42px;

    font-weight:800;

    color:#ffffff;

}

.vg-services-cta p{

    max-width:760px;

    margin:24px auto 36px;

    font-family:Poppins;

    color:#d9dce6;

    font-size:17px;

    line-height:1.9;

}

.vg-services-cta a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    padding:18px 38px;

    border-radius:14px;

    background:#D4AF37;

    color:#061B44;

    font-family:Montserrat;

    font-weight:700;

    transition:.35s;

}

.vg-services-cta a:hover{

    transform:translateY(-5px);

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

}

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

.vg-service-categories button{

    position:relative;

    overflow:hidden;

}

.vg-service-categories button::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:8px;

    width:0;

    height:2px;

    background:#D4AF37;

    transform:translateX(-50%);

    transition:.35s;

}

.vg-service-categories button:hover::after,
.vg-service-categories button.active::after{

    width:60%;

}

/* ==========================================================
SERVICE FILTER
========================================================== */

.vg-services-grid{

    position:relative;

}

.vg-service-card{

    display:block;

}

.vg-service-card.hide{

    display:none !important;

}

.vg-service-card.show{

    display:block !important;

    animation:vgServiceFade .45s ease;

}

/* ==========================================================
HEADER ANIMATION
========================================================== */

@keyframes vgFadeHeader{

0%{

opacity:0;

transform:translateY(30px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

.vg-services-header{

animation:vgFadeHeader .8s ease both;

}

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

@media(max-width:1024px){

.vg-services-cta{

padding:55px 35px;

}

.vg-services-cta h3{

font-size:34px;

}

}

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

@media(max-width:767px){

.vg-services-cta{

margin-top:60px;

padding:40px 24px;

border-radius:24px;

}

.vg-services-cta h3{

font-size:28px;

line-height:1.3;

}

.vg-services-cta p{

font-size:16px;

line-height:1.8;

margin:18px auto 28px;

}

.vg-services-cta a{

width:100%;

padding:16px 20px;

}

}

/* ==========================================================
END PART 4
========================================================== *//* End custom CSS */