.stcpf-overlay[hidden]{display:none!important}.stcpf-overlay{position:fixed;inset:0;z-index:999999;background:rgba(15,25,27,.76);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.stcpf-dialog,.stcpf-dialog *{box-sizing:border-box}.stcpf-dialog{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(1152px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 22px 70px #0005;font-family:Arial,Helvetica,sans-serif;color:#173e35}.stcpf-left{position:relative;isolation:isolate;background:linear-gradient(145deg,#f1f3eb,#f8f9f3 55%,#d8e4da);min-height:790px;overflow:hidden}
.stcpf-left.stcpf-has-image:after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;z-index:-1;background:var(--stcpf-mountain) center bottom/cover no-repeat}.stcpf-left-content{padding:40px 54px 200px}
	.stcpf-logo{display:block;width:auto;max-width:260px;max-height:76px;object-fit:contain;margin-bottom:22px}
	.stcpf-eyebrow,.stcpf-form-eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:700;color:#17463b;text-transform:uppercase}
	.stcpf-eyebrow{margin-bottom:26px}.stcpf-left h2,.stcpf-right h2{font-family:Georgia,'Times New Roman',serif;color:#173e35;font-weight:500;letter-spacing:-.5px}
	.stcpf-left h2{font-size:39px;line-height:1.22;margin:0 0 14px}.stcpf-left-desc{font-size:17px;line-height:1.55;margin:0 0 32px;color:#25433e}
	.stcpf-benefits{display:grid;gap:18px}.stcpf-benefit{display:flex;align-items:center;gap:16px}
	.stcpf-benefit-icon{display:grid;place-items:center;width:49px;height:49px;flex:none;border-radius:50%;background:#d6e0d7;font-size:25px;color:#1d5142}
	.stcpf-benefit strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.stcpf-benefit small{display:block;font-size:13px;line-height:1.35;color:#304a43}
	.stcpf-right{padding:56px 57px 38px;background:#fff}.stcpf-form-eyebrow{margin-bottom:10px}.stcpf-right h2{font-size:35px;line-height:1.18;margin:0 0 13px}
	.stcpf-intro{font-size:17px;line-height:1.55;color:#78858c;margin:0 0 25px}.stcpf-right form label{display:block;font-size:14px;font-weight:500;color:#233c48;margin:0 0 18px}
	.stcpf-right input,.stcpf-right textarea{display:block;width:100%;margin-top:8px;border:1px solid #cbd4da;border-radius:8px;padding:13px 14px;background:#fff;color:#263c45;font:inherit;font-size:14px;box-shadow:none;min-height:46px}.stcpf-right textarea{min-height:94px;resize:vertical}.stcpf-right input::placeholder,.stcpf-right textarea::placeholder{color:#8c9aa5}.stcpf-right input:focus,.stcpf-right textarea:focus{outline:2px solid var(--stcpf-accent);outline-offset:1px}
	.stcpf-submit{display:block;width:100%;background:var(--stcpf-accent);border:0;border-radius:7px;padding:8px;color:white;font:inherit;font-size:15px;font-weight:600;cursor:pointer; line-height:160% }
	.stcpf-submit span{margin-left:12px;font-size:20px}.stcpf-submit:disabled{opacity:.65;cursor:wait}.stcpf-privacy{font-size:11px;color:#40535a;margin:19px 0 0}.stcpf-close{position:absolute;right:17px;top:13px;z-index:2;background:transparent;border:0;width:35px;height:35px;font-size:32px;line-height:30px;cursor:pointer;color:#153f36}.stcpf-hp{position:absolute;left:-9999px;opacity:0;pointer-events:none}#stcpf-feedback{font-size:14px;margin:0 0 10px}#stcpf-feedback:empty{display:none}.stcpf-no-scroll{overflow:hidden!important}@media(max-width:850px){.stcpf-left-content{padding:35px 30px 150px}.stcpf-right{padding:48px 30px 30px}.stcpf-left h2{font-size:31px}.stcpf-right h2{font-size:29px}}@media(max-width:650px){.stcpf-overlay{padding:10px;align-items:flex-start}.stcpf-dialog{grid-template-columns:1fr;max-height:calc(100dvh - 20px);border-radius:14px}.stcpf-left{min-height:0}
	.stcpf-left.stcpf-has-image:after{height:120px}.stcpf-left-content{padding:25px 22px 125px}.stcpf-logo{max-height:60px}.stcpf-eyebrow{margin-bottom:15px}.stcpf-left h2{font-size:29px}.stcpf-left-desc{font-size:15px;margin-bottom:22px}.stcpf-benefits{gap:12px}.stcpf-benefit-icon{width:40px;height:40px}.stcpf-right{padding:28px 22px}.stcpf-right h2{font-size:28px}.stcpf-intro{font-size:15px}.stcpf-close{background:#fff;border-radius:50%}}

/* ==================================
   POPUP FORM - COMPACT DESIGN
   ================================== */

/* Popup Width */
.stcpf-dialog {
    width: min(1050px, 100%) !important;
}

/* Right Column Padding */
.stcpf-right {
    padding: 30px 40px 25px !important;
}

/* Form Heading */
.stcpf-right h2 {
    font-size: 30px !important;
    margin-bottom: 8px !important;
}

/* Form Description */
.stcpf-intro {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin-bottom: 15px !important;
}

/* Form Label Spacing */
.stcpf-right form label {
    margin-bottom: 10px !important;
    font-size: 13px !important;
}

/* Input Fields */
.stcpf-right input,
.stcpf-right textarea {
    margin-top: 5px !important;
    padding: 9px 12px !important;
    min-height: 40px !important;
    font-size: 13px !important;
}

/* Message Field */
.stcpf-right textarea {
    min-height: 65px !important;
}

/* Submit Button */
.stcpf-submit {
    padding: 11px 15px !important;
    font-size: 14px !important;
}

/* Privacy Text */
.stcpf-privacy {
    margin-top: 10px !important;
    font-size: 11px !important;
}

/* Left Column Height */
.stcpf-left {
    min-height: 650px !important;
}

/* Left Column Content Spacing */
.stcpf-left-content {
    padding: 30px 40px 120px !important;
}

/* Mobile Responsive */
@media (max-width: 650px) {
    .stcpf-right {
        padding: 25px 20px !important;
    }

    .stcpf-left {
        min-height: auto !important;
    }

    .stcpf-left-content {
        padding: 25px 20px 125px !important;
    }
}
/* Remove Extra Space Between Popup Columns */

/* Main Popup Layout */
.stcpf-dialog {
    column-gap: 0 !important;
    gap: 0 !important;
    grid-template-columns: 1fr 1fr !important;
}

/* Left Column */
.stcpf-left {
    margin: 0 !important;
    padding: 0 !important;
}

/* Left Column Content */
.stcpf-left-content {
    padding: 30px 20px 100px 35px !important;
}

/* Right Column */
.stcpf-right {
    margin: 0 !important;
    padding: 30px 30px 25px 25px !important;
}

/* Mobile Responsive */
@media (max-width: 650px) {
    .stcpf-dialog {
        grid-template-columns: 1fr !important;
    }

    .stcpf-left-content {
        padding: 25px 20px 125px !important;
    }

    .stcpf-right {
        padding: 25px 20px !important;
    }
}

/* ===================================
   POPUP CLOSE BUTTON - MODERN DESIGN
   =================================== */

.stcpf-overlay .stcpf-dialog .stcpf-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;

    width: 38px !important;
    height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;
    color: #173e35 !important;

    border: 1px solid #e2e8e4 !important;
    border-radius: 50% !important;

    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    padding: 0 !important;
    margin: 0 !important;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;

    cursor: pointer !important;
    z-index: 999 !important;

    transition: all 0.3s ease !important;
}

/* Close Button Hover */
.stcpf-overlay .stcpf-dialog .stcpf-close:hover {
    background: #173e35 !important;
    color: #ffffff !important;
    border-color: #173e35 !important;
    transform: rotate(90deg);
}

/* Close Button Focus */
.stcpf-overlay .stcpf-dialog .stcpf-close:focus-visible {
    outline: 2px solid #173e35 !important;
    outline-offset: 3px !important;
}

/* Mobile Responsive */
@media (max-width: 650px) {
    .stcpf-overlay .stcpf-dialog .stcpf-close {
        top: 10px !important;
        right: 10px !important;

        width: 34px !important;
        height: 34px !important;

        font-size: 24px !important;
    }
}

/* ===================================
   v2: field builder output
   =================================== */
.stcpf-fields{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
.stcpf-field{grid-column:1/-1;min-width:0}
.stcpf-field.stcpf-half{grid-column:span 1}
.stcpf-right form .stcpf-field>label{margin-bottom:10px}
.stcpf-right select{display:block;width:100%;margin-top:5px;border:1px solid #cbd4da;border-radius:8px;padding:9px 12px;background:#fff;color:#263c45;font:inherit;font-size:13px;min-height:40px;box-shadow:none}
.stcpf-right select:focus{outline:2px solid var(--stcpf-accent);outline-offset:1px}
.stcpf-group{border:0;margin:0 0 12px;padding:0;min-width:0}
.stcpf-group legend{font-size:13px;font-weight:500;color:#233c48;padding:0;margin:0 0 6px}
.stcpf-options{display:flex;flex-wrap:wrap;gap:6px 18px}
.stcpf-right form label.stcpf-opt{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;font-weight:400!important}
.stcpf-right form .stcpf-single-check{margin-bottom:10px!important}
.stcpf-right .stcpf-opt input{display:inline-block;width:16px!important;height:16px!important;min-height:0!important;margin:0!important;padding:0!important;flex:none;accent-color:var(--stcpf-accent)}
.stcpf-right input[type=file]{padding:7px 10px!important;background:#fff}
.stcpf-help{display:block;margin:-4px 0 10px;font-size:11px;color:#78858c}
.stcpf-cap-row{display:flex;gap:8px;align-items:stretch;margin-bottom:12px}
.stcpf-cap-q{display:flex;align-items:center;justify-content:center;min-width:72px;margin-top:5px;padding:0 12px;border-radius:8px;background:#e8efe9;color:#173e35;font-weight:700;font-size:15px}
.stcpf-cap-row input{flex:1}
.stcpf-dialog.stcpf-single{grid-template-columns:1fr!important;width:min(620px,100%)!important}
.stcpf-dialog.stcpf-single .stcpf-right{padding:40px 38px 28px!important}
.stcpf-done>*:not(#stcpf-feedback){display:none!important}
.stcpf-done #stcpf-feedback{font-size:16px;font-weight:600;padding:20px 0}
@media(max-width:650px){.stcpf-fields{grid-template-columns:1fr}.stcpf-field.stcpf-half{grid-column:1/-1}}
/* Multi-popup and custom booking calendar */
.stcpf-calendar{margin-top:20px;padding:18px;border:1px solid #d9e2eb;border-radius:12px;background:#f8fbff}.stcpf-calendar[hidden]{display:none!important}.stcpf-calendar h3{margin:0 0 8px}.stcpf-book-date{width:100%;max-width:260px;padding:12px;border:1px solid #cbd5e1;border-radius:8px}.stcpf-book-slots{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.stcpf-slot{padding:11px 16px;border:1px solid var(--stcpf-accent,#194a3c);border-radius:8px;background:#fff;color:var(--stcpf-accent,#194a3c);cursor:pointer}.stcpf-slot:hover{background:var(--stcpf-accent,#194a3c);color:white}.stcpf-book-message{font-size:14px}
.stcpf-form.stcpf-done>*:not(.stcpf-feedback):not(.stcpf-calendar){display:none!important}.stcpf-form.stcpf-done>.stcpf-calendar{display:block!important}.stcpf-form.stcpf-done>.stcpf-feedback{display:block!important;font-size:16px;font-weight:600;padding:12px 0}

/* v2.2 reference layout: scoped to plugin popup */
.stcpf-overlay .stcpf-dialog{grid-template-columns:1fr 1fr!important;width:min(1340px,100%)!important;background:linear-gradient(110deg,#f2faf7,#d1e0ff)!important;color:#151515!important;gap:0}
.stcpf-popup-header{grid-column:1/-1;text-align:center;padding:32px 58px 12px}
.stcpf-popup-header h2{font-family:Arial,sans-serif;font-weight:750;font-size:clamp(24px,2.5vw,34px);line-height:1.2;color:#111;margin:0 0 8px}
.stcpf-popup-header p{font-size:15px;line-height:1.5;margin:0}
.stcpf-reference-left{background:transparent!important;min-height:0!important;overflow:visible!important}
.stcpf-reference-left .stcpf-left-content{padding:16px 35px 34px!important;display:flex;flex-direction:column;gap:22px}
.stcpf-testimonial-image{display:block;max-width:100%;width:100%;height:220px;object-fit:contain;border-radius:12px}
.stcpf-rating-strip{display:flex;align-items:center;justify-content:center;gap:12px;background:#ffffff65;border:1px solid #fff;border-radius:12px;padding:10px;color:#161616}
.stcpf-rating-strip img{max-width:95px;max-height:30px;object-fit:contain}.stcpf-rating-strip span{color:#ffb700;letter-spacing:2px}
.stcpf-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;border:1px solid #ffffffb5;border-radius:12px;padding:20px;background:#ffffff30}
.stcpf-info-grid h3,.stcpf-brands h3{font-size:15px;color:#111;font-weight:700;margin:0 0 15px}
.stcpf-info-grid .stcpf-benefits{gap:10px}.stcpf-info-grid .stcpf-benefit{gap:8px;align-items:flex-start}.stcpf-info-grid .stcpf-benefit-icon{width:20px;height:20px;background:transparent;color:#ff1831;font-size:19px}
.stcpf-info-grid .stcpf-benefit strong{font-size:13px;color:#151515}.stcpf-info-grid .stcpf-benefit small{font-size:11px}.stcpf-contact p{font-size:12px;line-height:1.5;margin:0 0 9px;overflow-wrap:anywhere}.stcpf-contact a{color:inherit}
.stcpf-brands{text-align:center}.stcpf-brand-logos{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.stcpf-brand-logos img{max-width:95px;max-height:45px;object-fit:contain}
.stcpf-overlay .stcpf-right{margin:8px 32px 32px 0;padding:22px 22px!important;background:#fff!important;border-radius:16px;align-self:start;color:#111}
.stcpf-overlay .stcpf-close{background:#fa1d32!important;color:#fff!important;border-radius:50%!important}
@media(max-width:760px){.stcpf-overlay .stcpf-dialog{grid-template-columns:1fr!important}.stcpf-popup-header{padding:45px 20px 12px}.stcpf-reference-left .stcpf-left-content{padding:12px 18px 20px!important}.stcpf-testimonial-image{height:170px}.stcpf-overlay .stcpf-right{margin:0 14px 20px;padding:18px!important}.stcpf-info-grid{padding:12px;gap:10px}.stcpf-info-grid h3{font-size:13px}}
/* JPloft-inspired reference layout for Simple Two-Column Popup v2.2.
   Append to the END of assets/popup.css. Existing styles remain intact. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
.stcpf-overlay{padding:10px!important;background:rgba(0,0,0,.70)!important;align-items:center!important}
.stcpf-overlay .stcpf-dialog{width:min(1340px,calc(100vw - 24px))!important;max-height:calc(100dvh - 20px)!important;grid-template-columns:1fr 1fr!important;gap:0!important;border-radius:21px!important;background:linear-gradient(112deg,#f0faf5 0%,#f3f4ff 48%,#cbdcff 100%)!important;color:#111!important;font-family:Inter,Arial,sans-serif!important;box-shadow:0 20px 65px #0004!important}
.stcpf-overlay .stcpf-popup-header{grid-column:1/-1!important;padding:37px 65px 19px!important;text-align:center!important}
.stcpf-overlay .stcpf-popup-header h2{font-family:Inter,Arial,sans-serif!important;font-size:clamp(25px,2.4vw,34px)!important;font-weight:800!important;line-height:1.18!important;letter-spacing:-.9px!important;margin:0 0 7px!important;color:#080808!important}
.stcpf-overlay .stcpf-popup-header p{font-size:14px!important;line-height:1.55!important;color:#202020!important;margin:0!important}
.stcpf-overlay .stcpf-form-eyebrow{display:none!important}
.stcpf-overlay .stcpf-reference-left{background:transparent!important;min-height:0!important;margin:0!important}
.stcpf-overlay .stcpf-reference-left .stcpf-left-content{padding:0 39px 36px 64px!important;display:flex!important;flex-direction:column!important;gap:22px!important}
/* Single image in place of testimonial slider; intentionally not cropped */
.stcpf-overlay .stcpf-testimonial-image{width:auto!important;max-width:100%!important;height:218px!important;max-height:218px!important;object-fit:contain!important;object-position:center!important;align-self:center!important;border-radius:12px!important}
.stcpf-overlay .stcpf-rating-strip{width:max-content!important;max-width:100%!important;align-self:center!important;min-height:46px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:7px 13px!important;border:1px solid #fff!important;border-radius:12px!important;background:#ffffff50!important;font-size:15px!important;white-space:nowrap!important}
.stcpf-overlay .stcpf-rating-strip img{max-width:93px!important;max-height:28px!important;object-fit:contain!important}
.stcpf-overlay .stcpf-rating-strip span{color:#ffb900!important;font-size:20px!important;letter-spacing:1px!important}
.stcpf-overlay .stcpf-info-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;padding:22px 21px!important;background:#ffffff24!important;border:1px solid #fff!important;border-radius:12px!important}
.stcpf-overlay .stcpf-info-grid h3{font-family:Inter,Arial,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;margin:0 0 17px!important;color:#111!important}
.stcpf-overlay .stcpf-info-grid .stcpf-benefits{display:grid!important;gap:12px!important}
.stcpf-overlay .stcpf-info-grid .stcpf-benefit{display:flex!important;gap:12px!important;align-items:center!important}
.stcpf-overlay .stcpf-info-grid .stcpf-benefit-icon{display:inline-flex!important;width:21px!important;height:21px!important;flex:0 0 21px!important;background:transparent!important;color:#ff172b!important;font-size:23px!important;font-weight:400!important}
.stcpf-overlay .stcpf-info-grid .stcpf-benefit strong{font-size:13px!important;font-weight:500!important;margin:0!important;color:#171717!important}
.stcpf-overlay .stcpf-info-grid .stcpf-benefit small{font-size:11px!important;color:#444!important}
.stcpf-overlay .stcpf-contact p{font-size:12px!important;line-height:1.55!important;margin:0 0 9px!important;color:#171717!important;overflow-wrap:anywhere!important}
.stcpf-overlay .stcpf-brands{text-align:center!important}
.stcpf-overlay .stcpf-brands h3{font-family:Inter,Arial,sans-serif!important;font-size:17px!important;font-weight:700!important;color:#111!important;margin:0 0 17px!important}
.stcpf-overlay .stcpf-brand-logos{display:flex!important;justify-content:space-around!important;align-items:center!important;gap:15px!important;flex-wrap:nowrap!important}
.stcpf-overlay .stcpf-brand-logos img{max-width:19%!important;max-height:52px!important;width:auto!important;object-fit:contain!important}
.stcpf-overlay .stcpf-right{margin:0 49px 35px 14px!important;padding:22px 20px 27px!important;border-radius:16px!important;background:#fff!important;align-self:start!important;box-shadow:0 12px 28px #283f7030!important;color:#111!important}
.stcpf-overlay .stcpf-fields{column-gap:16px!important;row-gap:0!important}
.stcpf-overlay .stcpf-right form .stcpf-field>label,.stcpf-overlay .stcpf-right .stcpf-group legend{font-family:Inter,Arial,sans-serif!important;font-size:13px!important;color:#111!important;font-weight:400!important;margin:0 0 12px!important}
.stcpf-overlay .stcpf-right input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.stcpf-overlay .stcpf-right textarea,.stcpf-overlay .stcpf-right select{width:100%!important;min-height:46px!important;margin-top:5px!important;padding:11px 12px!important;border:1px solid #c6d0dd!important;border-radius:10px!important;background:#fff!important;color:#171717!important;font-size:13px!important;box-shadow:none!important}
.stcpf-overlay .stcpf-right textarea{min-height:90px!important;resize:vertical!important}
.stcpf-overlay .stcpf-right input[type=file]{font-size:12px!important;min-height:40px!important;border-radius:9px!important}
.stcpf-overlay .stcpf-cap-q{background:#d9e5ff!important;color:#111!important;border-radius:8px!important}
.stcpf-overlay .stcpf-submit{min-height:49px!important;border-radius:32px!important;background:#ff172b!important;color:#fff!important;font-family:Inter,Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;box-shadow:none!important}
.stcpf-overlay .stcpf-submit:hover{background:#e90921!important}
.stcpf-overlay .stcpf-submit span{display:none!important}
.stcpf-overlay .stcpf-dialog .stcpf-close{top:12px!important;right:12px!important;width:41px!important;height:41px!important;border:0!important;border-radius:50%!important;background:#ff172b!important;color:#fff!important;font-size:30px!important;line-height:1!important;box-shadow:none!important;z-index:10!important}
.stcpf-overlay .stcpf-dialog .stcpf-close:hover{background:#e30921!important;transform:none!important}
.stcpf-overlay .stcpf-privacy{font-size:10px!important;color:#666!important}
@media(min-width:761px) and (max-width:1100px){.stcpf-overlay .stcpf-reference-left .stcpf-left-content{padding-left:22px!important;padding-right:16px!important}.stcpf-overlay .stcpf-right{margin-right:18px!important}.stcpf-overlay .stcpf-info-grid{padding:14px!important;gap:10px!important}.stcpf-overlay .stcpf-testimonial-image{height:175px!important}}
@media(max-width:760px){.stcpf-overlay{padding:8px!important;align-items:flex-start!important}.stcpf-overlay .stcpf-dialog{width:100%!important;max-height:calc(100dvh - 16px)!important;grid-template-columns:1fr!important;border-radius:16px!important}.stcpf-overlay .stcpf-popup-header{padding:60px 20px 18px!important}.stcpf-overlay .stcpf-popup-header h2{font-size:25px!important}.stcpf-overlay .stcpf-reference-left .stcpf-left-content{padding:0 17px 22px!important;gap:17px!important}.stcpf-overlay .stcpf-testimonial-image{height:160px!important}.stcpf-overlay .stcpf-info-grid{padding:15px!important;gap:10px!important}.stcpf-overlay .stcpf-info-grid h3{font-size:12px!important}.stcpf-overlay .stcpf-brand-logos{flex-wrap:wrap!important}.stcpf-overlay .stcpf-brand-logos img{max-width:28%!important}.stcpf-overlay .stcpf-right{margin:0 12px 18px!important;padding:19px 15px 22px!important}.stcpf-overlay .stcpf-fields{grid-template-columns:1fr!important}.stcpf-overlay .stcpf-field.stcpf-half{grid-column:1/-1!important}}
@media(max-width:400px){.stcpf-overlay .stcpf-info-grid{grid-template-columns:1fr!important}.stcpf-overlay .stcpf-rating-strip{gap:7px!important;font-size:12px!important}.stcpf-overlay .stcpf-rating-strip span{font-size:15px!important}}

/* Per-form right panel introduction */
.stcpf-dialog .stcpf-form-intro { margin: 0 0 14px; text-align: center; }
.stcpf-dialog .stcpf-form-intro h3 { margin: 0 0 7px; color: #111; font-size: 22px; line-height: 1.3; font-weight: 700; }
.stcpf-dialog .stcpf-form-intro p { margin: 0 0 12px; color: #222; font-size: 15px; line-height: 1.5; }
.stcpf-dialog .stcpf-form-intro .stcpf-mandatory { display: block; color: #ff172b; font-size: 14px; text-align: left; margin: 0 0 7px; }



/* ==========================================
   TECHBLARE POPUP DESIGN
   JPLOFT INSPIRED LAYOUT
========================================== */

/* Font Family */
.stcpf-overlay,
.stcpf-overlay .stcpf-dialog,
.stcpf-overlay .stcpf-dialog * {
    font-family: "Hanken Grotesk", sans-serif !important;
}

/* Popup Background */
.stcpf-overlay .stcpf-dialog {
    background: linear-gradient(
        110deg,
        #F0FAF7 0%,
        #F3F4FF 48%,
        #D2E2FF 100%
    ) !important;

    border-radius: 20px !important;
}

/* Main Heading */
.stcpf-overlay .stcpf-popup-header h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #111111 !important;
}

/* Main Description */
.stcpf-overlay .stcpf-popup-header p {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 160% !important;
    color: #333333 !important;
}

/* Right Form Card */
.stcpf-overlay .stcpf-right {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
}

/* Form Heading */
.stcpf-overlay .stcpf-form-intro h3 {
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #111111 !important;
}

/* Form Description */
.stcpf-overlay .stcpf-form-intro p {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 160% !important;
    color: #333333 !important;
}

/* Mandatory Field Text */
.stcpf-overlay .stcpf-form-intro .stcpf-mandatory {
    color: #FF6200 !important;
    font-size: 13px !important;
}

/* Form Labels */
.stcpf-overlay .stcpf-right form .stcpf-field > label,
.stcpf-overlay .stcpf-right .stcpf-group legend {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #222222 !important;
}

/* Input Fields */
.stcpf-overlay .stcpf-right input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.stcpf-overlay .stcpf-right textarea,
.stcpf-overlay .stcpf-right select {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #222222 !important;

    border: 1px solid #CBD5E1 !important;
    border-radius: 8px !important;

    background: #FFFFFF !important;
    min-height: 46px !important;
    padding: 11px 13px !important;
}

/* Placeholder */
.stcpf-overlay .stcpf-right input::placeholder,
.stcpf-overlay .stcpf-right textarea::placeholder {
    font-size: 13px !important;
    color: #8793A1 !important;
}

/* Input Focus */
.stcpf-overlay .stcpf-right input:focus,
.stcpf-overlay .stcpf-right textarea:focus,
.stcpf-overlay .stcpf-right select:focus {
    border-color: #FF6200 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 98, 0, 0.12) !important;
}

/* CAPTCHA */
.stcpf-overlay .stcpf-cap-q {
    background: #FFF0E5 !important;
    color: #FF6200 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* Submit Button */
.stcpf-overlay .stcpf-submit {
    background: linear-gradient(
        90deg,
        #FF9858 0%,
        #FF6200 100%
    ) !important;

    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 600 !important;

    border: none !important;
    border-radius: 30px !important;

    min-height: 50px !important;
    cursor: pointer;
}

/* Submit Hover */
.stcpf-overlay .stcpf-submit:hover {
    background: linear-gradient(
        90deg,
        #FF6200 0%,
        #E95800 100%
    ) !important;
}

/* Close Button */
.stcpf-overlay .stcpf-dialog .stcpf-close {
    background: #FF6200 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 50% !important;
}

/* Close Button Hover */
.stcpf-overlay .stcpf-dialog .stcpf-close:hover {
    background: #E95800 !important;
}

/* Benefits Icons */
.stcpf-overlay .stcpf-info-grid .stcpf-benefit-icon {
    color: #FF6200 !important;
}

/* Contact Links */
.stcpf-overlay .stcpf-contact a {
    color: #FF6200 !important;
}

/* Checkbox */
.stcpf-overlay .stcpf-right input[type="checkbox"] {
    accent-color: #FF6200 !important;
}

/* Mobile Responsive */
@media (max-width: 767px) {

    .stcpf-overlay .stcpf-popup-header h2 {
        font-size: 25px !important;
    }

    .stcpf-overlay .stcpf-popup-header p {
        font-size: 14px !important;
    }

    .stcpf-overlay .stcpf-form-intro h3 {
        font-size: 21px !important;
    }

    .stcpf-overlay .stcpf-right {
        padding: 20px 16px !important;
    }

    .stcpf-overlay .stcpf-submit {
        font-size: 15px !important;
    }
}


/* TechBlare Customer Rating */

.stcpf-customer-rating {
    text-align: center;
    margin-top: 20px;
    padding: 15px 10px;
    font-family: "Hanken Grotesk", sans-serif;
}

.stcpf-rating-stars {
    color: #FFB900;
    font-size: 25px;
    letter-spacing: 4px;
    margin-bottom: 8px;
}

.stcpf-customer-rating p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #222222;
    margin: 4px 0;
}

.stcpf-customer-rating strong {
    font-weight: 700;
}

/* Hide duplicate ratings by default */
.stcpf-overlay .stcpf-customer-rating {
    display: none;
}

/* Book a Call: Rating on LEFT side */
.stcpf-overlay[data-form-id="164"]
.stcpf-left .stcpf-customer-rating {
    display: block;
}

/* Schedule a Call: Rating on RIGHT side */
.stcpf-overlay[data-form-id="182"]
.stcpf-right .stcpf-customer-rating {
    display: block;
}

/* =====================================
   POPUP SPACING FIX
===================================== */

/* Align both columns from the top */
.stcpf-overlay .stcpf-dialog {
    align-items: start;
}

/* Prevent left content from stretching */
.stcpf-overlay .stcpf-reference-left {
    align-self: start;
    height: auto;
    min-height: 0;
}

/* Trusted Brands spacing */
.stcpf-overlay .stcpf-brands {
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Rating spacing */
.stcpf-overlay .stcpf-customer-rating {
    margin-top: 15px;
    margin-bottom: 0;
    padding: 10px 0;
}

/* Right form spacing */
.stcpf-overlay .stcpf-right {
    align-self: start;
    height: auto;
    min-height: 0;
}

/* Rating under form */
.stcpf-overlay .stcpf-right .stcpf-customer-rating {
    margin-top: 15px;
    padding: 10px 0 0;
}

/* Remove extra spacing from rating text */
.stcpf-overlay .stcpf-customer-rating p {
    margin: 3px 0;
}

/* ======================================
   LEFT RATING - REFERENCE DESIGN
====================================== */

.stcpf-reference-left .stcpf-customer-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 30px;
    padding: 0;
    text-align: left;
}

.stcpf-reference-left .stcpf-rating-stars {
    color: #FFB900;
    font-size: 32px;
    letter-spacing: 2px;
    line-height: 1;
    white-space: nowrap;
    margin: 0;
}

.stcpf-reference-left .stcpf-customer-rating p {
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

/* Brand logos */
.stcpf-reference-left .stcpf-brands {
    margin-bottom: 0;
}

.stcpf-reference-left .stcpf-brand-logos {
    margin-bottom: 0;
}

/* Mobile */
@media (max-width: 767px) {
    .stcpf-reference-left .stcpf-customer-rating {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
}

/* ====================================
   TECHBLARE CUSTOMER REVIEW
==================================== */

/* Both reviews hidden by default */
.stcpf-overlay .stcpf-review {
    display: none !important;
}

/* Schedule  a Call: LEFT review */
.stcpf-overlay[data-form-id="9816"] .stcpf-review-left {
    display: flex !important;
}


/* Review design */
.stcpf-overlay .stcpf-review {
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    margin-top: 20px;
    padding: 10px 0;
    box-sizing: border-box;
    font-family: "Hanken Grotesk", sans-serif;
}

/* Stars */
.stcpf-overlay .stcpf-review-stars {
    color: #FFB900;
    font-size: 28px;
    line-height: 1;
    letter-spacing: 1px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Text */
.stcpf-overlay .stcpf-review-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.stcpf-overlay .stcpf-review-text p {
    margin: 0;
    color: #222;
    font-size: 14px;
    line-height: 1.5;
}

.stcpf-overlay .stcpf-review-text strong {
    font-weight: 700;
}

/* Mobile */
@media (max-width: 767px) {
    .stcpf-overlay .stcpf-review {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
}

/* Fix popup submit button layout */
.stcpf-form .stcpf-submit {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 16px 0 !important;
    padding: 14px 20px !important;
    min-height: 48px !important;
    float: none !important;
}


/* Fix submit button on mobile devices */
@media screen and (max-width: 767px) {
    .stcpf-form .stcpf-submit {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
        justify-content: center !important;
        align-items: center !important;
        float: none !important;
        margin: 16px 0 !important;
        padding: 14px 20px !important;
        min-height: 48px !important;
    }
}

/* Mobile View - Show Only Popup Form */
@media screen and (max-width: 767px) {

    /* Hide complete left section */
    .stcpf-overlay .stcpf-left {
        display: none !important;
    }

    /* Make popup single column */
    .stcpf-overlay .stcpf-dialog {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    /* Form section full width */
    .stcpf-overlay .stcpf-right {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* Submit button full width */
    .stcpf-overlay .stcpf-form .stcpf-submit {
        display: flex !important;
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
    }
}

/* Mobile - Checkbox Group Single Column */
@media screen and (max-width: 767px) {

    /* Checkbox group layout */
    .stcpf-form .stcpf-group {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
    }

    /* Each checkbox option */
    .stcpf-form .stcpf-group label {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
        cursor: pointer;
    }

    /* Checkbox size */
    .stcpf-form .stcpf-group input[type="checkbox"] {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        margin: 0 !important;
        flex-shrink: 0;
    }
}

/* Book a Call (9815): balanced left column, logos and review together. */
@media (min-width: 768px) {
  .stcpf-overlay[data-form-id="9815"] .stcpf-dialog {
    align-items: stretch !important;
    background: linear-gradient(110deg,#F0FAF7 0%,#F3F4FF 48%,#D2E2FF 100%) !important;
  }
  .stcpf-overlay[data-form-id="9815"] .stcpf-reference-left {
    background: transparent !important;
    min-height: 0 !important;
    height: auto !important;
    align-self: stretch !important;
  }
  .stcpf-overlay[data-form-id="9815"] .stcpf-reference-left .stcpf-left-content {
    height: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding-bottom: 45px !important;
  }
  /* Push logos AND review together toward the bottom. */
  .stcpf-overlay[data-form-id="9815"] .stcpf-brands {
    margin-top: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .stcpf-overlay[data-form-id="9815"] .stcpf-review-left {
    display: flex !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
  }
  .stcpf-overlay[data-form-id="9815"] .stcpf-review-right {display:none !important;}
}