.elementor-11117 .elementor-element.elementor-element-0393aeb{--display:grid;--min-height:1440px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:end;--overlay-opacity:0.5;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:86px;--padding-bottom:133px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-11117 .elementor-element.elementor-element-0393aeb:not(.elementor-motion-effects-element-type-background), .elementor-11117 .elementor-element.elementor-element-0393aeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5F5F5F;background-image:var(--wpr-bg-61832183-7560-4d9f-aa6b-0f3cc6dc0d82);background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-11117 .elementor-element.elementor-element-0393aeb::before, .elementor-11117 .elementor-element.elementor-element-0393aeb > .elementor-background-video-container::before, .elementor-11117 .elementor-element.elementor-element-0393aeb > .e-con-inner > .elementor-background-video-container::before, .elementor-11117 .elementor-element.elementor-element-0393aeb > .elementor-background-slideshow::before, .elementor-11117 .elementor-element.elementor-element-0393aeb > .e-con-inner > .elementor-background-slideshow::before, .elementor-11117 .elementor-element.elementor-element-0393aeb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-11117 .elementor-element.elementor-element-0393aeb > .elementor-shape-top .elementor-shape-fill, .elementor-11117 .elementor-element.elementor-element-0393aeb > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#F1FBFF;}.elementor-11117 .elementor-element.elementor-element-0393aeb > .elementor-shape-top svg, .elementor-11117 .elementor-element.elementor-element-0393aeb > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:69px;transform:translateX(-50%) rotateY(180deg);}.elementor-11117 .elementor-element.elementor-element-0393aeb > .elementor-shape-bottom .elementor-shape-fill, .elementor-11117 .elementor-element.elementor-element-0393aeb > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#F1FBFF;}.elementor-11117 .elementor-element.elementor-element-0393aeb > .elementor-shape-bottom svg, .elementor-11117 .elementor-element.elementor-element-0393aeb > .e-con-inner > .elementor-shape-bottom svg{width:calc(133% + 1.3px);}.elementor-11117 .elementor-element.elementor-element-65e1d85{--display:flex;}.elementor-11117 .elementor-element.elementor-element-69d1e41{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-11117 .elementor-element.elementor-element-0393aeb{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-11117 .elementor-element.elementor-element-0393aeb:not(.elementor-motion-effects-element-type-background), .elementor-11117 .elementor-element.elementor-element-0393aeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url(https://mirokayswim.com/wp-content/uploads/2026/09/6.jpeg);background-repeat:no-repeat;background-size:cover;}.elementor-11117 .elementor-element.elementor-element-0393aeb{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:78px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11117 .elementor-element.elementor-element-69d1e41{--margin-top:-132px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for cz_contact_form_7, class: .elementor-element-e361248 */@import url(https://fonts.googleapis.com/css2?family=Abel&display=swap);

/* =========================================
   Main Form Container
========================================= */

.mk-registration-wrap {
  width: 100% !important;
  max-width: 960px !important;
  margin: 0 auto !important;
  padding: 45px 55px !important;
  box-sizing: border-box !important;

  background-color: #ffffff !important;
  border: 1px solid #d7e2e6 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 35px rgba(21, 57, 75, 0.07) !important;

  font-family: 'Abel', sans-serif !important;
}

/* =========================================
   Force Abel Font
========================================= */

.mk-registration-wrap,
.mk-registration-wrap *,
.mk-registration-wrap h2,
.mk-registration-wrap h3,
.mk-registration-wrap h3 small,
.mk-registration-wrap label,
.mk-registration-wrap input,
.mk-registration-wrap select,
.mk-registration-wrap button,
.mk-registration-wrap textarea,
.mk-registration-wrap p,
.mk-registration-wrap span,
.mk-registration-wrap .wpcf7-list-item-label {
  font-family: 'Abel', sans-serif !important;
}

/* =========================================
   Form Title
========================================= */

.mk-registration-wrap h2 {
  margin: 0 0 35px 0 !important;
  padding: 0 !important;

  color: #1a2a33 !important;
  text-align: center !important;

  font-size: 34px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.5px !important;
}

/* =========================================
   Form Grid
========================================= */

.mk-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 30px !important;
  row-gap: 0 !important;
  width: 100% !important;
}

/* =========================================
   Fields
========================================= */

.mk-field {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Full-width fields inside the grid */
.mk-field.mk-full {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

.mk-field label {
  display: block !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;

  color: #1a2a33 !important;

  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

.mk-field label span {
  color: #e2583f !important;
}

/* =========================================
   Inputs, Selects and Textareas
========================================= */

.mk-registration-wrap input[type='text'],
.mk-registration-wrap input[type='email'],
.mk-registration-wrap input[type='tel'],
.mk-registration-wrap input[type='number'],
.mk-registration-wrap input[type='date'],
.mk-registration-wrap select,
.mk-registration-wrap textarea {
  display: block !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;

  color: #27343b !important;
  background-color: #ffffff !important;
  border: 1px solid #cdd7dc !important;
  border-radius: 4px !important;
  outline: none !important;

  font-family: 'Abel', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 46px !important;
}

.mk-registration-wrap textarea {
  height: 120px !important;
  min-height: 120px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  line-height: 1.5 !important;
  resize: vertical !important;
}

.mk-registration-wrap input::placeholder,
.mk-registration-wrap textarea::placeholder {
  color: #839199 !important;
  opacity: 1 !important;
  font-family: 'Abel', sans-serif !important;
}

.mk-registration-wrap input:focus,
.mk-registration-wrap select:focus,
.mk-registration-wrap textarea:focus {
  border-color: #e2583f !important;
  box-shadow: 0 0 0 3px rgba(226, 88, 63, 0.12) !important;
}

/* =========================================
   Select Fields
========================================= */

.mk-registration-wrap select {
  cursor: pointer !important;
  line-height: normal !important;
}

.mk-registration-wrap select option {
  color: #27343b !important;
  background-color: #ffffff !important;
  font-family: 'Abel', sans-serif !important;
}

/* =========================================
   Child Sections
========================================= */

.mk-child-section {
  width: 100% !important;
  margin: 25px 0 0 0 !important;
  padding: 25px 0 0 0 !important;

  border-top: 1px solid #e2e8ea !important;
}

.mk-child-section h3 {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;

  color: #1a2a33 !important;

  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

.mk-child-section h3 small {
  color: #728089 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

/* =========================================
   Consent Checkboxes
========================================= */

.mk-consent {
  width: 100% !important;
  margin: 25px 0 0 0 !important;
  padding: 22px 0 0 0 !important;

  border-top: 1px solid #e2e8ea !important;
}

.mk-consent .wpcf7-list-item {
  display: block !important;
  margin: 0 0 14px 0 !important;
}

.mk-consent label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;

  color: #4c5b63 !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  cursor: pointer !important;
}

.mk-consent input[type='checkbox'] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  margin: 3px 0 0 0 !important;
  padding: 0 !important;

  accent-color: #e2583f !important;
}

/* =========================================
   Submit Button — Orange Normal State
========================================= */

.mk-submit-wrap {
  width: 100% !important;
  margin: 25px 0 0 0 !important;
  padding: 0 !important;
}

.mk-registration-wrap input[type='submit'].mk-submit-btn,
.mk-registration-wrap .mk-submit-btn,
.mk-registration-wrap .wpcf7-submit {
  display: block !important;
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;

  color: #ffffff !important;
  background-color: #e2583f !important;
  border: 2px solid #e2583f !important;
  border-radius: 5px !important;

  font-family: 'Abel', sans-serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 48px !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
  text-shadow: none !important;

  cursor: pointer !important;
  opacity: 1 !important;
  transition: all 0.3s ease !important;
}

/* =========================================
   Submit Button — White Hover State
========================================= */

.mk-registration-wrap input[type='submit'].mk-submit-btn:hover,
.mk-registration-wrap .mk-submit-btn:hover,
.mk-registration-wrap .wpcf7-submit:hover {
  color: #e2583f !important;
  background-color: #ffffff !important;
  border-color: #e2583f !important;
}

/* =========================================
   Footer Note
========================================= */

.mk-form-note {
  margin: 18px 0 0 0 !important;
  padding: 0 !important;

  color: #75838a !important;
  text-align: center !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

/* =========================================
   Contact Form 7 Messages
========================================= */

.mk-registration-wrap .wpcf7-not-valid-tip {
  margin-top: 5px !important;
  color: #e2583f !important;
  font-family: 'Abel', sans-serif !important;
  font-size: 14px !important;
}

.mk-registration-wrap .wpcf7 form .wpcf7-response-output {
  margin: 20px 0 0 0 !important;
  padding: 12px 15px !important;
  border-radius: 4px !important;

  font-family: 'Abel', sans-serif !important;
  font-size: 15px !important;
}

/* =========================================
   Mobile Responsive
========================================= */

@media (max-width: 767px) {
  .mk-registration-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding: 30px 20px !important;
  }

  .mk-form-grid {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }

  .mk-field.mk-full {
    grid-column: auto !important;
  }

  .mk-registration-wrap h2 {
    margin-bottom: 28px !important;
    font-size: 28px !important;
  }

  .mk-child-section h3 {
    font-size: 22px !important;
  }

  .mk-registration-wrap input[type='submit'].mk-submit-btn,
  .mk-registration-wrap .mk-submit-btn,
  .mk-registration-wrap .wpcf7-submit {
    font-size: 20px !important;
  }
}

/* =========================================================
   Contact Form 7 — Center Popup Success / Error Messages
========================================================= */

/* Successful form submission */
body .wpcf7 form.sent .wpcf7-response-output {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 999999 !important;

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

  width: min(420px, calc(100vw - 40px)) !important;
  min-height: 115px !important;
  margin: 0 !important;
  padding: 24px 28px 24px 82px !important;
  box-sizing: border-box !important;

  transform: translate(-50%, -50%) !important;

  color: #216b4b !important;
  background: #ffffff !important;
  border: 1px solid #b7e1c9 !important;
  border-top: 5px solid #37a66b !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 55px rgba(13, 68, 43, 0.28) !important;

  font-family: 'Abel', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: left !important;

  animation: mk-success-popup 0.45s ease-out both !important;
}

/* Green check icon */
body .wpcf7 form.sent .wpcf7-response-output::before {
  content: "✓" !important;
  position: absolute !important;
  top: 50% !important;
  left: 28px !important;

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

  width: 35px !important;
  height: 35px !important;
  transform: translateY(-50%) !important;

  color: #ffffff !important;
  background: #37a66b !important;
  border-radius: 50% !important;
  box-shadow: 0 5px 14px rgba(55, 166, 107, 0.35) !important;

  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 35px !important;
  text-align: center !important;
}

/* Popup entrance animation */
@keyframes mk-success-popup {
  from {
    opacity: 0;
    transform: translate(-50%, -46%) scale(0.92);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

/* Error / validation popup */
body .wpcf7 form.invalid .wpcf7-response-output,
body .wpcf7 form.failed .wpcf7-response-output,
body .wpcf7 form.aborted .wpcf7-response-output,
body .wpcf7 form.spam .wpcf7-response-output {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 999999 !important;

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

  width: min(420px, calc(100vw - 40px)) !important;
  min-height: 115px !important;
  margin: 0 !important;
  padding: 24px 28px 24px 82px !important;
  box-sizing: border-box !important;

  transform: translate(-50%, -50%) !important;

  color: #9d3c32 !important;
  background: #ffffff !important;
  border: 1px solid #f1c1ba !important;
  border-top: 5px solid #e2583f !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 55px rgba(110, 35, 25, 0.22) !important;

  font-family: 'Abel', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: left !important;

  animation: mk-success-popup 0.45s ease-out both !important;
}

/* Error icon */
body .wpcf7 form.invalid .wpcf7-response-output::before,
body .wpcf7 form.failed .wpcf7-response-output::before,
body .wpcf7 form.aborted .wpcf7-response-output::before,
body .wpcf7 form.spam .wpcf7-response-output::before {
  content: "!" !important;
  position: absolute !important;
  top: 50% !important;
  left: 28px !important;

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

  width: 35px !important;
  height: 35px !important;
  transform: translateY(-50%) !important;

  color: #ffffff !important;
  background: #e2583f !important;
  border-radius: 50% !important;
  box-shadow: 0 5px 14px rgba(226, 88, 63, 0.30) !important;

  font-family: Arial, sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 35px !important;
  text-align: center !important;
}

/* Popup layout on mobile */
@media (max-width: 767px) {
  body .wpcf7 form.sent .wpcf7-response-output,
  body .wpcf7 form.invalid .wpcf7-response-output,
  body .wpcf7 form.failed .wpcf7-response-output,
  body .wpcf7 form.aborted .wpcf7-response-output,
  body .wpcf7 form.spam .wpcf7-response-output {
    width: calc(100vw - 32px) !important;
    min-height: 105px !important;
    padding: 20px 20px 20px 70px !important;
    font-size: 17px !important;
  }

  body .wpcf7 form.sent .wpcf7-response-output::before,
  body .wpcf7 form.invalid .wpcf7-response-output::before,
  body .wpcf7 form.failed .wpcf7-response-output::before,
  body .wpcf7 form.aborted .wpcf7-response-output::before,
  body .wpcf7 form.spam .wpcf7-response-output::before {
    left: 20px !important;
  }
}
/* =========================================================
   Contact Form 7 — Center Success Popup
========================================================= */

/* Successful submission: small centered popup */
body .wpcf7 form.sent .wpcf7-response-output {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 999999 !important;

  display: flex !important;
  align-items: center !important;
  width: min(420px, calc(100vw - 40px)) !important;
  min-height: 115px !important;
  margin: 0 !important;
  padding: 24px 28px 24px 82px !important;
  box-sizing: border-box !important;

  transform: translate(-50%, -50%) !important;

  color: #216b4b !important;
  background: #ffffff !important;
  border: 1px solid #b7e1c9 !important;
  border-top: 5px solid #37a66b !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 55px rgba(13, 68, 43, 0.28) !important;

  font-family: 'Abel', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: left !important;

  animation: mk-success-popup 0.45s ease-out both !important;
}

/* Green success icon */
body .wpcf7 form.sent .wpcf7-response-output::before {
  content: "✓" !important;
  position: absolute !important;
  top: 50% !important;
  left: 28px !important;

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

  width: 35px !important;
  height: 35px !important;
  transform: translateY(-50%) !important;

  color: #ffffff !important;
  background: #37a66b !important;
  border-radius: 50% !important;
  box-shadow: 0 5px 14px rgba(55, 166, 107, 0.35) !important;

  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 35px !important;
  text-align: center !important;
}

/* Soft popup animation */
@keyframes mk-success-popup {
  from {
    opacity: 0;
    transform: translate(-50%, -46%) scale(0.92);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

/* Error popup */
body .wpcf7 form.invalid .wpcf7-response-output,
body .wpcf7 form.failed .wpcf7-response-output,
body .wpcf7 form.aborted .wpcf7-response-output,
body .wpcf7 form.spam .wpcf7-response-output {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 999999 !important;

  display: flex !important;
  align-items: center !important;
  width: min(420px, calc(100vw - 40px)) !important;
  min-height: 115px !important;
  margin: 0 !important;
  padding: 24px 28px 24px 82px !important;
  box-sizing: border-box !important;

  transform: translate(-50%, -50%) !important;

  color: #9d3c32 !important;
  background: #ffffff !important;
  border: 1px solid #f1c1ba !important;
  border-top: 5px solid #e2583f !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 55px rgba(110, 35, 25, 0.22) !important;

  font-family: 'Abel', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: left !important;

  animation: mk-success-popup 0.45s ease-out both !important;
}

/* Error icon */
body .wpcf7 form.invalid .wpcf7-response-output::before,
body .wpcf7 form.failed .wpcf7-response-output::before,
body .wpcf7 form.aborted .wpcf7-response-output::before,
body .wpcf7 form.spam .wpcf7-response-output::before {
  content: "!" !important;
  position: absolute !important;
  top: 50% !important;
  left: 28px !important;

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

  width: 35px !important;
  height: 35px !important;
  transform: translateY(-50%) !important;

  color: #ffffff !important;
  background: #e2583f !important;
  border-radius: 50% !important;
  box-shadow: 0 5px 14px rgba(226, 88, 63, 0.30) !important;

  font-family: Arial, sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 35px !important;
  text-align: center !important;
}

/* Mobile */
@media (max-width: 767px) {
  body .wpcf7 form.sent .wpcf7-response-output,
  body .wpcf7 form.invalid .wpcf7-response-output,
  body .wpcf7 form.failed .wpcf7-response-output,
  body .wpcf7 form.aborted .wpcf7-response-output,
  body .wpcf7 form.spam .wpcf7-response-output {
    width: calc(100vw - 32px) !important;
    min-height: 105px !important;
    padding: 20px 20px 20px 70px !important;
    font-size: 17px !important;
  }

  body .wpcf7 form.sent .wpcf7-response-output::before,
  body .wpcf7 form.invalid .wpcf7-response-output::before,
  body .wpcf7 form.failed .wpcf7-response-output::before,
  body .wpcf7 form.aborted .wpcf7-response-output::before,
  body .wpcf7 form.spam .wpcf7-response-output::before {
    left: 20px !important;
  }
}/* End custom CSS */