.elementor-409 .elementor-element.elementor-element-f6ae19f{--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-c4014a8 *//* ==========================================
FAQ PAGE
========================================== */

.vg-faq-page{

background:#061B44;

padding:90px 20px;

}

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

.vg-faq-hero{

max-width:900px;

margin:auto;

text-align:center;

margin-bottom:60px;

}

.vg-faq-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;

font-size:13px;

font-weight:600;

letter-spacing:2px;

text-transform:uppercase;

color:#D4AF37;

margin-bottom:25px;

}

.vg-faq-hero h1{

font-family:Montserrat;

font-size:56px;

color:#fff;

margin-bottom:25px;

}

.vg-faq-hero p{

font-family:Poppins;

font-size:18px;

line-height:1.9;

color:#D7E0EC;

max-width:760px;

margin:auto;

}

/* ==========================================
SEARCH
========================================== */

.vg-search-box{

max-width:700px;

margin:0 auto 70px;

}

.vg-search-box input{

width:100%;

padding:22px 28px;

border:none;

border-radius:60px;

font-size:17px;

font-family:Poppins;

outline:none;

box-shadow:0 20px 45px rgba(0,0,0,.15);

}

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

.vg-faq-category-grid{

max-width:1200px;

margin:auto;

display:grid;

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

gap:30px;

margin-bottom:70px;

}

.vg-category-card{

background:#fff;

padding:35px;

border-radius:24px;

text-align:center;

transition:.35s;

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

font-size:42px;

}

.vg-category-card:hover{

transform:translateY(-8px);

}

.vg-category-card h3{

font-family:Montserrat;

font-size:24px;

margin:20px 0 10px;

color:#061B44;

}

.vg-category-card p{

font-family:Poppins;

font-size:16px;

line-height:1.8;

color:#566170;

}

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

.vg-faq-container{

max-width:1100px;

margin:auto;

}

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

@media(max-width:1024px){

.vg-faq-category-grid{

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

}

.vg-faq-hero h1{

font-size:46px;

}

}

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

@media(max-width:767px){

.vg-faq-page{

padding:60px 18px;

}

.vg-faq-category-grid{

grid-template-columns:1fr;

}

.vg-faq-hero h1{

font-size:36px;

}

.vg-faq-hero p{

font-size:16px;

}

.vg-search-box input{

padding:18px 22px;

}

}

/* ==========================================
FAQ SECTION TITLE
========================================== */

.vg-faq-section-title{

font-family:Montserrat,sans-serif;

font-size:34px;

color:#ffffff;

margin:60px 0 25px;

}

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

.vg-faq-item{

background:#ffffff;

border-radius:20px;

margin-bottom:18px;

overflow:hidden;

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

}

/* ==========================================
QUESTION
========================================== */

.vg-faq-question{

width:100%;

padding:24px 30px;

background:#ffffff;

border:none;

display:flex;

justify-content:space-between;

align-items:center;

cursor:pointer;

font-family:Montserrat,sans-serif;

font-size:19px;

font-weight:700;

color:#061B44;

text-align:left;

transition:.3s;

}

.vg-faq-question:hover{

background:#F8FAFC;

}

.vg-faq-question span{

font-size:30px;

color:#D4AF37;

font-weight:700;

}

/* ==========================================
ANSWER
========================================== */

.vg-faq-answer{

display:none;

padding:0 30px 25px;

font-family:Poppins,sans-serif;

font-size:16px;

line-height:1.9;

color:#566170;

}

.vg-faq-item.active .vg-faq-answer{

display:block;

}

.vg-faq-item.active .vg-faq-question span{

transform:rotate(45deg);

display:inline-block;

transition:.3s;

}

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

@media(max-width:767px){

.vg-faq-section-title{

font-size:28px;

}

.vg-faq-question{

font-size:17px;

padding:20px;

}

.vg-faq-answer{

padding:0 20px 20px;

font-size:15px;

}

}

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

.vg-faq-cta{

margin-top:90px;

padding:70px 50px;

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

border-radius:30px;

text-align:center;

}

.vg-faq-cta span{

font-family:Poppins,sans-serif;

letter-spacing:2px;

font-size:13px;

font-weight:600;

text-transform:uppercase;

color:#061B44;

}

.vg-faq-cta h2{

font-family:Montserrat,sans-serif;

font-size:46px;

color:#061B44;

margin:20px 0;

}

.vg-faq-cta p{

font-family:Poppins,sans-serif;

font-size:18px;

line-height:1.9;

color:#061B44;

max-width:750px;

margin:0 auto 40px;

}

.vg-faq-contact{

display:flex;

justify-content:center;

gap:30px;

flex-wrap:wrap;

}

.vg-faq-contact-card{

background:#ffffff;

padding:30px 40px;

border-radius:20px;

min-width:280px;

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

transition:.3s;

}

.vg-faq-contact-card:hover{

transform:translateY(-6px);

}

.vg-faq-contact-card h3{

font-family:Montserrat,sans-serif;

font-size:22px;

color:#061B44;

margin-bottom:12px;

}

.vg-faq-contact-card p{

margin:0;

font-size:17px;

font-weight:600;

color:#566170;

}

/* ==========================================
ACTIVE QUESTION
========================================== */

.vg-faq-item.active .vg-faq-question{

background:#F8FAFC;

}

/* ==========================================
SMOOTH ANSWER
========================================== */

.vg-faq-answer{

animation:fadeAnswer .35s ease;

}

@keyframes fadeAnswer{

from{

opacity:0;

transform:translateY(-10px);

}

to{

opacity:1;

transform:translateY(0);

}

}

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

@media(max-width:767px){

.vg-faq-cta{

padding:45px 25px;

}

.vg-faq-cta h2{

font-size:32px;

}

.vg-faq-cta p{

font-size:16px;

}

.vg-faq-contact-card{

width:100%;

min-width:auto;

}

}/* End custom CSS */