.elementor-400 .elementor-element.elementor-element-76d204f{--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-3ca9d43 *//* ==========================================
SERVICE AREAS
========================================== */

.vg-area{

background:#061B44;

padding:90px 20px;

}

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

.vg-area-hero{

max-width:900px;

margin:auto;

text-align:center;

margin-bottom:70px;

}

.vg-area-tag{

display:inline-block;

padding:10px 22px;

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

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

border-radius:50px;

font-family:Poppins,sans-serif;

font-size:13px;

font-weight:600;

letter-spacing:2px;

text-transform:uppercase;

color:#D4AF37;

margin-bottom:25px;

}

.vg-area-hero h1{

font-family:Montserrat,sans-serif;

font-size:56px;

color:#fff;

margin-bottom:25px;

}

.vg-area-hero p{

font-family:Poppins,sans-serif;

font-size:18px;

line-height:1.9;

color:#D7E0EC;

max-width:800px;

margin:auto;

}

/* ==========================================
COVER BOX
========================================== */

.vg-cover-box{

max-width:1100px;

margin:0 auto 50px;

padding:40px;

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

border-radius:24px;

text-align:center;

}

.vg-cover-box h2{

font-family:Montserrat,sans-serif;

font-size:34px;

color:#061B44;

margin-bottom:18px;

}

.vg-cover-box p{

font-family:Poppins,sans-serif;

font-size:17px;

line-height:1.9;

color:#061B44;

}

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

.vg-area-grid{

max-width:1200px;

margin:auto;

display:grid;

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

gap:30px;

}

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

.vg-area-card{

background:#ffffff;

padding:40px;

border-radius:24px;

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

box-shadow:0 18px 45px rgba(0,0,0,.08);

transition:.35s;

}

.vg-area-card:hover{

transform:translateY(-6px);

border-color:#D4AF37;

}

.vg-area-card h3{

font-family:Montserrat,sans-serif;

font-size:28px;

color:#061B44;

margin-bottom:30px;

}

/* ==========================================
LOCATION LIST
========================================== */

.vg-location-list{

display:flex;

flex-wrap:wrap;

gap:12px;

}

.vg-location-list span{

padding:10px 18px;

background:#F8FAFC;

border-radius:50px;

font-family:Poppins,sans-serif;

font-size:15px;

font-weight:500;

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

transition:.3s;

}

.vg-location-list span:hover{

background:#D4AF37;

color:#061B44;

cursor:default;

}

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

@media(max-width:1024px){

.vg-area-grid{

grid-template-columns:1fr;

}

.vg-area-hero h1{

font-size:46px;

}

}

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

@media(max-width:767px){

.vg-area{

padding:60px 18px;

}

.vg-area-hero{

margin-bottom:45px;

}

.vg-area-hero h1{

font-size:36px;

}

.vg-area-hero p{

font-size:16px;

}

.vg-cover-box{

padding:28px;

}

.vg-cover-box h2{

font-size:26px;

}

.vg-cover-box p{

font-size:15px;

}

.vg-area-card{

padding:24px;

}

.vg-area-card h3{

font-size:22px;

}

.vg-location-list span{

font-size:14px;

padding:8px 14px;

}

}

/* ==========================================
FULL CITY CARD
========================================== */

.vg-full-city{

grid-column:1/-1;

background:linear-gradient(135deg,#0B1F3A,#143B7A);

}

.vg-full-city h3{

color:#ffffff;

}

.vg-full-city p{

font-family:Poppins,sans-serif;

font-size:18px;

line-height:1.9;

color:#D7E0EC;

}

@media(max-width:1024px){

.vg-full-city{

grid-column:auto;

}

}

@media(max-width:767px){

.vg-full-city p{

font-size:15px;

}

}

/* ==========================================
WHY CHOOSE US
========================================== */

.vg-benefits{

max-width:1200px;

margin:80px auto;

}

.vg-benefits h2{

text-align:center;

font-family:Montserrat,sans-serif;

font-size:42px;

color:#ffffff;

margin-bottom:45px;

}

.vg-benefit-grid{

display:grid;

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

gap:30px;

}

.vg-benefit-card{

background:#ffffff;

padding:35px;

border-radius:24px;

transition:.35s;

box-shadow:0 18px 45px rgba(0,0,0,.08);

}

.vg-benefit-card:hover{

transform:translateY(-6px);

}

.vg-benefit-card h3{

font-family:Montserrat,sans-serif;

font-size:24px;

color:#061B44;

margin-bottom:15px;

}

.vg-benefit-card p{

font-family:Poppins,sans-serif;

font-size:16px;

line-height:1.8;

color:#566170;

}

/* ==========================================
FAQ
========================================== */

.vg-area-faq{

max-width:1200px;

margin:80px auto;

}

.vg-area-faq h2{

text-align:center;

font-family:Montserrat,sans-serif;

font-size:42px;

color:#ffffff;

margin-bottom:45px;

}

.vg-faq-item{

background:#ffffff;

padding:30px;

border-radius:20px;

margin-bottom:20px;

}

.vg-faq-item h3{

font-family:Montserrat,sans-serif;

font-size:22px;

color:#061B44;

margin-bottom:15px;

}

.vg-faq-item p{

font-family:Poppins,sans-serif;

line-height:1.8;

color:#566170;

}

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

.vg-area-cta{

max-width:1200px;

margin:80px auto 0;

padding:60px;

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

border-radius:30px;

text-align:center;

}

.vg-area-cta h2{

font-family:Montserrat,sans-serif;

font-size:42px;

color:#061B44;

margin-bottom:20px;

}

.vg-area-cta p{

font-family:Poppins,sans-serif;

font-size:18px;

line-height:1.8;

color:#061B44;

max-width:800px;

margin:0 auto 35px;

}

.vg-contact-buttons{

display:flex;

justify-content:center;

flex-wrap:wrap;

gap:20px;

}

.vg-contact-pill{

padding:14px 24px;

background:#ffffff;

border-radius:50px;

font-family:Poppins,sans-serif;

font-weight:600;

color:#061B44;

}

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

@media(max-width:1024px){

.vg-benefit-grid{

grid-template-columns:1fr;

}

}

@media(max-width:767px){

.vg-benefits h2,

.vg-area-faq h2,

.vg-area-cta h2{

font-size:30px;

}

.vg-area-cta{

padding:35px 20px;

}

.vg-area-cta p{

font-size:16px;

}

.vg-contact-pill{

display:block;

width:100%;

}

}/* End custom CSS */