#mainSection{
	margin-top: -102px;
}
.contact-hero{
    background: radial-gradient(
        circle at top center,
        rgba(111,0,255,.22) 0%,
        transparent 30%
    );
    min-height: 80vh;
    padding: 120px 0 0 0;
    background-repeat: no-repeat;
}
.btn-primary{
    background:linear-gradient(90deg,#6d28d9,#9333ea);
    padding:15px 30px;
    border-radius:10px;
    color:#fff;
}

/* .contact-hero{
    padding:120px 0;
} */

.hero-grid{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;
}

.hero-left{
    width:50%;
}

.hero-right{
    width:50%;
}

.hero-right img{
    width:100%;
}

.tag{
    display:inline-block;
    padding:10px 20px;
    border:1px solid #7a2cff;
    border-radius:30px;
    color:#a855f7;
}



.hero-buttons{
    margin-top:30px;
    display:flex;
    gap:20px;
}


.btn-secondary{
    color:#fff;
}

.contact-box-wrapper{
    display:flex;
    gap:30px;
    margin-top:60px;
    align-items: center;
}

.contact-form-box{
    width:100%;
    background:var(--bg);
    padding:30px;
    border-radius:20px;
    border: 1px solid var(--border);
}

.contact-form-boxone{
    width:50%;
}

.contact-form-box h2{
    text-align: center;
   font-size: 30px;
}

.contact-info-box{
    display: flex;
    gap: 20px;
    margin-top: 80px;
}



.info-card {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 30px 25px;
    border: 1px solid var(--border);
    border-radius: 12px;
    margin-bottom: 30px;
    background: var(--bg);
    transition: 0.3s ease;
    width: 100%;
}

.info-card:hover {
    transform: translateY(-5px);
}

.icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #7c3aed, #2563eb);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    flex-shrink: 0;
}

.content h4 {
    margin: 0;
    font-size: 18px;
}

.content p {
    margin: 5px 0 0;
    color: #aaa;
}

.faq-section{
    text-align:center;
}

.faq-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-top: 45px;
    gap: 20px;
}

.faq-item{
    background:var(--bg);
    padding:20px;
    border-radius:12px;
    text-align:left;
    border: 1px solid var(--border);
}

.page-id-19 input, select, textarea{
    background: transparent;
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--purple-glow) !important;
    color: white !important;
}

.page-id-19 input::placeholder{
    color: transparent !important;
}

.page-id-19 label{
   font-size: 14px;
}

.page-id-19 form{
   margin-top: 50px;
}

.page-id-19 .ff-default .ff-el-form-control:focus {
    background: none !important;
}

/* Autofill background remove */
.page-id-19 input:-webkit-autofill,
.page-id-19 input:-webkit-autofill:hover,
.page-id-19 input:-webkit-autofill:focus,
.page-id-19 textarea:-webkit-autofill,
.page-id-19 select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
    background-color: transparent !important;
}

.page-id-19 .ff-el-form-check input[type="checkbox"]{
    accent-color: #8b5cf6;
    cursor: pointer;
    transition: transform .25s ease;
    position: relative;
}

/* Hover pe halka float */
.page-id-19 .ff-el-form-check input[type="checkbox"]:hover{
    transform: scale(1.15) rotate(3deg);
}

/* Checked pe bounce */
.page-id-19 .ff-el-form-check input[type="checkbox"]:checked{
    animation: bounceCheck .5s ease;
    box-shadow: 0 0 0 6px rgba(139,92,246,0.15),
                0 0 15px rgba(139,92,246,0.5);
}

/* Bounce animation */
@keyframes bounceCheck{
    0%{
        transform: scale(1);
    }
    30%{
        transform: scale(1.4) rotate(-8deg);
    }
    60%{
        transform: scale(.9) rotate(6deg);
    }
    100%{
        transform: scale(1) rotate(0);
    }
}


.page-id-19 .ff-default select option{
    background: #0b1020 !important;
    color: #fff !important;
    border: 1px solid var(--purple-glow) !important;
}

.page-id-19 .ff-message-success {
    border: none o !important;
    text-align: center !important;
}


.faq-item{
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    overflow:hidden;
    cursor:pointer;
    transition:.3s;
}

.faq-question{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.faq-icon{
    font-size:20px;
    transition:.3s;
}

.faq-answer{
    max-height:0;
    overflow:hidden;
    opacity:0;
    padding:0 20px;
    background:#12081f;
    transition:all .4s ease;
}

/* open state */
.faq-item.active .faq-question{
    border-bottom:1px solid rgba(255,255,255,.08);
}

.faq-item.active .faq-answer{
    max-height:200px;
    opacity:1;
    padding:20px;
}

.faq-item.active .faq-icon{
    transform:rotate(45deg); /* + becomes × */
}