.elementor-158 .elementor-element.elementor-element-6830986{--display:flex;}.elementor-158 .elementor-element.elementor-element-3cb2fad .jeg-elementor-kit.jkit-contact-form-7 form input[type=submit]{background-color:#DFD600;border-radius:15px 15px 15px 15px;color:#000000;}.elementor-158 .elementor-element.elementor-element-3cb2fad .jeg-elementor-kit.jkit-contact-form-7{text-align:center;margin:0px 0px 0px 0px;}.elementor-158 .elementor-element.elementor-element-3cb2fad .jeg-elementor-kit.jkit-contact-form-7 form label{text-align:left;color:#1B0152;margin:0px 0px 0px 0px;max-width:1699px;}.elementor-158 .elementor-element.elementor-element-3cb2fad .jeg-elementor-kit.jkit-contact-form-7 form input:not([type=submit]):not([type=checkbox]):not([type=radio]), .elementor-158 .elementor-element.elementor-element-3cb2fad .jeg-elementor-kit.jkit-contact-form-7 form textarea, .elementor-158 .elementor-element.elementor-element-3cb2fad .jeg-elementor-kit.jkit-contact-form-7 form select{margin:8px 0px 0px 0px;}.elementor-158 .elementor-element.elementor-element-3cb2fad .jeg-elementor-kit.jkit-contact-form-7 form input:not([type=submit]):not([type=checkbox]):not([type=radio]), .elementor-158 .elementor-element.elementor-element-3cb2fad .jeg-elementor-kit.jkit-contact-form-7 form select{height:50px;}.elementor-158 .elementor-element.elementor-element-3cb2fad .jeg-elementor-kit.jkit-contact-form-7 form textarea{height:150px;}.elementor-158 .elementor-element.elementor-element-3cb2fad .jeg-elementor-kit.jkit-contact-form-7 form input:not([type=submit]):not([type=checkbox]):not([type=radio])::placeholder, .elementor-158 .elementor-element.elementor-element-3cb2fad .jeg-elementor-kit.jkit-contact-form-7 form textarea::placeholder, .elementor-158 .elementor-element.elementor-element-3cb2fad .jeg-elementor-kit.jkit-contact-form-7 form select::placeholder{font-size:20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-158 .elementor-element.elementor-element-6830986{--content-width:1600px;}}/* Start custom CSS for jkit_contact_form_7, class: .elementor-element-3cb2fad *//* =========================================================
   EKBAAL CONTACT FORM + CSS ILLUSTRATION
========================================================= */

.ekbaal-contact-layout {
  --ek-purple: #31146a;
  --ek-purple-dark: #1d073f;
  --ek-purple-light: #6632be;
  --ek-yellow: #f3c623;
  --ek-black: #171717;
  --ek-muted: #6f6a78;
  --ek-border: rgba(49, 20, 106, 0.14);
  --ek-bg: #fbfaff;

  position: relative;
  width: 100%;
  max-width: 1350px;

  margin: 0 auto;
  padding: 25px;

  display: grid;
  grid-template-columns:
    minmax(440px, 1fr)
    minmax(430px, 0.9fr);

  gap: 25px;
  align-items: stretch;

  overflow: hidden;

  border: 1px solid rgba(49, 20, 106, 0.09);
  border-radius: 36px;

  background:
    radial-gradient(
      circle at 92% 10%,
      rgba(243, 198, 35, 0.14),
      transparent 22%
    ),
    radial-gradient(
      circle at 10% 90%,
      rgba(49, 20, 106, 0.08),
      transparent 24%
    ),
    linear-gradient(
      135deg,
      #ffffff 0%,
      #fbfaff 55%,
      #f1ecfa 100%
    );

  box-shadow:
    0 30px 75px rgba(49, 20, 106, 0.12),
    inset 0 1px 0 #ffffff;
}

.ekbaal-contact-layout *,
.ekbaal-contact-layout *::before,
.ekbaal-contact-layout *::after {
  box-sizing: border-box;
}

/* =========================================================
   CONTACT FORM
========================================================= */

.ekbaal-contact-form {
  width: 100%;
  min-width: 0;
  position: relative;
  z-index: 5;
}

.ekbaal-contact-form .wpcf7 {
  width: 100%;
  max-width: 100%;
  height: 100%;

  padding: 34px 28px;

 

 

}

/* Form spacing */

.ekbaal-contact-form .wpcf7 form p {
  margin: 0 0 20px;
}

.ekbaal-contact-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* Labels */

.ekbaal-contact-form .wpcf7 form label {
  display: block;
  margin-bottom: 10px;

  color: var(--ek-purple) ;

  font-family: "Plus Jakarta Sans", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

/* Inputs */

.ekbaal-contact-form .wpcf7 input[type="text"],
.ekbaal-contact-form .wpcf7 input[type="email"],
.ekbaal-contact-form .wpcf7 input[type="tel"],
.ekbaal-contact-form .wpcf7 input[type="url"],
.ekbaal-contact-form .wpcf7 input[type="number"],
.ekbaal-contact-form .wpcf7 input[type="date"],
.ekbaal-contact-form .wpcf7 select,
.ekbaal-contact-form .wpcf7 textarea {
  width: 100%;
  padding: 16px 18px;

  border: 1.5px solid var(--ek-border);
  border-radius: 18px;
  outline: none;

  color: var(--ek-black);
  background: rgba(255, 255, 255, 0.92);

  font-family: "Plus Jakarta Sans", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;

  box-shadow:
    inset 0 1px 2px rgba(49, 20, 106, 0.03);

  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.3s ease,
    background 0.3s ease;
}

.ekbaal-contact-form .wpcf7 input[type="text"],
.ekbaal-contact-form .wpcf7 input[type="email"],
.ekbaal-contact-form .wpcf7 input[type="tel"],
.ekbaal-contact-form .wpcf7 input[type="url"],
.ekbaal-contact-form .wpcf7 input[type="number"],
.ekbaal-contact-form .wpcf7 input[type="date"],
.ekbaal-contact-form .wpcf7 select {
  min-height: 58px;
}

.ekbaal-contact-form .wpcf7 textarea {
  min-height: 170px;
  resize: vertical;
}

/* Placeholder */

.ekbaal-contact-form .wpcf7 input::placeholder,
.ekbaal-contact-form .wpcf7 textarea::placeholder {
  color: #9b95aa;
}

/* Focus */

.ekbaal-contact-form .wpcf7 input:focus,
.ekbaal-contact-form .wpcf7 select:focus,
.ekbaal-contact-form .wpcf7 textarea:focus {
  border-color: var(--ek-purple-light);
  background: #ffffff;

  box-shadow:
    0 0 0 4px rgba(102, 50, 190, 0.12),
    0 10px 25px rgba(49, 20, 106, 0.08);

  transform: translateY(-1px);
}

/* Submit button */

.ekbaal-contact-form .wpcf7 input[type="submit"],
.ekbaal-contact-form .wpcf7 button,
.ekbaal-contact-form .wpcf7 .wpcf7-submit {
  appearance: none;

  min-width: 220px;
  min-height: 60px;

  padding: 14px 31px;

  border: 0;
  border-radius: 999px;
  cursor: pointer;

  color: #ffffff;

  background:
    linear-gradient(
      120deg,
      var(--ek-purple-dark),
      var(--ek-purple-light)
    );

  box-shadow:
    0 18px 35px rgba(49, 20, 106, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);

  font-family: "Plus Jakarta Sans", Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.01em;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    opacity 0.3s ease;
}

.ekbaal-contact-form .wpcf7 input[type="submit"]:hover,
.ekbaal-contact-form .wpcf7 button:hover,
.ekbaal-contact-form .wpcf7 .wpcf7-submit:hover {
  transform: translateY(-3px);

  box-shadow:
    0 24px 45px rgba(49, 20, 106, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.ekbaal-contact-form .wpcf7 input[type="submit"]:active,
.ekbaal-contact-form .wpcf7 button:active,
.ekbaal-contact-form .wpcf7 .wpcf7-submit:active {
  transform: translateY(0);
}

/* Validation */

.ekbaal-contact-form .wpcf7-not-valid-tip {
  margin-top: 8px;

  color: #d92c54;

  font-size: 12px;
  font-weight: 600;
}

.ekbaal-contact-form .wpcf7 input.wpcf7-not-valid,
.ekbaal-contact-form .wpcf7 textarea.wpcf7-not-valid,
.ekbaal-contact-form .wpcf7 select.wpcf7-not-valid {
  border-color: #d92c54;

  box-shadow:
    0 0 0 4px rgba(217, 44, 84, 0.10);
}

/* Response */

.ekbaal-contact-form .wpcf7 form .wpcf7-response-output {
  margin: 22px 0 0;
  padding: 14px 16px;

  border-radius: 16px;

  font-size: 13px;
  font-weight: 600;
}

.ekbaal-contact-form .wpcf7 form.sent .wpcf7-response-output {
  color: #14633d;
  border: 1px solid rgba(20, 99, 61, 0.20);
  background: rgba(20, 99, 61, 0.08);
}

.ekbaal-contact-form .wpcf7 form.invalid .wpcf7-response-output,
.ekbaal-contact-form .wpcf7 form.failed .wpcf7-response-output,
.ekbaal-contact-form .wpcf7 form.aborted .wpcf7-response-output {
  color: #a4233b;
  border: 1px solid rgba(164, 35, 59, 0.20);
  background: rgba(164, 35, 59, 0.08);
}

.ekbaal-contact-form .wpcf7-spinner {
  margin: 16px 0 0 12px;
  background: var(--ek-yellow);
  opacity: 1;
}

/* =========================================================
   CSS DRAWN ILLUSTRATION
========================================================= */

.ekbaal-contact-art {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 700px;

  overflow: hidden;

  border: 1px solid rgba(49, 20, 106, 0.10);
  border-radius: 28px;

  background:
    radial-gradient(
      circle at 72% 19%,
      rgba(243, 198, 35, 0.20),
      transparent 22%
    ),
    radial-gradient(
      circle at 28% 75%,
      rgba(102, 50, 190, 0.20),
      transparent 31%
    ),
    linear-gradient(
      145deg,
      #25084f 0%,
      #31146a 57%,
      #4e2094 100%
    );

  box-shadow:
    0 25px 55px rgba(49, 20, 106, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.17);
}

/* Circle */

.ekbaal-contact-art__ring {
  position: absolute;
  width: 520px;
  height: 520px;

  top: 50%;
  left: 50%;

  border: 2px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;

  transform: translate(-50%, -50%);
}

.ekbaal-contact-art__ring::before,
.ekbaal-contact-art__ring::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.ekbaal-contact-art__ring::before {
  inset: 45px;
  border: 1px solid rgba(243, 198, 35, 0.17);
}

.ekbaal-contact-art__ring::after {
  inset: 105px;
  border: 1px dashed rgba(255, 255, 255, 0.13);
}

/* Yellow background shape */

.ekbaal-contact-art__yellow-shape {
  position: absolute;
  right: -75px;
  bottom: -55px;

  width: 280px;
  height: 185px;

  border-radius:
    75% 20% 70% 30% /
    60% 30% 70% 40%;

  transform: rotate(-12deg);

  background:
    linear-gradient(
      145deg,
      #ffe260,
      var(--ek-yellow)
    );

  box-shadow:
    0 30px 55px rgba(243, 198, 35, 0.19),
    inset -15px -17px 22px rgba(166, 120, 0, 0.15);
}

/* Main browser */

.ekbaal-art-browser {
  position: absolute;
  z-index: 5;

  width: 78%;
  min-height: 470px;

  top: 105px;
  left: 50%;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 29px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.94),
      rgba(240, 234, 250, 0.89)
    );

  box-shadow:
    0 42px 75px rgba(15, 2, 38, 0.34),
    inset 0 1px 0 #ffffff;

  transform:
    translateX(-50%)
    rotateY(-6deg)
    rotateZ(2deg);

  animation:
    ekbaalBrowserFloat 5.5s ease-in-out infinite;
}

.ekbaal-art-browser__top {
  min-height: 67px;
  padding: 0 23px;

  display: flex;
  align-items: center;
  gap: 25px;

  background:
    linear-gradient(
      120deg,
      #1d073f,
      #31146a
    );
}

.ekbaal-art-browser__dots {
  display: flex;
  gap: 8px;
}

.ekbaal-art-browser__dots span {
  width: 12px;
  height: 12px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.75);
}

.ekbaal-art-browser__dots span:first-child {
  background: var(--ek-yellow);
}

.ekbaal-art-browser__address {
  width: 60%;
  height: 18px;
  margin-left: auto;

  border-radius: 999px;

  background: rgba(255, 255, 255, 0.13);

  box-shadow:
    inset 0 2px 4px rgba(15, 2, 38, 0.2);
}

.ekbaal-art-browser__body {
  padding: 31px;
}

.ekbaal-art-browser__heading small {
  display: block;

  color: var(--ek-purple-light);

  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.15em;
}

.ekbaal-art-browser__heading strong {
  display: block;
  max-width: 350px;

  margin-top: 10px;

  color: var(--ek-black);

  font-size: clamp(25px, 2.4vw, 38px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.045em;
}

.ekbaal-art-browser__heading > span {
  width: 54px;
  height: 4px;
  margin-top: 17px;

  display: block;

  border-radius: 999px;

  background: var(--ek-yellow);
}

/* Fake form fields */

.ekbaal-art-browser__fields {
  display: grid;
  gap: 12px;

  margin-top: 26px;
}

.ekbaal-art-browser__fields > div {
  min-height: 60px;
  padding: 14px 16px;

  display: flex;
  align-items: center;
  gap: 13px;

  border: 1px solid rgba(49, 20, 106, 0.10);
  border-radius: 16px;

  background: rgba(255, 255, 255, 0.75);
}

.ekbaal-art-browser__fields > div.message-field {
  min-height: 90px;
  align-items: flex-start;
}

.ekbaal-art-browser__fields i {
  width: 35px;
  height: 35px;
  flex-shrink: 0;

  border-radius: 11px;

  background:
    linear-gradient(
      145deg,
      rgba(102, 50, 190, 0.18),
      rgba(49, 20, 106, 0.08)
    );
}

.ekbaal-art-browser__fields span {
  width: 66%;
  height: 8px;

  display: block;

  border-radius: 999px;

  background: rgba(49, 20, 106, 0.15);
}

.ekbaal-art-browser__fields > div:nth-child(2) span {
  width: 52%;
}

.ekbaal-art-browser__fields .message-field span {
  width: 80%;
}

.ekbaal-art-browser__button {
  width: fit-content;
  min-height: 52px;
  margin-top: 19px;
  padding: 7px 7px 7px 21px;

  display: flex;
  align-items: center;
  gap: 20px;

  border-radius: 999px;

  color: #ffffff;

  background:
    linear-gradient(
      120deg,
      var(--ek-purple-dark),
      var(--ek-purple-light)
    );

  font-size: 11px;
  font-weight: 800;

  box-shadow:
    0 16px 27px rgba(49, 20, 106, 0.22);
}

.ekbaal-art-browser__button b {
  width: 39px;
  height: 39px;

  display: grid;
  place-items: center;

  border-radius: 50%;

  color: var(--ek-purple);
  background: var(--ek-yellow);

  font-size: 17px;
}

/* Envelope */

.ekbaal-art-envelope {
  position: absolute;
  z-index: 9;

  width: 145px;
  height: 105px;

  top: 62px;
  right: 26px;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 24px;

  background:
    linear-gradient(
      145deg,
      #7540d4,
      #31146a
    );

  box-shadow:
    0 27px 48px rgba(15, 2, 38, 0.3),
    inset 0 2px 2px rgba(255, 255, 255, 0.18);

  transform: rotate(8deg);

  animation:
    ekbaalSmallFloat 4.8s ease-in-out infinite;
}

.ekbaal-art-envelope::before,
.ekbaal-art-envelope::after {
  content: "";
  position: absolute;

  width: 105px;
  height: 105px;

  top: -68px;

  border: 3px solid rgba(255, 255, 255, 0.75);

  transform: rotate(45deg);
}

.ekbaal-art-envelope::before {
  left: -20px;
}

.ekbaal-art-envelope::after {
  right: -20px;
}

.ekbaal-art-envelope span {
  position: absolute;
  z-index: 2;

  width: 23px;
  height: 23px;

  right: 13px;
  bottom: 13px;

  border-radius: 50%;

  background: var(--ek-yellow);
}

/* Chat card */

.ekbaal-art-chat {
  position: absolute;
  z-index: 10;

  left: 18px;
  bottom: 95px;

  padding: 17px;

  display: flex;
  align-items: center;
  gap: 12px;

  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 21px;

  color: #ffffff;

  background: rgba(255, 255, 255, 0.14);

  box-shadow:
    0 25px 48px rgba(15, 2, 38, 0.25);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  transform: rotate(-6deg);

  animation:
    ekbaalSmallFloat 5.4s 0.4s ease-in-out infinite;
}

.ekbaal-art-chat__avatar {
  width: 46px;
  height: 46px;
  flex-shrink: 0;

  display: grid;
  place-items: center;

  border-radius: 50%;

  color: var(--ek-purple);
  background: var(--ek-yellow);

  font-size: 17px;
  font-weight: 900;
}

.ekbaal-art-chat strong,
.ekbaal-art-chat small {
  display: block;
}

.ekbaal-art-chat strong {
  font-size: 11px;
  font-weight: 800;
}

.ekbaal-art-chat small {
  margin-top: 5px;

  color: rgba(255, 255, 255, 0.66);

  font-size: 8px;
}

/* Response card */

.ekbaal-art-response {
  position: absolute;
  z-index: 10;

  right: 15px;
  bottom: 74px;

  padding: 15px 17px;

  display: flex;
  align-items: center;
  gap: 12px;

  border: 1px solid rgba(49, 20, 106, 0.11);
  border-radius: 20px;

  background: rgba(255, 255, 255, 0.88);

  box-shadow:
    0 25px 48px rgba(15, 2, 38, 0.23);

  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);

  transform: rotate(6deg);

  animation:
    ekbaalSmallFloat 5.8s 0.7s ease-in-out infinite;
}

.ekbaal-art-response > span {
  width: 12px;
  height: 12px;
  flex-shrink: 0;

  border-radius: 50%;

  background: var(--ek-yellow);

  box-shadow:
    0 0 0 6px rgba(243, 198, 35, 0.18);
}

.ekbaal-art-response strong,
.ekbaal-art-response small {
  display: block;
}

.ekbaal-art-response strong {
  color: var(--ek-purple);

  font-size: 10px;
  font-weight: 800;
}

.ekbaal-art-response small {
  margin-top: 4px;

  color: var(--ek-muted);

  font-size: 8px;
}

/* Code card */

.ekbaal-art-code {
  position: absolute;
  z-index: 11;

  width: 82px;
  height: 82px;

  left: 25px;
  top: 55px;

  display: grid;
  place-items: center;

  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 23px;

  color: var(--ek-yellow);

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.17),
      rgba(255, 255, 255, 0.07)
    );

  box-shadow:
    0 25px 45px rgba(15, 2, 38, 0.25);

  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);

  font-size: 22px;
  font-weight: 900;

  transform: rotate(-8deg);

  animation:
    ekbaalSmallFloat 5s 0.2s ease-in-out infinite;
}

/* Decorative balls */

.ekbaal-art-ball {
  position: absolute;
  z-index: 12;

  display: block;
  border-radius: 50%;
}

.ekbaal-art-ball--one {
  width: 31px;
  height: 31px;

  right: 38px;
  top: 250px;

  background: var(--ek-yellow);

  box-shadow:
    inset -5px -7px 8px rgba(165, 121, 0, 0.25),
    0 13px 20px rgba(243, 198, 35, 0.23);
}

.ekbaal-art-ball--two {
  width: 22px;
  height: 22px;

  left: 44px;
  top: 310px;

  background: #8d5be2;

  box-shadow:
    inset -4px -5px 6px rgba(29, 7, 63, 0.34),
    0 12px 18px rgba(15, 2, 38, 0.22);
}

/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes ekbaalBrowserFloat {
  0%,
  100% {
    transform:
      translateX(-50%)
      translateY(0)
      rotateY(-6deg)
      rotateZ(2deg);
  }

  50% {
    transform:
      translateX(-50%)
      translateY(-12px)
      rotateY(-6deg)
      rotateZ(1deg);
  }
}

@keyframes ekbaalSmallFloat {
  0%,
  100% {
    translate: 0 0;
  }

  50% {
    translate: 0 -11px;
  }
}

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

@media (max-width: 1050px) {
  .ekbaal-contact-layout {
    grid-template-columns: 1fr;
  }

  .ekbaal-contact-art {
    min-height: 590px;
  }

  .ekbaal-art-browser {
    width: min(600px, 75%);
  }
}

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

@media (max-width: 767px) {
  .ekbaal-contact-layout {
    padding: 10px;
    gap: 13px;
    border-radius: 25px;
  }

  .ekbaal-contact-form .wpcf7 {
    padding: 22px 16px;
    border-radius: 22px;
  }

  .ekbaal-contact-form .wpcf7 form label {
    font-size: 14px;
  }

  .ekbaal-contact-form .wpcf7 input[type="submit"],
  .ekbaal-contact-form .wpcf7 button,
  .ekbaal-contact-form .wpcf7 .wpcf7-submit {
    width: 100%;
    min-width: 0;
  }

  .ekbaal-contact-art {
    min-height: 470px;
    border-radius: 21px;
  }

  .ekbaal-contact-art__ring {
    width: 380px;
    height: 380px;
  }

  .ekbaal-art-browser {
    top: 77px;
    width: 570px;

    transform:
      translateX(-50%)
      scale(0.61)
      rotateY(-6deg)
      rotateZ(2deg);
  }

  @keyframes ekbaalBrowserFloat {
    0%,
    100% {
      transform:
        translateX(-50%)
        translateY(0)
        scale(0.61)
        rotateY(-6deg)
        rotateZ(2deg);
    }

    50% {
      transform:
        translateX(-50%)
        translateY(-7px)
        scale(0.61)
        rotateY(-6deg)
        rotateZ(1deg);
    }
  }

  .ekbaal-art-envelope {
    top: 25px;
    right: -17px;

    transform:
      rotate(8deg)
      scale(0.65);
  }

  .ekbaal-art-code {
    top: 24px;
    left: -16px;

    transform:
      rotate(-8deg)
      scale(0.68);
  }

  .ekbaal-art-chat {
    left: -35px;
    bottom: 38px;

    transform:
      rotate(-6deg)
      scale(0.69);
  }

  .ekbaal-art-response {
    right: -42px;
    bottom: 32px;

    transform:
      rotate(6deg)
      scale(0.69);
  }

  .ekbaal-art-ball--one {
    right: 15px;
    top: 190px;
  }

  .ekbaal-art-ball--two {
    left: 14px;
    top: 250px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .ekbaal-art-browser,
  .ekbaal-art-envelope,
  .ekbaal-art-chat,
  .ekbaal-art-response,
  .ekbaal-art-code {
    animation: none !important;
  }
}/* End custom CSS */