.ssp-sticky-wrapper .ssp-template-main { position: fixed; bottom: 20px; left: 20px; z-index: 99999; } 


body  .ssp-template-main { font-family: var(--ssp-google-font), system-ui, -apple-system, sans-serif;  }

.ssp-box, .ssp-box  * { box-sizing: border-box; }

/* Template 1 - Improved Classic Card */ 
.ssp-template-4 { display: flex; align-items: flex-start; background: #f8fafc; padding: 12px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.1); gap: 16px; border: 1px solid rgba(255, 255, 255, 0.8); position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; } 
/*.ssp-template-4:hover { transform: translateY(-2px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2), 0 6px 16px rgba(0, 0, 0, 0.15); } 
*/
.ssp-template-4::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 0px; background: linear-gradient(90deg, #10b981, #34d399); } 
.ssp-template-4 .ssp-avatar { width: 70px; height: 70px; border-radius: 12px; object-fit: cover; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); border: 3px solid #ffffff; } 

.ssp-template-4 .ssp-content, .ssp-template-4 .ssp-content p { flex: 1; font-size: 15px; line-height: 1.5;  font-family: inherit; padding: 0;} 
.ssp-template-4 .ssp-name {  font-weight: 700; font-size: 16px; } 

.ssp-template-4 .ssp-event-content-main strong,
.ssp-template-4 .ssp-product { color: #10b981; font-weight: 600; } 
.ssp-template-4 .ssp-time { color: #6b7280; font-size: 13px; margin-top: 4px; display: flex; align-items: center; gap: 4px; } 

/* Template 2 - Image Outside Container (Pill Style) */ 
.ssp-template-2-wrapper { position: relative; display: flex; align-items: center; gap: 12px; max-width: var(--ssp_width, 450px); } 
.ssp-external-thumb { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.1); border: 3px solid #ffffff; flex-shrink: 0; position: relative; z-index: 2; } 
.ssp-template-2 { background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%); padding: 14px 14px; border-radius: 50px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08); border: 1px solid rgba(255, 255, 255, 0.9); transition: all 0.3s ease; position: relative; overflow: hidden; flex: 1; } 
/*.ssp-template-2:hover { transform: scale(1.02); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18), 0 5px 15px rgba(0, 0, 0, 0.12); } 
*/
.ssp-template-2::after { content: ''; position: absolute; top: 50%; right: -80px; width: 100px; height: 100px; background: #d3e4de; border-radius: 50%; transform: translate(0px, -90px); } 
.ssp-template-2 .ssp-info, .ssp-template-2 .ssp-info p { font-size: 15px; line-height: 1.4; flex: 1; position: relative; z-index: 1; font-family: inherit; padding: 0; } 
.ssp-template-2 .ssp-name {  font-weight: 700; } 

.ssp-template-2 .ssp-event-content-main strong,
.ssp-template-2 .ssp-product { color: #3b82f6; font-weight: 600; } 
.ssp-template-2 .ssp-time { color: #6b7280; font-size: 12px; margin-top: 2px; display: flex; align-items: center; gap: 4px; } 

body .ssp-template-4 .ssp-template-img-main img.scp-default-image { object-fit: cover; box-shadow: none; border: none; padding: 0!important; width: 64px; height: 64px;  }

.ssp-main-text .ssp-testimonial-template ,  .ssp-main-text .ssp-testimonial-template p { font-size: 14px; }
 .ssp-text{ position: relative; }

/* Template 3 - Dark Theme with Time on Top */ 
.ssp-template-3 { background: #f8fafc; padding: 15px; border-radius: 10px; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25), 0 5px 15px rgba(0, 0, 0, 0.15); position: relative; overflow: hidden; transition: all 0.3s ease; } 
/*.ssp-template-3:hover { transform: translateY(-3px); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35), 0 8px 20px rgba(0, 0, 0, 0.25); } 
*/
.ssp-template-3::before { content: ''; position: absolute; bottom: -60px; right: 0; width: 70px; height: 70px; background: linear-gradient(45deg, rgba(59, 130, 246, 0.2), rgba(147, 51, 234, 0.2)); border-radius: 50%; transform: translate(30px, -30px);  } 
.ssp-template-3 .ssp-time-top { display: flex ; align-items: center; justify-content: space-between; margin-bottom: 6px; font-size: 11px; font-weight: 600; position: relative; } 
.ssp-template-3 .ssp-time-top .time { display: flex; align-items: center; gap: 6px; } 
.ssp-template-3 .ssp-time-top .location { display: flex; align-items: center; gap: 4px; } 
.ssp-template-3 .ssp-template-main-content { display: flex; align-items: center; gap: 16px; } 
.ssp-template-3 .ssp-avatar { width: 60px; height: 60px; border-radius: 15px; object-fit: cover; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); border: 3px solid rgba(255, 255, 255, 0.15); } 
.ssp-template-3 .ssp-text, .ssp-template-3 .ssp-text p { flex: 1; font-size: 15px; line-height: 1.5;  font-family: inherit; padding: 0;} 
.ssp-template-3 .ssp-name { font-weight: 700; } 
.ssp-template-3 .ssp-event-content-main strong,
.ssp-template-3 .ssp-product { color: #60a5fa; font-weight: 600; } 

/* Template 4 - Image No Spacing/Padding */ 
.ssp-template-1 { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 10px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 3px 12px rgba(0, 0, 0, 0.05); border: 1px solid rgba(255, 255, 255, 0.5); transition: all 0.3s ease; overflow: hidden; display: flex; align-items: stretch; } 
/*.ssp-template-1:hover { background: rgba(255, 255, 255, 1); transform: translateY(-1px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), 0 5px 18px rgba(0, 0, 0, 0.1); } 
*/

.ssp-template-1 .ssp-image-container { width: 100px; position: relative; overflow: hidden; margin: 0; padding: 0; display: block; background: #f3f3f3; min-height: 75px; } 
.ssp-template-1 .ssp-full-image { width: 100%; height: 100%; object-fit: cover; object-position: center; margin: 0; padding: 0; border: none; display: block; } 
.ssp-template-1 .ssp-content-area { flex: 1; padding: 15px 20px; display: flex; flex-direction: column; justify-content: center; } 
.ssp-template-1 .ssp-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } 
.ssp-template-1 .ssp-time-badge {  color: #6b7280; padding: 0; border-radius: 0; font-size: 11px; font-weight: 600; } 
.ssp-template-1 .ssp-location-badge, 
.ssp-template-3 .ssp-time-top .location { /*background: rgba(16, 185, 129, 0.1);*/ color: #6b7280; padding: 0; border-radius: 0; font-size: 11px; font-weight: 500; display: flex; align-items: center; gap: 4px; } 
.ssp-template-1 .ssp-main-text, .ssp-template-1 .ssp-main-text p { font-size: 15px; line-height: 1.4;  font-family: inherit; padding: 0;} 
.ssp-template-1 .ssp-name { font-weight: 700; } 
.ssp-template-1 .ssp-action { color: #6b7280; font-weight: 500; } 
.ssp-template-1 .ssp-event-content-main strong,
.ssp-template-1 .ssp-product { color: #7c3aed; font-weight: 600; } 

.ssp-event-notification-type-purchaseCount .ssp-template-1 .ssp-content-area { padding: 20px 20px; }

body .ssp-template-1 .ssp-template-img-main img { width: 100%; height: 100%; object-fit: cover; position: absolute; } 
body .ssp-template-1 .ssp-template-img-main img.scp-default-image { object-fit: contain; padding: 10px; }


.ssp-template-main[data-redirect][role="button"] .ssp-template-main-wrapper { cursor: pointer; }
	
body .ssp-template-2-wrapper .ssp-template-img-main img.scp-default-image { object-fit: contain; background: #ebebeb; padding: 10px; }

body .ssp-template-3 .ssp-template-img-main img { width: 64px; height: 64px; } 
body .ssp-template-3 .ssp-template-img-main img.scp-default-image { object-fit: contain; background: #e7e7e7; padding: 10px; }
body .ssp-template-4 .ssp-template-img-main img.scp-default-image{ object-fit: contain; background: #ffffff; padding: 10px; }

/*.ssp-preview-box .ssp-template-main-wrapper .ssp-template-content-main { background: var(--ssp_bg_color,#fff); border-radius: var(--ssp_border_radius, 50px); max-width: var(--ssp_width, 300px); } 
.ssp-preview-box .ssp-template-main-wrapper .ssp-template-content-main div { color: var(--ssp_text_color, #000); } 
.ssp-preview-box .ssp-template-main-wrapper .ssp-template-content-main div span.ssp-product { color: var(--ssp_link_color, #3b82f6); } 
.ssp-preview-box .ssp-template-main-wrapper .ssp-template-content-main .ssp-time { color: var(--ssp_time_color, #6b7280); } 
.ssp-preview-box .ssp-template-main-wrapper .ssp-template-content-main.ssp-template-2::after { background: var(--ssp_corner_shape_color, #d3e4de); } 
.ssp-preview-box .ssp-template-main-wrapper img.ssp-external-thumb { border-radius: var(--ssp_image_radius, 50px); }
.ssp-preview-box .ssp-template-main-wrapper .ssp-template-content-main .ssp-time-badge { background: var(--ssp_location_bg, #f59e0b); color: var(--ssp_location_text, #ffffff); } 
.ssp-preview-box .ssp-template-main-wrapper .ssp-template-content-main .ssp-location-badge { color: var(--ssp_time_color, #f59e0b); }
*/

span.ssp-pulsing-dot { display: block; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); width: 30px; height: 30px; background: #febd3b; border-radius: 100%; } 
.ssp-pulsing-dot:after, 
.ssp-pulsing-dot:before { content: " "; position: absolute; width: 30px; height: 30px; background: #febd3b; border-radius: 100%; opacity: .5; } 
.ssp-pulsing-dot:before { -webkit-animation: ssp-pulsing-dot-pulse 2s infinite linear; animation: ssp-pulsing-dot-pulse 2s infinite linear; } 

.ssp-template-4 .ssp-icon-svg-wrapper { width: 70px; height: 70px; border-radius: 12px; object-fit: cover; position: relative; overflow: hidden; background-color: #fff; } 
.ssp-template-2-wrapper .ssp-icon-svg-wrapper { overflow: hidden; width: 60px; height: 60px; border-radius: 50%; object-fit: cover; flex-shrink: 0; position: relative; z-index: 2; color: var(--ssp_text_color, #000000); } 
.ssp-template-3 .ssp-icon-svg-wrapper { width: 60px; height: 60px; border-radius: 12px; object-fit: cover; position: relative; overflow: hidden; } 
.ssp-template-1 .ssp-icon-svg-wrapper { width: 100%; height: 100%; background: #fff; }
.ssp-template-1 .ssp-icon-svg-wrapper img { width: 100%; height: 100%; }

.ssp-event-desktop-position-bottom_right .ssp-sticky-wrapper .ssp-template-main { left: auto; right: 20px; } 
.ssp-event-desktop-position-top_left .ssp-sticky-wrapper .ssp-template-main { bottom: auto; top: 20px; } 
.ssp-event-desktop-position-top_right .ssp-sticky-wrapper .ssp-template-main { left: auto; right: 20px; bottom: auto; top: 20px; }
.ssp-event-desktop-position-top_left .ssp-sticky-wrapper .ssp-template-main[role="button"] { cursor: pointer; }
.ssp-main-container .ssp-template-main-wrapper p { margin: 0; padding: 0; color: inherit; }

.ssp-pb-container { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #666; line-height: 1; justify-content: flex-end; margin-top: 10px; position: relative; }
.ssp-pb-icon { width: 14px; height: 14px; display: inline-block; vertical-align: middle; }
.ssp-pb-text { margin: 0; padding: 0; font-weight: 400; }
.ssp-pb-link { color: #0066cc; text-decoration: none; font-weight: 500; transition: color 0.2s ease; position: relative; z-index: 99999; } 
.ssp-pb-link:hover { color: #0052a3; text-decoration: underline; } 
.ssp-pb-link:focus { outline: 2px solid #0066cc; outline-offset: 2px; border-radius: 2px; } 
a.ssp-event-redirect-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; pointer-events: auto; } 
.ssp-event-close-btn, .ssp-pb-link { position: relative;  z-index: 9999; pointer-events: auto; } '
a.ssp-event-redirect-link { position: absolute; inset: 0; z-index: 1; pointer-events: none; }

.ssp-event-image-align-right .ssp-pb-container { justify-content: flex-start; }

.ssp-svg-wrapper { display: flex; align-items: center; justify-content: center; color: #febd3b; z-index: 1; background-color: #fff; } 
.ssp-svg-wrapper:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #febd3b; opacity: 0.3; } 
.ssp-svg-wrapper.ssp-icon-svg-wrapper svg { width: 60%; height: 60%; }

.ssp-event-close-btn { display: flex ; justify-content: flex-end; background: #f3f3f3; width: max-content; margin-left: auto; margin-bottom: -10px; margin-right: -6px; padding: 3px; border-radius: 20px; border: 2px solid gainsboro; cursor: pointer; }

.ssp-close-button-hide .ssp-event-close-btn{ display: none;	 }
a.ssp-event-redirect-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } 
.ssp-template-main-wrapper { position: relative; width: var(--ssp_width, 400px); max-width: 100%; }
.slidein .ssp-template-main{ animation: slideIn 0.5s ease forwards; } 
.ssp-template-main-wrapper .ssp-fl-avatar,
.ssp-template-content-main .ssp-fl-avatar { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: color-mix(in oklab, #febd3b 19%, rgb(255, 255, 255)); display: flex; align-items: center; justify-content: center; font-size: 25px; font-weight: 700; color: #febd3b; }

/*Default CSS*/
.ssp-template-content-main { background: var(--ssp_bg_color, #ffffff); border-radius: var(--ssp_border_radius, 10px); max-width: 100%; flex: 1; width: 100%; }
.ssp-template-content-main div { color: var(--ssp_text_color, #000000); }
.ssp-template-content-main div.ssp-pb-text > a { color: var(--ssp_link_color, #3b82f6); }

html body div .ssp-template-content-main .ssp-event-content-main strong,
.ssp-template-content-main div span.ssp-product { color: var(--ssp_link_color, #3b82f6); }
.ssp-template-content-main .ssp-time { color: var(--ssp_time_color, #6b7280); }
.ssp-template-3::before, .ssp-template-content-main.ssp-template-2::after { background: var(--ssp_corner_shape_color, #d3e4de); }
.ssp-template-4 .ssp-avatar, .ssp-template-3 .ssp-avatar, .ssp-template-main-wrapper .ssp-template-2-wrapper img.ssp-external-thumb { border-radius: var(--ssp_image_radius, 10px); }
.ssp-template-content-main .ssp-time-badge { color: var(--ssp_time_color, #6b7280); }
.ssp-template-content-main .ssp-location-badge { color: var(--ssp_time_color, #6b7280); }

.ssp-event-image-align-right .ssp-template-2-wrapper, 
.ssp-event-image-align-right .ssp-template-content-main.ssp-template-4, 
.ssp-event-image-align-right .ssp-template-content-main.ssp-template-1 { flex-direction: row-reverse; } 
.ssp-event-image-align-right .ssp-template-content-main.ssp-template-3 .ssp-template-main-content { flex-direction: row-reverse; position: relative; }

.ssp-template-img-main { position: relative; }
.ssp-event-notification-type-custom .ssp-time, 
.ssp-event-notification-type-custom .ssp-location-badge, 
.ssp-event-notification-type-custom .ssp-header, 
.ssp-event-notification-type-custom .ssp-time-badge { display: none; } 
.ssp-event-notification-type-custom .ssp-content-area { padding-top: 22px; }

.ssp-testimonial-content p { font-size: 13px; line-height: 1.4;padding: 0; } 
.ssp-testimonial-template { --quote-size: 48px; position: relative; overflow: hidden; } 
.ssp-testimonial-title { font-weight: 700; font-size: 14px; letter-spacing: .2px; color: var(--fg); } 
.ssp-testimonial-content { margin-top: 10px; color: var(--muted); line-height: 1.7; } 
.ssp-testimonial-content p { margin: 0; } 
.ssp-testimonial-template a:focus-visible { outline: 2px solid #0174FE; outline-offset: 2px; }


.ssp-event-img-default .ssp-template-1 .ssp-image-container,
.ssp-event-img-custom_upload .ssp-template-1 .ssp-image-container { width: var(--ssp_default_image_width, 100px);  min-height: var(--ssp_default_image_height, 100px);}

.ssp-event-img-default .ssp-template-2-wrapper .ssp-template-img-main img,
.ssp-event-img-custom_upload .ssp-template-2-wrapper .ssp-template-img-main img{ width: var(--ssp_default_image_width, 70px); height: var(--ssp_default_image_height, 70px); }

.ssp-event-img-default .ssp-template-3 .ssp-template-img-main img,
body .ssp-event-img-custom_upload .ssp-template-3 .ssp-template-img-main img{  width: var(--ssp_default_image_width, 64px); height: var(--ssp_default_image_height, 64px);  }

.ssp-event-img-default .ssp-template-4 .ssp-template-img-main .ssp-avatar,
body .ssp-event-img-custom_upload .ssp-template-4 .ssp-template-img-main .ssp-avatar{  width: var(--ssp_default_image_width, 70px); height: var(--ssp_default_image_height, 70px);  }

 @media (prefers-reduced-motion: reduce) { 
    .ssp-testimonial-template, 
    .ssp-testimonial-template * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } 
}

.ssp-template-content-main .ssp-time-badge i.fas { margin-right: 5px; }
.ssp-testimonial-template.ssp-testimonial-template-1 { margin-top: 6px; } 
.ssp-testimonial-template.ssp-testimonial-template-1 .ssp-testimonial-title {  font-weight: 800; letter-spacing: .12em; } 
.ssp-testimonial-template.ssp-testimonial-template-1 .ssp-testimonial-content { position: relative; padding-left: 28px; } 
.ssp-testimonial-template.ssp-testimonial-template-1 .ssp-testimonial-content::before { content: "“"; font-family: Georgia, "Times New Roman", serif; position: absolute; left: -2px; top: -6px; font-size: var(--quote-size); line-height: 1; color: rgba(124,58,237,.35); }
.ssp-testimonial-template.ssp-testimonial-template-2 {  margin-top: 10px; } 
.ssp-testimonial-template.ssp-testimonial-template-2 .ssp-testimonial-title { font-weight: 600; color: #0f172a; border-bottom: 1px solid gainsboro; padding-bottom: 4px; margin-bottom: 10px; } 
.ssp-testimonial-template.ssp-testimonial-template-2 .ssp-testimonial-content p { quotes: "“" "”" "‘" "’"; } 
.ssp-testimonial-template.ssp-testimonial-template-2 .ssp-testimonial-content p::before { content: open-quote; color: #9ca3af; margin-right: 4px; font-size: 1.4rem; line-height: 0; vertical-align: -.3em; } 
.ssp-testimonial-template.ssp-testimonial-template-2 .ssp-testimonial-content p::after { content: close-quote; color: #9ca3af; margin-left: 2px; font-size: 1.4rem; line-height: 0; vertical-align: -.2em; } 
.ssp-testimonial-template.ssp-testimonial-template-3 { margin-top: 0px; } 
.ssp-testimonial-template.ssp-testimonial-template-3 .ssp-testimonial-content { font-family: Georgia, "Times New Roman", serif; font-style: italic; } 
.ssp-testimonial-template.ssp-testimonial-template-3 .ssp-testimonial-title { font-family: Georgia, "Times New Roman", serif; text-align: right; font-weight: 700; } 
.ssp-testimonial-template.ssp-testimonial-template-3 .ssp-testimonial-title::before { content: "— "; opacity: .6; } 
.ssp-testimonial-template.ssp-testimonial-template-3::before { content: "“"; position: absolute; left: 12px; top: 6px; font-size: 64px; color: rgb(0 0 0 / 16%); pointer-events: none; } 
.ssp-testimonial-template.ssp-testimonial-template-3::after { content: "”"; position: absolute; right: 12px; bottom: -10px; font-size: 64px; color: rgb(0 0 0 / 16%); pointer-events: none; } 
.ssp-testimonial-template.ssp-testimonial-template-2  .ssp-testimonial-content { margin-top: 2px; }
.ssp-testimonial-template .ssp-testimonial-content .ssp-testimonial-inner { max-height: 110px; overflow-y: auto; }
.ssp-event-notification-type-testimonials .ssp-template-1 .ssp-image-container { width: 150px; }

.ssp-main-container .wp-switch-editor { margin: 5px 0 0 5px; padding: 3px 8px 4px; }

body .ssp-event-notification-type-visitorCount .ssp-time,
body .ssp-event-notification-type-signupCount .ssp-time,
body .ssp-event-notification-type-purchaseCount .ssp-time{ display:none;}



body .ssp-template-img-main img.scp-default-image { object-fit: contain; }
body .ssp-template-1 .ssp-template-img-main img { width: 100%; height: 100%; object-fit: cover; } 
body .ssp-template-1 .ssp-template-img-main img.scp-default-image { object-fit: contain; padding: 10px; }

/*Updated for template 2*/
body .ssp-template-img-main img { height: 70px; width: 70px; object-fit: cover; border-radius: 5px; display: block; }
body  .ssp-template-1 .ssp-image-container img.ssp-avatar { width: 100%; height: 100%; border-radius: 0; }

@keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } 

/* Fade In */ 
.fadein .ssp-template-main{ animation: fadeIn 0.6s ease forwards; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } 

/* Bounce In */ 
.bouncein .ssp-template-main{ animation: bounceIn 0.8s ease forwards; } @keyframes bounceIn { 0% { transform: scale(0.3); opacity: 0; } 50% { transform: scale(1.05); opacity: 1; } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } 

/* Zoom In */ 
.zoomin .ssp-template-main{ animation: zoomIn 0.6s ease forwards; } 

@keyframes zoomIn { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; } }


/* Pulse animation */ 
@keyframes pulse { 
    0%, 100% { opacity: 1; } 
    50% { opacity: 0.7; } 
}


.ssp-sticky-wrapper .ssp-template-main { left: 10px; right: 10px; bottom: 20px; max-width: var(--ssp_width, 450px);} 



/*Testimonial*/
.ssp-event-notification-type-testimonials .ssp-testimonial-card { background: var(--ssp_bg_color, #ffffff); border-radius: var(--ssp_testimonial_border_radius, 20px); padding: 20px 20px 20px 55px; margin-bottom: 0px; position: relative; opacity: 1; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 32px, rgba(0, 0, 0, 0.05) 0px 3px 12px; }
.ssp-event-notification-type-testimonials .ssp-testimonial-card { padding-left: calc(var(--ssp_testimonial_image_width, 90px) - 25px); }
.ssp-event-notification-type-testimonials .ssp-author-image img { width: var(--ssp_testimonial_image_width, 90px); height: var(--ssp_testimonial_image_height, 90px); border-radius: var(--ssp_testimonial_image_radius, 70px); object-fit: cover; border: 4px solid white; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 15px; position: absolute; top: 50%; transform: translateY(-50%); background-color: var(--ssp_bg_color, #ffffff); }
.ssp-event-notification-type-testimonials .ssp-testimonial-card .ssp-author-image img{ left: -45px; }
.ssp-event-notification-type-testimonials .ssp-testimonial-card.ssp-testimonial-card-right .ssp-author-image img{ right: -45px; }
.ssp-event-notification-type-testimonials .ssp-quote-mark { font-size: 60px; color: rgb(212, 165, 116); opacity: 0.25; font-family: none; line-height: 1; position: absolute; }
.ssp-event-notification-type-testimonials .ssp-quote-mark.ssp-quote-mark-opening { top: 10px; right: 25px; }
.ssp-event-notification-type-testimonials .ssp-quote-mark.ssp-quote-mark-closing { bottom: 10px; right: 25px; }
.ssp-event-notification-type-testimonials .ssp-testimonial-contents { position: relative; z-index: 1; flex: 1; }
.ssp-event-notification-type-testimonials .ssp-testimonial-text p,
.ssp-event-notification-type-testimonials .ssp-testimonial-text { font-size: 17px; line-height: 1.3; color: var(--ssp_text_color, #000000); margin-top: 0; margin-bottom: 7px; text-align: left; padding: 0px; }
.ssp-event-notification-type-testimonials .ssp-author-name { font-size: 16px; color: var(--ssp_text_color, #000000); font-weight: 600; font-style: normal; text-align: left; }
.ssp-event-notification-type-testimonials .ssp-author-name::before { content: "- "; }
.ssp-event-notification-type-testimonials .ssp-testimonial-container.ssp-testimonial-template-1 { margin-left: 50px; }


/*Testimonial Template 2*/
.ssp-testimonial-container.ssp-testimonial-template-2 .ssp-author-image img { position: relative; left: unset; top: unset; bottom: unset; right: unset; transform: unset; display: block;  border-radius: var(--ssp_testimonial_border_radius_template_2, 10px); } 
.ssp-event-notification-type-testimonials .ssp-testimonial-container.ssp-testimonial-template-2 .ssp-testimonial-card {padding: 20px;} 
.ssp-testimonial-container.ssp-testimonial-template-2 .ssp-testimonial-inner-part { display: flex; gap: 20px; align-items: center; } 
.ssp-event-notification-type-testimonials .ssp-testimonial-container.ssp-testimonial-template-2 .ssp-testimonial-text { text-align: left; margin-top: 0; font-size: 15px; margin-bottom: 0; } 
.ssp-event-notification-type-testimonials .ssp-testimonial-container.ssp-testimonial-template-2 .ssp-author-name { text-align: left; margin-bottom: 2px; } 
.ssp-event-notification-type-testimonials .ssp-testimonial-container.ssp-testimonial-template-2 .ssp-quote-mark.ssp-quote-mark-opening { opacity: 0.1; right: 10px; }
.ssp-testimonial-header-name { display: flex; justify-content: space-between; align-items: center; } 
.ssp-star-rating-wrapper { display: inline-flex; gap: 0px; } .ssp-star-rating-star { width: 16px; height: 16px; display: block; } 
.ssp-star-rating-star svg { width: 100%; display: block; height: 100%; } .ssp-star-rating-fill { fill: #fbbf24; } 
.ssp-star-rating-unfill { fill: #e5e7eb; }
.ssp-event-notification-type-testimonials .ssp-testimonial-container.ssp-testimonial-template-2 .ssp-author-name:before { display: none; }

/*Custom Messages*/
.ssp-event-notification-type-custom .ssp-custom-messages-container { display: flex; flex-direction: column; gap: 25px; } 
.ssp-event-notification-type-custom .ssp-custom-messages-card { overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 32px, rgba(0, 0, 0, 0.05) 0px 3px 12px; position: relative; background: var(--ssp_bg_color, #ffffff); border-radius: var(--ssp_border_radius, 10px); } 
.ssp-event-notification-type-custom .ssp-custom-messages-inner-part { display: flex; align-items: center; gap: 20px; padding: 20px; } 
.ssp-event-notification-type-custom .ssp-message-image { width: var(--ssp_custom_message_image_width, 100px); height: var(--ssp_custom_message_image_height, 100px); min-width: 50px; border-radius: var(--ssp_image_radius, 10px); overflow: hidden; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); position: relative; } 
.ssp-event-notification-type-custom .ssp-message-image img { width: 100%; height: 100%; object-fit: cover; } 
.ssp-event-notification-type-custom .ssp-custom-messages-contents { flex: 1; min-width: 0; } 
.ssp-event-notification-type-custom .ssp-custom-messages-text p,
.ssp-event-notification-type-custom .ssp-custom-messages-text { font-size: 15px; line-height: 1.3; color: #1f2937; word-wrap: break-word; padding: 0;} 
.ssp-event-notification-type-custom .ssp-custom-messages-text a { color: #3b82f6; font-weight: 700; text-decoration: none; border-bottom: 2px solid transparent; transition: all 0.3s ease; } 
.ssp-event-notification-type-custom .ssp-action-link:hover { color: #2563eb; border-bottom-color: #2563eb; } 
.ssp-event-notification-type-custom .ssp-custom-messages-text p:not(:last-child) { margin-bottom: 5px; }

/*Custom Message Template 2*/
.ssp-event-notification-type-custom .ssp-custom-messages-container.ssp-custom-messages-template-2 .ssp-custom-messages-inner-part { padding: 0; display: flex; flex-direction: column; gap: 0; } 
.ssp-event-notification-type-custom .ssp-custom-messages-container.ssp-custom-messages-template-2 .ssp-custom-messages-contents { padding: 20px; } 
.ssp-event-notification-type-custom .ssp-custom-messages-container.ssp-custom-messages-template-2 .ssp-message-image { border-radius: 0; background: transparent; box-shadow: none; width: 100%; height: var(--ssp_custom_message_image_height, 225px); } 

.ssp-event-notification-type-custom a.ssp-btn.ssp-btn-template { display: block; background: var(--ssp_custom_button_background_color, #00ccc8); color: var(--ssp_custom_button_text_color, #ffffff); text-decoration: none; width: max-content; padding: 10px 20px; line-height: 1; margin-top: 5px; border-radius: 5px; font-size: 14px; font-weight: 600; border: none; outline: none; box-shadow: none; text-align: center; }
.ssp-event-notification-type-custom .ssp-custom-messages-text h1 {font-size: 17px;line-height: 1.3;margin-bottom: 5px;} 
.ssp-event-notification-type-custom .ssp-custom-messages-text h2 {font-size: 16px;line-height: 1.3;margin-bottom: 5px;} 
.ssp-event-notification-type-custom .ssp-custom-messages-text h3 {font-size: 15px;line-height: 1.3;margin-bottom: 5px;} 
.ssp-event-notification-type-custom .ssp-custom-messages-text h4, 
.ssp-event-notification-type-custom .ssp-custom-messages-text h5, 
.ssp-event-notification-type-custom .ssp-custom-messages-text h6 {font-size: 14px;line-height: 1.3;margin-bottom: 5px;}
.ssp-event-notification-type-custom .ssp-message-image img.scp-default-image.ssp-custom-upload-img { padding: 8px; }

.ssp-testimonial-container.ssp-testimonial-template-1 .ssp-author-image img, 
.ssp-testimonial-container.ssp-testimonial-template-2 .ssp-author-image img { border: var(--ssp_bdr_width, 2px) solid var(--ssp_bdr_color, #dadada); }

.ssp-notification-callout-text-arrow svg { width: 25px; -webkit-transform: rotate(35deg); transform: rotate(35deg); } 
.ssp-notification-callout-text { color: var(--ssp-notification-callout-color, #364150); font-weight: 700; letter-spacing: 0; font-size: 14px; width: 100px; text-align: center; line-height: 16px; line-height: 1.1; } 
.ssp-notification-callout { max-width: var(--ssp-notification-callout-width, 160px); text-align: center; -webkit-transform: rotate(-35deg); transform: rotate(-35deg); left: 30px; position: absolute; bottom: calc(100% - 10px); z-index: 999999; } 
.ssp-notification-callout-lines svg { display: block; } 
.ssp-notification-callout-text-arrow svg { display: block; margin-left: auto; margin-right: auto; }

.ssp-notification-callout-lines svg path { fill: var(--ssp-notification-callout-color, #364150); } 
.ssp-notification-callout-text-arrow svg path { stroke:  var(--ssp-notification-callout-color, #364150);}
.ssp-template-main .ssp-notification-callout .ssp-notification-callout-text { width:  var(--ssp-notification-callout-width, 160px);; }

.ssp-event-desktop-position-top_right .ssp-template-main .ssp-notification-callout, 
.ssp-event-desktop-position-top_left .ssp-template-main .ssp-notification-callout { bottom: calc(-100% + 40px); transform: rotate(35deg); display: flex; flex-direction: column-reverse; left: 0; } 
.ssp-event-desktop-position-top_right .ssp-template-main .ssp-notification-callout .ssp-notification-callout-text-arrow svg, 
.ssp-event-desktop-position-top_left .ssp-template-main .ssp-notification-callout .ssp-notification-callout-text-arrow svg { transform: rotate(209deg); } 
.ssp-event-desktop-position-top_right .ssp-template-main .ssp-notification-callout, 
.ssp-event-desktop-position-bottom_right .ssp-template-main .ssp-notification-callout { transform: rotate(-35deg); left: auto; right: 0; } 
.ssp-event-desktop-position-top_right .ssp-template-main .ssp-notification-callout .ssp-notification-callout-text-arrow svg {transform: scaleY(-1); transform-origin: center;     /* keep centered */transform-box: fill-box;} 
.ssp-event-desktop-position-bottom_right .ssp-template-main .ssp-notification-callout { transform: rotate(35deg); }
.ssp-event-desktop-position-bottom_left .ssp-notification-callout-text-arrow svg { transform: scaleX(-1); transform-origin: center; transform-box: fill-box; }




.ssp-event-desktop-position-top_left .ssp-template-main .ssp-notification-callout { left: 40px; }
.ssp-event-desktop-position-top_right .ssp-template-main .ssp-notification-callout { right: 20px; }

@media (max-width: 768px) {
    .ssp-event-mobile-position-top .ssp-sticky-wrapper .ssp-template-main { bottom: unset; top: 20px; }
    .ssp-event-mobile-position-bottom .ssp-sticky-wrapper .ssp-template-main { bottom: 20px; top: auto; }

    .ssp-event-mobile-position-top .ssp-template-main .ssp-notification-callout { bottom: calc(-100% + 40px); transform: rotate(35deg); display: flex; flex-direction: column-reverse; left: 0; } 
	.ssp-event-mobile-position-top .ssp-template-main .ssp-notification-callout .ssp-notification-callout-text-arrow svg { transform: rotate(209deg); } 



    .ssp-event-img-default .ssp-template-1 .ssp-image-container,
	.ssp-event-img-custom_upload .ssp-template-1 .ssp-image-container { width: 100px;}

	.ssp-event-img-default .ssp-template-2-wrapper .ssp-template-img-main img,
	.ssp-event-img-custom_upload .ssp-template-2-wrapper .ssp-template-img-main img{ width: 70px; height: 70px; }

	.ssp-event-img-default .ssp-template-3 .ssp-template-img-main img,
	body .ssp-event-img-custom_upload .ssp-template-3 .ssp-template-img-main img{  width: 64px; height: 64px;  }

	.ssp-event-img-default .ssp-template-4 .ssp-template-img-main .ssp-avatar,
	body .ssp-event-img-custom_upload .ssp-template-4 .ssp-template-img-main .ssp-avatar{  width: 70px; height: 70px;  }

} 

@media (max-width: 600px) {
	.ssp-event-notification-type-testimonials .ssp-testimonial-card { padding: 30px 25px 25px 50px; margin-left: 0; margin-right: 0; }
	.ssp-event-notification-type-testimonials .ssp-author-image img{ width: 60px; height: 60px; }
	.ssp-event-notification-type-testimonials .ssp-testimonial-container.ssp-testimonial-template-1 .ssp-testimonial-card .ssp-author-image img{ left: -30px; }
	.ssp-event-notification-type-testimonials .ssp-testimonial-card.ssp-testimonial-card-right .ssp-author-image img{ right: -30px; }
	.ssp-event-notification-type-testimonials .ssp-testimonial-card { padding-left: 50px; }
	.ssp-event-notification-type-testimonials .ssp-testimonial-text { font-size: 15px; }
	.ssp-event-notification-type-testimonials .ssp-quote-mark { font-size: 50px; }
	.ssp-event-notification-type-testimonials .ssp-testimonial-container.ssp-testimonial-template-1 { margin-left: 30px; }

	 .ssp-event-notification-type-custom .ssp-custom-messages-inner-part { padding: 16px; gap: 15px; } 
	 .ssp-event-notification-type-custom .ssp-message-image { width: 70px; height: 70px; min-width: 70px; } 
	 .ssp-event-notification-type-custom .ssp-custom-messages-text { font-size: 14px; } 
	 .ssp-event-notification-type-custom .ssp-message-label { font-size: 11px; padding: 3px 10px; } 
}

@media (max-width: 480px) { 
   .ssp-template-main-wrapper { width: 100%; max-width: 100%; }
}

@-webkit-keyframes ssp-pulsing-dot-pulse { 
	from { -webkit-transform: scale(1); transform: scale(1); opacity: .5 } 
	to { -webkit-transform: scale(5); transform: scale(5); opacity: 0 } 
} 
@keyframes ssp-pulsing-dot-pulse { 
	from { -webkit-transform: scale(1); transform: scale(1); opacity: .5 } 
	to { -webkit-transform: scale(5); transform: scale(5); opacity: 0 } 
}