.elementor-250 .elementor-element.elementor-element-c8e653a{--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-250 .elementor-element.elementor-element-4ab94cb{--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-250 .elementor-element.elementor-element-943b8a6{--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-250 .elementor-element.elementor-element-9f307ed{--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-7580ff5 *//* ========================================================= */
/* ABOUT HERO */
/* ========================================================= */

.vg-about-hero{

position:relative;

overflow:hidden;

padding:170px 8%;

background:
linear-gradient(135deg,#061B44 0%,#0D2E69 100%);

}

.vg-about-pattern{

position:absolute;

inset:0;

background:

radial-gradient(circle at top right,
rgba(212,175,55,.18),
transparent 45%),

radial-gradient(circle at bottom left,
rgba(255,255,255,.05),
transparent 40%);

}

.vg-about-container{

position:relative;

z-index:2;

max-width:900px;

}

.vg-about-tag{

display:inline-block;

padding:12px 24px;

border-radius:100px;

background:rgba(212,175,55,.12);

border:1px solid rgba(212,175,55,.35);

font-family:Poppins,sans-serif;

font-size:14px;

font-weight:600;

letter-spacing:2px;

color:#D4AF37;

margin-bottom:25px;

}

.vg-about-content h1{

font-family:Montserrat,sans-serif;

font-size:68px;

font-weight:800;

line-height:1.08;

color:#FFFFFF;

margin-bottom:30px;

}

.vg-about-content h1 span{

color:#D4AF37;

}

.vg-about-content p{

max-width:760px;

font-family:Poppins,sans-serif;

font-size:19px;

line-height:1.9;

color:#D7E0EC;

margin-bottom:45px;

}

.vg-about-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

}

.vg-btn-primary{

padding:18px 38px;

border-radius:60px;

background:#D4AF37;

color:#061B44;

font-family:Montserrat,sans-serif;

font-weight:700;

text-decoration:none;

transition:.35s;

}

.vg-btn-primary:hover{

transform:translateY(-5px);

box-shadow:0 18px 35px rgba(212,175,55,.35);

}

.vg-btn-secondary{

padding:18px 38px;

border-radius:60px;

border:2px solid rgba(255,255,255,.25);

color:#FFFFFF;

font-family:Montserrat,sans-serif;

font-weight:700;

text-decoration:none;

transition:.35s;

}

.vg-btn-secondary:hover{

background:#FFFFFF;

color:#061B44;

}

/* ========================================================= */
/* RESPONSIVE */
/* ========================================================= */

@media(max-width:991px){

.vg-about-hero{

padding:120px 7%;

}

.vg-about-content h1{

font-size:48px;

}

}

@media(max-width:767px){

.vg-about-hero{

padding:90px 6%;

}

.vg-about-content h1{

font-size:34px;

}

.vg-about-content p{

font-size:16px;

}

.vg-about-buttons{

flex-direction:column;

}

.vg-btn-primary,

.vg-btn-secondary{

width:100%;

text-align:center;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ab2c26 *//* ========================================================= */
/* OUR STORY */
/* ========================================================= */

.vg-story{

padding:120px 8%;

background:#F8FAFC;

}

.vg-story-container{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

max-width:1400px;

margin:auto;

}

.vg-story-image{

position:relative;

}

.vg-story-image img{

width:100%;

border-radius:30px;

display:block;

box-shadow:0 30px 70px rgba(6,27,68,.12);

}

.vg-story-badge{

position:absolute;

bottom:30px;

right:-30px;

background:#061B44;

padding:30px;

border-radius:24px;

box-shadow:0 20px 50px rgba(6,27,68,.25);

max-width:240px;

}

.vg-story-badge h3{

font-family:Montserrat,sans-serif;

font-size:42px;

color:#D4AF37;

margin:0;

}

.vg-story-badge p{

font-family:Poppins,sans-serif;

font-size:15px;

line-height:1.6;

color:#D7E0EC;

margin-top:10px;

}

.vg-story-tag{

display:inline-block;

padding:10px 22px;

background:#FFF7E3;

border-radius:100px;

color:#D4AF37;

font-family:Poppins,sans-serif;

font-weight:600;

letter-spacing:2px;

margin-bottom:20px;

}

.vg-story-content h2{

font-family:Montserrat,sans-serif;

font-size:52px;

line-height:1.2;

color:#061B44;

margin-bottom:30px;

}

.vg-story-content h2 span{

color:#D4AF37;

}

.vg-story-content p{

font-family:Poppins,sans-serif;

font-size:18px;

line-height:1.9;

color:#566170;

margin-bottom:24px;

}

.vg-story-features{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin-top:40px;

}

.vg-feature{

background:#FFFFFF;

padding:20px 24px;

border-radius:16px;

border:1px solid rgba(212,175,55,.18);

font-family:Montserrat,sans-serif;

font-weight:600;

color:#061B44;

transition:.35s;

}

.vg-feature:hover{

transform:translateY(-6px);

box-shadow:0 18px 40px rgba(6,27,68,.08);

border-color:#D4AF37;

}

/* ========================================================= */
/* RESPONSIVE */
/* ========================================================= */

@media(max-width:991px){

.vg-story{

padding:90px 7%;

}

.vg-story-container{

grid-template-columns:1fr;

gap:60px;

}

.vg-story-content h2{

font-size:40px;

}

.vg-story-badge{

right:20px;

bottom:20px;

}

}

@media(max-width:767px){

.vg-story{

padding:70px 6%;

}

.vg-story-content h2{

font-size:32px;

}

.vg-story-features{

grid-template-columns:1fr;

}

.vg-story-badge{

position:relative;

right:auto;

bottom:auto;

margin-top:-40px;

margin-left:auto;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43d716a *//* ========================================================= */
/* WHY VAJRAGARUDA */
/* ========================================================= */

.vg-why{

padding:120px 8%;

background:#FFFFFF;

}

.vg-why-heading{

max-width:820px;

margin:0 auto 70px;

text-align:center;

}

.vg-why-heading span{

display:inline-block;

padding:10px 22px;

background:#FFF7E3;

border-radius:100px;

font-family:Poppins,sans-serif;

font-size:14px;

font-weight:600;

letter-spacing:2px;

color:#D4AF37;

margin-bottom:20px;

}

.vg-why-heading h2{

font-family:Montserrat,sans-serif;

font-size:54px;

color:#061B44;

margin-bottom:20px;

}

.vg-why-heading h2 span{

color:#D4AF37;

}

.vg-why-heading p{

font-family:Poppins,sans-serif;

font-size:18px;

line-height:1.9;

color:#566170;

}

.vg-why-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

max-width:1400px;

margin:auto;

}

.vg-why-card{

background:#FFFFFF;

padding:40px 35px;

border-radius:24px;

border:1px solid rgba(212,175,55,.15);

box-shadow:0 15px 40px rgba(6,27,68,.05);

transition:.35s;

}

.vg-why-card:hover{

transform:translateY(-10px);

border-color:#D4AF37;

box-shadow:0 25px 60px rgba(6,27,68,.10);

}

.vg-icon{

font-size:52px;

margin-bottom:25px;

transition:.35s;

}

.vg-why-card:hover .vg-icon{

transform:scale(1.15);

}

.vg-why-card h3{

font-family:Montserrat,sans-serif;

font-size:24px;

color:#061B44;

margin-bottom:18px;

}

.vg-why-card p{

font-family:Poppins,sans-serif;

font-size:16px;

line-height:1.8;

color:#566170;

}

/* ========================================================= */
/* RESPONSIVE */
/* ========================================================= */

@media(max-width:1024px){

.vg-why-grid{

grid-template-columns:repeat(2,1fr);

}

.vg-why-heading h2{

font-size:44px;

}

}

@media(max-width:767px){

.vg-why{

padding:80px 6%;

}

.vg-why-grid{

grid-template-columns:1fr;

}

.vg-why-heading h2{

font-size:34px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ef060c *//* ========================================================= */
/* PURPOSE SECTION */
/* ========================================================= */

.vg-purpose{

padding:120px 8%;

background:#F8FAFC;

}

.vg-purpose-heading{

text-align:center;

max-width:850px;

margin:0 auto 70px;

}

.vg-purpose-heading span{

display:inline-block;

padding:10px 22px;

background:#FFF7E3;

border-radius:50px;

font-family:Poppins,sans-serif;

font-size:14px;

font-weight:600;

letter-spacing:2px;

color:#D4AF37;

margin-bottom:20px;

}

.vg-purpose-heading h2{

font-family:Montserrat,sans-serif;

font-size:54px;

color:#061B44;

margin-bottom:20px;

}

.vg-purpose-heading h2 span{

color:#D4AF37;

}

.vg-purpose-heading p{

font-family:Poppins,sans-serif;

font-size:18px;

line-height:1.9;

color:#566170;

}

.vg-purpose-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-bottom:90px;

}

.vg-purpose-card{

background:#FFFFFF;

padding:45px 35px;

border-radius:25px;

text-align:center;

border:1px solid rgba(212,175,55,.18);

box-shadow:0 20px 45px rgba(6,27,68,.06);

transition:.35s;

}

.vg-purpose-card:hover{

transform:translateY(-10px);

border-color:#D4AF37;

box-shadow:0 25px 60px rgba(6,27,68,.12);

}

.vg-purpose-icon{

font-size:58px;

margin-bottom:25px;

}

.vg-purpose-card h3{

font-family:Montserrat,sans-serif;

font-size:28px;

color:#061B44;

margin-bottom:18px;

}

.vg-purpose-card p{

font-family:Poppins,sans-serif;

font-size:16px;

line-height:1.8;

color:#566170;

}

/* ========================================================= */
/* CTA */
/* ========================================================= */

.vg-about-cta{

background:linear-gradient(135deg,#061B44,#0D2E69);

padding:80px 60px;

border-radius:35px;

text-align:center;

}

.vg-about-cta h2{

font-family:Montserrat,sans-serif;

font-size:48px;

color:#FFFFFF;

margin-bottom:25px;

}

.vg-about-cta p{

font-family:Poppins,sans-serif;

font-size:18px;

line-height:1.9;

color:#D7E0EC;

max-width:800px;

margin:0 auto 40px;

}

.vg-about-cta-btn{

display:inline-block;

padding:18px 42px;

background:#D4AF37;

border-radius:60px;

font-family:Montserrat,sans-serif;

font-weight:700;

text-decoration:none;

color:#061B44;

transition:.35s;

}

.vg-about-cta-btn:hover{

transform:translateY(-5px);

box-shadow:0 20px 40px rgba(212,175,55,.35);

}

/* ========================================================= */
/* RESPONSIVE */
/* ========================================================= */

@media(max-width:1024px){

.vg-purpose-grid{

grid-template-columns:1fr;

}

.vg-purpose-heading h2{

font-size:42px;

}

.vg-about-cta h2{

font-size:38px;

}

}

@media(max-width:767px){

.vg-purpose{

padding:80px 6%;

}

.vg-purpose-heading h2{

font-size:34px;

}

.vg-about-cta{

padding:50px 25px;

}

.vg-about-cta h2{

font-size:30px;

}

.vg-about-cta p{

font-size:16px;

}

}/* End custom CSS */