.elementor-4266 .elementor-element.elementor-element-8a75863{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}/* Start custom CSS for html, class: .elementor-element-e72acbd *//*==================================================
CONTACT HERO SECTION
Brandify Education
==================================================*/

#contact-hero{

    position:relative;
    overflow:hidden;
    padding:120px 7%;
    background:linear-gradient(135deg,#061329 0%,#0B1F45 100%);

}

/* Background Glow */

#contact-hero::before{

    content:"";
    position:absolute;
    width:650px;
    height:650px;
    background:radial-gradient(circle,#0A5BFF30,transparent 70%);
    top:-250px;
    right:-180px;
    border-radius:50%;
    z-index:0;

}

#contact-hero::after{

    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:radial-gradient(circle,#00BFFF20,transparent 70%);
    bottom:-220px;
    left:-180px;
    border-radius:50%;
    z-index:0;

}

/* Main Container */

.contact-container{

    position:relative;
    z-index:2;
    max-width:1350px;
    margin:auto;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:70px;
    align-items:center;

}

/* Left */

.contact-tag{

    display:inline-block;
    padding:12px 26px;
    border-radius:50px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,215,0,.25);
    color:#FFD700;
    font-size:14px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:28px;

}

.contact-left h1{

    font-size:62px;
    font-weight:800;
    line-height:1.15;
    color:#fff;
    margin-bottom:28px;

}

.contact-left h1 span{

    background:linear-gradient(135deg,#34B6FF,#0A5BFF);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

}

.contact-left p{

    font-size:18px;
    color:#D8E5FF;
    line-height:1.9;
    margin-bottom:40px;

}

/* Buttons */

.hero-buttons{

    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-bottom:50px;

}

.call-btn,
.whatsapp-btn{

    padding:18px 34px;
    border-radius:60px;
    text-decoration:none;
    color:#fff;
    font-weight:700;
    transition:.35s;

}

.call-btn{

    background:linear-gradient(135deg,#0A5BFF,#2F7BFF);

}

.whatsapp-btn{

    background:linear-gradient(135deg,#25D366,#1AA34A);

}

.call-btn:hover,
.whatsapp-btn:hover{

    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(0,0,0,.25);

}

/* Highlights */

.contact-highlights{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;

}

.highlight-box{

    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    padding:28px;
    text-align:center;
    transition:.35s;
    backdrop-filter:blur(18px);

}

.highlight-box:hover{

    transform:translateY(-8px);
    border-color:#0A5BFF;
    box-shadow:0 20px 45px rgba(10,91,255,.20);

}

.highlight-box{

    font-size:42px;

}

.highlight-box h4{

    font-size:20px;
    color:#fff;
    margin-top:15px;
    margin-bottom:0;

}

/* Right Image */

.contact-right{

    position:relative;
    text-align:center;

}

.contact-right img{

    width:100%;
    max-width:560px;
    animation:contactFloat 5s ease-in-out infinite;
    filter:drop-shadow(0 30px 50px rgba(0,0,0,.35));

}

/* Floating Animation */

@keyframes contactFloat{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-15px);

    }

    100%{

        transform:translateY(0px);

    }

}

/*==============================
Tablet
==============================*/

@media(max-width:991px){

.contact-container{

    grid-template-columns:1fr;
    text-align:center;

}

.contact-left h1{

    font-size:44px;

}

.hero-buttons{

    justify-content:center;

}

.contact-highlights{

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

}

.contact-right{

    margin-top:40px;

}

}

/*==============================
Mobile
==============================*/

@media(max-width:768px){

#contact-hero{

    padding:90px 5%;

}

.contact-left h1{

    font-size:34px;

}

.contact-left p{

    font-size:16px;

}

.hero-buttons{

    flex-direction:column;

}

.call-btn,
.whatsapp-btn{

    width:100%;
    text-align:center;

}

.contact-highlights{

    grid-template-columns:1fr;

}

.highlight-box{

    padding:24px;

}

.contact-right img{

    max-width:350px;

}

}
/*==================================================
CONTACT INFORMATION
==================================================*/

#contact-info{

padding:110px 7%;

background:#071B3A;

}

.contact-info-wrapper{

max-width:1350px;

margin:auto;

}

.section-title{

text-align:center;

margin-bottom:70px;

}

.section-tag{

display:inline-block;

padding:12px 26px;

border-radius:50px;

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

border:1px solid rgba(255,215,0,.30);

color:#FFD700;

font-weight:700;

margin-bottom:25px;

}

.section-title h2{

font-size:48px;

color:#fff;

margin-bottom:20px;

font-weight:800;

}

.section-title h2 span{

background:linear-gradient(135deg,#49C7FF,#0A66FF);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.section-title p{

max-width:850px;

margin:auto;

font-size:17px;

line-height:1.9;

color:#D6E3FF;

}

.contact-grid{

margin-top:70px;

display:grid;

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

gap:30px;

}

.contact-card{

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

border:1px solid rgba(255,255,255,.08);

border-radius:24px;

padding:35px;

text-align:center;

transition:.35s;

backdrop-filter:blur(20px);

}

.contact-card:hover{

transform:translateY(-10px);

border-color:#FFD700;

box-shadow:0 25px 55px rgba(0,0,0,.35);

}

.contact-icon{

width:85px;

height:85px;

margin:auto auto 25px;

border-radius:50%;

background:linear-gradient(135deg,#0A66FF,#2F7BFF);

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

}

.contact-card h3{

color:#fff;

font-size:24px;

margin-bottom:15px;

}

.contact-card p{

color:#D6E3FF;

line-height:1.8;

margin-bottom:20px;

}

.contact-card a{

color:#FFD700;

text-decoration:none;

font-weight:700;

word-break:break-word;

}

.contact-card a:hover{

color:#ffffff;

}

@media(max-width:991px){

.contact-grid{

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

}

.section-title h2{

font-size:38px;

}

}

@media(max-width:768px){

#contact-info{

padding:80px 5%;

}

.contact-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:32px;

}

.contact-card{

padding:30px;

}

}
/*==================================================
GOOGLE MAPS
==================================================*/

#contact-map{

padding:110px 7%;

background:#071229;

position:relative;

overflow:hidden;

}

.map-container{

max-width:1320px;

margin:auto;

}

.map-heading{

text-align:center;

margin-bottom:60px;

}

.map-badge{

display:inline-block;

padding:12px 26px;

border-radius:50px;

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

border:1px solid rgba(255,215,0,.30);

color:#FFD700;

font-weight:700;

margin-bottom:22px;

}

.map-heading h2{

font-size:48px;

color:#ffffff;

font-weight:800;

margin-bottom:20px;

}

.map-heading h2 span{

background:linear-gradient(135deg,#45C4FF,#0A66FF);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.map-heading p{

max-width:850px;

margin:auto;

font-size:17px;

line-height:1.9;

color:#D7DEFF;

}

.map-grid{

margin-top:60px;

display:grid;

grid-template-columns:1.4fr .8fr;

gap:35px;

align-items:stretch;

}

.map-box{

overflow:hidden;

border-radius:30px;

border:1px solid rgba(255,255,255,.08);

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

box-shadow:0 25px 60px rgba(0,0,0,.35);

}

.map-box iframe{

width:100%;

height:100%;

min-height:620px;

border:0;

}

.qr-box{

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

border:1px solid rgba(255,255,255,.08);

border-radius:30px;

padding:40px;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

backdrop-filter:blur(16px);

transition:.35s;

}

.qr-box:hover{

transform:translateY(-8px);

border-color:#FFD700;

box-shadow:0 20px 50px rgba(0,0,0,.35);

}

.qr-image{

margin-bottom:30px;

}

.qr-image img{

width:220px;

background:#ffffff;

padding:12px;

border-radius:18px;

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

}

.qr-box h3{

font-size:30px;

color:#ffffff;

margin-bottom:18px;

}

.qr-box p{

font-size:16px;

line-height:1.8;

color:#D7DEFF;

margin-bottom:30px;

}

.qr-buttons{

display:flex;

flex-direction:column;

gap:18px;

width:100%;

}

.direction-btn,

.visit-btn{

display:block;

padding:18px;

border-radius:50px;

text-decoration:none;

font-weight:700;

transition:.35s;

}

.direction-btn{

background:linear-gradient(135deg,#0A66FF,#004CFF);

color:#ffffff;

}

.visit-btn{

background:linear-gradient(135deg,#25D366,#18A84B);

color:#ffffff;

}

.direction-btn:hover,

.visit-btn:hover{

transform:translateY(-5px);

box-shadow:0 18px 40px rgba(0,0,0,.25);

}

/*==============================
Responsive
==============================*/

@media(max-width:991px){

.map-grid{

grid-template-columns:1fr;

}

.map-box iframe{

min-height:450px;

}

}

@media(max-width:768px){

#contact-map{

padding:80px 5%;

}

.map-heading h2{

font-size:34px;

}

.qr-box{

padding:30px;

}

.qr-image img{

width:180px;

}

.map-box iframe{

min-height:350px;

}

}
/*==================================================
CONTACT FORM
==================================================*/

#contact-form{

padding:120px 7%;

background:#061329;

}

.form-wrapper{

max-width:1320px;

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.form-tag{

display:inline-block;

padding:12px 24px;

border-radius:50px;

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

border:1px solid rgba(255,215,0,.30);

color:#FFD700;

font-weight:700;

margin-bottom:25px;

}

.form-left h2{

font-size:48px;

color:#fff;

margin-bottom:25px;

font-weight:800;

}

.form-left h2 span{

background:linear-gradient(135deg,#45C4FF,#0A66FF);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.form-left p{

color:#D7DEFF;

font-size:17px;

line-height:1.9;

margin-bottom:35px;

}

.form-features{

display:grid;

gap:18px;

}

.feature{

padding:18px 22px;

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

border:1px solid rgba(255,255,255,.08);

border-radius:16px;

color:#fff;

}

.form-right{

padding:40px;

border-radius:30px;

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

border:1px solid rgba(255,255,255,.08);

backdrop-filter:blur(20px);

}

.form-grid{

display:grid;

gap:18px;

}

.form-grid input,
.form-grid select,
.form-grid textarea{

width:100%;

padding:18px 20px;

border-radius:14px;

background:#0E2147;

border:1px solid rgba(255,255,255,.10);

color:#fff;

font-size:16px;

outline:none;

transition:.3s;

}

.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus{

border-color:#0A66FF;

box-shadow:0 0 15px rgba(10,102,255,.25);

}

.submit-btn{

margin-top:25px;

width:100%;

padding:18px;

border:none;

border-radius:50px;

background:linear-gradient(135deg,#25D366,#1AA34A);

color:#fff;

font-size:18px;

font-weight:700;

cursor:pointer;

transition:.35s;

}

.submit-btn:hover{

transform:translateY(-4px);

}

@media(max-width:991px){

.form-wrapper{

grid-template-columns:1fr;

}

.form-left{

text-align:center;

}

}

@media(max-width:768px){

#contact-form{

padding:80px 5%;

}

.form-left h2{

font-size:34px;

}

.form-right{

padding:25px;

}

}/* End custom CSS */