/* ===== HOVER EFFECTS ===== */

.footer1-section-area a{
transition: all .3s ease;
}

/* TEXT HOVER */
.footer1-section-area ul li a:hover{
color:#60a5fa !important;
padding-left:6px;
}

/* SOCIAL ICON */
.footer1-section-area .social-icon a{
transition:all .4s ease;
}

.footer1-section-area .social-icon a:hover{
transform:translateY(-8px) scale(1.08);
background:#2563eb !important;
box-shadow:0 10px 25px rgba(37,99,235,0.4);
}

/* ICON ROTATE */
.footer1-section-area .social-icon a img{
transition:all .5s ease;
}

.footer1-section-area .social-icon a:hover img{
transform:rotate(360deg);
}

/* BUTTON */
.footer1-section-area .footer-btn{
transition:all .4s ease;
}

.footer1-section-area .footer-btn:hover{
background:#111827 !important;
color:#fff !important;
transform:translateY(-4px);
}

/* CONTACT BOX */
.footer1-section-area .contact-box{
transition:all .4s ease;
}

.footer1-section-area .contact-box:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.25);
border-color:rgba(255,255,255,0.15) !important;
}

/* HEADING LINE */
.footer1-section-area h3{
position:relative;
display:inline-block;
}

.footer1-section-area h3::after{
content:"";
position:absolute;
left:0;
bottom:-10px;
width:45px;
height:3px;
background:#2563eb;
border-radius:50px;
transition:.4s;
}

.footer1-section-area h3:hover::after{
width:80px;
}

/* PARAGRAPH */
.footer1-section-area p{
transition:.3s;
}

.footer1-section-area p:hover{
color:#fff !important;
}

/* RESPONSIVE */
@media(max-width:767px){

.footer1-section-area{
padding:50px 0 20px !important;
}

.footer1-section-area h2{
font-size:28px !important;
line-height:40px !important;
}

.footer1-section-area h3{
margin-top:10px;
}

}


/* SOCIAL ICON FIX */

.footer1-section-area .social-icon a{
width:50px;
height:50px;
background:#1e293b !important;
border:1px solid rgba(255,255,255,0.15);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
transition:all .4s ease;
}

.footer1-section-area .social-icon a img{
width:22px !important;
height:22px !important;
filter: brightness(0) invert(1);
opacity:1;
}

/* HOVER */
.footer1-section-area .social-icon a:hover{
background:#2563eb !important;
transform:translateY(-6px) scale(1.08);
box-shadow:0 10px 25px rgba(37,99,235,0.4);
}

.footer1-section-area .social-icon a:hover img{
transform:rotate(360deg);
}



/* HERO */
.contact-hero{
padding:110px 0 90px;
background:
linear-gradient(rgba(15,23,42,.88),rgba(15,23,42,.9)),
url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?q=80&w=1600&auto=format&fit=crop');
background-size:cover;
background-position:center;
position:relative;
overflow:hidden;
}

.contact-hero::before{
content:'';
position:absolute;
width:350px;
height:350px;
background:#2563eb;
filter:blur(120px);
opacity:.25;
top:-120px;
right:-120px;
border-radius:50%;
}

.hero-content{
position:relative;
z-index:2;
text-align:center;
}

.hero-content span{
display:inline-block;
padding:10px 20px;
background:rgba(255,255,255,0.08);
border:1px solid rgba(255,255,255,0.1);
border-radius:50px;
font-size:13px;
font-weight:500;
color:#fff;
margin-bottom:20px;
}

.hero-content h1{
font-size:58px;
font-weight:800;
color:#fff;
margin-bottom:18px;
line-height:70px;
}

.hero-content h1 strong{
color:#38bdf8;
}

.hero-content p{
font-size:16px;
line-height:30px;
max-width:700px;
margin:auto;
color:#cbd5e1;
}

/* CONTACT SECTION */

.contact-section{
padding:90px 0;
}

.contact-wrapper{
max-width:1150px;
margin:auto;
}

.contact-boxx{
background:#fff;
border-radius:28px;
padding:35px;
box-shadow:0 10px 40px rgba(0,0,0,.05);
border:1px solid #e2e8f0;
height:100%;
transition:.4s;
position:relative;
overflow:hidden;
}

.contact-boxx:hover{
transform:translateY(-8px);
box-shadow:0 20px 60px rgba(37,99,235,.12);
}

.contact-boxx::before{
content:'';
position:absolute;
left:0;
top:0;
width:5px;
height:100%;
background:linear-gradient(#2563eb,#38bdf8);
}

/* TITLE */

.box-title{
display:flex;
align-items:center;
gap:16px;
margin-bottom:28px;
}

.box-icon{
width:58px;
height:58px;
background:#eff6ff;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
transition:.4s;
}

.box-icon i{
font-size:24px;
color:#2563eb;
}

.contact-boxx:hover .box-icon{
background:#2563eb;
transform:rotate(8deg);
}

.contact-boxx:hover .box-icon i{
color:#fff;
}

.box-title h2{
font-size:28px;
font-weight:700;
margin:0;
}

/* INFO */

.contact-info{
display:flex;
gap:16px;
padding:18px;
border-radius:18px;
background:#f8fafc;
margin-bottom:18px;
border:1px solid #e2e8f0;
transition:.3s;
}

.contact-info:hover{
background:#2563eb;
transform:translateX(8px);
}

.contact-info:hover i,
.contact-info:hover h4,
.contact-info:hover p{
color:#fff;
}

.contact-info i{
font-size:22px;
color:#2563eb;
margin-top:5px;
transition:.3s;
}

.contact-info h4{
font-size:18px;
font-weight:700;
margin-bottom:6px;
transition:.3s;
}

.contact-info p{
margin:0;
font-size:15px;
line-height:28px;
color:#475569;
transition:.3s;
}

/* FORM */

.form-control{
height:58px;
border-radius:16px;
border:1px solid #dbeafe;
padding:15px 18px;
font-size:15px;
box-shadow:none !important;
margin-bottom:20px;
}

textarea.form-control{
height:160px;
resize:none;
padding-top:18px;
}

.form-control:focus{
border-color:#2563eb;
}

.contact-btn{
width:100%;
height:58px;
border:none;
border-radius:50px;
background:linear-gradient(90deg,#2563eb,#38bdf8);
color:#fff;
font-size:16px;
font-weight:700;
transition:.4s;
}

.contact-btn:hover{
transform:translateY(-5px);
}

/* MAP */

.map-box{
margin-top:35px;
border-radius:28px;
overflow:hidden;
box-shadow:0 10px 40px rgba(0,0,0,.05);
}

.map-box iframe{
width:100%;
height:420px;
border:0;
}

/* FOOTER */

.footer{
background:#020617;
padding:25px 0;
text-align:center;
margin-top:70px;
}

.footer p{
margin:0;
color:#94a3b8;
font-size:14px;
}

/* RESPONSIVE */

@media(max-width:768px){

.contact-hero{
padding:90px 0 70px;
}

.hero-content h1{
font-size:38px;
line-height:48px;
}

.hero-content p{
font-size:15px;
line-height:27px;
}

.contact-boxx{
padding:24px;
}

.box-title h2{
font-size:22px;
}

.contact-info{
padding:15px;
}

.map-box iframe{
height:300px;
}

}