.secure-https-status-qw78 {
display: inline-flex;
align-items: center;
padding: 8px 16px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
margin: 10px 0;
border: 2px solid transparent;
}
.secure-https-status-qw78.secure {
background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
color: #155724;
border-color: #c3e6cb;
}
.secure-https-status-qw78.insecure {
background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
color: #721c24;
border-color: #f5c6cb;
}
.https-status-indicator-mn90 {
display: flex;
align-items: center;
gap: 8px;
}
.https-status-content-ab67 {
margin-top: 8px;
font-size: 13px;
opacity: 0.9;
} @media (max-width: 768px) {
.secure-https-status-qw78 {
font-size: 13px;
padding: 6px 12px;
}
} .secure-https-status-qw78:focus {
outline: 2px solid #007cba;
outline-offset: 2px;
} .secure-https-status-qw78 {
animation: fadeIn 0.5s ease-in;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} @media (prefers-color-scheme: dark) {
.secure-https-status-qw78.secure {
background: linear-gradient(135deg, #0f5132 0%, #198754 100%);
color: #d1e7dd;
border-color: #198754;
}
.secure-https-status-qw78.insecure {
background: linear-gradient(135deg, #842029 0%, #dc3545 100%);
color: #f8d7da;
border-color: #dc3545;
}
}.e-lottie__container{display:inline-block;max-width:var(--lottie-container-max-width);opacity:var(--lottie-container-opacity);width:var(--lottie-container-width)}.e-lottie__container:hover{opacity:var(--lottie-container-opacity-hover);transition-duration:var(--lottie-container-transition-duration-hover)}.e-lottie__container svg,.e-lottie__container svg *{transition:none!important}.e-lottie__caption{color:var(--caption-color);margin-top:var(--caption-margin-top);text-align:var(--caption-text-align)}.elementor-shape{direction:ltr;left:0;line-height:0;overflow:hidden;position:absolute;width:100%}.elementor-shape-top{top:-1px}.elementor-shape-top:not([data-negative=false]) svg{z-index:-1}.elementor-shape-bottom{bottom:-1px}.elementor-shape-bottom:not([data-negative=true]) svg{z-index:-1}.elementor-shape[data-negative=false].elementor-shape-bottom,.elementor-shape[data-negative=true].elementor-shape-top{transform:rotate(180deg)}.elementor-shape svg{display:block;left:50%;position:relative;transform:translateX(-50%);width:calc(100% + 1.3px)}.elementor-shape .elementor-shape-fill{fill:#fff;transform:rotateY(0deg);transform-origin:center}