.elementor-1803 .elementor-element.elementor-element-7226fb4{z-index:10;}.elementor-1803 .elementor-element.elementor-element-3e7ccef > .elementor-widget-container{background-color:var( --e-global-color-primary );margin:0px 0px 0px 0px;padding:16px 16px 16px 16px;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-button-content-wrapper{flex-direction:row;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-field-group > label{font-family:"Manrope", Sans-serif;font-size:33px;font-weight:800;text-transform:none;font-style:normal;text-decoration:none;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-primary );}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-field-group .elementor-field{color:var( --e-global-color-secondary );}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-field-group .elementor-field, .elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-field-subgroup label{font-size:15px;line-height:39px;letter-spacing:0.2px;word-spacing:1px;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-primary );border-color:#6EAAF5;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-primary );border-color:#6EAAF5;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-field-group .elementor-select-wrapper::before{color:#6EAAF5;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-button{font-size:14px;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-button[type="submit"] svg *{fill:var( --e-global-color-primary );}.elementor-1803 .elementor-element.elementor-element-3e7ccef .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1803 .elementor-element.elementor-element-3e7ccef .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1803 .elementor-element.elementor-element-3e7ccef{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1803 .elementor-element.elementor-element-3e7ccef .elementor-field-group > label{font-size:25px;}}/* Start custom CSS for html, class: .elementor-element-036214e */.form-title { color :white!important;}

    :root {
      --green-strong: #161a36;
      --accent: #44E8AF;
      --card-bg: #ffffff;
      --muted: #475569;
    }

   .form-container {
    max-width: 1100px;
    margin: 28px auto;
    padding: 28px;
    background: var(--green-strong);
    border-radius: 12px;
    box-sizing: border-box;
    background-image: url(https://kr-l.com/wp-content/uploads/2025/10/2Tri.png);
    background-size: 200px;
    background-repeat: no-repeat;
    background-position-x: right;
}

    .progress-bar {
        margin-top: 40px;
      display: flex;
      margin-bottom: 1.25rem;
      justify-content: space-between;
      gap: 12px;
    }

    .step {
      width: 100%;
      height: 10px;
      background: #fff;
      margin: -2px;
      border-radius:0px;
      overflow: hidden;
    }

    .step.active::before {
      content: "";
      display: block;
      height: 100%;
      background: #14a7e5;
      animation: fill 0.3s ease-in forwards;
      width: 100%;
    }

    @keyframes fill { from { width: 0 } to { width: 100% } }

    .form-title { color: #E4FF43; font-size: 30px; font-weight: 300; margin: 0 0 8px; }

    p.help-text { color: #dbeadf; margin: 0 0 18px; max-width: 500px; }

    .form-step { display: none; }
    .form-step.active { display: block; }

    .buttons { margin-top: 1.5rem; display:flex; gap:12px; justify-content:space-between; }
    button {
      background-color: white!important;
      font-weight: 700!important;
      padding: 16px 16px!important;
      color: black!important;
      border: none;
      cursor: pointer;
      border-radius: 12px;
      font-size: 22px!important;
      height: !important;
    }
    
    button[disabled] { background: #aaa; cursor:not-allowed; }

    input, select {
      border-color: #6EAAF5!important;
      border-width: 1px 1px 1px 1px!important;
      border-radius: 0px 0px 0px 0px;
      border-radius: 12px;
      padding: 10px 12px;
      font-size: 15px;
      box-sizing: border-box;
    }

    label { display:block; margin-bottom:6px; color:#fff!important; font-weight:500; }

.h-row {
    display: flex;
    gap: 20px;
    align-items: flex-end;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
}

    .two-col {
      display: grid;
      grid-template-columns: 1fr 380px;
      gap: 20px;
      align-items: start;
    }

    .card {
      background: var(--card-bg);
      color: #0f172a;
      padding: 18px;
      border-radius: 12px;
      box-shadow: 0 6px 18px rgba(2,6,23,0.08);
    }

    .result-card { display:block; min-width: 220px; }
    .result-card h3 { margin: 0 0 6px; font-size: 18px; color: #052b2a;}
    .result-card .small { color: var(--muted); font-size: 13px; margin-bottom:10px; }

    table.summary { width:100%; border-collapse: collapse; margin-top:8px; }
    table.summary td { padding:8px 6px; border-bottom:1px solid #eef2ff; vertical-align:top; }
    table.summary tr.total td { font-weight:700; }


@media (max-width: 767px) {
    
	#nextBtn {
        width: 140px!important;
    }
    
    #prevBtn {
    width: 140px!important;
}
	
	.two-col {
    display: flex;
    align-content: center;
    flex-direction: column-reverse;
}

.quote-row {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    justify-items: end;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: row;
    padding-bottom: 50px;
}

button#add-quote-row {
    width: 100% !important;
}

#quote-rows-container > div > div:nth-child(1) {
    width: 43% !important;
}


#quote-rows-container > div > div:nth-child(2) {
    width: 50% !important;
}


#quote-rows-container > div > div:nth-child(3),#quote-rows-container > div > div:nth-child(4),#quote-rows-container > div > div:nth-child(5) {
    width: 31% !important;
}

button.remove-quote-row {
    width: 100%;
    margin-top: 10px;
}

#quote-rows-container > div:nth-child(1) > div:nth-child(1) {
    width 100%;
}

}

.elementor-field-type-textarea.elementor-field-group.elementor-column.elementor-field-group-field_quote.elementor-col-100 {
    display: none!important;
}

div#quote-rows-container {
    display : flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
}/* End custom CSS */