body{
font-family: Arial, sans-serif;
margin:0;
padding:0;
background:#f7f7f7;
}
header{
background:#111;
color:#fff;
padding:15px 30px;
}
header a{
color:#fff;
text-decoration:none;
margin-right:15px;
}
footer{
background:#111;
color:#fff;
text-align:center;
padding:20px;
margin-top:40px;
}
.container{
max-width:1100px; }
.post{
margin-bottom:40px;
}
.post-title{
font-size:24px;
} .form-success-message {
display: none;
margin-top: 15px;
}
.success-box {
display: flex;
align-items: center;
gap: 10px;
background: #e6f9f0;
color: #0c7a43;
padding: 12px 16px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
animation: fadeIn 0.4s ease;
border: 1px solid #b6efd3;
}
.success-icon {
font-size: 18px;
} .btn-gradient {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
} .btn-text {
display: inline-block;
} .btn-loader {
display: none; align-items: center;
gap: 8px;
color: #fff;
font-size: 14px;
} .btn-loader::before {
content: "";
width: 16px;
height: 16px;
border: 2px solid #fff;
border-top: 2px solid transparent;
border-radius: 50%;
animation: spin 0.6s linear infinite;
} .btn-gradient:disabled {
opacity: 0.7;
cursor: not-allowed;
} @keyframes spin {
to { transform: rotate(360deg); }
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(5px); }
to { opacity: 1; transform: translateY(0); }
}
.blog-card .card-image img {
width: 100%;
height: 100%;
object-fit: cover;        
object-position: center;  
display: block;
}
.blog-card .card-image {
width: 100%;
height: 250px;            
overflow: hidden;
}
.page-id-5573 .webrtc-demo-card {
background: #0B101E !important;
} .mega-menu-engagement .our-product {
font-size: 12px;
font-weight: 600;
padding: 6px 12px;
border-radius: 20px;
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(13, 110, 253, 0.1);
color: #0d6efd;
}
.mega-menu-engagement .product-logo {
max-height: 36px;
display: block;
margin-bottom: 1rem;
}
.mega-menu-engagement .product-subtitle {
font-size: 16px;
font-weight: 500;
color: #6c757d;
margin-bottom: 16px;
}
.mega-menu-engagement .product-heading {
font-size: 18px;
font-weight: 700;
color: #111;
margin-bottom: 16px;
line-height: 1.4;
}
.mega-menu-engagement .product-text {
font-size: 14px;
color: #555;
margin-bottom: 24px;
line-height: 1.5;
}
@media (max-width: 991px) {
.mega-menu-engagement {
display: block !important;
border-left: none !important;
border-top: none !important;
margin-top: 24px;
padding: 20px !important;
background: rgba(2, 59, 226, 0.04);
border-radius: 12px;
}
}