.elementor .e-3c3110a-a7e5245{width:50%;padding-inline-start:0px;margin-inline-start:0px;flex-direction:column;justify-content:center;}.elementor .e-6aeddfe-f6289a1{width:50%;background-image:linear-gradient(135deg, #DCEBFF 0%,#FFFFFF 48%,#FFF0C2 100%);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;flex-direction:column;justify-content:center;align-items:center;}.elementor .e-0eea437-bbd8080{padding:50px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;/* ==================================================
 JMC SUBMIT YOUR SUCCESS STORY
================================================== */

.jmc-success-story-section,
.jmc-success-story-section * {
box-sizing: border-box;
}

.jmc-success-story-section {
position: relative;
width: 100%;
overflow: hidden;
padding: 90px 30px;
background:
  radial-gradient(
    circle at 8% 12%,
    rgba(245, 173, 0, 0.11),
    transparent 26%
  ),
  radial-gradient(
    circle at 92% 85%,
    rgba(17, 84, 197, 0.10),
    transparent 28%
  ),
  linear-gradient(
    135deg,
    #f8fbff 0%,
    #ffffff 48%,
    #eef5ff 100%
  );
font-family: "Times New Roman", Times, serif;
}

.jmc-success-story-section::before {
content: "";
position: absolute;
top: 42px;
left: 28px;
width: 140px;
height: 140px;
opacity: 0.27;
background-image: radial-gradient(
  circle,
  rgba(17, 84, 197, 0.52) 2px,
  transparent 2.5px
);
background-size: 22px 22px;
pointer-events: none;
}

.jmc-success-story-section::after {
content: "";
position: absolute;
right: -120px;
bottom: -140px;
width: 380px;
height: 380px;
border: 1px solid rgba(17, 84, 197, 0.07);
border-radius: 50%;
box-shadow:
  0 0 0 44px rgba(17, 84, 197, 0.025),
  0 0 0 88px rgba(17, 84, 197, 0.014);
pointer-events: none;
}

/* Main two-column layout */

.jmc-success-story-wrap {
position: relative;
z-index: 2;
display: grid !important;
grid-template-columns:
  minmax(0, 0.88fr)
  minmax(480px, 1.12fr);
align-items: start;
gap: 60px;
width: 100%;
max-width: 1320px;
margin: 0 auto;
}

.jmc-success-story-left,
.jmc-success-story-right {
min-width: 0;
}

/* ==================================================
 LEFT CONTENT
================================================== */

.jmc-success-story-intro {
position: sticky;
top: 110px;
color: #071f48;
}

.jmc-success-story-badge {
display: inline-flex;
align-items: center;
gap: 9px;
margin-bottom: 21px;
padding: 10px 18px;
border: 1px solid rgba(17, 84, 197, 0.13);
border-radius: 50px;
background: #eaf3ff;
color: #1154c5;
font-size: 14px;
font-weight: 700;
letter-spacing: 1.3px;
text-transform: uppercase;
}

.jmc-success-story-badge .dashicons {
width: auto;
height: auto;
color: #e1a100;
font-size: 20px;
}

.jmc-success-story-intro h2 {
max-width: 600px;
margin: 0;
color: #071f48;
font-size: clamp(43px, 4.4vw, 64px);
font-weight: 700;
line-height: 1.08;
letter-spacing: -1px;
}

.jmc-success-story-intro h2 span {
display: block;
margin-top: 6px;
color: #1154c5;
}

.jmc-success-story-line {
width: 78px;
height: 4px;
margin: 25px 0 22px;
border-radius: 20px;
background: linear-gradient(
  90deg,
  #d99d00,
  #f4c74d
);
}

.jmc-success-story-description {
max-width: 600px;
margin: 0;
color: #45566d;
font-size: 20px;
line-height: 1.65;
}

/* Benefits */

.jmc-success-story-benefits {
display: grid;
gap: 17px;
margin-top: 34px;
}

.jmc-success-benefit {
display: grid;
grid-template-columns: 58px minmax(0, 1fr);
align-items: start;
gap: 17px;
padding: 19px;
border: 1px solid rgba(17, 84, 197, 0.11);
border-radius: 17px;
background: rgba(255, 255, 255, 0.82);
box-shadow: 0 11px 26px rgba(7, 31, 72, 0.06);
transition:
  transform 0.3s ease,
  box-shadow 0.3s ease,
  border-color 0.3s ease;
}

.jmc-success-benefit:hover {
transform: translateX(5px);
border-color: rgba(224, 161, 0, 0.30);
box-shadow: 0 16px 30px rgba(7, 31, 72, 0.10);
}

.jmc-success-benefit > .dashicons {
display: flex;
width: 54px;
height: 54px;
align-items: center;
justify-content: center;
border-radius: 15px;
background: linear-gradient(
  145deg,
  #1154c5,
  #347ce8
);
color: #ffffff;
font-size: 28px;
box-shadow: 0 9px 19px rgba(17, 84, 197, 0.20);
}

.jmc-success-benefit:nth-child(2) > .dashicons {
background: linear-gradient(
  145deg,
  #e0a000,
  #f4c23e
);
}

.jmc-success-benefit h3 {
margin: 0 0 5px;
color: #071f48;
font-size: 21px;
font-weight: 700;
line-height: 1.3;
}

.jmc-success-benefit p {
margin: 0;
color: #59697e;
font-size: 15px;
line-height: 1.55;
}

/* Privacy note */

.jmc-success-story-note {
display: flex;
align-items: flex-start;
gap: 12px;
margin-top: 25px;
padding: 16px 18px;
border-left: 4px solid #e1a100;
border-radius: 9px;
background: #fff8e6;
}

.jmc-success-story-note .dashicons {
flex: 0 0 auto;
width: auto;
height: auto;
color: #b87d00;
font-size: 22px;
}

.jmc-success-story-note p {
margin: 0;
color: #68521f;
font-size: 14px;
line-height: 1.55;
}

/* ==================================================
 ATOMIC FORM CARD
================================================== */

.jmc-success-story-right {
position: relative;
padding: 34px;
border: 1px solid rgba(17, 84, 197, 0.12);
border-radius: 27px;
background: rgba(255, 255, 255, 0.97);
box-shadow:
  0 24px 65px rgba(7, 31, 72, 0.13),
  0 5px 15px rgba(7, 31, 72, 0.05);
}

.jmc-success-story-right::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 72%;
height: 5px;
border-radius: 0 0 12px 12px;
background: linear-gradient(
  90deg,
  #1154c5,
  #f5ad00
);
transform: translateX(-50%);
}

/* ==================================================
 ATOMIC FORM FIELD STYLING
================================================== */

.jmc-success-form-widget {
width: 100%;
color: #071f48;
font-family: "Times New Roman", Times, serif;
}

/* Form labels */

.jmc-success-form-widget label {
display: block;
margin-bottom: 8px;
color: #142c50;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
font-weight: 700;
line-height: 1.35;
}

/* Required mark */

.jmc-success-form-widget label .required,
.jmc-success-form-widget .required,
.jmc-success-form-widget abbr {
color: #d99100;
text-decoration: none;
}

/* Text fields */

.jmc-success-form-widget input[type="text"],
.jmc-success-form-widget input[type="email"],
.jmc-success-form-widget input[type="tel"],
.jmc-success-form-widget input[type="url"],
.jmc-success-form-widget input[type="number"],
.jmc-success-form-widget input[type="date"],
.jmc-success-form-widget select,
.jmc-success-form-widget textarea {
width: 100% !important;
min-height: 54px;
padding: 13px 15px !important;
border: 1px solid #d7e1ee !important;
border-radius: 11px !important;
background: #f9fbfe !important;
color: #17253a !important;
font-family: "Times New Roman", Times, serif !important;
font-size: 16px !important;
line-height: 1.4 !important;
box-shadow: none !important;
outline: none !important;
transition:
  border-color 0.25s ease,
  background 0.25s ease,
  box-shadow 0.25s ease;
}

.jmc-success-form-widget textarea {
min-height: 145px;
resize: vertical;
}

/* Placeholder text */

.jmc-success-form-widget input::placeholder,
.jmc-success-form-widget textarea::placeholder {
color: #8a97a8 !important;
opacity: 1;
}

/* Focus state */

.jmc-success-form-widget input:focus,
.jmc-success-form-widget select:focus,
.jmc-success-form-widget textarea:focus {
border-color: #1154c5 !important;
background: #ffffff !important;
box-shadow: 0 0 0 4px rgba(17, 84, 197, 0.10) !important;
}

/* Field spacing */

.jmc-success-form-widget .form-field,
.jmc-success-form-widget .field,
.jmc-success-form-widget .form-group,
.jmc-success-form-widget .wp-block-jetpack-field,
.jmc-success-form-widget .atomic-form-field {
margin-bottom: 20px;
}

/* Select */

.jmc-success-form-widget select {
cursor: pointer;
}

/* File upload */

.jmc-success-form-widget input[type="file"] {
width: 100%;
min-height: 55px;
padding: 10px;
border: 1px dashed #9eb4cf;
border-radius: 11px;
background: #f3f7fc;
color: #43546b;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
cursor: pointer;
}

.jmc-success-form-widget input[type="file"]::file-selector-button {
margin-right: 12px;
padding: 9px 14px;
border: 0;
border-radius: 8px;
background: #e7f0fc;
color: #1154c5;
font-family: "Times New Roman", Times, serif;
font-weight: 700;
cursor: pointer;
}

/* Radio and checkbox groups */

.jmc-success-form-widget input[type="radio"],
.jmc-success-form-widget input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #1154c5;
}

.jmc-success-form-widget .checkbox,
.jmc-success-form-widget .radio,
.jmc-success-form-widget .choice,
.jmc-success-form-widget .option {
display: flex;
align-items: flex-start;
gap: 9px;
margin-bottom: 9px;
}

/* Consent field */

.jmc-success-form-widget input[type="checkbox"] + label {
display: inline;
margin: 0;
color: #4b5c72;
font-size: 14px;
font-weight: 400;
line-height: 1.55;
}

/* Submit button */

.jmc-success-form-widget button[type="submit"],
.jmc-success-form-widget input[type="submit"],
.jmc-success-form-widget .submit-button,
.jmc-success-form-widget .form-submit-button {
display: inline-flex !important;
width: 100% !important;
min-height: 57px !important;
align-items: center;
justify-content: center;
padding: 14px 24px !important;
border: 2px solid #1154c5 !important;
border-radius: 12px !important;
background: #1154c5 !important;
color: #ffffff !important;
font-family: "Times New Roman", Times, serif !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-decoration: none !important;
cursor: pointer !important;
box-shadow: 0 12px 25px rgba(17, 84, 197, 0.22) !important;
transition:
  transform 0.25s ease,
  background 0.25s ease,
  border-color 0.25s ease,
  box-shadow 0.25s ease !important;
}

.jmc-success-form-widget button[type="submit"]:hover,
.jmc-success-form-widget input[type="submit"]:hover,
.jmc-success-form-widget .submit-button:hover,
.jmc-success-form-widget .form-submit-button:hover {
border-color: #e0a000 !important;
background: #e0a000 !important;
color: #071f48 !important;
transform: translateY(-3px);
box-shadow: 0 16px 30px rgba(224, 160, 0, 0.25) !important;
}

/* Error and success messages */

.jmc-success-form-widget .error,
.jmc-success-form-widget .form-error,
.jmc-success-form-widget .field-error {
margin-top: 6px;
color: #b42318;
font-size: 13px;
}

.jmc-success-form-widget .success,
.jmc-success-form-widget .form-success,
.jmc-success-form-widget .success-message {
padding: 15px 17px;
border: 1px solid #b5dfbf;
border-radius: 10px;
background: #effaf1;
color: #226b35;
font-size: 15px;
line-height: 1.5;
}

/* ==================================================
 TABLET
================================================== */

@media screen and (max-width: 1024px) {
.jmc-success-story-section {
  padding: 75px 20px;
}

.jmc-success-story-wrap {
  grid-template-columns: minmax(0, 0.82fr) minmax(430px, 1.18fr);
  gap: 38px;
}

.jmc-success-story-intro {
  position: static;
}

.jmc-success-story-intro h2 {
  font-size: 44px;
}

.jmc-success-story-description {
  font-size: 18px;
}

.jmc-success-benefit {
  grid-template-columns: 50px minmax(0, 1fr);
  padding: 16px;
}

.jmc-success-benefit > .dashicons {
  width: 48px;
  height: 48px;
  font-size: 25px;
}

.jmc-success-benefit h3 {
  font-size: 19px;
}

.jmc-success-story-right {
  padding: 27px;
}
}

/* ==================================================
 SMALL TABLET
================================================== */

@media screen and (max-width: 850px) {
.jmc-success-story-wrap {
  grid-template-columns: 1fr;
  gap: 40px;
  max-width: 760px;
}

.jmc-success-story-left {
  text-align: center;
}

.jmc-success-story-badge {
  justify-content: center;
}

.jmc-success-story-intro h2,
.jmc-success-story-description {
  margin-left: auto;
  margin-right: auto;
}

.jmc-success-story-line {
  margin-left: auto;
  margin-right: auto;
}

.jmc-success-benefit {
  text-align: left;
}

.jmc-success-story-note {
  text-align: left;
}
}

/* ==================================================
 MOBILE
================================================== */

@media screen and (max-width: 600px) {
.jmc-success-story-section {
  padding: 58px 15px 55px;
}

.jmc-success-story-section::before {
  top: 17px;
  left: 3px;
  width: 84px;
  height: 84px;
  background-size: 17px 17px;
}

.jmc-success-story-wrap {
  gap: 31px;
}

.jmc-success-story-badge {
  margin-bottom: 18px;
  padding: 8px 14px;
  font-size: 12px;
  letter-spacing: 0.8px;
}

.jmc-success-story-intro h2 {
  font-size: 38px;
  line-height: 1.12;
}

.jmc-success-story-description {
  font-size: 17px;
  line-height: 1.55;
}

.jmc-success-story-benefits {
  gap: 13px;
  margin-top: 27px;
}

.jmc-success-benefit {
  grid-template-columns: 45px minmax(0, 1fr);
  gap: 13px;
  padding: 15px;
  border-radius: 14px;
}

.jmc-success-benefit > .dashicons {
  width: 43px;
  height: 43px;
  border-radius: 12px;
  font-size: 22px;
}

.jmc-success-benefit h3 {
  font-size: 18px;
}

.jmc-success-benefit p {
  font-size: 14px;
}

.jmc-success-story-right {
  padding: 23px 18px;
  border-radius: 21px;
}

.jmc-success-form-widget label {
  font-size: 15px;
}

.jmc-success-form-widget input[type="text"],
.jmc-success-form-widget input[type="email"],
.jmc-success-form-widget input[type="tel"],
.jmc-success-form-widget input[type="url"],
.jmc-success-form-widget input[type="number"],
.jmc-success-form-widget input[type="date"],
.jmc-success-form-widget select,
.jmc-success-form-widget textarea {
  min-height: 52px;
  font-size: 16px !important;
}
}

/* ==================================================
 VERY SMALL MOBILE
================================================== */

@media screen and (max-width: 380px) {
.jmc-success-story-intro h2 {
  font-size: 33px;
}

.jmc-success-story-right {
  padding-right: 15px;
  padding-left: 15px;
}

.jmc-success-benefit {
  grid-template-columns: 1fr;
  text-align: center;
}

.jmc-success-benefit > .dashicons {
  margin: 0 auto;
}
}\n}