#scs-chatPopup {
background: rgba(255, 255, 255, 0.75) !important;
backdrop-filter: blur(25px) saturate(200%) !important;
-webkit-backdrop-filter: blur(25px) saturate(200%) !important;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
border-radius: 30px !important;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
}
#scs-app {
background: transparent !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
} #scs-mainHeader {
background: rgba(255, 255, 255, 0.4) !important;
backdrop-filter: blur(10px) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
padding: 22px 25px !important;
height: auto !important;
min-height: 70px !important;
position: relative !important;
}
#scs-mainHeader h2, #scs-mainHeader h3 {
color: #1a202c !important;
font-weight: 800 !important;
font-size: 1.875rem !important;
margin: 0 !important;
line-height: 1.2 !important;
pointer-events: none !important;
}
.scs-test-alert {
position: absolute !important;
top: 8px !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: rgba(229, 62, 62, 0.15) !important;
backdrop-filter: blur(5px) !important;
color: #c53030 !important;
font-size: 9px !important;
padding: 2px 12px !important;
border-radius: 20px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
z-index: 10 !important;
pointer-events: none !important;
border: 1px solid rgba(229, 62, 62, 0.2) !important;
}
#scs-closeChatBtn {
position: absolute !important;
top: 15px !important;
right: 15px !important;
background: var(--scs-primary-color) !important;
border: none !important;
color: var(--scs-primary-text-color) !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
font-size: 22px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
z-index: 100 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}
#scs-closeChatBtn:hover {
transform: rotate(90deg) scale(1.1) !important;
filter: brightness(1.1) !important;
} #scs-startChatForm {
padding: 30px !important;
background: transparent !important;
}
.scs-label {
color: #4a5568 !important;
font-weight: 600 !important;
margin-bottom: 8px !important;
}
.scs-dynamic-input {
background: rgba(255, 255, 255, 0.6) !important;
border: 1px solid rgba(0, 0, 0, 0.1) !important;
border-radius: 14px !important;
padding: 12px 16px !important;
color: #1a202c !important;
transition: all 0.3s ease !important;
}
.scs-dynamic-input:focus {
background: rgba(255, 255, 255, 0.9) !important;
border-color: var(--scs-primary-color) !important;
box-shadow: 0 0 0 3px rgba(var(--scs-primary-rgb), 0.2) !important;
} #scs-newChatFormSubmit button[type="submit"] {
background: var(--scs-primary-color) !important;
color: var(--scs-primary-text-color) !important;
border-radius: 18px !important;
padding: 14px 45px !important;
border: none !important;
font-weight: 700 !important;
font-size: 16px !important;
box-shadow: 0 10px 20px rgba(var(--scs-primary-rgb), 0.3) !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
margin-top: 20px !important;
width: auto !important;
display: inline-block !important;
}
#scs-newChatFormSubmit button[type="submit"]:hover {
transform: translateY(-2px) !important;
box-shadow: 0 12px 25px rgba(var(--scs-primary-rgb), 0.4) !important;
filter: brightness(1.05) !important;
} #scs-chat-container {
background: transparent !important;
padding: 20px !important;
}
.scs-msg-content {
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
border-radius: 20px !important;
padding: 14px 18px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}
.scs-assistant-message .scs-msg-content {
background: rgba(255, 255, 255, 0.8) !important;
color: #2d3748 !important;
border-bottom-left-radius: 4px !important;
}
.scs-user-message .scs-msg-content {
background: rgba(var(--scs-primary-rgb), 0.85) !important;
color: var(--scs-primary-text-color) !important;
border-bottom-right-radius: 4px !important;
} .scs-chat-input-area {
background: rgba(255, 255, 255, 0.3) !important;
backdrop-filter: blur(15px) !important;
border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
padding: 18px 25px !important;
}
.scs-input-container-pill {
background: rgba(255, 255, 255, 0.8) !important;
border: 1px solid rgba(0, 0, 0, 0.1) !important;
border-radius: 28px !important;
padding: 6px 6px 6px 18px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}
#scs-userInput {
background: transparent !important;
color: #1a202c !important;
border: none !important;
box-shadow: none !important;
font-size: 15px !important;
}
#scs-userInput::placeholder {
color: #718096 !important;
opacity: 0.8 !important;
}
#scs-sendBtn {
background: var(--scs-primary-color) !important;
color: var(--scs-primary-text-color) !important;
width: 40px !important;
height: 40px !important;
box-shadow: 0 4px 10px rgba(var(--scs-primary-rgb), 0.3) !important;
} .scs-accessibility-panel {
background: rgba(15, 23, 42, 0.92) !important; backdrop-filter: blur(25px) saturate(200%) !important;
-webkit-backdrop-filter: blur(25px) saturate(200%) !important;
color: #ffffff !important;
}
.scs-panel-header {
background: rgba(255, 255, 255, 0.05) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.scs-panel-title, .scs-header-icon-left, .scs-close-panel {
color: #ffffff !important;
}
.scs-header-icon-left, .scs-close-panel {
background: transparent !important;
border: none !important;
}
.scs-close-panel:hover {
background: rgba(255, 255, 255, 0.1) !important;
color: #ffffff !important;
}
.scs-option-text {
color: #ffffff !important;
}
.scs-reset-btn {
color: rgba(255, 255, 255, 0.7) !important;
}
.scs-reset-btn:hover {
color: #ffffff !important;
}.elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-tabs-base{padding-block-start:0px;display:flex;flex-direction:column;gap:30px;}.elementor .e-tabs-menu-base{display:flex;justify-content:center;}.elementor .e-tab-base{width:160px;color:#0C0D0E;cursor:pointer;padding:8px;border-width:2px;border-color:#E0E0E0;border-style:solid;background-color:#FFFFFF;display:block;}.elementor .e-tab-base.e--selected{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:focus{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:hover,.elementor .e-tab-base:focus-visible{background-color:#E0E0E0;}.elementor .e-tabs-content-area-base{display:block;}.elementor .e-tab-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-form-base{display:block;}.elementor .e-heading-base{margin:0px;}.elementor .e-heading-link-base{all:unset;cursor:pointer;}.elementor .e-image-link-base{width:fit-content;all:unset;cursor:pointer;display:inherit;}.elementor .e-image-base{display:block;}.elementor .e-paragraph-base{margin:0px;}.elementor .e-paragraph-link-base{all:unset;cursor:pointer;}.elementor .e-svg-base{width:65px;height:65px;display:inline-block;}.elementor .e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:2px;border-width:0px;background-color:#375EFB;display:inline-block;}.elementor .e-youtube-base{overflow:hidden;aspect-ratio:16/9;}.elementor .e-divider-base{height:1px;border-width:0px;border-color:transparent;border-style:none;background-color:#000;}.elementor .e-self-hosted-video-base{max-width:100vw;aspect-ratio:16/9;display:inline-block;}