@charset "UTF-8";
/*
Theme Name: Pitemati
Text Domain: pitemati
Domain Path: /languages
*/
/* Colors */
:root {
  --blue-ruin:#026cdd;
  --blue-ruin-rgba:2,108,221;
  --london-rain:#0051bb;
  --london-rain-rgba:0,81,187;
  --white:#ffffff;
  --warm-purple:#972b8a;
  --aged-purple:#ac439f;
  --adamantine-blue:#57a5f8;
  --swiss-plum:#6d46b3;
  --swiss-plum-rgba:109,70,179;
  --midnight:#020c2e;
  --mazzy-star:#c35caf;
  --peach-cobbler:#ffae83;
  --golden-nectar:#ffd969;
  --sapphire-blue:#0066bc;
  --altdorf-sky-blue:#00a1ab;
  --malted-mint-madness:#0cdaa7;
  --alphabet-blue:#b3d1f0;
  --jadestone:#03a8a6;
  --emerson:#42645d;
  --black-anther:#424242;
  --white-rabbit:#f9f0e9;
  --clr: #825aa9;
  --french-color: #ff6a92;
  --lightpink: #FFA8C0;
  --nastygreen: #66b33e;
  --green: #359004;
  --skyblue: #81d6e5;
  --violet: #ff87ec;
  --neon-fuchsia: #ff4160;
  --purple-honeycreeper: #825bfe;
}

/* Color Classes */
/*Color Text*/
.blue-ruin {
  color: var(--blue-ruin);
}

/* Bg Color Class */
.bg-blue-ruin {
  background-color: var(--blue-ruin);
}

/*Text-Bg Color*/
.text-bg-blue-ruin {
  color: var(--white);
  background-color: var(--blue-ruin);
}

/* CSS Document */
:root {
  --special-elite: "Special Elite";
  --croissant-one: "Croissant One";
  --josefin-sans: "Josefin Sans";
  --josefin-slab: "Josefin slab";
  --caveat: "Caveat";
  --indie-flower: "Indie Flower";
  --lilita-one: "Lilita One";
  --merienda: "Merienda";
  --Laila: "Laila";
  --pangolin: "Pangolin";
  --chewy: "Chewy";
  --aclonica: "Aclonica";
  --short-stack: "Short Stack";
  --bubblegum-sans: "Bubblegum Sans";
  --capriola: "Capriola";
  --handlee: "Handlee";
  --cabin-sketch: "Cabin Sketch";
  --tillana: "Tillana";
  --baloo-2: "Baloo 2";
  --roboto: "Roboto";
  --londrina-sketch: "Londrina Sketch";
  --protest-strike: "Protest Strike";
  --baloo-da-2: "Baloo Da 2";
  --lemon: "Lemon";
  --itim: "Itim";
  --nerko-one: "Nerko One";
  --akaya-kanadaka: "Akaya Kanadaka";
  --sriracha: "Sriracha";
  --suez-one: "Suez One";
  --poetsen-one: "Poetsen One";
  --coiny: "Coiny";
}

/*
Kullanım
.button {
  background-color: rgba-from-hex(#026cdd, 0.75); // blue-ruin rengini %75 opaklıkla kullan
  border-color: rgba-from-hex(#0051bb, 0.5); // london-rain
}

.hero {
  background: rgba-from-hex($mazzy-star, 0.9); // SCSS değişken ile
}
*/
.spacer-h-xxs {
  height: 4px;
  width: 100%;
}

.spacer-h-xs {
  height: 8px;
  width: 100%;
}

.spacer-h-sm {
  height: 12px;
  width: 100%;
}

.spacer-h-md {
  height: 16px;
  width: 100%;
}

.spacer-h-lg {
  height: 24px;
  width: 100%;
}

.spacer-h-xl {
  height: 32px;
  width: 100%;
}

.spacer-h-xxl {
  height: 48px;
  width: 100%;
}

.spacer-w-xxs {
  width: 4px;
  height: 100%;
  display: inline-block;
}

.spacer-w-xs {
  width: 8px;
  height: 100%;
  display: inline-block;
}

.spacer-w-sm {
  width: 12px;
  height: 100%;
  display: inline-block;
}

.spacer-w-md {
  width: 16px;
  height: 100%;
  display: inline-block;
}

.spacer-w-lg {
  width: 24px;
  height: 100%;
  display: inline-block;
}

.spacer-w-xl {
  width: 32px;
  height: 100%;
  display: inline-block;
}

.spacer-w-xxl {
  width: 48px;
  height: 100%;
  display: inline-block;
}

.mwt-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.mwt-row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.mwt-col {
  box-sizing: border-box;
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.mwt-col-1 {
  box-sizing: border-box;
  flex: 0 0 8.3333333333%;
  width: 8.3333333333%;
  max-width: 8.3333333333%;
  min-width: 0;
}

.mwt-col-2 {
  box-sizing: border-box;
  flex: 0 0 16.6666666667%;
  width: 16.6666666667%;
  max-width: 16.6666666667%;
  min-width: 0;
}

.mwt-col-3 {
  box-sizing: border-box;
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
  min-width: 0;
}

.mwt-col-4 {
  box-sizing: border-box;
  flex: 0 0 33.3333333333%;
  width: 33.3333333333%;
  max-width: 33.3333333333%;
  min-width: 0;
}

.mwt-col-5 {
  box-sizing: border-box;
  flex: 0 0 41.6666666667%;
  width: 41.6666666667%;
  max-width: 41.6666666667%;
  min-width: 0;
}

.mwt-col-6 {
  box-sizing: border-box;
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
  min-width: 0;
}

.mwt-col-7 {
  box-sizing: border-box;
  flex: 0 0 58.3333333333%;
  width: 58.3333333333%;
  max-width: 58.3333333333%;
  min-width: 0;
}

.mwt-col-8 {
  box-sizing: border-box;
  flex: 0 0 66.6666666667%;
  width: 66.6666666667%;
  max-width: 66.6666666667%;
  min-width: 0;
}

.mwt-col-9 {
  box-sizing: border-box;
  flex: 0 0 75%;
  width: 75%;
  max-width: 75%;
  min-width: 0;
}

.mwt-col-10 {
  box-sizing: border-box;
  flex: 0 0 83.3333333333%;
  width: 83.3333333333%;
  max-width: 83.3333333333%;
  min-width: 0;
}

.mwt-col-11 {
  box-sizing: border-box;
  flex: 0 0 91.6666666667%;
  width: 91.6666666667%;
  max-width: 91.6666666667%;
  min-width: 0;
}

.mwt-col-12 {
  box-sizing: border-box;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

@media (min-width: 576px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 768px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 992px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 1200px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 1400px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 1600px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 1800px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 2000px) {
  .mwt-col-1 {
    box-sizing: border-box;
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
    min-width: 0;
  }
  .mwt-col-2 {
    box-sizing: border-box;
    flex: 0 0 16.6666666667%;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    min-width: 0;
  }
  .mwt-col-3 {
    box-sizing: border-box;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 0;
  }
  .mwt-col-4 {
    box-sizing: border-box;
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    min-width: 0;
  }
  .mwt-col-5 {
    box-sizing: border-box;
    flex: 0 0 41.6666666667%;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
    min-width: 0;
  }
  .mwt-col-6 {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
  }
  .mwt-col-7 {
    box-sizing: border-box;
    flex: 0 0 58.3333333333%;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
    min-width: 0;
  }
  .mwt-col-8 {
    box-sizing: border-box;
    flex: 0 0 66.6666666667%;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    min-width: 0;
  }
  .mwt-col-9 {
    box-sizing: border-box;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    min-width: 0;
  }
  .mwt-col-10 {
    box-sizing: border-box;
    flex: 0 0 83.3333333333%;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    min-width: 0;
  }
  .mwt-col-11 {
    box-sizing: border-box;
    flex: 0 0 91.6666666667%;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
    min-width: 0;
  }
  .mwt-col-12 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (min-width: 576px) {
  .mwt-offset-xs-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-xs-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-xs-3 {
    margin-left: 25%;
  }
  .mwt-offset-xs-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-xs-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-xs-6 {
    margin-left: 50%;
  }
  .mwt-offset-xs-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-xs-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-xs-9 {
    margin-left: 75%;
  }
  .mwt-offset-xs-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-xs-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-xs-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .mwt-offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-sm-3 {
    margin-left: 25%;
  }
  .mwt-offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-sm-6 {
    margin-left: 50%;
  }
  .mwt-offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-sm-9 {
    margin-left: 75%;
  }
  .mwt-offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-sm-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .mwt-offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-md-3 {
    margin-left: 25%;
  }
  .mwt-offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-md-6 {
    margin-left: 50%;
  }
  .mwt-offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-md-9 {
    margin-left: 75%;
  }
  .mwt-offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-md-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .mwt-offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-lg-3 {
    margin-left: 25%;
  }
  .mwt-offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-lg-6 {
    margin-left: 50%;
  }
  .mwt-offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-lg-9 {
    margin-left: 75%;
  }
  .mwt-offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-lg-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1400px) {
  .mwt-offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-xl-3 {
    margin-left: 25%;
  }
  .mwt-offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-xl-6 {
    margin-left: 50%;
  }
  .mwt-offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-xl-9 {
    margin-left: 75%;
  }
  .mwt-offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-xl-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1600px) {
  .mwt-offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-xxl-3 {
    margin-left: 25%;
  }
  .mwt-offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-xxl-6 {
    margin-left: 50%;
  }
  .mwt-offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-xxl-9 {
    margin-left: 75%;
  }
  .mwt-offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-xxl-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1800px) {
  .mwt-offset-xxxl-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-xxxl-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-xxxl-3 {
    margin-left: 25%;
  }
  .mwt-offset-xxxl-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-xxxl-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-xxxl-6 {
    margin-left: 50%;
  }
  .mwt-offset-xxxl-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-xxxl-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-xxxl-9 {
    margin-left: 75%;
  }
  .mwt-offset-xxxl-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-xxxl-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-xxxl-12 {
    margin-left: 100%;
  }
}
@media (min-width: 2000px) {
  .mwt-offset-xxxxl-1 {
    margin-left: 8.3333333333%;
  }
  .mwt-offset-xxxxl-2 {
    margin-left: 16.6666666667%;
  }
  .mwt-offset-xxxxl-3 {
    margin-left: 25%;
  }
  .mwt-offset-xxxxl-4 {
    margin-left: 33.3333333333%;
  }
  .mwt-offset-xxxxl-5 {
    margin-left: 41.6666666667%;
  }
  .mwt-offset-xxxxl-6 {
    margin-left: 50%;
  }
  .mwt-offset-xxxxl-7 {
    margin-left: 58.3333333333%;
  }
  .mwt-offset-xxxxl-8 {
    margin-left: 66.6666666667%;
  }
  .mwt-offset-xxxxl-9 {
    margin-left: 75%;
  }
  .mwt-offset-xxxxl-10 {
    margin-left: 83.3333333333%;
  }
  .mwt-offset-xxxxl-11 {
    margin-left: 91.6666666667%;
  }
  .mwt-offset-xxxxl-12 {
    margin-left: 100%;
  }
}
@media (min-width: 576px) {
  .mwt-order-xs-0 {
    order: 0;
  }
  .mwt-order-xs-1 {
    order: 1;
  }
  .mwt-order-xs-2 {
    order: 2;
  }
  .mwt-order-xs-3 {
    order: 3;
  }
  .mwt-order-xs-4 {
    order: 4;
  }
  .mwt-order-xs-5 {
    order: 5;
  }
  .mwt-order-xs-6 {
    order: 6;
  }
  .mwt-order-xs-7 {
    order: 7;
  }
  .mwt-order-xs-8 {
    order: 8;
  }
  .mwt-order-xs-9 {
    order: 9;
  }
  .mwt-order-xs-10 {
    order: 10;
  }
  .mwt-order-xs-11 {
    order: 11;
  }
  .mwt-order-xs-12 {
    order: 12;
  }
}
@media (min-width: 768px) {
  .mwt-order-sm-0 {
    order: 0;
  }
  .mwt-order-sm-1 {
    order: 1;
  }
  .mwt-order-sm-2 {
    order: 2;
  }
  .mwt-order-sm-3 {
    order: 3;
  }
  .mwt-order-sm-4 {
    order: 4;
  }
  .mwt-order-sm-5 {
    order: 5;
  }
  .mwt-order-sm-6 {
    order: 6;
  }
  .mwt-order-sm-7 {
    order: 7;
  }
  .mwt-order-sm-8 {
    order: 8;
  }
  .mwt-order-sm-9 {
    order: 9;
  }
  .mwt-order-sm-10 {
    order: 10;
  }
  .mwt-order-sm-11 {
    order: 11;
  }
  .mwt-order-sm-12 {
    order: 12;
  }
}
@media (min-width: 992px) {
  .mwt-order-md-0 {
    order: 0;
  }
  .mwt-order-md-1 {
    order: 1;
  }
  .mwt-order-md-2 {
    order: 2;
  }
  .mwt-order-md-3 {
    order: 3;
  }
  .mwt-order-md-4 {
    order: 4;
  }
  .mwt-order-md-5 {
    order: 5;
  }
  .mwt-order-md-6 {
    order: 6;
  }
  .mwt-order-md-7 {
    order: 7;
  }
  .mwt-order-md-8 {
    order: 8;
  }
  .mwt-order-md-9 {
    order: 9;
  }
  .mwt-order-md-10 {
    order: 10;
  }
  .mwt-order-md-11 {
    order: 11;
  }
  .mwt-order-md-12 {
    order: 12;
  }
}
@media (min-width: 1200px) {
  .mwt-order-lg-0 {
    order: 0;
  }
  .mwt-order-lg-1 {
    order: 1;
  }
  .mwt-order-lg-2 {
    order: 2;
  }
  .mwt-order-lg-3 {
    order: 3;
  }
  .mwt-order-lg-4 {
    order: 4;
  }
  .mwt-order-lg-5 {
    order: 5;
  }
  .mwt-order-lg-6 {
    order: 6;
  }
  .mwt-order-lg-7 {
    order: 7;
  }
  .mwt-order-lg-8 {
    order: 8;
  }
  .mwt-order-lg-9 {
    order: 9;
  }
  .mwt-order-lg-10 {
    order: 10;
  }
  .mwt-order-lg-11 {
    order: 11;
  }
  .mwt-order-lg-12 {
    order: 12;
  }
}
@media (min-width: 1400px) {
  .mwt-order-xl-0 {
    order: 0;
  }
  .mwt-order-xl-1 {
    order: 1;
  }
  .mwt-order-xl-2 {
    order: 2;
  }
  .mwt-order-xl-3 {
    order: 3;
  }
  .mwt-order-xl-4 {
    order: 4;
  }
  .mwt-order-xl-5 {
    order: 5;
  }
  .mwt-order-xl-6 {
    order: 6;
  }
  .mwt-order-xl-7 {
    order: 7;
  }
  .mwt-order-xl-8 {
    order: 8;
  }
  .mwt-order-xl-9 {
    order: 9;
  }
  .mwt-order-xl-10 {
    order: 10;
  }
  .mwt-order-xl-11 {
    order: 11;
  }
  .mwt-order-xl-12 {
    order: 12;
  }
}
@media (min-width: 1600px) {
  .mwt-order-xxl-0 {
    order: 0;
  }
  .mwt-order-xxl-1 {
    order: 1;
  }
  .mwt-order-xxl-2 {
    order: 2;
  }
  .mwt-order-xxl-3 {
    order: 3;
  }
  .mwt-order-xxl-4 {
    order: 4;
  }
  .mwt-order-xxl-5 {
    order: 5;
  }
  .mwt-order-xxl-6 {
    order: 6;
  }
  .mwt-order-xxl-7 {
    order: 7;
  }
  .mwt-order-xxl-8 {
    order: 8;
  }
  .mwt-order-xxl-9 {
    order: 9;
  }
  .mwt-order-xxl-10 {
    order: 10;
  }
  .mwt-order-xxl-11 {
    order: 11;
  }
  .mwt-order-xxl-12 {
    order: 12;
  }
}
@media (min-width: 1800px) {
  .mwt-order-xxxl-0 {
    order: 0;
  }
  .mwt-order-xxxl-1 {
    order: 1;
  }
  .mwt-order-xxxl-2 {
    order: 2;
  }
  .mwt-order-xxxl-3 {
    order: 3;
  }
  .mwt-order-xxxl-4 {
    order: 4;
  }
  .mwt-order-xxxl-5 {
    order: 5;
  }
  .mwt-order-xxxl-6 {
    order: 6;
  }
  .mwt-order-xxxl-7 {
    order: 7;
  }
  .mwt-order-xxxl-8 {
    order: 8;
  }
  .mwt-order-xxxl-9 {
    order: 9;
  }
  .mwt-order-xxxl-10 {
    order: 10;
  }
  .mwt-order-xxxl-11 {
    order: 11;
  }
  .mwt-order-xxxl-12 {
    order: 12;
  }
}
@media (min-width: 2000px) {
  .mwt-order-xxxxl-0 {
    order: 0;
  }
  .mwt-order-xxxxl-1 {
    order: 1;
  }
  .mwt-order-xxxxl-2 {
    order: 2;
  }
  .mwt-order-xxxxl-3 {
    order: 3;
  }
  .mwt-order-xxxxl-4 {
    order: 4;
  }
  .mwt-order-xxxxl-5 {
    order: 5;
  }
  .mwt-order-xxxxl-6 {
    order: 6;
  }
  .mwt-order-xxxxl-7 {
    order: 7;
  }
  .mwt-order-xxxxl-8 {
    order: 8;
  }
  .mwt-order-xxxxl-9 {
    order: 9;
  }
  .mwt-order-xxxxl-10 {
    order: 10;
  }
  .mwt-order-xxxxl-11 {
    order: 11;
  }
  .mwt-order-xxxxl-12 {
    order: 12;
  }
}
.mwt-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

@media (min-width: 576px) {
  .mwt-gap-xs-0 {
    gap: 0rem;
  }
  .mwt-gap-xs-1 {
    gap: 0.25rem;
  }
  .mwt-gap-xs-2 {
    gap: 0.5rem;
  }
  .mwt-gap-xs-3 {
    gap: 0.75rem;
  }
  .mwt-gap-xs-4 {
    gap: 1rem;
  }
  .mwt-gap-xs-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 768px) {
  .mwt-gap-sm-0 {
    gap: 0rem;
  }
  .mwt-gap-sm-1 {
    gap: 0.25rem;
  }
  .mwt-gap-sm-2 {
    gap: 0.5rem;
  }
  .mwt-gap-sm-3 {
    gap: 0.75rem;
  }
  .mwt-gap-sm-4 {
    gap: 1rem;
  }
  .mwt-gap-sm-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 992px) {
  .mwt-gap-md-0 {
    gap: 0rem;
  }
  .mwt-gap-md-1 {
    gap: 0.25rem;
  }
  .mwt-gap-md-2 {
    gap: 0.5rem;
  }
  .mwt-gap-md-3 {
    gap: 0.75rem;
  }
  .mwt-gap-md-4 {
    gap: 1rem;
  }
  .mwt-gap-md-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .mwt-gap-lg-0 {
    gap: 0rem;
  }
  .mwt-gap-lg-1 {
    gap: 0.25rem;
  }
  .mwt-gap-lg-2 {
    gap: 0.5rem;
  }
  .mwt-gap-lg-3 {
    gap: 0.75rem;
  }
  .mwt-gap-lg-4 {
    gap: 1rem;
  }
  .mwt-gap-lg-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .mwt-gap-xl-0 {
    gap: 0rem;
  }
  .mwt-gap-xl-1 {
    gap: 0.25rem;
  }
  .mwt-gap-xl-2 {
    gap: 0.5rem;
  }
  .mwt-gap-xl-3 {
    gap: 0.75rem;
  }
  .mwt-gap-xl-4 {
    gap: 1rem;
  }
  .mwt-gap-xl-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 1600px) {
  .mwt-gap-xxl-0 {
    gap: 0rem;
  }
  .mwt-gap-xxl-1 {
    gap: 0.25rem;
  }
  .mwt-gap-xxl-2 {
    gap: 0.5rem;
  }
  .mwt-gap-xxl-3 {
    gap: 0.75rem;
  }
  .mwt-gap-xxl-4 {
    gap: 1rem;
  }
  .mwt-gap-xxl-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 1800px) {
  .mwt-gap-xxxl-0 {
    gap: 0rem;
  }
  .mwt-gap-xxxl-1 {
    gap: 0.25rem;
  }
  .mwt-gap-xxxl-2 {
    gap: 0.5rem;
  }
  .mwt-gap-xxxl-3 {
    gap: 0.75rem;
  }
  .mwt-gap-xxxl-4 {
    gap: 1rem;
  }
  .mwt-gap-xxxl-5 {
    gap: 1.25rem;
  }
}
@media (min-width: 2000px) {
  .mwt-gap-xxxxl-0 {
    gap: 0rem;
  }
  .mwt-gap-xxxxl-1 {
    gap: 0.25rem;
  }
  .mwt-gap-xxxxl-2 {
    gap: 0.5rem;
  }
  .mwt-gap-xxxxl-3 {
    gap: 0.75rem;
  }
  .mwt-gap-xxxxl-4 {
    gap: 1rem;
  }
  .mwt-gap-xxxxl-5 {
    gap: 1.25rem;
  }
}
.mwt-align-items-start {
  align-items: start;
}

.mwt-align-items-center {
  align-items: center;
}

.mwt-align-items-end {
  align-items: end;
}

.mwt-align-items-stretch {
  align-items: stretch;
}

.mwt-align-items-baseline {
  align-items: baseline;
}

.mwt-justify-content-start {
  justify-content: start;
}

.mwt-justify-content-center {
  justify-content: center;
}

.mwt-justify-content-end {
  justify-content: end;
}

.mwt-justify-content-between {
  justify-content: space-between;
}

.mwt-justify-content-around {
  justify-content: space-around;
}

.mwt-justify-content-evenly {
  justify-content: space-evenly;
}

/*
Kullanım Örnekleri
@include media-min(sm) {
  body {
    background-color: lightblue;
  }
}
@include media-max(md) {
  body {
    font-size: 14px;
  }
}
@include media-between(sm, lg) {
  .box {
    padding: 20px;
  }
}
*/
.bwd-btn {
  padding: 10px 10px;
}

.btn-swiss {
  background-color: var(--swiss-plum); /* Custom background color */
  border-color: var(--swiss-plum); /* Custom border color */
  color: white;
}

.btn-swiss:hover {
  background-color: #9670db; /* Custom hover background */
  border-color: #9670db; /* Custom hover border */
  color: white;
}

.btn-midnight {
  background-color: var(--midnight); /* Custom background color */
  border-color: var(--midnight); /* Custom border color */
  color: white;
}

.btn-midnight:hover {
  background-color: #08174a; /* Custom hover background */
  border-color: #08174a; /* Custom hover border */
  color: white;
}

.btn-orange-darkturquoise {
  text-decoration: none;
  background-color: orange;
}

.btn-orange-darkturquoise:hover {
  background-color: darkturquoise; /* Custom hover background */
  border-color: darkturquoise; /* Custom hover border */
}

.btn-golden-nectar {
  background-color: var(--golden-nectar); /* Custom background color */
  border-color: var(--golden-nectar); /* Custom border color */
  color: white;
}

.btn-golden-nectar:hover {
  background-color: var(--peach-cobbler); /* Custom hover background */
  border-color: var(--peach-cobbler); /* Custom hover border */
  color: white;
}

.btn-golden-nectar_darkturquoise {
  background-color: var(--golden-nectar); /* Custom background color */
  border-color: var(--golden-nectar); /* Custom border color */
  color: white;
}

.btn-golden-nectar_darkturquoise:hover {
  background-color: var(--darkturquoise); /* Custom hover background */
  border-color: var(--darkturquoise); /* Custom hover border */
  color: white;
}

.golden-nectar_darkturquoise {
  background-color: var(--golden-nectar); /* Custom background color */
  border-color: var(--golden-nectar); /* Custom border color */
  color: black;
}

.golden-nectar_darkturquoise:hover {
  background-color: var(--darkturquoise); /* Custom hover background */
  border-color: var(--darkturquoise); /* Custom hover border */
  color: white;
}

.neon-fuchsia {
  background-color: var(--neon-fuchsia); /* Custom background color */
  border-color: var(--neon-fuchsia); /* Custom border color */
  color: white;
}

.neon-fuchsia:hover {
  background-color: var(--darkturquoise); /* Custom hover background */
  border-color: var(--darkturquoise); /* Custom hover border */
  color: #ff979c;
}

.mp-rose-btn {
  display: inline-flex;
}
.mp-rose-btn {
  position: relative;
}
.mp-rose-btn {
  background-color: #ff007f;
}
.mp-rose-btn {
  font-size: 16px;
}
.mp-rose-btn {
  font-weight: 600;
}
.mp-rose-btn {
  line-height: 1;
}
.mp-rose-btn {
  text-align: center;
}
.mp-rose-btn {
  text-decoration: none;
}
.mp-rose-btn {
  padding: 4px;
}
.mp-rose-btn {
  border-radius: 50px;
}
.mp-rose-btn {
  z-index: 2;
}
.mp-rose-btn {
  overflow: hidden;
}
.mp-rose-btn .btn-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  padding-left: 20px;
  text-align: center;
  border-radius: 50px;
  z-index: 2;
  overflow: hidden;
}
.mp-rose-btn .btn-inner::before {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  right: 0;
  background-color: #060129;
  border-radius: 50px;
  z-index: -1;
}
.mp-rose-btn .btn-text {
  color: #ffffff;
  overflow: hidden;
}
.mp-rose-btn .btn-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  width: 42px;
  height: 42px;
  overflow: hidden;
  background-color: #060129;
  border-radius: 50%;
}
.mp-rose-btn .btn-icon.rose-icon {
  position: absolute;
  left: -42px;
  background-color: rgba(0, 0, 0, 0);
}
.mp-rose-btn .btn-icon i {
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.mp-rose-btn-linear-gradient {
  display: inline-flex;
}
.mp-rose-btn-linear-gradient {
  position: relative;
}
.mp-rose-btn-linear-gradient {
  background: linear-gradient(90deg, rgb(255, 46, 166), rgba(116, 91, 255, 0.5));
}
.mp-rose-btn-linear-gradient {
  font-size: 16px;
}
.mp-rose-btn-linear-gradient {
  font-weight: 600;
}
.mp-rose-btn-linear-gradient {
  line-height: 1;
}
.mp-rose-btn-linear-gradient {
  text-align: center;
}
.mp-rose-btn-linear-gradient {
  text-decoration: none;
}
.mp-rose-btn-linear-gradient {
  padding: 4px;
}
.mp-rose-btn-linear-gradient {
  border-radius: 50px;
}
.mp-rose-btn-linear-gradient {
  z-index: 2;
}
.mp-rose-btn-linear-gradient {
  overflow: hidden;
}
.mp-rose-btn-linear-gradient .btn-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  padding-left: 20px;
  text-align: center;
  border-radius: 50px;
  z-index: 2;
  overflow: hidden;
}
.mp-rose-btn-linear-gradient .btn-inner::before {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  right: 0;
  background-color: #060129;
  border-radius: 50px;
  z-index: -1;
}
.mp-rose-btn-linear-gradient .btn-text {
  color: #ffffff;
  overflow: hidden;
}
.mp-rose-btn-linear-gradient .btn-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  width: 42px;
  height: 42px;
  overflow: hidden;
  background-color: #060129;
  border-radius: 50%;
}
.mp-rose-btn-linear-gradient .btn-icon.rose-icon {
  position: absolute;
  left: -42px;
  background-color: rgba(0, 0, 0, 0);
}
.mp-rose-btn-linear-gradient .btn-icon i {
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.mp-rose-btn-linear-gradient::before, .mp-rose-btn-linear-gradient::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 0;
  transition: opacity 0.35s ease-in-out;
}
.mp-rose-btn-linear-gradient::before {
  background: linear-gradient(90deg, rgb(255, 46, 166), rgba(116, 91, 255, 0.5));
  opacity: 1;
}
.mp-rose-btn-linear-gradient::after {
  background: linear-gradient(90deg, rgb(116, 91, 255), rgba(255, 46, 166, 0.5));
  opacity: 0;
}

.mp-rose-btn-linear-gradient:hover {
  background: linear-gradient(90deg, rgb(116, 91, 255), rgba(255, 46, 166, 0.5));
}

.mp-rose-btn-linear-gradient:hover::after {
  opacity: 1;
}

.mp-baby-blue-btn {
  display: inline-flex;
}
.mp-baby-blue-btn {
  position: relative;
}
.mp-baby-blue-btn {
  background-color: #a2d2ff;
}
.mp-baby-blue-btn {
  font-size: 16px;
}
.mp-baby-blue-btn {
  font-weight: 600;
}
.mp-baby-blue-btn {
  line-height: 1;
}
.mp-baby-blue-btn {
  text-align: center;
}
.mp-baby-blue-btn {
  text-decoration: none;
}
.mp-baby-blue-btn {
  padding: 4px;
}
.mp-baby-blue-btn {
  border-radius: 50px;
}
.mp-baby-blue-btn {
  z-index: 2;
}
.mp-baby-blue-btn {
  overflow: hidden;
}
.mp-baby-blue-btn .btn-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  padding-left: 20px;
  text-align: center;
  border-radius: 50px;
  z-index: 2;
  overflow: hidden;
}
.mp-baby-blue-btn .btn-inner::before {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  right: 0;
  background-color: #060129;
  border-radius: 50px;
  z-index: -1;
}
.mp-baby-blue-btn .btn-text {
  color: #000000;
  overflow: hidden;
}
.mp-baby-blue-btn .btn-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  width: 42px;
  height: 42px;
  overflow: hidden;
  background-color: #060129;
  border-radius: 50%;
}
.mp-baby-blue-btn .btn-icon.rose-icon {
  position: absolute;
  left: -42px;
  background-color: rgba(0, 0, 0, 0);
}
.mp-baby-blue-btn .btn-icon i {
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.mp-lightish-blue-btn {
  display: inline-flex;
}
.mp-lightish-blue-btn {
  position: relative;
}
.mp-lightish-blue-btn {
  background-color: #3a86ff;
}
.mp-lightish-blue-btn {
  font-size: 16px;
}
.mp-lightish-blue-btn {
  font-weight: 600;
}
.mp-lightish-blue-btn {
  line-height: 1;
}
.mp-lightish-blue-btn {
  text-align: center;
}
.mp-lightish-blue-btn {
  text-decoration: none;
}
.mp-lightish-blue-btn {
  padding: 4px;
}
.mp-lightish-blue-btn {
  border-radius: 50px;
}
.mp-lightish-blue-btn {
  z-index: 2;
}
.mp-lightish-blue-btn {
  overflow: hidden;
}
.mp-lightish-blue-btn .btn-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  padding-left: 20px;
  text-align: center;
  border-radius: 50px;
  z-index: 2;
  overflow: hidden;
}
.mp-lightish-blue-btn .btn-inner::before {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  right: 0;
  background-color: #060129;
  border-radius: 50px;
  z-index: -1;
}
.mp-lightish-blue-btn .btn-text {
  color: #ffffff;
  overflow: hidden;
}
.mp-lightish-blue-btn .btn-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  width: 42px;
  height: 42px;
  overflow: hidden;
  background-color: #060129;
  border-radius: 50%;
}
.mp-lightish-blue-btn .btn-icon.rose-icon {
  position: absolute;
  left: -42px;
  background-color: rgba(0, 0, 0, 0);
}
.mp-lightish-blue-btn .btn-icon i {
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}

.part-0 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-0 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-0 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-0 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-0 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-0 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-0 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-0 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-0 {
    max-width: 1860px;
  }
}
.part-1 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-1 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-1 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-1 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-1 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-1 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-1 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-1 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-1 {
    max-width: 1860px;
  }
}
.part-2 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-2 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-2 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-2 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-2 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-2 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-2 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-2 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-2 {
    max-width: 1860px;
  }
}
.part-3 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-3 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-3 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-3 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-3 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-3 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-3 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-3 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-3 {
    max-width: 1860px;
  }
}
.part-4 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-4 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-4 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-4 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-4 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-4 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-4 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-4 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-4 {
    max-width: 1860px;
  }
}
.part-5 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-5 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-5 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-5 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-5 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-5 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-5 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-5 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-5 {
    max-width: 1860px;
  }
}
.part-6 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-6 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-6 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-6 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-6 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-6 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-6 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-6 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-6 {
    max-width: 1860px;
  }
}
.part-7 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-7 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-7 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-7 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-7 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-7 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-7 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-7 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-7 {
    max-width: 1860px;
  }
}
.part-8 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-8 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-8 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-8 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-8 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-8 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-8 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-8 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-8 {
    max-width: 1860px;
  }
}
.part-9 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-9 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-9 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-9 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-9 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-9 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-9 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-9 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-9 {
    max-width: 1860px;
  }
}
.part-10 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-10 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-10 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-10 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-10 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-10 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-10 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-10 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-10 {
    max-width: 1860px;
  }
}
.part-11 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-11 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-11 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-11 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-11 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-11 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-11 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-11 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-11 {
    max-width: 1860px;
  }
}
.part-12 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-12 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-12 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-12 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-12 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-12 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-12 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-12 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-12 {
    max-width: 1860px;
  }
}
.part-13 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-13 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-13 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-13 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-13 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-13 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-13 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-13 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-13 {
    max-width: 1860px;
  }
}
.part-14 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-14 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-14 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-14 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-14 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-14 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-14 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-14 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-14 {
    max-width: 1860px;
  }
}
.part-15 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-15 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-15 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-15 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-15 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-15 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-15 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-15 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-15 {
    max-width: 1860px;
  }
}
.part-16 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-16 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-16 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-16 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-16 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-16 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-16 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-16 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-16 {
    max-width: 1860px;
  }
}
.part-17 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-17 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-17 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-17 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-17 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-17 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-17 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-17 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-17 {
    max-width: 1860px;
  }
}
.part-18 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-18 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-18 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-18 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-18 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-18 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-18 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-18 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-18 {
    max-width: 1860px;
  }
}
.part-19 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-19 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-19 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-19 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-19 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-19 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-19 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-19 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-19 {
    max-width: 1860px;
  }
}
.part-20 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-20 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-20 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-20 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-20 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-20 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-20 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-20 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-20 {
    max-width: 1860px;
  }
}
.part-21 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-21 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-21 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-21 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-21 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-21 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-21 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-21 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-21 {
    max-width: 1860px;
  }
}
.part-22 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-22 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-22 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-22 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-22 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-22 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-22 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-22 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-22 {
    max-width: 1860px;
  }
}
.part-23 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-23 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-23 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-23 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-23 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-23 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-23 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-23 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-23 {
    max-width: 1860px;
  }
}
.part-24 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-24 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-24 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-24 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-24 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-24 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-24 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-24 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-24 {
    max-width: 1860px;
  }
}
.part-25 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-25 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-25 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-25 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-25 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-25 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-25 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-25 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-25 {
    max-width: 1860px;
  }
}
.part-common {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-common {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-common {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-common {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-common {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-common {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-common {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-common {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-common {
    max-width: 1860px;
  }
}
.part-blog_page-content {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-blog_page-content {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-blog_page-content {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-blog_page-content {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-blog_page-content {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-blog_page-content {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-blog_page-content {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-blog_page-content {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-blog_page-content {
    max-width: 1860px;
  }
}
.part-search {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-search {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-search {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-search {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-search {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-search {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-search {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-search {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-search {
    max-width: 1860px;
  }
}
.part-video {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-video {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-video {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-video {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-video {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-video {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-video {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-video {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-video {
    max-width: 1860px;
  }
}
.part-header-mobile-0 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-header-mobile-0 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-header-mobile-0 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-header-mobile-0 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-header-mobile-0 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-header-mobile-0 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-header-mobile-0 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-header-mobile-0 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-header-mobile-0 {
    max-width: 1860px;
  }
}
.part-header-mobile-1 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-header-mobile-1 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-header-mobile-1 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-header-mobile-1 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-header-mobile-1 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-header-mobile-1 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-header-mobile-1 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-header-mobile-1 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-header-mobile-1 {
    max-width: 1860px;
  }
}
.part-header-mobile-2 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-header-mobile-2 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-header-mobile-2 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-header-mobile-2 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-header-mobile-2 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-header-mobile-2 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-header-mobile-2 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-header-mobile-2 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-header-mobile-2 {
    max-width: 1860px;
  }
}
.part-header-mobile-3 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-header-mobile-3 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-header-mobile-3 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-header-mobile-3 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-header-mobile-3 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-header-mobile-3 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-header-mobile-3 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-header-mobile-3 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-header-mobile-3 {
    max-width: 1860px;
  }
}
.part-header-mobile-4 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-header-mobile-4 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-header-mobile-4 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-header-mobile-4 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-header-mobile-4 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-header-mobile-4 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-header-mobile-4 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-header-mobile-4 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-header-mobile-4 {
    max-width: 1860px;
  }
}
.part-header-mobile-5 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-header-mobile-5 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-header-mobile-5 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-header-mobile-5 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-header-mobile-5 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-header-mobile-5 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-header-mobile-5 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-header-mobile-5 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-header-mobile-5 {
    max-width: 1860px;
  }
}
.part-header-0 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-header-0 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-header-0 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-header-0 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-header-0 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-header-0 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-header-0 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-header-0 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-header-0 {
    max-width: 1860px;
  }
}
.part-header-1 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-header-1 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-header-1 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-header-1 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-header-1 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-header-1 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-header-1 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-header-1 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-header-1 {
    max-width: 1860px;
  }
}
.part-header-2 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-header-2 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-header-2 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-header-2 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-header-2 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-header-2 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-header-2 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-header-2 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-header-2 {
    max-width: 1860px;
  }
}
.part-header-3 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-header-3 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-header-3 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-header-3 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-header-3 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-header-3 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-header-3 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-header-3 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-header-3 {
    max-width: 1860px;
  }
}
.part-header-4 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-header-4 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-header-4 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-header-4 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-header-4 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-header-4 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-header-4 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-header-4 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-header-4 {
    max-width: 1860px;
  }
}
.part-header-5 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-header-5 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-header-5 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-header-5 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-header-5 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-header-5 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-header-5 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-header-5 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-header-5 {
    max-width: 1860px;
  }
}
.part-footer-1 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-footer-1 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-footer-1 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-footer-1 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-footer-1 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-footer-1 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-footer-1 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-footer-1 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-footer-1 {
    max-width: 1860px;
  }
}
.part-footer-2 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-footer-2 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-footer-2 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-footer-2 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-footer-2 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-footer-2 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-footer-2 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-footer-2 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-footer-2 {
    max-width: 1860px;
  }
}
.part-footer-3 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-footer-3 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-footer-3 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-footer-3 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-footer-3 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-footer-3 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-footer-3 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-footer-3 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-footer-3 {
    max-width: 1860px;
  }
}
.part-footer-4 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-footer-4 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-footer-4 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-footer-4 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-footer-4 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-footer-4 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-footer-4 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-footer-4 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-footer-4 {
    max-width: 1860px;
  }
}
.part-footer-5 {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-footer-5 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-footer-5 {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-footer-5 {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-footer-5 {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-footer-5 {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-footer-5 {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-footer-5 {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-footer-5 {
    max-width: 1860px;
  }
}
.part-content {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-content {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-content {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-content {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-content {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-content {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-content {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-content {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-content {
    max-width: 1860px;
  }
}
.part-header-breadcrums {
  padding-right: var(--bs-gutter-x, 1rem);
  padding-left: var(--bs-gutter-x, 1rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .part-header-breadcrums {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .part-header-breadcrums {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .part-header-breadcrums {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .part-header-breadcrums {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .part-header-breadcrums {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .part-header-breadcrums {
    max-width: 1500px;
  }
}
@media (min-width: 1800px) {
  .part-header-breadcrums {
    max-width: 1680px;
  }
}
@media (min-width: 2000px) {
  .part-header-breadcrums {
    max-width: 1860px;
  }
}
/* =========================
   Corner Chip - Notch Bottom
   ========================= */
:root {
  --bg: #07081f;
  --panel: rgba(255,255,255,.06);
  --panel2: rgba(255,255,255,.08);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.65);
  --accent: #ff2ea6;
  --chip-bg: #060129;
  --radius: 18px;
}

.container {
  width: min(1100px, 100% - 32px);
  margin-inline: auto;
}

/* =========================
   Corner Chip (var tabanlı + corner preset)
   ========================= */
.corner-chip {
  --corner-bg: var(--chip-bg, #060129);
  --corner-fg: #fff;
  /* Eski: kare boyut */
  --corner-size: 54px;
  /* Yeni: ayrı width/height (verilmezse size’a düşer) */
  --corner-w: var(--corner-size);
  --corner-h: var(--corner-size);
  /* radius */
  --corner-r: 12px;
  /* İç hesaplar */
  --cap-w: calc(var(--corner-w) / 2); /* soldaki/sağdaki “kapak” genişliği */
  --sx: 1;
  /* Konum (default TR) */
  --t: 0;
  --r: 0;
  --b: auto;
  --l: auto;
  /* Chip radius (default TR -> bottom-left) */
  --chip-tl: 0;
  --chip-tr: 0;
  --chip-br: 0;
  --chip-bl: var(--corner-r);
  /* Cap (pseudo) radius */
  --cap-tl: 0;
  --cap-tr: var(--corner-r);
  --cap-br: 0;
  --cap-bl: 0;
  /* ::before (x tarafı) */
  --p1-t: 0;
  --p1-r: auto;
  --p1-b: auto;
  --p1-l: calc(-1 * var(--cap-w));
  /* ::after (y tarafı) */
  --p2-t: auto;
  --p2-r: 0;
  --p2-b: calc(-1 * var(--corner-r));
  --p2-l: auto;
  position: absolute;
  inset: var(--t) var(--r) var(--b) var(--l);
  width: var(--corner-w);
  height: var(--corner-h);
  display: grid;
  place-items: center;
  background: var(--corner-bg);
  color: var(--corner-fg);
  font-weight: 800;
  line-height: 1;
  z-index: 3;
  border-radius: var(--chip-tl) var(--chip-tr) var(--chip-br) var(--chip-bl);
}

.corner-chip::before,
.corner-chip::after {
  content: "";
  position: absolute;
  background: transparent;
  width: var(--cap-w);
  height: var(--corner-r);
  border-top-left-radius: var(--cap-tl);
  border-top-right-radius: var(--cap-tr);
  border-bottom-right-radius: var(--cap-br);
  border-bottom-left-radius: var(--cap-bl);
  box-shadow: calc(var(--sx) * var(--corner-r)) 0 0 0 var(--corner-bg);
}

/* ::before konumu */
.corner-chip::before {
  top: var(--p1-t);
  right: var(--p1-r);
  bottom: var(--p1-b);
  left: var(--p1-l);
}

/* ::after konumu */
.corner-chip::after {
  top: var(--p2-t);
  right: var(--p2-r);
  bottom: var(--p2-b);
  left: var(--p2-l);
}

/* =========================
   Corner Presets (sadece değişken setliyor)
   ========================= */
/* TR: default zaten bu (istersen boş bırakabilirsin) */
/* TL */
.corner--tl {
  --t: 0;
  --r: auto;
  --b: auto;
  --l: 0;
  --sx: -1;
  /* chip radius: bottom-right */
  --chip-tl: 0;
  --chip-tr: 0;
  --chip-br: var(--corner-r);
  --chip-bl: 0;
  /* cap inner: top-left */
  --cap-tl: var(--corner-r);
  --cap-tr: 0;
  --cap-br: 0;
  --cap-bl: 0;
  /* before: sağa taş, üstte */
  --p1-t: 0;
  --p1-r: calc(-1 * var(--cap-w));
  --p1-b: auto;
  --p1-l: auto;
  /* after: alta taş, solda 0 */
  --p2-t: auto;
  --p2-r: auto;
  --p2-b: calc(-1 * var(--corner-r));
  --p2-l: 0;
}

/* BR */
.corner--br {
  --t: auto;
  --r: 0;
  --b: 0;
  --l: auto;
  --sx: 1;
  /* chip radius: top-left */
  --chip-tl: var(--corner-r);
  --chip-tr: 0;
  --chip-br: 0;
  --chip-bl: 0;
  /* cap inner: bottom-right */
  --cap-tl: 0;
  --cap-tr: 0;
  --cap-br: var(--corner-r);
  --cap-bl: 0;
  /* before: sola taş, altta 0 */
  --p1-t: auto;
  --p1-r: auto;
  --p1-b: 0;
  --p1-l: calc(-1 * var(--cap-w));
  /* after: üste taş, sağda 0 */
  --p2-t: calc(-1 * var(--corner-r));
  --p2-r: 0;
  --p2-b: auto;
  --p2-l: auto;
}

/* BL */
.corner--bl {
  --t: auto;
  --r: auto;
  --b: 0;
  --l: 0;
  --sx: -1;
  /* chip radius: top-right */
  --chip-tl: 0;
  --chip-tr: var(--corner-r);
  --chip-br: 0;
  --chip-bl: 0;
  /* cap inner: bottom-left */
  --cap-tl: 0;
  --cap-tr: 0;
  --cap-br: 0;
  --cap-bl: var(--corner-r);
  /* before: sağa taş, altta 0 */
  --p1-t: auto;
  --p1-r: calc(-1 * var(--cap-w));
  --p1-b: 0;
  --p1-l: auto;
  /* after: üste taş, solda 0 */
  --p2-t: calc(-1 * var(--corner-r));
  --p2-r: auto;
  --p2-b: auto;
  --p2-l: 0;
}

/* =========================
   UTILITIES: Notch Bottom
   ========================= */
.notch-bottom {
  --notch-r: 12px;
  --notch-bg: var(--bg); /* butonun oturduğu alanın arka planı */
  position: relative;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 1;
}

.notch-bottom::before,
.notch-bottom::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: var(--notch-r);
  height: calc(var(--notch-r) * 2);
  background: transparent;
  box-shadow: 0 var(--notch-r) 0 0 var(--notch-bg);
  z-index: -1;
}

.notch-bottom::before {
  left: calc(-1 * var(--notch-r));
  border-bottom-right-radius: var(--notch-r);
}

.notch-bottom::after {
  right: calc(-1 * var(--notch-r));
  border-bottom-left-radius: var(--notch-r);
}

.section-header-breadcrumbs-VVRanaq {
  position: relative;
  padding: 0px 0 0px;
  overflow: hidden;
}
.section-header-breadcrumbs-VVRanaq .header-MX451 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 18px;
  min-height: 150px;
  background: radial-gradient(700px 240px at 15% 0%, rgba(255, 46, 166, 0.22), transparent 55%), radial-gradient(700px 240px at 85% 100%, rgba(120, 90, 255, 0.22), transparent 55%), rgba(255, 255, 255, 0.05);
}
.section-header-breadcrumbs-VVRanaq .header-MX451 {
  border: 1px solid rgba(255, 255, 255, 0.09);
}
.section-header-breadcrumbs-VVRanaq .header-MX451 {
  border-radius: 16px;
}
.section-header-breadcrumbs-VVRanaq .header-MX451 {
  padding: 10px;
}
.section-header-breadcrumbs-VVRanaq .text {
  margin: 0;
  width: 100%;
  text-align: center;
}
.section-header-breadcrumbs-VVRanaq .text h1 {
  margin: 0;
  font-size: clamp(2rem, 3vw, 2.35rem);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #57a5ff;
  text-wrap: balance;
}
.section-header-breadcrumbs-VVRanaq .breadcrumbs-Dy1Xn {
  width: 100%;
  text-align: center;
}

.bws-breadcrumbs--rfj {
  --crumb-text: #c7d8ff;
  --crumb-muted: rgba(199, 216, 255, 0.58);
  --crumb-link: #81d8e5;
  --crumb-link-hover: #ff4fa0;
  --crumb-current: #6d768d;
  --crumb-border: rgba(255, 255, 255, 0.09);
  --crumb-bg:
    linear-gradient(135deg, rgba(94, 21, 94, 0.34) 0%, rgba(34, 35, 102, 0.34) 100%);
  display: inline-flex;
  max-width: 100%;
  padding: 12px 18px;
}
.bws-breadcrumbs--rfj .bws-breadcrumbs__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bws-breadcrumbs--rfj .bws-breadcrumbs__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.bws-breadcrumbs--rfj .bws-breadcrumbs__item:not(:last-child) {
  padding-right: 22px;
  margin-right: 12px;
}
.bws-breadcrumbs--rfj .bws-breadcrumbs__item:not(:last-child)::after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 11px;
  line-height: 1;
  color: rgba(255, 79, 160, 0.72);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.bws-breadcrumbs--rfj .bws-breadcrumbs__link,
.bws-breadcrumbs--rfj .bws-breadcrumbs__current {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  border-radius: 999px;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-decoration: none;
  transition: color 0.25s ease, background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.bws-breadcrumbs--rfj .bws-breadcrumbs__link {
  color: var(--crumb-link);
  padding: 4px 10px;
}
.bws-breadcrumbs--rfj .bws-breadcrumbs__link:hover {
  color: var(--crumb-link-hover);
  background: rgba(255, 255, 255, 0.04);
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}
.bws-breadcrumbs--rfj .bws-breadcrumbs__current {
  color: var(--crumb-current);
  padding: 4px 4px 4px 10px;
  cursor: default;
}

@media (max-width: 991.98px) {
  .section-header-breadcrumbs-VVRanaq {
    padding: 42px 0 44px;
  }
  .section-header-breadcrumbs-VVRanaq .header-MX451 {
    gap: 14px;
    min-height: 126px;
  }
  .section-header-breadcrumbs-VVRanaq .text h1 {
    font-size: clamp(1.7rem, 6vw, 2.6rem);
  }
  .bws-breadcrumbs--rfj {
    padding: 10px 14px;
    border-radius: 18px;
  }
  .bws-breadcrumbs--rfj .bws-breadcrumbs__item:not(:last-child) {
    padding-right: 18px;
    margin-right: 10px;
  }
  .bws-breadcrumbs--rfj .bws-breadcrumbs__link,
  .bws-breadcrumbs--rfj .bws-breadcrumbs__current {
    font-size: 0.94rem;
  }
}
@media (max-width: 575.98px) {
  .section-header-breadcrumbs-VVRanaq .header-MX451 {
    min-height: auto;
    gap: 12px;
  }
  .bws-breadcrumbs--rfj {
    display: flex;
    width: 100%;
    border-radius: 16px;
    padding: 10px 12px;
  }
  .bws-breadcrumbs--rfj .bws-breadcrumbs__list {
    width: 100%;
    row-gap: 8px;
  }
  .bws-breadcrumbs--rfj .bws-breadcrumbs__item:not(:last-child) {
    padding-right: 16px;
    margin-right: 8px;
  }
  .bws-breadcrumbs--rfj .bws-breadcrumbs__link,
  .bws-breadcrumbs--rfj .bws-breadcrumbs__current {
    min-height: 30px;
    font-size: 0.89rem;
  }
}
/* =====================================================
   MP Order Library
   Bootstrap bağımsız order sistemi
   File: _mp-order-library.css
   ===================================================== */
:root {
  --mp-order-gap: 16px;
}

/* ---------------------------------
   Order Parent Helpers
   --------------------------------- */
/* Dikey sıralama */
.mp-order-stack {
  display: flex;
  flex-direction: column;
  gap: var(--mp-order-gap);
}

/* Yatay / responsive satır */
.mp-order-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mp-order-gap);
}

/* Grid sıralama */
.mp-order-grid {
  display: grid;
  gap: var(--mp-order-gap);
}

/* Basit grid kolonları */
.mp-order-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mp-order-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mp-order-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* ---------------------------------
   Order Classes
   Flex/Grid parent içinde çalışır
   --------------------------------- */
.mp-order-first {
  order: -9999 !important;
}

.mp-order-last {
  order: 9999 !important;
}

.mp-order-0 {
  order: 0 !important;
}

.mp-order-1 {
  order: 1 !important;
}

.mp-order-2 {
  order: 2 !important;
}

.mp-order-3 {
  order: 3 !important;
}

.mp-order-4 {
  order: 4 !important;
}

.mp-order-5 {
  order: 5 !important;
}

.mp-order-6 {
  order: 6 !important;
}

.mp-order-7 {
  order: 7 !important;
}

.mp-order-8 {
  order: 8 !important;
}

.mp-order-9 {
  order: 9 !important;
}

.mp-order-10 {
  order: 10 !important;
}

.mp-order-11 {
  order: 11 !important;
}

.mp-order-12 {
  order: 12 !important;
}

/* ---------------------------------
   Responsive Order
   Mobile: 0 - 767px
   --------------------------------- */
@media (max-width: 767px) {
  .mp-sm-order-first {
    order: -9999 !important;
  }
  .mp-sm-order-last {
    order: 9999 !important;
  }
  .mp-sm-order-0 {
    order: 0 !important;
  }
  .mp-sm-order-1 {
    order: 1 !important;
  }
  .mp-sm-order-2 {
    order: 2 !important;
  }
  .mp-sm-order-3 {
    order: 3 !important;
  }
  .mp-sm-order-4 {
    order: 4 !important;
  }
  .mp-sm-order-5 {
    order: 5 !important;
  }
  .mp-sm-order-6 {
    order: 6 !important;
  }
  .mp-sm-order-7 {
    order: 7 !important;
  }
  .mp-sm-order-8 {
    order: 8 !important;
  }
  .mp-sm-order-9 {
    order: 9 !important;
  }
  .mp-sm-order-10 {
    order: 10 !important;
  }
  .mp-sm-order-11 {
    order: 11 !important;
  }
  .mp-sm-order-12 {
    order: 12 !important;
  }
  .mp-sm-order-stack {
    display: flex;
    flex-direction: column;
  }
  .mp-sm-order-row {
    display: flex;
    flex-wrap: wrap;
  }
  .mp-sm-order-grid {
    display: grid;
  }
  .mp-order-grid-2,
  .mp-order-grid-3,
  .mp-order-grid-4 {
    grid-template-columns: 1fr;
  }
}
/* ---------------------------------
   Tablet: 768px - 992px
   --------------------------------- */
@media (min-width: 768px) and (max-width: 992px) {
  .mp-md-order-first {
    order: -9999 !important;
  }
  .mp-md-order-last {
    order: 9999 !important;
  }
  .mp-md-order-0 {
    order: 0 !important;
  }
  .mp-md-order-1 {
    order: 1 !important;
  }
  .mp-md-order-2 {
    order: 2 !important;
  }
  .mp-md-order-3 {
    order: 3 !important;
  }
  .mp-md-order-4 {
    order: 4 !important;
  }
  .mp-md-order-5 {
    order: 5 !important;
  }
  .mp-md-order-6 {
    order: 6 !important;
  }
  .mp-md-order-7 {
    order: 7 !important;
  }
  .mp-md-order-8 {
    order: 8 !important;
  }
  .mp-md-order-9 {
    order: 9 !important;
  }
  .mp-md-order-10 {
    order: 10 !important;
  }
  .mp-md-order-11 {
    order: 11 !important;
  }
  .mp-md-order-12 {
    order: 12 !important;
  }
}
/* ---------------------------------
   Desktop: 993px+
   --------------------------------- */
@media (min-width: 993px) {
  .mp-lg-order-first {
    order: -9999 !important;
  }
  .mp-lg-order-last {
    order: 9999 !important;
  }
  .mp-lg-order-0 {
    order: 0 !important;
  }
  .mp-lg-order-1 {
    order: 1 !important;
  }
  .mp-lg-order-2 {
    order: 2 !important;
  }
  .mp-lg-order-3 {
    order: 3 !important;
  }
  .mp-lg-order-4 {
    order: 4 !important;
  }
  .mp-lg-order-5 {
    order: 5 !important;
  }
  .mp-lg-order-6 {
    order: 6 !important;
  }
  .mp-lg-order-7 {
    order: 7 !important;
  }
  .mp-lg-order-8 {
    order: 8 !important;
  }
  .mp-lg-order-9 {
    order: 9 !important;
  }
  .mp-lg-order-10 {
    order: 10 !important;
  }
  .mp-lg-order-11 {
    order: 11 !important;
  }
  .mp-lg-order-12 {
    order: 12 !important;
  }
}
/* ---------------------------------
   JS Move / Swap için yardımcılar
   --------------------------------- */
[data-mp-order-hidden] {
  display: none !important;
}

.mp-order-moving {
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.mp-order-is-moving {
  opacity: 0.65;
  transform: scale(0.98);
}

/* Debug istenirse kullanılır */
.mp-order-debug-outline [data-mp-order],
.mp-order-debug-outline [data-mp-move-to],
.mp-order-debug-outline [data-mp-swap-with] {
  outline: 1px dashed rgba(255, 0, 127, 0.55);
  outline-offset: 3px;
}

.single_model_1-header {
  width: 100%;
  height: 200px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
}

.single_model_1-header .header .text {
  font-family: var(--source-sans-3);
  font-family: var(--source-sans-3);
}

.single_model_1-header .header .breadcrumbs {
  font-size: 20px;
  color: #444444;
}

.single_model_1-header .header .breadcrumbs a {
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.page_model_1-header {
  width: 100%;
  height: 200px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
}

.page_model_1-header .header .text {
  font-family: var(--source-sans-3);
  font-family: var(--source-sans-3);
}

.page_model_1-header .header .breadcrumbs {
  font-size: 20px;
  color: #444444;
}

.page_model_1-header .header .breadcrumbs a {
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.page_model_1 {
  margin-top: 25px;
}

.widgetPosts {
  font-family: var(--source-sans-3);
}

.widgetPosts .widget-title {
  font-size: 30px;
  font-family: var(--source-sans-3);
}

.widgetPosts .widgetContent ul {
  list-style: none;
  padding-left: 0;
}

.widgetPosts .widgetContent ul .nav-item .nav-link {
  color: white;
  font-size: 18px;
}

.widgetPages {
  font-family: var(--source-sans-3);
}

.widgetPages .widget-title {
  font-size: 30px;
  font-family: var(--source-sans-3);
}

.widgetPages .widgetContent ul {
  list-style: none;
  padding-left: 0;
}

.widgetPages .widgetContent ul .nav-item .nav-link {
  color: white;
  font-size: 18px;
}

:root {
  --mpema-PuEuB-body: "Roboto", sans-serif;
  --mpema-PuEuB-heading: "Poppins", sans-serif;
  --mpema-PuEuB-fontawesome: "Font Awesome 6 Pro";
  --mpema-uSX9N-normal: normal;
  --mpema-uSX9N-thin: 100;
  --mpema-uSX9N-elight: 200;
  --mpema-uSX9N-light: 300;
  --mpema-uSX9N-regular: 400;
  --mpema-uSX9N-medium: 500;
  --mpema-uSX9N-sbold: 600;
  --mpema-uSX9N-bold: 700;
  --mpema-uSX9N-ebold: 800;
  --mpema-uSX9N-black: 900;
  --mpema-D7D66-body: 16px;
  --mpema-D7D66-p: 16px;
  --mpema-D7D66-h1: 76px;
  --mpema-D7D66-h2: 48px;
  --mpema-D7D66-h3: 32px;
  --mpema-D7D66-h4: 24px;
  --mpema-D7D66-h5: 20px;
  --mpema-D7D66-h6: 18px;
  --mpema-color-common-white: #ffffff;
  --mpema-color-common-black: #000000;
  --mpema-color-heading-primary: #ffffff;
  --mpema-color-text-body: #9692b2;
  --mpema-color-text-body-2: #524f66;
  --mpema-color-theme-primary: #ff007f;
  --mpema-color-theme-bg: #18133b;
  --mpema-color-theme-dark: #060129;
  --mpema-color-theme-dark-2: #65627a;
  --mpema-color-white-2: rgba(255, 255, 255, 0.8);
  --mpema-color-grey-1: #9692b2;
  --mpema-color-grey-2: #78758f;
  --mpema-color-grey-3: rgba(150, 146, 178, 0.8);
  --mpema-color-border-1: #312c52;
}

.section-6 a, .section-project-p6AKC a, .audio-transcription-VvRbH a, .section-blog-HQ6vZ a, .service-data-JWrrO a, .graphic-product-slide-WJcCJ a, .web-product-E0Iib a, .mpema-project-section-3-GCB2f a, .mpema-team-9VjRc a, .mpema-team-9VjRc a {
  text-decoration: none;
}
.section-6 h1, .section-6 h2, .section-6 h3, .section-6 h4, .section-6 h5, .section-6 h6, .section-project-p6AKC h1, .section-project-p6AKC h2, .section-project-p6AKC h3, .section-project-p6AKC h4, .section-project-p6AKC h5, .section-project-p6AKC h6, .audio-transcription-VvRbH h1, .audio-transcription-VvRbH h2, .audio-transcription-VvRbH h3, .audio-transcription-VvRbH h4, .audio-transcription-VvRbH h5, .audio-transcription-VvRbH h6, .section-blog-HQ6vZ h1, .section-blog-HQ6vZ h2, .section-blog-HQ6vZ h3, .section-blog-HQ6vZ h4, .section-blog-HQ6vZ h5, .section-blog-HQ6vZ h6, .service-data-JWrrO h1, .service-data-JWrrO h2, .service-data-JWrrO h3, .service-data-JWrrO h4, .service-data-JWrrO h5, .service-data-JWrrO h6, .graphic-product-slide-WJcCJ h1, .graphic-product-slide-WJcCJ h2, .graphic-product-slide-WJcCJ h3, .graphic-product-slide-WJcCJ h4, .graphic-product-slide-WJcCJ h5, .graphic-product-slide-WJcCJ h6, .web-product-E0Iib h1, .web-product-E0Iib h2, .web-product-E0Iib h3, .web-product-E0Iib h4, .web-product-E0Iib h5, .web-product-E0Iib h6, .mpema-project-section-3-GCB2f h1, .mpema-project-section-3-GCB2f h2, .mpema-project-section-3-GCB2f h3, .mpema-project-section-3-GCB2f h4, .mpema-project-section-3-GCB2f h5, .mpema-project-section-3-GCB2f h6, .mpema-team-9VjRc h1, .mpema-team-9VjRc h2, .mpema-team-9VjRc h3, .mpema-team-9VjRc h4, .mpema-team-9VjRc h5, .mpema-team-9VjRc h6, .mpema-team-9VjRc h1, .mpema-team-9VjRc h2, .mpema-team-9VjRc h3, .mpema-team-9VjRc h4, .mpema-team-9VjRc h5, .mpema-team-9VjRc h6 {
  font-family: var(--mpema-PuEuB-heading);
  color: var(--mpema-color-heading-primary);
  margin-top: 0;
  font-weight: var(--mpema-uSX9N-medium);
  line-height: 1.2;
  letter-spacing: -0.03em;
  transition: all 0.3s ease-in-out 0s;
}
.section-6 h2, .section-project-p6AKC h2, .audio-transcription-VvRbH h2, .section-blog-HQ6vZ h2, .service-data-JWrrO h2, .graphic-product-slide-WJcCJ h2, .web-product-E0Iib h2, .mpema-project-section-3-GCB2f h2, .mpema-team-9VjRc h2, .mpema-team-9VjRc h2 {
  font-size: var(--mpema-D7D66-h2);
  line-height: 1.125;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section-6 h2, .section-project-p6AKC h2, .audio-transcription-VvRbH h2, .section-blog-HQ6vZ h2, .service-data-JWrrO h2, .graphic-product-slide-WJcCJ h2, .web-product-E0Iib h2, .mpema-project-section-3-GCB2f h2, .mpema-team-9VjRc h2, .mpema-team-9VjRc h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-6 h2, .section-project-p6AKC h2, .audio-transcription-VvRbH h2, .section-blog-HQ6vZ h2, .service-data-JWrrO h2, .graphic-product-slide-WJcCJ h2, .web-product-E0Iib h2, .mpema-project-section-3-GCB2f h2, .mpema-team-9VjRc h2, .mpema-team-9VjRc h2 {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .section-6 h2, .section-project-p6AKC h2, .audio-transcription-VvRbH h2, .section-blog-HQ6vZ h2, .service-data-JWrrO h2, .graphic-product-slide-WJcCJ h2, .web-product-E0Iib h2, .mpema-project-section-3-GCB2f h2, .mpema-team-9VjRc h2, .mpema-team-9VjRc h2 {
    font-size: 30px;
  }
}
.section-6 h3, .section-project-p6AKC h3, .audio-transcription-VvRbH h3, .section-blog-HQ6vZ h3, .service-data-JWrrO h3, .graphic-product-slide-WJcCJ h3, .web-product-E0Iib h3, .mpema-project-section-3-GCB2f h3, .mpema-team-9VjRc h3, .mpema-team-9VjRc h3 {
  font-size: var(--mpema-D7D66-h3);
  line-height: 1.188;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-6 h3, .section-project-p6AKC h3, .audio-transcription-VvRbH h3, .section-blog-HQ6vZ h3, .service-data-JWrrO h3, .graphic-product-slide-WJcCJ h3, .web-product-E0Iib h3, .mpema-project-section-3-GCB2f h3, .mpema-team-9VjRc h3, .mpema-team-9VjRc h3 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-6 h3, .section-project-p6AKC h3, .audio-transcription-VvRbH h3, .section-blog-HQ6vZ h3, .service-data-JWrrO h3, .graphic-product-slide-WJcCJ h3, .web-product-E0Iib h3, .mpema-project-section-3-GCB2f h3, .mpema-team-9VjRc h3, .mpema-team-9VjRc h3 {
    font-size: 25px;
  }
}
.section-6 h4, .section-project-p6AKC h4, .audio-transcription-VvRbH h4, .section-blog-HQ6vZ h4, .service-data-JWrrO h4, .graphic-product-slide-WJcCJ h4, .web-product-E0Iib h4, .mpema-project-section-3-GCB2f h4, .mpema-team-9VjRc h4, .mpema-team-9VjRc h4 {
  font-size: var(--mpema-D7D66-h4);
  line-height: 1.25;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-6 h4, .section-project-p6AKC h4, .audio-transcription-VvRbH h4, .section-blog-HQ6vZ h4, .service-data-JWrrO h4, .graphic-product-slide-WJcCJ h4, .web-product-E0Iib h4, .mpema-project-section-3-GCB2f h4, .mpema-team-9VjRc h4, .mpema-team-9VjRc h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-6 h4, .section-project-p6AKC h4, .audio-transcription-VvRbH h4, .section-blog-HQ6vZ h4, .service-data-JWrrO h4, .graphic-product-slide-WJcCJ h4, .web-product-E0Iib h4, .mpema-project-section-3-GCB2f h4, .mpema-team-9VjRc h4, .mpema-team-9VjRc h4 {
    font-size: 20px;
  }
}
.section-6 h1 a, .section-6 h2 a, .section-6 h3 a, .section-6 h4 a, .section-6 h5 a, .section-6 h6 a, .section-project-p6AKC h1 a, .section-project-p6AKC h2 a, .section-project-p6AKC h3 a, .section-project-p6AKC h4 a, .section-project-p6AKC h5 a, .section-project-p6AKC h6 a, .audio-transcription-VvRbH h1 a, .audio-transcription-VvRbH h2 a, .audio-transcription-VvRbH h3 a, .audio-transcription-VvRbH h4 a, .audio-transcription-VvRbH h5 a, .audio-transcription-VvRbH h6 a, .section-blog-HQ6vZ h1 a, .section-blog-HQ6vZ h2 a, .section-blog-HQ6vZ h3 a, .section-blog-HQ6vZ h4 a, .section-blog-HQ6vZ h5 a, .section-blog-HQ6vZ h6 a, .service-data-JWrrO h1 a, .service-data-JWrrO h2 a, .service-data-JWrrO h3 a, .service-data-JWrrO h4 a, .service-data-JWrrO h5 a, .service-data-JWrrO h6 a, .graphic-product-slide-WJcCJ h1 a, .graphic-product-slide-WJcCJ h2 a, .graphic-product-slide-WJcCJ h3 a, .graphic-product-slide-WJcCJ h4 a, .graphic-product-slide-WJcCJ h5 a, .graphic-product-slide-WJcCJ h6 a, .web-product-E0Iib h1 a, .web-product-E0Iib h2 a, .web-product-E0Iib h3 a, .web-product-E0Iib h4 a, .web-product-E0Iib h5 a, .web-product-E0Iib h6 a, .mpema-project-section-3-GCB2f h1 a, .mpema-project-section-3-GCB2f h2 a, .mpema-project-section-3-GCB2f h3 a, .mpema-project-section-3-GCB2f h4 a, .mpema-project-section-3-GCB2f h5 a, .mpema-project-section-3-GCB2f h6 a, .mpema-team-9VjRc h1 a, .mpema-team-9VjRc h2 a, .mpema-team-9VjRc h3 a, .mpema-team-9VjRc h4 a, .mpema-team-9VjRc h5 a, .mpema-team-9VjRc h6 a, .mpema-team-9VjRc h1 a, .mpema-team-9VjRc h2 a, .mpema-team-9VjRc h3 a, .mpema-team-9VjRc h4 a, .mpema-team-9VjRc h5 a, .mpema-team-9VjRc h6 a {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: block;
}
.section-6 a, .section-6 .btn, .section-6 button, .section-6 span, .section-6 p, .section-6 input, .section-6 select, .section-6 textarea, .section-6 li, .section-6 svg path, .section-6 *::after, .section-6 *::before, .section-6 h1, .section-6 h2, .section-6 h3, .section-6 h4, .section-6 h5, .section-6 h6, .section-project-p6AKC a, .section-project-p6AKC .btn, .section-project-p6AKC button, .section-project-p6AKC span, .section-project-p6AKC p, .section-project-p6AKC input, .section-project-p6AKC select, .section-project-p6AKC textarea, .section-project-p6AKC li, .section-project-p6AKC svg path, .section-project-p6AKC *::after, .section-project-p6AKC *::before, .section-project-p6AKC h1, .section-project-p6AKC h2, .section-project-p6AKC h3, .section-project-p6AKC h4, .section-project-p6AKC h5, .section-project-p6AKC h6, .audio-transcription-VvRbH a, .audio-transcription-VvRbH .btn, .audio-transcription-VvRbH button, .audio-transcription-VvRbH span, .audio-transcription-VvRbH p, .audio-transcription-VvRbH input, .audio-transcription-VvRbH select, .audio-transcription-VvRbH textarea, .audio-transcription-VvRbH li, .audio-transcription-VvRbH svg path, .audio-transcription-VvRbH *::after, .audio-transcription-VvRbH *::before, .audio-transcription-VvRbH h1, .audio-transcription-VvRbH h2, .audio-transcription-VvRbH h3, .audio-transcription-VvRbH h4, .audio-transcription-VvRbH h5, .audio-transcription-VvRbH h6, .section-blog-HQ6vZ a, .section-blog-HQ6vZ .btn, .section-blog-HQ6vZ button, .section-blog-HQ6vZ span, .section-blog-HQ6vZ p, .section-blog-HQ6vZ input, .section-blog-HQ6vZ select, .section-blog-HQ6vZ textarea, .section-blog-HQ6vZ li, .section-blog-HQ6vZ svg path, .section-blog-HQ6vZ *::after, .section-blog-HQ6vZ *::before, .section-blog-HQ6vZ h1, .section-blog-HQ6vZ h2, .section-blog-HQ6vZ h3, .section-blog-HQ6vZ h4, .section-blog-HQ6vZ h5, .section-blog-HQ6vZ h6, .service-data-JWrrO a, .service-data-JWrrO .btn, .service-data-JWrrO button, .service-data-JWrrO span, .service-data-JWrrO p, .service-data-JWrrO input, .service-data-JWrrO select, .service-data-JWrrO textarea, .service-data-JWrrO li, .service-data-JWrrO svg path, .service-data-JWrrO *::after, .service-data-JWrrO *::before, .service-data-JWrrO h1, .service-data-JWrrO h2, .service-data-JWrrO h3, .service-data-JWrrO h4, .service-data-JWrrO h5, .service-data-JWrrO h6, .graphic-product-slide-WJcCJ a, .graphic-product-slide-WJcCJ .btn, .graphic-product-slide-WJcCJ button, .graphic-product-slide-WJcCJ span, .graphic-product-slide-WJcCJ p, .graphic-product-slide-WJcCJ input, .graphic-product-slide-WJcCJ select, .graphic-product-slide-WJcCJ textarea, .graphic-product-slide-WJcCJ li, .graphic-product-slide-WJcCJ svg path, .graphic-product-slide-WJcCJ *::after, .graphic-product-slide-WJcCJ *::before, .graphic-product-slide-WJcCJ h1, .graphic-product-slide-WJcCJ h2, .graphic-product-slide-WJcCJ h3, .graphic-product-slide-WJcCJ h4, .graphic-product-slide-WJcCJ h5, .graphic-product-slide-WJcCJ h6, .web-product-E0Iib a, .web-product-E0Iib .btn, .web-product-E0Iib button, .web-product-E0Iib span, .web-product-E0Iib p, .web-product-E0Iib input, .web-product-E0Iib select, .web-product-E0Iib textarea, .web-product-E0Iib li, .web-product-E0Iib svg path, .web-product-E0Iib *::after, .web-product-E0Iib *::before, .web-product-E0Iib h1, .web-product-E0Iib h2, .web-product-E0Iib h3, .web-product-E0Iib h4, .web-product-E0Iib h5, .web-product-E0Iib h6, .mpema-project-section-3-GCB2f a, .mpema-project-section-3-GCB2f .btn, .mpema-project-section-3-GCB2f button, .mpema-project-section-3-GCB2f span, .mpema-project-section-3-GCB2f p, .mpema-project-section-3-GCB2f input, .mpema-project-section-3-GCB2f select, .mpema-project-section-3-GCB2f textarea, .mpema-project-section-3-GCB2f li, .mpema-project-section-3-GCB2f svg path, .mpema-project-section-3-GCB2f *::after, .mpema-project-section-3-GCB2f *::before, .mpema-project-section-3-GCB2f h1, .mpema-project-section-3-GCB2f h2, .mpema-project-section-3-GCB2f h3, .mpema-project-section-3-GCB2f h4, .mpema-project-section-3-GCB2f h5, .mpema-project-section-3-GCB2f h6, .mpema-team-9VjRc a, .mpema-team-9VjRc .btn, .mpema-team-9VjRc button, .mpema-team-9VjRc span, .mpema-team-9VjRc p, .mpema-team-9VjRc input, .mpema-team-9VjRc select, .mpema-team-9VjRc textarea, .mpema-team-9VjRc li, .mpema-team-9VjRc svg path, .mpema-team-9VjRc *::after, .mpema-team-9VjRc *::before, .mpema-team-9VjRc h1, .mpema-team-9VjRc h2, .mpema-team-9VjRc h3, .mpema-team-9VjRc h4, .mpema-team-9VjRc h5, .mpema-team-9VjRc h6, .mpema-team-9VjRc a, .mpema-team-9VjRc .btn, .mpema-team-9VjRc button, .mpema-team-9VjRc span, .mpema-team-9VjRc p, .mpema-team-9VjRc input, .mpema-team-9VjRc select, .mpema-team-9VjRc textarea, .mpema-team-9VjRc li, .mpema-team-9VjRc svg path, .mpema-team-9VjRc *::after, .mpema-team-9VjRc *::before, .mpema-team-9VjRc h1, .mpema-team-9VjRc h2, .mpema-team-9VjRc h3, .mpema-team-9VjRc h4, .mpema-team-9VjRc h5, .mpema-team-9VjRc h6 {
  transition: all 0.3s ease-in-out 0s;
}
.section-6 a, .section-6 button, .section-project-p6AKC a, .section-project-p6AKC button, .audio-transcription-VvRbH a, .audio-transcription-VvRbH button, .section-blog-HQ6vZ a, .section-blog-HQ6vZ button, .service-data-JWrrO a, .service-data-JWrrO button, .graphic-product-slide-WJcCJ a, .graphic-product-slide-WJcCJ button, .web-product-E0Iib a, .web-product-E0Iib button, .mpema-project-section-3-GCB2f a, .mpema-project-section-3-GCB2f button, .mpema-team-9VjRc a, .mpema-team-9VjRc button, .mpema-team-9VjRc a, .mpema-team-9VjRc button {
  color: var(--mpema-color-theme-primary);
  outline: none;
  border: none;
  background: rgba(0, 0, 0, 0);
  padding: 0;
}
.section-6 img, .section-project-p6AKC img, .audio-transcription-VvRbH img, .section-blog-HQ6vZ img, .service-data-JWrrO img, .graphic-product-slide-WJcCJ img, .web-product-E0Iib img, .mpema-project-section-3-GCB2f img, .mpema-team-9VjRc img, .mpema-team-9VjRc img {
  max-width: 100%;
}
.section-6 .fix, .section-project-p6AKC .fix, .audio-transcription-VvRbH .fix, .section-blog-HQ6vZ .fix, .service-data-JWrrO .fix, .graphic-product-slide-WJcCJ .fix, .web-product-E0Iib .fix, .mpema-project-section-3-GCB2f .fix, .mpema-team-9VjRc .fix, .mpema-team-9VjRc .fix {
  overflow: hidden;
}
.section-6 .mt-30, .section-project-p6AKC .mt-30, .audio-transcription-VvRbH .mt-30, .section-blog-HQ6vZ .mt-30, .service-data-JWrrO .mt-30, .graphic-product-slide-WJcCJ .mt-30, .web-product-E0Iib .mt-30, .mpema-project-section-3-GCB2f .mt-30, .mpema-team-9VjRc .mt-30, .mpema-team-9VjRc .mt-30 {
  margin-top: 30px;
}
.section-6 .mt-60, .section-project-p6AKC .mt-60, .audio-transcription-VvRbH .mt-60, .section-blog-HQ6vZ .mt-60, .service-data-JWrrO .mt-60, .graphic-product-slide-WJcCJ .mt-60, .web-product-E0Iib .mt-60, .mpema-project-section-3-GCB2f .mt-60, .mpema-team-9VjRc .mt-60, .mpema-team-9VjRc .mt-60 {
  margin-top: 60px;
}
.section-6 .section-gap, .section-project-p6AKC .section-gap, .audio-transcription-VvRbH .section-gap, .section-blog-HQ6vZ .section-gap, .service-data-JWrrO .section-gap, .graphic-product-slide-WJcCJ .section-gap, .web-product-E0Iib .section-gap, .mpema-project-section-3-GCB2f .section-gap, .mpema-team-9VjRc .section-gap, .mpema-team-9VjRc .section-gap {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-6 .section-gap, .section-project-p6AKC .section-gap, .audio-transcription-VvRbH .section-gap, .section-blog-HQ6vZ .section-gap, .service-data-JWrrO .section-gap, .graphic-product-slide-WJcCJ .section-gap, .web-product-E0Iib .section-gap, .mpema-project-section-3-GCB2f .section-gap, .mpema-team-9VjRc .section-gap, .mpema-team-9VjRc .section-gap {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-6 .section-gap, .section-project-p6AKC .section-gap, .audio-transcription-VvRbH .section-gap, .section-blog-HQ6vZ .section-gap, .service-data-JWrrO .section-gap, .graphic-product-slide-WJcCJ .section-gap, .web-product-E0Iib .section-gap, .mpema-project-section-3-GCB2f .section-gap, .mpema-team-9VjRc .section-gap, .mpema-team-9VjRc .section-gap {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.section-6 .section-separator, .section-project-p6AKC .section-separator, .audio-transcription-VvRbH .section-separator, .section-blog-HQ6vZ .section-separator, .service-data-JWrrO .section-separator, .graphic-product-slide-WJcCJ .section-separator, .web-product-E0Iib .section-separator, .mpema-project-section-3-GCB2f .section-separator, .mpema-team-9VjRc .section-separator, .mpema-team-9VjRc .section-separator {
  border-top: 1px solid var(--mpema-color-border-1);
}
.section-6 .mpema-primary-btn, .section-project-p6AKC .mpema-primary-btn, .audio-transcription-VvRbH .mpema-primary-btn, .section-blog-HQ6vZ .mpema-primary-btn, .service-data-JWrrO .mpema-primary-btn, .graphic-product-slide-WJcCJ .mpema-primary-btn, .web-product-E0Iib .mpema-primary-btn, .mpema-project-section-3-GCB2f .mpema-primary-btn, .mpema-team-9VjRc .mpema-primary-btn, .mpema-team-9VjRc .mpema-primary-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--mpema-color-theme-primary);
  font-size: 16px;
  font-weight: var(--mpema-fw-sbold);
  padding: 4px;
  text-align: center;
  border-radius: 50px;
  line-height: 1;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.section-6 .mpema-primary-btn .btn-inner, .section-project-p6AKC .mpema-primary-btn .btn-inner, .audio-transcription-VvRbH .mpema-primary-btn .btn-inner, .section-blog-HQ6vZ .mpema-primary-btn .btn-inner, .service-data-JWrrO .mpema-primary-btn .btn-inner, .graphic-product-slide-WJcCJ .mpema-primary-btn .btn-inner, .web-product-E0Iib .mpema-primary-btn .btn-inner, .mpema-project-section-3-GCB2f .mpema-primary-btn .btn-inner, .mpema-team-9VjRc .mpema-primary-btn .btn-inner, .mpema-team-9VjRc .mpema-primary-btn .btn-inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  padding-left: 20px;
  text-align: center;
  border-radius: 50px;
  z-index: 2;
  overflow: hidden;
}
.section-6 .mpema-primary-btn .btn-inner::before, .section-project-p6AKC .mpema-primary-btn .btn-inner::before, .audio-transcription-VvRbH .mpema-primary-btn .btn-inner::before, .section-blog-HQ6vZ .mpema-primary-btn .btn-inner::before, .service-data-JWrrO .mpema-primary-btn .btn-inner::before, .graphic-product-slide-WJcCJ .mpema-primary-btn .btn-inner::before, .web-product-E0Iib .mpema-primary-btn .btn-inner::before, .mpema-project-section-3-GCB2f .mpema-primary-btn .btn-inner::before, .mpema-team-9VjRc .mpema-primary-btn .btn-inner::before, .mpema-team-9VjRc .mpema-primary-btn .btn-inner::before {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  right: 0;
  background-color: var(--mpema-color-theme-dark);
  border-radius: 50px;
  z-index: -1;
}
.section-6 .mpema-primary-btn .btn-text, .section-project-p6AKC .mpema-primary-btn .btn-text, .audio-transcription-VvRbH .mpema-primary-btn .btn-text, .section-blog-HQ6vZ .mpema-primary-btn .btn-text, .service-data-JWrrO .mpema-primary-btn .btn-text, .graphic-product-slide-WJcCJ .mpema-primary-btn .btn-text, .web-product-E0Iib .mpema-primary-btn .btn-text, .mpema-project-section-3-GCB2f .mpema-primary-btn .btn-text, .mpema-team-9VjRc .mpema-primary-btn .btn-text, .mpema-team-9VjRc .mpema-primary-btn .btn-text {
  color: var(--mpema-color-common-white);
  overflow: hidden;
}
.section-6 .mpema-primary-btn .btn-text span, .section-project-p6AKC .mpema-primary-btn .btn-text span, .audio-transcription-VvRbH .mpema-primary-btn .btn-text span, .section-blog-HQ6vZ .mpema-primary-btn .btn-text span, .service-data-JWrrO .mpema-primary-btn .btn-text span, .graphic-product-slide-WJcCJ .mpema-primary-btn .btn-text span, .web-product-E0Iib .mpema-primary-btn .btn-text span, .mpema-project-section-3-GCB2f .mpema-primary-btn .btn-text span, .mpema-team-9VjRc .mpema-primary-btn .btn-text span, .mpema-team-9VjRc .mpema-primary-btn .btn-text span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}
.section-6 .mpema-primary-btn .btn-icon, .section-project-p6AKC .mpema-primary-btn .btn-icon, .audio-transcription-VvRbH .mpema-primary-btn .btn-icon, .section-blog-HQ6vZ .mpema-primary-btn .btn-icon, .service-data-JWrrO .mpema-primary-btn .btn-icon, .graphic-product-slide-WJcCJ .mpema-primary-btn .btn-icon, .web-product-E0Iib .mpema-primary-btn .btn-icon, .mpema-project-section-3-GCB2f .mpema-primary-btn .btn-icon, .mpema-team-9VjRc .mpema-primary-btn .btn-icon, .mpema-team-9VjRc .mpema-primary-btn .btn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  width: 42px;
  height: 42px;
  overflow: hidden;
  background-color: var(--mpema-color-theme-dark);
  border-radius: 50%;
}
.section-6 .mpema-primary-btn .btn-icon.h-icon, .section-project-p6AKC .mpema-primary-btn .btn-icon.h-icon, .audio-transcription-VvRbH .mpema-primary-btn .btn-icon.h-icon, .section-blog-HQ6vZ .mpema-primary-btn .btn-icon.h-icon, .service-data-JWrrO .mpema-primary-btn .btn-icon.h-icon, .graphic-product-slide-WJcCJ .mpema-primary-btn .btn-icon.h-icon, .web-product-E0Iib .mpema-primary-btn .btn-icon.h-icon, .mpema-project-section-3-GCB2f .mpema-primary-btn .btn-icon.h-icon, .mpema-team-9VjRc .mpema-primary-btn .btn-icon.h-icon, .mpema-team-9VjRc .mpema-primary-btn .btn-icon.h-icon {
  position: absolute;
  left: -42px;
  background-color: transparent;
}
.section-6 .mpema-primary-btn .btn-icon i, .section-project-p6AKC .mpema-primary-btn .btn-icon i, .audio-transcription-VvRbH .mpema-primary-btn .btn-icon i, .section-blog-HQ6vZ .mpema-primary-btn .btn-icon i, .service-data-JWrrO .mpema-primary-btn .btn-icon i, .graphic-product-slide-WJcCJ .mpema-primary-btn .btn-icon i, .web-product-E0Iib .mpema-primary-btn .btn-icon i, .mpema-project-section-3-GCB2f .mpema-primary-btn .btn-icon i, .mpema-team-9VjRc .mpema-primary-btn .btn-icon i, .mpema-team-9VjRc .mpema-primary-btn .btn-icon i {
  color: var(--mpema-color-common-white);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.section-6 .mpema-primary-btn:hover .btn-inner::before, .section-project-p6AKC .mpema-primary-btn:hover .btn-inner::before, .audio-transcription-VvRbH .mpema-primary-btn:hover .btn-inner::before, .section-blog-HQ6vZ .mpema-primary-btn:hover .btn-inner::before, .service-data-JWrrO .mpema-primary-btn:hover .btn-inner::before, .graphic-product-slide-WJcCJ .mpema-primary-btn:hover .btn-inner::before, .web-product-E0Iib .mpema-primary-btn:hover .btn-inner::before, .mpema-project-section-3-GCB2f .mpema-primary-btn:hover .btn-inner::before, .mpema-team-9VjRc .mpema-primary-btn:hover .btn-inner::before, .mpema-team-9VjRc .mpema-primary-btn:hover .btn-inner::before {
  width: calc(100% - 42px);
}
.section-6 .mpema-primary-btn:hover .btn-text, .section-project-p6AKC .mpema-primary-btn:hover .btn-text, .audio-transcription-VvRbH .mpema-primary-btn:hover .btn-text, .section-blog-HQ6vZ .mpema-primary-btn:hover .btn-text, .service-data-JWrrO .mpema-primary-btn:hover .btn-text, .graphic-product-slide-WJcCJ .mpema-primary-btn:hover .btn-text, .web-product-E0Iib .mpema-primary-btn:hover .btn-text, .mpema-project-section-3-GCB2f .mpema-primary-btn:hover .btn-text, .mpema-team-9VjRc .mpema-primary-btn:hover .btn-text, .mpema-team-9VjRc .mpema-primary-btn:hover .btn-text {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}
.section-6 .mpema-primary-btn:hover .btn-icon, .section-project-p6AKC .mpema-primary-btn:hover .btn-icon, .audio-transcription-VvRbH .mpema-primary-btn:hover .btn-icon, .section-blog-HQ6vZ .mpema-primary-btn:hover .btn-icon, .service-data-JWrrO .mpema-primary-btn:hover .btn-icon, .graphic-product-slide-WJcCJ .mpema-primary-btn:hover .btn-icon, .web-product-E0Iib .mpema-primary-btn:hover .btn-icon, .mpema-project-section-3-GCB2f .mpema-primary-btn:hover .btn-icon, .mpema-team-9VjRc .mpema-primary-btn:hover .btn-icon, .mpema-team-9VjRc .mpema-primary-btn:hover .btn-icon {
  -webkit-transform: translateX(42px);
  -ms-transform: translateX(42px);
  transform: translateX(42px);
}
.section-6 .mpema-primary-btn:hover .btn-icon i, .section-project-p6AKC .mpema-primary-btn:hover .btn-icon i, .audio-transcription-VvRbH .mpema-primary-btn:hover .btn-icon i, .section-blog-HQ6vZ .mpema-primary-btn:hover .btn-icon i, .service-data-JWrrO .mpema-primary-btn:hover .btn-icon i, .graphic-product-slide-WJcCJ .mpema-primary-btn:hover .btn-icon i, .web-product-E0Iib .mpema-primary-btn:hover .btn-icon i, .mpema-project-section-3-GCB2f .mpema-primary-btn:hover .btn-icon i, .mpema-team-9VjRc .mpema-primary-btn:hover .btn-icon i, .mpema-team-9VjRc .mpema-primary-btn:hover .btn-icon i {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.section-6 .mpema-primary-btn.btn-light, .section-project-p6AKC .mpema-primary-btn.btn-light, .audio-transcription-VvRbH .mpema-primary-btn.btn-light, .section-blog-HQ6vZ .mpema-primary-btn.btn-light, .service-data-JWrrO .mpema-primary-btn.btn-light, .graphic-product-slide-WJcCJ .mpema-primary-btn.btn-light, .web-product-E0Iib .mpema-primary-btn.btn-light, .mpema-project-section-3-GCB2f .mpema-primary-btn.btn-light, .mpema-team-9VjRc .mpema-primary-btn.btn-light, .mpema-team-9VjRc .mpema-primary-btn.btn-light {
  background-color: var(--mpema-color-common-white);
}
.section-6 .mpema-primary-btn.btn-light .btn-text, .section-project-p6AKC .mpema-primary-btn.btn-light .btn-text, .audio-transcription-VvRbH .mpema-primary-btn.btn-light .btn-text, .section-blog-HQ6vZ .mpema-primary-btn.btn-light .btn-text, .service-data-JWrrO .mpema-primary-btn.btn-light .btn-text, .graphic-product-slide-WJcCJ .mpema-primary-btn.btn-light .btn-text, .web-product-E0Iib .mpema-primary-btn.btn-light .btn-text, .mpema-project-section-3-GCB2f .mpema-primary-btn.btn-light .btn-text, .mpema-team-9VjRc .mpema-primary-btn.btn-light .btn-text, .mpema-team-9VjRc .mpema-primary-btn.btn-light .btn-text {
  color: var(--mpema-color-theme-dark);
}
.section-6 .mpema-primary-btn.btn-light:hover .btn-text, .section-project-p6AKC .mpema-primary-btn.btn-light:hover .btn-text, .audio-transcription-VvRbH .mpema-primary-btn.btn-light:hover .btn-text, .section-blog-HQ6vZ .mpema-primary-btn.btn-light:hover .btn-text, .service-data-JWrrO .mpema-primary-btn.btn-light:hover .btn-text, .graphic-product-slide-WJcCJ .mpema-primary-btn.btn-light:hover .btn-text, .web-product-E0Iib .mpema-primary-btn.btn-light:hover .btn-text, .mpema-project-section-3-GCB2f .mpema-primary-btn.btn-light:hover .btn-text, .mpema-team-9VjRc .mpema-primary-btn.btn-light:hover .btn-text, .mpema-team-9VjRc .mpema-primary-btn.btn-light:hover .btn-text {
  color: var(--mpema-color-common-white);
}
.section-6 .mpema-primary-btn.btn-light:hover .btn-icon i, .section-project-p6AKC .mpema-primary-btn.btn-light:hover .btn-icon i, .audio-transcription-VvRbH .mpema-primary-btn.btn-light:hover .btn-icon i, .section-blog-HQ6vZ .mpema-primary-btn.btn-light:hover .btn-icon i, .service-data-JWrrO .mpema-primary-btn.btn-light:hover .btn-icon i, .graphic-product-slide-WJcCJ .mpema-primary-btn.btn-light:hover .btn-icon i, .web-product-E0Iib .mpema-primary-btn.btn-light:hover .btn-icon i, .mpema-project-section-3-GCB2f .mpema-primary-btn.btn-light:hover .btn-icon i, .mpema-team-9VjRc .mpema-primary-btn.btn-light:hover .btn-icon i, .mpema-team-9VjRc .mpema-primary-btn.btn-light:hover .btn-icon i {
  color: var(--mpema-color-theme-dark);
}
.section-6 .mpema-primary-btn.style-2 .btn-inner::before, .section-project-p6AKC .mpema-primary-btn.style-2 .btn-inner::before, .audio-transcription-VvRbH .mpema-primary-btn.style-2 .btn-inner::before, .section-blog-HQ6vZ .mpema-primary-btn.style-2 .btn-inner::before, .service-data-JWrrO .mpema-primary-btn.style-2 .btn-inner::before, .graphic-product-slide-WJcCJ .mpema-primary-btn.style-2 .btn-inner::before, .web-product-E0Iib .mpema-primary-btn.style-2 .btn-inner::before, .mpema-project-section-3-GCB2f .mpema-primary-btn.style-2 .btn-inner::before, .mpema-team-9VjRc .mpema-primary-btn.style-2 .btn-inner::before, .mpema-team-9VjRc .mpema-primary-btn.style-2 .btn-inner::before {
  content: "";
  position: absolute;
  width: 100%;
}
.section-6 .mpema-primary-btn.style-2:hover .btn-inner::before, .section-project-p6AKC .mpema-primary-btn.style-2:hover .btn-inner::before, .audio-transcription-VvRbH .mpema-primary-btn.style-2:hover .btn-inner::before, .section-blog-HQ6vZ .mpema-primary-btn.style-2:hover .btn-inner::before, .service-data-JWrrO .mpema-primary-btn.style-2:hover .btn-inner::before, .graphic-product-slide-WJcCJ .mpema-primary-btn.style-2:hover .btn-inner::before, .web-product-E0Iib .mpema-primary-btn.style-2:hover .btn-inner::before, .mpema-project-section-3-GCB2f .mpema-primary-btn.style-2:hover .btn-inner::before, .mpema-team-9VjRc .mpema-primary-btn.style-2:hover .btn-inner::before, .mpema-team-9VjRc .mpema-primary-btn.style-2:hover .btn-inner::before {
  width: calc(100% - 42px);
}
.section-6 .icon-btn, .section-project-p6AKC .icon-btn, .audio-transcription-VvRbH .icon-btn, .section-blog-HQ6vZ .icon-btn, .service-data-JWrrO .icon-btn, .graphic-product-slide-WJcCJ .icon-btn, .web-product-E0Iib .icon-btn, .mpema-project-section-3-GCB2f .icon-btn, .mpema-team-9VjRc .icon-btn, .mpema-team-9VjRc .icon-btn {
  font-size: 30px;
  width: 56px;
  height: 56px;
  background-color: var(--mpema-color-theme-dark);
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.section-6 .icon-btn i, .section-project-p6AKC .icon-btn i, .audio-transcription-VvRbH .icon-btn i, .section-blog-HQ6vZ .icon-btn i, .service-data-JWrrO .icon-btn i, .graphic-product-slide-WJcCJ .icon-btn i, .web-product-E0Iib .icon-btn i, .mpema-project-section-3-GCB2f .icon-btn i, .mpema-team-9VjRc .icon-btn i, .mpema-team-9VjRc .icon-btn i {
  color: var(--mpema-color-common-white);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.section-6 .icon-btn:hover, .section-project-p6AKC .icon-btn:hover, .audio-transcription-VvRbH .icon-btn:hover, .section-blog-HQ6vZ .icon-btn:hover, .service-data-JWrrO .icon-btn:hover, .graphic-product-slide-WJcCJ .icon-btn:hover, .web-product-E0Iib .icon-btn:hover, .mpema-project-section-3-GCB2f .icon-btn:hover, .mpema-team-9VjRc .icon-btn:hover, .mpema-team-9VjRc .icon-btn:hover {
  background-color: var(--mpema-color-theme-primary);
}
.section-6 .icon-btn:hover i, .section-project-p6AKC .icon-btn:hover i, .audio-transcription-VvRbH .icon-btn:hover i, .section-blog-HQ6vZ .icon-btn:hover i, .service-data-JWrrO .icon-btn:hover i, .graphic-product-slide-WJcCJ .icon-btn:hover i, .web-product-E0Iib .icon-btn:hover i, .mpema-project-section-3-GCB2f .icon-btn:hover i, .mpema-team-9VjRc .icon-btn:hover i, .mpema-team-9VjRc .icon-btn:hover i {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.section-6 .icon-btn.style-2, .section-project-p6AKC .icon-btn.style-2, .audio-transcription-VvRbH .icon-btn.style-2, .section-blog-HQ6vZ .icon-btn.style-2, .service-data-JWrrO .icon-btn.style-2, .graphic-product-slide-WJcCJ .icon-btn.style-2, .web-product-E0Iib .icon-btn.style-2, .mpema-project-section-3-GCB2f .icon-btn.style-2, .mpema-team-9VjRc .icon-btn.style-2, .mpema-team-9VjRc .icon-btn.style-2 {
  font-size: 20px;
  width: 50px;
  height: 50px;
  border: 1px solid var(--mpema-color-border-1);
}
.section-6 .text-btn, .section-project-p6AKC .text-btn, .audio-transcription-VvRbH .text-btn, .section-blog-HQ6vZ .text-btn, .service-data-JWrrO .text-btn, .graphic-product-slide-WJcCJ .text-btn, .web-product-E0Iib .text-btn, .mpema-project-section-3-GCB2f .text-btn, .mpema-team-9VjRc .text-btn, .mpema-team-9VjRc .text-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
  font-weight: var(--mpema-fw-sbold);
  text-align: center;
  line-height: 1;
  padding: 20px 30px 0;
  background-color: var(--mpema-color-theme-bg);
  border-radius: 12px;
  position: relative;
  z-index: 2;
}
.section-6 .text-btn .btn-text, .section-project-p6AKC .text-btn .btn-text, .audio-transcription-VvRbH .text-btn .btn-text, .section-blog-HQ6vZ .text-btn .btn-text, .service-data-JWrrO .text-btn .btn-text, .graphic-product-slide-WJcCJ .text-btn .btn-text, .web-product-E0Iib .text-btn .btn-text, .mpema-project-section-3-GCB2f .text-btn .btn-text, .mpema-team-9VjRc .text-btn .btn-text, .mpema-team-9VjRc .text-btn .btn-text {
  color: var(--mpema-color-common-white);
  overflow: hidden;
}
.section-6 .text-btn .btn-text span, .section-project-p6AKC .text-btn .btn-text span, .audio-transcription-VvRbH .text-btn .btn-text span, .section-blog-HQ6vZ .text-btn .btn-text span, .service-data-JWrrO .text-btn .btn-text span, .graphic-product-slide-WJcCJ .text-btn .btn-text span, .web-product-E0Iib .text-btn .btn-text span, .mpema-project-section-3-GCB2f .text-btn .btn-text span, .mpema-team-9VjRc .text-btn .btn-text span, .mpema-team-9VjRc .text-btn .btn-text span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  text-shadow: 0 30px 0 var(--mpema-color-theme-primary);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.section-6 .text-btn .btn-icon, .section-project-p6AKC .text-btn .btn-icon, .audio-transcription-VvRbH .text-btn .btn-icon, .section-blog-HQ6vZ .text-btn .btn-icon, .service-data-JWrrO .text-btn .btn-icon, .graphic-product-slide-WJcCJ .text-btn .btn-icon, .web-product-E0Iib .text-btn .btn-icon, .mpema-project-section-3-GCB2f .text-btn .btn-icon, .mpema-team-9VjRc .text-btn .btn-icon, .mpema-team-9VjRc .text-btn .btn-icon {
  color: var(--mpema-color-common-white);
  font-size: 20px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.section-6 .text-btn .btn-icon span, .section-project-p6AKC .text-btn .btn-icon span, .audio-transcription-VvRbH .text-btn .btn-icon span, .section-blog-HQ6vZ .text-btn .btn-icon span, .service-data-JWrrO .text-btn .btn-icon span, .graphic-product-slide-WJcCJ .text-btn .btn-icon span, .web-product-E0Iib .text-btn .btn-icon span, .mpema-project-section-3-GCB2f .text-btn .btn-icon span, .mpema-team-9VjRc .text-btn .btn-icon span, .mpema-team-9VjRc .text-btn .btn-icon span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  text-shadow: -30px 0 0 var(--mpema-color-theme-primary);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.section-6 .text-btn:hover .btn-text span, .section-project-p6AKC .text-btn:hover .btn-text span, .audio-transcription-VvRbH .text-btn:hover .btn-text span, .section-blog-HQ6vZ .text-btn:hover .btn-text span, .service-data-JWrrO .text-btn:hover .btn-text span, .graphic-product-slide-WJcCJ .text-btn:hover .btn-text span, .web-product-E0Iib .text-btn:hover .btn-text span, .mpema-project-section-3-GCB2f .text-btn:hover .btn-text span, .mpema-team-9VjRc .text-btn:hover .btn-text span, .mpema-team-9VjRc .text-btn:hover .btn-text span {
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}
.section-6 .text-btn:hover .btn-icon span, .section-project-p6AKC .text-btn:hover .btn-icon span, .audio-transcription-VvRbH .text-btn:hover .btn-icon span, .section-blog-HQ6vZ .text-btn:hover .btn-icon span, .service-data-JWrrO .text-btn:hover .btn-icon span, .graphic-product-slide-WJcCJ .text-btn:hover .btn-icon span, .web-product-E0Iib .text-btn:hover .btn-icon span, .mpema-project-section-3-GCB2f .text-btn:hover .btn-icon span, .mpema-team-9VjRc .text-btn:hover .btn-icon span, .mpema-team-9VjRc .text-btn:hover .btn-icon span {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
.section-6 .text-btn.style-2, .section-project-p6AKC .text-btn.style-2, .audio-transcription-VvRbH .text-btn.style-2, .section-blog-HQ6vZ .text-btn.style-2, .service-data-JWrrO .text-btn.style-2, .graphic-product-slide-WJcCJ .text-btn.style-2, .web-product-E0Iib .text-btn.style-2, .mpema-project-section-3-GCB2f .text-btn.style-2, .mpema-team-9VjRc .text-btn.style-2, .mpema-team-9VjRc .text-btn.style-2 {
  background-color: transparent;
  padding: 0;
}
.section-6 .text-btn.style-2 .btn-text, .section-project-p6AKC .text-btn.style-2 .btn-text, .audio-transcription-VvRbH .text-btn.style-2 .btn-text, .section-blog-HQ6vZ .text-btn.style-2 .btn-text, .service-data-JWrrO .text-btn.style-2 .btn-text, .graphic-product-slide-WJcCJ .text-btn.style-2 .btn-text, .web-product-E0Iib .text-btn.style-2 .btn-text, .mpema-project-section-3-GCB2f .text-btn.style-2 .btn-text, .mpema-team-9VjRc .text-btn.style-2 .btn-text, .mpema-team-9VjRc .text-btn.style-2 .btn-text {
  color: var(--mpema-color-theme-primary);
}
.section-6 .text-btn.style-2 .btn-icon, .section-project-p6AKC .text-btn.style-2 .btn-icon, .audio-transcription-VvRbH .text-btn.style-2 .btn-icon, .section-blog-HQ6vZ .text-btn.style-2 .btn-icon, .service-data-JWrrO .text-btn.style-2 .btn-icon, .graphic-product-slide-WJcCJ .text-btn.style-2 .btn-icon, .web-product-E0Iib .text-btn.style-2 .btn-icon, .mpema-project-section-3-GCB2f .text-btn.style-2 .btn-icon, .mpema-team-9VjRc .text-btn.style-2 .btn-icon, .mpema-team-9VjRc .text-btn.style-2 .btn-icon {
  color: var(--mpema-color-common-white);
  font-size: 20px;
  background-color: var(--mpema-color-theme-primary);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.section-6 .text-btn.style-2 .btn-icon span, .section-project-p6AKC .text-btn.style-2 .btn-icon span, .audio-transcription-VvRbH .text-btn.style-2 .btn-icon span, .section-blog-HQ6vZ .text-btn.style-2 .btn-icon span, .service-data-JWrrO .text-btn.style-2 .btn-icon span, .graphic-product-slide-WJcCJ .text-btn.style-2 .btn-icon span, .web-product-E0Iib .text-btn.style-2 .btn-icon span, .mpema-project-section-3-GCB2f .text-btn.style-2 .btn-icon span, .mpema-team-9VjRc .text-btn.style-2 .btn-icon span, .mpema-team-9VjRc .text-btn.style-2 .btn-icon span {
  text-shadow: -30px 0 0 var(--mpema-color-common-white);
}
.section-6 .mpema-secondary-btn, .section-project-p6AKC .mpema-secondary-btn, .audio-transcription-VvRbH .mpema-secondary-btn, .section-blog-HQ6vZ .mpema-secondary-btn, .service-data-JWrrO .mpema-secondary-btn, .graphic-product-slide-WJcCJ .mpema-secondary-btn, .web-product-E0Iib .mpema-secondary-btn, .mpema-project-section-3-GCB2f .mpema-secondary-btn, .mpema-team-9VjRc .mpema-secondary-btn, .mpema-team-9VjRc .mpema-secondary-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: var(--mpema-color-theme-primary);
  font-size: 16px;
  font-weight: var(--mpema-fw-sbold);
  padding: 5px 5px 5px 25px;
  text-align: center;
  border-radius: 50px;
  line-height: 1;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
}
.section-6 .mpema-secondary-btn .btn-text, .section-project-p6AKC .mpema-secondary-btn .btn-text, .audio-transcription-VvRbH .mpema-secondary-btn .btn-text, .section-blog-HQ6vZ .mpema-secondary-btn .btn-text, .service-data-JWrrO .mpema-secondary-btn .btn-text, .graphic-product-slide-WJcCJ .mpema-secondary-btn .btn-text, .web-product-E0Iib .mpema-secondary-btn .btn-text, .mpema-project-section-3-GCB2f .mpema-secondary-btn .btn-text, .mpema-team-9VjRc .mpema-secondary-btn .btn-text, .mpema-team-9VjRc .mpema-secondary-btn .btn-text {
  color: var(--mpema-color-common-white);
  overflow: hidden;
}
.section-6 .mpema-secondary-btn .btn-text span, .section-project-p6AKC .mpema-secondary-btn .btn-text span, .audio-transcription-VvRbH .mpema-secondary-btn .btn-text span, .section-blog-HQ6vZ .mpema-secondary-btn .btn-text span, .service-data-JWrrO .mpema-secondary-btn .btn-text span, .graphic-product-slide-WJcCJ .mpema-secondary-btn .btn-text span, .web-product-E0Iib .mpema-secondary-btn .btn-text span, .mpema-project-section-3-GCB2f .mpema-secondary-btn .btn-text span, .mpema-team-9VjRc .mpema-secondary-btn .btn-text span, .mpema-team-9VjRc .mpema-secondary-btn .btn-text span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  text-shadow: 0 30px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.section-6 .mpema-secondary-btn .btn-icon, .section-project-p6AKC .mpema-secondary-btn .btn-icon, .audio-transcription-VvRbH .mpema-secondary-btn .btn-icon, .section-blog-HQ6vZ .mpema-secondary-btn .btn-icon, .service-data-JWrrO .mpema-secondary-btn .btn-icon, .graphic-product-slide-WJcCJ .mpema-secondary-btn .btn-icon, .web-product-E0Iib .mpema-secondary-btn .btn-icon, .mpema-project-section-3-GCB2f .mpema-secondary-btn .btn-icon, .mpema-team-9VjRc .mpema-secondary-btn .btn-icon, .mpema-team-9VjRc .mpema-secondary-btn .btn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  width: 42px;
  height: 42px;
  overflow: hidden;
  background-color: var(--mpema-color-theme-dark);
  border-radius: 50%;
}
.section-6 .mpema-secondary-btn .btn-icon i, .section-project-p6AKC .mpema-secondary-btn .btn-icon i, .audio-transcription-VvRbH .mpema-secondary-btn .btn-icon i, .section-blog-HQ6vZ .mpema-secondary-btn .btn-icon i, .service-data-JWrrO .mpema-secondary-btn .btn-icon i, .graphic-product-slide-WJcCJ .mpema-secondary-btn .btn-icon i, .web-product-E0Iib .mpema-secondary-btn .btn-icon i, .mpema-project-section-3-GCB2f .mpema-secondary-btn .btn-icon i, .mpema-team-9VjRc .mpema-secondary-btn .btn-icon i, .mpema-team-9VjRc .mpema-secondary-btn .btn-icon i {
  color: var(--mpema-color-common-white);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.section-6 .mpema-secondary-btn.btn-dark, .section-project-p6AKC .mpema-secondary-btn.btn-dark, .audio-transcription-VvRbH .mpema-secondary-btn.btn-dark, .section-blog-HQ6vZ .mpema-secondary-btn.btn-dark, .service-data-JWrrO .mpema-secondary-btn.btn-dark, .graphic-product-slide-WJcCJ .mpema-secondary-btn.btn-dark, .web-product-E0Iib .mpema-secondary-btn.btn-dark, .mpema-project-section-3-GCB2f .mpema-secondary-btn.btn-dark, .mpema-team-9VjRc .mpema-secondary-btn.btn-dark, .mpema-team-9VjRc .mpema-secondary-btn.btn-dark {
  background-color: var(--mpema-color-theme-dark);
}
.section-6 .mpema-secondary-btn.btn-dark .btn-icon, .section-project-p6AKC .mpema-secondary-btn.btn-dark .btn-icon, .audio-transcription-VvRbH .mpema-secondary-btn.btn-dark .btn-icon, .section-blog-HQ6vZ .mpema-secondary-btn.btn-dark .btn-icon, .service-data-JWrrO .mpema-secondary-btn.btn-dark .btn-icon, .graphic-product-slide-WJcCJ .mpema-secondary-btn.btn-dark .btn-icon, .web-product-E0Iib .mpema-secondary-btn.btn-dark .btn-icon, .mpema-project-section-3-GCB2f .mpema-secondary-btn.btn-dark .btn-icon, .mpema-team-9VjRc .mpema-secondary-btn.btn-dark .btn-icon, .mpema-team-9VjRc .mpema-secondary-btn.btn-dark .btn-icon {
  background-color: var(--mpema-color-common-white);
}
.section-6 .mpema-secondary-btn.btn-dark .btn-icon i, .section-project-p6AKC .mpema-secondary-btn.btn-dark .btn-icon i, .audio-transcription-VvRbH .mpema-secondary-btn.btn-dark .btn-icon i, .section-blog-HQ6vZ .mpema-secondary-btn.btn-dark .btn-icon i, .service-data-JWrrO .mpema-secondary-btn.btn-dark .btn-icon i, .graphic-product-slide-WJcCJ .mpema-secondary-btn.btn-dark .btn-icon i, .web-product-E0Iib .mpema-secondary-btn.btn-dark .btn-icon i, .mpema-project-section-3-GCB2f .mpema-secondary-btn.btn-dark .btn-icon i, .mpema-team-9VjRc .mpema-secondary-btn.btn-dark .btn-icon i, .mpema-team-9VjRc .mpema-secondary-btn.btn-dark .btn-icon i {
  color: var(--mpema-color-theme-dark);
}
.section-6 .mpema-secondary-btn.transparent-btn, .section-project-p6AKC .mpema-secondary-btn.transparent-btn, .audio-transcription-VvRbH .mpema-secondary-btn.transparent-btn, .section-blog-HQ6vZ .mpema-secondary-btn.transparent-btn, .service-data-JWrrO .mpema-secondary-btn.transparent-btn, .graphic-product-slide-WJcCJ .mpema-secondary-btn.transparent-btn, .web-product-E0Iib .mpema-secondary-btn.transparent-btn, .mpema-project-section-3-GCB2f .mpema-secondary-btn.transparent-btn, .mpema-team-9VjRc .mpema-secondary-btn.transparent-btn, .mpema-team-9VjRc .mpema-secondary-btn.transparent-btn {
  background-color: transparent;
  border: 1px solid var(--mpema-color-border-1);
}
.section-6 .mpema-secondary-btn.transparent-btn .btn-text, .section-project-p6AKC .mpema-secondary-btn.transparent-btn .btn-text, .audio-transcription-VvRbH .mpema-secondary-btn.transparent-btn .btn-text, .section-blog-HQ6vZ .mpema-secondary-btn.transparent-btn .btn-text, .service-data-JWrrO .mpema-secondary-btn.transparent-btn .btn-text, .graphic-product-slide-WJcCJ .mpema-secondary-btn.transparent-btn .btn-text, .web-product-E0Iib .mpema-secondary-btn.transparent-btn .btn-text, .mpema-project-section-3-GCB2f .mpema-secondary-btn.transparent-btn .btn-text, .mpema-team-9VjRc .mpema-secondary-btn.transparent-btn .btn-text, .mpema-team-9VjRc .mpema-secondary-btn.transparent-btn .btn-text {
  color: var(--mpema-color-heading-primary);
}
.section-6 .mpema-secondary-btn.transparent-btn:hover, .section-project-p6AKC .mpema-secondary-btn.transparent-btn:hover, .audio-transcription-VvRbH .mpema-secondary-btn.transparent-btn:hover, .section-blog-HQ6vZ .mpema-secondary-btn.transparent-btn:hover, .service-data-JWrrO .mpema-secondary-btn.transparent-btn:hover, .graphic-product-slide-WJcCJ .mpema-secondary-btn.transparent-btn:hover, .web-product-E0Iib .mpema-secondary-btn.transparent-btn:hover, .mpema-project-section-3-GCB2f .mpema-secondary-btn.transparent-btn:hover, .mpema-team-9VjRc .mpema-secondary-btn.transparent-btn:hover, .mpema-team-9VjRc .mpema-secondary-btn.transparent-btn:hover {
  border-color: var(--mpema-color-theme-dark);
}
.section-6 .mpema-secondary-btn:hover .btn-text span, .section-project-p6AKC .mpema-secondary-btn:hover .btn-text span, .audio-transcription-VvRbH .mpema-secondary-btn:hover .btn-text span, .section-blog-HQ6vZ .mpema-secondary-btn:hover .btn-text span, .service-data-JWrrO .mpema-secondary-btn:hover .btn-text span, .graphic-product-slide-WJcCJ .mpema-secondary-btn:hover .btn-text span, .web-product-E0Iib .mpema-secondary-btn:hover .btn-text span, .mpema-project-section-3-GCB2f .mpema-secondary-btn:hover .btn-text span, .mpema-team-9VjRc .mpema-secondary-btn:hover .btn-text span, .mpema-team-9VjRc .mpema-secondary-btn:hover .btn-text span {
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}
.section-6 .mpema-secondary-btn:hover .btn-icon i, .section-project-p6AKC .mpema-secondary-btn:hover .btn-icon i, .audio-transcription-VvRbH .mpema-secondary-btn:hover .btn-icon i, .section-blog-HQ6vZ .mpema-secondary-btn:hover .btn-icon i, .service-data-JWrrO .mpema-secondary-btn:hover .btn-icon i, .graphic-product-slide-WJcCJ .mpema-secondary-btn:hover .btn-icon i, .web-product-E0Iib .mpema-secondary-btn:hover .btn-icon i, .mpema-project-section-3-GCB2f .mpema-secondary-btn:hover .btn-icon i, .mpema-team-9VjRc .mpema-secondary-btn:hover .btn-icon i, .mpema-team-9VjRc .mpema-secondary-btn:hover .btn-icon i {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.section-6 .sec-heading, .section-project-p6AKC .sec-heading, .audio-transcription-VvRbH .sec-heading, .section-blog-HQ6vZ .sec-heading, .service-data-JWrrO .sec-heading, .graphic-product-slide-WJcCJ .sec-heading, .web-product-E0Iib .sec-heading, .mpema-project-section-3-GCB2f .sec-heading, .mpema-team-9VjRc .sec-heading, .mpema-team-9VjRc .sec-heading {
  margin-inline: auto;
  width: 100%;
  margin-bottom: 52px;
}
.section-6 .sec-heading-centered, .section-project-p6AKC .sec-heading-centered, .audio-transcription-VvRbH .sec-heading-centered, .section-blog-HQ6vZ .sec-heading-centered, .service-data-JWrrO .sec-heading-centered, .graphic-product-slide-WJcCJ .sec-heading-centered, .web-product-E0Iib .sec-heading-centered, .mpema-project-section-3-GCB2f .sec-heading-centered, .mpema-team-9VjRc .sec-heading-centered, .mpema-team-9VjRc .sec-heading-centered {
  max-width: 550px;
  text-align: center;
}
.section-6 .sec-heading .sec-title, .section-project-p6AKC .sec-heading .sec-title, .audio-transcription-VvRbH .sec-heading .sec-title, .section-blog-HQ6vZ .sec-heading .sec-title, .service-data-JWrrO .sec-heading .sec-title, .graphic-product-slide-WJcCJ .sec-heading .sec-title, .web-product-E0Iib .sec-heading .sec-title, .mpema-project-section-3-GCB2f .sec-heading .sec-title, .mpema-team-9VjRc .sec-heading .sec-title, .mpema-team-9VjRc .sec-heading .sec-title {
  margin-bottom: 0;
}
.section-6 .sec-heading .sub-title, .section-project-p6AKC .sec-heading .sub-title, .audio-transcription-VvRbH .sec-heading .sub-title, .section-blog-HQ6vZ .sec-heading .sub-title, .service-data-JWrrO .sec-heading .sub-title, .graphic-product-slide-WJcCJ .sec-heading .sub-title, .web-product-E0Iib .sec-heading .sub-title, .mpema-project-section-3-GCB2f .sec-heading .sub-title, .mpema-team-9VjRc .sec-heading .sub-title, .mpema-team-9VjRc .sec-heading .sub-title {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--mpema-color-text-body);
  font-size: 15px;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-weight: var(--mpema-uSX9N-sbold);
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-6 .sec-heading .sub-title, .section-project-p6AKC .sec-heading .sub-title, .audio-transcription-VvRbH .sec-heading .sub-title, .section-blog-HQ6vZ .sec-heading .sub-title, .service-data-JWrrO .sec-heading .sub-title, .graphic-product-slide-WJcCJ .sec-heading .sub-title, .web-product-E0Iib .sec-heading .sub-title, .mpema-project-section-3-GCB2f .sec-heading .sub-title, .mpema-team-9VjRc .sec-heading .sub-title, .mpema-team-9VjRc .sec-heading .sub-title {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-6 .sec-heading .sub-title, .section-project-p6AKC .sec-heading .sub-title, .audio-transcription-VvRbH .sec-heading .sub-title, .section-blog-HQ6vZ .sec-heading .sub-title, .service-data-JWrrO .sec-heading .sub-title, .graphic-product-slide-WJcCJ .sec-heading .sub-title, .web-product-E0Iib .sec-heading .sub-title, .mpema-project-section-3-GCB2f .sec-heading .sub-title, .mpema-team-9VjRc .sec-heading .sub-title, .mpema-team-9VjRc .sec-heading .sub-title {
    font-size: 13px;
  }
}
.section-6 .sec-heading-inner, .section-project-p6AKC .sec-heading-inner, .audio-transcription-VvRbH .sec-heading-inner, .section-blog-HQ6vZ .sec-heading-inner, .service-data-JWrrO .sec-heading-inner, .graphic-product-slide-WJcCJ .sec-heading-inner, .web-product-E0Iib .sec-heading-inner, .mpema-project-section-3-GCB2f .sec-heading-inner, .mpema-team-9VjRc .sec-heading-inner, .mpema-team-9VjRc .sec-heading-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.section-6 .sec-heading-inner .sec-title, .section-project-p6AKC .sec-heading-inner .sec-title, .audio-transcription-VvRbH .sec-heading-inner .sec-title, .section-blog-HQ6vZ .sec-heading-inner .sec-title, .service-data-JWrrO .sec-heading-inner .sec-title, .graphic-product-slide-WJcCJ .sec-heading-inner .sec-title, .web-product-E0Iib .sec-heading-inner .sec-title, .mpema-project-section-3-GCB2f .sec-heading-inner .sec-title, .mpema-team-9VjRc .sec-heading-inner .sec-title, .mpema-team-9VjRc .sec-heading-inner .sec-title {
  max-width: 560px;
}
.section-6 .sec-heading.style-2 .sub-title, .section-project-p6AKC .sec-heading.style-2 .sub-title, .audio-transcription-VvRbH .sec-heading.style-2 .sub-title, .section-blog-HQ6vZ .sec-heading.style-2 .sub-title, .service-data-JWrrO .sec-heading.style-2 .sub-title, .graphic-product-slide-WJcCJ .sec-heading.style-2 .sub-title, .web-product-E0Iib .sec-heading.style-2 .sub-title, .mpema-project-section-3-GCB2f .sec-heading.style-2 .sub-title, .mpema-team-9VjRc .sec-heading.style-2 .sub-title, .mpema-team-9VjRc .sec-heading.style-2 .sub-title {
  position: relative;
}
.section-6 .sec-heading.style-2 .sub-title::before, .section-project-p6AKC .sec-heading.style-2 .sub-title::before, .audio-transcription-VvRbH .sec-heading.style-2 .sub-title::before, .section-blog-HQ6vZ .sec-heading.style-2 .sub-title::before, .service-data-JWrrO .sec-heading.style-2 .sub-title::before, .graphic-product-slide-WJcCJ .sec-heading.style-2 .sub-title::before, .web-product-E0Iib .sec-heading.style-2 .sub-title::before, .mpema-project-section-3-GCB2f .sec-heading.style-2 .sub-title::before, .mpema-team-9VjRc .sec-heading.style-2 .sub-title::before, .mpema-team-9VjRc .sec-heading.style-2 .sub-title::before {
  content: "[";
  color: var(--mpema-color-theme-primary);
  display: inline-flex;
  margin-right: 2px;
}
.section-6 .sec-heading.style-2 .sub-title::after, .section-project-p6AKC .sec-heading.style-2 .sub-title::after, .audio-transcription-VvRbH .sec-heading.style-2 .sub-title::after, .section-blog-HQ6vZ .sec-heading.style-2 .sub-title::after, .service-data-JWrrO .sec-heading.style-2 .sub-title::after, .graphic-product-slide-WJcCJ .sec-heading.style-2 .sub-title::after, .web-product-E0Iib .sec-heading.style-2 .sub-title::after, .mpema-project-section-3-GCB2f .sec-heading.style-2 .sub-title::after, .mpema-team-9VjRc .sec-heading.style-2 .sub-title::after, .mpema-team-9VjRc .sec-heading.style-2 .sub-title::after {
  content: "]";
  color: var(--mpema-color-theme-primary);
  display: inline-flex;
  margin-left: 2px;
}
.section-6 .sec-heading.style-5 .sub-title, .section-project-p6AKC .sec-heading.style-5 .sub-title, .audio-transcription-VvRbH .sec-heading.style-5 .sub-title, .section-blog-HQ6vZ .sec-heading.style-5 .sub-title, .service-data-JWrrO .sec-heading.style-5 .sub-title, .graphic-product-slide-WJcCJ .sec-heading.style-5 .sub-title, .web-product-E0Iib .sec-heading.style-5 .sub-title, .mpema-project-section-3-GCB2f .sec-heading.style-5 .sub-title, .mpema-team-9VjRc .sec-heading.style-5 .sub-title, .mpema-team-9VjRc .sec-heading.style-5 .sub-title {
  position: relative;
}
.section-6 .sec-heading.style-5 .sub-title::before, .section-project-p6AKC .sec-heading.style-5 .sub-title::before, .audio-transcription-VvRbH .sec-heading.style-5 .sub-title::before, .section-blog-HQ6vZ .sec-heading.style-5 .sub-title::before, .service-data-JWrrO .sec-heading.style-5 .sub-title::before, .graphic-product-slide-WJcCJ .sec-heading.style-5 .sub-title::before, .web-product-E0Iib .sec-heading.style-5 .sub-title::before, .mpema-project-section-3-GCB2f .sec-heading.style-5 .sub-title::before, .mpema-team-9VjRc .sec-heading.style-5 .sub-title::before, .mpema-team-9VjRc .sec-heading.style-5 .sub-title::before {
  content: "{";
  color: var(--mpema-color-theme-primary);
  display: inline-flex;
  margin-right: 2px;
}
.section-6 .sec-heading.style-5 .sub-title::after, .section-project-p6AKC .sec-heading.style-5 .sub-title::after, .audio-transcription-VvRbH .sec-heading.style-5 .sub-title::after, .section-blog-HQ6vZ .sec-heading.style-5 .sub-title::after, .service-data-JWrrO .sec-heading.style-5 .sub-title::after, .graphic-product-slide-WJcCJ .sec-heading.style-5 .sub-title::after, .web-product-E0Iib .sec-heading.style-5 .sub-title::after, .mpema-project-section-3-GCB2f .sec-heading.style-5 .sub-title::after, .mpema-team-9VjRc .sec-heading.style-5 .sub-title::after, .mpema-team-9VjRc .sec-heading.style-5 .sub-title::after {
  content: "}";
  color: var(--mpema-color-theme-primary);
  display: inline-flex;
  margin-left: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-6 .sec-heading, .section-project-p6AKC .sec-heading, .audio-transcription-VvRbH .sec-heading, .section-blog-HQ6vZ .sec-heading, .service-data-JWrrO .sec-heading, .graphic-product-slide-WJcCJ .sec-heading, .web-product-E0Iib .sec-heading, .mpema-project-section-3-GCB2f .sec-heading, .mpema-team-9VjRc .sec-heading, .mpema-team-9VjRc .sec-heading {
    margin-bottom: 35px;
  }
}
.section-6 .project-wrapper-3, .section-project-p6AKC .project-wrapper-3, .audio-transcription-VvRbH .project-wrapper-3, .section-blog-HQ6vZ .project-wrapper-3, .service-data-JWrrO .project-wrapper-3, .graphic-product-slide-WJcCJ .project-wrapper-3, .web-product-E0Iib .project-wrapper-3, .mpema-project-section-3-GCB2f .project-wrapper-3, .mpema-team-9VjRc .project-wrapper-3, .mpema-team-9VjRc .project-wrapper-3 {
  padding: 0 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section-6 .project-wrapper-3, .section-project-p6AKC .project-wrapper-3, .audio-transcription-VvRbH .project-wrapper-3, .section-blog-HQ6vZ .project-wrapper-3, .service-data-JWrrO .project-wrapper-3, .graphic-product-slide-WJcCJ .project-wrapper-3, .web-product-E0Iib .project-wrapper-3, .mpema-project-section-3-GCB2f .project-wrapper-3, .mpema-team-9VjRc .project-wrapper-3, .mpema-team-9VjRc .project-wrapper-3 {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-6 .project-wrapper-3, .section-project-p6AKC .project-wrapper-3, .audio-transcription-VvRbH .project-wrapper-3, .section-blog-HQ6vZ .project-wrapper-3, .service-data-JWrrO .project-wrapper-3, .graphic-product-slide-WJcCJ .project-wrapper-3, .web-product-E0Iib .project-wrapper-3, .mpema-project-section-3-GCB2f .project-wrapper-3, .mpema-team-9VjRc .project-wrapper-3, .mpema-team-9VjRc .project-wrapper-3 {
    padding: 0 15px;
  }
}
.section-6 .slider-navigation-3, .section-project-p6AKC .slider-navigation-3, .audio-transcription-VvRbH .slider-navigation-3, .section-blog-HQ6vZ .slider-navigation-3, .service-data-JWrrO .slider-navigation-3, .graphic-product-slide-WJcCJ .slider-navigation-3, .web-product-E0Iib .slider-navigation-3, .mpema-project-section-3-GCB2f .slider-navigation-3, .mpema-team-9VjRc .slider-navigation-3, .mpema-team-9VjRc .slider-navigation-3 {
  gap: 15px;
}
.section-6 .slider-navigation-3 .slider-next, .section-6 .slider-navigation-3 .slider-prev, .section-project-p6AKC .slider-navigation-3 .slider-next, .section-project-p6AKC .slider-navigation-3 .slider-prev, .audio-transcription-VvRbH .slider-navigation-3 .slider-next, .audio-transcription-VvRbH .slider-navigation-3 .slider-prev, .section-blog-HQ6vZ .slider-navigation-3 .slider-next, .section-blog-HQ6vZ .slider-navigation-3 .slider-prev, .service-data-JWrrO .slider-navigation-3 .slider-next, .service-data-JWrrO .slider-navigation-3 .slider-prev, .graphic-product-slide-WJcCJ .slider-navigation-3 .slider-next, .graphic-product-slide-WJcCJ .slider-navigation-3 .slider-prev, .web-product-E0Iib .slider-navigation-3 .slider-next, .web-product-E0Iib .slider-navigation-3 .slider-prev, .mpema-project-section-3-GCB2f .slider-navigation-3 .slider-next, .mpema-project-section-3-GCB2f .slider-navigation-3 .slider-prev, .mpema-team-9VjRc .slider-navigation-3 .slider-next, .mpema-team-9VjRc .slider-navigation-3 .slider-prev, .mpema-team-9VjRc .slider-navigation-3 .slider-next, .mpema-team-9VjRc .slider-navigation-3 .slider-prev {
  width: 50px;
  height: 50px;
  border: 1px solid var(--tj-color-border-1);
}
.section-6 .slider-next, .section-6 .slider-prev, .section-project-p6AKC .slider-next, .section-project-p6AKC .slider-prev, .audio-transcription-VvRbH .slider-next, .audio-transcription-VvRbH .slider-prev, .section-blog-HQ6vZ .slider-next, .section-blog-HQ6vZ .slider-prev, .service-data-JWrrO .slider-next, .service-data-JWrrO .slider-prev, .graphic-product-slide-WJcCJ .slider-next, .graphic-product-slide-WJcCJ .slider-prev, .web-product-E0Iib .slider-next, .web-product-E0Iib .slider-prev, .mpema-project-section-3-GCB2f .slider-next, .mpema-project-section-3-GCB2f .slider-prev, .mpema-team-9VjRc .slider-next, .mpema-team-9VjRc .slider-prev, .mpema-team-9VjRc .slider-next, .mpema-team-9VjRc .slider-prev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  font-size: 21px;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50%;
  transition: all 0.3s;
}
.section-6 .slider-next .anim-icon, .section-6 .slider-prev .anim-icon, .section-project-p6AKC .slider-next .anim-icon, .section-project-p6AKC .slider-prev .anim-icon, .audio-transcription-VvRbH .slider-next .anim-icon, .audio-transcription-VvRbH .slider-prev .anim-icon, .section-blog-HQ6vZ .slider-next .anim-icon, .section-blog-HQ6vZ .slider-prev .anim-icon, .service-data-JWrrO .slider-next .anim-icon, .service-data-JWrrO .slider-prev .anim-icon, .graphic-product-slide-WJcCJ .slider-next .anim-icon, .graphic-product-slide-WJcCJ .slider-prev .anim-icon, .web-product-E0Iib .slider-next .anim-icon, .web-product-E0Iib .slider-prev .anim-icon, .mpema-project-section-3-GCB2f .slider-next .anim-icon, .mpema-project-section-3-GCB2f .slider-prev .anim-icon, .mpema-team-9VjRc .slider-next .anim-icon, .mpema-team-9VjRc .slider-prev .anim-icon, .mpema-team-9VjRc .slider-next .anim-icon, .mpema-team-9VjRc .slider-prev .anim-icon {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  transform: rotate(0deg);
}
.section-6 .slider-next .anim-icon i, .section-6 .slider-prev .anim-icon i, .section-project-p6AKC .slider-next .anim-icon i, .section-project-p6AKC .slider-prev .anim-icon i, .audio-transcription-VvRbH .slider-next .anim-icon i, .audio-transcription-VvRbH .slider-prev .anim-icon i, .section-blog-HQ6vZ .slider-next .anim-icon i, .section-blog-HQ6vZ .slider-prev .anim-icon i, .service-data-JWrrO .slider-next .anim-icon i, .service-data-JWrrO .slider-prev .anim-icon i, .graphic-product-slide-WJcCJ .slider-next .anim-icon i, .graphic-product-slide-WJcCJ .slider-prev .anim-icon i, .web-product-E0Iib .slider-next .anim-icon i, .web-product-E0Iib .slider-prev .anim-icon i, .mpema-project-section-3-GCB2f .slider-next .anim-icon i, .mpema-project-section-3-GCB2f .slider-prev .anim-icon i, .mpema-team-9VjRc .slider-next .anim-icon i, .mpema-team-9VjRc .slider-prev .anim-icon i, .mpema-team-9VjRc .slider-next .anim-icon i, .mpema-team-9VjRc .slider-prev .anim-icon i {
  position: relative;
  top: 0;
  color: var(--tj-color-common-white);
  transition: all 0.3s;
}
.section-6 .slider-next .anim-icon i:last-child, .section-6 .slider-prev .anim-icon i:last-child, .section-project-p6AKC .slider-next .anim-icon i:last-child, .section-project-p6AKC .slider-prev .anim-icon i:last-child, .audio-transcription-VvRbH .slider-next .anim-icon i:last-child, .audio-transcription-VvRbH .slider-prev .anim-icon i:last-child, .section-blog-HQ6vZ .slider-next .anim-icon i:last-child, .section-blog-HQ6vZ .slider-prev .anim-icon i:last-child, .service-data-JWrrO .slider-next .anim-icon i:last-child, .service-data-JWrrO .slider-prev .anim-icon i:last-child, .graphic-product-slide-WJcCJ .slider-next .anim-icon i:last-child, .graphic-product-slide-WJcCJ .slider-prev .anim-icon i:last-child, .web-product-E0Iib .slider-next .anim-icon i:last-child, .web-product-E0Iib .slider-prev .anim-icon i:last-child, .mpema-project-section-3-GCB2f .slider-next .anim-icon i:last-child, .mpema-project-section-3-GCB2f .slider-prev .anim-icon i:last-child, .mpema-team-9VjRc .slider-next .anim-icon i:last-child, .mpema-team-9VjRc .slider-prev .anim-icon i:last-child, .mpema-team-9VjRc .slider-next .anim-icon i:last-child, .mpema-team-9VjRc .slider-prev .anim-icon i:last-child {
  position: absolute;
  transform: translateX(150%);
  color: var(--tj-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-6 .slider-next, .section-6 .slider-prev, .section-project-p6AKC .slider-next, .section-project-p6AKC .slider-prev, .audio-transcription-VvRbH .slider-next, .audio-transcription-VvRbH .slider-prev, .section-blog-HQ6vZ .slider-next, .section-blog-HQ6vZ .slider-prev, .service-data-JWrrO .slider-next, .service-data-JWrrO .slider-prev, .graphic-product-slide-WJcCJ .slider-next, .graphic-product-slide-WJcCJ .slider-prev, .web-product-E0Iib .slider-next, .web-product-E0Iib .slider-prev, .mpema-project-section-3-GCB2f .slider-next, .mpema-project-section-3-GCB2f .slider-prev, .mpema-team-9VjRc .slider-next, .mpema-team-9VjRc .slider-prev, .mpema-team-9VjRc .slider-next, .mpema-team-9VjRc .slider-prev {
    width: 50px;
    height: 50px;
    font-size: 19px;
  }
}
.section-6 .slider-next .anim-icon i:last-child, .section-project-p6AKC .slider-next .anim-icon i:last-child, .audio-transcription-VvRbH .slider-next .anim-icon i:last-child, .section-blog-HQ6vZ .slider-next .anim-icon i:last-child, .service-data-JWrrO .slider-next .anim-icon i:last-child, .graphic-product-slide-WJcCJ .slider-next .anim-icon i:last-child, .web-product-E0Iib .slider-next .anim-icon i:last-child, .mpema-project-section-3-GCB2f .slider-next .anim-icon i:last-child, .mpema-team-9VjRc .slider-next .anim-icon i:last-child, .mpema-team-9VjRc .slider-next .anim-icon i:last-child {
  transform: translateX(-150%);
}
.section-6 .swiper-pagination-area, .section-project-p6AKC .swiper-pagination-area, .audio-transcription-VvRbH .swiper-pagination-area, .section-blog-HQ6vZ .swiper-pagination-area, .service-data-JWrrO .swiper-pagination-area, .graphic-product-slide-WJcCJ .swiper-pagination-area, .web-product-E0Iib .swiper-pagination-area, .mpema-project-section-3-GCB2f .swiper-pagination-area, .mpema-team-9VjRc .swiper-pagination-area, .mpema-team-9VjRc .swiper-pagination-area {
  text-align: center;
  line-height: 0;
  margin-top: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-6 .swiper-pagination-area, .section-project-p6AKC .swiper-pagination-area, .audio-transcription-VvRbH .swiper-pagination-area, .section-blog-HQ6vZ .swiper-pagination-area, .service-data-JWrrO .swiper-pagination-area, .graphic-product-slide-WJcCJ .swiper-pagination-area, .web-product-E0Iib .swiper-pagination-area, .mpema-project-section-3-GCB2f .swiper-pagination-area, .mpema-team-9VjRc .swiper-pagination-area, .mpema-team-9VjRc .swiper-pagination-area {
    margin-top: 30px;
  }
}

.mpema-service-section {
  background-color: var(--mpema-color-theme-bg);
  border-radius: 24px;
  position: relative;
  z-index: 1;
}

.mpema-service-section-2 {
  overflow: hidden;
}

.mpema-service-section-3 .sec-heading {
  max-width: 500px;
}

@media (max-width: 575px) {
  .mpema-service .service-wrapper-2 {
    margin-right: -15px;
  }
}
.mpema-service .service-item .service-img {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}
.mpema-service .service-item .service-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.mpema-service .service-item .item-count {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  line-height: 1;
  font-weight: var(--mpema-fw-medium);
  background-color: var(--mpema-color-theme-dark);
  border-bottom-left-radius: 12px;
  color: var(--mpema-color-grey-2);
  font-size: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.mpema-service .service-item .item-count::before, .mpema-service .service-item .item-count::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: -25px;
  width: 25px;
  height: 12px;
  -webkit-box-shadow: 12px 0 0 0 var(--mpema-color-theme-dark);
  box-shadow: 12px 0 0 0 var(--mpema-color-theme-dark);
  border-top-right-radius: 12px;
  z-index: -1;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
.mpema-service .service-item .item-count::after {
  top: auto;
  left: auto;
  bottom: -12px;
  right: 0;
}
.mpema-service .service-item-wrap {
  background-color: var(--mpema-color-theme-dark);
  padding: 2px;
  margin-bottom: 30px;
  border-radius: 12px;
  position: relative;
}
.mpema-service .service-item-wrap::before {
  content: "";
  position: absolute;
  background-image: linear-gradient(-220deg, rgba(255, 0, 127, 0) 50%, rgb(255, 0, 127) 80%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 12px;
}
.mpema-service .service-item-wrap:hover::before {
  opacity: 1;
  visibility: visible;
}
.mpema-service .service-item-wrap:hover .service-item.style-1 .service-link {
  border-left-color: var(--mpema-color-theme-primary);
  border-top-color: var(--mpema-color-theme-primary);
}
.mpema-service .service-item-wrap:hover .service-item.style-1 .service-link::before, .mpema-service .service-item-wrap:hover .service-item.style-1 .service-link::after {
  border-bottom-color: var(--mpema-color-theme-primary);
  border-right-color: var(--mpema-color-theme-primary);
}
.mpema-service .service-item.style-1 {
  background-color: var(--mpema-color-theme-dark);
  border-radius: 12px;
  border-bottom-right-radius: 0;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  position: relative;
}
.mpema-service .service-item.style-1 .service-img {
  max-width: 306px;
  height: 255px;
  border-top-right-radius: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-service .service-item.style-1 .service-img {
    max-width: 260px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-item.style-1 .service-img {
    max-width: 100%;
    height: 280px;
  }
}
.mpema-service .service-item.style-1 .service-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-item.style-1 .service-content {
    padding-right: 0;
  }
}
.mpema-service .service-item.style-1 .title {
  margin-bottom: 16px;
}
.mpema-service .service-item.style-1 .title a {
  display: inline-block;
}
.mpema-service .service-item.style-1 .title a:hover {
  color: var(--mpema-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-item.style-1 .title {
    margin-bottom: 25px;
  }
}
.mpema-service .service-item.style-1 .desc {
  margin-bottom: 17px;
}
.mpema-service .service-item.style-1 .desc:last-child {
  margin-bottom: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-item.style-1 .desc {
    margin-bottom: 16px;
  }
}
.mpema-service .service-item.style-1 .service-link {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 64px;
  height: 64px;
  background-color: var(--mpema-color-theme-bg);
  border-top-left-radius: 12px;
  padding: 10px;
  color: var(--mpema-color-common-white);
  font-size: 30px;
  text-align: center;
  z-index: 1;
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
}
.mpema-service .service-item.style-1 .service-link::before, .mpema-service .service-item.style-1 .service-link::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -25px;
  right: 0;
  width: 12px;
  height: 25px;
  -webkit-box-shadow: 0 12px 0 0 var(--mpema-color-theme-bg);
  box-shadow: 0 12px 0 0 var(--mpema-color-theme-bg);
  border-bottom-right-radius: 12px;
  z-index: -1;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  pointer-events: none;
}
.mpema-service .service-item.style-1 .service-link::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -12px;
}
.mpema-service .service-item.style-1 .service-link span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  overflow: hidden;
}
.mpema-service .service-item.style-1 .service-link i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  text-shadow: -56px 0 0 var(--mpema-color-theme-primary);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.mpema-service .service-item.style-1 .service-link:hover i {
  -webkit-transform: translateX(56px);
  -ms-transform: translateX(56px);
  transform: translateX(56px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-item.style-1 .service-link {
    width: 55px;
    height: 55px;
    font-size: 25px;
  }
}
.mpema-service .service-item.style-1:hover .service-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-service .service-item.style-1 {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-item.style-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px;
  }
}
.mpema-service .service-item.style-2 {
  background-color: var(--mpema-color-theme-bg);
  padding: 2px 2px 0 2px;
  border-radius: 12px;
  position: relative;
}
.mpema-service .service-item.style-2::before {
  content: "";
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgb(255, 0, 127)), color-stop(90%, rgba(255, 0, 127, 0)));
  background-image: linear-gradient(rgb(255, 0, 127) 20%, rgba(255, 0, 127, 0) 90%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 12px;
}
.mpema-service .service-item.style-2:hover::before {
  opacity: 1;
  visibility: visible;
}
.mpema-service .service-item.style-2:hover .item-count {
  border-left-color: var(--mpema-color-theme-primary);
  border-bottom-color: var(--mpema-color-theme-primary);
}
.mpema-service .service-item.style-2:hover .item-count::before, .mpema-service .service-item.style-2:hover .item-count::after {
  border-top-color: var(--mpema-color-theme-primary);
  border-right-color: var(--mpema-color-theme-primary);
}
.mpema-service .service-item.style-2:hover .item-count i {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.mpema-service .service-item.style-2 .service-inner {
  padding: 30px;
  background-color: var(--mpema-color-theme-bg);
  border-radius: 12px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-item.style-2 .service-inner {
    padding: 30px 20px;
  }
}
.mpema-service .service-item.style-2 .service-img {
  height: 300px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-service .service-item.style-2 .service-img {
    height: 260px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-item.style-2 .service-img {
    height: 220px;
  }
}
.mpema-service .service-item.style-2 .title {
  padding-right: 30px;
  margin-bottom: 18px;
}
.mpema-service .service-item.style-2 .title a:hover {
  color: var(--mpema-color-theme-primary);
}
.mpema-service .service-item.style-2 .desc {
  margin-bottom: 22px;
}
.mpema-service .service-item.style-2 .text-btn {
  position: relative;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.mpema-service .service-item.style-2 .text-btn::after, .mpema-service .service-item.style-2 .text-btn::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 0;
  left: -12px;
  width: 12px;
  height: 24px;
  -webkit-box-shadow: 0 12px 0 0 var(--mpema-color-theme-bg);
  box-shadow: 0 12px 0 0 var(--mpema-color-theme-bg);
  border-bottom-right-radius: 12px;
  z-index: -1;
}
.mpema-service .service-item.style-2 .text-btn::after {
  left: auto;
  right: -12px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 12px;
}
.mpema-service .service-item.style-2:hover .service-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.mpema-service .service-item.style-2:hover .item-count {
  color: var(--mpema-color-theme-primary);
}
.mpema-service .service-item.style-3 {
  background-color: var(--mpema-color-theme-dark);
  padding: 2px 2px 0 2px;
  border-radius: 12px;
  position: relative;
}
.mpema-service .service-item.style-3:not(:last-child) {
  margin-bottom: 30px;
}
.mpema-service .service-item.style-3::before {
  content: "";
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgb(255, 0, 127)), color-stop(90%, rgba(255, 0, 127, 0)));
  background-image: linear-gradient(rgb(255, 0, 127) 20%, rgba(255, 0, 127, 0) 90%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 12px;
}
.mpema-service .service-item.style-3:hover::before {
  opacity: 1;
  visibility: visible;
}
.mpema-service .service-item.style-3:hover .item-count {
  border-right-color: var(--mpema-color-theme-primary);
  border-bottom-color: var(--mpema-color-theme-primary);
}
.mpema-service .service-item.style-3:hover .item-count::before, .mpema-service .service-item.style-3:hover .item-count::after {
  border-top-color: var(--mpema-color-theme-primary);
  border-right-color: var(--mpema-color-theme-primary);
}
.mpema-service .service-item.style-3 .item-count {
  background-color: var(--mpema-color-theme-bg);
  left: 0;
  right: auto;
  border-left: 0;
  border-right: 2px solid transparent;
  border-radius: 0 0 12px 0;
}
.mpema-service .service-item.style-3 .item-count::before, .mpema-service .service-item.style-3 .item-count::after {
  -webkit-box-shadow: 12px 0 0 0 var(--mpema-color-theme-bg);
  box-shadow: 12px 0 0 0 var(--mpema-color-theme-bg);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  left: auto;
  right: -25px;
}
.mpema-service .service-item.style-3 .item-count::after {
  right: auto;
  left: 0;
}
.mpema-service .service-item.style-3 .service-inner {
  padding: 30px;
  background-color: var(--mpema-color-theme-dark);
  border-radius: 12px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-item.style-3 .service-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
  }
}
.mpema-service .service-item.style-3 .service-content {
  max-width: 500px;
  width: 100%;
  -webkit-padding-start: 70px;
  padding-inline-start: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-service .service-item.style-3 .service-content {
    max-width: 455px;
    -webkit-padding-start: 50px;
    padding-inline-start: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-service .service-item.style-3 .service-content {
    max-width: 310px;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-item.style-3 .service-content {
    margin-bottom: 30px;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
  }
}
.mpema-service .service-item.style-3 .title {
  margin-bottom: 18px;
}
.mpema-service .service-item.style-3 .title a:hover {
  color: var(--mpema-color-theme-primary);
}
.mpema-service .service-item.style-3 .desc {
  color: var(--mpema-color-text-body);
  margin-bottom: 20px;
}
.mpema-service .service-item.style-3 .tj-primary-btn {
  margin-top: 25px;
}
.mpema-service .service-item.style-3 .service-img {
  max-width: 490px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-service .service-item.style-3 .service-img {
    max-width: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-service .service-item.style-3 .service-img {
    max-width: 300px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-item.style-3 .service-img {
    max-width: 100%;
  }
}
.mpema-service .service-item.style-3:hover .service-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.mpema-service .service-item.style-3:hover .item-count {
  color: var(--mpema-color-theme-primary);
}
.mpema-service .list-style-2 {
  list-style: none;
}
.mpema-service .list-style-2 li {
  position: relative;
  color: var(--mpema-color-text-body);
  font-weight: var(--mpema-fw-medium);
  padding-left: 15px;
  margin-bottom: 5px;
}
.mpema-service .list-style-2 li:last-child {
  margin-bottom: 0;
}
.mpema-service .list-style-2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--mpema-color-theme-primary);
}
.mpema-service .service-btn-area {
  margin-top: 50px;
}
.mpema-service .service-bottom-btn {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mpema-service .service-bottom-btn .text-btn {
  background-color: var(--mpema-color-theme-dark);
  border-radius: 24px 24px 0 0;
  padding: 20px 30px;
}
.mpema-service .service-bottom-btn .text-btn::after, .mpema-service .service-bottom-btn .text-btn::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 0;
  left: -24px;
  width: 24px;
  height: 48px;
  -webkit-box-shadow: 0 24px 0 0 var(--mpema-color-theme-dark);
  box-shadow: 0 24px 0 0 var(--mpema-color-theme-dark);
  border-bottom-right-radius: 24px;
  z-index: -1;
  pointer-events: none;
}
.mpema-service .service-bottom-btn .text-btn::after {
  left: auto;
  right: -24px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 24px;
}
.mpema-service .service-bottom-btn .text-btn .btn-text {
  color: var(--mpema-color-theme-primary);
}
.mpema-service .service-bottom-btn .text-btn .btn-icon {
  color: var(--mpema-color-theme-primary);
}
.mpema-service .service-bottom-btn .text-btn .btn-icon span {
  text-shadow: 0 -30px 0 var(--mpema-color-theme-primary);
}
.mpema-service .service-bottom-btn .text-btn:hover .btn-icon span {
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}
.mpema-service .service-tab {
  max-width: 420px;
  width: 100%;
  gap: 14px;
  -webkit-margin-end: 30px;
  margin-inline-end: 30px;
}
.mpema-service .service-tab .nav-link,
.mpema-service .service-tab button {
  background-color: var(--mpema-color-theme-bg);
  color: var(--mpema-color-text-body);
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.03em;
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-medium);
  text-align: left;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: 15px;
  padding: 25px 30px;
  border-radius: 9px;
  border: 2px solid var(--mpema-color-theme-bg);
}
.mpema-service .service-tab .nav-link span,
.mpema-service .service-tab button span {
  background-color: var(--mpema-color-theme-dark);
  font-size: 14px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mpema-service .service-tab .nav-link.active,
.mpema-service .service-tab button.active {
  border-color: var(--mpema-color-theme-primary);
  color: var(--mpema-color-common-white);
}
.mpema-service .service-tab .nav-link.active span,
.mpema-service .service-tab button.active span {
  background-color: var(--mpema-color-theme-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-service .service-tab .nav-link,
  .mpema-service .service-tab button {
    font-size: 20px;
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-tab .nav-link,
  .mpema-service .service-tab button {
    font-size: 20px;
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-tab .nav-link,
  .mpema-service .service-tab button {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-service .service-tab {
    max-width: 320px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-tab {
    max-width: 100%;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    margin-bottom: 15px;
    background-color: transparent;
    border: 0;
  }
  .mpema-service .service-tab.active .nav-link,
  .mpema-service .service-tab.active button {
    border-color: var(--mpema-color-theme-primary);
    color: var(--mpema-color-common-white);
  }
  .mpema-service .service-tab.active .nav-link span,
  .mpema-service .service-tab.active button span {
    background-color: var(--mpema-color-theme-primary);
  }
}
.mpema-service .service-tab-content .service-item.style-3 {
  background-color: var(--mpema-color-theme-bg);
  padding: 0;
}
.mpema-service .service-tab-content .service-item.style-3::before {
  display: none;
}
.mpema-service .service-tab-content .service-item.style-3 .service-inner {
  background-color: transparent;
  padding: 15px;
}
.mpema-service .service-tab-content .service-item.style-3 .service-img {
  max-width: 405px;
  height: 458px;
}
.mpema-service .service-tab-content .service-item.style-3 .service-img img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.mpema-service .service-tab-content .service-item.style-3 .service-img img:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-service .service-tab-content .service-item.style-3 .service-img {
    height: 405px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-tab-content .service-item.style-3 .service-img {
    max-width: 100%;
    height: 300px;
  }
}
.mpema-service .service-tab-content .service-item.style-3 .service-content {
  max-width: 430px;
  -webkit-padding-start: 30px;
  padding-inline-start: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-tab-content .service-item.style-3 .service-content {
    max-width: 100%;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    margin: 30px 0 20px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-service .service-tab-content .service-item.style-3 .title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-tab-content {
    margin-top: 14px;
    padding: 0;
  }
}
.mpema-service .service-bottom-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 60px;
}
.mpema-service .service-bottom-content .desc {
  border-top: 1px solid var(--mpema-color-border-1);
  border-bottom: 1px solid var(--mpema-color-border-1);
  padding: 8px 0;
  margin: 0;
}
.mpema-service .service-bottom-content .text-btn {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-service .service-bottom-content {
    margin-top: 40px;
  }
}

/* !END: Services CSS */
.mpema-about-section {
  padding: 60px 0;
  border-top: 1px solid var(--mpema-color-border-1);
  border-bottom: 1px solid var(--mpema-color-border-1);
}

.h5-about-section {
  position: relative;
  z-index: 1;
}

.h5-about-section::before {
  content: "";
  position: absolute;
  bottom: -50%;
  right: 0;
  width: 900px;
  height: 900px;
  border-radius: 50%;
  background: var(--mpema-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: -1;
  backdrop-filter: blur(10px);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h5-about-section {
    padding-top: 70px;
  }
}
.h6-about-section {
  background-color: var(--mpema-color-theme-bg);
  border-radius: 24px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.h6-about-section::before {
  content: "";
  position: absolute;
  top: -20%;
  right: -10%;
  width: 700px;
  height: 600px;
  border-radius: 50%;
  background: var(--mpema-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: 0;
  backdrop-filter: blur(10px);
  pointer-events: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-about-section::before {
    width: 500px;
    height: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-about-section::before {
    width: 450px;
    height: 380px;
  }
}
.h7-about-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.h7-about-section::before {
  content: "";
  position: absolute;
  top: 5%;
  left: -450px;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: var(--mpema-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: -1;
  backdrop-filter: blur(10px);
}

.h7-about-section .h5-sec-heading {
  margin-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-about-section .h5-sec-heading .sec-title {
    width: 62%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-about-section .h5-sec-heading {
    margin-bottom: 40px;
  }
}
.mpema-about .about-img {
  width: 100%;
  height: 100%;
  position: relative;
}
.mpema-about .about-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}
.mpema-about .about-content-area {
  max-width: 805px;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  margin-top: 8px;
}
.mpema-about .about-content-area .sec-heading {
  margin-bottom: 40px;
}
.mpema-about .about-content-area .sec-heading .sub-title {
  margin-bottom: 30px;
}
.mpema-about .about-content-area .sec-heading .sec-title img {
  border-radius: 56px;
  height: 54px;
  position: relative;
  top: -3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .about-content-area .sec-heading .sec-title img {
    height: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .mpema-about .about-content-area .sec-heading .sec-title img {
    height: 40px;
  }
}
@media (max-width: 575px) {
  .mpema-about .about-content-area .sec-heading .sec-title img {
    height: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-content-area .sec-heading .sec-title {
    line-height: 1.2;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .about-content-area {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-content-area {
    margin-bottom: 40px;
  }
}
.mpema-about .about-content-area.style-2 {
  max-width: 645px;
  margin-top: 0;
  margin-bottom: 35px;
  padding-top: 115px;
}
.mpema-about .about-content-area.style-2 .sec-heading .sub-title {
  margin-bottom: 27px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-about .about-content-area.style-2 {
    max-width: 590px;
    padding-top: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .about-content-area.style-2 {
    max-width: 480px;
    padding-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-content-area.style-2 {
    max-width: 100%;
    padding-top: 70px;
    margin-bottom: 50px;
  }
}
.mpema-about .about-content-area.style-3 {
  margin-top: 0;
}
.mpema-about .about-content-area.style-3 .sec-heading {
  margin-bottom: 25px;
}
.mpema-about .about-content-area.style-3 .about-img {
  max-width: 492px;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
.mpema-about .about-bottom-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 88px;
  position: relative;
}
.mpema-about .about-bottom-area .list-style-1 {
  max-width: 200px;
}
@media (max-width: 575px) {
  .mpema-about .about-bottom-area {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
  }
}
.mpema-about .about-bottom-area-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-bottom-area-2 {
    gap: 20px;
  }
}
.mpema-about .about-bottom-area-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid var(--mpema-color-border-1);
  border-bottom: 1px solid var(--mpema-color-border-1);
  padding: 35px 0;
  position: relative;
}
.mpema-about .about-bottom-area-3::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 39%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 275px;
  background-color: var(--mpema-color-border-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .about-bottom-area-3::after {
    left: 40%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-bottom-area-3::after {
    display: none;
  }
}
.mpema-about .about-bottom-area-3 .experience-wrap {
  width: 39%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .about-bottom-area-3 .experience-wrap {
    width: 40%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-bottom-area-3 .experience-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
  }
}
.mpema-about .about-bottom-area-3 .about-content {
  max-width: 385px;
  width: 100%;
  -webkit-padding-start: 60px;
  padding-inline-start: 60px;
}
.mpema-about .about-bottom-area-3 .about-content .desc {
  margin-bottom: 20px;
}
.mpema-about .about-bottom-area-3 .about-content .mpema-primary-btn {
  margin-top: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-about .about-bottom-area-3 .about-content {
    -webkit-padding-start: 50px;
    padding-inline-start: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .about-bottom-area-3 .about-content {
    max-width: 300px;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-bottom-area-3 .about-content {
    max-width: 100%;
    padding: 30px 0 0 0;
    border-top: 1px solid var(--mpema-color-border-1);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-bottom-area-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 35px;
  }
}
.mpema-about .list-style-1 {
  list-style: none;
}
.mpema-about .list-style-1 li {
  position: relative;
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-medium);
  padding-left: 22px;
  margin-bottom: 5px;
}
.mpema-about .list-style-1 li:last-child {
  margin-bottom: 0;
}
.mpema-about .list-style-1 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--mpema-color-theme-primary);
}
.mpema-about .list-style-1 li::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--mpema-color-theme-primary);
}
.mpema-about .about-btn {
  width: 162px;
  height: 162px;
  border-radius: 50%;
  color: var(--mpema-color-common-white);
  font-weight: var(--mpema-fw-sbold);
  background-color: var(--mpema-color-theme-primary);
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mpema-about .about-btn .text-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mpema-about .about-btn .btn-text {
  color: var(--mpema-color-common-white);
  max-width: 87px;
}
.mpema-about .about-btn .btn-icon {
  color: var(--mpema-color-common-white);
  font-size: 22px;
  overflow: hidden;
}
.mpema-about .about-btn .btn-icon span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-transform: rotate(-45deg) translateX(0);
  -ms-transform: rotate(-45deg) translateX(0);
  transform: rotate(-45deg) translateX(0);
  text-shadow: -25px 0 0;
}
.mpema-about .about-btn .btn-icon span i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.mpema-about .about-btn img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.4;
  mix-blend-mode: luminosity;
}
.mpema-about .about-btn:hover .btn-icon span {
  -webkit-transform: rotate(-45deg) translateX(25px);
  -ms-transform: rotate(-45deg) translateX(25px);
  transform: rotate(-45deg) translateX(25px);
}
.mpema-about .video-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px;
}
.mpema-about .video-btn .video-icon {
  color: var(--mpema-color-theme-dark);
  background: var(--mpema-color-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 15px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.mpema-about .video-btn .video-icon i {
  margin-left: 2px;
}
.mpema-about .video-btn .video-text {
  color: var(--mpema-color-text-body);
  font-size: 16px;
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-medium);
  letter-spacing: -0.03em;
}
.mpema-about .video-btn:hover {
  color: var(--mpema-color-common-white);
}
.mpema-about .about-wrapper {
  background-color: var(--mpema-color-theme-bg);
  border-radius: 24px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-wrapper {
    border-radius: 16px;
  }
}
.mpema-about .about-area {
  position: relative;
  z-index: 1;
}
.mpema-about .about-img-area {
  width: 47.5%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 20px 20px 0;
  background-color: var(--mpema-color-theme-dark);
  border-radius: 0 0 24px 0;
}
.mpema-about .about-img-area::after, .mpema-about .about-img-area::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  right: -50px;
  width: 50px;
  height: 24px;
  -webkit-box-shadow: 24px 0 0 0 var(--mpema-color-theme-dark);
  box-shadow: 24px 0 0 0 var(--mpema-color-theme-dark);
  border-top-right-radius: 24px;
  z-index: -1;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-img-area::after, .mpema-about .about-img-area::before {
    border-radius: 0 16px 0 0;
  }
}
.mpema-about .about-img-area::after {
  top: auto;
  right: auto;
  bottom: -24px;
  left: 0;
}
.mpema-about .about-img-area .about-img img {
  border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-img-area .about-img img {
    border-radius: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-about .about-img-area {
    width: 45.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-img-area {
    position: relative;
    width: 90%;
    padding: 20px 20px 20px 0;
    border-radius: 0 16px 16px 0;
  }
  .mpema-about .about-img-area::before {
    top: -24px;
    left: 0;
    border-top-right-radius: 24px;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
  }
}
.mpema-about .company-logo {
  width: 195px;
  height: 195px;
  background-color: var(--mpema-color-theme-primary);
  border-radius: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.mpema-about .company-logo img {
  max-width: 100px;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-about .company-logo img {
    max-width: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .company-logo img {
    max-width: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-about .company-logo {
    width: 180px;
    height: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-about .company-logo {
    width: 160px;
    height: 160px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .company-logo {
    width: 140px;
    height: 140px;
  }
}
.mpema-about .mission-vision-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .mission-vision-wrap {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.mpema-about .mission-vision-box {
  background-color: var(--mpema-color-theme-dark);
  border-radius: 12px;
  padding: 24px 30px;
  margin-bottom: 20px;
}
.mpema-about .mission-vision-box:last-child {
  margin-bottom: 0;
}
.mpema-about .mission-vision-box .title {
  font-weight: var(--mpema-fw-sbold);
  margin-bottom: 18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .mission-vision-box .title {
    margin-bottom: 15px;
  }
}
.mpema-about .mission-vision-box .desc:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .mission-vision-box {
    padding: 24px 20px;
  }
}
.mpema-about .about-content-area-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 85px;
}
.mpema-about .about-content-area-2 .about-content {
  max-width: 550px;
  margin-left: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-about .about-content-area-2 .about-content {
    max-width: 440px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-about .about-content-area-2 .about-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-content-area-2 .about-content {
    width: calc(100% - 130px);
    margin-left: 0;
  }
}
.mpema-about .about-content-area-2 .sec-heading {
  margin-bottom: 27px;
}
.mpema-about .about-content-area-2 .video-img {
  max-width: 120px;
}
.mpema-about .about-content-area-2 .video-img::before {
  opacity: 0.15;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-content-area-2 .video-img {
    max-width: 100px;
  }
}
.mpema-about .about-content-area-2 .video-btn:hover {
  -webkit-transform: translate(-50%, -50%) scale(0.9);
  -ms-transform: translate(-50%, -50%) scale(0.9);
  transform: translate(-50%, -50%) scale(0.9);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .about-content-area-2 {
    gap: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-content-area-2 {
    gap: 20px;
  }
}
.mpema-about .experience-year {
  color: var(--mpema-color-theme-primary);
  font-size: 254px;
  line-height: 0.8;
  letter-spacing: -0.03em;
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-regular);
  margin-bottom: 25px;
}
.mpema-about .experience-year sup {
  font-size: 0.189em;
  vertical-align: top;
  top: 0.35em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-about .experience-year {
    font-size: 230px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .experience-year {
    font-size: 190px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .experience-year {
    font-size: 170px;
    margin-bottom: 0;
  }
}
.mpema-about .experience-text {
  max-width: 160px;
  width: 100%;
  font-size: 16px;
  line-height: 1.375;
  color: var(--mpema-color-text-body);
  margin-bottom: 0;
}
.mpema-about .about-img-area-2 {
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-about .about-img-area-2 {
    height: 450px;
  }
}
.mpema-about .about-img-area-2 .about-img {
  max-width: 492px;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-img-area-2 .about-img {
    max-width: 100%;
  }
}
.mpema-about .about-img-area-2 .video-wrap {
  background-color: var(--mpema-color-theme-dark);
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 16px 0 0 16px;
  border-radius: 12px 0 0 0;
  z-index: 1;
}
.mpema-about .about-img-area-2 .video-wrap::before, .mpema-about .about-img-area-2 .video-wrap::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -25px;
  right: 0;
  width: 12px;
  height: 25px;
  -webkit-box-shadow: 0 12px 0 0 var(--mpema-color-theme-dark);
  box-shadow: 0 12px 0 0 var(--mpema-color-theme-dark);
  border-bottom-right-radius: 12px;
  z-index: -1;
  pointer-events: none;
}
.mpema-about .about-img-area-2 .video-wrap::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -12px;
}
.mpema-about .about-img-area-2 .video-btn {
  background-color: var(--mpema-color-theme-bg);
  border-radius: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 15px;
}
.mpema-about .about-img-area-2 .video-btn .video-icon {
  -webkit-animation: pulse3 2s linear infinite;
  animation: pulse3 2s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-img-area-2 .video-btn .video-icon {
    width: 50px;
    height: 50px;
  }
}
.mpema-about .about-img-area-2 .video-btn .video-text {
  height: 105px;
  -webkit-writing-mode: sideways-lr;
  -ms-writing-mode: sideways-lr;
  writing-mode: sideways-lr;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-about .about-img-area-2 .video-btn .video-text {
    width: 105px;
    height: auto;
    -webkit-writing-mode: inherit;
    -ms-writing-mode: inherit;
    writing-mode: inherit;
  }
}
.mpema-about .about-img-area-2 .video-btn:hover .video-icon {
  background-color: var(--mpema-color-theme-primary);
  color: var(--mpema-color-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-about .about-img-area-2 .video-btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.mpema-about .h5-sec-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}
.mpema-about .h5-sec-heading .sub-title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
.mpema-about .h5-sec-heading .sec-title {
  width: 58.5%;
}
.mpema-about .h5-sec-heading .sec-title span {
  color: inherit;
  -webkit-padding-start: 135px;
  padding-inline-start: 135px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-about .h5-sec-heading .sec-title span {
    -webkit-padding-start: 100px;
    padding-inline-start: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .h5-sec-heading .sec-title span {
    -webkit-padding-start: 80px;
    padding-inline-start: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h5-sec-heading .sec-title span {
    -webkit-padding-start: 70px;
    padding-inline-start: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h5-sec-heading .sec-title {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .mpema-about .h5-sec-heading {
    margin-bottom: 35px;
  }
}
.mpema-about .h5-about {
  background-color: var(--mpema-color-theme-dark);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.mpema-about .h5-about-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h5-about-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.mpema-about .h5-about-content {
  width: 58.5%;
}
.mpema-about .h5-about-content .desc {
  margin-bottom: 0;
}
.mpema-about .h5-about-content .about-btn-area-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h5-about-content .about-btn-area-2 {
    gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h5-about-content {
    width: 100%;
  }
}
.mpema-about .h5-about-img {
  max-width: 368px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-about .h5-about-img {
    max-width: 330px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .h5-about-img {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h5-about-img {
    margin: 40px auto 0;
  }
}
@media (max-width: 400px) {
  .mpema-about .h5-about-img {
    max-width: 200px;
  }
}
.mpema-about .h5-about-funfact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 460px;
  width: 100%;
  margin-bottom: 60px;
}
.mpema-about .h5-about-funfact .countup-item {
  padding: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.mpema-about .h5-about-funfact .countup-item:not(:last-child) {
  -webkit-padding-end: 58px;
  padding-inline-end: 58px;
  border-right: 1px solid var(--mpema-color-border-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .h5-about-funfact .countup-item:not(:last-child) {
    -webkit-padding-end: 30px;
    padding-inline-end: 30px;
  }
}
.mpema-about .h5-about-funfact .countup-item:not(:first-child) {
  -webkit-padding-start: 60px;
  padding-inline-start: 60px;
  position: relative;
  z-index: 0;
}
.mpema-about .h5-about-funfact .countup-item .count-text {
  max-width: 205px;
  font-size: 16px;
  font-family: var(--mpema-ff-body);
  font-weight: normal;
  color: var(--mpema-color-text-body);
}
.mpema-about .h5-about-funfact .countup-item .inline-content {
  font-size: 68px;
  color: var(--mpema-color-heading-primary);
  margin-bottom: 15px;
}
.mpema-about .h5-about-funfact .countup-item .inline-content .odometer {
  color: var(--mpema-color-heading-primary);
}
.mpema-about .h5-about-funfact .countup-item .inline-content .odometer .odometer-digit,
.mpema-about .h5-about-funfact .countup-item .inline-content .odometer span {
  color: var(--mpema-color-heading-primary);
}
@media (max-width: 575px) {
  .mpema-about .h5-about-funfact .countup-item .inline-content {
    margin-bottom: 5px;
  }
}
@media (max-width: 575px) {
  .mpema-about .h5-about-funfact .countup-item {
    width: 100%;
    text-align: start;
  }
  .mpema-about .h5-about-funfact .countup-item:not(:last-child) {
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    padding-bottom: 30px;
    border-right: 0;
    border-bottom: 1px solid var(--mpema-color-border-1);
  }
  .mpema-about .h5-about-funfact .countup-item:not(:first-child) {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    padding-top: 25px;
  }
}
@media (max-width: 575px) {
  .mpema-about .h5-about-funfact {
    max-width: 100%;
    margin-bottom: 35px;
  }
}
.mpema-about .h5-marquee-area {
  position: relative;
  z-index: -1;
  margin-top: -153px;
  pointer-events: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .h5-marquee-area {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h5-marquee-area {
    margin-top: -80px;
  }
}
.mpema-about .h6-about-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mpema-about .h6-about-funfact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 460px;
  width: 100%;
  margin-bottom: 60px;
}
.mpema-about .h6-about-funfact .countup-item {
  padding: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.mpema-about .h6-about-funfact .countup-item:not(:last-child) {
  -webkit-padding-end: 58px;
  padding-inline-end: 58px;
  border-right: 1px solid var(--mpema-color-border-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .h6-about-funfact .countup-item:not(:last-child) {
    -webkit-padding-end: 30px;
    padding-inline-end: 30px;
  }
}
.mpema-about .h6-about-funfact .countup-item:not(:first-child) {
  -webkit-padding-start: 60px;
  padding-inline-start: 60px;
  position: relative;
  z-index: 0;
}
.mpema-about .h6-about-funfact .countup-item .count-text {
  max-width: 205px;
  font-size: 16px;
  font-family: var(--mpema-ff-body);
  font-weight: normal;
  color: var(--mpema-color-text-body);
}
.mpema-about .h6-about-funfact .countup-item .inline-content {
  font-size: 68px;
  color: var(--mpema-color-heading-primary);
  margin-bottom: 15px;
}
.mpema-about .h6-about-funfact .countup-item .inline-content .odometer {
  color: var(--mpema-color-heading-primary);
}
.mpema-about .h6-about-funfact .countup-item .inline-content .odometer .odometer-digit,
.mpema-about .h6-about-funfact .countup-item .inline-content .odometer span {
  color: var(--mpema-color-heading-primary);
}
@media (max-width: 575px) {
  .mpema-about .h6-about-funfact .countup-item .inline-content {
    margin-bottom: 5px;
  }
}
@media (max-width: 575px) {
  .mpema-about .h6-about-funfact .countup-item {
    width: 100%;
    text-align: start;
  }
  .mpema-about .h6-about-funfact .countup-item:not(:last-child) {
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    padding-bottom: 30px;
    border-right: 0;
    border-bottom: 1px solid var(--mpema-color-border-1);
  }
  .mpema-about .h6-about-funfact .countup-item:not(:first-child) {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    padding-top: 25px;
  }
}
@media (max-width: 575px) {
  .mpema-about .h6-about-funfact {
    max-width: 100%;
    margin-bottom: 35px;
  }
}
.mpema-about .about-content-area.style-4 {
  max-width: 760px;
  margin-top: 0;
}
.mpema-about .about-content-area.style-4 .sec-heading {
  margin-bottom: 20px;
}
.mpema-about .about-content-area.style-4 .sec-heading .sub-title {
  background-color: var(--mpema-color-theme-dark);
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-about .about-content-area.style-4 {
    max-width: 650px;
    padding-left: 0;
  }
}
.mpema-about .about-bottom-area-4 {
  background-color: var(--mpema-color-theme-dark);
  border-radius: 12px;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 78px;
}
.mpema-about .about-bottom-area-4 .about-content {
  max-width: 333px;
}
.mpema-about .about-bottom-area-4 .about-content .desc {
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-bottom-area-4 .about-content {
    max-width: 100%;
  }
}
.mpema-about .about-bottom-area-4 .mpema-primary-btn {
  margin: 30px 0 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-about .about-bottom-area-4 {
    gap: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-bottom-area-4 {
    gap: 40px;
  }
}
.mpema-about .h6-customers-box {
  border-left: 1px solid var(--mpema-color-border-1);
  padding-left: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.mpema-about .h6-customers-box .countup-item {
  -webkit-writing-mode: sideways-lr;
  -ms-writing-mode: sideways-lr;
  writing-mode: sideways-lr;
}
.mpema-about .h6-customers-box .countup-item .inline-content {
  font-size: 72px;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h6-customers-box .countup-item .inline-content {
    font-size: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h6-customers-box .countup-item {
    margin-top: 50px;
    -webkit-writing-mode: unset;
    -ms-writing-mode: unset;
    writing-mode: unset;
  }
}
.mpema-about .h6-customers-box .count-text {
  color: var(--mpema-color-text-body);
  font-size: 16px;
  font-weight: var(--mpema-ff-body);
  font-family: var(--mpema-fw-regular);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h6-customers-box {
    width: 100%;
    min-height: 200px;
    padding-left: 0;
    border-left: 0;
    padding-top: 40px;
    border-top: 1px solid var(--mpema-color-border-1);
  }
}
.mpema-about .h6-about-img {
  width: 43.2%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.mpema-about .h6-about-img img {
  border-radius: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-about .h6-about-img {
    width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h6-about-img {
    width: 100%;
  }
}
.mpema-about .h7-about-content {
  width: 52.5%;
  margin-top: -6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-about .h7-about-content {
    width: 57%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h7-about-content {
    width: 100%;
  }
}
.mpema-about .h7-about-img {
  max-width: 382px;
  margin-top: -45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-about .h7-about-img {
    max-width: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .h7-about-img {
    max-width: 320px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h7-about-img {
    margin: 40px auto 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .h7-about-img {
    max-width: 430px;
  }
}
@media (max-width: 400px) {
  .mpema-about .h7-about-img {
    max-width: 250px;
  }
}
.mpema-about .about-slider-wrap {
  background-color: var(--mpema-color-theme-bg);
  border-radius: 12px;
  padding: 30px 146px 30px 30px;
  position: relative;
}
.mpema-about .about-slider-wrap .slider-navigation-3 {
  position: absolute;
  right: 30px;
  bottom: 30px;
  gap: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .mpema-about .about-slider-wrap .slider-navigation-3 {
    right: 20px;
  }
}
@media (max-width: 575px) {
  .mpema-about .about-slider-wrap .slider-navigation-3 {
    position: unset;
    margin-top: 30px;
  }
}
.mpema-about .about-slider-wrap .count-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  font-size: 20px;
  background-color: var(--mpema-color-theme-dark);
  border-bottom-left-radius: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.mpema-about .about-slider-wrap .count-icon i {
  -webkit-animation: rotateClock 3s linear infinite;
  animation: rotateClock 3s linear infinite;
}
.mpema-about .about-slider-wrap .count-icon::before, .mpema-about .about-slider-wrap .count-icon::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: -25px;
  width: 25px;
  height: 12px;
  -webkit-box-shadow: 12px 0 0 0 var(--mpema-color-theme-dark);
  box-shadow: 12px 0 0 0 var(--mpema-color-theme-dark);
  border-top-right-radius: 12px;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.mpema-about .about-slider-wrap .count-icon::after {
  top: auto;
  left: auto;
  bottom: -12px;
  right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-slider-wrap .count-icon {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .mpema-about .about-slider-wrap {
    padding: 30px 135px 30px 20px;
  }
}
@media (max-width: 575px) {
  .mpema-about .about-slider-wrap {
    padding: 30px 20px;
  }
}
.mpema-about .about-item .title {
  margin-bottom: 18px;
}
.mpema-about .about-item .desc {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 0;
}
.mpema-about .about-item .mpema-secondary-btn,
.mpema-about .about-item .mpema-primary-btn {
  margin-top: 25px;
}
.mpema-about .about-pagination {
  margin: 40px 0 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-about .about-pagination {
    margin: 30px 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-about .about-pagination {
    margin: 0 0 30px;
  }
}

.mpema--project-section {
  position: relative;
}

.mpema--project-section-2 {
  background-color: var(--mpema-color-theme-bg);
  border-radius: 24px;
  position: relative;
  z-index: 1;
}

.mpema--project-section-2 .content-wrap {
  max-width: 330px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project-section-2 .content-wrap {
    max-width: 100%;
  }
}
.h6-project-heading {
  max-width: 850px;
  margin-bottom: 60px;
}

.h6-project-heading .sec-title {
  font-size: 84px;
  line-height: 1.05;
  background: linear-gradient(150deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.25) 80%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h6-project-heading .sec-title {
    font-size: 74px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h6-project-heading .sec-title {
    font-size: 64px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h6-project-heading .sec-title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-project-heading .sec-title {
    font-size: 44px;
  }
}
@media (max-width: 400px) {
  .h6-project-heading .sec-title {
    font-size: 36px;
  }
}
.h6-project-heading .mpema-primary-btn {
  margin-top: 25px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h6-project-heading {
    margin-bottom: 40px;
  }
}
.h7-project-section {
  position: relative;
  z-index: 1;
  padding-bottom: 80px;
}

.h8-project-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.h8-project-section::before {
  content: "";
  position: absolute;
  top: 100px;
  left: -350px;
  width: 600px;
  height: 900px;
  border-radius: 50%;
  background: var(--mpema-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  backdrop-filter: blur(10px);
  opacity: 0.2;
  z-index: -1;
  pointer-events: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-project-section::before {
    top: 150px;
    left: -400px;
    height: 800px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-project-section::before {
    top: 150px;
    left: -470px;
    height: 700px;
  }
}
.mpema-project {
  /* !END: Project CSS */
  /* !END: Project CSS */
}
.mpema-project .project-slider {
  overflow: inherit;
}
.mpema-project .project-wrapper-2 {
  max-width: 834px;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}
.mpema-project .project-wrapper-3 {
  padding: 0 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .project-wrapper-3 {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-wrapper-3 {
    padding: 0 15px;
  }
}
.mpema-project .project-item {
  background-color: var(--mpema-color-theme-bg);
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  padding: 15px;
}
.mpema-project .project-item .project-img {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  -webkit-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
}
.mpema-project .project-item .project-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
  object-position: 0% 0%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item .project-img {
    height: 280px;
  }
}
.mpema-project .project-item .project-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 25px 15px 10px;
}
@media (max-width: 575px) {
  .mpema-project .project-item .project-content {
    padding: 20px 5px 5px;
  }
}
.mpema-project .project-item .title {
  color: var(--mpema-color-common-white);
  max-width: 350px;
  width: 100%;
  margin-bottom: 0;
}
.mpema-project .project-item .title a {
  display: inline-block;
}
.mpema-project .project-item .title a:hover {
  color: var(--mpema-color-theme-primary);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .mpema-project .project-item .title {
    width: calc(100% - 60px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item .title {
    max-width: 100%;
    width: calc(100% - 60px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item .title {
    width: calc(100% - 50px);
  }
}
.mpema-project .project-item .categories {
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 0 10px 10px 0;
  background-color: var(--mpema-color-theme-bg);
  border-radius: 0 0 12px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item .icon-btn {
    width: 45px;
    height: 45px;
    font-size: 22px;
  }
}
.mpema-project .project-item:hover .project-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.mpema-project .project-item:hover .icon-btn {
  background-color: var(--mpema-color-theme-primary);
}
.mpema-project .project-item.style-2 {
  background-color: var(--mpema-color-theme-dark);
  padding: 30px 30px 0 30px;
  margin-bottom: 30px;
  border-top-left-radius: 0;
}
.mpema-project .project-item.style-2:last-child {
  margin-bottom: 0;
}
.mpema-project .project-item.style-2 .categories {
  left: 0;
  top: 0;
}
.mpema-project .project-item.style-2 .project-content {
  padding: 0 0 24px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-2 .project-content {
    padding: 0 0 16px;
  }
}
.mpema-project .project-item.style-2 .title {
  max-width: 450px;
  padding-top: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-2 .title {
    max-width: calc(100% - 65px);
  }
}
.mpema-project .project-item.style-2 .icon-btn {
  background-color: var(--mpema-color-theme-bg);
  width: 60px;
  height: 60px;
  margin-bottom: 3px;
}
.mpema-project .project-item.style-2 .icon-btn i {
  color: var(--mpema-color-theme-primary);
}
.mpema-project .project-item.style-2 .icon-btn:hover {
  background-color: var(--mpema-color-theme-primary);
}
.mpema-project .project-item.style-2 .icon-btn:hover i {
  color: var(--mpema-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-2 .icon-btn {
    width: 55px;
    height: 55px;
  }
}
.mpema-project .project-item.style-2 .project-img {
  height: 0;
  border-radius: 16px;
  -webkit-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
}
.mpema-project .project-item.style-2 .project-img img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.mpema-project .project-item.style-2 .project-img img:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .project-item.style-2 .project-img {
    height: 320px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-2 .project-img {
    height: 280px;
    margin-bottom: 20px;
  }
}
.mpema-project .project-item.style-2.active .project-img {
  height: 373px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .project-item.style-2.active .project-img {
    height: 320px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-2.active .project-img {
    height: 280px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-2 {
    padding: 30px 20px 0 20px;
    margin-bottom: 20px;
  }
}
.mpema-project .project-item.style-3 {
  padding: 30px 30px 25px 30px;
  border-radius: 16px;
}
.mpema-project .project-item.style-3 .categories {
  padding: 0;
  border-radius: 0;
  position: unset;
  margin-bottom: 12px;
}
.mpema-project .project-item.style-3 .categories::before, .mpema-project .project-item.style-3 .categories::after {
  display: none;
}
.mpema-project .project-item.style-3 .project-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  padding: 30px 0 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-3 .project-content {
    padding: 20px 0 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .project-item.style-3 .title {
    max-width: 100%;
    width: calc(100% - 50px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-project .project-item.style-3 .title {
    font-size: 20px;
  }
}
.mpema-project .project-item.style-3 .project-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background-color: var(--mpema-color-theme-dark);
  padding: 30px 0 0 30px;
  border-radius: 60px 0 0 0;
  z-index: 1;
}
.mpema-project .project-item.style-3 .project-btn::after, .mpema-project .project-item.style-3 .project-btn::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -48px;
  right: 0;
  width: 24px;
  height: 48px;
  -webkit-box-shadow: 0 24px 0 0 var(--mpema-color-theme-dark);
  box-shadow: 0 24px 0 0 var(--mpema-color-theme-dark);
  border-bottom-right-radius: 24px;
  z-index: -1;
  pointer-events: none;
}
.mpema-project .project-item.style-3 .project-btn::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -24px;
}
.mpema-project .project-item.style-3 .project-btn .icon-btn {
  background-color: var(--mpema-color-theme-primary);
  overflow: hidden;
  text-shadow: -45px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mpema-project .project-item.style-3 .project-btn .icon-btn i {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.mpema-project .project-item.style-3 .project-btn .icon-btn:hover {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-3 .project-btn {
    padding: 20px 0 0 20px;
    border-radius: 40px 0 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .project-item.style-3 .project-btn {
    padding: 25px 0 0 25px;
    border-radius: 55px 0 0 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-3 {
    padding: 20px;
  }
}
.mpema-project .project-item.style-3:hover .icon-btn i {
  -webkit-transform: translateX(45px);
  -ms-transform: translateX(45px);
  transform: translateX(45px);
}
.mpema-project .categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 10px 10px 0;
  background-color: var(--mpema-color-theme-bg);
  position: relative;
  z-index: 1;
}
.mpema-project .categories::after, .mpema-project .categories::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  right: -25px;
  width: 25px;
  height: 12px;
  -webkit-box-shadow: 12px 0 0 0 var(--mpema-color-theme-bg);
  box-shadow: 12px 0 0 0 var(--mpema-color-theme-bg);
  border-radius: 0 12px 0 0;
  z-index: -1;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.mpema-project .categories::after {
  top: auto;
  right: auto;
  bottom: -12px;
  left: 0;
}
.mpema-project .categories a {
  background-color: var(--mpema-color-theme-dark);
  font-size: 16px;
  line-height: 1;
  color: var(--mpema-color-theme-primary);
  font-weight: var(--mpema-fw-medium);
  padding: 5px 10px 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  border-radius: 8px;
}
.mpema-project .categories a:hover {
  background-color: var(--mpema-color-theme-primary);
  color: var(--mpema-color-common-white);
}
.mpema-project .project-wrapper-3 {
  padding: 0 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .project-wrapper-3 {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-wrapper-3 {
    padding: 0 15px;
  }
}
.mpema-project .project-item.style-4 {
  padding: 0;
  min-height: 560px;
}
.mpema-project .project-item.style-4 .project-img {
  position: absolute;
  height: 100%;
  width: 100%;
}
.mpema-project .project-item.style-4 .project-content {
  background-color: var(--mpema-color-theme-dark);
  padding: 30px 20px;
  margin: 15px;
  border-radius: 10px;
  position: absolute;
  bottom: -50px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.mpema-project .project-item.style-4 .project-content:hover .icon-btn i {
  -webkit-transform: translateX(45px);
  -ms-transform: translateX(45px);
  transform: translateX(45px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-4 .project-content {
    padding: 20px 15px;
    margin: 10px;
  }
}
.mpema-project .project-item.style-4 .title {
  width: calc(100% - 70px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-project .project-item.style-4 .title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .project-item.style-4 .title {
    max-width: 100%;
    width: calc(100% - 50px);
  }
}
.mpema-project .project-item.style-4 .icon-btn {
  width: 48px;
  height: 48px;
  font-size: 21px;
  background-color: var(--mpema-color-theme-primary);
  overflow: hidden;
  text-shadow: -45px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mpema-project .project-item.style-4 .icon-btn i {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.mpema-project .project-item.style-4 .icon-btn:hover {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.mpema-project .project-item.style-4 .categories {
  padding: 0;
  border-radius: 0;
  position: unset;
  margin-bottom: 12px;
  background-color: transparent;
}
.mpema-project .project-item.style-4 .categories::before, .mpema-project .project-item.style-4 .categories::after {
  display: none;
}
.mpema-project .project-item.style-4 .categories a {
  background-color: var(--mpema-color-theme-bg);
}
.mpema-project .project-item.style-4 .categories a:hover {
  background-color: var(--mpema-color-theme-primary);
  color: var(--mpema-color-common-white);
}
.mpema-project .project-item.style-4:hover .project-content {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-project .project-item.style-4 {
    min-height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .mpema-project .project-item.style-4 {
    min-height: 470px;
  }
}
@media (max-width: 575px) {
  .mpema-project .project-item.style-4 {
    min-height: 400px;
  }
}
.mpema-project .project-wrapper-4 .swiper-slide-active .project-item.style-5 {
  margin-top: 0;
  opacity: 1;
}
.mpema-project .project-item.style-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 60px;
  padding: 15px;
  margin-top: 80px;
  opacity: 0.38;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 768px) {
  .mpema-project .project-item.style-5 {
    padding: 15px;
    margin: 0;
    gap: 0px;
    width: 100%;
  }
  .mpema-project .project-item.style-5 .project-img {
    padding: 0;
    margin: 0;
    gap: 0px;
    width: 100%;
  }
  .mpema-project .project-item.style-5 .project-content {
    padding: 0px 0;
  }
}
.mpema-project .project-item.style-5 .project-img {
  max-width: 600px;
  width: 100%;
  height: 543px;
}
.mpema-project .project-item.style-5 .project-img a img {
  object-position: 50% 0%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-project .project-item.style-5 .project-img {
    height: 480px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .project-item.style-5 .project-img {
    height: 420px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mpema-project .project-item.style-5 .project-img {
    height: 400px;
  }
}
@media (max-width: 575px) {
  .mpema-project .project-item.style-5 .project-img {
    height: 280px;
  }
}
.mpema-project .project-item.style-5 .project-content {
  max-width: 532px;
  width: 100%;
  padding: 60px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .project-item.style-5 .project-content {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-5 .project-content {
    padding: 20px 0;
  }
}
.mpema-project .project-item.style-5 .title {
  max-width: 532px;
  width: 100%;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-project .project-item.style-5 .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-project .project-item.style-5 .title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .project-item.style-5 .title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-5 .title {
    font-size: 26px;
  }
}
.mpema-project .project-item.style-5 .desc {
  margin-bottom: 0;
}
.mpema-project .project-item.style-5 .text-btn.style-2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-5 .text-btn.style-2 {
    margin-top: 20px;
  }
}
.mpema-project .project-item.style-5 .text-btn.style-2 .btn-text {
  color: var(--mpema-color-common-white);
}
.mpema-project .project-item.style-5 .text-btn.style-2 .btn-text span {
  text-shadow: 0 30px 0;
}
.mpema-project .project-item.style-5 .text-btn.style-2 .btn-icon {
  width: 56px;
  height: 56px;
  font-size: 29px;
}
.mpema-project .project-item.style-5 .text-btn.style-2 .btn-icon span {
  text-shadow: -50px 0 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-5 .text-btn.style-2 .btn-icon {
    width: 50px;
    height: 50px;
    font-size: 26px;
  }
}
.mpema-project .project-item.style-5 .text-btn.style-2:hover .btn-icon span {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}
.mpema-project .project-item.style-5 .categories {
  padding: 0;
  border-radius: 0;
  position: unset;
  margin-bottom: 20px;
  background-color: transparent;
}
.mpema-project .project-item.style-5 .categories::before, .mpema-project .project-item.style-5 .categories::after {
  display: none;
}
.mpema-project .project-item.style-5 .project-logo {
  max-width: 179px;
  position: absolute;
  right: 30px;
  bottom: 30px;
  opacity: 0.4;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .project-item.style-5 .project-logo {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-project .project-item.style-5 {
    gap: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .project-item.style-5 {
    gap: 30px;
    margin-top: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mpema-project .project-item.style-5 {
    gap: 25px;
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .mpema-project .project-item.style-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 40px;
  }
}
.mpema-project .nav-pagination-wrap {
  position: relative;
  z-index: 2;
  margin-top: -20px;
}
.mpema-project .nav-pagination-wrap .slider-next,
.mpema-project .nav-pagination-wrap .slider-prev {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.mpema-project .nav-pagination-wrap .swiper-pagination-area {
  margin: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .nav-pagination-wrap {
    margin-top: 0;
  }
}
.mpema-project .h7-project-area {
  background-color: var(--mpema-color-theme-bg);
  border-radius: 24px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.mpema-project .h7-project-area::before {
  content: "";
  position: absolute;
  top: -400px;
  right: -350px;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  background: var(--mpema-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  backdrop-filter: blur(10px);
  opacity: 0.2;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-project .h7-project-area::before {
    top: -300px;
    right: -300px;
    width: 600px;
    height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .h7-project-area::before {
    top: -200px;
    right: -200px;
    width: 400px;
    height: 400px;
  }
}
.mpema-project .h7-project-area .sec-heading .sec-title {
  max-width: 1025px;
}
.mpema-project .h7-project-item-wrap {
  background-color: var(--mpema-color-theme-dark);
  margin: 0 0 30px 0;
  border-radius: 12px;
}
.mpema-project .h7-project-item.style-5 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--mpema-color-theme-dark);
  opacity: 1;
  margin: 0;
  -webkit-transition: none;
  transition: none;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-project .h7-project-item.style-5 .project-img {
    height: 450px;
  }
}
.mpema-project .h7-project-item.style-5 .project-content {
  -webkit-margin-start: 45px;
  margin-inline-start: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-project .h7-project-item.style-5 .project-content {
    -webkit-margin-start: 25px;
    margin-inline-start: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .h7-project-item.style-5 .project-content {
    -webkit-margin-start: 15px;
    margin-inline-start: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .h7-project-item.style-5 .project-content {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }
}
.mpema-project .h7-project-item.style-5 .title {
  max-width: 532px;
  width: 100%;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-project .h7-project-item.style-5 .title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-project .h7-project-item.style-5 .title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .h7-project-item.style-5 .title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .h7-project-item.style-5 .title {
    font-size: 26px;
  }
}
.mpema-project .h7-project-item.style-5 .categories a {
  border: 1px solid var(--mpema-color-border-1);
  border-radius: 22px;
}
.mpema-project .h7-project-item.style-5 .mpema-secondary-btn,
.mpema-project .h7-project-item.style-5 .mpema-primary-btn {
  margin-top: 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-project .h7-project-item.style-5 {
    gap: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .h7-project-item.style-5 {
    gap: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .h7-project-item.style-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
  }
}
.mpema-project .h7-project-text-circle {
  bottom: -10px;
}
.mpema-project .h7-project-text-circle::after, .mpema-project .h7-project-text-circle::before {
  bottom: 90px;
  left: -24px;
  width: 24px;
  height: 48px;
  -webkit-box-shadow: 0 24px 0 0 var(--mpema-color-theme-dark);
  box-shadow: 0 24px 0 0 var(--mpema-color-theme-dark);
  border-radius: 0 0 24px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .h7-project-text-circle::after, .mpema-project .h7-project-text-circle::before {
    left: -16px;
  }
}
.mpema-project .h7-project-text-circle::after {
  left: auto;
  right: -24px;
  border-radius: 0 0 0 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .h7-project-text-circle::after {
    right: -16px;
  }
}
.mpema-project .h8-project-wrapper {
  position: relative;
}
.mpema-project .h8-project-heading {
  position: relative;
  z-index: 2;
}
.mpema-project .h8-project-heading .client-content .client-numbers {
  padding: 0 9px;
}
.mpema-project .h8-project-item {
  position: relative;
  padding: 45px 0 55px 0;
  border-top: 1px solid var(--mpema-color-border-1);
  border-bottom: 1px solid var(--mpema-color-border-1);
}
.mpema-project .h8-project-item:not(:last-child) {
  border-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .h8-project-item {
    padding: 37px 0 45px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .h8-project-item {
    padding: 34px 0 40px 0;
  }
}
.mpema-project .h8-project-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--mpema-color-common-white);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.mpema-project .h8-project-item .project-content {
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .h8-project-item .project-content {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
  }
}
.mpema-project .h8-project-item .item-count {
  font-size: 18px;
  line-height: 1;
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-medium);
  color: var(--mpema-color-common-white);
  position: absolute;
  top: 6px;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.mpema-project .h8-project-item .title {
  max-width: 580px;
  width: 100%;
  margin-bottom: 20px;
  color: var(--mpema-color-grey-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-project .h8-project-item .title {
    max-width: 480px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .h8-project-item .title {
    max-width: 435px;
    font-size: 36px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .h8-project-item .title {
    font-size: 30px;
  }
}
.mpema-project .h8-project-item .categories {
  padding: 0;
  border-radius: 0;
  position: unset;
  background-color: transparent;
}
.mpema-project .h8-project-item .categories::before, .mpema-project .h8-project-item .categories::after {
  display: none;
}
.mpema-project .h8-project-item .categories a {
  border-radius: 22px;
}
.mpema-project .h8-project-item .categories a:not(:hover) {
  background-color: var(--mpema-color-theme-bg);
}
.mpema-project .h8-project-item .mpema-secondary-btn,
.mpema-project .h8-project-item .mpema-primary-btn {
  margin-top: 25px;
}
.mpema-project .h8-project-item:hover::before {
  width: 100%;
}
.mpema-project .h8-project-item:hover .item-count {
  opacity: 1;
  visibility: visible;
}
.mpema-project .h8-project-item:hover .project-content {
  -webkit-padding-start: 40px;
  padding-inline-start: 40px;
}
.mpema-project .h8-project-item:hover .title {
  color: var(--mpema-color-common-white);
}
.mpema-project .h8-project-item:hover .item-reveal-bg {
  width: 100%;
  opacity: 1;
}
.mpema-project .item-reveal-bg {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 540px;
  width: 0;
  height: 540px;
  opacity: 0;
  border-radius: 16px;
  margin: -220px 0 0 -270px;
  overflow: hidden;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: opacity 0.3s, width 2s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-project .item-reveal-bg {
    max-width: 500px;
    height: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-project .item-reveal-bg {
    max-width: 440px;
    height: 440px;
    margin: -200px 0 0 -220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-project .item-reveal-bg {
    max-width: 380px;
    height: 380px;
    margin: -180px 0 0 -180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-project .item-reveal-bg {
    display: none;
  }
}

.mpema-blog-section-2 .sec-heading {
  max-width: 450px;
}

.mpema-blog {
  /* !END: Blog CSS */
  /* !END: Blog Details CSS */
  /* !END: Blog CSS */
  /* !END: Blog CSS */
  /* !END: Blog CSS */
  /* !END: Blog CSS */
}
.mpema-blog .blog-slider-uWbJm-223 {
  margin-top: 30px;
}
.mpema-blog .slider-next,
.mpema-blog .slider-prev {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  font-size: 21px;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mpema-blog .slider-next .anim-icon,
.mpema-blog .slider-prev .anim-icon {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.mpema-blog .slider-next .anim-icon i,
.mpema-blog .slider-prev .anim-icon i {
  position: relative;
  top: 0;
  color: var(--mpema-color-common-white);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mpema-blog .slider-next .anim-icon i:last-child,
.mpema-blog .slider-prev .anim-icon i:last-child {
  position: absolute;
  -webkit-transform: translateX(150%);
  -ms-transform: translateX(150%);
  transform: translateX(150%);
  color: var(--tj-color-common-white);
}
.mpema-blog .slider-next:hover,
.mpema-blog .slider-prev:hover {
  color: var(--mpema-color-common-white);
  background-color: var(--mpema-color-theme-primary);
}
.mpema-blog .slider-next:hover .anim-icon i:first-child,
.mpema-blog .slider-prev:hover .anim-icon i:first-child {
  -webkit-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  transform: translateX(-150%);
}
.mpema-blog .slider-next:hover .anim-icon i:last-child,
.mpema-blog .slider-prev:hover .anim-icon i:last-child {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .slider-next,
  .mpema-blog .slider-prev {
    width: 50px;
    height: 50px;
    font-size: 19px;
  }
}
.mpema-blog .slider-next .anim-icon i:last-child {
  -webkit-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  transform: translateX(-150%);
}
.mpema-blog .slider-next:hover .anim-icon i:first-child {
  -webkit-transform: translateX(150%);
  -ms-transform: translateX(150%);
  transform: translateX(150%);
}
.mpema-blog .slider-next-zIJ,
.mpema-blog .slider-prev-aBI {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  font-size: 21px;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mpema-blog .slider-next-zIJ .anim-icon,
.mpema-blog .slider-prev-aBI .anim-icon {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.mpema-blog .slider-next-zIJ .anim-icon i,
.mpema-blog .slider-prev-aBI .anim-icon i {
  position: relative;
  top: 0;
  color: var(--mpema-color-common-white);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mpema-blog .slider-next-zIJ .anim-icon i:last-child,
.mpema-blog .slider-prev-aBI .anim-icon i:last-child {
  position: absolute;
  -webkit-transform: translateX(150%);
  -ms-transform: translateX(150%);
  transform: translateX(150%);
  color: var(--tj-color-common-white);
}
.mpema-blog .slider-next-zIJ:hover,
.mpema-blog .slider-prev-aBI:hover {
  color: var(--mpema-color-common-white);
  background-color: var(--mpema-color-theme-primary);
}
.mpema-blog .slider-next-zIJ:hover .anim-icon i:first-child,
.mpema-blog .slider-prev-aBI:hover .anim-icon i:first-child {
  -webkit-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  transform: translateX(-150%);
}
.mpema-blog .slider-next-zIJ:hover .anim-icon i:last-child,
.mpema-blog .slider-prev-aBI:hover .anim-icon i:last-child {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.mpema-blog .mobile-navigation {
  text-align: center;
  margin-top: 30px;
}
.mpema-blog .slider-navigation-2 {
  gap: 10px;
}
.mpema-blog .slider-navigation-2 .slider-next-zIJ,
.mpema-blog .slider-navigation-2 .slider-prev-aBI {
  background-color: var(--mpema-color-theme-bg);
}
.mpema-blog .slider-navigation-2 .slider-next-zIJ:hover,
.mpema-blog .slider-navigation-2 .slider-prev-aBI:hover {
  background-color: var(--mpema-color-theme-primary);
}
.mpema-blog .slider-navigation-F5RYO {
  gap: 10px;
}
.mpema-blog .slider-navigation-F5RYO {
  width: 100% !important;
}
.mpema-blog .slider-navigation-F5RYO {
  height: 100%;
}
.mpema-blog .slider-navigation-F5RYO {
  display: flex;
}
.mpema-blog .slider-navigation-F5RYO {
  position: absolute;
}
.mpema-blog .slider-navigation-F5RYO {
  top: 0;
}
.mpema-blog .slider-navigation-F5RYO {
  border: 0px solid red;
}
.mpema-blog .slider-navigation-F5RYO .slider-next-zIJ,
.mpema-blog .slider-navigation-F5RYO .slider-prev-aBI {
  background-color: #060129;
  z-index: 500;
}
.mpema-blog .slider-navigation-F5RYO .slider-next-zIJ:hover,
.mpema-blog .slider-navigation-F5RYO .slider-prev-aBI:hover {
  background-color: var(--mpema-color-theme-primary);
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation-rs4aE .slider-next-zIJ, .mpema-blog .h7-blog-wrapper .testimonial-navigation-rs4aE .slider-prev-aBI {
  border: 8px solid var(--mpema-color-theme-dark);
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation-rs4aE .slider-prev-aBI {
  -webkit-margin-start: -30px;
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation-rs4aE .slider-prev-aBI {
  bottom: 50%;
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation-rs4aE .slider-prev-aBI {
  left: -5px;
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation-rs4aE .slider-prev-aBI {
  position: absolute;
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation-rs4aE .slider-next-zIJ {
  -webkit-margin-end: -15px;
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation-rs4aE .slider-next-zIJ {
  right: -20px;
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation-rs4aE .slider-next-zIJ {
  bottom: 50%;
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation-rs4aE .slider-next-zIJ {
  position: absolute;
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation-rs4aE {
  opacity: 1;
  visibility: visible;
}
.mpema-blog .slider-navigation-3 {
  gap: 15px;
}
.mpema-blog .slider-navigation-3 .slider-next, .mpema-blog .slider-navigation-3 .slider-prev {
  width: 50px;
  height: 50px;
  border: 1px solid var(--mpema-color-border-1);
}
.mpema-blog .slider-navigation-3 .slider-next:hover,
.mpema-blog .slider-navigation-3 .slider-prev:hover {
  border-color: var(--mpema-color-theme-primary);
}
.mpema-blog .swiper-pagination-area {
  text-align: center;
  line-height: 0;
  margin-top: 60px;
}
.mpema-blog .swiper-pagination-area.white-pagination .swiper-pagination-bullet {
  background-color: var(--mpema-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .swiper-pagination-area {
    margin-top: 30px;
  }
}
.mpema-blog .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--mpema-color-common-white);
  border-radius: 50%;
  opacity: 0.15;
  position: relative;
  margin: 5px;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.mpema-blog .swiper-pagination-bullet-active {
  background-color: var(--tj-color-theme-primary);
  opacity: 1;
}
.mpema-blog .blog-item {
  height: 100%;
  background-color: var(--mpema-color-theme-bg);
  padding: 15px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.mpema-blog .blog-item .categories {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px 10px 0;
  background-color: var(--mpema-color-theme-bg);
  border-bottom-right-radius: 12px;
  z-index: 2;
}
.mpema-blog .blog-item .blog-thumb {
  height: 340px;
  overflow: hidden;
  position: relative;
  border-radius: 0 12px 12px 12px;
}
.mpema-blog .blog-item .blog-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
  object-position: 50% 0; /* Görselin sağ üst kısmını merkeze alır */
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .mpema-blog .blog-item .blog-thumb {
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .mpema-blog .blog-item .blog-thumb {
    height: 280px;
  }
}
.mpema-blog .blog-item .blog-content {
  padding: 25px 5px 13px 5px;
}
.mpema-blog .blog-item .blog-content .title {
  margin: 0;
}
.mpema-blog .blog-item .blog-content .title a:hover {
  color: var(--mpema-color-theme-primary);
}
.mpema-blog .blog-item .blog-content .desc {
  margin-top: 15px;
}
.mpema-blog .blog-item .blog-content .desc:last-of-type {
  margin-bottom: 0;
}
.mpema-blog .blog-item .blog-content .text-btn {
  background-color: var(--mpema-color-theme-dark);
  margin-top: 15px;
  padding: 16px 16px 16px 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0 12px 0 0;
}
.mpema-blog .blog-item .blog-content .text-btn::after, .mpema-blog .blog-item .blog-content .text-btn::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -25px;
  left: 0;
  width: 12px;
  height: 25px;
  -webkit-box-shadow: 0 12px 0 0 var(--mpema-color-theme-dark);
  box-shadow: 0 12px 0 0 var(--mpema-color-theme-dark);
  border-bottom-right-radius: 12px;
  z-index: -1;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  pointer-events: none;
}
.mpema-blog .blog-item .blog-content .text-btn::after {
  top: auto;
  left: auto;
  bottom: 0;
  right: -12px;
}
.mpema-blog .blog-item:hover .blog-thumb img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.mpema-blog .blog-item.style-2 .blog-thumb {
  height: 290px;
  border-radius: 12px 12px 0 12px;
}
.mpema-blog .blog-item.style-2 .categories {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  padding: 10px 0 0 10px;
  border-radius: 12px 0 0 0;
}
.mpema-blog .blog-item.style-2 .categories::after, .mpema-blog .blog-item.style-2 .categories::before {
  top: -25px;
  right: 0;
  width: 12px;
  height: 25px;
  -webkit-box-shadow: 0 12px 0 0 var(--mpema-color-theme-bg);
  box-shadow: 0 12px 0 0 var(--mpema-color-theme-bg);
  border-radius: 0 0 12px 0;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.mpema-blog .blog-item.style-2 .categories::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -12px;
}
.mpema-blog .blog-item.style-2 .blog-content {
  padding: 25px 5px 65px 5px;
}
.mpema-blog .blog-item.style-2 .blog-content .title {
  margin-bottom: 20px;
}
.mpema-blog .blog-item.style-3 .categories a:not(:hover) {
  background-color: transparent;
}
.mpema-blog .blog-item.style-3 .blog-content {
  padding: 25px 5px 45px 5px;
}
.mpema-blog .blog-item.style-3 .blog-content .text-btn {
  left: auto;
  right: 0;
  border-radius: 12px 0 0 0;
}
.mpema-blog .blog-item.style-3 .blog-content .text-btn::after, .mpema-blog .blog-item.style-3 .blog-content .text-btn::before {
  left: auto;
  right: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.mpema-blog .blog-item.style-3 .blog-content .text-btn::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -12px;
}
.mpema-blog .blog-item.style-4 {
  padding: 0;
}
.mpema-blog .blog-item.style-4 .blog-thumb {
  min-height: 530px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-blog .blog-item.style-4 .blog-thumb {
    min-height: 480px;
  }
}
@media (max-width: 575px) {
  .mpema-blog .blog-item.style-4 .blog-thumb {
    min-height: 400px;
  }
}
.mpema-blog .blog-item.style-4 .blog-content {
  background-color: var(--mpema-color-theme-dark);
  padding: 30px 20px 25px 20px;
  border-radius: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.mpema-blog .blog-item.style-4 .blog-content .text-btn {
  left: auto;
  bottom: 0;
  padding: 0;
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
}
.mpema-blog .blog-item.style-4 .blog-content .text-btn::after, .mpema-blog .blog-item.style-4 .blog-content .text-btn::before {
  display: none;
}
.mpema-blog .blog-item.style-4:hover .blog-content {
  padding-bottom: 80px;
}
.mpema-blog .blog-item.style-4:hover .blog-content .text-btn {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}
.mpema-blog .blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.mpema-blog .blog-meta span {
  color: var(--mpema-color-text-body);
  line-height: 1;
}
.mpema-blog .blog-meta span a {
  color: var(--mpema-color-text-body);
}
.mpema-blog .blog-meta span a:hover {
  color: var(--mpema-color-theme-primary);
}
.mpema-blog .blog-meta span:not(:last-child)::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--mpema-color-theme-primary);
  display: inline-block;
  margin: 0 0 2px 10px;
}
@media (max-width: 575px) {
  .mpema-blog .blog-meta {
    margin-bottom: 15px;
  }
}
.mpema-blog .blog-post-wrapper .blog-item {
  margin-bottom: 40px;
}
.mpema-blog .blog-post-wrapper .blog-item .blog-thumb {
  border-radius: 12px;
}
.mpema-blog .blog-post-wrapper .blog-item .blog-content {
  background-color: transparent;
  padding: 25px 0 0 0;
}
.mpema-blog .mpema-pagination {
  margin-top: 50px;
}
.mpema-blog .mpema-pagination ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.mpema-blog .mpema-pagination ul li .page-numbers {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: 48px;
  text-align: center;
  background-color: var(--mpema-color-theme-bg);
  font-weight: var(--mpema-fw-sbold);
  color: var(--mpema-color-heading-primary);
}
.mpema-blog .mpema-pagination ul li .page-numbers i {
  line-height: 1;
  color: var(--mpema-color-heading-primary);
}
.mpema-blog .mpema-pagination ul li .page-numbers:hover {
  background-color: var(--mpema-color-theme-primary);
}
.mpema-blog .mpema-pagination ul li .page-numbers:hover i {
  color: var(--mpema-color-common-white);
}
.mpema-blog .mpema-pagination ul li .page-numbers.current {
  background-color: var(--mpema-color-common-white);
  color: var(--mpema-color-theme-dark);
}
.mpema-blog .mpema-pagination ul li .page-numbers.current i {
  color: var(--mpema-color-theme-dark);
}
.mpema-blog .mpema-pagination ul li .page-numbers.prev, .mpema-blog .mpema-pagination ul li .page-numbers.next {
  font-size: 18px;
}
.mpema-blog .mpema-post-item {
  height: 100%;
  background-color: var(--mpema-color-theme-bg);
  padding: 15px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.mpema-blog .mpema-post-item:last-child {
  margin-bottom: 0;
}
.mpema-blog .mpema-post-item .categories {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px 10px 0;
  background-color: var(--mpema-color-theme-bg);
  border-bottom-right-radius: 12px;
  z-index: 2;
}
.mpema-blog .mpema-post-item:hover .mpema-post-thumb img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.mpema-blog .mpema-post-thumb {
  height: 410px;
  overflow: hidden;
  position: relative;
  border-radius: 0 12px 12px 12px;
}
.mpema-blog .mpema-post-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-blog .mpema-post-thumb {
    height: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .mpema-post-thumb {
    height: 300px;
  }
}
.mpema-blog .mpema-post-content {
  padding: 25px 15px 13px 15px;
}
.mpema-blog .mpema-post-content .title {
  margin: 0;
}
.mpema-blog .mpema-post-content .title a:hover {
  color: var(--mpema-color-theme-primary);
}
.mpema-blog .mpema-post-content .desc {
  margin-top: 15px;
}
.mpema-blog .mpema-post-content .desc:last-of-type {
  margin-bottom: 0;
}
.mpema-blog .mpema-post-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.mpema-blog .mpema-post-meta span {
  color: var(--mpema-color-text-body);
  line-height: 1;
}
.mpema-blog .mpema-post-meta span a {
  color: var(--mpema-color-text-body);
}
.mpema-blog .mpema-post-meta span a:hover {
  color: var(--mpema-color-theme-primary);
}
.mpema-blog .mpema-post-meta span:not(:last-child)::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--mpema-color-theme-primary);
  display: inline-block;
  margin: 0 0 2px 10px;
}
@media (max-width: 575px) {
  .mpema-blog .mpema-post-meta {
    margin-bottom: 15px;
  }
}
.mpema-blog .mpema-post-btn {
  margin-top: 25px;
}
.mpema-blog .post-details-wrapper .blog-images {
  margin-bottom: 30px;
  border-radius: 12px;
  overflow: hidden;
}
.mpema-blog .post-details-wrapper .title {
  line-height: 1.1;
  margin-bottom: 22px;
}
.mpema-blog .post-details-wrapper p {
  margin-bottom: 30px;
}
.mpema-blog .post-details-wrapper p:last-child {
  margin-bottom: 0;
}
.mpema-blog .post-details-wrapper .images-wrap {
  margin-bottom: 10px;
}
.mpema-blog .post-details-wrapper .image-box {
  margin-bottom: 25px;
  border-radius: 12px;
  overflow: hidden;
}
.mpema-blog .post-details-wrapper .image-box img {
  width: 100%;
}
.mpema-blog .post-details-wrapper .blog-text h3 {
  margin-bottom: 25px;
}
.mpema-blog .post-details-wrapper .blog-text ul {
  margin-bottom: 50px;
  list-style: none;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
}
.mpema-blog .post-details-wrapper .blog-text ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  color: var(--mpema-color-heading-primary);
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-medium);
  margin-bottom: 16px;
}
.mpema-blog .post-details-wrapper .blog-text ul li:last-child {
  margin-bottom: 0;
}
.mpema-blog .post-details-wrapper .blog-text ul li span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 1;
  margin-top: 3px;
  font-weight: var(--mpema-fw-regular);
  color: var(--mpema-color-common-white);
  background: var(--mpema-color-theme-primary);
  border-radius: 50%;
}
@media (max-width: 575px) {
  .mpema-blog .post-details-wrapper .blog-text ul {
    margin-bottom: 30px;
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
  }
}
.mpema-blog .post-details-wrapper .blog-text .blog-video {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 60px;
  margin-bottom: 50px;
}
.mpema-blog .post-details-wrapper .blog-text .blog-video .video-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  line-height: 1;
  color: var(--mpema-color-common-black);
  background: var(--mpema-color-common-white);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 5;
  border: none;
  backdrop-filter: none;
}
.mpema-blog .post-details-wrapper .blog-text .blog-video .video-btn span {
  font-size: 20px;
  margin-left: 2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.mpema-blog .post-details-wrapper .blog-text .blog-video .video-btn::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-animation: pulse2 2s linear infinite;
  animation: pulse2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
@media (max-width: 575px) {
  .mpema-blog .post-details-wrapper .blog-text .blog-video .video-btn::before {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 575px) {
  .mpema-blog .post-details-wrapper .blog-text .blog-video .video-btn {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .post-details-wrapper .blog-text .blog-video {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.mpema-blog .blog-category-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--mpema-color-theme-bg);
  border-radius: 10px;
  margin-bottom: 25px;
}
.mpema-blog .blog-category-two .category-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-right: 1px solid var(--mpema-color-border-1);
  padding: 25px 28px;
  gap: 10px;
  width: 33.33%;
}
.mpema-blog .blog-category-two .category-item:last-child {
  border-right: none;
}
.mpema-blog .blog-category-two .category-item .cate-images {
  width: 52px;
  height: 52px;
}
.mpema-blog .blog-category-two .category-item .cate-images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .blog-category-two .category-item .cate-images {
    width: 45px;
    height: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-blog .blog-category-two .category-item .cate-images {
    width: 35px;
    height: 35px;
  }
}
.mpema-blog .blog-category-two .category-item .cate-text .degination {
  display: block;
  color: var(--mpema-color-grey-2);
  font-size: 14px;
  line-height: 1;
  margin-bottom: 6px;
}
.mpema-blog .blog-category-two .category-item .cate-text .title {
  font-weight: var(--mpema-fw-medium);
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .blog-category-two .category-item .cate-text .title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-blog .blog-category-two .category-item .cate-text .title {
    font-size: 14px;
  }
}
.mpema-blog .blog-category-two .category-item .cate-icons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 24px;
  width: 52px;
  height: 52px;
  line-height: 1;
  color: var(--mpema-color-common-white);
  background-color: var(--mpema-color-theme-primary);
  border-radius: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .blog-category-two .category-item .cate-icons {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-blog .blog-category-two .category-item .cate-icons {
    width: 35px;
    height: 35px;
    font-size: 18px;
  }
}
.mpema-blog .blog-category-two .category-item .text {
  font-weight: var(--mpema-fw-medium);
  line-height: 1;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .blog-category-two .category-item .text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-blog .blog-category-two .category-item .text {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-blog .blog-category-two .category-item {
    padding: 25px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-blog .blog-category-two .category-item {
    padding: 20px 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .blog-category-two .category-item {
    width: 100%;
    padding: 0;
    border: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .blog-category-two {
    padding: 20px;
    gap: 20px;
  }
}
.mpema-blog blockquote {
  position: relative;
  padding: 40px 30px 30px;
  background: var(--mpema-color-theme-bg);
  border: 2px solid var(--mpema-color-theme-primary);
  border-radius: 12px;
  margin-top: 55px;
  margin-bottom: 50px;
  z-index: 2;
}
.mpema-blog blockquote::before {
  content: "\e934";
  font-size: 40px;
  color: var(--mpema-color-theme-primary);
  font-family: "ainex-icons";
  display: inline-block;
  margin-bottom: 20px;
  line-height: 1;
}
.mpema-blog blockquote p {
  color: var(--mpema-color-heading-primary);
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-medium);
  font-size: 24px;
  margin-bottom: 20px !important;
  letter-spacing: -0.03em;
  line-height: 1.417;
  border-radius: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog blockquote p {
    font-size: 20px;
    margin-bottom: 15px !important;
  }
}
.mpema-blog blockquote cite {
  color: var(--mpema-color-heading-primary);
  display: block;
  text-align: end;
  font-family: var(--mpema-ff-heading);
  font-style: normal;
  position: relative;
  z-index: 1;
}
.mpema-blog blockquote cite::before {
  content: "";
  display: inline-block;
  background: var(--mpema-color-border-1);
  height: 1px;
  width: 50px;
  top: -4px;
  margin-right: 10px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog blockquote {
    padding: 25px 15px;
    margin-bottom: 40px;
  }
}
.mpema-blog .mpema-tags-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 20px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid var(--mpema-color-border-1);
  border-bottom: 1px solid var(--mpema-color-border-1);
  padding: 22px 0;
  margin-top: 30px;
  margin-bottom: 30px;
}
.mpema-blog .mpema-tags-post .tagcloud {
  width: calc(100% - 200px);
}
.mpema-blog .mpema-tags-post .tagcloud a {
  background-color: var(--mpema-color-theme-bg);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .mpema-tags-post .tagcloud {
    width: 100%;
  }
}
.mpema-blog .mpema-tags-post .post-share ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  row-gap: 10px;
}
.mpema-blog .mpema-tags-post .post-share ul li {
  font-size: 16px;
  color: var(--mpema-color-heading-primary);
  margin-bottom: 0;
}
.mpema-blog .mpema-tags-post .post-share ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 17px;
  line-height: 1;
  color: var(--mpema-color-heading-primary);
}
.mpema-blog .mpema-tags-post .post-share ul li a i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.mpema-blog .mpema-tags-post .post-share ul li a:hover i {
  color: var(--mpema-color-theme-primary);
}
.mpema-blog .mpema-tags-post.no_socials {
  width: 100%;
}
.mpema-blog .mpema-post__navigation {
  border: 1px solid var(--mpema-color-border-1);
  padding: 21px 30px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}
.mpema-blog .mpema-post__navigation .mpema-nav-post__nav a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  color: var(--mpema-color-heading-primary);
  font-weight: var(--mpema-fw-sbold);
}
.mpema-blog .mpema-post__navigation .mpema-nav-post__nav a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--mpema-color-theme-bg);
  border-radius: 50%;
  font-size: 18px;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.mpema-blog .mpema-post__navigation .mpema-nav-post__nav a span i {
  color: var(--mpema-color-common-white);
}
@media (max-width: 575px) {
  .mpema-blog .mpema-post__navigation .mpema-nav-post__nav a span {
    width: 48px;
    height: 48px;
  }
}
.mpema-blog .mpema-post__navigation .mpema-nav-post__nav a:hover span {
  background-color: var(--mpema-color-theme-primary);
  border-color: var(--mpema-color-theme-primary);
}
.mpema-blog .mpema-post__navigation .mpema-nav-post__nav a:hover span i {
  color: var(--mpema-color-common-white);
}
.mpema-blog .mpema-post__navigation .mpema-nav-post__grid {
  font-size: 30px;
  line-height: 1;
  color: var(--mpema-color-common-white);
}
.mpema-blog .mpema-post__navigation .mpema-nav-post__grid a {
  color: currentColor;
}
.mpema-blog .mpema-post__navigation .mpema-nav-post__grid a:hover {
  color: var(--mpema-color-theme-primary);
}
@media (max-width: 575px) {
  .mpema-blog .mpema-post__navigation {
    padding: 16px 20px;
    gap: 20px;
  }
}
.mpema-blog .mpema-comments-wrap .comments-title .title {
  margin-bottom: 22px;
}
@media (max-width: 575px) {
  .mpema-blog .mpema-comments-wrap .comments-title .title {
    margin-bottom: 15px;
  }
}
.mpema-blog .mpema-latest-comments ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mpema-blog .mpema-latest-comments ul .mpema-comment {
  margin-bottom: 20px;
}
.mpema-blog .mpema-latest-comments ul .mpema-comment:last-child {
  margin-bottom: 0;
}
.mpema-blog .mpema-latest-comments ul .mpema-comment .comment-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 30px;
  background-color: var(--mpema-color-theme-bg);
  border-radius: 10px;
  position: relative;
}
.mpema-blog .mpema-latest-comments ul .mpema-comment .comment-content .comment-avatar {
  max-width: 64px;
  height: 64px;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.mpema-blog .mpema-latest-comments ul .mpema-comment .comment-content .comment-avatar img {
  width: 100%;
}
.mpema-blog .mpema-latest-comments ul .mpema-comment .comment-content .comments-header {
  margin-top: 10px;
}
.mpema-blog .mpema-latest-comments ul .mpema-comment .comment-content .comments-header .avatar-name .title {
  font-size: 18px;
  margin-bottom: 6px;
}
.mpema-blog .mpema-latest-comments ul .mpema-comment .comment-content .comments-header .avatar-name .title a {
  display: inline-block;
}
.mpema-blog .mpema-latest-comments ul .mpema-comment .comment-content .comments-header .avatar-name .title a:hover {
  color: var(--mpema-color-theme-primary);
}
.mpema-blog .mpema-latest-comments ul .mpema-comment .comment-content .comments-header .comment-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
.mpema-blog .mpema-latest-comments ul .mpema-comment .comment-content .comments-header .comment-text .reply {
  position: absolute;
  top: 35px;
  right: 30px;
  font-size: 16px;
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-medium);
  color: var(--mpema-color-theme-dark-3);
}
.mpema-blog .mpema-latest-comments ul .mpema-comment .comment-content .comments-header .comment-text .reply:hover {
  color: var(--mpema-color-theme-primary);
}
.mpema-blog .mpema-latest-comments ul .mpema-comment .comment-content .comments-header .comment-text span {
  font-size: 14px;
  color: var(--mpema-color-theme-dark-4);
  font-weight: var(--mpema-fw-regular);
}
@media (max-width: 575px) {
  .mpema-blog .mpema-latest-comments ul .mpema-comment .comment-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mpema-blog .mpema-latest-comments ul .mpema-comment .comment-content .comment-avatar {
    margin-right: auto;
  }
}
.mpema-blog .mpema-latest-comments ul .mpema-comment .desc {
  margin-top: 14px;
}
.mpema-blog .mpema-latest-comments ul .mpema-comment .desc p:last-child {
  margin-bottom: 0;
}
.mpema-blog .mpema-latest-comments ul .mpema-comment > .children {
  padding-left: 75px;
}
@media (max-width: 575px) {
  .mpema-blog .mpema-latest-comments ul .mpema-comment > .children {
    padding-left: 35px;
  }
}
.mpema-blog .mpema-latest-comments ul .mpema-comment:last-child .comment-content .comments-header {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.mpema-blog .mpema-comments__container {
  margin-top: 50px;
}
.mpema-blog .comment-respond .comment-reply-title {
  margin-bottom: 25px;
}
.mpema-blog .comment-respond .form-input {
  margin-bottom: 30px;
}
.mpema-blog .comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]),
.mpema-blog .comment-respond .form-input textarea,
.mpema-blog .comment-respond .form-input input[type=email],
.mpema-blog .comment-respond .form-input input[type=text] {
  background: var(--mpema-color-theme-bg);
  height: 60px;
  padding: 18px 20px;
  border: 1px solid var(--mpema-color-border-1);
  border-radius: 10px;
}
.mpema-blog .comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::-webkit-input-placeholder, .mpema-blog .comment-respond .form-input textarea::-webkit-input-placeholder, .mpema-blog .comment-respond .form-input input[type=email]::-webkit-input-placeholder, .mpema-blog .comment-respond .form-input input[type=text]::-webkit-input-placeholder {
  color: var(--mpema-color-grey-2);
}
.mpema-blog .comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::-moz-placeholder, .mpema-blog .comment-respond .form-input textarea::-moz-placeholder, .mpema-blog .comment-respond .form-input input[type=email]::-moz-placeholder, .mpema-blog .comment-respond .form-input input[type=text]::-moz-placeholder {
  color: var(--mpema-color-grey-2);
}
.mpema-blog .comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]):-ms-input-placeholder, .mpema-blog .comment-respond .form-input textarea:-ms-input-placeholder, .mpema-blog .comment-respond .form-input input[type=email]:-ms-input-placeholder, .mpema-blog .comment-respond .form-input input[type=text]:-ms-input-placeholder {
  color: var(--mpema-color-grey-2);
}
.mpema-blog .comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::-ms-input-placeholder, .mpema-blog .comment-respond .form-input textarea::-ms-input-placeholder, .mpema-blog .comment-respond .form-input input[type=email]::-ms-input-placeholder, .mpema-blog .comment-respond .form-input input[type=text]::-ms-input-placeholder {
  color: var(--mpema-color-grey-2);
}
.mpema-blog .comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::placeholder,
.mpema-blog .comment-respond .form-input textarea::placeholder,
.mpema-blog .comment-respond .form-input input[type=email]::placeholder,
.mpema-blog .comment-respond .form-input input[type=text]::placeholder {
  color: var(--mpema-color-grey-2);
}
.mpema-blog .comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]):focus,
.mpema-blog .comment-respond .form-input textarea:focus,
.mpema-blog .comment-respond .form-input input[type=email]:focus,
.mpema-blog .comment-respond .form-input input[type=text]:focus {
  border-color: var(--mpema-color-theme-primary);
}
.mpema-blog .comment-respond .form-input textarea {
  min-height: 180px;
  resize: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .comment-respond .form-input {
    margin-bottom: 20px;
  }
}
.mpema-blog .mpema-main-sidebar {
  padding-left: 20px;
}
.mpema-blog .mpema-main-sidebar.sticky-lg-top {
  top: 120px;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .mpema-main-sidebar {
    padding-left: 0;
  }
}
.mpema-blog .mpema-sidebar-widget {
  background-color: var(--mpema-color-theme-bg);
  margin-bottom: 30px;
  padding: 30px;
  position: relative;
  z-index: 3;
  border-radius: 10px;
  overflow: hidden;
}
.mpema-blog .mpema-sidebar-widget:last-child {
  margin-bottom: 0;
}
.mpema-blog .mpema-sidebar-widget .widget-title {
  color: var(--mpema-color-heading-primary);
  position: relative;
  margin-bottom: 25px;
  line-height: 1;
  z-index: 1;
}
.mpema-blog .mpema-sidebar-widget.widget-search .search-box form {
  position: relative;
  width: 100%;
  z-index: 1;
}
.mpema-blog .mpema-sidebar-widget.widget-search .search-box form input[type=search] {
  font-size: 16px;
  background: var(--mpema-color-theme-dark);
  width: 100%;
  height: 60px;
  border: 1px solid var(--mpema-color-border-1);
  border-radius: 10px;
  padding: 18px 65px 18px 20px;
  line-height: 1;
}
.mpema-blog .mpema-sidebar-widget.widget-search .search-box form input[type=search]::-webkit-input-placeholder {
  color: var(--mpema-color-grey-2);
}
.mpema-blog .mpema-sidebar-widget.widget-search .search-box form input[type=search]::-moz-placeholder {
  color: var(--mpema-color-grey-2);
}
.mpema-blog .mpema-sidebar-widget.widget-search .search-box form input[type=search]:-ms-input-placeholder {
  color: var(--mpema-color-grey-2);
}
.mpema-blog .mpema-sidebar-widget.widget-search .search-box form input[type=search]::-ms-input-placeholder {
  color: var(--mpema-color-grey-2);
}
.mpema-blog .mpema-sidebar-widget.widget-search .search-box form input[type=search]::placeholder {
  color: var(--mpema-color-grey-2);
}
.mpema-blog .mpema-sidebar-widget.widget-search .search-box form input[type=search]:focus {
  border-color: var(--mpema-color-theme-primary);
}
.mpema-blog .mpema-sidebar-widget.widget-search .search-box form input[type=search]:focus + button {
  border-color: var(--mpema-color-theme-primary);
}
.mpema-blog .mpema-sidebar-widget.widget-search .search-box form button {
  font-size: 22px;
  color: var(--mpema-color-theme-primary);
  width: 54px;
  height: 60px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-left: 1px solid var(--mpema-color-border-1);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.mpema-blog .mpema-sidebar-widget.widget-search .search-box form button i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.mpema-blog .mpema-sidebar-widget.mpema-recent-posts ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mpema-blog .mpema-sidebar-widget.mpema-recent-posts ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  margin-bottom: 15px;
}
.mpema-blog .mpema-sidebar-widget.mpema-recent-posts ul li:last-child {
  margin-bottom: 0;
}
.mpema-blog .mpema-sidebar-widget.mpema-recent-posts ul li:hover .post-thumb img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
.mpema-blog .mpema-sidebar-widget.mpema-recent-posts .post-thumb {
  position: relative;
  width: 100px;
  height: 100px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 8px;
  overflow: hidden;
}
.mpema-blog .mpema-sidebar-widget.mpema-recent-posts .post-thumb a {
  display: inline-block;
  width: 100%;
}
.mpema-blog .mpema-sidebar-widget.mpema-recent-posts .post-thumb a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.mpema-blog .mpema-sidebar-widget.mpema-recent-posts .post-content .post-title {
  font-size: 16px;
  line-height: 1.375;
  margin-bottom: 15px;
}
.mpema-blog .mpema-sidebar-widget.mpema-recent-posts .post-content .post-title a:hover {
  color: var(--mpema-color-theme-primary);
}
.mpema-blog .mpema-sidebar-widget.mpema-recent-posts .post-content .blog-meta {
  margin-bottom: 0;
}
.mpema-blog .mpema-sidebar-widget.mpema-recent-posts .post-content .blog-meta ul li {
  font-size: 14px;
  color: var(--mpema-color-grey-1);
}
.mpema-blog .mpema-sidebar-widget.widget-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mpema-blog .mpema-sidebar-widget.widget-categories ul li {
  margin-bottom: 10px;
}
.mpema-blog .mpema-sidebar-widget.widget-categories ul li:last-child {
  margin-bottom: 0;
}
.mpema-blog .mpema-sidebar-widget.widget-categories ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: var(--mpema-fw-sbold);
  color: var(--mpema-color-heading-primary);
  background: var(--mpema-color-theme-dark);
  padding: 20px 15px 17px 25px;
  border-radius: 10px;
}
.mpema-blog .mpema-sidebar-widget.widget-categories ul li a span {
  color: var(--mpema-color-heading-primary);
}
.mpema-blog .mpema-sidebar-widget.widget-categories ul li a .icon {
  font-size: 24px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mpema-blog .mpema-sidebar-widget.widget-categories ul li a:hover {
  color: var(--mpema-color-common-white);
  background-color: var(--mpema-color-theme-primary);
}
.mpema-blog .mpema-sidebar-widget.widget-categories ul li a:hover span {
  color: var(--mpema-color-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .mpema-blog .mpema-sidebar-widget {
    padding: 25px 15px;
  }
}
.mpema-blog .tagcloud {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 12px;
}
.mpema-blog .tagcloud a {
  background-color: var(--mpema-color-theme-dark);
  font-size: 16px;
  line-height: 1;
  color: var(--mpema-color-text-body);
  font-weight: var(--mpema-fw-sbold);
  padding: 6px 10px;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
}
.mpema-blog .tagcloud a:hover {
  background-color: var(--mpema-color-theme-primary);
  color: var(--mpema-color-common-white);
}
.mpema-blog .infos-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding: 20px 0;
}
.mpema-blog .infos-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.mpema-blog .infos-item .project-icons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 20px;
  color: var(--mpema-color-common-white);
  background: var(--mpema-color-theme-primary);
  border-radius: 50%;
  position: relative;
  top: 2px;
}
.mpema-blog .infos-item .project-text span {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: var(--mpema-color-text-body);
  margin: 0;
}
.mpema-blog .infos-item .project-text .title {
  line-height: 1.1;
  font-weight: var(--mpema-fw-sbold);
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-blog .infos-item .project-text .title {
    font-size: 16px;
  }
}
.mpema-blog .service-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mpema-blog .service-categories ul li {
  margin-bottom: 10px;
}
.mpema-blog .service-categories ul li:last-child {
  margin-bottom: 0;
}
.mpema-blog .service-categories ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: var(--mpema-fw-sbold);
  color: var(--mpema-color-heading-primary);
  background: var(--mpema-color-theme-dark);
  padding: 20px 15px 17px 25px;
  border-radius: 10px;
}
.mpema-blog .service-categories ul li a span {
  color: var(--mpema-color-heading-primary);
}
.mpema-blog .service-categories ul li a .icon {
  font-size: 18px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mpema-blog .service-categories ul li a:hover, .mpema-blog .service-categories ul li a.active {
  color: var(--mpema-color-common-white);
  background-color: var(--mpema-color-theme-primary);
}
.mpema-blog .service-categories ul li a:hover span, .mpema-blog .service-categories ul li a.active span {
  color: var(--mpema-color-common-white);
}
.mpema-blog .widget-feature-item {
  padding: 20px;
}
.mpema-blog .widget-feature-item .feature-box {
  position: relative;
  background: var(--mpema-color-theme-dark);
  border-radius: 10px;
  overflow: hidden;
}
.mpema-blog .widget-feature-item .feature-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--mpema-color-theme-dark);
  opacity: 0.4;
}
.mpema-blog .widget-feature-item .feature-box .feature-content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
  z-index: 2;
}
.mpema-blog .widget-feature-item .feature-box .feature-content .title {
  font-size: 59px;
  color: var(--mpema-color-common-white);
  margin-bottom: 15px;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-blog .widget-feature-item .feature-box .feature-content .title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-blog .widget-feature-item .feature-box .feature-content .title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .widget-feature-item .feature-box .feature-content .title {
    font-size: 40px;
  }
}
.mpema-blog .widget-feature-item .feature-box .feature-content .desc {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .mpema-blog .widget-feature-item .feature-box .feature-content {
    padding: 30px 20px;
  }
}
.mpema-blog .widget-feature-item .feature-images {
  border-radius: 12px;
  overflow: hidden;
}
.mpema-blog .widget-feature-item .feature-images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 575px) {
  .mpema-blog .widget-feature-item {
    padding: 20px 15px;
  }
}
.mpema-blog .details-content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  row-gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 50px;
}
.mpema-blog .service-details-item {
  background-color: var(--mpema-color-theme-bg);
  border-radius: 10px;
  padding: 30px 17px 25px 18px;
  max-width: 275px;
  width: 100%;
}
.mpema-blog .service-details-item .number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  font-size: 16px;
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-medium);
  color: var(--mpema-color-common-white);
  background-color: var(--mpema-color-theme-primary);
  border-radius: 50%;
  margin-bottom: 20px;
}
.mpema-blog .service-details-item .title {
  line-height: 1.444;
  margin-bottom: 18px;
}
.mpema-blog .service-details-item .desc {
  margin-bottom: 0;
}
.mpema-blog .service-details-item .desc p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-blog .service-details-item {
    max-width: 235px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-blog .service-details-item {
    max-width: 220px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mpema-blog .service-details-item {
    max-width: 250px;
    padding: 30px 15px 15px 15px;
  }
}
@media (max-width: 575px) {
  .mpema-blog .service-details-item {
    max-width: 100%;
  }
}
.mpema-blog .blog-text .mpema-faq {
  margin-bottom: 40px;
  padding-top: 10px;
}
.mpema-blog .gallery {
  position: relative;
  display: block;
}
.mpema-blog .gallery::before {
  content: "\e911";
  font-family: "ainex-icons" !important;
  color: var(--mpema-color-common-white);
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(12, 30, 33, 0.4);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.mpema-blog .gallery:hover::before {
  opacity: 1;
  visibility: visible;
}
.mpema-blog .h5-blog-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 15px), 1fr));
  grid-gap: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mpema-blog .h5-blog-wrapper .blog-item.style-5:first-child {
  grid-row: 1/3;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 0;
}
.mpema-blog .h5-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
  width: 100%;
  min-height: 385px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .h5-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
    min-height: 260px;
  }
}
.mpema-blog .h5-blog-wrapper .blog-item.style-5:first-child .blog-content {
  width: 100%;
  padding: 30px 15px 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .h5-blog-wrapper .blog-item.style-5:first-child .blog-content {
    padding: 30px 0 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-blog .h5-blog-wrapper {
    grid-template-columns: 696px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mpema-blog .h5-blog-wrapper {
    grid-template-columns: 516px;
  }
}
@media (max-width: 575px) {
  .mpema-blog .h5-blog-wrapper {
    grid-template-columns: 100%;
  }
}
.mpema-blog .blog-item.style-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mpema-blog .blog-item.style-5 .blog-thumb {
  width: 39%;
  height: 260px;
  border-radius: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .blog-item.style-5 .blog-thumb {
    width: 100%;
  }
}
.mpema-blog .blog-item.style-5 .blog-content {
  padding: 35px 5px 35px 20px;
  width: 61%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.mpema-blog .blog-item.style-5 .blog-content .text-btn {
  background-color: transparent;
  position: unset;
  padding: 0;
  border-radius: 0;
  margin-top: 22px;
}
.mpema-blog .blog-item.style-5 .blog-content .text-btn::after, .mpema-blog .blog-item.style-5 .blog-content .text-btn::before {
  display: none;
}
.mpema-blog .blog-item.style-5 .blog-content .text-btn .btn-text {
  color: var(--mpema-color-text-body);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .blog-item.style-5 .blog-content .text-btn {
    margin-top: 16px;
  }
}
.mpema-blog .blog-item.style-5 .blog-content .blog-meta {
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .blog-item.style-5 .blog-content .blog-meta {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .blog-item.style-5 .blog-content {
    width: 100%;
    padding: 30px 0 15px;
  }
}
.mpema-blog .blog-item.style-6 {
  background-color: transparent;
  border: 1px solid var(--mpema-color-border-1);
  padding: 10px;
}
.mpema-blog .blog-item.style-6 .blog-thumb {
  height: 290px;
  border-radius: 12px;
}
.mpema-blog .blog-item.style-6 .blog-content {
  padding: 25px 20px 20px 20px;
}
.mpema-blog .blog-item.style-6 .blog-content .text-btn {
  background-color: transparent;
  position: unset;
  padding: 0;
  border-radius: 0;
  margin-top: 22px;
}
.mpema-blog .blog-item.style-6 .blog-content .text-btn::after, .mpema-blog .blog-item.style-6 .blog-content .text-btn::before {
  display: none;
}
.mpema-blog .blog-item.style-6 .blog-content .text-btn .btn-text {
  color: var(--mpema-color-text-body);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .blog-item.style-6 .blog-content .text-btn {
    margin-top: 16px;
  }
}
.mpema-blog .blog-item.style-6 .blog-content .blog-meta {
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .blog-item.style-6 .blog-content .blog-meta {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .blog-item.style-6 .blog-content {
    width: 100%;
    padding: 30px 0 15px;
  }
}
.mpema-blog .h7-blog-wrapper {
  position: relative;
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation {
  opacity: 1;
  visibility: visible;
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation .slider-next,
.mpema-blog .h7-blog-wrapper .testimonial-navigation .slider-prev {
  border: 8px solid var(--mpema-color-theme-dark);
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation .slider-prev {
  -webkit-margin-start: -30px;
  margin-inline-start: -30px;
}
.mpema-blog .h7-blog-wrapper .testimonial-navigation .slider-next {
  -webkit-margin-end: -30px;
  margin-inline-end: -30px;
}
.mpema-blog .h7-blog-wrapper .swiper-slide:nth-child(odd) .h7-blog-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.mpema-blog .h7-blog-wrapper .swiper-slide:nth-child(odd) .h7-blog-item .blog-content {
  padding: 15px 20px 25px 10px;
}
.mpema-blog .h7-blog-item.style-6 {
  background-color: var(--mpema-color-theme-bg);
  border: 0;
  padding: 15px;
}
.mpema-blog .h7-blog-item.style-6 .blog-content {
  padding: 25px 20px 15px 10px;
}
.mpema-blog .h7-blog-item.style-6 .blog-content .text-btn .btn-text {
  color: var(--mpema-color-common-white);
}
.mpema-blog .h7-blog-item.style-6 .blog-content .blog-meta {
  margin-bottom: 15px;
}
.mpema-blog .h7-blog-item.style-6 .blog-content .blog-meta .categories {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  position: unset;
}
.mpema-blog .h7-blog-item.style-6 .blog-content .blog-meta .categories::before, .mpema-blog .h7-blog-item.style-6 .blog-content .blog-meta .categories::after {
  display: none;
}
.mpema-blog .h7-blog-item.style-6 .blog-content .blog-meta .categories a {
  background-color: transparent;
  color: var(--mpema-color-theme-primary);
  border: 1px solid var(--mpema-color-border-1);
  border-radius: 4px;
}
.mpema-blog .h7-blog-item.style-6 .blog-content .blog-meta .categories a:hover {
  background-color: var(--mpema-color-theme-primary);
  color: var(--mpema-color-common-white);
  border-color: var(--mpema-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .h7-blog-item.style-6 .blog-content {
    width: 100%;
    padding: 30px 0 15px;
  }
}
.mpema-blog .h8-blog-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
}
.mpema-blog .h8-blog-wrapper .blog-item.style-5 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .h8-blog-wrapper .blog-item.style-5 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-blog .h8-blog-wrapper .blog-item.style-5 .title {
    font-size: 20px;
  }
}
.mpema-blog .h8-blog-wrapper .blog-item.style-5:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.mpema-blog .h8-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
  width: 50%;
  min-height: 480px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-blog .h8-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
    min-height: 420px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-blog .h8-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
    width: 100%;
    min-height: 360px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .h8-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
    width: 100%;
    min-height: 260px;
  }
}
.mpema-blog .h8-blog-wrapper .blog-item.style-5:first-child .blog-content {
  width: 50%;
  padding: 15px 15px 15px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-blog .h8-blog-wrapper .blog-item.style-5:first-child .blog-content .title {
    font-size: 26px;
  }
}
.mpema-blog .h8-blog-wrapper .blog-item.style-5:first-child .blog-content .mpema-secondary-btn {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .h8-blog-wrapper .blog-item.style-5:first-child .blog-content .mpema-secondary-btn {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-blog .h8-blog-wrapper .blog-item.style-5:first-child .blog-content {
    width: 100%;
    padding: 30px 0 15px;
  }
}

.mpema-pricing-section {
  position: relative;
  z-index: 1;
}

.mpema-pricing-section .sec-heading {
  margin-bottom: 30px;
}

.mpema-pricing {
  /* !END: Pricing CSS */
  /* !END: Pricing CSS */
}
.mpema-pricing .pricing-switcher {
  width: 70px;
  height: 36px;
  background-color: var(--mpema-color-theme-bg);
  border: 1px solid var(--mpema-color-border-1);
  border-radius: 45px;
  padding: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mpema-pricing .pricing-switcher-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-pricing .pricing-switcher-area {
    margin-bottom: 40px;
  }
}
.mpema-pricing .pricing-switcher-inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}
.mpema-pricing .pricing-switcher-inner span {
  font-weight: var(--mpema-fw-sbold);
}
.mpema-pricing .pricing-switcher .nav-link {
  width: 50%;
  height: 26px;
  position: relative;
}
.mpema-pricing .pricing-switcher .nav-link::before {
  content: "";
  width: 26px;
  height: 26px;
  background-color: var(--mpema-color-theme-primary);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: none;
  transition: none;
  pointer-events: none;
}
.mpema-pricing .pricing-switcher .nav-link.active::before {
  opacity: 1;
}
.mpema-pricing .pricing-tab {
  background-color: var(--mpema-color-theme-primary);
  border-radius: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 288px;
  padding: 4px;
  margin-top: 25px;
}
.mpema-pricing .pricing-tab .nav-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: transparent;
  color: var(--mpema-color-common-white);
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  border-radius: 30px;
  padding: 9px 20px;
  outline: none;
  border: none;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  position: relative;
  z-index: 2;
}
.mpema-pricing .pricing-tab .nav-link.active {
  background: var(--mpema-color-theme-dark);
}
.mpema-pricing .pricing-box {
  background-color: var(--mpema-color-theme-bg);
  border-radius: 12px;
  border-top-right-radius: 0;
  padding: 2px;
  overflow: hidden;
  position: relative;
}
.mpema-pricing .pricing-box-inner {
  background-color: var(--mpema-color-theme-bg);
  border-radius: 12px;
  border-top-right-radius: 0;
  padding: 48px 30px 42px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-pricing .pricing-box-inner {
    padding: 45px 20px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-pricing .pricing-box-inner {
    padding: 30px 20px;
  }
}
.mpema-pricing .pricing-box.active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 0, 127)), to(rgba(255, 0, 127, 0)));
  background-image: linear-gradient(to bottom, rgb(255, 0, 127), rgba(255, 0, 127, 0));
}
.mpema-pricing .pricing-box.active .pricing-badge {
  border-left-color: var(--mpema-color-theme-primary);
  border-bottom-color: var(--mpema-color-theme-primary);
}
.mpema-pricing .pricing-box.active .pricing-badge::before, .mpema-pricing .pricing-box.active .pricing-badge::after {
  border-top-color: var(--mpema-color-theme-primary);
  border-right-color: var(--mpema-color-theme-primary);
}
.mpema-pricing .pricing-box.active .pricing-badge span {
  background-color: var(--mpema-color-theme-primary);
  color: var(--mpema-color-common-white);
}
.mpema-pricing .pricing-box.active .package-name {
  color: var(--mpema-color-common-white);
}
.mpema-pricing .pricing-box.active .package-price {
  color: var(--mpema-color-common-white);
}
.mpema-pricing .pricing-box.active .package-currency {
  color: var(--mpema-color-common-white);
}
.mpema-pricing .pricing-box.active .pricing-btn a {
  background-color: var(--mpema-color-theme-primary);
}
.mpema-pricing .pricing-box.active .pricing-btn a .btn-text {
  color: var(--mpema-color-heading-primary);
}
.mpema-pricing .pricing-box.active .pricing-btn a .btn-icon {
  background-color: var(--mpema-color-theme-dark);
}
.mpema-pricing .pricing-box.active .pricing-btn a .btn-icon::before {
  width: 48px;
}
.mpema-pricing .pricing-box.active .pricing-btn a:hover .btn-icon::before {
  width: 100%;
}
.mpema-pricing .pricing-box.style-2:not(:last-child) {
  margin-bottom: 30px;
}
.mpema-pricing .pricing-box.style-2 .pricing-box-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-pricing .pricing-box.style-2 .pricing-badge {
    font-size: 13px;
    padding: 0 0 6px 6px;
  }
  .mpema-pricing .pricing-box.style-2 .pricing-badge span {
    padding: 6px;
    border-radius: 4px;
  }
}
.mpema-pricing .pricing-box.style-2 .pricing-header {
  width: 49.6%;
  background-color: var(--mpema-color-theme-dark);
  border-radius: 12px;
  padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-pricing .pricing-box.style-2 .pricing-header {
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-pricing .pricing-box.style-2 .pricing-header {
    width: 100%;
    padding: 20px;
    margin: 30px 0;
  }
}
.mpema-pricing .pricing-box.style-2 .list-style-3 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-pricing .pricing-box.style-2 .list-style-3 {
    padding-left: 0;
  }
}
.mpema-pricing .pricing-box.style-2 .pricing-btn {
  max-width: 206px;
  width: 100%;
  margin-bottom: 0;
}
.mpema-pricing .pricing-box.style-3 .list-style-3 {
  background-color: var(--mpema-color-theme-dark);
  border-radius: 10px;
  padding: 25px 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-pricing .pricing-box.style-3 .list-style-3 {
    padding: 15px;
  }
}
.mpema-pricing .pricing-box.style-3 .pricing-btn {
  margin: 30px 0 0 0;
}
.mpema-pricing .pricing-box.style-3 .pricing-btn a {
  border-radius: 10px;
}
.mpema-pricing .pricing-box.style-3 .pricing-btn a .btn-icon {
  border-radius: 8px;
}
.mpema-pricing .pricing-box.style-3 .pricing-btn a .btn-icon::before {
  border-radius: 8px;
}
.mpema-pricing .pricing-box.style-3.active {
  background-color: var(--mpema-color-theme-primary);
}
.mpema-pricing .pricing-box:hover .pricing-badge > span span {
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}
.mpema-pricing .pricing-badge {
  position: absolute;
  top: -2px;
  right: -2px;
  padding: 0 0 10px 10px;
  background-color: var(--mpema-color-theme-dark);
  border-bottom-left-radius: 12px;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  font-size: 16px;
  line-height: 1;
  font-weight: var(--mpema-fw-medium);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
}
.mpema-pricing .pricing-badge > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--mpema-color-theme-bg);
  color: var(--mpema-color-theme-primary);
  padding: 10px 14px;
  border-radius: 8px;
  overflow: hidden;
  text-shadow: 0 30px 0;
}
.mpema-pricing .pricing-badge::before, .mpema-pricing .pricing-badge::after {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: -25px;
  width: 25px;
  height: 12px;
  -webkit-box-shadow: 12px 0 0 0 var(--mpema-color-theme-dark);
  box-shadow: 12px 0 0 0 var(--mpema-color-theme-dark);
  border-top-right-radius: 12px;
  z-index: -1;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
}
.mpema-pricing .pricing-badge::after {
  top: auto;
  left: auto;
  bottom: -12px;
  right: 0;
}
.mpema-pricing .package-name {
  line-height: 1;
  margin-bottom: 10px;
}
.mpema-pricing .package-desc {
  padding-bottom: 23px;
}
.mpema-pricing .package-desc p {
  margin-bottom: 0;
}
.mpema-pricing .package-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 64px;
  color: var(--mpema-color-heading-primary);
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-sbold);
  line-height: 0.8;
  margin: 26px 0 30px;
}
.mpema-pricing .package-period {
  font-size: 16px;
  font-family: var(--mpema-ff-body);
  font-weight: var(--mpema-fw-regular);
  color: var(--mpema-color-text-body);
  margin-top: auto;
}
.mpema-pricing .pricing-btn {
  overflow: hidden;
  margin-bottom: 25px;
}
.mpema-pricing .pricing-btn a {
  background-color: var(--mpema-color-theme-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 4px solid var(--mpema-color-theme-primary);
  border-radius: 50px;
  padding: 0;
}
.mpema-pricing .pricing-btn a .btn-text {
  font-weight: var(--mpema-fw-sbold);
  padding-left: 20px;
  color: var(--mpema-color-common-white);
}
.mpema-pricing .pricing-btn a .btn-text span {
  text-shadow: 0 30px 0 currentColor;
}
.mpema-pricing .pricing-btn a .btn-icon {
  width: 48px;
  height: 48px;
  border-radius: 50px;
}
.mpema-pricing .pricing-btn a .btn-icon::before {
  content: "";
  background-color: var(--mpema-color-theme-dark);
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  border-radius: 50px;
}
.mpema-pricing .pricing-btn a .btn-icon i {
  color: var(--mpema-color-common-white);
}
.mpema-pricing .pricing-btn:hover .btn-icon {
  background-color: var(--mpema-color-theme-dark);
}
.mpema-pricing .pricing-btn:hover .btn-icon::before {
  width: 48px;
}
.mpema-pricing .pricing-btn:hover .btn-icon i {
  color: var(--mpema-color-common-white);
}
.mpema-pricing .list-style-3 .title {
  margin-bottom: 20px;
}
.mpema-pricing .list-style-3 ul {
  list-style: none;
}
.mpema-pricing .list-style-3 ul li {
  color: var(--mpema-color-text-body);
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-medium);
  letter-spacing: -0.03em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
  margin-bottom: 10px;
}
.mpema-pricing .list-style-3 ul li:last-child {
  margin-bottom: 0;
}
.mpema-pricing .list-style-3 ul li i {
  font-size: 14px;
  color: var(--mpema-color-theme-primary);
  margin-top: 6px;
}
.mpema-pricing .mpema-tab-switcher .form-switch {
  padding: 0;
  margin: 0;
}
.mpema-pricing .mpema-tab-switcher .form-check .form-check-input {
  display: none;
}
.mpema-pricing .mpema-tab-switcher .form-check:has(.form-check-input) .form-check-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  position: relative;
  cursor: pointer;
  background-color: var(--mpema-color-theme-bg);
  float: none;
  height: 36px;
  width: 70px;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid var(--mpema-color-border-1);
  border-radius: 50px;
}
.mpema-pricing .mpema-tab-switcher .form-switch:has(.form-check-input) .form-check-label::after {
  content: "";
  height: 20px;
  width: 20px;
  border: 0;
  background: linear-gradient(149.04deg, rgba(244, 68, 84, 0.3) 15%, rgba(255, 250, 250, 0) 78.75%);
  border-radius: 37px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 8.5px;
  z-index: 2;
  cursor: pointer;
}
.mpema-pricing .mpema-tab-switcher .form-switch:has(.form-check-input) .form-check-label::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background-color: var(--mpema-color-theme-primary);
  z-index: 1;
  border-radius: 100%;
  border: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mpema-pricing .mpema-tab-switcher .form-check:has(.form-check-input:checked) .form-check-label::before {
  background-color: var(--mpema-color-theme-primary);
}
.mpema-pricing .mpema-tab-switcher .ms-input .form-check-input:checked {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: var(--mpema-color-theme-bg);
}
.mpema-pricing .mpema-tab-switcher .form-switch:has(.form-check-input:checked) .form-check-label::after {
  left: 45px;
}
.mpema-pricing .mpema-tab-switcher .form-switch:has(.form-check-input:checked) .form-check-label::before {
  left: 38px;
}
.mpema-pricing .pricing-box.style-4 {
  border-radius: 12px;
  padding: 0;
}
.mpema-pricing .pricing-box.style-4 .pricing-box-inner {
  background-color: transparent;
}
.mpema-pricing .pricing-box.style-4.active {
  background-image: linear-gradient(130deg, rgb(1, 4, 128) 23%, rgb(255, 0, 127) 78%);
}
.mpema-pricing .pricing-box.style-4.active .package-period,
.mpema-pricing .pricing-box.style-4.active .package-desc {
  color: var(--mpema-color-common-white);
}
.mpema-pricing .pricing-box.style-4.active .list-style-3 ul li {
  color: var(--mpema-color-common-white);
}
.mpema-pricing .pricing-box.style-4.active .list-style-3 ul li i {
  color: var(--mpema-color-common-white);
}
.mpema-pricing .pricing-box.style-4.active .pricing-btn a {
  background-color: var(--mpema-color-theme-bg);
  border-color: var(--mpema-color-theme-bg);
}
.mpema-pricing .pricing-box.style-4.active .pricing-btn a .btn-icon {
  background-color: transparent;
}
.mpema-pricing .pricing-box.style-4.active .pricing-btn a .btn-icon::before {
  background: var(--mpema-color-theme-primary);
}
.mpema-pricing .pricing-box.style-4.active .pricing-btn a .btn-icon i {
  color: var(--mpema-color-common-white);
}

.mpema-team-section {
  padding-top: 120px;
  padding-bottom: 90px;
  overflow: hidden;
}

.mpema-team-section .sec-heading {
  max-width: 550px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team-section {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team-section {
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
.mpema-team-section-2 {
  border-radius: 24px;
}

.mpema-team-section-2 .team-item .social-links {
  background-color: var(--mpema-color-theme-bg);
}

.mpema-team-section-2 .team-item .social-links::after, .mpema-team-section-2 .team-item .social-links::before {
  -webkit-box-shadow: 0 12px 0 0 var(--mpema-color-theme-bg);
  box-shadow: 0 12px 0 0 var(--mpema-color-theme-bg);
}

.h7-team-section {
  overflow: hidden;
  position: relative;
}

.h7-team-section .sec-heading-inner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.h7-team-section .sec-heading-inner .sec-title {
  -webkit-margin-end: 25px;
  margin-inline-end: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-team-section .sec-heading-inner .sec-title {
    max-width: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-team-section .sec-heading-inner .sec-title {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-team-section .sec-heading {
    max-width: 500px;
  }
}
.h7-team-section .shape-1 {
  position: absolute;
  width: 348px;
  left: -56px;
  bottom: 53px;
  z-index: -1;
  -webkit-animation: zoomEffect 4s linear infinite;
  animation: zoomEffect 4s linear infinite;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .h7-team-section .shape-1 {
    width: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .h7-team-section .shape-1 {
    width: 250px;
    left: -65px;
    bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h7-team-section .shape-1 {
    width: 200px;
    left: -65px;
    bottom: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h7-team-section .shape-1 {
    width: 150px;
    left: -50px;
    bottom: 30px;
  }
}
.h8-team-section {
  overflow: hidden;
  position: relative;
}

.h8-team-section::after, .h8-team-section::before {
  content: "";
  position: absolute;
  top: 120px;
  left: -400px;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  background: var(--mpema-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  opacity: 0.2;
  z-index: -1;
  pointer-events: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-team-section::after, .h8-team-section::before {
    width: 600px;
    height: 600px;
    top: 150px;
    left: -300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h8-team-section::after, .h8-team-section::before {
    width: 400px;
    height: 500px;
    top: 150px;
    left: -150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-team-section::after, .h8-team-section::before {
    width: 400px;
    height: 400px;
    top: 150px;
    left: -200px;
  }
}
.h8-team-section::after {
  left: auto;
  top: auto;
  bottom: 40px;
  right: -650px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .h8-team-section::after {
    right: -450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .h8-team-section::after {
    width: 400px;
    height: 400px;
    bottom: 20px;
    right: -250px;
  }
}
.mpema-team {
  /* !END: Team CSS */
  /* !END: Team Details CSS */
  /* !END: Team CSS */
  /**----------------------------------------
  START: Blog CSS
  ----------------------------------------*/
  /* !END: Blog CSS */
  /**----------------------------------------
  START: CTA CSS
  ----------------------------------------*/
  /* !END: CTA CSS */
  /**----------------------------------------
  START: Theme Header CSS
  ----------------------------------------*/
}
@media (max-width: 575px) {
  .mpema-team .team-wrapper {
    margin-right: -15px;
  }
}
.mpema-team .team-item {
  position: relative;
  z-index: 1;
  padding: 2px 2px 0 2px;
}
.mpema-team .team-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 0, 127)), to(rgba(255, 0, 127, 0)));
  background-image: linear-gradient(rgb(255, 0, 127) 0%, rgba(255, 0, 127, 0) 100%);
  opacity: 0;
  border-radius: 10px;
  z-index: 2;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.mpema-team .team-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 0, 127)), to(rgba(255, 0, 127, 0)));
  background-image: linear-gradient(rgb(255, 0, 127) 0%, rgba(255, 0, 127, 0) 100%);
  opacity: 0;
  border-radius: 10px;
  z-index: -1;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.mpema-team .team-item .team-img {
  position: relative;
  background-color: var(--mpema-color-theme-dark);
  z-index: 1;
  border-radius: 10px;
}
.mpema-team .team-item .team-img img {
  width: 100%;
  border-radius: 10px;
  mix-blend-mode: luminosity;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.mpema-team .team-item .social-links {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  background-color: var(--mpema-color-theme-dark);
  border-top-left-radius: 12px;
  padding: 10px 0 0 10px;
  z-index: 2;
}
.mpema-team .team-item .social-links::after, .mpema-team .team-item .social-links::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: -25px;
  right: 0;
  width: 12px;
  height: 25px;
  -webkit-box-shadow: 0 12px 0 0 var(--mpema-color-theme-dark);
  box-shadow: 0 12px 0 0 var(--mpema-color-theme-dark);
  border-bottom-right-radius: 12px;
  z-index: -1;
}
.mpema-team .team-item .social-links::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: -12px;
}
.mpema-team .team-item .social-links .share-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--mpema-color-theme-bg);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 16px;
  color: var(--mpema-color-theme-primary);
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.mpema-team .team-item .social-links ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  opacity: 0;
}
.mpema-team .team-item .social-links ul li {
  margin-bottom: -32px;
}
.mpema-team .team-item .social-links ul li:last-child {
  margin: 0;
}
.mpema-team .team-item .social-links ul li a {
  font-size: 16px;
  width: 32px;
  height: 32px;
  background-color: var(--mpema-color-theme-bg);
}
.mpema-team .team-item .social-links ul li a:hover {
  opacity: 1;
  background-color: var(--mpema-color-theme-primary);
}
.mpema-team .team-item .social-links ul li a:hover i {
  color: var(--mpema-color-common-white);
}
.mpema-team .team-item .social-links:hover .share-icon {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.mpema-team .team-item .social-links:hover ul {
  gap: 6px;
  opacity: 1;
}
.mpema-team .team-item .social-links:hover ul li {
  margin: 0;
}
.mpema-team .team-item .team-content {
  position: absolute;
  left: 0;
  top: 0;
  padding: 25px 30px;
  width: 100%;
  z-index: 3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-item .team-content {
    padding: 20px;
  }
}
.mpema-team .team-item .title {
  margin-bottom: 0;
}
.mpema-team .team-item .title a {
  display: inline-block;
}
.mpema-team .team-item .title a:hover {
  letter-spacing: 0;
}
.mpema-team .team-item .designation {
  font-size: 14px;
  color: var(--mpema-color-text-body-3);
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mpema-team .team-item:hover::before {
  opacity: 0.5;
  height: 100%;
}
.mpema-team .team-item:hover::after {
  opacity: 0.2;
}
.mpema-team .team-item:hover .share-icon {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.mpema-team .team-details {
  padding: 120px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .team-details {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .team-details {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details {
    padding: 60px 0;
  }
}
.mpema-team .team-details .sticky-lg-top {
  top: 120px;
  z-index: 2;
}
.mpema-team .team-details__img {
  background-color: var(--mpema-color-theme-dark);
}
.mpema-team .team-details__img img {
  border-radius: 12px;
  width: 100%;
  mix-blend-mode: luminosity;
}
.mpema-team .team-details__content {
  padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details__content {
    margin-top: 30px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details__content {
    margin-top: 20px;
  }
}
.mpema-team .team-details .team-details__subtitle {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details .team-details__subtitle {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details__name {
    font-size: 36px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details__name {
    font-size: 30px;
    margin-bottom: 8px;
  }
}
.mpema-team .team-details__desig {
  margin-bottom: 20px;
  color: var(--mpema-color-text-body-3);
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details__desig {
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details__desig {
    margin-bottom: 8px;
  }
}
.mpema-team .team-details .social-links ul li a {
  background-color: var(--mpema-color-theme-bg);
}
.mpema-team .team-details__contact-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--mpema-color-theme-bg);
  margin: 30px 0;
  border-radius: 12px;
  list-style: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details__contact-info ul {
    margin: 20px 0;
  }
}
@media (max-width: 575px) {
  .mpema-team .team-details__contact-info ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.mpema-team .team-details__contact-info ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  padding: 25px 28px;
  border-right: 1px solid var(--mpema-color-border-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mpema-team .team-details__contact-info ul li:last-child {
  border: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .team-details__contact-info ul li {
    padding: 16px 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details__contact-info ul li {
    padding: 12px 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (max-width: 575px) {
  .mpema-team .team-details__contact-info ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    border-right: 0;
    border-bottom: 1px solid var(--mpema-color-border-1);
  }
}
.mpema-team .team-details__contact-info ul span {
  color: var(--mpema-color-text-body-3);
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details__contact-info ul span {
    font-size: 14px;
  }
}
.mpema-team .team-details__contact-info ul a {
  font-size: 20px;
  color: var(--mpema-color-heading-primary);
  font-weight: var(--mpema-fw-medium);
  margin-bottom: 0;
  position: relative;
  display: inline-block;
}
.mpema-team .team-details__contact-info ul a::after {
  content: "";
  width: 0;
  height: 1px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  bottom: 2px;
  left: 0;
  background-color: var(--mpema-color-heading-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details__contact-info ul a {
    font-size: 16px;
  }
}
.mpema-team .team-details__contact-info ul a:hover::after {
  width: 100%;
}
.mpema-team .team-details__experience {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .team-details__experience {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details__experience {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.mpema-team .team-details__experience__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--mpema-color-theme-bg);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 25px 0;
  border-radius: 12px;
  list-style: none;
  border-radius: 10px;
}
.mpema-team .team-details__experience__list ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  border: 1px solid var(--mpema-color-border-1);
  border-top: 0;
  border-left: 0;
}
.mpema-team .team-details__experience__list ul li:nth-last-child(2), .mpema-team .team-details__experience__list ul li:last-child {
  border-bottom: 0;
}
.mpema-team .team-details__experience__list ul li p {
  margin-bottom: 0;
}
.mpema-team .team-details__experience__list ul li i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 22px;
  width: 100%;
  height: 22px;
  font-size: 14px;
  color: var(--mpema-color-common-white);
  background: var(--mpema-color-theme-primary);
  border-radius: 50%;
  margin-top: 4px;
}
.mpema-team .team-details__experience__list ul li:last-child {
  border-right: 0;
}
.mpema-team .team-details__experience__list ul li:nth-child(2n) {
  border-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-details__experience__list ul li {
    padding: 16px;
  }
}
@media (max-width: 575px) {
  .mpema-team .team-details__experience__list ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    border-right: 0;
  }
  .mpema-team .team-details__experience__list ul li:nth-last-child(2) {
    border-bottom: 1px solid var(--mpema-color-border-1);
  }
}
.mpema-team .contact-team-details-inner {
  background-color: var(--mpema-color-theme-bg);
  border-radius: 16px;
  padding: 80px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-team .contact-team-details-inner .sec-heading {
    -webkit-padding-end: 30px;
    padding-inline-end: 30px;
  }
}
.mpema-team .contact-team-details-inner .desc {
  margin-top: 20px;
}
.mpema-team .contact-team-details-inner .contact-form {
  background-color: var(--mpema-color-theme-dark);
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .contact-team-details-inner .contact-form {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .contact-team-details-inner {
    padding: 80px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .contact-team-details-inner {
    padding: 60px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .contact-team-details-inner {
    padding: 40px 20px;
  }
}
.mpema-team .contact-team-details-message {
  font-size: 16px;
}
.mpema-team .contact-team-details-message a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}
.mpema-team .contact-team-details-message a i {
  color: var(--mpema-color-theme-primary);
}
.mpema-team .contact-team-details-message a:hover {
  color: var(--mpema-color-theme-primary);
}
.mpema-team .h7-team-wrapper {
  max-width: 1000px;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  position: relative;
  -webkit-padding-start: 51px;
  padding-inline-start: 51px;
}
.mpema-team .h7-team-wrapper .follow-text {
  position: absolute;
  bottom: 0;
  left: -65px;
  -webkit-writing-mode: sideways-lr;
  -ms-writing-mode: sideways-lr;
  writing-mode: sideways-lr;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px var(--mpema-color-border-1);
  font-size: 98px;
  line-height: 1;
  font-weight: var(--mpema-fw-medium);
  font-family: var(--mpema-ff-heading);
  text-transform: uppercase;
  letter-spacing: -0.04em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h7-team-wrapper .follow-text {
    font-size: 83px;
    left: -60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-team .h7-team-wrapper {
    max-width: 910px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .h7-team-wrapper {
    max-width: 770px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .h7-team-wrapper {
    max-width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h7-team-wrapper {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
  }
}
.mpema-team .team-item-wrap {
  position: relative;
  z-index: 1;
}
.mpema-team .team-item-wrap::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -300px;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: var(--mpema-color-theme-primary);
  -webkit-filter: blur(100px);
  filter: blur(100px);
  backdrop-filter: blur(10px);
  opacity: 0.12;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}
.mpema-team .team-item-wrap .team-item {
  position: unset;
  padding: 0;
}
.mpema-team .team-item-wrap .team-item::before, .mpema-team .team-item-wrap .team-item::after {
  display: none;
}
.mpema-team .team-item-wrap .team-item:first-child .team-content {
  border-top: 1px solid var(--mpema-color-border-1);
}
.mpema-team .team-item-wrap .team-item .team-content {
  position: relative;
  width: 53%;
  padding: 33px 0;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  border-bottom: 1px solid var(--mpema-color-border-1);
}
.mpema-team .team-item-wrap .team-item .team-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--mpema-color-common-white);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .team-item-wrap .team-item .team-content {
    width: 50%;
    padding: 26px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .team-item-wrap .team-item .team-content {
    width: 100%;
    padding: 26px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-item-wrap .team-item .team-content {
    width: 100%;
    padding: 20px 0;
  }
}
.mpema-team .team-item-wrap .team-item .title span {
  color: var(--mpema-color-grey-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .team-item-wrap .team-item .title {
    font-size: 28px;
  }
}
.mpema-team .team-item-wrap .team-item .team-link {
  position: absolute;
  right: -10px;
  top: 22px;
  font-size: 48px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--mpema-color-common-white);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  visibility: hidden;
}
.mpema-team .team-item-wrap .team-item .team-link:hover {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .team-item-wrap .team-item .team-link {
    font-size: 40px;
  }
}
.mpema-team .team-item-wrap .team-item .team-img-wrap {
  max-width: 419px;
  width: 100%;
  height: 519px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-team .team-item-wrap .team-item .team-img-wrap {
    max-width: 380px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .team-item-wrap .team-item .team-img-wrap {
    max-width: 340px;
    height: 442px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-item-wrap .team-item .team-img-wrap {
    max-width: calc(100% - 60px);
    height: 0;
    position: relative;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
  }
}
.mpema-team .team-item-wrap .team-item .team-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mpema-team .team-item-wrap .team-item .team-img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
.mpema-team .team-item-wrap .team-item .social-links {
  background-color: transparent;
  right: auto;
  left: 20px;
  bottom: -20px;
  padding: 0;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 0;
}
.mpema-team .team-item-wrap .team-item .social-links ul {
  opacity: 1;
  gap: 8px;
}
.mpema-team .team-item-wrap .team-item .social-links ul li {
  margin: 0;
}
.mpema-team .team-item-wrap .team-item .social-links ul li a:not(:hover) {
  border: 1px solid var(--mpema-color-border-1);
}
.mpema-team .team-item-wrap .team-item .social-links::before, .mpema-team .team-item-wrap .team-item .social-links::after {
  display: none;
}
.mpema-team .team-item-wrap .team-item.active .team-link {
  opacity: 1;
  visibility: visible;
}
.mpema-team .team-item-wrap .team-item.active .team-img-wrap {
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .team-item-wrap .team-item.active .team-img-wrap {
    height: 518px;
    margin-top: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .team-item-wrap .team-item.active .team-img-wrap {
    height: 450px;
    margin-top: 15px;
  }
}
.mpema-team .team-item-wrap .team-item.active .social-links {
  opacity: 1;
  bottom: 20px;
}
.mpema-team .team-item-wrap .team-item.active .team-content::before {
  width: 100%;
}
.mpema-team .h8-team-section .sec-heading-inner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-team-section .sec-heading-inner {
    gap: 0;
  }
}
.mpema-team .h8-team-section .sec-heading-inner .sec-title {
  -webkit-margin-end: 300px;
  margin-inline-end: 300px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-team .h8-team-section .sec-heading-inner .sec-title {
    -webkit-margin-end: 180px;
    margin-inline-end: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .h8-team-section .sec-heading-inner .sec-title {
    max-width: 450px;
    -webkit-margin-end: 170px;
    margin-inline-end: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .h8-team-section .sec-heading-inner .sec-title {
    max-width: 355px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-team-section .sec-heading-inner .sec-title {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
  }
}
.mpema-team .h8-team-section .shape-2 {
  position: absolute;
  width: 906px;
  left: -366px;
  top: 100px;
  z-index: -1;
  opacity: 0.5;
  mix-blend-mode: luminosity;
  -webkit-animation: jumping 3s linear infinite;
  animation: jumping 3s linear infinite;
  pointer-events: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-team .h8-team-section .shape-2 {
    width: 750px;
    left: -305px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .h8-team-section .shape-2 {
    width: 600px;
    left: -245px;
    top: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .h8-team-section .shape-2 {
    width: 500px;
    left: -200px;
    top: 150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-team-section .shape-2 {
    width: 400px;
    left: -160px;
    top: 150px;
  }
}
.mpema-team .h8-team-item.team-item {
  background-color: var(--mpema-color-theme-bg);
  padding: 40px 20px 50px;
  border-radius: 12px;
}
.mpema-team .h8-team-item.team-item::before {
  top: auto;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: -1;
}
.mpema-team .h8-team-item.team-item::after {
  display: none;
}
.mpema-team .h8-team-item.team-item:hover::before {
  opacity: 0.6;
  height: 74%;
}
.mpema-team .h8-team-item.team-item .team-content {
  position: relative;
  padding: 0;
  text-align: center;
}
.mpema-team .h8-team-item.team-item .title span {
  color: var(--mpema-color-grey-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .h8-team-item.team-item .title {
    font-size: 28px;
  }
}
.mpema-team .h8-team-item.team-item .team-img {
  width: 233px;
  height: 233px;
  border-radius: 50%;
  overflow: hidden;
  margin: 30px auto;
  mix-blend-mode: luminosity;
}
.mpema-team .h8-team-item.team-item .team-img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .h8-team-item.team-item .team-img {
    width: 190px;
    height: 190px;
  }
}
.mpema-team .h8-team-item.team-item .social-links {
  position: relative;
  background-color: transparent;
  padding: 0;
}
.mpema-team .h8-team-item.team-item .social-links ul {
  opacity: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 8px;
}
.mpema-team .h8-team-item.team-item .social-links ul li {
  margin: 0;
}
.mpema-team .h8-team-item.team-item .social-links ul li a:not(:hover) {
  background-color: var(--mpema-color-theme-dark);
}
.mpema-team .h8-team-item.team-item .social-links::before, .mpema-team .h8-team-item.team-item .social-links::after {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-team-item.team-item {
    padding: 30px 15px 40px;
  }
}
.mpema-team .h8-text-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.mpema-team .h8-blog-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
}
.mpema-team .h8-blog-wrapper .blog-item.style-5 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-blog-wrapper .blog-item.style-5 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .h8-blog-wrapper .blog-item.style-5 .title {
    font-size: 20px;
  }
}
.mpema-team .h8-blog-wrapper .blog-item.style-5:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.mpema-team .h8-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
  width: 50%;
  min-height: 480px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .h8-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
    min-height: 420px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .h8-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
    width: 100%;
    min-height: 360px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-blog-wrapper .blog-item.style-5:first-child .blog-thumb {
    width: 100%;
    min-height: 260px;
  }
}
.mpema-team .h8-blog-wrapper .blog-item.style-5:first-child .blog-content {
  width: 50%;
  padding: 15px 15px 15px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .h8-blog-wrapper .blog-item.style-5:first-child .blog-content .title {
    font-size: 26px;
  }
}
.mpema-team .h8-blog-wrapper .blog-item.style-5:first-child .blog-content .mpema-secondary-btn {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-blog-wrapper .blog-item.style-5:first-child .blog-content .mpema-secondary-btn {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-blog-wrapper .blog-item.style-5:first-child .blog-content {
    width: 100%;
    padding: 30px 0 15px;
  }
}
.mpema-team .h8-cta-section {
  position: relative;
  border-radius: 24px;
  -webkit-box-shadow: 0 0 40px 0 rgba(236, 131, 187, 0.6);
  box-shadow: 0 0 40px 0 rgba(236, 131, 187, 0.6);
}
.mpema-team .h8-cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 0, 127)), to(rgb(102, 122, 255)));
  background: linear-gradient(to right, rgb(255, 0, 127), rgb(102, 122, 255));
  border-radius: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-cta-section {
    -webkit-box-shadow: 0 0 30px 0 rgba(236, 131, 187, 0.6);
    box-shadow: 0 0 30px 0 rgba(236, 131, 187, 0.6);
    -webkit-margin-start: 15px;
    margin-inline-start: 15px;
    -webkit-margin-end: 15px;
    margin-inline-end: 15px;
  }
}
.mpema-team .h8-cta-section .cta-bg {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  mix-blend-mode: luminosity;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1480px;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  pointer-events: none;
}
@-webkit-keyframes gradient-animation {
  0% {
    background-position: 15% 0%;
  }
  50% {
    background-position: 85% 100%;
  }
  100% {
    background-position: 15% 0%;
  }
}
@keyframes gradient-animation {
  0% {
    background-position: 15% 0%;
  }
  50% {
    background-position: 85% 100%;
  }
  100% {
    background-position: 15% 0%;
  }
}
.mpema-team .h8-cta-wrap {
  background-color: var(--mpema-color-theme-dark);
  position: relative;
  border-radius: 24px;
  margin: 2px;
  padding: 120px 0;
}
.mpema-team .h8-cta-wrap .sec-heading {
  width: auto;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-cta-wrap {
    padding: 70px 0;
  }
}
.mpema-team .h8-cta-area {
  max-width: 900px;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  position: relative;
  z-index: 2;
}
.mpema-team .h8-cta-area .cta-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mpema-team .h8-cta-area .cta-content .cta-icon {
  max-width: 73px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-cta-area .cta-content .cta-icon {
    max-width: 55px;
  }
}
.mpema-team .h8-cta-area .cta-content .title {
  max-width: 800px;
  font-size: 76px;
  line-height: 1.105;
  color: var(--mpema-color-common-white);
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
.mpema-team .h8-cta-area .cta-content .title span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  position: relative;
  top: 10px;
}
.mpema-team .h8-cta-area .cta-content .title span img {
  max-width: 192px;
  border-radius: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .h8-cta-area .cta-content .title span img {
    max-width: 165px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .h8-cta-area .cta-content .title span img {
    max-width: 140px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-cta-area .cta-content .title span img {
    max-width: 115px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-cta-area .cta-content .title span {
    top: 5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .h8-cta-area .cta-content .title {
    max-width: 700px;
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mpema-team .h8-cta-area .cta-content .title {
    max-width: 550px;
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-cta-area .cta-content .title {
    max-width: 500px;
    font-size: 45px;
  }
}
.mpema-team .h8-cta-area .cta-content .mpema-primary-btn .btn-icon {
  font-size: 18px;
}
.mpema-team .h8-cta-area .cursor-img-1 {
  position: absolute;
  left: 0;
  bottom: -10px;
  max-width: 116px;
  width: 100%;
  -webkit-animation: movingHorizontal 3s linear infinite;
  animation: movingHorizontal 3s linear infinite;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-cta-area .cursor-img-1 {
    bottom: -20px;
  }
}
.mpema-team .h8-cta-area .cursor-img-2 {
  position: absolute;
  right: 0;
  bottom: 55px;
  max-width: 95px;
  width: 100%;
  -webkit-animation: jumping 3s linear infinite 1s;
  animation: jumping 3s linear infinite 1s;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .h8-cta-area .cursor-img-2 {
    right: -10px;
    bottom: 20px;
  }
}
.mpema-team .header-area.header-9.header-absolute {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  padding: 30px 38px 0 38px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-team .header-area.header-9.header-absolute {
    padding: 30px 18px 0 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .header-area.header-9.header-absolute {
    padding: 20px 8px 0 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .header-area.header-9.header-absolute {
    padding: 0;
  }
}
.mpema-team .header-area.header-9 .menu-area {
  padding: 0 35px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 40px;
  backdrop-filter: blur(10px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .header-area.header-9 .menu-area {
    padding: 0 20px;
  }
}
.mpema-team .header-area.header-9 .mainmenu > ul > li > a {
  color: var(--mpema-color-common-white);
  padding-top: 17px;
  padding-bottom: 18px;
}
.mpema-team .header-area.header-9 .mainmenu > ul > li.menu-item-has-children > a::after, .mpema-team .header-area.header-9 .mainmenu > ul > li.has-dropdown > a::after {
  top: 21px;
}
.mpema-team .header-area.header-9 .mainmenu > ul > li.current-menu-ancestor > a, .mpema-team .header-area.header-9 .mainmenu > ul > li.current-menu-item > a, .mpema-team .header-area.header-9 .mainmenu > ul > li:hover > a {
  color: var(--mpema-color-theme-primary);
}
.mpema-team .header-area.header-9 .mainmenu > ul > li.current-menu-ancestor > a::after, .mpema-team .header-area.header-9 .mainmenu > ul > li.current-menu-item > a::after, .mpema-team .header-area.header-9 .mainmenu > ul > li:hover > a::after {
  color: var(--mpema-color-theme-primary);
}
.mpema-team .header-area.header-9 .header-right-item {
  gap: 15px;
}
.mpema-team .header-area.header-9.sticky {
  padding: 25px 38px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mpema-team .header-area.header-9.sticky {
    padding: 25px 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mpema-team .header-area.header-9.sticky {
    padding: 20px 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team .header-area.header-9.sticky {
    padding: 0;
  }
}

.tj-gallery-section {
  padding-top: 20px;
  padding-bottom: 30px;
}

.gallery-slider {
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 12px;
}

.gallery-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.gallery-item {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gallery-img {
  max-width: 300px;
  background-color: var(--tj-color-theme-bg);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.gallery-img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tj-color-theme-dark);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.gallery-img img {
  width: 100%;
}

.gallery-img .social-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  font-size: 28px;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  -ms-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .gallery-img .social-icon {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }
}
.gallery-img:hover::before {
  opacity: 0.5;
  visibility: visible;
}

.gallery-img:hover .social-icon {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .gallery-img {
    width: 200px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .gallery-img {
    width: 150px;
  }
}
/* !END: Gallery CSS */
/*
@include bodyStyles(
    'body',
    $body_bgcolor:null,  
    $body_color:#ffffff
    );
*/
body {
  background: #060129;
  color: #ffffff;
}

/* =========================================
   Floating WhatsApp — Model 3 (Neon)
   Class: .whatsapp.whatsapp--model3
   ========================================= */
.whatsapp.whatsapp--model3 {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 9999;
  width: 62px;
  height: 62px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(14px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.52), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transform: translateZ(0);
  animation: mpwa-float 3.2s ease-in-out infinite;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, filter 0.18s ease;
}

/* Icon: theme gradient */
.whatsapp.whatsapp--model3 i {
  font-size: 40px;
  line-height: 1;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.98), rgba(116, 91, 255, 0.85));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.35));
  position: relative;
  z-index: 2;
}

/* Breathing glow layer */
.whatsapp.whatsapp--model3::before {
  content: "";
  position: absolute;
  inset: -6px;
  pointer-events: none;
  background: radial-gradient(260px 160px at 18% 18%, rgba(255, 46, 166, 0.38), transparent 60%), radial-gradient(260px 160px at 82% 82%, rgba(116, 91, 255, 0.34), transparent 62%), radial-gradient(140px 90px at 55% 55%, rgba(255, 255, 255, 0.1), transparent 60%);
  opacity: 0.75;
  filter: blur(0.2px);
  animation: mpwa-breathe 2.6s ease-in-out infinite;
}

/* Neon edge highlight */
.whatsapp.whatsapp--model3::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 20px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset, 0 0 24px rgba(116, 91, 255, 0.22), 0 0 18px rgba(255, 46, 166, 0.18);
  opacity: 0.9;
}

/* Hover: stronger neon + pulse ring */
.whatsapp.whatsapp--model3:hover {
  transform: translateY(-3px) scale(1.02);
  border-color: rgba(116, 91, 255, 0.45);
  box-shadow: 0 30px 85px rgba(0, 0, 0, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  filter: brightness(1.03);
}

.whatsapp.whatsapp--model3:hover::before {
  opacity: 0.92;
}

/* Pulse ring on hover (not always, only hover) */
.whatsapp.whatsapp--model3:hover {
  animation: mpwa-float 3.2s ease-in-out infinite, mpwa-pulse 1.2s ease-out infinite;
}

/* Focus */
.whatsapp.whatsapp--model3:focus-visible {
  outline: 3px solid rgba(255, 46, 166, 0.3);
  outline-offset: 4px;
  border-radius: 22px;
}

/* Hidden state */
.whatsapp.whatsapp--model3.hidden {
  opacity: 0;
  pointer-events: none;
}

/* Animations */
@keyframes mpwa-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes mpwa-breathe {
  0%, 100% {
    opacity: 0.7;
    transform: scale(0.98);
  }
  50% {
    opacity: 0.92;
    transform: scale(1.02);
  }
}
@keyframes mpwa-pulse {
  0% {
    box-shadow: 0 30px 85px rgba(0, 0, 0, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 0 0 rgba(116, 91, 255, 0), 0 0 0 0 rgba(255, 46, 166, 0);
  }
  70% {
    box-shadow: 0 30px 85px rgba(0, 0, 0, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 0 14px rgba(116, 91, 255, 0.1), 0 0 0 24px rgba(255, 46, 166, 0.06);
  }
  100% {
    box-shadow: 0 30px 85px rgba(0, 0, 0, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 0 18px rgba(116, 91, 255, 0), 0 0 0 30px rgba(255, 46, 166, 0);
  }
}
.logo {
  width: auto;
}
.logo {
  max-height: 100px;
}

.social {
  display: flex;
}
.social {
  flex-direction: row;
}
.social {
  width: 100%;
}
.social {
  height: 100%;
}
.social {
  align-items: center;
}
.social {
  justify-content: flex-end;
}
.social {
  padding-right: 10px;
}
.social .social-media {
  padding-right: 20px;
}
.social .social-media i {
  padding: 5px;
}
.social .social-media i {
  font-size: 30px;
}
.social .social-media i {
  color: white;
}
.social .search-but {
  font-size: 30px;
}

.section-header-mobile-1 {
  margin-top: 20px;
}

.responsive-header-mobile-1 {
  width: 100%;
}
.responsive-header-mobile-1 {
  display: flex;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .responsive-header-mobile-1 {
    margin-bottom: 10px;
  }
  .responsive-header-mobile-1 {
    justify-content: flex-end;
  }
  .section-header-1 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .responsive-header-mobile-2 {
    display: flex;
  }
  .responsive-header-mobile-2 {
    width: 100%;
  }
  .responsive-header-mobile-2 {
    justify-content: space-between;
  }
  .responsive-header-mobile-2 {
    padding-bottom: 10px;
  }
}
@media (max-width: 992px) {
  .responsive-header-mobile-3 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .responsive-header-mobile-1 .logo-mparea {
    display: flex;
  }
  .responsive-header-mobile-1 .logo-mparea {
    justify-content: center;
  }
  .responsive-header-mobile-1 .logo-mparea {
    width: 100%;
  }
  .responsive-header-mobile-2, .section-header-mobile-3 {
    display: flex;
  }
  .responsive-header-mobile-2, .section-header-mobile-3 {
    width: 100%;
  }
  .responsive-header-mobile-2, .section-header-mobile-3 {
    justify-content: space-around;
  }
  .responsive-header-mobile-2 .MiniPicart-4EEw5, .responsive-header-mobile-2 .mp-account, .responsive-header-mobile-2 .MpOffMenuBtn-7Qm2K {
    margin-left: 10px;
  }
}
.section-header-1 {
  height: auto;
}
.section-header-1 {
  padding-top: 0px;
}
.section-header-1 {
  padding-bottom: 10px;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-Qs0lX {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1400px) {
  .section-header-1 .part-header-1 .mwt-row .mwt-col-Qs0lX {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
@media (max-width: 992px) {
  .section-header-1 .part-header-1 .mwt-row .mwt-col-Qs0lX {
    width: 100%;
  }
  .section-header-1 .part-header-1 .mwt-row .mwt-col-Qs0lX {
    height: 100%;
  }
  .section-header-1 .part-header-1 .mwt-row .mwt-col-Qs0lX {
    display: flex;
  }
  .section-header-1 .part-header-1 .mwt-row .mwt-col-Qs0lX {
    align-items: center;
  }
  .section-header-1 .part-header-1 .mwt-row .mwt-col-Qs0lX {
    justify-content: center;
  }
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N {
  width: 100%;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1400px) {
  .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF {
  /* Contact chips (email + phone) */
  /* chip */
  /* 1) Chipler z-index alabilsin (position şart) */
  /* 2) Email chip açıkken üstte olsun */
  /* 3) Menü zaten absolute, yine de garanti */
  /* icon */
  /* text (overflow safe) */
  /* responsive: full width chips on very small screens */
  /* focus */
  /* ===== Email Rotator Chip ===== */
  /* mail link */
  /* text slide */
  /* out/in classes */
  /* tooltip (hover only desktop) */
  /* copy + toggle buttons */
  /* dropdown menu */
  /* menu items */
  /* copied badge */
  /* mobile: dropdown only, rotation disabled visually (JS also disables) */
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF {
  width: 100%;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1400px) {
  .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-box {
    justify-content: center;
  }
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.2px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip-3st7z {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 42px;
  padding: 0 0;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.2px;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-box .mwt-contact-chip {
  position: relative; /* z-index çalışsın */
  z-index: 1; /* default katman */
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-box .mwt-email-chip {
  position: relative;
  z-index: 2; /* normalde hafif üstte kalabilir */
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-box .mwt-email-chip.is-open {
  z-index: 999; /* dropdown açıkken kesin en üst */
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-box .mwt-email-chip.is-open .mwt-email-menu {
  z-index: 1000;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip__icon {
  width: 30px;
  height: 30px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 46, 166, 0.95);
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip__text, .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip-3st7z .mwt-contact-chip__text {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mp-phone-whatsap-HFxKS .mwt-contact-chip__text, .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mp-phone-whatsap-HFxKS .mwt-contact-chip-3st7z .mwt-contact-chip__text {
  z-index: 0;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-phone-copy-8xWTd {
  width: 30px;
  height: 30px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(116, 91, 255, 0.92);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip:hover .mwt-phone-copy-8xWTd {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 46, 166, 0.3);
}
@media (max-width: 420px) {
  .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip {
    width: 100%;
    justify-content: flex-start;
  }
  .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip__text {
    max-width: 100%;
  }
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip:focus-visible {
  outline: 3px solid rgba(116, 91, 255, 0.35);
  outline-offset: 2px;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip__mini {
  margin-left: 6px;
  width: 30px;
  height: 30px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(116, 91, 255, 0.92);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip__mini i {
  font-size: 20px;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip:hover .mwt-contact-chip__mini {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 46, 166, 0.3);
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip__text {
  display: inline-block;
  transition: opacity 0.22s ease, transform 0.22s ease;
  will-change: opacity, transform;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip__text.is-fading-out, .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip-3st7z .mwt-contact-chip__text.is-fading-out {
  opacity: 0;
  transform: translateY(4px);
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip__text.is-fading-in, .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-contact-chip-3st7z .mwt-contact-chip__text.is-fading-in {
  opacity: 1;
  transform: translateY(0);
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-chip {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-link {
  text-decoration: none;
  color: inherit;
  display: inline-flex;
  align-items: center;
  min-width: 0;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-text {
  display: inline-block;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: opacity 0.22s ease, transform 0.22s ease;
  will-change: opacity, transform;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-text.is-out {
  opacity: 0;
  transform: translateX(-10px);
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-text.is-in {
  opacity: 0;
  transform: translateX(10px);
}
@media (hover: hover) {
  .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-text[data-tooltip] {
    position: relative;
  }
  .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-text[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 0;
    bottom: calc(100% + 10px);
    padding: 8px 10px;
    border-radius: 12px;
    white-space: nowrap;
    background: rgba(15, 20, 27, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    color: rgba(255, 255, 255, 0.92);
    font-weight: 750;
    font-size: 12px;
    opacity: 0;
    transform: translateY(4px);
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
    z-index: 50;
  }
  .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-link:hover .mwt-email-text::after {
    opacity: 1;
    transform: translateY(0);
  }
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-copy,
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-toggle {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(116, 91, 255, 0.92);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-copy:hover,
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-toggle:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 46, 166, 0.3);
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  min-width: 320px;
  max-width: min(420px, 90vw);
  padding: 10px;
  border-radius: 16px;
  background: rgba(15, 20, 27, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
  display: none;
  z-index: 60;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-chip.is-open .mwt-email-menu {
  display: block;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-item {
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
  font-weight: 750;
  cursor: pointer;
  transition: transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-item.is-active {
  border-color: rgba(255, 46, 166, 0.35);
  background: rgba(255, 255, 255, 0.1);
  position: relative;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-item.is-active::after {
  content: "✓";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 900;
  color: rgba(255, 255, 255, 0.92);
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-item + .mwt-email-item {
  margin-top: 8px;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-item:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-copied {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  padding: 8px 10px;
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.9), rgba(116, 91, 255, 0.7));
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 70;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-chip.is-copied .mwt-email-copied {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 640px) {
  .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-text {
    max-width: 200px;
  }
  .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-email-menu {
    min-width: 260px;
  }
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mailiscopied, .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .phoneiscopied {
  display: none;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mwt-phone-copied {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  padding: 8px 10px;
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.9), rgba(116, 91, 255, 0.7));
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 70;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-bKIqF .mp-phone-whatsap-HFxKS.is-copied .mwt-phone-copied {
  opacity: 1;
  transform: translateY(0);
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-qeLnh {
  width: 100%;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-qeLnh {
  min-height: 0px;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-qeLnh {
  align-content: center;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-qeLnh {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1400px) {
  .section-header-1 .part-header-1 .mwt-row .mwt-col-CfQ2N .mwt-row .mwt-col-CfQ2N-child-qeLnh {
    flex: 0 0 0%;
    max-width: 0%;
  }
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-e39kv {
  justify-content: flex-end;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-e39kv {
  align-content: center;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-e39kv {
  display: flex;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-e39kv {
  flex: 1;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-e39kv {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1400px) {
  .section-header-1 .part-header-1 .mwt-row .mwt-col-e39kv {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-e39kv .mwt-row {
  width: 100%;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-e39kv .mwt-row {
  justify-content: flex-end;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-e39kv .mwt-row .mwt-col-e39kv-child-AcumI {
  width: 100%;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-e39kv .mwt-row .mwt-col-e39kv-child-AcumI {
  display: flex;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-e39kv .mwt-row .mwt-col-e39kv-child-AcumI {
  justify-content: flex-end;
}
.section-header-1 .part-header-1 .mwt-row .mwt-col-e39kv .mwt-row .mwt-col-e39kv-child-AcumI .account-buttons .MiniPicart-4EEw5 {
  margin-right: 20px;
}

.section-header-1, .section-header-mobile-3, .responsive-header-mobile-2 {
  /* ===== Account button & dropdown ===== */
  /* buton hover: arka plan #3a86ff */
  /* dropdown panel */
  /* open state */
  /* linkler */
  /* ===== END Account button & dropdown ===== */
}
.section-header-1 .mp-account, .section-header-mobile-3 .mp-account, .responsive-header-mobile-2 .mp-account {
  position: relative;
  display: inline-flex;
}
.section-header-1 .mp-account .mp-rose-btn:hover, .section-header-mobile-3 .mp-account .mp-rose-btn:hover, .responsive-header-mobile-2 .mp-account .mp-rose-btn:hover {
  background-color: #3a86ff;
}
.section-header-1 .mp-account .mp-rose-btn .btn-text, .section-header-mobile-3 .mp-account .mp-rose-btn .btn-text, .responsive-header-mobile-2 .mp-account .mp-rose-btn .btn-text {
  color: #fff;
}
.section-header-1 .mp-account .mp-rose-btn .btn-inner::before,
.section-header-1 .mp-account .mp-rose-btn .btn-icon, .section-header-mobile-3 .mp-account .mp-rose-btn .btn-inner::before,
.section-header-mobile-3 .mp-account .mp-rose-btn .btn-icon, .responsive-header-mobile-2 .mp-account .mp-rose-btn .btn-inner::before,
.responsive-header-mobile-2 .mp-account .mp-rose-btn .btn-icon {
  background-color: #060129;
}
.section-header-1 .mp-account-dd, .section-header-mobile-3 .mp-account-dd, .responsive-header-mobile-2 .mp-account-dd {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  min-width: 220px;
  background: #060129;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 10px 0;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
  transform: translateY(6px) scale(0.98);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  z-index: 1000;
}
.section-header-1 .mp-account-dd::before, .section-header-mobile-3 .mp-account-dd::before, .responsive-header-mobile-2 .mp-account-dd::before { /* küçük ok */
  content: "";
  position: absolute;
  top: -8px;
  right: 28px;
  width: 14px;
  height: 14px;
  background: #060129;
  transform: rotate(45deg);
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.section-header-1 .mp-account.open .mp-account-dd, .section-header-mobile-3 .mp-account.open .mp-account-dd, .responsive-header-mobile-2 .mp-account.open .mp-account-dd {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.section-header-1 .mp-account-dd ul, .section-header-mobile-3 .mp-account-dd ul, .responsive-header-mobile-2 .mp-account-dd ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-header-1 .mp-account-dd li a, .section-header-mobile-3 .mp-account-dd li a, .responsive-header-mobile-2 .mp-account-dd li a {
  display: block;
  padding: 10px 16px;
  color: #3a86ff;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
  transition: color 0.15s ease, background-color 0.15s ease;
}
.section-header-1 .mp-account-dd li a:hover, .section-header-mobile-3 .mp-account-dd li a:hover, .responsive-header-mobile-2 .mp-account-dd li a:hover {
  color: #ff007f;
}

@media (max-width: 992px) {
  .section-header-2 .header-top-fcItJ, .section-header-2 .header-bottom {
    display: none;
  }
}
.section-header-2 .header-area {
  border: 0;
}
.section-header-2 .header-area {
  border-radius: 16px;
}
.section-header-2 .header-area {
  width: 100%;
}
.section-header-2 .header-area {
  height: auto;
}
.section-header-2 .header-area .header-top-fcItJ {
  width: 100%;
}
.section-header-2 .header-area .header-top-fcItJ {
  padding: 0px;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm {
  /* background: radial-gradient(700px 240px at 15% 0%, rgba(255,46,166,.22), transparent 55%),
                radial-gradient(700px 240px at 85% 100%, rgba(120,90,255,.22), transparent 55%),
                rgba(255,255,255,.05); */
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm {
  border: 0px solid rgba(255, 255, 255, 0.09);
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm {
  border-radius: 16px;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm {
  padding: 0px;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1200px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm .logo-mparea {
  display: flex;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm .logo-mparea {
  justify-content: center;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm .logo-mparea {
  width: 100%;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm .logo-mparea {
  border: 0px solid rgba(255, 255, 255, 0.09);
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm .logo-mparea {
  border-radius: 16px;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm .logo-mparea {
  padding: 10px;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
  /* ==========================
     Desktop Menu Cards (Quantum style)
     ========================== */
  /* Menu Item */
  /* Link card */
  /* subtle glow layer */
  /* neon border hover like your 2nd image */
  /* hover/active */
  /* Text */
  /* Right arrow bubble */
  /* ==========================
     Dropdown (submenu) — glass panel
     ========================== */
  /* submenu items */
  /* active submenu */
  /* Desktop only */
  /* ==========================
     Cards menu responsive layout
     ========================== */
  /* 1) Geniş ekranda: mevcut tek satır (kalsın) */
  /* mpnavmenu--cards > ul zaten flex */
  /* 2) Orta ekran: kartlar alta doğru dizilsin (wrap + 2 kolon gibi) */
  /* 3) Daha dar: 1 kolon */
  /* 4) Mobil: yatay scroll + scroll-snap (menü çok artarsa taşma yok) */
  /* ==========================
     Desktop Cards Scroll + Arrows
     Only desktop (offcanvas mobile ayrı)
     ========================== */
  /* Mobilde bu sistem kapalı (offcanvas var) */
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
  padding-right: 15px;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
  padding-left: 15px;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1200px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .middle-area {
  width: 100%;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .middle-area {
  height: 100%;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .middle-area {
  border: 0px solid rgba(255, 255, 255, 0.09);
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .middle-area {
  border-radius: 16px;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards {
  --card-bg: rgba(255,255,255,.05);
  --card-border: rgba(255,255,255,.10);
  --card-text: rgba(255,255,255,.92);
  --card-muted: rgba(255,255,255,.68);
  --accent-a: rgba(255,46,166,.95);
  --accent-b: rgba(116,91,255,.80);
  --radius: 18px;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .menu-item {
  position: relative;
  flex: 1 1 0;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .mpnav-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  min-height: 120px;
  padding: 14px 16px;
  border-radius: var(--radius);
  text-decoration: none;
  color: var(--card-text);
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
  overflow: hidden;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .mpnav-link::before {
  content: "";
  position: absolute;
  inset: -2px;
  pointer-events: none;
  background: radial-gradient(300px 140px at 20% 20%, rgba(255, 46, 166, 0.14), transparent 60%), radial-gradient(300px 140px at 85% 80%, rgba(116, 91, 255, 0.14), transparent 60%);
  opacity: 0.8;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .mpnav-link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--radius);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.18s ease;
  box-shadow: 0 0 0 1px rgba(255, 46, 166, 0.65) inset, 0 0 0 2px rgba(116, 91, 255, 0.35) inset, 0 0 26px rgba(255, 46, 166, 0.22), 0 0 30px rgba(116, 91, 255, 0.18);
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .mpnav-link:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(116, 91, 255, 0.4);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .mpnav-link:hover::after {
  opacity: 1;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .menu-item.active-menu-item > .mpnav-link {
  border-color: rgba(255, 46, 166, 0.45);
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .menu-item.active-menu-item > .mpnav-link::after {
  opacity: 1;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .mpnav-link__meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .mpnav-link__title {
  font-weight: 950;
  font-size: 18px;
  letter-spacing: 0.2px;
  line-height: 1.05;
  color: var(--card-text);
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .mpnav-link__desc {
  font-weight: 650;
  font-size: 12.5px;
  line-height: 1.25;
  color: var(--card-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 30ch;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .mpnav-link__arrow {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, var(--accent-a), var(--accent-b));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
  color: #fff;
  flex: 0 0 auto;
  transition: transform 0.18s ease, filter 0.18s ease;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .mpnav-link:hover .mpnav-link__arrow {
  transform: translateY(-1px);
  filter: brightness(1.02);
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .mpnav-link__arrow--dot {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.35);
  box-shadow: none;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .sub-menu li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 12px;
  border-radius: 14px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 750;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .sub-menu li a:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .sub-menu li.active-submenu-item > a {
  border-color: rgba(255, 46, 166, 0.3);
}
@media (max-width: 992px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .navmenu-area--desktop {
    display: none;
  }
}
@media (max-width: 1800px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
    /* kart yüksekliği biraz kompakt */
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .menu-item {
    flex: 0 1 calc(50% - 12px); /* 2 kolon */
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .mpnav-link {
    min-height: 120px;
    padding: 12px 14px;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .mpnav-link__desc {
    max-width: 36ch;
  }
}
@media (max-width: 820px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .menu-item {
    flex: 1 1 100%;
  }
}
@media (max-width: 640px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
    /* Scroll olduğunu hissettiren fade mask */
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards > ul {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px 6px 12px;
    gap: 12px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    /* scroll bar istemezsen: */
    scrollbar-width: thin;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards > ul::-webkit-scrollbar {
    height: 8px;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards > ul::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.14);
    border-radius: 999px;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards > ul::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 999px;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards .menu-item {
    flex: 0 0 78%;
    scroll-snap-align: start;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards {
    position: relative;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnavmenu--cards::after {
    content: "";
    position: absolute;
    top: 0;
    right: -2px;
    width: 40px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(15, 20, 27, 0.7));
  }
}
@media (min-width: 993px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
    /* Menü tek satır kalsın */
    /* Scroll olduğuna dair sağ/sol fade */
    /* Arrow buttons */
    /* Disabled */
    /* Thin track under menu */
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsScroll-9pX1 {
    position: relative;
    width: 100%;
    padding: 0 52px; /* oklar için yan boşluk */
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsViewport-9pX1 {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    /* scroll barı gizle (track'i biz çiziyoruz) */
    scrollbar-width: none;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsViewport-9pX1::-webkit-scrollbar {
    display: none;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsViewport-9pX1 .mpnavmenu--cards > ul {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsScroll-9pX1::before,
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsScroll-9pX1::after {
    content: "";
    position: absolute;
    top: 0;
    width: 46px;
    height: calc(100% - 10px);
    pointer-events: none;
    z-index: 2;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsScroll-9pX1::before {
    left: 52px;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsScroll-9pX1::after {
    right: 52px;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsArrow-9pX1 {
    position: absolute;
    top: 50%;
    transform: translateY(-62%);
    width: 44px;
    height: 44px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
    color: rgba(255, 255, 255, 0.92);
    cursor: pointer;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, opacity 0.18s ease;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsArrow-9pX1:hover {
    transform: translateY(-62%) translateY(-1px);
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(116, 91, 255, 0.4);
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsArrow-9pX1--left {
    left: 0;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsArrow-9pX1--right {
    right: 0;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsArrow-9pX1.is-disabled {
    opacity: 0.35;
    pointer-events: none;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsTrack-9pX1 {
    margin-top: 8px;
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
  }
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsThumb-9pX1 {
    display: block;
    height: 100%;
    width: 30%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
    transform: translateX(0);
    transition: transform 0.12s linear;
  }
}
@media (max-width: 992px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 .mpnav-cardsScroll-9pX1 {
    display: none;
  }
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-I0c7X {
  border: 0px solid rgba(255, 255, 255, 0.09);
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-I0c7X {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1200px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-I0c7X {
    flex: 0 0 0%;
    max-width: 0%;
  }
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-I0c7X {
  align-content: center;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-I0c7X .account-buttons {
  display: flex;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-I0c7X .account-buttons {
  flex-direction: row;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-I0c7X .account-buttons {
  align-items: center;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-I0c7X .account-buttons {
  justify-content: flex-end;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-I0c7X .account-buttons a {
  margin-right: 10px;
}
.section-header-2 .header-area .header-top-fcItJ .mwt-col-I0c7X .account-buttons .mp-lightish-blue-btn.sepet:hover {
  background-color: #ff007f;
}
.section-header-2 .header-area .header-bottom {
  display: none;
  background: radial-gradient(700px 240px at 15% 0%, rgba(255, 46, 166, 0.22), transparent 55%), radial-gradient(700px 240px at 85% 100%, rgba(120, 90, 255, 0.22), transparent 55%), rgba(255, 255, 255, 0.05);
}
.section-header-2 .header-area .header-bottom {
  margin-top: 25px;
}
.section-header-2 .header-area .header-bottom {
  width: 100%;
}
.section-header-2 .header-area .header-bottom {
  border: 1px solid rgba(255, 255, 255, 0.09);
}
.section-header-2 .header-area .header-bottom {
  border-radius: 14px;
}
.section-header-2 .header-area .header-bottom .navmenu-area {
  display: flex;
}
.section-header-2 .header-area .header-bottom .navmenu-area {
  justify-content: center;
}
.section-header-2 .header-area .header-bottom .navmenu-area {
  width: 100%;
}

/* =========================================
   Desktop Cards Dropdown - Clean Portal Layer
   ========================================= */
@media (min-width: 993px) {
  /* Desktop scroll sistemi netleşsin */
  .section-header-2 .mpnav-cardsViewport-9pX1 {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .section-header-2 .mpnav-cardsViewport-9pX1::-webkit-scrollbar {
    display: none;
  }
  .section-header-2 .mpnav-cardsViewport-9pX1 .mpnavmenu--cards > ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 14px !important;
  }
  /*
    max-width:1800 içindeki 50% kuralını desktop scroll içinde eziyoruz.
    Böylece kartlar kontrollü genişlikte scroll oluşturur.
  */
  .section-header-2 .mpnav-cardsViewport-9pX1 .mpnavmenu--cards .menu-item {
    flex: 0 0 clamp(240px, 18vw, 340px) !important;
  }
  /*
    Orijinal submenu artık viewport içinde açılmayacak.
    JS bu menünün içeriğini body'deki layer'a kopyalayacak.
  */
  .section-header-2 .mpnavmenu--cards .sub-menu {
    display: none !important;
  }
  .section-header-2 .mpnavmenu--cards .menu-item.is-submenu-open > .mpnav-link::after {
    opacity: 1;
  }
}
/* Body içine JS ile eklenecek gerçek dropdown layer */
@media (min-width: 993px) {
  .mpnav-dropdownLayer-9pX1 {
    position: fixed;
    left: 0;
    top: 0;
    min-width: 240px;
    padding: 10px;
    margin: 0;
    border-radius: 18px;
    background: rgba(15, 20, 27, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(14px);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(var(--mp-dd-left, -9999px), var(--mp-dd-top, -9999px), 0) translateY(8px);
    transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
    z-index: 999999;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
  }
  .mpnav-dropdownLayer-9pX1.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(var(--mp-dd-left, -9999px), var(--mp-dd-top, -9999px), 0) translateY(0);
  }
  .mpnav-dropdownLayer-9pX1 ul,
  .mpnav-dropdownLayer-9pX1 li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .mpnav-dropdownLayer-9pX1 li + li {
    margin-top: 8px;
  }
  .mpnav-dropdownLayer-9pX1 a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 12px;
    border-radius: 14px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 750;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease;
  }
  .mpnav-dropdownLayer-9pX1 a:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(116, 91, 255, 0.4);
  }
  .mpnav-dropdownLayer-9pX1 .active-submenu-item > a {
    border-color: rgba(255, 46, 166, 0.3);
  }
}
/* ==========================
   Offcanvas Mobile Menu
   Class set: 7Qm2K
   ========================== */
/* Hamburger */
.MpOffMenuBtn-7Qm2K {
  display: none;
  width: 52px;
  height: 52px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.MpOffMenuBtn-7Qm2K:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.MpOffMenuBtn-7Qm2K i {
  font-size: 18px;
}

/* Overlay */
.MpOffMenuOverlay-7Qm2K {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
}

.MpOffMenuOverlay-7Qm2K[hidden] {
  display: none;
}

/* Panel */
.MpOffMenuPanel-7Qm2K {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: min(360px, 92vw);
  height: 100svh;
  display: flex;
  flex-direction: column;
  background: rgba(15, 20, 27, 0.72);
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(14px);
  box-shadow: 22px 0 70px rgba(0, 0, 0, 0.55);
  transform: translateX(-100%);
  transition: transform 0.22s ease;
}

.MpOffMenuPanel-7Qm2K[hidden] {
  display: none;
}

.MpOffMenuPanel-7Qm2K::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(520px 260px at 20% 0%, rgba(255, 46, 166, 0.18), transparent 60%), radial-gradient(520px 260px at 95% 30%, rgba(116, 91, 255, 0.2), transparent 60%);
  opacity: 0.9;
}

.MpOffMenuPanel-7Qm2K.is-open {
  transform: translateX(0);
}

/* Panel head */
.MpOffMenuHead-7Qm2K {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.MpOffMenuBrand-7Qm2K {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 950;
  color: rgba(255, 255, 255, 0.95);
}

.MpOffMenuBrandIcon-7Qm2K {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.MpOffMenuBrandName-7Qm2K {
  letter-spacing: 0.2px;
}

/* Close button */
.MpOffMenuClose-7Qm2K {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.92);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.MpOffMenuClose-7Qm2K:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 46, 166, 0.3);
}

/* Panel body */
.MpOffMenuBody-7Qm2K {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  overflow: auto;
  padding: 14px 16px 18px;
}

/* ==========================
   Mobile Nav Override
   ========================== */
.mpnavmenu--mobile {
  --link: rgba(255,255,255,.92);
  --hover: #ff2ea6;
}

.mpnavmenu--mobile > ul {
  display: grid;
  gap: 10px;
}

.mpnavmenu--mobile .menu-item {
  width: 100%;
}

.mpnavmenu--mobile a {
  width: 100%;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
  color: rgba(255, 255, 255, 0.92);
}

.mpnavmenu--mobile a:hover {
  color: #ff2ea6;
  border-color: rgba(255, 46, 166, 0.24);
  background: rgba(255, 255, 255, 0.075);
}

/* Mobile submenu = accordion */
.mpnavmenu--mobile .sub-menu {
  position: static;
  min-width: 0;
  padding: 8px 0 0 12px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  display: none;
}

.mpnavmenu--mobile .menu-item.is-open > .sub-menu {
  display: grid;
  gap: 8px;
}

.mpnavmenu--mobile .sub-menu a {
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

/* Mobile arrow */
.mpnavmenu--mobile .has-submenu > a {
  justify-content: space-between;
}

.mpnavmenu--mobile .has-submenu > a::after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M7 10l5 5 5-5'/></svg>") no-repeat center/100% 100%;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M7 10l5 5 5-5'/></svg>") no-repeat center/100% 100%;
  opacity: 0.9;
  transition: transform 0.18s ease;
}

.mpnavmenu--mobile .menu-item.is-open > a::after {
  transform: rotate(180deg);
}

/* Focus */
.MpOffMenuBtn-7Qm2K:focus-visible,
.MpOffMenuClose-7Qm2K:focus-visible,
.MpOffMenuPanel-7Qm2K a:focus-visible {
  outline: 3px solid rgba(116, 91, 255, 0.35);
  outline-offset: 3px;
  border-radius: 14px;
}

/* ==========================
   Responsive
   ========================== */
@media (max-width: 992px) {
  .header-bottom,
  .header-area .header-bottom {
    justify-content: flex-start;
    padding: 10px 12px;
  }
  .header-bottom .mwt-row {
    display: none;
  }
  .MpOffMenuBtn-7Qm2K {
    display: inline-flex;
  }
}
@media (min-width: 993px) {
  .MpOffMenuBtn-7Qm2K {
    display: none;
  }
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .MpOffMenuPanel-7Qm2K,
  .MpOffMenuBtn-7Qm2K,
  .MpOffMenuClose-7Qm2K,
  .mpnavmenu a,
  .mpnavmenu .sub-menu,
  .mpnavmenu .has-submenu > a::after {
    transition: none;
  }
}
/* ==========================
   FIX: Offcanvas menu layout
   ========================== */
/* Offcanvas içinde UL'i kesin dikey yap (global flex'i ezer) */
.MpOffMenuPanel-7Qm2K .mpnavmenu > ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* LI tam genişlik */
.MpOffMenuPanel-7Qm2K .mpnavmenu > ul > li {
  width: 100% !important;
}

/* Link: tam genişlik + soldan hizalı */
.MpOffMenuPanel-7Qm2K .mpnavmenu a {
  display: flex !important;
  width: 100% !important;
  justify-content: flex-start !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

/* Submenu ok olanlarda sağa it */
.MpOffMenuPanel-7Qm2K .mpnavmenu .has-submenu > a {
  justify-content: space-between !important;
}

/* Submenu block güvenliği (mobil accordion) */
.MpOffMenuPanel-7Qm2K .mpnavmenu .sub-menu {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ==========================
   Offcanvas footer shortcuts
   ========================== */
.MpOffMenuFoot-7Qm2K {
  position: relative;
  z-index: 1;
  padding: 14px 16px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.MpOffMenuQuick-7Qm2K {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
}

.MpOffMenuQuickBtn-7Qm2K {
  flex: 1 1 auto;
  height: 44px;
  border-radius: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 900;
  letter-spacing: 0.2px;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.MpOffMenuQuickBtn-7Qm2K:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
}

.MpOffMenuQuickBtn-7Qm2K--primary {
  border: 0;
  color: #fff;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
}

/* ==========================
   OFFCANVAS MENU PATCH (flow + premium)
   Scope: only inside panel
   ========================== */
/* Menü kutusuna biraz iç boşluk ver (sola yapışma hissi biter) */
.MpOffMenuPanel-7Qm2K .mpnavmenu {
  width: 100%;
}

.MpOffMenuPanel-7Qm2K .mpnavmenu > ul {
  padding: 6px !important; /* iç boşluk */
  gap: 10px !important;
}

/* Link görünümü daha premium */
.MpOffMenuPanel-7Qm2K .mpnavmenu > ul > li > a {
  padding: 14px 14px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* Hover/active daha iyi */
.MpOffMenuPanel-7Qm2K .mpnavmenu > ul > li > a:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(116, 91, 255, 0.4) !important;
}

/* ========== KRİTİK: Submenu artık kesinlikle FLOW içinde ========== */
.MpOffMenuPanel-7Qm2K .mpnavmenu .sub-menu {
  position: static !important; /* absolute'i öldür */
  top: auto !important;
  left: auto !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  margin: 10px 0 0 0 !important;
  padding: 8px 0 0 18px !important; /* hafif içeri */
  min-width: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  display: none; /* accordion */
}

/* Açılınca aşağı iter (binme biter) */
.MpOffMenuPanel-7Qm2K .mpnavmenu .menu-item.is-open > .sub-menu {
  display: grid !important;
  gap: 8px !important;
}

/* Submenu linkleri */
.MpOffMenuPanel-7Qm2K .mpnavmenu .sub-menu a {
  padding: 12px 12px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}

/* Desktop'taki “hover gap bridge” pseudo'yu offcanvas'ta kapat (bazen çakışıyor) */
.MpOffMenuPanel-7Qm2K .mpnavmenu .has-submenu::after {
  display: none !important;
}

/* ========== Arrow tasarımını iyileştir ========== */
/* Linke sağda ikon için yer aç */
.MpOffMenuPanel-7Qm2K .mpnavmenu .has-submenu > a {
  position: relative !important;
  padding-right: 54px !important; /* sağda ikon alanı */
}

/* Arka “chip” */
.MpOffMenuPanel-7Qm2K .mpnavmenu .has-submenu > a::before {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 34px;
  height: 34px;
  border-radius: 14px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

/* Chevron ikon */
.MpOffMenuPanel-7Qm2K .mpnavmenu .has-submenu > a::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.85);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M7 10l5 5 5-5'/></svg>") no-repeat center/100% 100%;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M7 10l5 5 5-5'/></svg>") no-repeat center/100% 100%;
  transition: transform 0.18s ease;
}

/* Açıkken ok dönsün */
.MpOffMenuPanel-7Qm2K .mpnavmenu .menu-item.is-open > a::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Contact chips (email + phone) */
.mwt-contact-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

/* chip */
.mwt-contact-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.2px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.mwt-contact-chip-3st7z {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 42px;
  padding: 0 0;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.2px;
}

/* 1) Chipler z-index alabilsin (position şart) */
.mwt-contact-box .mwt-contact-chip {
  position: relative; /* z-index çalışsın */
  z-index: 1; /* default katman */
}

/* 2) Email chip açıkken üstte olsun */
.mwt-contact-box .mwt-email-chip {
  position: relative;
  z-index: 2; /* normalde hafif üstte kalabilir */
}

.mwt-contact-box .mwt-email-chip.is-open {
  z-index: 999; /* dropdown açıkken kesin en üst */
}

/* 3) Menü zaten absolute, yine de garanti */
.mwt-contact-box .mwt-email-chip.is-open .mwt-email-menu {
  z-index: 1000;
}

.mwt-contact-chip:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* icon */
.mwt-contact-chip__icon {
  width: 30px;
  height: 30px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 46, 166, 0.95);
}

/* text (overflow safe) */
.mwt-contact-chip__text, .mwt-contact-chip-3st7z .mwt-contact-chip__text {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mp-phone-whatsap-HFxKS .mwt-contact-chip__text, .mp-phone-whatsap-HFxKS .mwt-contact-chip-3st7z .mwt-contact-chip__text {
  z-index: 0;
}

.mwt-phone-copy-8xWTd {
  width: 30px;
  height: 30px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(116, 91, 255, 0.92);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.mwt-contact-chip:hover .mwt-phone-copy-8xWTd {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 46, 166, 0.3);
}

/* responsive: full width chips on very small screens */
@media (max-width: 420px) {
  .mwt-contact-chip {
    width: 100%;
    justify-content: flex-start;
  }
  .mwt-contact-chip__text {
    max-width: 100%;
  }
}
/* focus */
.mwt-contact-chip:focus-visible {
  outline: 3px solid rgba(116, 91, 255, 0.35);
  outline-offset: 2px;
}

.mwt-contact-chip__mini {
  margin-left: 6px;
  width: 30px;
  height: 30px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(116, 91, 255, 0.92);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.mwt-contact-chip__mini i {
  font-size: 20px;
}

.mwt-contact-chip:hover .mwt-contact-chip__mini {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 46, 166, 0.3);
}

.mwt-contact-chip__text {
  display: inline-block;
  transition: opacity 0.22s ease, transform 0.22s ease;
  will-change: opacity, transform;
}

.mwt-contact-chip__text.is-fading-out, .mwt-contact-chip-3st7z .mwt-contact-chip__text.is-fading-out {
  opacity: 0;
  transform: translateY(4px);
}

.mwt-contact-chip__text.is-fading-in, .mwt-contact-chip-3st7z .mwt-contact-chip__text.is-fading-in {
  opacity: 1;
  transform: translateY(0);
}

/* ===== Email Rotator Chip ===== */
.mwt-email-chip {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* mail link */
.mwt-email-link {
  text-decoration: none;
  color: inherit;
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

/* text slide */
.mwt-email-text {
  display: inline-block;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: opacity 0.22s ease, transform 0.22s ease;
  will-change: opacity, transform;
}

/* out/in classes */
.mwt-email-text.is-out {
  opacity: 0;
  transform: translateX(-10px);
}

.mwt-email-text.is-in {
  opacity: 0;
  transform: translateX(10px);
}

/* tooltip (hover only desktop) */
@media (hover: hover) {
  .mwt-email-text[data-tooltip] {
    position: relative;
  }
  .mwt-email-text[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 0;
    bottom: calc(100% + 10px);
    padding: 8px 10px;
    border-radius: 12px;
    white-space: nowrap;
    background: rgba(15, 20, 27, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    color: rgba(255, 255, 255, 0.92);
    font-weight: 750;
    font-size: 12px;
    opacity: 0;
    transform: translateY(4px);
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
    z-index: 50;
  }
  .mwt-email-link:hover .mwt-email-text::after {
    opacity: 1;
    transform: translateY(0);
  }
}
/* copy + toggle buttons */
.mwt-email-copy,
.mwt-email-toggle {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(116, 91, 255, 0.92);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.mwt-email-copy:hover,
.mwt-email-toggle:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 46, 166, 0.3);
}

/* dropdown menu */
.mwt-email-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  min-width: 320px;
  max-width: min(420px, 90vw);
  padding: 10px;
  border-radius: 16px;
  background: rgba(15, 20, 27, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
  display: none;
  z-index: 60;
}

.mwt-email-chip.is-open .mwt-email-menu {
  display: block;
}

/* menu items */
.mwt-email-item {
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
  font-weight: 750;
  cursor: pointer;
  transition: transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease;
}

.mwt-email-item.is-active {
  border-color: rgba(255, 46, 166, 0.35);
  background: rgba(255, 255, 255, 0.1);
  position: relative;
}

.mwt-email-item.is-active::after {
  content: "✓";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 900;
  color: rgba(255, 255, 255, 0.92);
}

.mwt-email-item + .mwt-email-item {
  margin-top: 8px;
}

.mwt-email-item:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
}

/* copied badge */
.mwt-email-copied {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  padding: 8px 10px;
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.9), rgba(116, 91, 255, 0.7));
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 70;
}

.mwt-email-chip.is-copied .mwt-email-copied {
  opacity: 1;
  transform: translateY(0);
}

/* mobile: dropdown only, rotation disabled visually (JS also disables) */
@media (max-width: 640px) {
  .mwt-email-text {
    max-width: 200px;
  }
  .mwt-email-menu {
    min-width: 260px;
  }
}
.mailiscopied, .phoneiscopied {
  display: none;
}

.mwt-phone-copied {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  padding: 8px 10px;
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.9), rgba(116, 91, 255, 0.7));
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 70;
}

.mp-phone-whatsap-HFxKS.is-copied .mwt-phone-copied {
  opacity: 1;
  transform: translateY(0);
}

.part-header-2 .header-area .header-top-fcItJ .mwt-row {
  --bs-gutter-x: 0;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 1600px) and (max-width: 1800px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (min-width: 1600px) and (max-width: 1800px) and (min-width: 1200px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (min-width: 1600px) and (max-width: 1800px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (min-width: 1600px) and (max-width: 1800px) and (min-width: 1200px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) and (min-width: 1200px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
    flex: 0 0 73.3333333333%;
    max-width: 73.3333333333%;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) and (min-width: 1200px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm {
    flex: 0 0 26.6666666667%;
    max-width: 26.6666666667%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) and (min-width: 1200px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-cCZ83 {
    flex: 0 0 68.3333333333%;
    max-width: 68.3333333333%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) and (min-width: 1200px) {
  .section-header-2 .header-area .header-top-fcItJ .mwt-col-7GNAm {
    flex: 0 0 31.6666666667%;
    max-width: 31.6666666667%;
  }
}

/* =========================================================
   Header Search Offcanvas tCBduz
   ========================================================= */
.mp-search-lock-tCBduz {
  overflow: hidden !important;
}

.MPHeaderSearchBtn-tCBduz {
  position: relative;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 30% 20%, rgba(232, 148, 255, 0.28), transparent 38%), linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04));
  color: #fff;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.MPHeaderSearchBtn-tCBduz:hover,
.MPHeaderSearchBtn-tCBduz:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(232, 148, 255, 0.55);
  outline: none;
}

.MPHeaderSearchBtn-tCBduz__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.MPHeaderSearchBtn-tCBduz__label {
  margin-left: 8px;
  font-weight: 700;
}

.MPHeaderSearchOverlay-tCBduz {
  position: fixed;
  inset: 0;
  z-index: 99990;
  background: rgba(6, 1, 41, 0.62);
  backdrop-filter: blur(10px);
  opacity: 0;
  transition: opacity 0.22s ease;
}

.MPHeaderSearchOverlay-tCBduz.is-open {
  opacity: 1;
}

.MPHeaderSearchPanel-tCBduz {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99991;
  width: min(760px, 100vw - 28px);
  transform: translate(-50%, -48%) scale(0.98);
  opacity: 0;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: radial-gradient(circle at 12% 8%, rgba(232, 148, 255, 0.22), transparent 34%), radial-gradient(circle at 88% 18%, rgba(58, 134, 255, 0.22), transparent 38%), linear-gradient(135deg, rgba(27, 22, 54, 0.98), rgba(10, 6, 31, 0.98));
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.52);
  overflow: hidden;
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.MPHeaderSearchPanel-tCBduz.is-open {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.MPHeaderSearchPanel-tCBduz__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: clamp(20px, 3vw, 34px) clamp(20px, 3vw, 36px) 12px;
}

.MPHeaderSearchPanel-tCBduz__titleWrap {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.MPHeaderSearchPanel-tCBduz__icon {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(135deg, #ff007f, #3a86ff);
  box-shadow: 0 16px 34px rgba(255, 0, 127, 0.24);
  flex: 0 0 auto;
}

.MPHeaderSearchPanel-tCBduz__title {
  color: #fff;
  margin: 0 0 6px;
  font-size: clamp(24px, 3vw, 36px);
  letter-spacing: -0.03em;
  line-height: 1.05;
}

.MPHeaderSearchPanel-tCBduz__subtitle {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 1.55;
}

.MPHeaderSearchPanel-tCBduz__close {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.MPHeaderSearchPanel-tCBduz__close:hover,
.MPHeaderSearchPanel-tCBduz__close:focus-visible {
  background: rgba(255, 255, 255, 0.18);
  transform: rotate(6deg);
  outline: none;
}

.MPHeaderSearchPanel-tCBduz__body {
  padding: 10px clamp(20px, 3vw, 36px) clamp(22px, 3vw, 36px);
}

.MPHeaderSearchForm-tCBduz {
  display: block;
}

.MPHeaderSearchForm-tCBduz__label {
  display: block;
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.86);
  font-weight: 700;
}

.MPHeaderSearchForm-tCBduz__field {
  position: relative;
  display: grid;
  grid-template-columns: 48px 1fr auto;
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 8px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.MPHeaderSearchForm-tCBduz.has-error .MPHeaderSearchForm-tCBduz__field {
  border-color: rgba(255, 71, 87, 0.76);
}

.MPHeaderSearchForm-tCBduz__fieldIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.75);
  font-size: 17px;
}

.MPHeaderSearchForm-tCBduz__input {
  width: 100%;
  min-width: 0;
  height: 48px;
  border: 0;
  outline: none;
  background: transparent;
  color: #fff;
  font-size: clamp(16px, 2vw, 18px);
}

.MPHeaderSearchForm-tCBduz__input::placeholder {
  color: rgba(255, 255, 255, 0.52);
}

.MPHeaderSearchForm-tCBduz__submit {
  height: 48px;
  border: 0;
  border-radius: 16px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #fff;
  font-weight: 800;
  background: linear-gradient(135deg, #ff007f, #3a86ff);
  cursor: pointer;
  white-space: nowrap;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.MPHeaderSearchForm-tCBduz__submit:hover,
.MPHeaderSearchForm-tCBduz__submit:focus-visible {
  transform: translateY(-1px);
  filter: brightness(1.05);
  outline: none;
}

.MPHeaderSearchForm-tCBduz__hint,
.MPHeaderSearchForm-tCBduz__error {
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 1.45;
}

.MPHeaderSearchForm-tCBduz__hint {
  color: rgba(255, 255, 255, 0.58);
}

.MPHeaderSearchForm-tCBduz__error {
  color: #ff7b8b;
  font-weight: 700;
}

@media (max-width: 768px) {
  .MPHeaderSearchPanel-tCBduz {
    width: calc(100vw - 18px);
    border-radius: 24px;
  }
  .MPHeaderSearchPanel-tCBduz__head {
    padding: 18px 18px 10px;
  }
  .MPHeaderSearchPanel-tCBduz__body {
    padding: 8px 18px 22px;
  }
  .MPHeaderSearchPanel-tCBduz__icon {
    width: 46px;
    height: 46px;
    border-radius: 16px;
  }
  .MPHeaderSearchForm-tCBduz__field {
    grid-template-columns: 42px 1fr;
    gap: 6px;
  }
  .MPHeaderSearchForm-tCBduz__submit {
    grid-column: 1/-1;
    width: 100%;
  }
}
.section-1 {
  height: auto;
}

.section-1 .slider-area .mwt-row {
  position: relative;
}
.section-1 .slider-area .mwt-row {
  height: auto;
}
.section-1 .slider-area .mwt-row {
  padding: 0;
}
.section-1 .slider-area .mwt-row {
  margin: 0;
}

.section-1 .slider-area .mwt-row .mwt-col-BIz6f {
  height: 100%;
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 992px) {
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (min-width: 576px) and (max-width: 992px) and (min-width: 768px) {
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f {
  padding: 0;
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f {
  margin: 0;
}

@media (max-width: 992px) {
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .mwt-col-BIz6f-child-qbFCw {
    display: none;
  }
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
  z-index: 1000;
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
  display: flex;
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
  position: absolute;
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
  width: 90px;
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
  height: 90px;
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
  background-color: #131313;
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
  border-radius: 10px;
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
  top: calc(50% - 45px);
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
  left: calc(50% - 50px);
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
  align-items: center;
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
  justify-content: center;
}

@media (max-width: 992px) {
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
    background-color: rgba(19, 19, 19, 0.3);
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
    width: 60px;
  }
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
    height: 60px;
  }
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
    top: calc(50% - 30px);
  }
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
    left: calc(50% - 30px);
  }
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons div i {
    font-size: 25px !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
    width: 65px;
  }
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
    height: 65px;
  }
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
    top: calc(50% - 32.5px);
  }
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
    left: calc(50% - 35px);
  }
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons div i {
    font-size: 27px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
    width: 80px;
  }
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
    height: 80px;
  }
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
    top: calc(50% - 40px);
  }
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons {
    left: calc(50% - 45px);
  }
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons div i {
    font-size: 30px !important;
  }
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons div i {
  font-size: 43px;
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons div i {
  color: #007bff;
}

.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons .left-arrow i {
  padding-right: 6px;
}

.section-1 .slider-area .mwt-row .mwt-col-BIz6f .slider-buttons .right-arrow i {
  padding-left: 6px;
}

.section-1 .slider-area .mwt-row .mwt-col-BIz6f .mwt-row .mwt-col-BIz6f-child-7ghZe {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 992px) {
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .mwt-row .mwt-col-BIz6f-child-7ghZe {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .mwt-row .mwt-col-BIz6f-child-7ghZe {
    padding: 0;
    margin: 0;
  }
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .mwt-row .mwt-col-BIz6f-child-7ghZe {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (min-width: 576px) and (max-width: 992px) and (min-width: 768px) {
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .mwt-row .mwt-col-BIz6f-child-7ghZe {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.section-1 .slider-area .mwt-row .mwt-col-BIz6f .mwt-row .mwt-col-BIz6f-child-7ghZe img {
  width: 100%;
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .mwt-row .mwt-col-BIz6f-child-7ghZe img {
  height: 100%;
}

.section-1 .slider-area .mwt-row .mwt-col-BIz6f .mwt-row .mwt-col-BIz6f-child-qbFCw {
  background-color: #385881;
}
.section-1 .slider-area .mwt-row .mwt-col-BIz6f .mwt-row .mwt-col-BIz6f-child-qbFCw {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 992px) {
  .section-1 .slider-area .mwt-row .mwt-col-BIz6f .mwt-row .mwt-col-BIz6f-child-qbFCw {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.section-1 .slider-area .mwt-row .mwt-col-SMVgh {
  width: 100%;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh {
  height: 100%;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 992px) {
  .section-1 .slider-area .mwt-row .mwt-col-SMVgh {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (max-width: 576px) {
  .section-1 .slider-area .mwt-row .mwt-col-SMVgh {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 576px) and (min-width: 992px) {
  .section-1 .slider-area .mwt-row .mwt-col-SMVgh {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .section-1 .slider-area .mwt-row .mwt-col-SMVgh {
    padding-top: 10px;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .section-1 .slider-area .mwt-row .mwt-col-SMVgh {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (min-width: 576px) and (max-width: 992px) and (min-width: 768px) {
  .section-1 .slider-area .mwt-row .mwt-col-SMVgh {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area {
  position: relative;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area {
  width: 100%;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area {
  height: 100%;
}

.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .image-area .slider-item img {
  width: 100%;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .image-area .slider-item img {
  height: 100%;
}

.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .left-arrow {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .left-arrow {
  z-index: 1000;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .left-arrow {
  background-color: #131313;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .left-arrow {
  width: 40px;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .left-arrow {
  height: 50px;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .left-arrow {
  display: flex;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .left-arrow {
  position: absolute;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .left-arrow {
  align-items: center;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .left-arrow {
  justify-content: center;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .left-arrow {
  top: calc(50% - 25px);
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .left-arrow {
  left: 0;
}

.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .left-arrow i {
  font-size: 40px;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .left-arrow i {
  color: #007bff;
}

.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .right-arrow {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .right-arrow {
  z-index: 1000;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .right-arrow {
  background-color: #131313;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .right-arrow {
  width: 40px;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .right-arrow {
  height: 50px;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .right-arrow {
  display: flex;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .right-arrow {
  position: absolute;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .right-arrow {
  top: calc(50% - 25px);
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .right-arrow {
  right: 0;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .right-arrow {
  align-items: center;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .right-arrow {
  justify-content: center;
}

.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .right-arrow i {
  font-size: 40px;
}
.section-1 .slider-area .mwt-row .mwt-col-SMVgh .image-slider-area .right-arrow i {
  color: #007bff;
}

.section-2 .scrol-slider-area {
  padding: 10px;
}

.section-2 .scrol-slider-area .mwt-row {
  padding: 0;
}
.section-2 .scrol-slider-area .mwt-row {
  padding-right: 0px;
}
.section-2 .scrol-slider-area .mwt-row {
  padding-left: 0px;
}
.section-2 .scrol-slider-area .mwt-row {
  margin: 0;
}

.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u {
  /* Buton */
  /* Hover durumu: ikisi birlikte yukarı */
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u {
  padding: 0;
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u .card-box {
  height: 400px;
  background-color: #e2eefc;
  border-radius: 12px;
  overflow: hidden;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u .card-box:hover {
  background-color: #ffffff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u .card-content {
  padding: 20px;
  height: 50%;
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u .card-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color: black;
  text-align: center;
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u .card-description {
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
  text-align: center;
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u .card-categories {
  font-size: 13px;
  color: #666;
  text-align: center;
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u .card-image-section {
  position: relative;
  height: 50%;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u .card-image-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: transform 0.3s ease;
  box-shadow: 0 8px 16px rgb(0, 0, 0); /* gölge eklendi */
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u .image-button {
  width: 80px;
  height: 80px;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 50%;
  font-size: 15px;
  cursor: pointer;
  z-index: 2;
  transition: transform 0.3s ease;
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u .card-box:hover .card-image-section img {
  transform: translateY(-10px);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 4px 8px rgb(0, 0, 0); /* gölge eklendi */
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u .card-box:hover .image-button {
  transform: translateX(-50%) translateY(-10px);
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u .image-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  background: rgba(0, 123, 255, 0.6);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1);
  animation: none;
  z-index: -1; /* arkada kalmalı */
}
.section-2 .scrol-slider-area .mwt-row .mwt-col-ZZ22u .card-box:hover .image-button::after {
  animation: ripple 2s infinite ease-out;
}
@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.8);
    opacity: 0;
  }
}

/* ---- Section 6: palette & radii ---- */
:root {
  --mp-dY7-card-bg: #1b1636;
  --mp-MFJ-card-bd: rgba(255, 255, 255, .08);
  --mp-F6E-radius: 28px;
  --mp-F6E-radius-sm: 16px;
  --mp-wQG-pad: clamp(20px, 3.2vw, 48px);
  --mp-section6-pad: clamp(18px, 3vw, 32px);
  --socket-pad: 14px;
  --piece-radius: 18px;
  --card-bg: var(--mp-dY7-card-bg);
}

/* ---- Section base ---- */
.section-6 {
  padding-bottom: 0;
  margin-top: 30px;
  height: auto;
}

@media (max-width: 576px) {
  .section-6 {
    height: auto;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section-6 {
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section-6 {
    height: auto;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section-6 {
    height: auto;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section-6 {
    height: auto;
  }
}
.section-6 .main-slider-HGmoY {
  margin-bottom: 30px;
}

.main-slider-HGmoY .sec-title {
  position: relative;
  display: inline-block;
  font-size: 48px;
  /* Tipografi: biraz daha premium */
  font-weight: 950;
  letter-spacing: 0.2px;
  /* Gradient text */
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.98), rgba(255, 255, 255, 0.96), rgba(116, 91, 255, 0.85));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /* Soft glow */
  text-shadow: 0 0 22px rgba(255, 46, 166, 0.14), 0 0 28px rgba(116, 91, 255, 0.12);
}

/* Subtle neon underline */
.main-slider-HGmoY .sec-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 72%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.85), rgba(116, 91, 255, 0.7));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25), 0 0 18px rgba(255, 46, 166, 0.14), 0 0 18px rgba(116, 91, 255, 0.12);
  opacity: 0.95;
}

/* shimmer'ı kapat */
.main-slider-HGmoY .sec-title::before {
  content: none !important;
}

/* Başlığa çok hafif nefes alan glow */
.main-slider-HGmoY .sec-title {
  animation: mpTitleBreath 3.6s ease-in-out infinite;
}

@keyframes mpTitleBreath {
  0%, 100% {
    filter: drop-shadow(0 0 0 rgba(255, 46, 166, 0)) drop-shadow(0 0 0 rgba(116, 91, 255, 0));
    text-shadow: 0 0 18px rgba(255, 46, 166, 0.12), 0 0 20px rgba(116, 91, 255, 0.1);
  }
  50% {
    filter: drop-shadow(0 0 10px rgba(255, 46, 166, 0.1)) drop-shadow(0 0 12px rgba(116, 91, 255, 0.1));
    text-shadow: 0 0 26px rgba(255, 46, 166, 0.16), 0 0 28px rgba(116, 91, 255, 0.14);
  }
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .main-slider-HGmoY .sec-title {
    animation: none;
  }
}
/* Başlık animasyonu yok */
.main-slider-HGmoY .sec-title {
  animation: none !important;
}

.main-slider-HGmoY .sec-title::before {
  content: none !important;
}

/* Underline’a hafif drift */
.main-slider-HGmoY .sec-title::after {
  background-size: 200% 100%;
  animation: mpUnderlineDrift 4.5s ease-in-out infinite;
}

@keyframes mpUnderlineDrift {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .main-slider-HGmoY .sec-title::after {
    animation: none;
  }
}
.section-6 .part-6 {
  position: relative;
}

/* ---- Hero grid ---- */
.section-6 .mwt-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(14px, 2vw, 24px);
}

/* ---- Card frame ---- */
.section-6 .card {
  position: relative;
  background: var(--mp-dY7-card-bg);
  border: 0 solid var(--mp-MFJ-card-bd);
  border-radius: var(--mp-F6E-radius);
  max-height: clamp(420px, 58vw, 700px);
  padding: var(--mp-wQG-pad);
}

/* ---- Left content ---- */
.section-6 .eyebrow {
  color: #81d8e5;
  font-weight: 600;
  margin: 6px 0 14px;
}

.section-6 .title {
  color: #e894ff;
  line-height: 1.05;
  font-size: clamp(45px, 1vw, 28px);
  letter-spacing: -0.5px;
  margin: 0 0 24px;
}

@media (max-width: 576px) {
  .section-6 .title {
    font-size: clamp(30px, 1vw, 28px);
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section-6 .title {
    font-size: clamp(35px, 1vw, 28px);
  }
}
.section-6 .actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* ---- Scoped fallback buttons ---- */
.section-6 .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.2s ease;
  border: 2px solid transparent;
}

.section-6 .btn-rose {
  background: #ff007f;
  color: #fff;
}

.section-6 .btn-rose:hover {
  background: #3a86ff;
  color: #fff;
}

.section-6 .btn-outline {
  background: transparent;
  color: #fff;
  border-color: #3a86ff;
}

.section-6 .btn-outline:hover {
  border-color: #ff007f;
  color: #fff;
}

/* ---- Left bottom-right thumb ---- */
.section-6 .left-thumb {
  position: absolute;
  right: clamp(14px, 2vw, 22px);
  bottom: clamp(14px, 2vw, 22px);
  width: clamp(160px, 22%, 260px);
  aspect-ratio: 16/10;
  margin: 0;
  border-radius: var(--mp-F6E-radius-sm);
  overflow: hidden;
  border: 1px solid var(--mp-MFJ-card-bd);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

.section-6 .left-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ---- Right main ---- */
.section-6 .mwt-hero__right {
  padding: 0;
}

.section-6 .right-main {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0% 0%;
  display: block;
  border-radius: var(--mp-F6E-radius);
}

/* ---- Right overlay image ---- */
.section-6 .right-overlay {
  position: absolute;
  left: clamp(-18px, -2vw, -28px);
  bottom: clamp(14px, 2vw, 22px);
  width: clamp(160px, 22%, 260px);
  aspect-ratio: 3/2;
  border-radius: var(--mp-F6E-radius-sm);
  overflow: hidden;
  border: 1px solid var(--mp-MFJ-card-bd);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
  background: #0d0a22;
}

.section-6 .right-overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ---- Puzzle piece positions ---- */
.section-6 .piece--tl {
  top: var(--mp-section6-pad);
  left: var(--mp-section6-pad);
}

.section-6 .piece--bl {
  bottom: var(--mp-section6-pad);
  left: var(--mp-section6-pad);
}

.section-6 .piece--br {
  bottom: var(--mp-section6-pad);
  right: var(--mp-section6-pad);
}

/* ---- Puzzle piece base ---- */
.section-6 .piece {
  position: absolute;
  z-index: 5;
  --piece-r: var(--piece-radius);
  --socket: var(--socket-pad);
  width: clamp(190px, 28%, 320px);
  aspect-ratio: 16/10;
  border: 10px solid #060129;
  border-radius: var(--piece-r);
  overflow: hidden;
}

/* Socket / halo */
.section-6 .piece::before {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--socket));
  border-radius: calc(var(--piece-r) + var(--socket));
  background: var(--card-bg);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45);
  z-index: -1;
}

/* Thin inner frame */
.section-6 .piece::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--piece-r);
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

/* Media */
.section-6 .piece__media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ---- Size variants ---- */
.section-6 .piece--video {
  width: clamp(220px, 34%, 360px);
  aspect-ratio: 16/9;
}

.section-6 .piece--img {
  width: clamp(240px, 36%, 380px);
  aspect-ratio: 16/10;
}

/* Floating piece */
.section-6 .piece--float {
  transform: translateY(18px);
}

/* ---- Video item ---- */
.section-6 .video-item.is-video {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 26px;
}

.section-6 .video-item.is-video .piece__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Full clickable play/pause button overlay */
.section-6 .video-item.is-video .piece__play {
  position: absolute;
  inset: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
}

/* Play icon circle */
.section-6 .video-item.is-video .piece__play::before {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #060129;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M8 5v14l11-7z'/></svg>") center/56% no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M8 5v14l11-7z'/></svg>") center/56% no-repeat;
}

/* Pause icon circle */
.section-6 .video-item.is-video.playing .piece__play::before {
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M6 5h4v14H6zm8 0h4v14h-4z'/></svg>") center/56% no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M6 5h4v14H6zm8 0h4v14h-4z'/></svg>") center/56% no-repeat;
}

/* ---- Section 6 Corner contents ---- */
.section-6 .mwt-hero__right .corner-contents {
  width: 100%;
}
.section-6 .mwt-hero__right .corner-contents {
  height: 100%;
}
.section-6 .mwt-hero__right .corner-contents {
  padding-top: 10px;
}
.section-6 .mwt-hero__right .corner-contents {
  padding-left: 10px;
}
.section-6 .mwt-hero__right .corner-contents {
  z-index: 4;
}

.section-6 .mwt-hero__right .corner-contents .content {
  width: 100%;
}
.section-6 .mwt-hero__right .corner-contents .content {
  height: 100%;
}
.section-6 .mwt-hero__right .corner-contents .content {
  border: 0 solid white;
}
.section-6 .mwt-hero__right .corner-contents .content {
  border-radius: 26px;
}
.section-6 .mwt-hero__right .corner-contents .content {
  background-color: #18133b;
}

.section-6 .mwt-hero__right .corner-contents-img {
  padding-right: 10px;
}
.section-6 .mwt-hero__right .corner-contents-img {
  padding-bottom: 10px;
}
.section-6 .mwt-hero__right .corner-contents-img {
  z-index: 4;
}

.section-6 .corner-chip .corner-contents-img .content-img {
  position: relative;
  overflow: hidden;
  border-radius: var(--corner-r, 26px);
}

.section-6 .corner-chip .corner-contents-img,
.section-6 .corner-chip .corner-contents-img .content-img,
.section-6 .corner-chip .corner-contents-img .image-item {
  width: 100%;
  height: 100%;
}

.section-6 .corner-chip .corner-contents-img .piece_image_media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* ---- Responsive ---- */
@media (max-width: 992px) {
  .section-6 .mwt-hero {
    grid-template-columns: 1fr;
  }
  .section-6 .card {
    min-height: 440px;
  }
  .section-6 .right-overlay {
    left: clamp(12px, 3vw, 20px);
  }
  .section-6 .piece--over {
    left: var(--mp-wQG-pad);
  }
}
.section-6 .corner-chip .corner-contents,
.section-6 .corner-chip .corner-contents-img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 4;
}
.section-6 .corner-chip .corner-contents {
  padding: 10px;
}
.section-6 .corner-chip .corner-contents-img {
  padding: 10px;
}
.section-6 .corner-chip .content,
.section-6 .corner-chip .content-img,
.section-6 .corner-chip .image-item,
.section-6 .corner-chip .video-item {
  width: 100%;
  height: 100%;
}
.section-6 .corner-chip .content,
.section-6 .corner-chip .content-img,
.section-6 .corner-chip .video-item {
  position: relative;
  overflow: hidden;
  border-radius: var(--corner-r, 26px);
}
.section-6 .corner-chip .piece_image_media,
.section-6 .corner-chip .piece__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.section-6 .video-item.is-video .piece__play {
  position: absolute;
  inset: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
}
.section-6 .video-item.is-video .piece__play::before {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #060129;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M8 5v14l11-7z'/></svg>") center/56% no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M8 5v14l11-7z'/></svg>") center/56% no-repeat;
}
.section-6 .video-item.is-video.playing .piece__play::before {
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M6 5h4v14H6zm8 0h4v14h-4z'/></svg>") center/56% no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M6 5h4v14H6zm8 0h4v14h-4z'/></svg>") center/56% no-repeat;
}

.section-3 {
  margin-top: 10px;
}

.section-3 .marquee-scroll .mwt-col-ZKieOG {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1200px) {
  .section-3 .marquee-scroll .mwt-col-ZKieOG {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.section-3 .marquee-scroll .mwt-col-ZKieOG {
  background-color: #18133b;
}
.section-3 .marquee-scroll .mwt-col-ZKieOG {
  border: 0;
}
.section-3 .marquee-scroll .mwt-col-ZKieOG {
  border-radius: 16px;
}
.section-3 .marquee-scroll .mwt-col-ZKieOG {
  width: 100%;
}
.section-3 .marquee-scroll .mwt-col-ZKieOG {
  height: 140px;
}
.section-3 .marquee-scroll .mwt-col-ZKieOG {
  position: relative;
}

.section-3 .marquee-scroll .mwt-col-ZKieOG .corner-contents {
  width: 100%;
}
.section-3 .marquee-scroll .mwt-col-ZKieOG .corner-contents {
  height: 100%;
}
.section-3 .marquee-scroll .mwt-col-ZKieOG .corner-contents {
  padding-top: 10px;
}
.section-3 .marquee-scroll .mwt-col-ZKieOG .corner-contents {
  padding-left: 10px;
}
.section-3 .marquee-scroll .mwt-col-ZKieOG .corner-contents {
  z-index: 4;
}

.section-3 .marquee-scroll .mwt-col-ZKieOG .corner-contents .content {
  width: 100%;
}
.section-3 .marquee-scroll .mwt-col-ZKieOG .corner-contents .content {
  height: 100%;
}
.section-3 .marquee-scroll .mwt-col-ZKieOG .corner-contents .content {
  border: 0px solid white;
}
.section-3 .marquee-scroll .mwt-col-ZKieOG .corner-contents .content {
  border-radius: 10px;
}
.section-3 .marquee-scroll .mwt-col-ZKieOG .corner-contents .content {
  background-color: #18133b;
}

.section-3 .marquee-scroll .mwt-col-ZKieOG .scroll-detay {
  height: 72px;
}

.section-3 .marquee-scroll .mwt-col-ZKieOG .scroll-slider {
  height: calc(100% - 72px);
}

.marqueeScroll {
  color: #ff6a92;
}

.marqueeScroll .bwd-marquee {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  gap: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 72px;
  background-color: var(--secondary);
  z-index: 1;
}

/* Track: JS bunu otomatik oluşturacak */
.marqueeScroll .bwd-marquee .bwd-marquee-track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation-name: mwt-marquee-loop;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: var(--marquee-duration, 50s);
}

.marqueeScroll .bwd-marquee .bwd-marquee-content .mwt-marquee-item {
  text-decoration: none;
  color: linear-gradient(90deg, #e894ff, #ff6a92);
}

.marqueeScroll .bwd-marquee .bwd-marquee-content .mwt-marquee-item span .mwt-marquee-open i {
  color: #e894ff;
  font-size: 20px;
}

.marqueeScroll .bwd-marquee .bwd-marquee-content .mwt-marquee-item span {
  display: block;
  white-space: nowrap;
  font-size: 20px;
  font-family: var(--source-sans-3);
  font-weight: 900;
}

.marqueeScroll .bwd-marquee .bwd-marquee-content .mwt-marquee-item span::before {
  font-family: EMAIcons;
  content: "\e006";
  display: inline-block;
  padding: 0 0.5rem 0 4rem;
  color: #ff007d;
  font-size: 18px;
  vertical-align: 0%;
}

.marqueeScroll .bwd-marquee .bwd-marquee-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  gap: 1rem;
}

/* Hover’da durdurma: track’i durdur */
.marqueeScroll .bwd-marquee:hover .bwd-marquee-track {
  animation-play-state: paused;
}

@keyframes mwt-marquee-loop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(var(--marquee-distance-neg, -1000px));
  }
}
/* Erişilebilirlik */
@media (prefers-reduced-motion: reduce) {
  .marqueeScroll .bwd-marquee .bwd-marquee-track {
    animation: none !important;
  }
}
.marqueeScroll .bwd-marquee .bwd-marquee-content .mwt-marquee-item span .mwt-marquee-open {
  background: transparent;
  border: 0;
  padding: 0;
  margin-left: 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
}

.mwt-scroll-detail__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  padding: 6px 10px;
  border-radius: 10px;
  text-decoration: none;
  color: #81d8e5;
}

.mwt-scroll-detail {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 72px;
  padding: 10px;
}

.mwt-scroll-detail__img {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  overflow: hidden;
  flex: 0 0 auto;
}

.mwt-scroll-detail__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mwt-scroll-detail__body {
  min-width: 0;
  width: 100%;
}

.mwt-scroll-detail__title {
  width: calc(100% - 230px);
  font-weight: 800;
  font-size: 16px;
  line-height: 1.2;
  color: #e894ff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mwt-scroll-detail__link {
  display: inline-block;
  margin-top: 4px;
  font-size: 13px;
}

.corner-chip .mwt-marquee-nav,
.corner-chip .content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 100%;
}

.corner-chip .mwt-marquee-prev,
.corner-chip .mwt-marquee-next {
  background: transparent;
  border: 0;
  cursor: pointer;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #81d8e5;
}

.mpema-4Xvxi-marquee-scroll-hUr1U .scroll-detay {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  z-index: 2;
  display: block;
  width: 100%;
  max-width: 1220px;
  margin: 10px 0 0 8px;
  padding: 0;
  min-height: 34px;
  max-height: 70px;
  overflow: hidden;
}

.mpema-4Xvxi-marquee-scroll-hUr1U .mwt-scroll-detail {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin: 0;
  padding: 0;
}

.mpema-4Xvxi-marquee-scroll-hUr1U .mwt-scroll-detail__title {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
  color: #81d8e5;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mpema-4Xvxi-marquee-scroll-hUr1U .mwt-scroll-detail__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #ff2ea6;
  text-decoration: none;
}

.mpema-4Xvxi-marquee-scroll-hUr1U .mwt-scroll-detail__btn:hover {
  color: #81d8e5;
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .mpema-4Xvxi-marquee-scroll-hUr1U .scroll-detay {
    width: 90%;
  }
}
@media (max-width: 1200px) {
  .mpema-4Xvxi-marquee-scroll-hUr1U .mwt-scroll-detail__btn {
    font-size: 17px;
  }
  .mpema-4Xvxi-marquee-scroll-hUr1U .scroll-detay {
    width: 90%;
  }
}
.mpema-4Xvxi-marquee-scroll-hUr1U .mwt-scroll-detail__btn i {
  font-size: 12px;
  line-height: 1;
}

.mpema-4Xvxi-marquee-scroll-hUr1U .mwt-marquee-detail-card,
.mpema-4Xvxi-marquee-scroll-hUr1U .mwt-marquee-detail-card__img,
.mpema-4Xvxi-marquee-scroll-hUr1U .mwt-marquee-detail-card__content {
  display: none !important;
}

/*  Override sonradan  yakalanan başka bir patch*/
.audio-transcription-VvRbH {
  margin-bottom: 20px;
  margin-top: 160px;
}

.audio-price-fontsize-3I0pl, span.audio-price-fontsize-3I0pl {
  font-size: 30px !important;
  color: #81d8e5;
}

.section-blog-HQ6vZ {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mpema-project-section-3-GCB2f {
  margin-top: 0px;
}
.mpema-project-section-3-GCB2f .sec-title {
  font-size: 58px;
}
.mpema-project-section-3-GCB2f .h6-project-heading .sec-title {
  background: linear-gradient(150deg, rgba(255, 46, 166, 0.95) 0%, rgba(255, 255, 255, 0.96) 42%, rgba(116, 91, 255, 0.85) 85%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* =========================================
   THEME UI OVERRIDE — Buttons + Swiper Nav
   Scope: .mpema-project-section-3-GCB2f
   ========================================= */
.mpema-project-section-3-GCB2f {
  --mp-acc-a: rgba(255,46,166,.95);
  --mp-acc-b: rgba(116,91,255,.78);
  --mp-glass: rgba(255,255,255,.06);
  --mp-glass2: rgba(255,255,255,.10);
  --mp-bd: rgba(255,255,255,.12);
  --mp-text: rgba(255,255,255,.92);
}

/* ---------- Primary CTA (Explore More) ---------- */
.mpema-project-section-3-GCB2f .mpema-primary-btn {
  background: transparent !important;
  border: 1px solid var(--mp-bd) !important;
  border-radius: 999px !important;
  padding: 6px !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
  position: relative;
  overflow: hidden;
}

.mpema-project-section-3-GCB2f .mpema-primary-btn::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 999px;
  pointer-events: none;
  background: radial-gradient(320px 160px at 20% 20%, rgba(255, 46, 166, 0.16), transparent 60%), radial-gradient(320px 160px at 80% 80%, rgba(116, 91, 255, 0.16), transparent 60%);
  opacity: 0.9;
}

.mpema-project-section-3-GCB2f .mpema-primary-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(116, 91, 255, 0.4) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.mpema-project-section-3-GCB2f .mpema-primary-btn .btn-inner {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 999px !important;
  padding-left: 18px !important;
  gap: 10px !important;
}

.mpema-project-section-3-GCB2f .mpema-primary-btn .btn-inner::before {
  /* sağdaki yuvarlak alanı gradient yap */
  background: linear-gradient(90deg, var(--mp-acc-a), var(--mp-acc-b)) !important;
  width: 44px !important;
  height: 44px !important;
  right: 0 !important;
}

.mpema-project-section-3-GCB2f .mpema-primary-btn .btn-text {
  color: var(--mp-text) !important;
  font-weight: 900;
  letter-spacing: 0.2px;
}

.mpema-project-section-3-GCB2f .mpema-primary-btn .btn-icon {
  width: 44px !important;
  height: 44px !important;
  background: linear-gradient(90deg, var(--mp-acc-a), var(--mp-acc-b)) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
}

.mpema-project-section-3-GCB2f .mpema-primary-btn .btn-icon.h-icon {
  /* soldan kayan ikon alanı */
  left: -44px !important;
}

/* ---------- Text Button (Learn More) ---------- */
.mpema-project-section-3-GCB2f .text-btn.style-2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.mpema-project-section-3-GCB2f .text-btn.style-2 .btn-text {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 900;
  letter-spacing: 0.2px;
}

.mpema-project-section-3-GCB2f .text-btn.style-2 .btn-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--mp-acc-a), var(--mp-acc-b)) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
  transform: rotate(-45deg);
}

.mpema-project-section-3-GCB2f .text-btn.style-2:hover .btn-icon {
  filter: brightness(1.03);
}

/* ---------- Swiper Prev/Next Buttons (Theme Glass) ---------- */
.mpema-project-section-3-GCB2f .slider-navigation-3 {
  gap: 14px !important;
}

.mpema-project-section-3-GCB2f .slider-navigation-3 .slider-prev,
.mpema-project-section-3-GCB2f .slider-navigation-3 .slider-next {
  width: 52px !important;
  height: 52px !important;
  border-radius: 18px !important;
  background: var(--mp-glass) !important;
  border: 1px solid var(--mp-bd) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.mpema-project-section-3-GCB2f .slider-navigation-3 .slider-prev:hover,
.mpema-project-section-3-GCB2f .slider-navigation-3 .slider-next:hover {
  transform: translateY(-1px);
  background: var(--mp-glass2) !important;
  border-color: rgba(116, 91, 255, 0.4) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* İç ikon animasyonu daha net */
.mpema-project-section-3-GCB2f .slider-next .anim-icon i,
.mpema-project-section-3-GCB2f .slider-prev .anim-icon i {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* ---------- Pagination (bullets) ---------- */
.mpema-project-section-3-GCB2f .swiper-pagination-area {
  margin-top: 0 !important; /* sende 60px vardı, burada nav içinde daha temiz */
  line-height: 0;
}

.mpema-project-section-3-GCB2f .swiper-pagination-area .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 6px !important;
  background: rgba(255, 255, 255, 0.22);
  opacity: 1;
  border-radius: 999px;
  transition: transform 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.mpema-project-section-3-GCB2f .swiper-pagination-area .swiper-pagination-bullet-active {
  background: linear-gradient(90deg, var(--mp-acc-a), var(--mp-acc-b));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
  transform: scale(1.15);
}

/* ---------- Focus visible ---------- */
.mpema-project-section-3-GCB2f a:focus-visible,
.mpema-project-section-3-GCB2f .slider-prev:focus-visible,
.mpema-project-section-3-GCB2f .slider-next:focus-visible {
  outline: 3px solid rgba(116, 91, 255, 0.35);
  outline-offset: 3px;
  border-radius: 16px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .mpema-project-section-3-GCB2f .mpema-primary-btn,
  .mpema-project-section-3-GCB2f .slider-navigation-3 .slider-prev,
  .mpema-project-section-3-GCB2f .slider-navigation-3 .slider-next,
  .mpema-project-section-3-GCB2f .swiper-pagination-area .swiper-pagination-bullet {
    transition: none !important;
  }
}
/* =========================================
   ICON FIX + DOUBLE ARROW SLIDE (Premium)
   Scope: .mpema-project-section-3-GCB2f
   - mp-arrow-left / mp-arrow-right / tji-arrow-right-long boş gelse bile görünür
   ========================================= */
.mpema-project-section-3-GCB2f {
  --mp-acc-a: rgba(255,46,166,.95);
  --mp-acc-b: rgba(116,91,255,.78);
}

/* 1) Slider icon container */
.mpema-project-section-3-GCB2f .slider-navigation-3 .anim-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 18px;
}

/* 2) İçteki iki <i>’yi üst üste bindir (double-arrow animasyon için) */
.mpema-project-section-3-GCB2f .slider-navigation-3 .anim-icon i {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 28px;
  height: 28px;
  display: inline-block;
  line-height: 0;
  opacity: 0;
  transform: translateX(0);
  transition: transform 0.18s ease, opacity 0.18s ease, filter 0.18s ease;
}

/* Default görünür ok: ilk ikon */
.mpema-project-section-3-GCB2f .slider-navigation-3 .anim-icon i:first-child {
  opacity: 1;
}

/* 3) İkonları CSS mask ile garanti çiz (font yoksa bile görünür) */
.mpema-project-section-3-GCB2f .slider-navigation-3 .anim-icon i::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--mp-acc-a), var(--mp-acc-b));
}

/* RIGHT arrow mask */
.mpema-project-section-3-GCB2f .slider-next .anim-icon i.mp-arrow-right::before {
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M5 12h12m-5-7 7 7-7 7'/></svg>") no-repeat center/100% 100%;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M5 12h12m-5-7 7 7-7 7'/></svg>") no-repeat center/100% 100%;
}

/* LEFT arrow mask */
.mpema-project-section-3-GCB2f .slider-prev .anim-icon i.mp-arrow-left::before {
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M19 12H7m5 7-7-7 7-7'/></svg>") no-repeat center/100% 100%;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M19 12H7m5 7-7-7 7-7'/></svg>") no-repeat center/100% 100%;
}

/* 4) Double-arrow kayma animasyonu (hover) */
/* NEXT: sağa doğru kayma */
.mpema-project-section-3-GCB2f .slider-next .anim-icon i:first-child {
  transform: translateX(0);
}

.mpema-project-section-3-GCB2f .slider-next .anim-icon i:last-child {
  transform: translateX(-10px);
  opacity: 0;
}

.mpema-project-section-3-GCB2f .slider-next:hover .anim-icon i:first-child {
  transform: translateX(10px);
  opacity: 0;
}

.mpema-project-section-3-GCB2f .slider-next:hover .anim-icon i:last-child {
  transform: translateX(0);
  opacity: 1;
}

/* PREV: sola doğru kayma */
.mpema-project-section-3-GCB2f .slider-prev .anim-icon i:first-child {
  transform: translateX(0);
}

.mpema-project-section-3-GCB2f .slider-prev .anim-icon i:last-child {
  transform: translateX(10px);
  opacity: 0;
}

.mpema-project-section-3-GCB2f .slider-prev:hover .anim-icon i:first-child {
  transform: translateX(-10px);
  opacity: 0;
}

.mpema-project-section-3-GCB2f .slider-prev:hover .anim-icon i:last-child {
  transform: translateX(0);
  opacity: 1;
}

/* 5) Text button (Learn More) için long arrow da garanti olsun */
.mpema-project-section-3-GCB2f .text-btn.style-2 .btn-icon i.mp-arrow-right-long {
  width: 28px;
  height: 28px;
  display: inline-block;
  position: relative;
  line-height: 0;
}

.mpema-project-section-3-GCB2f .text-btn.style-2 .btn-icon i.mp-arrow-right-long::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--mp-acc-a), var(--mp-acc-b));
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M5 12h12m-5-7 7 7-7 7'/></svg>") no-repeat center/100% 100%;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M5 12h12m-5-7 7 7-7 7'/></svg>") no-repeat center/100% 100%;
}

/* 6) Hover’da hafif parlama */
.mpema-project-section-3-GCB2f .slider-prev:hover .anim-icon i::before,
.mpema-project-section-3-GCB2f .slider-next:hover .anim-icon i::before {
  filter: brightness(1.05);
}

.service-data-JWrrO {
  margin-bottom: 0;
  margin-top: 120px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.web-product-E0Iib {
  margin-top: 60px;
  margin-bottom: 60px;
}
.web-product-E0Iib .mwt-web-product-price {
  display: inline-flex;
  position: absolute;
  top: 20px;
  left: 20px;
  align-items: center;
  width: fit-content;
  margin: 8px 0 14px;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(255, 15, 135, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.web-product-E0Iib .mwt-web-product-price .amount,
.web-product-E0Iib .mwt-web-product-price bdi,
.web-product-E0Iib .mwt-web-product-price ins {
  color: white;
  font-weight: inherit;
}
.web-product-E0Iib .mwt-web-product-price del {
  opacity: 0.8;
  margin-right: 6px;
  font-size: 0.92em;
}
.web-product-E0Iib .mwt-web-product-price ins {
  text-decoration: none;
}
.web-product-E0Iib .mwt-card-sales-prices {
  display: grid;
  gap: 4px;
}
.web-product-E0Iib .mwt-card-sales-price-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  line-height: 1.35;
}
.web-product-E0Iib .mwt-card-sales-price-label {
  font-weight: 600;
}
.web-product-E0Iib .mwt-card-sales-price-regular {
  opacity: 0.65;
}
.web-product-E0Iib .mwt-card-sales-price-sale {
  text-decoration: none;
  font-weight: 700;
}

.app-project-TpZNP {
  margin-top: 100px;
}

.app-project-TpZNP .part-common .service-tab-content {
  width: 100%;
}
.app-project-TpZNP .part-common .service-tab-content {
  border: 0px solid red;
}

.infos-ALrH9 {
  background-color: var(--tj-color-theme-bg);
}
.infos-ALrH9 {
  margin-top: 50px;
}
.infos-ALrH9 {
  padding-top: 50px;
}
.infos-ALrH9 {
  padding-bottom: 50px;
}
.infos-ALrH9 .sec-heading {
  max-width: 550px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  margin-bottom: 30px;
}
.infos-ALrH9 .content-wrap {
  max-width: 360px;
}
.infos-ALrH9 .faq-img {
  max-width: 480px;
  width: 100%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.infos-ALrH9 .faq-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .infos-ALrH9 .faq-img {
    max-width: 100%;
  }
}
.infos-ALrH9 .tj-faq .accordion-item {
  margin-bottom: 20px;
  padding: 0 25px 0 30px;
  border-radius: 8px;
  border: 0;
  position: relative;
  background-color: var(--tj-color-theme-dark);
}
.infos-ALrH9 .tj-faq .accordion-item:last-child {
  margin-bottom: 0;
}
.infos-ALrH9 .tj-faq .accordion-item .faq-title {
  font-size: 20px;
  text-align: left;
  color: var(--tj-color-heading-primary);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  padding: 21px 30px 21px 0;
  width: 100%;
  position: relative;
  z-index: 2;
  -webkit-transition: none;
  transition: none;
}
.infos-ALrH9 .tj-faq .accordion-item .faq-title::after {
  content: "\f35a";
  color: var(--tj-color-theme-primary);
  font-size: 20px;
  line-height: 1;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: normal;
  text-align: center;
  position: absolute;
  right: 0;
  top: 26px;
  width: 22px;
  height: 22px;
  -webkit-transition: none;
  transition: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .infos-ALrH9 .tj-faq .accordion-item .faq-title {
    padding: 20px 30px 20px 0;
  }
}
.infos-ALrH9 .tj-faq .accordion-item .accordion-body {
  padding: 5px 0 30px;
  color: var(--tj-color-white-2);
}
.infos-ALrH9 .tj-faq .accordion-item .accordion-body p:last-child {
  margin-bottom: 0;
}
.infos-ALrH9 .tj-faq .accordion-item.active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tj-color-theme-primary)), to(var(--tj-color-theme-bg)));
  background-image: linear-gradient(var(--tj-color-theme-primary) 0%, var(--tj-color-theme-bg) 100%);
}
.infos-ALrH9 .tj-faq .accordion-item.active .faq-title::after {
  content: "\f058";
  color: var(--tj-color-common-white);
  font-family: "Font Awesome 6 Free" !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .infos-ALrH9 .tj-faq .accordion-item {
    padding: 0 15px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .infos-ALrH9 .tj-faq {
    padding-bottom: 40px;
  }
}
.infos-ALrH9 .tj-faq.style-2 .accordion-item {
  background-color: var(--tj-color-theme-bg);
}
.infos-ALrH9 .tj-faq.style-2 .accordion-item.active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tj-color-theme-primary)), to(var(--tj-color-theme-dark)));
  background-image: linear-gradient(var(--tj-color-theme-primary) 0%, var(--tj-color-theme-dark) 100%);
}
.infos-ALrH9 .list-style-1 {
  list-style: none;
}
.infos-ALrH9 .list-style-1 li {
  position: relative;
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  padding-left: 22px;
  margin-bottom: 5px;
}
.infos-ALrH9 .list-style-1 li:last-child {
  margin-bottom: 0;
}
.infos-ALrH9 .list-style-1 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--tj-color-theme-primary);
}
.infos-ALrH9 .list-style-1 li::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-primary);
}
.infos-ALrH9 .about-btn {
  width: 162px;
  height: 162px;
  border-radius: 50%;
  color: var(--tj-color-common-white);
  font-weight: var(--tj-fw-sbold);
  background-color: var(--tj-color-theme-primary);
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.infos-ALrH9 .about-btn .text-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.infos-ALrH9 .about-btn .btn-text {
  color: var(--tj-color-common-white);
  max-width: 87px;
}
.infos-ALrH9 .about-btn .btn-icon {
  color: var(--tj-color-common-white);
  font-size: 22px;
  overflow: hidden;
}
.infos-ALrH9 .about-btn .btn-icon span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  -webkit-transform: rotate(-45deg) translateX(0);
  -ms-transform: rotate(-45deg) translateX(0);
  transform: rotate(-45deg) translateX(0);
  text-shadow: -25px 0 0;
}
.infos-ALrH9 .about-btn .btn-icon span i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
.infos-ALrH9 .about-btn img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.4;
  mix-blend-mode: luminosity;
}
.infos-ALrH9 .about-btn:hover .btn-icon span {
  -webkit-transform: rotate(-45deg) translateX(25px);
  -ms-transform: rotate(-45deg) translateX(25px);
  transform: rotate(-45deg) translateX(25px);
}
.infos-ALrH9 .about-bottom-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 48px;
  position: relative;
}

/* =========================================
   Footer v1 — Glass + Gradient Glow
   Scope: .section-footer-1
   ========================================= */
.section-footer-1 {
  position: relative;
  padding: 25px 0 26px;
  color: rgba(255, 255, 255, 0.9);
  display: none;
}

/* arka plan glow (footer alanına hafif neon) */
.section-footer-1::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.9;
}

/* içerik wrapper */
.section-footer-1 .footer-content-ksCcg {
  position: relative;
  z-index: 1;
  border-radius: 22px;
  padding: 26px 26px 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* üst row */
.section-footer-1 .footer-row {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 22px;
}

/* responsive */
@media (max-width: 992px) {
  .section-footer-1 .footer-row {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  .section-footer-1 .footer-row {
    grid-template-columns: 1fr;
  }
  .section-footer-1 .footer-content-ksCcg {
    padding: 20px 16px 16px;
    border-radius: 18px;
  }
}
/* başlıklar */
.section-footer-1 .footer-title {
  margin: 4px 0 12px;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.25px;
  color: rgba(255, 255, 255, 0.92);
}

/* brand */
.section-footer-1 .footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  margin-bottom: 10px;
}

.section-footer-1 .footer-brand__logo {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.35);
  color: rgba(255, 255, 255, 0.92);
}

.section-footer-1 .footer-brand__name {
  font-weight: 950;
  letter-spacing: 0.2px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.95);
}

.section-footer-1 .footer-desc {
  margin: 0 0 14px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 650;
  line-height: 1.55;
  max-width: 44ch;
}

/* list reset */
.section-footer-1 .footer-list,
.section-footer-1 .footer-contact {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.section-footer-1 .footer-link {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.82);
  font-weight: 750;
  transition: transform 0.18s ease, color 0.18s ease, opacity 0.18s ease;
}

.section-footer-1 .footer-link:hover {
  color: rgba(255, 255, 255, 0.95);
  transform: translateY(-1px);
}

/* contact row */
.section-footer-1 .footer-contact li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.section-footer-1 .footer-contact__icon {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 46, 166, 0.92);
}

.section-footer-1 .footer-contact__text {
  color: rgba(255, 255, 255, 0.78);
  font-weight: 700;
}

/* socials */
.section-footer-1 .footer-social {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.section-footer-1 .footer-social__btn {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.25);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.section-footer-1 .footer-social__btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 46, 166, 0.35);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.35);
}

/* CTA */
.section-footer-1 .footer-cta {
  margin-top: 14px;
  height: 44px;
  padding: 0 16px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: 0.2px;
  color: #fff;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.section-footer-1 .footer-cta:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.45);
}

/* divider */
.section-footer-1 .footer-divider {
  height: 1px;
  margin: 18px 0 14px;
  background: rgba(255, 255, 255, 0.1);
}

/* bottom row */
.section-footer-1 .footer-row--bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.section-footer-1 .footer-copy {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 650;
}

.section-footer-1 .footer-bottom-right {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.section-footer-1 .footer-mini {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.78);
  font-weight: 800;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.section-footer-1 .footer-mini:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

.section-footer-1 .footer-dot {
  opacity: 0.55;
}

/* focus */
.section-footer-1 a:focus-visible {
  outline: 3px solid rgba(116, 91, 255, 0.35);
  outline-offset: 2px;
  border-radius: 12px;
}

.mpema-footer-yULOx9 .page-common-xrq0I {
  border: 0;
  background: radial-gradient(700px 840px at 15% 0%, rgba(255, 46, 166, 0.22), transparent 55%), radial-gradient(700px 840px at 85% 100%, rgba(120, 90, 255, 0.22), transparent 55%), rgba(255, 255, 255, 0.05);
}

.mpema-footer-yULOx9 .footer-contact {
  list-style: none;
  margin: 0;
  padding-top: 20px;
  display: grid;
  gap: 10px;
}

.mpema-footer-yULOx9 .footer-link {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.82);
  font-weight: 750;
  transition: transform 0.18s ease, color 0.18s ease, opacity 0.18s ease;
}

.mpema-footer-yULOx9 .footer-link:hover {
  color: rgba(255, 255, 255, 0.95);
  transform: translateY(-1px);
}

/* contact row */
.mpema-footer-yULOx9 .footer-contact li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.mpema-footer-yULOx9 .footer-contact__icon {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 46, 166, 0.92);
}

.mpema-footer-yULOx9 .footer-contact__text {
  color: rgba(255, 255, 255, 0.78);
  font-weight: 700;
}

.mpema-footer-yULOx9 .footer-cta {
  margin-top: 14px;
  height: 44px;
  padding: 0 16px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: 0.2px;
  color: #fff;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.mpema-footer-yULOx9 .footer-cta:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.45);
}

.mpema-footer-yULOx9 .footer-social {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.mpema-footer-yULOx9 .footer-social__btn {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.25);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.mpema-footer-yULOx9 .footer-social__btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 46, 166, 0.35);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.35);
}

:root {
  --tj-ff-body: "Roboto", sans-serif;
  --tj-ff-heading: "Poppins", sans-serif;
  --tj-ff-fontawesome: "Font Awesome 6 Pro";
  --tj-fw-normal: normal;
  --tj-fw-thin: 100;
  --tj-fw-elight: 200;
  --tj-fw-light: 300;
  --tj-fw-regular: 400;
  --tj-fw-medium: 500;
  --tj-fw-sbold: 600;
  --tj-fw-bold: 700;
  --tj-fw-ebold: 800;
  --tj-fw-black: 900;
  --tj-fs-body: 16px;
  --tj-fs-p: 16px;
  --tj-fs-h1: 76px;
  --tj-fs-h2: 48px;
  --tj-fs-h3: 32px;
  --tj-fs-h4: 24px;
  --tj-fs-h5: 20px;
  --tj-fs-h6: 18px;
  --tj-color-common-white: #ffffff;
  --tj-color-common-black: #000000;
  --tj-color-heading-primary: #ffffff;
  --tj-color-text-body: #9692b2;
  --tj-color-text-body-2: #524f66;
  --tj-color-theme-primary: #ff007f;
  --tj-color-theme-bg: #18133b;
  --tj-color-theme-dark: #060129;
  --tj-color-theme-dark-2: #65627a;
  --tj-color-white-2: rgba(255, 255, 255, 0.8);
  --tj-color-grey-1: #9692b2;
  --tj-color-grey-2: #78758f;
  --tj-color-grey-3: rgba(150, 146, 178, 0.8);
  --tj-color-border-1: #312c52 ;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.site-main, html {
  position: relative;
}

body {
  font-family: var(--tj-ff-body);
  font-size: var(--tj-fs-body);
  font-weight: normal;
  color: var(--tj-color-text-body);
  background-color: var(--tj-color-theme-dark);
  line-height: 1.5;
}

a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--tj-ff-heading);
  color: var(--tj-color-heading-primary);
  margin-top: 0;
  font-weight: var(--tj-fw-medium);
  line-height: 1.2;
  letter-spacing: -0.03em;
  transition: all 0.3s ease-in-out 0s;
}

h3 {
  font-size: var(--tj-fs-h3);
  line-height: 1.188;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  h3 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  h3 {
    font-size: 25px;
  }
}
h5 {
  font-size: var(--tj-fs-h5);
  line-height: 1.4;
}

ul {
  margin: 0;
  padding: 0;
}

a, .btn, button, span, p, input, select, textarea, li, svg path, *::after, *::before, h1, h2, h3, h4, h5, h6 {
  transition: all 0.3s ease-in-out 0s;
}

a:focus, button:focus, button:focus-visible {
  text-decoration: none;
  outline: none;
  box-shadow: 0 0;
}

a, button {
  color: var(--tj-color-theme-primary);
  outline: none;
  border: none;
  background: rgba(0, 0, 0, 0);
  padding: 0;
}

select, .nice-select, input[type=search], input[type=tel], input[type=text], input[type=email], input[type=url], textarea {
  outline: none;
  background-color: var(--tj-color-common-white);
  height: auto;
  width: 100%;
  font-size: var(--tj-fs-body);
  border: 1px solid var(--tj-color-border-1);
  color: var(--tj-color-text-body);
  padding: 10px 15px;
  box-shadow: 0 0;
}

img {
  max-width: 100%;
}

.section-gap-x {
  margin-left: 60px;
  margin-right: 60px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section-gap-x {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap-x {
    margin-left: 0;
    margin-right: 0;
  }
}
.tj-footer-section {
  background-color: var(--tj-color-theme-bg);
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  border-radius: 24px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-footer-section {
    margin-bottom: 15px;
    border-radius: 16px;
  }
}
.footer-main-area {
  position: relative;
  padding: 90px 80px 80px;
  z-index: 1;
  border: 0px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-main-area {
    padding: 20px 20px 60px;
  }
}
.footer-logo {
  max-width: 250px;
}

.footer-widget .footer-text {
  max-width: 280px;
  width: 100%;
}

.footer-widget .footer-text p {
  margin-top: 25px;
  margin-bottom: 34px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .footer-text p {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .footer-text {
    max-width: 100%;
  }
}
.footer-widget .title {
  margin-bottom: 28px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .title {
    margin-bottom: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget.footer-col-1 {
    margin-bottom: 10px;
  }
}
.social-links ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.social-links ul li {
  position: relative;
  line-height: 1;
}

.social-links ul li a {
  color: var(--tj-color-common-white);
  font-family: var(--tj-ff-heading);
  font-weight: var(--tj-fw-medium);
  display: inline-flex;
  line-height: 1;
}

.social-links ul li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 2px;
  background: var(--tj-color-common-white);
  margin: 4px 5px;
}

.social-links.style-2 ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.social-links.style-2 ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--tj-color-theme-dark);
  font-size: 20px;
  line-height: 1;
}

.social-links.style-2 ul li a i {
  color: var(--tj-color-common-white);
}

.social-links.style-2 ul li::after {
  display: none;
}

.widget-nav-menu ul {
  list-style: none;
}

.widget-nav-menu ul li {
  padding: 6px 0;
}

.widget-nav-menu ul li:first-child {
  padding-top: 0;
}

.widget-nav-menu ul li a {
  color: var(--tj-color-text-body);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  padding-left: 14px;
}

.widget-nav-menu ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid var(--tj-color-theme-primary);
  opacity: 0.3;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-nav-menu {
    margin-top: 30px;
  }
}
.widget-nav-menu.footer-col-3, .widget-nav-menu.footer-col-2 {
  padding-inline-start: 75px;
}

.widget-nav-menu.footer-col-3 .title, .widget-nav-menu.footer-col-2 .title {
  color: var(--tj-color-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-nav-menu.footer-col-3, .widget-nav-menu.footer-col-2 {
    padding-inline-start: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-nav-menu.footer-col-3, .widget-nav-menu.footer-col-2 {
    margin-top: 30px;
    padding-inline-start: 0;
  }
}
.widget-nav-menu.footer-col-3 {
  padding-inline-start: 110px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .widget-nav-menu.footer-col-3 {
    padding-inline-start: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-nav-menu.footer-col-3 {
    margin-top: 30px;
    padding-inline-start: 0;
  }
}
.widget-subscribe {
  max-width: 330px;
  width: 100%;
  margin-inline-start: auto;
}

.widget-subscribe .title {
  margin-bottom: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .widget-subscribe {
    margin-inline-start: 0;
    margin-top: 30px;
    padding-inline-start: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .widget-subscribe {
    max-width: 100%;
    margin-top: 30px;
    margin-inline-start: 0;
  }
}
.subscribe-form {
  position: relative;
}

.subscribe-form input[type=email] {
  background-color: var(--tj-color-theme-dark);
  height: 52px;
  padding: 15px 60px 15px 20px;
  border: 0;
  border-radius: 10px;
}

.subscribe-form input[type=checkbox] {
  position: relative;
  margin-right: 8px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--tj-color-theme-dark-2);
  border-radius: 3px;
}

.subscribe-form input[type=checkbox]::before {
  content: "\e949";
  font-size: 15px;
  line-height: 16px;
  font-family: "ainex-icons" !important;
  color: var(--tj-color-theme-dark);
  position: absolute;
  width: 100%;
  text-align: center;
  transform: scale(0.5);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.subscribe-form button {
  position: absolute;
  width: 50px;
  height: 52px;
  right: 0;
  top: 0;
  color: var(--tj-color-theme-dark);
  font-size: 16px;
  line-height: 1;
  font-weight: var(--tj-fw-sbold);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.subscribe-form button i {
  color: var(--tj-color-theme-primary);
  font-size: 24px;
  line-height: 1;
  font-weight: normal;
  display: inline-flex;
  transition: all 0.3s linear;
}

.subscribe-form button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 22px;
  border-left: 1px solid var(--tj-color-border-1);
  transform: translateY(-50%);
}

.subscribe-form label {
  color: var(--tj-color-text-body);
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
}

.subscribe-form label a {
  color: var(--tj-color-common-white);
  margin-left: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .subscribe-form {
    margin-top: 18px;
  }
}
.copyright-content-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 23px 0;
}

.copyright-content-area .copyright-text p {
  margin: 0;
}

.copyright-content-area .copyright-text a {
  color: var(--tj-color-text-body);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area .copyright-text {
    width: 100%;
    text-align: center;
  }
}
.copyright-content-area .copyright-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.copyright-content-area .copyright-menu ul li {
  position: relative;
  margin-right: 10px;
  padding-right: 14px;
  z-index: 1;
}

.copyright-content-area .copyright-menu ul li::before {
  content: "";
  background-color: var(--tj-color-theme-primary);
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.copyright-content-area .copyright-menu ul li a {
  font-size: 16px;
  color: var(--tj-color-text-body);
}

.copyright-content-area .copyright-menu ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}

.copyright-content-area .copyright-menu ul li:last-child::before {
  display: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area .copyright-menu {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .copyright-content-area {
    gap: 14px;
  }
}
.footer-top-shape {
  max-width: 1356px;
  width: 100%;
  height: 70px;
  margin-inline: auto;
  background-color: var(--tj-color-theme-dark);
  border-radius: 0 0 24px 24px;
  position: relative;
}

.footer-top-shape::before, .footer-top-shape::after {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  left: -50px;
  width: 50px;
  height: 24px;
  box-shadow: 24px 0 0 0 var(--tj-color-theme-dark);
  border-radius: 0 24px 0 0;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-top-shape::before, .footer-top-shape::after {
    border-radius: 0 16px 0 0;
  }
}
.footer-top-shape::after {
  left: auto;
  right: -50px;
  transform: scaleX(-1);
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-top-shape {
    max-width: 1296px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-top-shape {
    max-width: 1120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-top-shape {
    max-width: 900px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top-shape {
    max-width: 670px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-top-shape {
    max-width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-top-shape {
    border-radius: 0 0 16px 16px;
  }
}
.tj-copyright-area .copyright-wrap {
  max-width: 1356px;
  width: 100%;
  margin-inline: auto;
  background-color: var(--tj-color-theme-dark);
  border-radius: 24px 24px 0 0;
  padding: 0 10px;
  position: relative;
}

.tj-copyright-area .copyright-wrap::after, .tj-copyright-area .copyright-wrap::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  bottom: 0;
  left: -24px;
  width: 24px;
  height: 50px;
  box-shadow: 0 24px 0 0 var(--tj-color-theme-dark);
  border-radius: 0 0 24px;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-copyright-area .copyright-wrap::after, .tj-copyright-area .copyright-wrap::before {
    border-radius: 0 0 16px;
  }
}
.tj-copyright-area .copyright-wrap::after {
  left: auto;
  right: -24px;
  border-radius: 0 0 0 24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-copyright-area .copyright-wrap::after {
    border-radius: 0 0 0 16px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tj-copyright-area .copyright-wrap {
    max-width: 1296px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tj-copyright-area .copyright-wrap {
    max-width: 1120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-copyright-area .copyright-wrap {
    max-width: 900px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tj-copyright-area .copyright-wrap {
    max-width: 670px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tj-copyright-area .copyright-wrap {
    max-width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-copyright-area .copyright-wrap {
    border-radius: 16px 16px 0 0;
    padding: 0 5px;
  }
}
.cta-banner-L9xgS {
  margin-top: 0px;
}

.cta-banner-L9xgS .row {
  padding: 0px 260px;
}

@media (min-width: 1800px) and (max-width: 2000px) {
  .cta-banner-L9xgS .row {
    padding: 0px 170px;
  }
}
@media (min-width: 1600px) and (max-width: 1800px) {
  .cta-banner-L9xgS .row {
    padding: 0px 80px;
  }
}
@media (min-width: 1600px) and (max-width: 1800px) {
  .cta-banner-L9xgS .row {
    padding: 0px 70px;
  }
}
@media (min-width: 1400px) and (max-width: 1600px) {
  .cta-banner-L9xgS .row {
    padding: 0px 0px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .cta-banner-L9xgS .row {
    padding: 0px 0px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .cta-banner-L9xgS .row {
    padding: 0px 0px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .cta-banner-L9xgS .row {
    padding: 0px 0px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .cta-banner-L9xgS .row {
    padding: 0px 0px;
  }
}
@media (max-width: 576px) {
  .cta-banner-L9xgS .row {
    padding: 0px 10px;
  }
}
.tj-primary-btn {
  display: inline-flex;
  background-color: var(--tj-color-theme-primary);
  font-size: 16px;
  font-weight: var(--tj-fw-sbold);
  padding: 4px;
  text-align: center;
  border-radius: 50px;
  line-height: 1;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.tj-primary-btn .btn-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  padding-left: 20px;
  text-align: center;
  border-radius: 50px;
  z-index: 2;
  overflow: hidden;
}

.tj-primary-btn .btn-inner::before {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  right: 0;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50px;
  z-index: -1;
}

.tj-primary-btn .btn-text {
  color: var(--tj-color-common-white);
  overflow: hidden;
}

.tj-primary-btn .btn-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  width: 42px;
  height: 42px;
  overflow: hidden;
  background-color: var(--tj-color-theme-dark);
  border-radius: 50%;
}

.tj-primary-btn .btn-icon.h-icon {
  position: absolute;
  left: -42px;
  background-color: rgba(0, 0, 0, 0);
}

.tj-primary-btn .btn-icon i {
  color: var(--tj-color-common-white);
  transition: all 0.3s ease-in-out;
}

.tj-primary-btn.btn-light {
  background-color: var(--tj-color-common-white);
}

.tj-primary-btn.btn-light .btn-text {
  color: var(--tj-color-theme-dark);
}

.tj-cta-section {
  margin-bottom: -50px;
}

@media (max-width: 576px) {
  .tj-cta-section {
    margin-bottom: -60px;
  }
}
.cta-area {
  position: relative;
  z-index: 3;
  overflow: hidden;
  border-radius: 24px;
  margin-inline: auto;
}

.cta-area .cta-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 60px;
}

.cta-area .cta-content .title {
  max-width: 620px;
  font-size: 60px;
  line-height: 1.108;
  color: var(--tj-color-common-white);
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-area .cta-content .title {
    max-width: 550px;
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area .cta-content .title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area .cta-content .title {
    font-size: 40px;
  }
}
@media (max-width: 400px) {
  .cta-area .cta-content .title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-area .cta-content {
    padding: 50px 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area .cta-content {
    padding: 30px 30px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area .cta-content {
    padding: 30px 22px 40px;
  }
}
.cta-area .cta-img {
  max-width: 290px;
  position: absolute;
  bottom: -95px;
  right: 25%;
  z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-area .cta-img {
    right: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area .cta-img {
    max-width: 250px;
    right: 8%;
    bottom: -90px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .cta-area {
    max-width: 1236px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-area {
    max-width: 1060px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-area {
    max-width: 876px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area {
    max-width: 630px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-area {
    max-width: 460px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area {
    border-radius: 16px;
  }
}
/* =========================================
   Search Page UI
   Scope: .section-search-pit
   ========================================= */
.section-search-pit {
  position: relative;
  padding: 5px 0 5px;
}
.section-search-pit {
  margin-top: 20px;
}
.section-search-pit {
  margin-bottom: 20px;
}

.section-search-pit .search-layout-aX92L {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  padding: 28px 28px 24px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.section-search-pit .search-layout-aX92L::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(900px 240px at 10% 0%, rgba(255, 46, 166, 0.16), transparent 55%), radial-gradient(900px 240px at 90% 10%, rgba(116, 91, 255, 0.18), transparent 60%);
}

/* header */
.section-search-pit .search-head-rT91x {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  padding: 18px 18px;
  border-radius: 20px;
  background: rgba(8, 14, 24, 0.48);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.section-search-pit .search-head-rT91x__icon {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.72));
  color: #fff;
  font-size: 18px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.3);
}

.section-search-pit .search-head-rT91x__title {
  margin: 0 0 4px;
  font-size: 28px;
  line-height: 1.1;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.96);
}

.section-search-pit .search-head-rT91x__desc {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
}

/* result list */
.section-search-pit .search-results-list-nD82k {
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 16px;
}

.section-search-pit .search-result-card-zP41q {
  margin: 0;
  padding: 0;
}

.section-search-pit .search-result-item-jK72m {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 20px 20px 18px;
  background: rgba(8, 14, 24, 0.46);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}

.section-search-pit .search-result-item-jK72m::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(500px 120px at 0% 0%, rgba(255, 46, 166, 0.08), transparent 55%), radial-gradient(500px 120px at 100% 100%, rgba(116, 91, 255, 0.08), transparent 55%);
  opacity: 0.9;
}

.section-search-pit .search-result-item-jK72m:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 46, 166, 0.28);
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* title */
.section-search-pit .search-result-title-uL20v {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 900;
}

.section-search-pit .search-result-title-uL20v__icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 46, 166, 0.96);
}

.section-search-pit .search-result-title-uL20v a {
  color: rgba(255, 255, 255, 0.95);
  text-decoration: none;
  transition: color 0.18s ease, opacity 0.18s ease;
}

.section-search-pit .search-result-title-uL20v a:hover {
  color: #ffffff;
  opacity: 0.95;
}

/* excerpt */
.section-search-pit .search-result-excerpt-cY55w {
  position: relative;
  z-index: 1;
  margin: 0 0 16px 50px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 1.7;
  font-weight: 650;
}

/* footer */
.section-search-pit .search-result-footer-oM63e {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
}

.section-search-pit .search-result-btn-hT44n {
  height: 42px;
  padding: 0 16px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 900;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #fff;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.section-search-pit .search-result-btn-hT44n:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
}

/* pagination */
.section-search-pit .pagination-search-vB88p {
  position: relative;
  z-index: 1;
  margin-top: 24px;
}

.section-search-pit .pagination-search-vB88p .nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.section-search-pit .pagination-search-vB88p .page-numbers {
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.88);
  background: rgba(8, 14, 24, 0.54);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
  font-weight: 800;
  transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.section-search-pit .pagination-search-vB88p .page-numbers:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 46, 166, 0.3);
  background: rgba(255, 255, 255, 0.08);
}

.section-search-pit .pagination-search-vB88p .page-numbers.current {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3);
}

/* empty state */
.section-search-pit .search-empty-xA11f {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 20px;
  border-radius: 20px;
  background: rgba(8, 14, 24, 0.46);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.section-search-pit .search-empty-xA11f__icon {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 46, 166, 0.95);
  font-size: 20px;
}

.section-search-pit .search-empty-xA11f__content h2 {
  margin: 0 0 4px;
  color: rgba(255, 255, 255, 0.95);
  font-size: 22px;
  font-weight: 900;
}

.section-search-pit .search-empty-xA11f__content p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.6;
  font-weight: 650;
}

/* focus */
.section-search-pit a:focus-visible {
  outline: 3px solid rgba(116, 91, 255, 0.35);
  outline-offset: 2px;
  border-radius: 12px;
}

/* responsive */
@media (max-width: 768px) {
  .section-search-pit .search-layout-aX92L {
    padding: 20px 16px 18px;
    border-radius: 18px;
  }
  .section-search-pit .search-head-rT91x {
    align-items: flex-start;
    padding: 16px;
    border-radius: 18px;
  }
  .section-search-pit .search-head-rT91x__title {
    font-size: 22px;
  }
  .section-search-pit .search-result-item-jK72m {
    padding: 16px;
    border-radius: 18px;
  }
  .section-search-pit .search-result-title-uL20v {
    font-size: 18px;
  }
  .section-search-pit .search-result-excerpt-cY55w {
    margin-left: 0;
  }
  .section-search-pit .search-result-footer-oM63e {
    justify-content: flex-start;
  }
  .section-search-pit .search-empty-xA11f {
    align-items: flex-start;
    padding: 18px 16px;
    border-radius: 18px;
  }
}
@media (max-width: 480px) {
  .section-search-pit .search-head-rT91x {
    flex-direction: column;
  }
  .section-search-pit .search-result-title-uL20v {
    flex-direction: column;
    gap: 10px;
  }
  .section-search-pit .search-result-title-uL20v__icon {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }
  .section-search-pit .search-result-btn-hT44n {
    width: 100%;
  }
}
.single-product-web-header .text {
  color: var(--adamantine-blue);
}

.web-product-breadcrumbs-2yJ9C {
  margin-top: 25px;
}

.single_product-web {
  margin-top: 15px;
  margin-bottom: 25px;
  /* =========================================
     Product Feature Image — Glass + Neon Frame
     ========================================= */
  /* Frame */
  /* chip */
  /* subtle neon edge */
  /* icon */
  /* text */
  /* Optional: hover’da biraz belirginleşsin */
  /* Button base */
  /* Hover: neon border + lift */
  /* Press */
  /* Focus */
  /* Icon (SVG mask ile garanti görünür, font gerekmez) */
  /* Çok şık: hover’da ikon biraz parlasın */
  /* İstersen sadece hover’da görünsün (caption gibi) */
  /* subtle neon glow layer */
  /* neon border highlight */
  /* Image */
  /* Hover effect */
}
.single_product-web .discount-title {
  color: #d89ff9;
}
.single_product-web .product-feature-bRJ0O {
  width: 100%;
  margin: 0;
  padding: 0;
}
.single_product-web .product-feature-bRJ0O .feauter-image-6Smr8 {
  position: relative;
  margin-bottom: 30px;
  border-radius: 18px;
  overflow: hidden;
  /* glass */
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform: translateZ(0);
}
.single_product-web .product-feature-bRJ0O .feature-caption-3gP9v {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100% - 28px);
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(15, 20, 27, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
}
.single_product-web .product-feature-bRJ0O .feature-caption-3gP9v::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0.85;
  box-shadow: 0 0 0 1px rgba(255, 46, 166, 0.28) inset, 0 0 0 2px rgba(116, 91, 255, 0.18) inset;
}
.single_product-web .product-feature-bRJ0O .feature-caption-3gP9v__icon {
  width: 30px;
  height: 30px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 46, 166, 0.92);
}
.single_product-web .product-feature-bRJ0O .feature-caption-3gP9v__text {
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 0.2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.single_product-web .product-feature-bRJ0O .feauter-image-6Smr8:hover .feature-caption-3gP9v {
  border-color: rgba(116, 91, 255, 0.4);
}
.single_product-web .product-feature-bRJ0O .feature-caption-3gP9v {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.single_product-web .product-feature-bRJ0O .feauter-image-6Smr8:hover .feature-caption-3gP9v {
  opacity: 1;
  transform: translateY(0);
}
.single_product-web .product-feature-bRJ0O .feature-zoomBtn-X2v9K {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 7;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  cursor: pointer;
  text-decoration: none;
  transform: translateZ(0);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}
.single_product-web .product-feature-bRJ0O .feature-zoomBtn-X2v9K:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.single_product-web .product-feature-bRJ0O .feature-zoomBtn-X2v9K:active {
  transform: translateY(0) scale(0.98);
}
.single_product-web .product-feature-bRJ0O .feature-zoomBtn-X2v9K:focus-visible {
  outline: 3px solid rgba(116, 91, 255, 0.35);
  outline-offset: 3px;
}
.single_product-web .product-feature-bRJ0O .feature-zoomBtn-X2v9K i {
  font-size: 25px;
  color: white;
}
.single_product-web .product-feature-bRJ0O .feature-zoomBtn-X2v9K__icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M10 4a6 6 0 104.472 10.03l3.749 3.748 1.414-1.414-3.748-3.749A6 6 0 0010 4zm0 2a4 4 0 110 8 4 4 0 010-8zm1 1v2h2v2h-2v2H9v-2H7V9h2V7h2z'/></svg>") no-repeat center/100% 100%;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M10 4a6 6 0 104.472 10.03l3.749 3.748 1.414-1.414-3.748-3.749A6 6 0 0010 4zm0 2a4 4 0 110 8 4 4 0 010-8zm1 1v2h2v2h-2v2H9v-2H7V9h2V7h2z'/></svg>") no-repeat center/100% 100%;
}
.single_product-web .product-feature-bRJ0O .feature-zoomBtn-X2v9K:hover .feature-zoomBtn-X2v9K__icon {
  filter: brightness(1.05);
}
.single_product-web .product-feature-bRJ0O .feature-zoomBtn-X2v9K {
  opacity: 1;
  transform: translateY(6px);
}
.single_product-web .product-feature-bRJ0O .feauter-image-6Smr8:hover .feature-zoomBtn-X2v9K {
  opacity: 1;
  transform: translateY(0);
}
.single_product-web .product-feature-bRJ0O .feauter-image-6Smr8::before {
  content: "";
  position: absolute;
  inset: -2px;
  pointer-events: none;
  border-radius: 20px;
  background: radial-gradient(520px 220px at 20% 10%, rgba(255, 46, 166, 0.2), transparent 60%), radial-gradient(520px 220px at 85% 80%, rgba(116, 91, 255, 0.2), transparent 60%);
  opacity: 0.9;
  z-index: 1;
}
.single_product-web .product-feature-bRJ0O .feauter-image-6Smr8::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 18px;
  opacity: 0;
  transition: opacity 0.18s ease;
  box-shadow: 0 0 0 1px rgba(255, 46, 166, 0.55) inset, 0 0 0 2px rgba(116, 91, 255, 0.28) inset, 0 0 28px rgba(255, 46, 166, 0.18), 0 0 30px rgba(116, 91, 255, 0.16);
  z-index: 3;
}
.single_product-web .product-feature-bRJ0O .feauter-image-6Smr8 img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
  transform: scale(1.01);
  transition: transform 0.35s ease, filter 0.35s ease;
  object-fit: cover;
}
.single_product-web .product-feature-bRJ0O .feauter-image-6Smr8:hover::after {
  opacity: 1;
}
.single_product-web .product-feature-bRJ0O .feauter-image-6Smr8:hover img {
  transform: scale(1.04);
  filter: saturate(1.05) contrast(1.02);
}

.single_product-web-content-area .row {
  margin-left: 0;
}

.single-product-web-gl60n {
  background: radial-gradient(700px 240px at 15% 0%, rgba(255, 46, 166, 0.22), transparent 55%), radial-gradient(700px 240px at 85% 100%, rgba(120, 90, 255, 0.22), transparent 55%), rgba(255, 255, 255, 0.05);
}
.single-product-web-gl60n {
  border: 1px solid rgba(255, 255, 255, 0.09);
}
.single-product-web-gl60n {
  border-radius: 14px;
}
.single-product-web-gl60n .content-area {
  margin-top: 10px;
}
.single-product-web-gl60n .content-area {
  padding: 10px;
}
.single-product-web-gl60n .content-area .product-gallery {
  width: 100%;
}
.single-product-web-gl60n .content-area .product-gallery .theme-card {
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
  cursor: zoom-in;
}
.single-product-web-gl60n .content-area .product-gallery .theme-card img {
  width: 100%;
  transition: transform 0.5s ease;
}
.single-product-web-gl60n .content-area .product-gallery .theme-card:hover img {
  transform: scale(1.05);
}

.mpema-team-9VjRc {
  margin-top: 15px;
}
.mpema-team-9VjRc .slider-navigation-web {
  gap: 15px;
  display: flex;
  position: absolute;
  bottom: 10px;
  left: 20px;
  z-index: 1000;
  padding: 10px;
  border-radius: 10px;
}
.mpema-team-9VjRc .slider-navigation-web {
  background-color: rgba(255, 0, 127, 0.3);
}
.mpema-team-9VjRc .slider-navigation-web {
  justify-content: flex-end;
}
.mpema-team-9VjRc .slider-navigation-web {
  margin-top: 10px;
}
.mpema-team-9VjRc .slider-navigation-web {
  margin-bottom: 10px;
}
.mpema-team-9VjRc .slider-navigation-web:hover {
  background-color: rgba(255, 0, 127, 0.8);
}
.mpema-team-9VjRc .slider-navigation-web .slider-next-web,
.mpema-team-9VjRc .slider-navigation-web .slider-prev-web {
  width: 50px;
  height: 50px;
  border: 1px solid var(--tj-color-border-1);
}
.mpema-team-9VjRc .slider-navigation-web .slider-next-web:hover,
.mpema-team-9VjRc .slider-navigation-web .slider-prev-web:hover {
  border-color: var(--tj-color-theme-primary);
}
.mpema-team-9VjRc .slider-next-web,
.mpema-team-9VjRc .slider-prev-web {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 21px;
  background-color: var(--mpema-color-theme-dark);
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mpema-team-9VjRc .slider-next-web .anim-icon,
.mpema-team-9VjRc .slider-prev-web .anim-icon {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  padding: 5px; /* kesilmeyi çözer */
}
.mpema-team-9VjRc .slider-next-web .anim-icon i,
.mpema-team-9VjRc .slider-prev-web .anim-icon i {
  position: relative;
  top: 0;
  color: var(--mpema-color-common-white);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 23px;
}
.mpema-team-9VjRc .slider-next-web .anim-icon i:last-child,
.mpema-team-9VjRc .slider-prev-web .anim-icon i:last-child {
  position: absolute;
  -webkit-transform: translateX(150%);
  -ms-transform: translateX(150%);
  transform: translateX(150%);
  color: var(--mpema-color-common-white);
  padding-top: 5px; /* kesilmeyi çözer */
}
.mpema-team-9VjRc .slider-next-web:hover,
.mpema-team-9VjRc .slider-prev-web:hover {
  color: var(--mpema-color-common-white);
  background-color: var(--tj-color-theme-primary);
}
.mpema-team-9VjRc .slider-next-web:hover .anim-icon i:first-child,
.mpema-team-9VjRc .slider-prev-web:hover .anim-icon i:first-child {
  -webkit-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  transform: translateX(-150%);
}
.mpema-team-9VjRc .slider-next-web:hover .anim-icon i:last-child,
.mpema-team-9VjRc .slider-prev-web:hover .anim-icon i:last-child {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mpema-team-9VjRc .slider-next-web,
  .mpema-team-9VjRc .slider-prev-web {
    font-size: 19px;
  }
}
.mpema-team-9VjRc .slider-next-web .anim-icon i:last-child {
  -webkit-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  transform: translateX(-150%);
}
.mpema-team-9VjRc .slider-next-web:hover .anim-icon i:first-child {
  -webkit-transform: translateX(150%);
  -ms-transform: translateX(150%);
  transform: translateX(150%);
}

/* =========================================
   Product Title + Share UI (Theme Glass)
   ========================================= */
.product-head-k9W8e {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 12px 0 18px;
  flex-wrap: wrap;
}

.product-title-Vu3Qe {
  margin: 0;
  font-weight: 950;
  letter-spacing: 0.2px;
  line-height: 1.12;
  color: rgba(255, 255, 255, 0.96);
  max-width: 64ch;
}

/* Share wrapper */
.product-share-Sw9Jk {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.product-share-Sw9Jk__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  color: rgba(255, 255, 255, 0.86);
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 0.2px;
}

/* Share buttons */
.share-chip-Xx2pR {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.92);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.share-chip-Xx2pR:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Copy button slightly “accent” */
.share-chip-Xx2pR--copy {
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.92), rgba(116, 91, 255, 0.72));
  border-color: rgba(255, 255, 255, 0.12);
}

.share-chip-Xx2pR--copy:hover {
  filter: brightness(1.03);
}

/* Content wrapper (optional) */
.product-content-Lp7Qe {
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.85;
}

/* Responsive tighten */
@media (max-width: 640px) {
  .product-title-Vu3Qe {
    font-size: 28px;
  }
}
/* Toast container */
.mp-toast-wrap {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999999;
  display: grid;
  gap: 10px;
}

/* Fallback toast */
.mp-toast {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(15, 20, 27, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
  font-weight: 850;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.mp-toast.is-in {
  opacity: 1;
  transform: translateY(0);
}

/* Dot */
.mp-toast__dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
  box-shadow: 0 0 18px rgba(255, 46, 166, 0.18), 0 0 18px rgba(116, 91, 255, 0.16);
}

/* text-bg-* mapping (fallback basit) */
.mp-toast--text-bg-danger .mp-toast__dot,
.mp-toast--danger .mp-toast__dot {
  background: linear-gradient(90deg, rgba(255, 70, 70, 0.92), rgba(255, 46, 166, 0.7));
}

.web-content-styles ul {
  list-style: none;
  padding-left: 0;
}
.web-content-styles ul li::before {
  content: "\f044"; /* Font Awesome Unicode */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* Solid ikonlar için */
  margin-right: 10px;
  color: #00eded;
}
.web-content-styles blockquote {
  position: relative;
  padding: 40px 30px 30px;
  background: var(--mpema-color-theme-bg);
  border: 2px solid var(--mpema-color-theme-primary);
  border-radius: 12px;
  margin-top: 55px;
  margin-bottom: 50px;
  z-index: 2;
}
.web-content-styles blockquote::before {
  content: "\f044";
  font-size: 40px;
  color: var(--mpema-color-theme-primary);
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-bottom: 20px;
  line-height: 1;
}
.web-content-styles blockquote p {
  color: var(--mpema-color-heading-primary);
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-medium);
  font-size: 24px;
  margin-bottom: 20px !important;
  letter-spacing: -0.03em;
  line-height: 1.417;
  border-radius: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .web-content-styles blockquote p {
    font-size: 20px;
    margin-bottom: 15px !important;
  }
}
.web-content-styles blockquote cite {
  color: var(--mpema-color-heading-primary);
  display: block;
  text-align: end;
  font-family: var(--mpema-ff-heading);
  font-style: normal;
  position: relative;
  z-index: 1;
}
.web-content-styles blockquote cite::before {
  content: "";
  display: inline-block;
  background: var(--mpema-color-border-1);
  height: 1px;
  width: 50px;
  top: -4px;
  margin-right: 10px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .web-content-styles blockquote {
    padding: 25px 15px;
    margin-bottom: 40px;
  }
}
.web-content-styles strong,
.web-content-styles b {
  color: #33cccc;
}
.web-content-styles table {
  border-collapse: separate;
  border-spacing: 15px; /* Hücreler arasında yatay ve dikey 15'er piksel boşluk bırakır */
  color: #6b2962;
}
.web-content-styles table tr:nth-child(odd) {
  background: #d185ee;
}
.web-content-styles table tr:nth-child(even) {
  background: #ea90de;
}
.web-content-styles table tr:nth-child(1) {
  background: #6b2962;
}
.web-content-styles table thead tr th {
  background: #6b2962;
  color: #ffffff;
  padding: 10px;
  border-radius: 10px;
}
.web-content-styles table tbody tr:nth-child(odd) {
  background: #d185ee;
}
.web-content-styles table tbody tr:nth-child(even) {
  background: #ea90de;
}
.web-content-styles .mpdl-target_problem tr:nth-child(1), .web-content-styles .mpdl-ecosystem_approach tr:nth-child(1), .web-content-styles .mpdl-ecosystem_approach tr:nth-child(1) strong, .web-content-styles .mpdl-ecosystem_approach tr:nth-child(1) b {
  background: #d185ee;
  color: #6b2962;
}
.web-content-styles table td,
.web-content-styles table th {
  vertical-align: top;
}
.web-content-styles table strong, .web-content-styles table b {
  color: #6b2962;
}
.web-content-styles table tr:nth-child(1) strong, .web-content-styles table tr:nth-child(1) b {
  color: #33cccc;
}
.web-content-styles table td {
  padding: 10px;
  border-radius: 10px;
}
.web-content-styles h4 {
  color: #f569f5;
}
.web-content-styles h5 {
  color: #fac3fa;
}
.web-content-styles h6 {
  color: #ff4aa3;
}

.single-post-BccrA {
  margin-bottom: 25px;
  /* =========================================
     Product Feature Image — Glass + Neon Frame
     ========================================= */
  /* Frame */
  /* chip */
  /* subtle neon edge */
  /* icon */
  /* text */
  /* Optional: hover’da biraz belirginleşsin */
  /* Button base */
  /* Hover: neon border + lift */
  /* Press */
  /* Focus */
  /* Icon (SVG mask ile garanti görünür, font gerekmez) */
  /* Çok şık: hover’da ikon biraz parlasın */
  /* İstersen sadece hover’da görünsün (caption gibi) */
  /* subtle neon glow layer */
  /* neon border highlight */
  /* Image */
  /* Hover effect */
}
.single-post-BccrA .product-feature-4cF8P {
  width: 100%;
  margin: 0;
  padding: 0;
}
.single-post-BccrA .product-feature-4cF8P .feauter-image-PjxJW {
  position: relative;
  margin-bottom: 30px;
  border-radius: 18px;
  overflow: hidden;
  /* glass */
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform: translateZ(0);
}
.single-post-BccrA .product-feature-4cF8P .feature-caption-3gP9v {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100% - 28px);
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(15, 20, 27, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
}
.single-post-BccrA .product-feature-4cF8P .feature-caption-3gP9v::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0.85;
  box-shadow: 0 0 0 1px rgba(255, 46, 166, 0.28) inset, 0 0 0 2px rgba(116, 91, 255, 0.18) inset;
}
.single-post-BccrA .product-feature-4cF8P .feature-caption-3gP9v__icon {
  width: 30px;
  height: 30px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 46, 166, 0.92);
}
.single-post-BccrA .product-feature-4cF8P .feature-caption-3gP9v__text {
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 0.2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.single-post-BccrA .product-feature-4cF8P .feauter-image-PjxJW:hover .feature-caption-3gP9v {
  border-color: rgba(116, 91, 255, 0.4);
}
.single-post-BccrA .product-feature-4cF8P .feature-caption-3gP9v {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.single-post-BccrA .product-feature-4cF8P .feauter-image-PjxJW:hover .feature-caption-3gP9v {
  opacity: 1;
  transform: translateY(0);
}
.single-post-BccrA .product-feature-4cF8P .feature-zoomBtn-X2v9K {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 7;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  cursor: pointer;
  text-decoration: none;
  transform: translateZ(0);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}
.single-post-BccrA .product-feature-4cF8P .feature-zoomBtn-X2v9K:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.single-post-BccrA .product-feature-4cF8P .feature-zoomBtn-X2v9K:active {
  transform: translateY(0) scale(0.98);
}
.single-post-BccrA .product-feature-4cF8P .feature-zoomBtn-X2v9K:focus-visible {
  outline: 3px solid rgba(116, 91, 255, 0.35);
  outline-offset: 3px;
}
.single-post-BccrA .product-feature-4cF8P .feature-zoomBtn-X2v9K i {
  font-size: 25px;
  color: white;
}
.single-post-BccrA .product-feature-4cF8P .feature-zoomBtn-X2v9K__icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M10 4a6 6 0 104.472 10.03l3.749 3.748 1.414-1.414-3.748-3.749A6 6 0 0010 4zm0 2a4 4 0 110 8 4 4 0 010-8zm1 1v2h2v2h-2v2H9v-2H7V9h2V7h2z'/></svg>") no-repeat center/100% 100%;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M10 4a6 6 0 104.472 10.03l3.749 3.748 1.414-1.414-3.748-3.749A6 6 0 0010 4zm0 2a4 4 0 110 8 4 4 0 010-8zm1 1v2h2v2h-2v2H9v-2H7V9h2V7h2z'/></svg>") no-repeat center/100% 100%;
}
.single-post-BccrA .product-feature-4cF8P .feature-zoomBtn-X2v9K:hover .feature-zoomBtn-X2v9K__icon {
  filter: brightness(1.05);
}
.single-post-BccrA .product-feature-4cF8P .feature-zoomBtn-X2v9K {
  opacity: 1;
  transform: translateY(6px);
}
.single-post-BccrA .product-feature-4cF8P .feauter-image-PjxJW:hover .feature-zoomBtn-X2v9K {
  opacity: 1;
  transform: translateY(0);
}
.single-post-BccrA .product-feature-4cF8P .feauter-image-PjxJW::before {
  content: "";
  position: absolute;
  inset: -2px;
  pointer-events: none;
  border-radius: 20px;
  background: radial-gradient(520px 220px at 20% 10%, rgba(255, 46, 166, 0.2), transparent 60%), radial-gradient(520px 220px at 85% 80%, rgba(116, 91, 255, 0.2), transparent 60%);
  opacity: 0.9;
  z-index: 1;
}
.single-post-BccrA .product-feature-4cF8P .feauter-image-PjxJW::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 18px;
  opacity: 0;
  transition: opacity 0.18s ease;
  box-shadow: 0 0 0 1px rgba(255, 46, 166, 0.55) inset, 0 0 0 2px rgba(116, 91, 255, 0.28) inset, 0 0 28px rgba(255, 46, 166, 0.18), 0 0 30px rgba(116, 91, 255, 0.16);
  z-index: 3;
}
.single-post-BccrA .product-feature-4cF8P .feauter-image-PjxJW img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
  transform: scale(1.01);
  transition: transform 0.35s ease, filter 0.35s ease;
  object-fit: cover;
}
.single-post-BccrA .product-feature-4cF8P .feauter-image-PjxJW:hover::after {
  opacity: 1;
}
.single-post-BccrA .product-feature-4cF8P .feauter-image-PjxJW:hover img {
  transform: scale(1.04);
  filter: saturate(1.05) contrast(1.02);
}
.single-post-BccrA ul {
  list-style: none;
  padding-left: 0;
}
.single-post-BccrA ul li::before {
  content: "\f044"; /* Font Awesome Unicode */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* Solid ikonlar için */
  margin-right: 10px;
  color: #00eded;
}
.single-post-BccrA blockquote {
  position: relative;
  padding: 40px 30px 30px;
  background: var(--mpema-color-theme-bg);
  border: 2px solid var(--mpema-color-theme-primary);
  border-radius: 12px;
  margin-top: 55px;
  margin-bottom: 50px;
  z-index: 2;
}
.single-post-BccrA blockquote::before {
  content: "\f044";
  font-size: 40px;
  color: var(--mpema-color-theme-primary);
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-bottom: 20px;
  line-height: 1;
}
.single-post-BccrA blockquote p {
  color: var(--mpema-color-heading-primary);
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-medium);
  font-size: 24px;
  margin-bottom: 20px !important;
  letter-spacing: -0.03em;
  line-height: 1.417;
  border-radius: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .single-post-BccrA blockquote p {
    font-size: 20px;
    margin-bottom: 15px !important;
  }
}
.single-post-BccrA blockquote cite {
  color: var(--mpema-color-heading-primary);
  display: block;
  text-align: end;
  font-family: var(--mpema-ff-heading);
  font-style: normal;
  position: relative;
  z-index: 1;
}
.single-post-BccrA blockquote cite::before {
  content: "";
  display: inline-block;
  background: var(--mpema-color-border-1);
  height: 1px;
  width: 50px;
  top: -4px;
  margin-right: 10px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .single-post-BccrA blockquote {
    padding: 25px 15px;
    margin-bottom: 40px;
  }
}
.single-post-BccrA strong,
.single-post-BccrA b {
  color: #33cccc;
}
.single-post-BccrA table {
  border-collapse: separate;
  border-spacing: 15px; /* Hücreler arasında yatay ve dikey 15'er piksel boşluk bırakır */
  color: #6b2962;
}
.single-post-BccrA table tr:nth-child(odd) {
  background: #d185ee;
}
.single-post-BccrA table tr:nth-child(even) {
  background: #ea90de;
}
.single-post-BccrA table tr:nth-child(1) {
  background: #6b2962;
}
.single-post-BccrA table thead tr th {
  background: #6b2962;
  color: #ffffff;
  padding: 10px;
  border-radius: 10px;
}
.single-post-BccrA table tbody tr:nth-child(odd) {
  background: #d185ee;
}
.single-post-BccrA table tbody tr:nth-child(even) {
  background: #ea90de;
}
.single-post-BccrA .mpdl-target_problem tr:nth-child(1), .single-post-BccrA .mpdl-ecosystem_approach tr:nth-child(1), .single-post-BccrA .mpdl-ecosystem_approach tr:nth-child(1) strong, .single-post-BccrA .mpdl-ecosystem_approach tr:nth-child(1) b {
  background: #d185ee;
  color: #6b2962;
}
.single-post-BccrA table td,
.single-post-BccrA table th {
  vertical-align: top;
}
.single-post-BccrA table strong, .single-post-BccrA table b {
  color: #6b2962;
}
.single-post-BccrA table tr:nth-child(1) strong, .single-post-BccrA table tr:nth-child(1) b {
  color: #33cccc;
}
.single-post-BccrA table td {
  padding: 10px;
  border-radius: 10px;
}
.single-post-BccrA h4 {
  color: #f569f5;
}
.single-post-BccrA h5 {
  color: #fac3fa;
}
.single-post-BccrA h6 {
  color: #ff4aa3;
}

.single-title-5Qm8e {
  color: #fb61d4;
}

.sidebar-WrdIJ .product-info div {
  margin-bottom: 10px;
}
.sidebar-WrdIJ .product-info .mwt-price .price {
  color: yellow;
}
.sidebar-WrdIJ .product-info .mwt-price .price {
  font-size: 20px;
}
.sidebar-WrdIJ .product-info .mwt-meta .product_meta .sku_wrapper a, .sidebar-WrdIJ .product-info .mwt-meta .product_meta .posted_in a, .sidebar-WrdIJ .product-info .mwt-meta .product_meta .tagged_as a {
  color: var(--single-product-web-sidebar-subtitle);
}
.sidebar-WrdIJ .product-info .mwt-meta .product_meta .sku_wrapper a, .sidebar-WrdIJ .product-info .mwt-meta .product_meta .posted_in a, .sidebar-WrdIJ .product-info .mwt-meta .product_meta .tagged_as a {
  font-weight: normal;
}
.sidebar-WrdIJ .product-info .mwt-meta .product_meta .sku_wrapper, .sidebar-WrdIJ .product-info .mwt-meta .product_meta .posted_in, .sidebar-WrdIJ .product-info .mwt-meta .product_meta .tagged_as {
  color: var(--single-product-web-sidebar-title);
}
.sidebar-WrdIJ .product-info .mwt-meta .product_meta .sku_wrapper, .sidebar-WrdIJ .product-info .mwt-meta .product_meta .posted_in, .sidebar-WrdIJ .product-info .mwt-meta .product_meta .tagged_as {
  font-weight: bold;
}
.sidebar-WrdIJ .product-info .mwt-meta .product_meta .sku_wrapper .sku, .sidebar-WrdIJ .product-info .mwt-meta .product_meta .posted_in .sku, .sidebar-WrdIJ .product-info .mwt-meta .product_meta .tagged_as .sku {
  color: var(--single-product-web-sidebar-subtitle);
}
.sidebar-WrdIJ .product-info .mwt-meta .product_meta .sku_wrapper .sku, .sidebar-WrdIJ .product-info .mwt-meta .product_meta .posted_in .sku, .sidebar-WrdIJ .product-info .mwt-meta .product_meta .tagged_as .sku {
  font-weight: normal;
}
.sidebar-WrdIJ .product-info .mwt-cart select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  padding: 0.5rem 2.5rem 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='gray' height='16' viewBox='0 0 20 20' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.516 7.548l4.234 4.234 4.234-4.234L15 9.064 9.75 14.314 4.5 9.064z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
  cursor: pointer;
  transition: border-color 0.2s;
}
.sidebar-WrdIJ .product-info .mwt-cart select:focus {
  border-color: transparent;
  outline: 0;
}
.sidebar-WrdIJ .product-info .mwt-cart .single_add_to_cart_button {
  background: var(--nastygreen);
}
.sidebar-WrdIJ .product-info .mwt-cart .single_add_to_cart_button.disabled {
  background-color: red;
}
.sidebar-WrdIJ .product-info .mwt-cart .single_add_to_cart_button.disabled {
  color: white;
}
.sidebar-WrdIJ .product-info .mwt-cart .single_add_to_cart_button:hover.disabled {
  background: var(--neon-fuchsia);
}
.sidebar-WrdIJ .product-info .mwt-cart .single_add_to_cart_button:hover {
  background: var(--green);
}
.sidebar-WrdIJ .product-info .mwt-cart .reset_variations {
  margin-left: 15px;
}
.sidebar-WrdIJ .product-info .mwt-cart .woocommerce-Price-amount {
  font-size: 20px;
}
.sidebar-WrdIJ .product-info .mwt-cart .woocommerce-Price-amount {
  color: var(--woocommerce-Price-amount);
}
.sidebar-WrdIJ .product-info .mwt-cart .label {
  color: var(--single-product-web-sidebar-subtitle);
}
.sidebar-WrdIJ .product-info .additional-info-section .woocommerce-product-attributes {
  width: 100%;
}
.sidebar-WrdIJ .product-info .additional-info-section .woocommerce-product-attributes tr {
  display: block;
  margin-bottom: 15px;
  border-bottom: solid #262061;
  border-bottom-width: thin;
}
.sidebar-WrdIJ .product-info .additional-info-section .woocommerce-product-attributes th,
.sidebar-WrdIJ .product-info .additional-info-section .woocommerce-product-attributes td {
  display: block;
  width: 100%;
  text-align: left;
}
.sidebar-WrdIJ .product-info .additional-info-section .woocommerce-product-attributes-item__label {
  padding: 0 !important;
  margin: 0 !important;
}
.sidebar-WrdIJ .product-info .additional-info-section .woocommerce-product-attributes-item__label {
  color: var(--single-product-web-sidebar-title);
}
.sidebar-WrdIJ .product-info .additional-info-section .woocommerce-product-attributes-item__value {
  color: var(--single-product-web-sidebar-subtitle);
}
.sidebar-WrdIJ .product-info .additional-info-section .woocommerce-product-attributes-item__value {
  justify-content: start;
}
.sidebar-WrdIJ .product-info .additional-info-section .woocommerce-product-attributes-item__value {
  text-align: left;
}

.widgetSingleProductWeb .widget-title {
  color: var(--adamantine-blue);
}
.widgetSingleProductWeb .variation-sale-list .discount-title {
  color: var(--single-product-web-sidebar-title);
}
.widgetSingleProductWeb .variation-sale-list .discount-attribute-label {
  color: var(--discount-attribute);
}
.widgetSingleProductWeb .variation-sale-list del, .widgetSingleProductWeb .variation-sale-list ins {
  color: var(--woocommerce-Price-amount);
}
.widgetSingleProductWeb .variation-sale-list .text-muted {
  color: var(--text-muted) !important;
}

.mwt-original-currency-info strong {
  color: var(--single-product-web-sidebar-title);
}

.mwt-original-currency-info .mwt-original-currency-info-notice {
  color: var(--purple-honeycreeper);
}

.mwt-price-static-item .mwt-price-static-label {
  color: var(--single-product-web-sidebar-subtitle);
}

.mwt-original-currency-unit-detail-info .mwt-original-currency-unit-detail-row .mwt-original-currency-unit-detail-label {
  color: var(--single-product-web-sidebar-subtitle);
}

.mwt-original-currency-unit-detail-info .mwt-original-currency-unit-detail-row .mwt-original-currency-unit-detail-text {
  color: var(--woocommerce-Price-amount);
}

.mwt-original-currency-unit-detail-info .mwt-original-currency-notice {
  color: var(--purple-honeycreeper);
}
.mwt-original-currency-unit-detail-info .mwt-original-currency-notice {
  font-size: 14px;
}

.sidebar-WrdIJ .box-CEY {
  padding: 20px;
}
.sidebar-WrdIJ .box-CEY {
  background-color: #18133b;
}
.sidebar-WrdIJ .box-CEY {
  border: 1px solid rgba(255, 255, 255, 0.09);
}
.sidebar-WrdIJ .box-CEY {
  border-radius: 14px;
}

.page-post-nMPqW {
  /* Frame */
  /* chip */
  /* subtle neon edge */
  /* icon */
  /* text */
  /* Optional: hover’da biraz belirginleşsin */
  /* Button base */
  /* Hover: neon border + lift */
  /* Press */
  /* Focus */
  /* Icon (SVG mask ile garanti görünür, font gerekmez) */
  /* Çok şık: hover’da ikon biraz parlasın */
  /* İstersen sadece hover’da görünsün (caption gibi) */
  /* subtle neon glow layer */
  /* neon border highlight */
  /* Image */
  /* Hover effect */
}
.page-post-nMPqW .product-feature-4cF8P {
  width: 100%;
  margin: 0;
  padding: 0;
}
.page-post-nMPqW .product-feature-4cF8P .feauter-image-PjxJW {
  position: relative;
  margin-bottom: 30px;
  border-radius: 18px;
  overflow: hidden;
  /* glass */
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform: translateZ(0);
}
.page-post-nMPqW .product-feature-4cF8P .feature-caption-3gP9v {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100% - 28px);
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(15, 20, 27, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
}
.page-post-nMPqW .product-feature-4cF8P .feature-caption-3gP9v::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0.85;
  box-shadow: 0 0 0 1px rgba(255, 46, 166, 0.28) inset, 0 0 0 2px rgba(116, 91, 255, 0.18) inset;
}
.page-post-nMPqW .product-feature-4cF8P .feature-caption-3gP9v__icon {
  width: 30px;
  height: 30px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 46, 166, 0.92);
}
.page-post-nMPqW .product-feature-4cF8P .feature-caption-3gP9v__text {
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 0.2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-post-nMPqW .product-feature-4cF8P .feauter-image-PjxJW:hover .feature-caption-3gP9v {
  border-color: rgba(116, 91, 255, 0.4);
}
.page-post-nMPqW .product-feature-4cF8P .feature-caption-3gP9v {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.page-post-nMPqW .product-feature-4cF8P .feauter-image-PjxJW:hover .feature-caption-3gP9v {
  opacity: 1;
  transform: translateY(0);
}
.page-post-nMPqW .product-feature-4cF8P .feature-zoomBtn-X2v9K {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 7;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  cursor: pointer;
  text-decoration: none;
  transform: translateZ(0);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}
.page-post-nMPqW .product-feature-4cF8P .feature-zoomBtn-X2v9K:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.page-post-nMPqW .product-feature-4cF8P .feature-zoomBtn-X2v9K:active {
  transform: translateY(0) scale(0.98);
}
.page-post-nMPqW .product-feature-4cF8P .feature-zoomBtn-X2v9K:focus-visible {
  outline: 3px solid rgba(116, 91, 255, 0.35);
  outline-offset: 3px;
}
.page-post-nMPqW .product-feature-4cF8P .feature-zoomBtn-X2v9K i {
  font-size: 25px;
  color: white;
}
.page-post-nMPqW .product-feature-4cF8P .feature-zoomBtn-X2v9K__icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M10 4a6 6 0 104.472 10.03l3.749 3.748 1.414-1.414-3.748-3.749A6 6 0 0010 4zm0 2a4 4 0 110 8 4 4 0 010-8zm1 1v2h2v2h-2v2H9v-2H7V9h2V7h2z'/></svg>") no-repeat center/100% 100%;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M10 4a6 6 0 104.472 10.03l3.749 3.748 1.414-1.414-3.748-3.749A6 6 0 0010 4zm0 2a4 4 0 110 8 4 4 0 010-8zm1 1v2h2v2h-2v2H9v-2H7V9h2V7h2z'/></svg>") no-repeat center/100% 100%;
}
.page-post-nMPqW .product-feature-4cF8P .feature-zoomBtn-X2v9K:hover .feature-zoomBtn-X2v9K__icon {
  filter: brightness(1.05);
}
.page-post-nMPqW .product-feature-4cF8P .feature-zoomBtn-X2v9K {
  opacity: 1;
  transform: translateY(6px);
}
.page-post-nMPqW .product-feature-4cF8P .feauter-image-PjxJW:hover .feature-zoomBtn-X2v9K {
  opacity: 1;
  transform: translateY(0);
}
.page-post-nMPqW .product-feature-4cF8P .feauter-image-PjxJW::before {
  content: "";
  position: absolute;
  inset: -2px;
  pointer-events: none;
  border-radius: 20px;
  background: radial-gradient(520px 220px at 20% 10%, rgba(255, 46, 166, 0.2), transparent 60%), radial-gradient(520px 220px at 85% 80%, rgba(116, 91, 255, 0.2), transparent 60%);
  opacity: 0.9;
  z-index: 1;
}
.page-post-nMPqW .product-feature-4cF8P .feauter-image-PjxJW::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 18px;
  opacity: 0;
  transition: opacity 0.18s ease;
  box-shadow: 0 0 0 1px rgba(255, 46, 166, 0.55) inset, 0 0 0 2px rgba(116, 91, 255, 0.28) inset, 0 0 28px rgba(255, 46, 166, 0.18), 0 0 30px rgba(116, 91, 255, 0.16);
  z-index: 3;
}
.page-post-nMPqW .product-feature-4cF8P .feauter-image-PjxJW img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
  transform: scale(1.01);
  transition: transform 0.35s ease, filter 0.35s ease;
  object-fit: cover;
}
.page-post-nMPqW .product-feature-4cF8P .feauter-image-PjxJW:hover::after {
  opacity: 1;
}
.page-post-nMPqW .product-feature-4cF8P .feauter-image-PjxJW:hover img {
  transform: scale(1.04);
  filter: saturate(1.05) contrast(1.02);
}

.page-PM84v .product-content-Lp7Qe ul {
  list-style: none;
  padding-left: 0;
}
.page-PM84v .product-content-Lp7Qe ul li::before {
  content: "\f044"; /* Font Awesome Unicode */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* Solid ikonlar için */
  margin-right: 10px;
  color: #00eded;
}
.page-PM84v .product-content-Lp7Qe blockquote {
  position: relative;
  padding: 40px 30px 30px;
  background: var(--mpema-color-theme-bg);
  border: 2px solid var(--mpema-color-theme-primary);
  border-radius: 12px;
  margin-top: 55px;
  margin-bottom: 50px;
  z-index: 2;
}
.page-PM84v .product-content-Lp7Qe blockquote::before {
  content: "\f044";
  font-size: 40px;
  color: var(--mpema-color-theme-primary);
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-bottom: 20px;
  line-height: 1;
}
.page-PM84v .product-content-Lp7Qe blockquote p {
  color: var(--mpema-color-heading-primary);
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-medium);
  font-size: 24px;
  margin-bottom: 20px !important;
  letter-spacing: -0.03em;
  line-height: 1.417;
  border-radius: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .page-PM84v .product-content-Lp7Qe blockquote p {
    font-size: 20px;
    margin-bottom: 15px !important;
  }
}
.page-PM84v .product-content-Lp7Qe blockquote cite {
  color: var(--mpema-color-heading-primary);
  display: block;
  text-align: end;
  font-family: var(--mpema-ff-heading);
  font-style: normal;
  position: relative;
  z-index: 1;
}
.page-PM84v .product-content-Lp7Qe blockquote cite::before {
  content: "";
  display: inline-block;
  background: var(--mpema-color-border-1);
  height: 1px;
  width: 50px;
  top: -4px;
  margin-right: 10px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .page-PM84v .product-content-Lp7Qe blockquote {
    padding: 25px 15px;
    margin-bottom: 40px;
  }
}

.page-cart-iBTzs .page-common-xrq0I {
  padding: 40px;
}

.wc-block-components-button {
  background: linear-gradient(90deg, rgb(255, 46, 166), rgba(116, 91, 255, 0.5)) !important;
}

.wc-block-components-button:hover {
  background: linear-gradient(90deg, rgb(116, 91, 255), rgba(255, 46, 166, 0.5)) !important;
}

.page-checkout-content-VH9 {
  padding: 50px;
}

.page-checkout-ZN9uQ #contact-fields > legend {
  color: #ff007f !important;
}

.page-checkout-ZN9uQ .wc-bacs-bank-details-heading, .page-checkout-ZN9uQ .wc-bacs-bank-details-account-name, .page-checkout-ZN9uQ .woocommerce-order-downloads__title, .page-checkout-ZN9uQ .woocommerce-order-details__title {
  color: #ff007f;
}

.page-checkout-ZN9uQ .wc-block-components-address-card__address-section--secondary {
  color: white !important;
}

.page-checkout-ZN9uQ .wc-block-checkout__contact-fields, .page-checkout-ZN9uQ .wc-block-components-checkout-step {
  color: #ff007f !important;
}

.myaccount-qghGn .woocommerce-MyAccount-navigation {
  position: relative;
  padding: 18px;
  border-radius: 22px;
  background: radial-gradient(420px 160px at 10% 0%, rgba(255, 46, 166, 0.14), transparent 60%), radial-gradient(420px 160px at 100% 100%, rgba(116, 91, 255, 0.16), transparent 60%), rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  /* Endpoint ikonları */
}
.myaccount-qghGn .woocommerce-MyAccount-navigation ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.myaccount-qghGn .woocommerce-MyAccount-navigation li {
  margin: 0;
  padding: 0;
}
.myaccount-qghGn .woocommerce-MyAccount-navigation a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  padding: 13px 16px 13px 46px;
  border-radius: 16px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
.myaccount-qghGn .woocommerce-MyAccount-navigation a::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  background: currentColor;
  opacity: 0.82;
  -webkit-mask: var(--myaccount-icon) center/contain no-repeat;
  mask: var(--myaccount-icon) center/contain no-repeat;
}
.myaccount-qghGn .woocommerce-MyAccount-navigation a:hover {
  color: #ffffff;
  transform: translateX(3px);
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(255, 46, 166, 0.24);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}
.myaccount-qghGn .woocommerce-MyAccount-navigation .is-active > a {
  color: #ffffff;
  background: linear-gradient(135deg, rgba(255, 46, 166, 0.18), rgba(116, 91, 255, 0.18)), rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 46, 166, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 16px 36px rgba(0, 0, 0, 0.22);
}
.myaccount-qghGn .woocommerce-MyAccount-navigation .is-active > a::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #ff2ea6;
  box-shadow: 0 0 0 5px rgba(255, 46, 166, 0.14);
}
.myaccount-qghGn .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard a {
  --myaccount-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 13h8V3H3v10Zm0 8h8v-6H3v6Zm10 0h8V11h-8v10Zm0-18v6h8V3h-8Z'/%3E%3C/svg%3E");
}
.myaccount-qghGn .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--favorilerim a {
  --myaccount-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 21s-7-4.35-9.33-8.14C.37 9.14 2.5 4 7.1 4c2.12 0 3.4 1.08 4.9 2.75C13.5 5.08 14.78 4 16.9 4c4.6 0 6.73 5.14 4.43 8.86C19 16.65 12 21 12 21Z'/%3E%3C/svg%3E");
}
.myaccount-qghGn .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders a {
  --myaccount-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2ZM1 2v2h2l3.6 7.59-1.35 2.45C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45c.75 0 1.41-.41 1.75-1.03L21 5H5.21l-.94-2H1Zm16 16c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2Z'/%3E%3C/svg%3E");
}
.myaccount-qghGn .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--downloads a {
  --myaccount-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M5 20h14v-2H5v2ZM19 9h-4V3H9v6H5l7 7 7-7Z'/%3E%3C/svg%3E");
}
.myaccount-qghGn .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-address a {
  --myaccount-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E");
}
.myaccount-qghGn .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-account a {
  --myaccount-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5Zm0 2c-3.33 0-10 1.67-10 5v3h20v-3c0-3.33-6.67-5-10-5Z'/%3E%3C/svg%3E");
}
.myaccount-qghGn .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a {
  color: rgba(255, 150, 150, 0.95);
  border-color: rgba(255, 80, 80, 0.16);
  background: rgba(255, 80, 80, 0.055);
  --myaccount-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M10 17v-3H3v-4h7V7l5 5-5 5Zm8-14H6c-1.1 0-2 .9-2 2v3h2V5h12v14H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Z'/%3E%3C/svg%3E");
}
.myaccount-qghGn .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  color: #fff;
  background: rgba(255, 80, 80, 0.12);
  border-color: rgba(255, 80, 80, 0.3);
}
@media (max-width: 768px) {
  .myaccount-qghGn .woocommerce-MyAccount-navigation {
    padding: 14px;
    border-radius: 18px;
  }
  .myaccount-qghGn .woocommerce-MyAccount-navigation ul {
    gap: 8px;
  }
  .myaccount-qghGn .woocommerce-MyAccount-navigation a {
    min-height: 48px;
    padding: 12px 14px 12px 42px;
    border-radius: 14px;
    font-size: 14px;
  }
  .myaccount-qghGn .woocommerce-MyAccount-navigation a::before {
    left: 14px;
    width: 17px;
    height: 17px;
  }
}

.page-blog-VXxvI .mpema-product-cat-vUKJu__content h5.mpema-product-cat-vUKJu__product-title a {
  color: #b35ed3;
  font-weight: bold;
}
.page-blog-VXxvI .mpema-product-cat-vUKJu__content h5.mpema-product-cat-vUKJu__product-title a:hover {
  color: #ffffff;
}
.page-blog-VXxvI .mpema-product-cat-vUKJu__content .mpema-product-cat-vUKJu__price {
  color: #ffffff;
}

.product-title-Vu3Qe-module-vIcQK {
  margin: 0;
  font-weight: 950;
  letter-spacing: 0.2px;
  line-height: 1.12;
  color: #f053a0;
  max-width: 64ch;
}

.module-6Oh9O .product-content-Lp7Qe h4 {
  color: #f569f5;
}
.module-6Oh9O .product-content-Lp7Qe h5 {
  color: #fac3fa;
}
.module-6Oh9O .product-content-Lp7Qe h6 {
  color: #ff4aa3;
}
.module-6Oh9O .product-content-Lp7Qe strong,
.module-6Oh9O .product-content-Lp7Qe b {
  color: #33cccc;
}
.module-6Oh9O .product-content-Lp7Qe table {
  border-collapse: separate;
  border-spacing: 15px; /* Hücreler arasında yatay ve dikey 15'er piksel boşluk bırakır */
  color: #6b2962;
}
.module-6Oh9O .product-content-Lp7Qe table tr:nth-child(odd) {
  background: #d185ee;
}
.module-6Oh9O .product-content-Lp7Qe table tr:nth-child(even) {
  background: #ea90de;
}
.module-6Oh9O .product-content-Lp7Qe table tr:nth-child(1) {
  background: #6b2962;
}
.module-6Oh9O .product-content-Lp7Qe .mpdl-target_problem tr:nth-child(1), .module-6Oh9O .product-content-Lp7Qe .mpdl-ecosystem_approach tr:nth-child(1), .module-6Oh9O .product-content-Lp7Qe .mpdl-ecosystem_approach tr:nth-child(1) strong, .module-6Oh9O .product-content-Lp7Qe .mpdl-ecosystem_approach tr:nth-child(1) b {
  background: #d185ee;
  color: #6b2962;
}
.module-6Oh9O .product-content-Lp7Qe table td,
.module-6Oh9O .product-content-Lp7Qe table th {
  vertical-align: top;
}
.module-6Oh9O .product-content-Lp7Qe table strong, .module-6Oh9O .product-content-Lp7Qe table b {
  color: #6b2962;
}
.module-6Oh9O .product-content-Lp7Qe table tr:nth-child(1) strong, .module-6Oh9O .product-content-Lp7Qe table tr:nth-child(1) b {
  color: #33cccc;
}
.module-6Oh9O .product-content-Lp7Qe table td {
  padding: 10px;
  border-radius: 10px;
}
.module-6Oh9O .product-content-Lp7Qe ul {
  list-style: none;
  padding-left: 0;
}
.module-6Oh9O .product-content-Lp7Qe ul li::before {
  content: "\f044"; /* Font Awesome Unicode */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* Solid ikonlar için */
  margin-right: 10px;
  color: #00eded;
}
.module-6Oh9O .product-content-Lp7Qe blockquote {
  position: relative;
  padding: 40px 30px 30px;
  background: var(--mpema-color-theme-bg);
  border: 2px solid var(--mpema-color-theme-primary);
  border-radius: 12px;
  margin-top: 55px;
  margin-bottom: 50px;
  z-index: 2;
}
.module-6Oh9O .product-content-Lp7Qe blockquote::before {
  content: "\f044";
  font-size: 40px;
  color: var(--mpema-color-theme-primary);
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin-bottom: 20px;
  line-height: 1;
}
.module-6Oh9O .product-content-Lp7Qe blockquote p {
  color: var(--mpema-color-heading-primary);
  font-family: var(--mpema-ff-heading);
  font-weight: var(--mpema-fw-medium);
  font-size: 24px;
  margin-bottom: 20px !important;
  letter-spacing: -0.03em;
  line-height: 1.417;
  border-radius: 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .module-6Oh9O .product-content-Lp7Qe blockquote p {
    font-size: 20px;
    margin-bottom: 15px !important;
  }
}
.module-6Oh9O .product-content-Lp7Qe blockquote cite {
  color: var(--mpema-color-heading-primary);
  display: block;
  text-align: end;
  font-family: var(--mpema-ff-heading);
  font-style: normal;
  position: relative;
  z-index: 1;
}
.module-6Oh9O .product-content-Lp7Qe blockquote cite::before {
  content: "";
  display: inline-block;
  background: var(--mpema-color-border-1);
  height: 1px;
  width: 50px;
  top: -4px;
  margin-right: 10px;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .module-6Oh9O .product-content-Lp7Qe blockquote {
    padding: 25px 15px;
    margin-bottom: 40px;
  }
}

.mpema-product-cat-vUKJu {
  /* Sadece ürün başlığı arka planı */
  /* Sadece fiyat arka planı */
}
.mpema-product-cat-vUKJu {
  margin-top: 25px;
}
.mpema-product-cat-vUKJu {
  margin-bottom: 25px;
}
.mpema-product-cat-vUKJu__head {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 24px;
  margin-bottom: 5px;
}
.mpema-product-cat-vUKJu__sub-title {
  display: inline-flex;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.mpema-product-cat-vUKJu__title {
  margin: 0;
}
.mpema-product-cat-vUKJu__desc {
  margin-top: 12px;
  max-width: 760px;
}
.mpema-product-cat-vUKJu__count {
  flex: 0 0 auto;
  font-size: 14px;
  opacity: 0.78;
}
.mpema-product-cat-vUKJu__item {
  height: 100%;
}
.mpema-product-cat-vUKJu__img a {
  display: block;
}
.mpema-product-cat-vUKJu__img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.mpema-product-cat-vUKJu__product-title a {
  text-decoration: none;
}
.mpema-product-cat-vUKJu__price {
  display: inline-flex;
  margin-top: 6px;
  font-weight: 700;
}
.mpema-product-cat-vUKJu__excerpt {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
  opacity: 0.82;
}
.mpema-product-cat-vUKJu__pagination {
  margin-top: 42px;
}
.mpema-product-cat-vUKJu__pagination-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mpema-product-cat-vUKJu__pagination-item .page-numbers {
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: 0.2s ease;
}
.mpema-product-cat-vUKJu__pagination-item .page-numbers.current,
.mpema-product-cat-vUKJu__pagination-item .page-numbers:hover {
  transform: translateY(-1px);
}
.mpema-product-cat-vUKJu__empty {
  padding: 42px 24px;
  text-align: center;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}
@media (max-width: 768px) {
  .mpema-product-cat-vUKJu__head {
    align-items: flex-start;
    flex-direction: column;
  }
  .mpema-product-cat-vUKJu__count {
    width: 100%;
  }
}
.mpema-product-cat-vUKJu__product-title {
  margin-bottom: 10px;
}
.mpema-product-cat-vUKJu__product-title a {
  display: inline-flex;
  width: 100%;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  color: #ffb7e0;
  text-decoration: none;
  line-height: 1.45;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transition: background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}
.mpema-product-cat-vUKJu__product-title a:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 46, 166, 0.26);
}
.mpema-product-cat-vUKJu__price {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-top: 2px;
  padding: 8px 13px;
  border-radius: 10px;
  background: rgba(255, 46, 166, 0.7);
  border: 1px solid rgba(255, 46, 166, 0.22);
  backdrop-filter: blur(8px);
  font-weight: 700;
  line-height: 1.2;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.mpema-product-cat-vUKJu__price .amount,
.mpema-product-cat-vUKJu__price bdi,
.mpema-product-cat-vUKJu__price ins {
  color: inherit;
  font-weight: inherit;
}
.mpema-product-cat-vUKJu__price del {
  opacity: 0.6;
  margin-right: 6px;
}
.mpema-product-cat-vUKJu__price ins {
  text-decoration: none;
}

/* Bunun küçük ikonlu ilk tasarım kodları var. "g8cTn" ile arayabilirsin. template index.scss den bağlayabilirsin.*/
/* ===========================
   Sidebar Product Cards UI
   =========================== */
.page-common-aHIEE {
  /* Image link */
  /* Image */
  /* Title */
  /* Buttons row */
  /* icon buttons */
  /* 1) Tam ekran: küçük ikon butonu */
  /* Optional: make the "view" btn gradient */
  /* Ürüne Git ikonunu text gibi göstermek istersen */
  /* Icons */
  /* Responsive in sidebar */
}
.page-common-aHIEE .product-card {
  position: relative;
  padding: 14px;
  border-radius: 18px;
  margin-bottom: 5px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.page-common-aHIEE .product-card:hover {
  transform: translateY(-2px);
  border-color: rgba(116, 91, 255, 0.45);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.page-common-aHIEE .product-card > a.popup-link {
  position: relative;
  display: block;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.page-common-aHIEE .product-card > a.popup-link::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(420px 220px at 20% 20%, rgba(255, 46, 166, 0.22), transparent 55%), radial-gradient(420px 220px at 80% 30%, rgba(116, 91, 255, 0.2), transparent 60%), linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.35));
  opacity: 0.35;
  transition: opacity 0.25s ease;
}
.page-common-aHIEE .product-card:hover > a.popup-link::after {
  opacity: 0.65;
}
.page-common-aHIEE .product-card img {
  width: 100%;
  height: 260px; /* sağdaki kart yüksekliği */
  object-fit: cover;
  object-position: 0% 0%;
  display: block;
  transform: scale(1.01);
  transition: transform 0.25s ease, filter 0.25s ease;
}
.page-common-aHIEE .product-card:hover img {
  transform: scale(1.04);
  filter: saturate(1.05) contrast(1.02);
}
.page-common-aHIEE .product-card h3 {
  margin: 12px 2px 10px;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.15;
  color: rgba(255, 255, 255, 0.95);
  letter-spacing: 0.2px;
}
.page-common-aHIEE .product-card .product-buttons {
  display: flex;
  gap: 10px;
  align-items: center;
}
.page-common-aHIEE .product-card .product-buttons .btn {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.page-common-aHIEE .product-card .product-buttons .btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 46, 166, 0.35);
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.38);
}
.page-common-aHIEE .product-card .product-buttons .btn:active {
  transform: translateY(0) scale(0.99);
}
.page-common-aHIEE .product-card .product-buttons .btn:first-child {
  width: 44px;
  height: 44px;
  border-radius: 14px;
}
.page-common-aHIEE .product-card .product-buttons .btn:last-child {
  flex: 1 1 auto;
  height: 44px;
  border-radius: 999px;
  padding: 0 14px;
  justify-content: center;
  /* gradient zaten vardı; burada daha “button” hissi verelim */
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.9), rgba(116, 91, 255, 0.7));
}
.page-common-aHIEE .product-card .product-buttons .btn-go-product::after {
  content: attr(data-label);
  margin-left: 10px;
  font-weight: 900;
  font-size: 12.5px;
  letter-spacing: 0.2px;
  color: rgba(255, 255, 255, 0.95);
}
.page-common-aHIEE .product-card .product-buttons .btn i {
  font-size: 16px;
  line-height: 1;
}
@media (max-width: 992px) {
  .page-common-aHIEE .product-card img {
    height: 220px;
  }
}

.page-common {
  margin-top: 25px;
  margin-bottom: 25px;
}

.page-common-content-area .row {
  margin-left: 0;
}

.page-common-xrq0I {
  background: radial-gradient(700px 240px at 15% 0%, rgba(255, 46, 166, 0.22), transparent 55%), radial-gradient(700px 240px at 85% 100%, rgba(120, 90, 255, 0.22), transparent 55%), rgba(255, 255, 255, 0.05);
}
.page-common-xrq0I {
  border: 1px solid rgba(255, 255, 255, 0.09);
}
.page-common-xrq0I {
  border-radius: 14px;
}
.page-common-xrq0I .content-area {
  margin-top: 10px;
}
.page-common-xrq0I .content-area {
  padding: 10px;
}
.page-common-xrq0I .content-area .product-gallery {
  width: 100%;
}
.page-common-xrq0I .content-area .product-gallery .theme-card {
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
  cursor: zoom-in;
}
.page-common-xrq0I .content-area .product-gallery .theme-card img {
  width: 100%;
  transition: transform 0.5s ease;
}
.page-common-xrq0I .content-area .product-gallery .theme-card:hover img {
  transform: scale(1.05);
}

.pageCommonSidebar .widget-title {
  color: var(--adamantine-blue);
}

/* ===========================
   Registration Form (Auth UI)
   Targets: .auth-wrap .auth-card #bwd-register-page
   =========================== */
/* Layout wrapper */
.register-form .auth-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

/* Card */
.register-form .auth-card {
  width: min(920px, 100%);
  padding: 28px 28px 22px;
  border-radius: 22px;
  position: relative;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Subtle corner glow */
.register-form .auth-card::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 24px;
  pointer-events: none;
  background: radial-gradient(900px 220px at 50% 0%, rgba(116, 91, 255, 0.35), transparent 55%), radial-gradient(520px 180px at 10% 20%, rgba(255, 46, 166, 0.25), transparent 60%), radial-gradient(520px 180px at 90% 20%, rgba(0, 220, 255, 0.16), transparent 60%);
  filter: blur(0.2px);
}

/* Form */
#bwd-register-page {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Icon header */
#bwd-register-page .auth-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.35);
  margin-bottom: 6px;
}

#bwd-register-page .auth-icon i {
  font-size: 22px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.92);
}

/* Row */
#bwd-register-page .auth-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#bwd-register-page .auth-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 6px;
}

#bwd-register-page .auth-head__title {
  font-weight: 900;
  font-size: 16px;
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.96);
  letter-spacing: 0.2px;
}

#bwd-register-page .auth-head__sub {
  margin-top: 2px;
  font-weight: 600;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.68);
}

/* Label */
#bwd-register-page .form-label {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.2px;
  color: rgba(255, 255, 255, 0.86);
}

/* Inputs */
#bwd-register-page .form-control {
  height: 44px;
  border-radius: 14px;
  padding: 0 14px;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 28px rgba(0, 0, 0, 0.22);
  outline: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background-color 0.18s ease;
}

#bwd-register-page .form-control::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

#bwd-register-page .form-control:focus {
  background: rgba(0, 0, 0, 0.28);
  border-color: rgba(116, 91, 255, 0.65);
  box-shadow: 0 0 0 4px rgba(116, 91, 255, 0.18), 0 18px 45px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transform: translateY(-1px);
}

/* Autofill fix (Chrome) */
#bwd-register-page input:-webkit-autofill {
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92);
  transition: background-color 9999s ease-in-out 0s;
  box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.22) inset;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

/* reCAPTCHA spacing */
#bwd-register-page .g-recaptcha {
  transform-origin: left top;
  margin-top: 6px;
}

/* Error msg */
#bwd-register-page .recaptcha-error {
  font-weight: 700;
  font-size: 13px;
  margin-top: 8px;
}

/* Submit row */
#bwd-register-page .submit-register {
  margin-top: 6px;
}

/* Button */
#bwd-register-page .btn-auth,
#bwd-register-page .register-form-submit {
  width: 100%;
}

#bwd-register-page .btn-auth {
  height: 46px;
  border-radius: 16px;
  border: 0;
  cursor: pointer;
  font-weight: 800;
  letter-spacing: 0.3px;
  color: #fff;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

#bwd-register-page .btn-auth:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.45);
}

#bwd-register-page .btn-auth:active {
  transform: translateY(0px) scale(0.99);
}

/* Responsive */
@media (max-width: 768px) {
  .register-form .auth-card {
    padding: 22px 16px 18px;
    border-radius: 18px;
  }
  #bwd-register-page .form-control {
    height: 42px;
    border-radius: 12px;
  }
  #bwd-register-page .btn-auth {
    border-radius: 14px;
  }
}
/* Ultra small: scale reCAPTCHA if needed */
@media (max-width: 420px) {
  #bwd-register-page .g-recaptcha {
    transform: scale(0.92);
  }
}
/* =========================================
   LOGIN / OTP AUTH UI (theme-matching)
   Targets your login-page markup
   ========================================= */
.login-page .auth-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* card zaten registration’da var; login için biraz daha dar */
.login-page .auth-card {
  width: min(720px, 100%);
  padding: 26px 26px 18px;
  border-radius: 22px;
  position: relative;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.login-page .auth-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 2px 0 12px;
  position: relative;
  z-index: 1;
}

.login-page .auth-head__title {
  font-weight: 950;
  font-size: 16px;
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.96);
  letter-spacing: 0.2px;
}

.login-page .auth-head__sub {
  margin-top: 2px;
  font-weight: 700;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.68);
}

/* glow */
.login-page .auth-card::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 24px;
  pointer-events: none;
  background: radial-gradient(900px 220px at 50% 0%, rgba(116, 91, 255, 0.35), transparent 55%), radial-gradient(520px 180px at 12% 18%, rgba(255, 46, 166, 0.22), transparent 60%), radial-gradient(520px 180px at 88% 22%, rgba(0, 220, 255, 0.14), transparent 60%);
}

/* Hidden inputs must stay hidden (theme overrides protection) */
.login-page input[type=hidden],
.login-page #bwd-login-otp-form input[type=hidden] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* shell / panels */
.login-page .mwt-login-shell {
  position: relative;
  z-index: 1;
}

.login-page .mwt-auth-panel {
  display: none;
}

.login-page .mwt-auth-panel.is-active {
  display: block;
}

/* icon header */
.login-page .auth-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.35);
  margin: 2px 0 12px;
}

.login-page .auth-icon i {
  font-size: 22px;
  color: rgba(255, 255, 255, 0.92);
}

/* form width: inline style 90% vardı, daha düzgün yapalım */
.login-page #bwd-login-form,
.login-page #bwd-login-otp-form {
  width: 100% !important;
  max-width: 520px;
  margin: 0 auto;
  text-align: left !important;
}

/* inputs */
.login-page .form-control {
  height: 44px;
  border-radius: 14px;
  padding: 0 14px;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 28px rgba(0, 0, 0, 0.22);
  outline: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background-color 0.18s ease;
}

.login-page .form-control::placeholder {
  color: rgba(255, 255, 255, 0.48);
  font-weight: 700;
}

.login-page .form-control:focus {
  background: rgba(0, 0, 0, 0.28);
  border-color: rgba(116, 91, 255, 0.65);
  box-shadow: 0 0 0 4px rgba(116, 91, 255, 0.18), 0 18px 45px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transform: translateY(-1px);
}

/* checkbox row + forgot link */
.login-page .auth-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 10px 0 12px;
  font-size: 13px;
}

.login-page .auth-actions label {
  color: rgba(255, 255, 255, 0.78);
  font-weight: 700;
}

.login-page .auth-actions a {
  color: rgba(255, 255, 255, 0.86);
  text-decoration: none;
  font-weight: 800;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.login-page .auth-actions a:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

/* checkbox görünüm */
.login-page input[type=checkbox] {
  width: 18px;
  height: 18px;
  accent-color: rgb(116, 91, 255);
}

/* recaptcha */
.login-page .g-recaptcha {
  transform-origin: left top;
  margin: 10px 0 6px;
}

/* primary auth button */
.login-page .btn-auth {
  width: 100%;
  height: 46px;
  border-radius: 16px;
  border: 0;
  cursor: pointer;
  font-weight: 900;
  letter-spacing: 0.3px;
  color: #fff;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.login-page .btn-auth:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.45);
}

.login-page .btn-auth:active {
  transform: translateY(0) scale(0.99);
}

/* OTP title + helper */
.login-page .mwt-auth-step-title {
  text-align: center;
  font-weight: 950;
  font-size: 18px;
  letter-spacing: 0.2px;
  color: rgba(255, 255, 255, 0.96);
  margin: 6px 0 10px;
}

/* OTP helper row: theme-matching "info chip" */
.login-page .mwt-otp-helper {
  max-width: 520px;
  margin: 0 auto 14px;
  padding: 10px 12px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  color: rgba(255, 255, 255, 0.76);
  font-weight: 750;
  font-size: 13px;
  line-height: 1.35;
}

/* Email badge */
.login-page .mwt-otp-email {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-weight: 900;
  letter-spacing: 0.2px;
  /* uzun maili taşırma */
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* tema uyumlu gradient vurgusu */
  color: #fff;
}

/* İstersen email’i gradient text yapalım (çok premium) */
@supports (-webkit-background-clip: text) {
  .login-page .mwt-otp-email {
    background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.8));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    /* text olunca badge görünümü kaybolmasın diye dış çerçeveyi koruyalım */
    padding: 0;
    border: 0;
  }
  /* badge çerçevesi için ayrı outline efekti */
  .login-page .mwt-otp-email {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0); /* sadece netleştirme */
  }
}
/* Eğer gradient text istemezsen, bu bloğu silebilirsin. */
/* otp actions */
.login-page #mwt-otp-panel .auth-actions {
  justify-content: center;
  gap: 16px;
  margin-top: 12px;
}

/* message box */
.login-page .mwt-auth-message {
  max-width: 520px;
  margin: 0 auto 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.88);
}

/* footer links */
.login-page .auth-foot {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 700;
}

.login-page .auth-foot a {
  color: rgba(255, 255, 255, 0.92);
  font-weight: 900;
  text-decoration: none;
  margin-left: 8px;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.login-page .auth-foot a:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

/* responsive */
@media (max-width: 768px) {
  .login-page .auth-card {
    padding: 22px 16px 16px;
    border-radius: 18px;
  }
  .login-page .form-control {
    height: 42px;
    border-radius: 12px;
  }
  .login-page .btn-auth {
    border-radius: 14px;
  }
}
@media (max-width: 420px) {
  .login-page .g-recaptcha {
    transform: scale(0.92);
  }
}
.cookie-notice {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: rgba(17, 17, 17, 0.9);
  color: #fff;
  padding: 12px 16px;
  display: none;
}

.cookie-notice .notice-area {
  width: 100%;
  margin: 0 auto;
  display: block;
  gap: 12px;
  align-items: center;
  flex-direction: column;
}

.cookie-notice .notice-area .notice .notice-link {
  color: #ffd54f;
  text-decoration: underline;
}

.cookie-notice .notice-area .notice-buttons {
  width: 100%;
}
.cookie-notice .notice-area .notice-buttons {
  display: flex;
}
.cookie-notice .notice-area .notice-buttons {
  flex-direction: row;
}

.cookie-notice .notice-area .notice-buttons .accept-necessary {
  margin-left: 10px;
  padding: 6px 12px;
  background: #6c757d;
  color: #fff;
  border: 0;
  border-radius: 4px;
}

@media (max-width: 576px) {
  .cookie-notice .notice-area .notice-buttons {
    width: 100%;
  }
  .cookie-notice .notice-area .notice-buttons {
    display: block;
  }
  .cookie-notice .notice-area .notice-buttons .buts {
    width: 100%;
  }
  .cookie-notice .notice-area .notice-buttons .buts {
    display: flex;
  }
  .cookie-notice .notice-area .notice-buttons .buts {
    align-items: center;
  }
  .cookie-notice .notice-area .notice-buttons .buts {
    justify-content: center;
  }
  .cookie-notice .notice-area .notice-buttons .buts {
    align-content: center;
  }
  .cookie-notice .notice-area .notice-buttons .buts {
    margin-top: 10px;
  }
}
@media (min-width: 576px) {
  .cookie-notice .notice-area .notice-buttons {
    margin-top: 10px;
  }
  .cookie-notice .notice-area .notice-buttons {
    display: flex;
  }
  .cookie-notice .notice-area .notice-buttons {
    flex-direction: row;
  }
  .cookie-notice .notice-area .notice-buttons {
    flex: row;
  }
}
.cookie-notice .notice-area {
  width: 100%;
}

/* Template Colors */
:root {
  --single-product-web-sidebar-title: var(--french-color);
  --single-product-web-sidebar-subtitle: var(--lightpink);
  --woocommerce-Price-amount: var(--skyblue);
  --discount-attribute: var(--lightpink);
  --text-muted: var(--violet);
}

/* Container */
.my-lang-switcher {
  display: inline-block;
}

/* UL pill */
.my-lang-switcher__list {
  --pad: 6px;
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: var(--pad);
  list-style: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}

/* Sliding indicator (JS yok) */
.my-lang-switcher__list::before {
  content: "";
  position: absolute;
  top: var(--pad);
  bottom: var(--pad);
  left: var(--pad);
  width: calc((100% - var(--pad) * 2) / var(--lang-count));
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.75));
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28);
  transform: translateX(calc(var(--lang-active) * 100%));
  transition: transform 0.25s ease;
}

/* LI eşit pay alsın => dil sayısı artsa da bozulmaz */
.my-lang-switcher__item {
  flex: 1 1 0;
  margin: 0;
  padding: 0;
}

/* Link */
.my-lang-switcher__link {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.4px;
  color: rgba(255, 255, 255, 0.82);
  transition: color 0.18s ease, transform 0.18s ease;
}

.my-lang-switcher__link:hover {
  color: #fff;
  transform: translateY(-1px);
}

/* Aktif olan yazı daha net */
.my-lang-switcher__item.is-active .my-lang-switcher__link {
  color: #fff;
}

/* Bayrak opsiyonel */
.my-lang-switcher__link::before {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}

.my-lang-switcher__link[data-lang=tr]::before {
  content: "🇹🇷";
  margin-right: 8px;
}

.my-lang-switcher__link[data-lang=en]::before {
  content: "🇬🇧";
  margin-right: 8px;
} /* istersen 🇺🇸 */
/* ========== PILL (sliding indicator) ========== */
.my-lang-switcher--pill .my-lang-switcher__list {
  --pad: 6px;
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: var(--pad);
  list-style: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}

.my-lang-switcher--pill .my-lang-switcher__list::before {
  content: "";
  position: absolute;
  top: var(--pad);
  bottom: var(--pad);
  left: var(--pad);
  width: calc((100% - var(--pad) * 2) / var(--lang-count));
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.75));
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28);
  transform: translateX(calc(var(--lang-active) * 100%));
  transition: transform 0.25s ease;
  z-index: 0;
}

.my-lang-switcher--pill .my-lang-switcher__item {
  flex: 1 1 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.my-lang-switcher--pill .my-lang-switcher__link {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.4px;
  color: rgba(255, 255, 255, 0.82);
  transition: color 0.18s ease, transform 0.18s ease;
}

.my-lang-switcher--pill .my-lang-switcher__link:hover {
  color: #fff;
  transform: translateY(-1px);
}

.my-lang-switcher--pill .my-lang-switcher__item.is-active .my-lang-switcher__link {
  color: #fff;
}

/* Desktop: pill gibi davran */
.my-lang-switcher--pill-dropdown .my-lang-switcher__list {
  /* pill ile aynı kuralların aynısını kullanabilirsin */
}

/* Trigger: desktopta gizle, mobilde göster */
.my-lang-trigger {
  display: none;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.92);
  font-weight: 800;
}

@media (max-width: 640px) {
  html:not(.is-iphone) .my-lang-trigger {
    display: inline-flex;
  }
  /* mobilde listeyi dropdown yap */
  html:not(.is-iphone) .my-lang-switcher--pill-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    z-index: 50;
    display: none;
    right: auto;
    left: 0;
    width: min(180px, 100vw - 24px);
  }
  /* focus-within ile aç */
  html:not(.is-iphone) .lang-ui {
    position: relative;
  }
  .lang-ui:focus-within .my-lang-switcher--pill-dropdown {
    display: block;
  }
  /* mobilde dikey liste */
  html:not(.is-iphone) .my-lang-switcher--pill-dropdown .my-lang-switcher__list {
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap: 6px;
    border-radius: 16px;
  }
  /* mobilde sliding indicator kapat */
  html:not(.is-iphone) .my-lang-switcher--pill-dropdown .my-lang-switcher__list::before {
    display: none;
  }
  html:not(.is-iphone) .my-lang-switcher--pill-dropdown .my-lang-switcher__item {
    flex: unset;
  }
  html:not(.is-iphone) .my-lang-switcher--pill-dropdown .my-lang-switcher__link {
    justify-content: flex-start;
    height: 40px;
    background: rgba(255, 255, 255, 0.06);
  }
  html:not(.is-iphone) .my-lang-switcher--pill-dropdown .my-lang-switcher__item.is-active .my-lang-switcher__link {
    background: rgba(255, 255, 255, 0.12);
  }
}
.single-demo-themes-EFjiU {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.single-demo-themes-EFjiU .single-demo-themes-header {
  width: 100%;
  height: 100px;
  background-color: #131313;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-demo-themes-EFjiU .single-demo-themes-header .header {
  display: flex;
  justify-content: space-between;
  width: 95%;
  height: 90px;
}
.single-demo-themes-EFjiU .single-demo-themes-header .header-left img {
  height: 90px;
  width: auto;
}
.single-demo-themes-EFjiU .single-demo-themes-header .header-left {
  height: 90px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 25px;
  color: #ac439f;
}
.single-demo-themes-EFjiU .single-demo-themes-header .header-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.single-demo-themes-EFjiU .single-demo-themes-header .header-right .product-purchase-page {
  background-color: #57a5f8;
  padding: 8px;
  border-radius: 2px;
  border: none;
  text-decoration: none;
  color: #020c2e;
  font-size: 17px;
}

/* =========================
   404 PAGE — PAGE-SPECIFIC CSS
   Scope: .mp-404-v1 (tek sayfa) 
   ========================= */
:root {
  /* Tema değişkenlerin varsa onları kullan; yoksa fallbacks */
  --mp404-accent: var(--accent, #ff4e1f);
  --mp404-bg: var(--surface, #fff);
  --mp404-fg: var(--nav-fg, #1f2937);
  --mp404-muted: var(--muted-nav, #6b7280);
  --mp404-border: var(--border, #e5e7eb);
  --mp404-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.error404 .section-breadcrumbs .mp-titleblock {
  text-align: center;
}

.error404 .section-breadcrumbs .mp-titleblock .mp-eyebrow {
  display: inline-block;
  margin-bottom: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--mp404-border);
  border-radius: 999px;
  color: var(--mp404-muted);
  font-weight: 600;
}

/* ===== Root section ===== */
.mp-404-v1 {
  color: var(--mp404-fg);
  padding: 24px 0 36px;
}

/* ===== Search block ===== */
.mp-404-v1 .mp-404-search {
  max-width: 760px;
  margin: 8px auto 24px;
}

.mp-404-v1 .mp-404-search .search-button {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  border: 0px solid var(--mp404-border);
  border-radius: 12px;
  padding: 8px;
}

.mp-404-v1 .mp-404-search .search-button input[type=search] {
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 15px;
  color: #ffffff;
  background: transparent;
  outline: none;
}

.mp-404-v1 .mp-404-search .search-button input[type=search]:focus {
  border-color: var(--mp404-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mp404-accent) 20%, transparent);
}

.mp-404-v1 .mp-404-search .search-button .btn-search {
  height: 44px;
  min-width: 44px;
  border: 1px solid var(--mp404-accent);
  background: var(--mp404-accent);
  color: #fff;
  border-radius: 10px;
  padding: 0 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.mp-404-v1 .mp-404-search .search-button .btn-search:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--mp404-accent) 25%, transparent);
}

/* ===== Quick links (cards) ===== */
.mp-404-v1 .mp-404-quick {
  margin: 18px auto 28px;
  max-width: 980px;
}

.mp-404-v1 .mp-404-quickgrid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

@media (min-width: 576px) {
  .mp-404-v1 .mp-404-quickgrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .mp-404-v1 .mp-404-quickgrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.mp-404-v1 .mp-404-quickitem {
  margin: 0;
}

.mp-404-v1 .mp-404-quicklink {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid var(--mp404-border);
  border-radius: 12px;
  text-decoration: none;
  color: #ffffff;
  box-shadow: var(--mp404-shadow);
  transition: transform 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}

.mp-404-v1 .mp-404-quicklink i {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: color-mix(in srgb, var(--mp404-accent) 12%, #fff);
  color: var(--mp404-accent);
}

.mp-404-v1 .mp-404-quicklink:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--mp404-accent) 40%, var(--mp404-border));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

/* ===== Popular categories (chips/grid) ===== */
.mp-404-v1 .mp-404-categories {
  max-width: 980px;
  margin: 8px auto 24px;
}

.mp-404-v1 .mp-404-categories .mp-404-h2 {
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 12px;
  color: #6783A9;
}

.mp-404-v1 .mp-404-catlist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 576px) {
  .mp-404-v1 .mp-404-catlist {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .mp-404-v1 .mp-404-catlist {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.mp-404-v1 .mp-404-catitem {
  margin: 0;
}

.mp-404-v1 .mp-404-catlink {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--mp404-border);
  border-radius: 999px;
  text-decoration: none;
  color: #ffffff;
  background: #fff;
  transition: background 0.12s ease, border-color 0.12s ease, transform 0.12s ease;
}

.mp-404-v1 .mp-404-catlink i {
  color: var(--mp404-accent);
}

.mp-404-v1 .mp-404-catlink:hover {
  border-color: color-mix(in srgb, var(--mp404-accent) 35%, var(--mp404-border));
  transform: translateY(-1px);
  color: var(--mp404-fg);
}

/* ===== CTA ===== */
.mp-404-v1 .mp-404-cta {
  max-width: 960px;
  margin: 24px auto 0;
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.mp-404-v1 .mp-404-cta .btn {
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid var(--mp404-border);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease, color 0.12s ease;
}

.mp-404-v1 .mp-404-cta .btn-primary {
  background: var(--mp404-accent);
  color: #fff;
  border-color: var(--mp404-accent);
}

.mp-404-v1 .mp-404-cta .btn-outline {
  background: #fff;
  color: #ffffff;
}

.mp-404-v1 .mp-404-cta .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--mp404-accent) 18%, transparent);
}

/* ===== Focus & a11y ===== */
.mp-404-v1 a:focus-visible,
.mp-404-v1 button:focus-visible,
.mp-404-v1 input:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--mp404-accent) 45%, transparent);
  outline-offset: 2px;
  border-radius: 10px;
}

/* ===== Dark mode (isteğe bağlı) ===== */
@media (prefers-color-scheme: dark) {
  :root {
    --mp404-bg: var(--surface, #0b0f14);
    --mp404-fg: var(--nav-fg, #e5e7eb);
    --mp404-muted: #9aa4b2;
    --mp404-border: rgba(255,255,255,.12);
    --mp404-shadow: 0 10px 30px rgba(0,0,0,.5);
  }
  .mp-404-v1 .mp-404-search .site-search,
  .mp-404-v1 .mp-404-quicklink,
  .mp-404-v1 .mp-404-catlink {
    background: #0f141b;
  }
  .mp-404-v1 .mp-404-cta .btn-outline {
    background: #0f141b;
    color: #ffffff;
  }
}
/* ===== Print minimal ===== */
@media print {
  .mp-404-v1 .mp-404-search,
  .mp-404-v1 .mp-404-quick,
  .mp-404-v1 .mp-404-cta {
    display: none !important;
  }
  .mp-404-v1 {
    padding: 0;
  }
}
/* 404 üst mesaj (merkez, kart görünümü) */
.mp-404-v1 .mp-404-notfound {
  display: grid;
  place-items: center;
  margin: 8px 0 18px;
  padding: 0 16px; /* kenarlardan nefes */
}

.mp-404-v1 .mp-404-notfound__inner {
  width: min(100%, 960px);
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid var(--mp404-border);
  border-radius: 14px;
  padding: 14px 16px;
  box-shadow: var(--mp404-shadow);
}

.mp-404-v1 .mp-404-notfound__icon {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: color-mix(in srgb, var(--mp404-accent) 12%, #fff);
  color: var(--mp404-accent);
  flex: 0 0 auto;
}

.mp-404-v1 .mp-404-notfound__text h2 {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 800;
  color: #6783A9;
}

.mp-404-v1 .mp-404-notfound__text p {
  margin: 0;
  color: var(--mp404-muted);
  line-height: 1.5;
}

@media (max-width: 575.98px) {
  .mp-404-v1 .mp-404-notfound__inner {
    align-items: flex-start;
  }
  .mp-404-v1 .mp-404-notfound__icon {
    width: 38px;
    height: 38px;
    font-size: 14px;
  }
  .mp-404-v1 .mp-404-notfound__text h2 {
    font-size: 16px;
  }
  .mp-404-v1 .mp-404-notfound__text p {
    font-size: 14px;
  }
}
/* dark mode uyumu */
@media (prefers-color-scheme: dark) {
  .mp-404-v1 .mp-404-notfound__inner {
    background: #0f141b;
  }
}
/* ===========================
   404 Glass Theme Override
   (append this at the end)
   =========================== */
.error404 .mp-404-v1 {
  --mp404-glass-bg: rgba(15, 20, 27, .58);
  --mp404-glass-bg2: rgba(255,255,255,.06);
  --mp404-glass-border: rgba(255,255,255,.12);
  --mp404-glass-text: rgba(255,255,255,.92);
  --mp404-glass-muted: rgba(255,255,255,.68);
  /* tema aksanına yakın (pembe->mor) */
  --mp404-grad-a: rgba(255,46,166,.95);
  --mp404-grad-b: rgba(116,91,255,.75);
}

/* üst bilgilendirme kartı (Aradığınız sayfa...) */
.error404 .mp-404-v1 .mp-404-notfound__inner {
  background: var(--mp404-glass-bg);
  border: 1px solid var(--mp404-glass-border);
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

/* kartın üstüne hafif glow */
.error404 .mp-404-v1 .mp-404-notfound__inner {
  position: relative;
  overflow: hidden;
}

.error404 .mp-404-v1 .mp-404-notfound__inner::before {
  content: "";
  position: absolute;
  inset: -2px;
  pointer-events: none;
  background: radial-gradient(700px 180px at 30% 0%, rgba(255, 46, 166, 0.22), transparent 55%), radial-gradient(700px 180px at 75% 10%, rgba(116, 91, 255, 0.22), transparent 60%);
  z-index: 0;
}

.error404 .mp-404-v1 .mp-404-notfound__icon,
.error404 .mp-404-v1 .mp-404-notfound__text {
  position: relative;
  z-index: 1;
}

.error404 .mp-404-v1 .mp-404-notfound__text h2 {
  color: var(--mp404-glass-text);
}

.error404 .mp-404-v1 .mp-404-notfound__text p {
  color: var(--mp404-glass-muted);
}

/* icon chip */
.error404 .mp-404-v1 .mp-404-notfound__icon {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.92);
}

/* arama kutusu glass */
.error404 .mp-404-v1 .mp-404-search .site-search {
  background: var(--mp404-glass-bg);
  border: 1px solid var(--mp404-glass-border);
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.error404 .mp-404-v1 .mp-404-search .site-search input[type=search] {
  color: rgba(255, 255, 255, 0.92);
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.error404 .mp-404-v1 .mp-404-search .site-search input[type=search]::placeholder {
  color: rgba(255, 255, 255, 0.55);
}

.error404 .mp-404-v1 .mp-404-search .site-search input[type=search]:focus {
  border-color: rgba(116, 91, 255, 0.65);
  box-shadow: 0 0 0 4px rgba(116, 91, 255, 0.18);
}

/* search button theme gradient */
.error404 .mp-404-v1 .mp-404-search .site-search .btn-search {
  border: 0;
  background: linear-gradient(90deg, var(--mp404-grad-a), var(--mp404-grad-b));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
}

/* quick link cards glass */
.error404 .mp-404-v1 .mp-404-quicklink {
  background: var(--mp404-glass-bg);
  border: 1px solid var(--mp404-glass-border);
  color: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.error404 .mp-404-v1 .mp-404-quicklink i {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 46, 166, 0.92);
}

.error404 .mp-404-v1 .mp-404-quicklink:hover {
  border-color: rgba(116, 91, 255, 0.45);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* categories chip glass */
.error404 .mp-404-v1 .mp-404-h2 {
  color: rgba(255, 255, 255, 0.8);
}

.error404 .mp-404-v1 .mp-404-catlink {
  background: var(--mp404-glass-bg);
  border: 1px solid var(--mp404-glass-border);
  color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px);
}

.error404 .mp-404-v1 .mp-404-catlink i {
  color: rgba(255, 46, 166, 0.92);
}

.error404 .mp-404-v1 .mp-404-catlink:hover {
  border-color: rgba(116, 91, 255, 0.45);
  color: rgba(255, 255, 255, 0.95);
}

/* CTA buttons: primary gradient + outline glass */
.error404 .mp-404-v1 .mp-404-cta .btn-primary {
  border: 0;
  background: linear-gradient(90deg, var(--mp404-grad-a), var(--mp404-grad-b));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
}

.error404 .mp-404-v1 .mp-404-cta .btn-outline {
  background: var(--mp404-glass-bg);
  color: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--mp404-glass-border);
  backdrop-filter: blur(12px);
}

.error404 .mp-404-v1 .mp-404-cta .btn-outline:hover {
  border-color: rgba(255, 46, 166, 0.35);
}

/* ==========================
   MiniPicart-4EEw5 (Glass)
   ========================== */
/* Trigger */
.MiniPicart-4EEw5 {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.92);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.MiniPicart-4EEw5:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.MiniPicart-4EEw5__icon i {
  font-size: 20px;
}

/* Badge (count) */
.MiniPicart-4EEw5__badge {
  position: absolute;
  top: -8px;
  right: -8px;
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.2px;
  color: #fff;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35);
}

/* Overlay */
.MiniPicartOverlay-4EEw5 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  z-index: 9998;
}

/* Panel */
.MiniPicartPanel-4EEw5 {
  position: fixed;
  top: 0;
  right: 0;
  height: 100svh;
  width: min(420px, 92vw);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  background: rgba(15, 20, 27, 0.72);
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(14px);
  box-shadow: -22px 0 70px rgba(0, 0, 0, 0.55);
}

/* Glow layer */
.MiniPicartPanel-4EEw5::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(520px 260px at 20% 0%, rgba(255, 46, 166, 0.18), transparent 60%), radial-gradient(520px 260px at 95% 30%, rgba(116, 91, 255, 0.2), transparent 60%);
  opacity: 0.9;
}

/* Head */
.MiniPicartPanel-4EEw5__head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.MiniPicartPanel-4EEw5__title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 950;
  letter-spacing: 0.2px;
  color: rgba(255, 255, 255, 0.95);
}

.MiniPicartPanel-4EEw5__titleIcon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.MiniPicartPanel-4EEw5__count {
  font-weight: 800;
  color: rgba(255, 255, 255, 0.7);
}

/* Close */
.MiniPicartClose-4EEw5 {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.92);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.MiniPicartClose-4EEw5:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 46, 166, 0.3);
}

/* Body */
.MiniPicartPanel-4EEw5__body {
  position: relative;
  z-index: 1;
  padding: 14px 16px;
  overflow: auto;
  flex: 1 1 auto;
}

/* Items */
.MiniPicartList-4EEw5 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.MiniPicartItem-4EEw5 {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.MiniPicartItem-4EEw5__img {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  flex: 0 0 auto;
}

.MiniPicartItem-4EEw5__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.MiniPicartItem-4EEw5__meta {
  min-width: 0;
  flex: 1 1 auto;
}

.MiniPicartItem-4EEw5__name {
  font-weight: 900;
  color: rgba(255, 255, 255, 0.92);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.MiniPicartItem-4EEw5__sub {
  display: flex;
  gap: 10px;
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.68);
  font-weight: 750;
  font-size: 13px;
}

.MiniPicartItem-4EEw5__remove {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.MiniPicartItem-4EEw5__remove:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 46, 166, 0.3);
}

/* Summary */
.MiniPicartSummary-4EEw5 {
  margin-top: 14px;
  padding: 12px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.MiniPicartSummary-4EEw5__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(255, 255, 255, 0.86);
  font-weight: 900;
}

.MiniPicartSummary-4EEw5__hint {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.62);
  font-weight: 650;
  font-size: 12.5px;
  line-height: 1.5;
}

/* Footer actions */
.MiniPicartPanel-4EEw5__foot {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 10px;
  padding: 14px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.MiniPicartBtn-4EEw5 {
  height: 44px;
  border-radius: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 900;
  letter-spacing: 0.2px;
  flex: 1 1 auto;
}

.MiniPicartBtn-4EEw5--ghost {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.92);
}

.MiniPicartBtn-4EEw5--ghost:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
}

.MiniPicartBtn-4EEw5--primary {
  color: #fff;
  border: 0;
  background: linear-gradient(90deg, rgba(255, 46, 166, 0.95), rgba(116, 91, 255, 0.78));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
  padding: 15px;
}

.MiniPicartBtn-4EEw5--primary:hover {
  filter: brightness(1.03);
}

/* Motion (slide in) */
.MiniPicartPanel-4EEw5[hidden] {
  display: none;
}

.MiniPicartOverlay-4EEw5[hidden] {
  display: none;
}

.MiniPicartPanel-4EEw5 {
  transform: translateX(100%);
  transition: transform 0.22s ease;
}

.MiniPicartPanel-4EEw5.is-open {
  transform: translateX(0);
}

/* Focus */
.MiniPicart-4EEw5:focus-visible,
.MiniPicartClose-4EEw5:focus-visible,
.MiniPicartBtn-4EEw5:focus-visible {
  outline: 3px solid rgba(116, 91, 255, 0.35);
  outline-offset: 3px;
}

.MiniPicartEmpty-4EEw5 {
  padding: 18px 12px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}

.MiniPicartEmpty-4EEw5__icon {
  width: 60px;
  height: 60px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.3);
  color: rgba(255, 46, 166, 0.92);
  font-size: 22px;
}

.MiniPicartEmpty-4EEw5__title {
  margin: 2px 0 0;
  font-weight: 950;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.95);
}

.MiniPicartEmpty-4EEw5__desc {
  margin: 0 0 6px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 650;
  line-height: 1.55;
  max-width: 34ch;
}

/* ==========================
   mpema-4Xvxi integration helpers
   Görsel yapıyı bozmayacak küçük davranış ekleri.
   ========================== */
body.mpema-4Xvxi-mini-cart-is-open {
  overflow: hidden;
}

.MiniPicartOverlay-4EEw5 {
  opacity: 0;
  transition: opacity 0.22s ease;
}

.MiniPicartOverlay-4EEw5.is-open {
  opacity: 1;
}

.MiniPicartItem-4EEw5__remove.is-loading {
  opacity: 0.55;
  pointer-events: none;
}

.mpema-4Xvxi-MiniPicartTrigger__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* =========================================
   SHOP PAGE (Scoped) — shop-0CFkf
   Card HTML: mpema-team / team-item structure
   ========================================= */
.page-magaza-iXcQP {
  margin-top: 20px;
}
.page-magaza-iXcQP {
  margin-bottom: 20px;
}

.shop-0CFkf {
  --acc-a: rgba(255,46,166,.95);
  --acc-b: rgba(116,91,255,.78);
  --glass: rgba(255,255,255,.06);
  --glass2: rgba(255,255,255,.10);
  --bd: rgba(255,255,255,.12);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.68);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  /* Sidebar blocks */
  /* Price */
  /* Range slider: draggable double thumb */
  /* Category search */
  /* Categories list */
  /* Toolbar */
  /* Requested team section/card HTML integration */
  /* Empty */
  /* Card polish: keeps original team class structure */
  /* More */
}
.shop-0CFkf *,
.shop-0CFkf *::before,
.shop-0CFkf *::after {
  box-sizing: border-box;
}
.shop-0CFkf .shop-0CFkf__layout {
  display: grid;
  grid-template-columns: minmax(220px, clamp(240px, 22vw, 320px)) minmax(0, 1fr);
  gap: clamp(16px, 2vw, 24px);
  align-items: start;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.shop-0CFkf .shop-0CFkf__sidebar {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  position: sticky;
  top: 14px;
  z-index: 2;
}
.shop-0CFkf .shop-0CFkf__form {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.shop-0CFkf .shop-0CFkf__main {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 993px) and (max-width: 1200px) {
  .shop-0CFkf .shop-0CFkf__layout {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: 18px;
  }
  .shop-0CFkf .shop-0CFkf__col {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 992px) {
  .shop-0CFkf {
    overflow-x: visible;
  }
  .shop-0CFkf .shop-0CFkf__layout {
    grid-template-columns: 1fr;
  }
  .shop-0CFkf .shop-0CFkf__sidebar {
    position: static;
    top: auto;
  }
  .shop-0CFkf .shop-0CFkf__main {
    overflow: visible;
  }
}
.shop-0CFkf .shop-0CFkf__block {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid var(--bd);
  border-radius: 18px;
  background: var(--glass);
  backdrop-filter: blur(12px);
  padding: 14px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  margin-bottom: 14px;
}
.shop-0CFkf .shop-0CFkf__block-title {
  font-weight: 900;
  letter-spacing: 0.2px;
  color: var(--text);
  margin-bottom: 12px;
}
.shop-0CFkf .shop-0CFkf__price-inputs {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
  width: 100%;
  min-width: 0;
}
.shop-0CFkf .shop-0CFkf__price-inputs label {
  flex: 1 1 0;
  min-width: 0;
  display: grid;
  gap: 6px;
}
.shop-0CFkf .shop-0CFkf__price-inputs label span {
  color: var(--muted);
  font-weight: 750;
  font-size: 12.5px;
}
.shop-0CFkf .shop-0CFkf__price-inputs label input {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 42px;
  border-radius: 14px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.2);
  color: var(--text);
  outline: none;
}
.shop-0CFkf .shop-0CFkf__price-inputs label input:focus {
  border-color: rgba(116, 91, 255, 0.45);
  box-shadow: 0 0 0 4px rgba(116, 91, 255, 0.16);
}
@media (max-width: 420px) {
  .shop-0CFkf .shop-0CFkf__price-inputs {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.shop-0CFkf .shop-0CFkf__range {
  position: relative;
  height: 36px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  user-select: none;
  touch-action: none;
}
.shop-0CFkf .shop-0CFkf__range::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 16px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 1;
  pointer-events: none;
}
.shop-0CFkf .shop-0CFkf__range .fill {
  position: absolute;
  top: 16px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--acc-a), var(--acc-b));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
  z-index: 2;
  pointer-events: none;
}
.shop-0CFkf .shop-0CFkf__range input[type=range] {
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  width: 100%;
  height: 26px;
  margin: 0;
  padding: 0;
  background: transparent;
  outline: none;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  pointer-events: none;
  z-index: 3;
}
.shop-0CFkf .shop-0CFkf__range #shop-0CFkf-range-min {
  z-index: 4;
}
.shop-0CFkf .shop-0CFkf__range #shop-0CFkf-range-max {
  z-index: 5;
}
.shop-0CFkf .shop-0CFkf__range input[type=range].is-active {
  z-index: 6;
}
.shop-0CFkf .shop-0CFkf__range input[type=range]::-webkit-slider-runnable-track {
  height: 4px;
  background: transparent;
  border: 0;
}
.shop-0CFkf .shop-0CFkf__range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  margin-top: -7px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--acc-a), var(--acc-b));
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3);
  border: 0;
  cursor: grab;
  pointer-events: auto;
}
.shop-0CFkf .shop-0CFkf__range input[type=range]:active::-webkit-slider-thumb {
  cursor: grabbing;
}
.shop-0CFkf .shop-0CFkf__range input[type=range]::-moz-range-track {
  height: 4px;
  background: transparent;
  border: 0;
}
.shop-0CFkf .shop-0CFkf__range input[type=range]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--acc-a), var(--acc-b));
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3);
  border: 0;
  cursor: grab;
  pointer-events: auto;
}
.shop-0CFkf .shop-0CFkf__range input[type=range]:active::-moz-range-thumb {
  cursor: grabbing;
}
.shop-0CFkf .shop-0CFkf__cat-search {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 12px;
  min-width: 0;
}
.shop-0CFkf .shop-0CFkf__cat-search input {
  width: 100%;
  min-width: 0;
  background: transparent;
  border: 0;
  outline: none;
  color: var(--text);
  font-weight: 750;
}
.shop-0CFkf .shop-0CFkf__cats {
  display: grid;
  gap: 10px;
  max-height: 380px;
  overflow: auto;
  padding-right: 6px;
  min-width: 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.18) rgba(255, 255, 255, 0.06);
}
.shop-0CFkf .shop-0CFkf__cats::-webkit-scrollbar {
  width: 8px;
}
.shop-0CFkf .shop-0CFkf__cats::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 999px;
}
.shop-0CFkf .shop-0CFkf__cats::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 999px;
}
.shop-0CFkf .shop-0CFkf__catChip {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  min-width: 0;
  padding: 10px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--text);
  font-weight: 800;
  cursor: pointer;
  transition: transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease;
}
.shop-0CFkf .shop-0CFkf__catChip input {
  flex: 0 0 auto;
  accent-color: rgb(116, 91, 255);
}
.shop-0CFkf .shop-0CFkf__catChip .ico {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 46, 166, 0.9);
}
.shop-0CFkf .shop-0CFkf__catChip .txt {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-0CFkf .shop-0CFkf__catChip .cnt {
  flex: 0 0 auto;
  margin-left: auto;
  opacity: 0.65;
  font-style: normal;
  font-weight: 750;
}
.shop-0CFkf .shop-0CFkf__catChip:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(116, 91, 255, 0.35);
}
.shop-0CFkf .shop-0CFkf__actions {
  display: flex;
}
.shop-0CFkf .shop-0CFkf__clear {
  width: 100%;
  height: 44px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: var(--text);
  font-weight: 900;
  cursor: pointer;
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}
.shop-0CFkf .shop-0CFkf__clear:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(116, 91, 255, 0.4);
}
.shop-0CFkf .shop-0CFkf__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
  min-width: 0;
}
.shop-0CFkf .shop-0CFkf__result {
  color: var(--muted);
  font-weight: 800;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.shop-0CFkf .shop-0CFkf__sort label {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-weight: 800;
}
.shop-0CFkf .shop-0CFkf__sort label select {
  height: 42px;
  border-radius: 16px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.18);
  color: var(--text);
  outline: none;
}
.shop-0CFkf #shop-0CFkf-grid,
.shop-0CFkf .shop-0CFkf__cardsSection,
.shop-0CFkf .shop-0CFkf__cardsContainer,
.shop-0CFkf .shop-0CFkf__cardsRow {
  min-width: 0;
  max-width: 100%;
}
.shop-0CFkf .shop-0CFkf__cardsSection {
  width: 100%;
  margin: 0;
  padding: 0 !important;
  overflow: visible;
}
.shop-0CFkf .shop-0CFkf__cardsContainer {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.shop-0CFkf .shop-0CFkf__cardsRow {
  --bs-gutter-x: 1.5rem;
  margin-left: 0;
  margin-right: 0;
}
.shop-0CFkf .shop-0CFkf__col {
  min-width: 0;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}
.shop-0CFkf .mp-shopCard-0CFkf__empty {
  padding: 18px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--muted);
  font-weight: 800;
}
.shop-0CFkf .mp-shopCard-0CFkf {
  position: relative;
  min-width: 0;
  border-radius: 18px;
  overflow: hidden;
}
.shop-0CFkf .mp-shopCard-0CFkf .team-img {
  position: relative;
  overflow: hidden;
  border-radius: 18px 18px 0 0;
}
.shop-0CFkf .mp-shopCard-0CFkf .team-img img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease, filter 0.35s ease;
}
.shop-0CFkf .mp-shopCard-0CFkf:hover .team-img img {
  transform: scale(1.04);
  filter: saturate(1.05) contrast(1.02);
}
.shop-0CFkf .mp-shopCard-0CFkf .team-content {
  padding: 14px 14px 16px;
  background: rgba(255, 255, 255, 0.04);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  min-width: 0;
}
.shop-0CFkf .mp-shopCard-0CFkf .team-content .title {
  margin-bottom: 0;
  min-width: 0;
}
.shop-0CFkf .mp-shopCard-0CFkf .team-content .title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration: none;
  color: #FF0080;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 8px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 8px 12px;
  border-radius: 12px;
}
.shop-0CFkf .mp-shopCard-0CFkf .mp-shopCard-0CFkf__price {
  display: block;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.78);
  font-weight: 850;
}
.shop-0CFkf .mp-shopCard-0CFkf:hover .team-content .title a {
  color: #ffffff;
}
.shop-0CFkf .shop-0CFkf__more-wrap {
  margin-top: 18px;
  display: flex;
  justify-content: center;
}
.shop-0CFkf .shop-0CFkf__more {
  height: 46px;
  padding: 0 18px;
  border-radius: 16px;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.2px;
  background: linear-gradient(90deg, var(--acc-a), var(--acc-b));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
  transition: transform 0.18s ease, filter 0.18s ease;
}
.shop-0CFkf .shop-0CFkf__more:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
}

/* =========================================
   PATCH — AJAX card sync + price badge + range drag fallback
   - page-magaza(2).php card HTML artık ekstra mp-shopCard class kullanmıyor.
   - Bu yüzden fiyat görünümü doğrudan team-content .designation üzerinden scope edildi.
   - Range sürükleme JS fallback'i wrapper üzerinden çalıştığı için input pointer çakışması kapatıldı.
   ========================================= */
.shop-0CFkf {
  /* Final visual range fix
     Native overlapped range thumbs can stay visually frozen while JS values update.
     We hide native thumbs and draw two JS-positioned helper thumbs instead. */
}
.shop-0CFkf .mpema-team-9VjRc {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.shop-0CFkf .mpema-team-9VjRc > .row {
  min-width: 0;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.shop-0CFkf .mpema-team-9VjRc > .row > [class*=col-] {
  min-width: 0;
}
.shop-0CFkf .mpema-team-9VjRc .team-item {
  min-width: 0;
}
.shop-0CFkf .mpema-team-9VjRc .team-content {
  min-width: 0;
}
.shop-0CFkf .mpema-team-9VjRc .team-content .title {
  min-width: 0;
}
.shop-0CFkf .mpema-team-9VjRc .team-content .title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration: none;
}
.shop-0CFkf .mpema-team-9VjRc .team-content .designation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: auto;
  max-width: 100%;
  margin-top: 9px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 900;
  line-height: 1.15;
  color: #fff;
  background: linear-gradient(90deg, var(--acc-a), var(--acc-b));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.26);
  white-space: nowrap;
}
.shop-0CFkf .mpema-team-9VjRc .team-content .designation del {
  opacity: 0.65;
  font-weight: 700;
}
.shop-0CFkf .mpema-team-9VjRc .team-content .designation ins {
  text-decoration: none;
}
.shop-0CFkf .mpema-team-9VjRc .team-content .designation .amount,
.shop-0CFkf .mpema-team-9VjRc .team-content .designation bdi {
  color: inherit;
  font-weight: inherit;
}
.shop-0CFkf .shop-0CFkf__range {
  cursor: pointer;
  touch-action: pan-y;
}
.shop-0CFkf .shop-0CFkf__range input[type=range] {
  pointer-events: none !important;
}
.shop-0CFkf .shop-0CFkf__range input[type=range]::-webkit-slider-thumb {
  pointer-events: none !important;
}
.shop-0CFkf .shop-0CFkf__range input[type=range]::-moz-range-thumb {
  pointer-events: none !important;
}
.shop-0CFkf .shop-0CFkf__range {
  position: relative;
  cursor: pointer;
  touch-action: pan-y;
}
.shop-0CFkf .shop-0CFkf__range input[type=range] {
  pointer-events: none !important;
}
.shop-0CFkf .shop-0CFkf__range input[type=range]::-webkit-slider-thumb {
  opacity: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  pointer-events: none !important;
}
.shop-0CFkf .shop-0CFkf__range input[type=range]::-moz-range-thumb {
  opacity: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  pointer-events: none !important;
}
.shop-0CFkf .shop-0CFkf__range-thumb {
  position: absolute;
  top: 18px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, var(--acc-a), var(--acc-b));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34), 0 0 0 4px rgba(255, 255, 255, 0.08);
  border: 2px solid rgba(255, 255, 255, 0.72);
  z-index: 8;
  pointer-events: none;
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}
.shop-0CFkf .shop-0CFkf__range-thumb.is-active {
  transform: translate(-50%, -50%) scale(1.12);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.42), 0 0 0 6px rgba(116, 91, 255, 0.2);
}

/**----------------------------------------
START: Contact CSS
----------------------------------------*/
.mpema-contact-section {
  background-color: var(--mpema-color-theme-dark);
  border-radius: 12px;
  position: relative;
  z-index: 1;
}

.mpema-contact-section .sec-heading {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  margin-bottom: 35px;
}

.mpema-contact-section .sec-heading .sec-title {
  color: var(--mpema-color-common-white);
}

.global-map {
  width: calc(100% + 530px);
  height: 100%;
  position: relative;
  z-index: -1;
}

.global-map .global-map-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: -115px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .global-map .global-map-img {
    left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .global-map .global-map-img {
    left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .global-map .global-map-img {
    left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .global-map {
    width: calc(100% + 360px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .global-map {
    width: calc(100% + 280px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .global-map {
    width: 100%;
    height: 385px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .global-map {
    width: 100%;
    height: 285px;
    margin-bottom: 40px;
  }
}
.map-area {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  mix-blend-mode: luminosity;
}

.map-area iframe {
  width: 100%;
  height: 100%;
  min-height: 360px;
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .map-area {
    height: auto;
    margin-top: 30px;
  }
}
.contact-info .contact-item {
  padding: 13px 0 9px 0;
}

.contact-info .contact-item .subtitle {
  display: block;
  font-size: 14px;
  line-height: 1;
  color: var(--mpema-color-text-body);
  margin-bottom: 7px;
}

.contact-info .contact-item a:hover {
  color: var(--mpema-color-theme-primary);
}

.contact-info .contact-item .contact-link {
  display: inline-block;
  color: var(--mpema-color-common-white);
}

.contact-info .contact-item:last-child {
  border: 0;
}

.contact-form {
  background-color: var(--tj-color-theme-bg);
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 15px;
  margin-inline-end: 15px;
  padding: 60px 50px;
  border-radius: 12px;
}

.contact-form .title {
  margin-bottom: 35px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form .title {
    margin-bottom: 25px;
  }
}
.contact-form .form-input {
  margin-bottom: 27px;
  position: relative;
}

.contact-form .form-input textarea,
.contact-form .form-input select,
.contact-form .form-input .nice-select,
.contact-form .form-input input[type=tel],
.contact-form .form-input input[type=text],
.contact-form .form-input input[type=email] {
  background-color: transparent;
  color: var(--tj-color-text-body);
  padding: 11px 0;
  border: 0;
  border-bottom: 1px solid var(--tj-color-border-1);
}

.contact-form .form-input textarea::-webkit-input-placeholder,
.contact-form .form-input select::-webkit-input-placeholder,
.contact-form .form-input .nice-select::-webkit-input-placeholder,
.contact-form .form-input input[type=tel]::-webkit-input-placeholder,
.contact-form .form-input input[type=text]::-webkit-input-placeholder,
.contact-form .form-input input[type=email]::-webkit-input-placeholder {
  color: var(--tj-color-grey-2);
}

.contact-form .form-input textarea::-moz-placeholder,
.contact-form .form-input select::-moz-placeholder,
.contact-form .form-input .nice-select::-moz-placeholder,
.contact-form .form-input input[type=tel]::-moz-placeholder,
.contact-form .form-input input[type=text]::-moz-placeholder,
.contact-form .form-input input[type=email]::-moz-placeholder {
  color: var(--tj-color-grey-2);
}

.contact-form .form-input textarea:-ms-input-placeholder,
.contact-form .form-input select:-ms-input-placeholder,
.contact-form .form-input .nice-select:-ms-input-placeholder,
.contact-form .form-input input[type=tel]:-ms-input-placeholder,
.contact-form .form-input input[type=text]:-ms-input-placeholder,
.contact-form .form-input input[type=email]:-ms-input-placeholder {
  color: var(--tj-color-grey-2);
}

.contact-form .form-input textarea::-webkit-input-placeholder, .contact-form .form-input select::-webkit-input-placeholder, .contact-form .form-input .nice-select::-webkit-input-placeholder, .contact-form .form-input input[type=tel]::-webkit-input-placeholder, .contact-form .form-input input[type=text]::-webkit-input-placeholder, .contact-form .form-input input[type=email]::-webkit-input-placeholder {
  color: var(--mpema-color-grey-2);
}

.contact-form .form-input textarea::-moz-placeholder, .contact-form .form-input select::-moz-placeholder, .contact-form .form-input .nice-select::-moz-placeholder, .contact-form .form-input input[type=tel]::-moz-placeholder, .contact-form .form-input input[type=text]::-moz-placeholder, .contact-form .form-input input[type=email]::-moz-placeholder {
  color: var(--mpema-color-grey-2);
}

.contact-form .form-input textarea:-ms-input-placeholder, .contact-form .form-input select:-ms-input-placeholder, .contact-form .form-input .nice-select:-ms-input-placeholder, .contact-form .form-input input[type=tel]:-ms-input-placeholder, .contact-form .form-input input[type=text]:-ms-input-placeholder, .contact-form .form-input input[type=email]:-ms-input-placeholder {
  color: var(--mpema-color-grey-2);
}

.contact-form .form-input textarea::-ms-input-placeholder, .contact-form .form-input select::-ms-input-placeholder, .contact-form .form-input .nice-select::-ms-input-placeholder, .contact-form .form-input input[type=tel]::-ms-input-placeholder, .contact-form .form-input input[type=text]::-ms-input-placeholder, .contact-form .form-input input[type=email]::-ms-input-placeholder {
  color: var(--mpema-color-grey-2);
}

.contact-form .form-input textarea::placeholder,
.contact-form .form-input select::placeholder,
.contact-form .form-input .nice-select::placeholder,
.contact-form .form-input input[type=tel]::placeholder,
.contact-form .form-input input[type=text]::placeholder,
.contact-form .form-input input[type=email]::placeholder {
  color: var(--mpema-color-grey-2);
}

.contact-form .form-input textarea:focus,
.contact-form .form-input select:focus,
.contact-form .form-input .nice-select:focus,
.contact-form .form-input input[type=tel]:focus,
.contact-form .form-input input[type=text]:focus,
.contact-form .form-input input[type=email]:focus {
  border-color: var(--mpema-color-theme-primary);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form .form-input textarea,
  .contact-form .form-input select,
  .contact-form .form-input .nice-select,
  .contact-form .form-input input[type=tel],
  .contact-form .form-input input[type=text],
  .contact-form .form-input input[type=email] {
    padding: 6px 0 10px;
  }
}
.contact-form .form-input .cf-label {
  font-size: 16px;
  color: var(--mpema-color-grey-2);
  position: absolute;
  top: 10px;
  left: 0;
  pointer-events: none;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.contact-form .form-input .cf-label span {
  color: var(--mpema-color-theme-primary);
}

.contact-form .form-input textarea:focus ~ .cf-label,
.contact-form .form-input input[type=tel]:focus ~ .cf-label,
.contact-form .form-input input[type=text]:focus ~ .cf-label,
.contact-form .form-input input[type=email]:focus ~ .cf-label {
  visibility: hidden;
  opacity: 0;
}

.contact-form .form-input .nice-select {
  color: var(--mpema-color-grey-2);
  line-height: 1.5;
  border-radius: 0;
  margin-bottom: 27px;
}

.contact-form .form-input .nice-select .list {
  width: 100%;
  border-radius: 8px;
}

.contact-form .form-input .nice-select .list .option {
  color: var(--mpema-color-theme-dark);
}

.contact-form .form-input .nice-select .list .option:hover, .contact-form .form-input .nice-select .list .option.focus {
  color: var(--mpema-color-theme-dark);
}

.contact-form .form-input .nice-select::after {
  border-color: var(--mpema-color-common-white);
  width: 8px;
  height: 8px;
  top: 20px;
  right: 5px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form .form-input .nice-select {
    margin-bottom: 20px;
  }
}
.contact-form .form-input textarea {
  height: 130px;
  resize: none;
  padding-top: 0;
}

.contact-form .form-input.message-input {
  margin-bottom: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form .form-input {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form {
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form {
    padding: 25px 20px 30px;
  }
}
.contact-form.style-2 {
  max-width: 610px;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
}

.contact-form.style-2 .title {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form.style-2 .title {
    margin-bottom: 20px;
  }
}
.contact-form.style-2 .form-input {
  margin-bottom: 27px;
  position: relative;
}

.contact-form.style-2 .form-input.message-input {
  margin-top: 0;
}

@media (max-width: 575px) {
  .contact-form.style-2 .form-input.message-input {
    margin-top: 20px;
  }
}
.contact-form.style-2 .form-input textarea,
.contact-form.style-2 .form-input input[type=tel],
.contact-form.style-2 .form-input input[type=text],
.contact-form.style-2 .form-input input[type=email] {
  color: var(--mpema-color-text-body-2);
  padding: 11px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.contact-form.style-2 .form-input textarea::-webkit-input-placeholder,
.contact-form.style-2 .form-input input[type=tel]::-webkit-input-placeholder,
.contact-form.style-2 .form-input input[type=text]::-webkit-input-placeholder,
.contact-form.style-2 .form-input input[type=email]::-webkit-input-placeholder {
  color: var(--mpema-color-text-body-2);
}

.contact-form.style-2 .form-input textarea::-moz-placeholder,
.contact-form.style-2 .form-input input[type=tel]::-moz-placeholder,
.contact-form.style-2 .form-input input[type=text]::-moz-placeholder,
.contact-form.style-2 .form-input input[type=email]::-moz-placeholder {
  color: var(--mpema-color-text-body-2);
}

.contact-form.style-2 .form-input textarea:-ms-input-placeholder,
.contact-form.style-2 .form-input input[type=tel]:-ms-input-placeholder,
.contact-form.style-2 .form-input input[type=text]:-ms-input-placeholder,
.contact-form.style-2 .form-input input[type=email]:-ms-input-placeholder {
  color: var(--mpema-color-text-body-2);
}

.contact-form.style-2 .form-input textarea::-webkit-input-placeholder, .contact-form.style-2 .form-input input[type=tel]::-webkit-input-placeholder, .contact-form.style-2 .form-input input[type=text]::-webkit-input-placeholder, .contact-form.style-2 .form-input input[type=email]::-webkit-input-placeholder {
  color: var(--mpema-color-text-body-2);
}

.contact-form.style-2 .form-input textarea::-moz-placeholder, .contact-form.style-2 .form-input input[type=tel]::-moz-placeholder, .contact-form.style-2 .form-input input[type=text]::-moz-placeholder, .contact-form.style-2 .form-input input[type=email]::-moz-placeholder {
  color: var(--mpema-color-text-body-2);
}

.contact-form.style-2 .form-input textarea:-ms-input-placeholder, .contact-form.style-2 .form-input input[type=tel]:-ms-input-placeholder, .contact-form.style-2 .form-input input[type=text]:-ms-input-placeholder, .contact-form.style-2 .form-input input[type=email]:-ms-input-placeholder {
  color: var(--mpema-color-text-body-2);
}

.contact-form.style-2 .form-input textarea::-ms-input-placeholder, .contact-form.style-2 .form-input input[type=tel]::-ms-input-placeholder, .contact-form.style-2 .form-input input[type=text]::-ms-input-placeholder, .contact-form.style-2 .form-input input[type=email]::-ms-input-placeholder {
  color: var(--mpema-color-text-body-2);
}

.contact-form.style-2 .form-input textarea::placeholder,
.contact-form.style-2 .form-input input[type=tel]::placeholder,
.contact-form.style-2 .form-input input[type=text]::placeholder,
.contact-form.style-2 .form-input input[type=email]::placeholder {
  color: var(--mpema-color-text-body-2);
}

.contact-form.style-2 .form-input textarea:focus,
.contact-form.style-2 .form-input input[type=tel]:focus,
.contact-form.style-2 .form-input input[type=text]:focus,
.contact-form.style-2 .form-input input[type=email]:focus {
  border-color: rgb(255, 255, 255);
}

.contact-form.style-2 .form-input .cf-label {
  color: var(--mpema-color-text-body-2);
}

.contact-form.style-2 .form-input .nice-select {
  color: var(--mpema-color-text-body-2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.contact-form.style-2 .form-input .nice-select.open {
  border-color: rgb(255, 255, 255);
}

.contact-form.style-2 .form-input .nice-select::after {
  color: var(--mpema-color-common-white);
}

.contact-form.style-2 .form-input textarea {
  height: 140px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form.style-2 {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form.style-2 {
    padding: 35px 20px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .contact-form {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
  }
}
.contact-item.style-2 {
  padding: 30px 25px 40px;
  background-color: var(--mpema-color-theme-bg);
  text-align: center;
  border-radius: 12px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-item.style-2 {
    padding: 25px;
  }
}
.contact-item.style-2 p {
  margin-bottom: 0;
  max-width: 224px;
  margin: 0 auto;
}

.contact-item.style-2:hover .contact-icon {
  background: var(--mpema-color-theme-primary);
}

.contact-item.style-2:hover .contact-icon i {
  color: var(--mpema-color-common-white);
}

.contact-item.style-2 .contact-icon {
  width: 88px;
  height: 88px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--mpema-color-theme-dark);
  border-radius: 50%;
  margin-bottom: 22px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.contact-item.style-2 .contact-icon i {
  font-size: 32px;
  color: var(--mpema-color-theme-primary);
}

.contact-item.style-2 .contact-title {
  font-size: 24px;
  font-weight: var(--mpema-fw-sbold);
  margin-bottom: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-item.style-2 .contact-title {
    font-size: 20px;
  }
}
.contact-item.style-2 .contact-list {
  list-style: none;
}

.contact-item.style-2 .contact-list li a {
  color: var(--mpema-color-text-body);
}

.contact-item.style-2 .contact-list li a:hover {
  color: var(--mpema-color-theme-primary);
}

.contact-item.style-2 .contact-list li.active a {
  font-weight: var(--mpema-fw-sbold);
  color: var(--mpema-color-theme-primary);
}

/* !END: Contact CSS */
.section-gap {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-gap {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.section-gap-2 {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-gap-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.gap-top,
.section-gap-top {
  padding-top: 120px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gap-top,
  .section-gap-top {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .gap-top,
  .section-gap-top {
    padding-top: 70px;
  }
}
.gap-bottom,
.section-gap-bottom {
  padding-bottom: 120px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gap-bottom,
  .section-gap-bottom {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .gap-bottom,
  .section-gap-bottom {
    padding-bottom: 70px;
  }
}
.section-gap-x {
  margin-left: 60px;
  margin-right: 60px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section-gap-x {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap-x {
    margin-left: 0;
    margin-right: 0;
  }
}
.section-gap-x2 {
  margin-left: 50px;
  margin-right: 50px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section-gap-x2 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap-x2 {
    margin-left: 0;
    margin-right: 0;
  }
}
.section-gap-x3 {
  margin-left: 30px;
  margin-right: 30px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .section-gap-x3 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap-x3 {
    margin-left: 0;
    margin-right: 0;
  }
}
.mpema-contact-area .whatsapp-fontawesome i {
  font-size: 40px;
}

.mpema-contact-area .whatsapp-fontawesome i:hover {
  color: #33cccc;
}

.mppl-player {
  --mppl-dark: #070425;
  --mppl-blue: #080c8f;
  --mppl-pink: #ff057f;
  --mppl-text: #ffffff;
  --mppl-muted: rgba(255, 255, 255, 0.72);
  --mppl-border: rgba(255, 255, 255, 0.14);
  width: 100%;
  color: var(--mppl-text);
  border-radius: 30px;
  padding: 22px;
  background: radial-gradient(circle at 12% 0%, rgba(15, 18, 154, 0.62), transparent 34%), radial-gradient(circle at 90% 0%, rgba(255, 5, 127, 0.48), transparent 38%), linear-gradient(135deg, rgba(7, 4, 37, 0.96), rgba(24, 8, 69, 0.94) 48%, rgba(255, 5, 127, 0.32));
  border: 1px solid var(--mppl-border);
  box-shadow: 0 30px 76px rgba(3, 0, 28, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  overflow: hidden;
  position: relative;
  z-index: 5;
}

.mppl-layout-cta {
  margin-top: 24px;
}

.mppl-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.mppl-kicker {
  display: inline-flex;
  margin-bottom: 7px;
  color: rgba(255, 255, 255, 0.66);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

.mppl-head h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.08;
  font-weight: 800;
}

.mppl-head p {
  margin: 8px 0 0;
  color: var(--mppl-muted);
  font-size: 15px;
}

.mppl-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.mppl-chip span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #35ffb6;
  box-shadow: 0 0 0 5px rgba(53, 255, 182, 0.16);
}

.mppl-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
  gap: 18px;
}

.mppl-stage-card,
.mppl-list {
  border-radius: 24px;
  background: rgba(5, 3, 28, 0.46);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.mppl-stage-card {
  padding: 14px;
}

.mppl-now {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 13px;
}

.mppl-now-badge {
  flex: 0 0 auto;
  min-width: 68px;
  text-align: center;
  padding: 8px 10px;
  border-radius: 999px;
  color: #08072e;
  background: #fff;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.mppl-now-title {
  display: block;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}

.mppl-now-subtitle {
  display: block;
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.66);
  font-size: 13px;
}

.mppl-media-stage {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  aspect-ratio: 16/9;
  min-height: auto;
  background: radial-gradient(circle at 50% 35%, rgba(255, 5, 127, 0.18), transparent 34%), linear-gradient(135deg, rgba(4, 7, 91, 0.95), rgba(9, 4, 35, 0.96));
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.mppl-video,
.mppl-youtube,
.mppl-youtube iframe,
.mppl-audio-view {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.mppl-video {
  display: none;
  object-fit: cover;
  background: #05031d;
}

.mppl-youtube {
  display: none;
}

.mppl-youtube iframe {
  border: 0;
  display: block;
}

.mppl-audio-view {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.mppl-audio-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mppl-audio-view::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(5, 2, 28, 0.16), rgba(5, 2, 28, 0.68)), radial-gradient(circle at center, rgba(255, 5, 127, 0.22), transparent 36%);
}

.mppl-wave {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 104px;
}

.mppl-wave span {
  width: 10px;
  border-radius: 999px;
  background: #fff;
  opacity: 0.88;
  animation: mpplWave 1.05s ease-in-out infinite;
}

.mppl-wave span:nth-child(1) {
  height: 36px;
}

.mppl-wave span:nth-child(2) {
  height: 76px;
  animation-delay: 0.1s;
}

.mppl-wave span:nth-child(3) {
  height: 52px;
  animation-delay: 0.2s;
}

.mppl-wave span:nth-child(4) {
  height: 92px;
  animation-delay: 0.3s;
}

.mppl-wave span:nth-child(5) {
  height: 44px;
  animation-delay: 0.4s;
}

@keyframes mpplWave {
  0%, 100% {
    transform: scaleY(0.55);
  }
  50% {
    transform: scaleY(1);
  }
}
.mppl-player.is-video .mppl-audio-view,
.mppl-player.is-youtube .mppl-audio-view {
  display: none;
}

.mppl-player.is-video .mppl-video {
  display: block;
}

.mppl-player.is-youtube .mppl-youtube {
  display: block;
}

.mppl-controls {
  display: grid;
  grid-template-columns: auto minmax(150px, 1fr) auto 86px auto;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  padding: 12px;
  border-radius: 20px;
  background: rgba(2, 1, 17, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.mppl-btn {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  font-weight: 900;
  background: rgba(255, 255, 255, 0.12);
  transition: transform 0.18s ease, background 0.18s ease;
}

.mppl-btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.22);
}

.mppl-play {
  color: #09072e;
  background: #fff;
}

.mppl-play:hover {
  background: #fff;
}

.mppl-icon-pause,
.mppl-volume-off,
.mppl-player.is-playing .mppl-icon-play,
.mppl-player.is-muted .mppl-volume-on {
  display: none;
}

.mppl-btn .mppl-icon-play {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
}

.mppl-btn .mppl-icon-play i:hover, .mppl-btn .mppl-icon-pause i:hover {
  color: #ff057f;
}

.mppl-btn .mppl-icon-play i, .mppl-btn .mppl-icon-pause i {
  font-size: 22px;
}

.mppl-player.is-playing .mppl-icon-pause,
.mppl-player.is-muted .mppl-volume-off {
  display: inline;
}

.mppl-timeline {
  display: grid;
  gap: 6px;
}

.mppl-seek,
.mppl-volume {
  width: 100%;
  cursor: pointer;
  accent-color: var(--mppl-pink);
}

.mppl-time {
  display: flex;
  align-items: center;
  gap: 5px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 700;
}

.mppl-player.is-audio .mppl-fullscreen {
  display: none;
}

.mppl-list {
  padding: 10px;
  max-height: 494px;
  overflow: auto;
}

.mppl-list-item {
  width: 100%;
  border: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px 12px;
  border-radius: 18px;
  color: #fff;
  cursor: pointer;
  text-align: left;
  background: transparent;
  transition: background 0.18s ease, transform 0.18s ease;
}

.mppl-list-item:hover,
.mppl-list-item.is-active {
  background: rgba(255, 255, 255, 0.12);
}

.mppl-list-item:hover {
  transform: translateX(2px);
}

.mppl-list-index {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 900;
  background: rgba(255, 255, 255, 0.1);
}

.mppl-list-main {
  min-width: 0;
}

.mppl-list-main strong {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1.22;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mppl-list-main small {
  display: block;
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mppl-list-type {
  padding: 6px 8px;
  border-radius: 999px;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.11);
}

.mppl-empty {
  padding: 16px;
  border-radius: 12px;
  background: #fff3cd;
  color: #664d03;
}

.cta-banner-L9xgS .mppl-player {
  margin-top: 24px;
}

@media (max-width: 991px) {
  .mppl-grid {
    grid-template-columns: 1fr;
  }
  .mppl-list {
    max-height: 360px;
  }
}
@media (max-width: 575px) {
  .mppl-player {
    border-radius: 22px;
    padding: 14px;
  }
  .mppl-head {
    flex-direction: column;
  }
  .mppl-media-stage {
    min-height: 230px;
  }
  .mppl-controls {
    grid-template-columns: auto 1fr auto;
  }
  .mppl-volume,
  .mppl-fullscreen {
    display: none;
  }
  .mppl-list-item {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .mppl-list-type {
    display: none;
  }
}
/* =========================================================
   MP Playlist Player - Responsive Final Patch
   Breakpoints: 1200 / 992 / 768 / 576
   ========================================================= */
/* Video kırpılmasın */
.mppl-media-stage {
  aspect-ratio: 16/9;
  min-height: auto;
}

.mppl-video {
  object-fit: contain;
  background: #05031d;
}

.mppl-youtube iframe {
  width: 100%;
  height: 100%;
  background: #05031d;
}

/* CTA içinde player taşmasın */
.cta-banner-L9xgS .cta-area {
  overflow: visible;
}
.cta-banner-L9xgS .cta-player-slot,
.cta-banner-L9xgS .mppl-player {
  width: 100%;
  max-width: 100%;
}

/* =========================
   1200 ve altı
   ========================= */
@media (max-width: 1199px) {
  .mppl-player {
    padding: 20px;
    border-radius: 28px;
  }
  .mppl-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
    gap: 16px;
  }
  .mppl-head h3 {
    font-size: clamp(23px, 2.7vw, 34px);
  }
  .mppl-media-stage {
    border-radius: 18px;
  }
  .mppl-list {
    max-height: 440px;
  }
  .mppl-controls {
    gap: 10px;
    grid-template-columns: auto minmax(130px, 1fr) auto 74px auto;
  }
}
/* =========================
   992 ve altı / tablet yatay
   ========================= */
@media (max-width: 991px) {
  .mppl-player {
    padding: 18px;
  }
  .mppl-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .mppl-stage-card {
    padding: 13px;
  }
  .mppl-list {
    max-height: 330px;
    display: grid;
    gap: 6px;
  }
  .mppl-list-item {
    min-height: 62px;
  }
  .mppl-media-stage {
    width: 100%;
  }
  .mppl-head {
    gap: 14px;
  }
  .mppl-chip {
    padding: 8px 12px;
  }
}
/* =========================
   768 ve altı / tablet dikey
   ========================= */
@media (max-width: 767px) {
  .mppl-player {
    padding: 16px;
    border-radius: 24px;
  }
  .mppl-head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
  }
  .mppl-kicker {
    font-size: 11px;
    letter-spacing: 0.11em;
  }
  .mppl-head h3 {
    font-size: clamp(22px, 6vw, 30px);
  }
  .mppl-head p {
    font-size: 14px;
    line-height: 1.45;
  }
  .mppl-chip {
    align-self: flex-start;
  }
  .mppl-stage-card,
  .mppl-list {
    border-radius: 20px;
  }
  .mppl-now {
    align-items: flex-start;
    gap: 10px;
  }
  .mppl-now-badge {
    min-width: auto;
    padding: 7px 9px;
    font-size: 10px;
  }
  .mppl-now-title {
    font-size: 15px;
  }
  .mppl-now-subtitle {
    font-size: 12px;
    line-height: 1.35;
  }
  .mppl-media-stage {
    border-radius: 17px;
    aspect-ratio: 16/9;
    min-height: auto;
  }
  .mppl-controls {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    grid-template-areas: "play timeline mute" "volume volume fullscreen";
    gap: 10px;
    padding: 10px;
    border-radius: 18px;
  }
  .mppl-play {
    grid-area: play;
  }
  .mppl-timeline {
    grid-area: timeline;
    min-width: 0;
  }
  .mppl-mute {
    grid-area: mute;
  }
  .mppl-volume {
    grid-area: volume;
    width: 100%;
  }
  .mppl-fullscreen {
    grid-area: fullscreen;
    justify-self: end;
  }
  .mppl-btn,
  .mppl-btn .mppl-icon-play {
    width: 40px;
    height: 40px;
  }
  .mppl-btn .mppl-icon-play i,
  .mppl-btn .mppl-icon-pause i {
    font-size: 19px;
  }
  .mppl-list {
    padding: 8px;
    max-height: 300px;
  }
  .mppl-list-item {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 10px;
    padding: 11px 10px;
    border-radius: 15px;
  }
  .mppl-list-index {
    width: 34px;
    height: 34px;
    font-size: 11px;
  }
  .mppl-list-main strong {
    font-size: 13px;
  }
  .mppl-list-main small {
    font-size: 11px;
  }
  .mppl-list-type {
    font-size: 9px;
    padding: 5px 7px;
  }
}
/* =========================
   576 ve altı / telefon
   ========================= */
@media (max-width: 575px) {
  .mppl-player {
    padding: 12px;
    border-radius: 20px;
  }
  .mppl-layout-cta {
    margin-top: 18px;
  }
  .mppl-head {
    margin-bottom: 12px;
  }
  .mppl-head h3 {
    font-size: clamp(20px, 7vw, 26px);
    line-height: 1.15;
  }
  .mppl-head p {
    font-size: 13px;
  }
  .mppl-chip {
    font-size: 11px;
    padding: 7px 10px;
  }
  .mppl-stage-card {
    padding: 10px;
    border-radius: 18px;
  }
  .mppl-now {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
    margin-bottom: 10px;
  }
  .mppl-now-badge {
    width: max-content;
    max-width: 100%;
  }
  .mppl-now-title,
  .mppl-now-subtitle {
    max-width: 100%;
  }
  .mppl-media-stage {
    aspect-ratio: 16/9;
    min-height: auto;
    border-radius: 15px;
  }
  .mppl-wave {
    height: 76px;
    gap: 6px;
  }
  .mppl-wave span {
    width: 8px;
  }
  .mppl-controls {
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    grid-template-areas: "play timeline mute";
    gap: 8px;
    padding: 9px;
    margin-top: 10px;
  }
  .mppl-volume,
  .mppl-fullscreen {
    display: none;
  }
  .mppl-btn,
  .mppl-btn .mppl-icon-play {
    width: 38px;
    height: 38px;
  }
  .mppl-btn .mppl-icon-play i,
  .mppl-btn .mppl-icon-pause i {
    font-size: 17px;
  }
  .mppl-time {
    font-size: 11px;
  }
  .mppl-list {
    padding: 7px;
    max-height: 260px;
    border-radius: 18px;
  }
  .mppl-list-item {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 9px;
    padding: 10px 9px;
    border-radius: 14px;
  }
  .mppl-list-type {
    display: none;
  }
  .mppl-list-index {
    width: 32px;
    height: 32px;
    font-size: 10px;
  }
  .mppl-list-main strong {
    font-size: 13px;
    line-height: 1.25;
  }
  .mppl-list-main small {
    font-size: 11px;
    line-height: 1.25;
  }
}
/* =========================
   Çok küçük telefonlar
   ========================= */
@media (max-width: 390px) {
  .mppl-player {
    padding: 10px;
    border-radius: 18px;
  }
  .mppl-head h3 {
    font-size: 20px;
  }
  .mppl-stage-card {
    padding: 8px;
  }
  .mppl-controls {
    grid-template-columns: 36px minmax(0, 1fr) 36px;
    padding: 8px;
  }
  .mppl-btn,
  .mppl-btn .mppl-icon-play {
    width: 34px;
    height: 34px;
  }
  .mppl-time {
    font-size: 10px;
  }
  .mppl-list {
    max-height: 230px;
  }
}
/* =========================================================
   MP Player - Mobile Fullscreen Button Fix
   ========================================================= */
@media (max-width: 767px) {
  .mppl-controls {
    grid-template-columns: 42px minmax(0, 1fr) 42px 42px;
    grid-template-areas: "play timeline mute fullscreen" "volume volume volume volume";
    gap: 9px;
  }
  .mppl-play {
    grid-area: play;
  }
  .mppl-timeline {
    grid-area: timeline;
    min-width: 0;
  }
  .mppl-mute {
    grid-area: mute;
  }
  .mppl-volume {
    grid-area: volume;
  }
  .mppl-fullscreen {
    grid-area: fullscreen;
    display: inline-flex !important;
    justify-self: end;
  }
  .mppl-player.is-audio .mppl-fullscreen {
    display: none !important;
  }
}
@media (max-width: 575px) {
  .mppl-controls {
    grid-template-columns: 38px minmax(0, 1fr) 38px 38px;
    grid-template-areas: "play timeline mute fullscreen";
    gap: 8px;
  }
  .mppl-volume {
    display: none;
  }
  .mppl-fullscreen {
    display: inline-flex !important;
    width: 38px;
    height: 38px;
    font-size: 17px;
  }
  .mppl-player.is-audio .mppl-fullscreen {
    display: none !important;
  }
}
@media (max-width: 390px) {
  .mppl-controls {
    grid-template-columns: 34px minmax(0, 1fr) 34px 34px;
  }
  .mppl-fullscreen {
    width: 34px;
    height: 34px;
    font-size: 15px;
  }
}
/* =========================================================
   MP Player - Fullscreen Fallback
   ========================================================= */
body.mppl-fs-lock {
  overflow: hidden;
}

.mppl-player.is-fullscreen-fallback {
  position: fixed;
  inset: 0;
  z-index: 999999;
  width: 100vw;
  height: 100dvh;
  max-width: none;
  border-radius: 0;
  padding: 10px;
  background: #05031d;
}

.mppl-player.is-fullscreen-fallback .mppl-head,
.mppl-player.is-fullscreen-fallback .mppl-list {
  display: none;
}

.mppl-player.is-fullscreen-fallback .mppl-grid {
  display: block;
  height: 100%;
}

.mppl-player.is-fullscreen-fallback .mppl-stage-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 0;
  padding: 0;
  background: #05031d;
}

.mppl-player.is-fullscreen-fallback .mppl-now {
  display: none;
}

.mppl-player.is-fullscreen-fallback .mppl-media-stage {
  flex: 1 1 auto;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  border-radius: 0;
  border: 0;
  background: #05031d;
}

.mppl-player.is-fullscreen-fallback .mppl-video,
.mppl-player.is-fullscreen-fallback .mppl-youtube,
.mppl-player.is-fullscreen-fallback .mppl-youtube iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mppl-player.is-fullscreen-fallback .mppl-controls {
  flex: 0 0 auto;
  margin-top: 8px;
  border-radius: 16px;
}

.mwt-login-shell {
  position: relative;
  width: 100%;
}

.mwt-auth-message {
  width: 90%;
  margin: 0 auto 16px auto;
}

.mwt-auth-panel {
  width: 100%;
}

.mwt-auth-panel.is-active {
  animation: mwtFadeIn 0.22s ease;
}

.mwt-otp-helper {
  width: 90%;
  margin: 0 auto 16px auto;
  padding: 12px 14px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  background: #fafafa;
  color: #374151;
  font-size: 14px;
  line-height: 1.5;
}

.mwt-otp-email {
  display: inline-block;
  margin-left: 6px;
  word-break: break-word;
}

#bwd-login-otp-form .form-control {
  text-align: center;
  font-size: 22px;
  letter-spacing: 8px;
  font-weight: 700;
}

#bwd-login-otp-form .auth-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 14px;
}

#bwd-login-otp-form .auth-actions a {
  text-decoration: none;
  font-weight: 600;
}

.mwt-auth-step-title {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
}

@keyframes mwtFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.paragraf-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

.paragraf-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

.paragraf-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

.paragraf-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

.paragraf-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

.paragraf-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h1.h1-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

h1.h1-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

h1.h1-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

h1.h1-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

h1.h1-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h1.h1-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

h2.h2-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

h2.h2-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

h2.h2-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

h2.h2-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

h2.h2-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h2.h2-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

h3.h3-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

h3.h3-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

h3.h3-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

h3.h3-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

h3.h3-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h3.h3-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

h4.h4-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

h4.h4-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

h4.h4-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

h4.h4-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

h4.h4-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h4.h4-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

h5.h5-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

h5.h5-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

h5.h5-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

h5.h5-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

h5.h5-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h5.h5-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

h6.h6-woo-admin-product-alt-bosluk-20 {
  margin-bottom: 20px;
}

h6.h6-woo-admin-product-ust-bosluk-20 {
  margin-top: 20px;
}

h6.h6-woo-admin-product-alt-bosluk-40 {
  margin-bottom: 40px;
}

h6.h6-woo-admin-product-ust-bosluk-40 {
  margin-top: 40px;
}

h6.h6-woo-admin-product-alt-bosluk-60 {
  margin-bottom: 60px;
}

h6.h6-woo-admin-product-ust-bosluk-60 {
  margin-top: 60px;
}

/* @import 'library/sects-min.css','template/sections.css';*/

/*# sourceMappingURL=style.css.map */