/* CTA BUTTON */

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

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 !important;
font-size: 1.8em !important;
line-height: 1em !important;
}
#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: 9px 0px !important;
    background: #ff4d4d !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    animation: shake 3s infinite;
    height: auto !important;
    text-align: center !important;
    font-size: 18px !important;
    text-transform: none !important;
	width: 100% !important;
    margin: 5px 0px !important;

}

@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 !important;
padding:14px !important;
background:#25D366 !important;
color:white !important;
text-align:center !important;
border-radius:6px !important;
text-decoration:none !important;
font-weight:bold !important;
}

/* IMAGE */

.popup-right{
width:50%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/* LOADING STATE */
/* CLICK (PRESS) */
.popup-left input[type="submit"]:active{
opacity:0.85;               /* minor fade */
transform:scale(0.98);     /* very subtle press */
border:2px solid #fff;     /* white border feedback */
}

/* AFTER CLICK (FOCUS) */
.popup-left input[type="submit"]:focus{
opacity:0.9;
border:2px solid #fff;
}

/* MOBILE */

@media(max-width:768px){

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

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

.popup-right{
display:none;
}

}

@media(max-width:480px){

.popup-left h2 {
    margin: 20px 20px 10px 0px !important;
    font-size: 1.3em !important;
    line-height: 1em !important;
}
}