/* CTA BUTTON */

.contact-btn{
display:none;
position:fixed;
right:0px;
top:50%;
transform: rotate(-90deg) translateY(-100%);
transform-origin: right top;
background:#ff4d4d;
color:white;
padding:14px 30px;
font-weight:bold;
cursor:pointer;
border-radius:8px 8px 0 0;
z-index:999;

box-shadow:
0 0 10px rgba(255,77,77,0.6),
0 0 20px rgba(255,77,77,0.5),
0 0 30px rgba(255,77,77,0.4);

animation:glowPulse 2.5s infinite;
}

@keyframes glowPulse{
0%{
box-shadow:0 0 5px rgba(255,77,77,0.4),
0 0 10px rgba(255,77,77,0.3);
}
50%{
box-shadow:0 0 20px rgba(255,77,77,0.8),
0 0 40px rgba(255,77,77,0.6);
}
100%{
box-shadow:0 0 5px rgba(255,77,77,0.4),
0 0 10px rgba(255,77,77,0.3);
}
}

/* OVERLAY */

.popup-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,0.65);
display:none;
justify-content:center;
align-items:center;
z-index:9999;
}

/* POPUP BOX */

.popup{
width:900px;
max-width:70%;
height:520px;
display:flex;
border-radius:12px;
overflow:hidden;
position:relative;

background: linear-gradient(135deg, #0e1c26 0%, #2a454b 50%, #294861 100%);
color:white;
}

/* CLOSE BUTTON */

.close-btn{
position:absolute;
top:15px;
right:18px;
width:36px;
height:36px;
background:white;
color:black;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
cursor:pointer;
box-shadow:0 2px 8px rgba(0,0,0,0.3);
}

/* FORM AREA */

.popup-left{
width:50%;
padding:40px;
display:flex;
flex-direction:column;
justify-content:center;
}

.popup-left{
width:50%;
padding:40px;
display:flex;
flex-direction:column;
justify-content:center;

max-height:100%;
overflow-y:auto;
}

.popup-left .wpa-test-msg,
.popup-left .wpcf7-spinner
{
    display:none;
}
.popup-left .submitting
{
    display:block;
}

.popup-left h2{
margin-bottom:20px;
font-size: 20px;
}
#popupHeading{
color:#ffffff;
}

.popup-left input,
.popup-left textarea{
width:100%;
box-sizing:border-box;
padding:8px;
margin-bottom:5px;
border:1px solid #ccc;
border-radius:6px;
}
.popup-left p{
padding:5px;
margin:0;
}

/* SUBMIT BUTTON */

.popup-left .wpcf7-response-output
{
    margin: 5px;
    padding: 1px;
    font-size: 12px;
}

.popup-left input[type="submit"],
.popup-left button{
padding:14px;
background:#ff4d4d;
color:white;
border:none;
border-radius:6px;
cursor:pointer;
animation:shake 3s infinite;
}

@keyframes shake{
0%{transform:translateX(0)}
2%{transform:translateX(-2px)}
4%{transform:translateX(2px)}
6%{transform:translateX(-2px)}
8%{transform:translateX(2px)}
10%{transform:translateX(0)}
100%{transform:translateX(0)}
}

/* WHATSAPP */

.whatsapp-btn{
margin-top:10px;
padding:14px;
background:#25D366;
color:white;
text-align:center;
border-radius:6px;
text-decoration:none;
font-weight:bold;
}

/* IMAGE */

.popup-right{
width:50%;
background:url('https://image2url.com/r2/default/images/1772599398755-a201da2b-718e-446e-b14d-d6e5302907fd.webp') center/cover no-repeat;
}


/* MOBILE */

@media(max-width:768px){

.popup{
flex-direction:column;
height:auto;
}

.popup-left{
width:100%;
padding:8%;
}

.popup-right{
display:none;
}

}