/*
Theme Name: mad
Theme URI: mad.ir
Author: sama yari - Devix
Description: sama yari - Devix
Author URI: https://devix.ir
Version: 1.1.0 – standardized & mobile-fixed
*/

/* =====================================================
   FONTS
===================================================== */
@font-face {
  font-family: devix;
  font-style: normal;
  font-weight: 400;
  src: url("fonts/woff2/YekanBakhFaNum-Regular.woff2") format("woff2"),
       url("fonts/woff/YekanBakhFaNum-Regular.woff") format("woff");
}
@font-face {
  font-family: devix;
  font-style: normal;
  font-weight: 600;
  src: url("fonts/woff2/YekanBakhFaNum-SemiBold.woff2") format("woff2"),
       url("fonts/woff/YekanBakhFaNum-SemiBold.woff") format("woff");
}
@font-face {
  font-family: devix;
  font-style: normal;
  font-weight: 700;
  src: url("fonts/woff2/YekanBakhFaNum-Bold.woff2") format("woff2"),
       url("fonts/woff/YekanBakhFaNum-Bold.woff") format("woff");
}
@font-face {
  font-family: devix;
  font-style: normal;
  font-weight: 900;
  src: url("fonts/woff2/YekanBakhFaNum-ExtraBlack.woff2") format("woff2"),
       url("fonts/woff/YekanBakhFaNum-ExtraBlack.woff") format("woff");
}
@font-face {
  font-family: devix-2;
  font-style: normal;
  font-weight: 900;
  src: url("fonts/woff2/Mahoor-ExtraBold.woff2");
}

/* =====================================================
   RESET & BASE
===================================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root {
  --mad-color: #866eff;
  --txt-color: #212121;
}
::selection {
  color: #fff;
  background: #000;
}
html {
  font-size: clamp(12px, 1vw, 16px);
  overflow-x: hidden;
}
body {
  margin: 0 !important;
  background-color: #ffffff;
  overflow-x: hidden;
}
a {
  text-decoration: none !important;
}
ul,
li {
  list-style: none;
}
svg {
  width: 24px;
  height: 24px;
}
a, b, button, div, h1, h2, h3, h4, h5, h6,
i, input, label, p, section, select, strong,
textarea, time, ul {
  font-family: devix, serif !important;
  margin: 0;
}
#devix span {
  font-family: devix, serif;
}
figure {
  margin: 0;
  line-height: 0;
}

/* =====================================================
   UTILITY CLASSES
===================================================== */
.clear {
  clear: both;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.pp {
  padding: 0 !important;
}
.pl {
  padding-left: 0 !important;
}
.pr {
  padding-right: 0 !important;
}
.p-full {
  padding: 0 12px;
  position: relative;
}
.blog-color {
  color: #866eff;
}
.purple {
  color: var(--mad-color);
}
.pink {
  color: #e55f72;
}
.green {
  color: #059d95;
}

/* =====================================================
   GRID SYSTEM
===================================================== */
.container,
.container-fluid {
  width: 100%;
  padding-left: var(--bs-gutter-x, 0.75rem);
  padding-right: var(--bs-gutter-x, 0.75rem);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px) {
  .container { max-width: 97%; }
}
@media (min-width: 768px) {
  .container { max-width: 97%;
  }
  .mad1::before{
    display: none;
  }

}
@media (min-width: 992px) {
  .container { max-width: 97%; }
}
@media (min-width: 1200px) {
  .container { max-width: 97%; }
}
@media (min-width: 1400px) {
  .container { max-width: 97%; }
}
@media (min-width: 1700px) {
  .container { max-width: 1676px; }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-left: calc(var(--bs-gutter-x) / -2);
  margin-right: calc(var(--bs-gutter-x) / -2);
}

/* — base columns — */
.row-cols-auto > * { flex: 0 0 auto; width: auto; }
.row-cols-1 > * { flex: 0 0 auto; width: 100%; }
.row-cols-2 > * { flex: 0 0 auto; width: 50%; }
.row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
.row-cols-4 > * { flex: 0 0 auto; width: 25%; }
.row-cols-5 > * { flex: 0 0 auto; width: 20%; }
.row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; }

.col-auto { flex: 0 0 auto; width: auto; }
.col-1  { flex: 0 0 auto; width: 8.3333333333%; }
.col-2  { flex: 0 0 auto; width: 16.6666666667%; }
.col-3  { flex: 0 0 auto; width: 25%; }
.col-4  { flex: 0 0 auto; width: 33.3333333333%; }
.col-5  { flex: 0 0 auto; width: 41.6666666667%; }
.col-6  { flex: 0 0 auto; width: 50%; }
.col-7  { flex: 0 0 auto; width: 58.3333333333%; }
.col-8  { flex: 0 0 auto; width: 66.6666666667%; }
.col-9  { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.3333333333%; }
.col-11 { flex: 0 0 auto; width: 91.6666666667%; }
.col-12 { flex: 0 0 auto; width: 100%; }

/* — sm (≥576) — */
@media (min-width: 576px) {
  .hidden-sm { display: none; }
  .col-sm { flex: 1 0 0; }
  .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; }
  .col-sm-1  { flex: 0 0 auto; width: 8.3333333333%; }
  .col-sm-2  { flex: 0 0 auto; width: 16.6666666667%; }
  .col-sm-3  { flex: 0 0 auto; width: 25%; }
  .col-sm-4  { flex: 0 0 auto; width: 33.3333333333%; }
  .col-sm-5  { flex: 0 0 auto; width: 41.6666666667%; }
  .col-sm-6  { flex: 0 0 auto; width: 50%; }
  .col-sm-7  { flex: 0 0 auto; width: 58.3333333333%; }
  .col-sm-8  { flex: 0 0 auto; width: 66.6666666667%; }
  .col-sm-9  { flex: 0 0 auto; width: 75%; }
  .col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; }
  .col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; }
  .col-sm-12 { flex: 0 0 auto; width: 100%; }
}

/* — md (≥768) — */
@media (min-width: 768px) {
  .hidden-md { display: none; }
  .col-md { flex: 1 0 0; }
  .row-cols-md-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-md-auto { flex: 0 0 auto; width: auto; }
  .col-md-1  { flex: 0 0 auto; width: 8.3333333333%; }
  .col-md-2  { flex: 0 0 auto; width: 16.6666666667%; }
  .col-md-3  { flex: 0 0 auto; width: 25%; }
  .col-md-4  { flex: 0 0 auto; width: 33.3333333333%; }
  .col-md-5  { flex: 0 0 auto; width: 41.6666666667%; }
  .col-md-6  { flex: 0 0 auto; width: 50%; }
  .col-md-7  { flex: 0 0 auto; width: 58.3333333333%; }
  .col-md-8  { flex: 0 0 auto; width: 66.6666666667%; }
  .col-md-9  { flex: 0 0 auto; width: 75%; }
  .col-md-10 { flex: 0 0 auto; width: 83.3333333333%; }
  .col-md-11 { flex: 0 0 auto; width: 91.6666666667%; }
  .col-md-12 { flex: 0 0 auto; width: 100%; }
}

/* — lg (≥992) — */
@media (min-width: 992px) {
  .hidden-lg { display: none; }
  .col-lg { flex: 1 0 0; }
  .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; }
  .col-lg-1  { flex: 0 0 auto; width: 8.3333333333%; }
  .col-lg-2  { flex: 0 0 auto; width: 16.6666666667%; }
  .col-lg-3  { flex: 0 0 auto; width: 25%; }
  .col-lg-4  { flex: 0 0 auto; width: 33.3333333333%; }
  .col-lg-5  { flex: 0 0 auto; width: 41.6666666667%; }
  .col-lg-6  { flex: 0 0 auto; width: 50%; }
  .col-lg-7  { flex: 0 0 auto; width: 58.3333333333%; }
  .col-lg-8  { flex: 0 0 auto; width: 66.6666666667%; }
  .col-lg-9  { flex: 0 0 auto; width: 75%; }
  .col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; }
  .col-lg-11 { flex: 0 0 auto; width: 91.6666666667%; }
  .col-lg-12 { flex: 0 0 auto; width: 100%; }
}

/* — xl (≥1200) — */
@media (min-width: 1200px) {
  .hidden-xl { display: none; }
  .col-xl { flex: 1 0 0; }
  .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; }
  .col-xl-1  { flex: 0 0 auto; width: 8.3333333333%; }
  .col-xl-2  { flex: 0 0 auto; width: 16.6666666667%; }
  .col-xl-3  { flex: 0 0 auto; width: 25%; }
  .col-xl-4  { flex: 0 0 auto; width: 33.3333333333%; }
  .col-xl-5  { flex: 0 0 auto; width: 41.6666666667%; }
  .col-xl-6  { flex: 0 0 auto; width: 50%; }
  .col-xl-7  { flex: 0 0 auto; width: 58.3333333333%; }
  .col-xl-8  { flex: 0 0 auto; width: 66.6666666667%; }
  .col-xl-9  { flex: 0 0 auto; width: 75%; }
  .col-xl-10 { flex: 0 0 auto; width: 83.3333333333%; }
  .col-xl-11 { flex: 0 0 auto; width: 91.6666666667%; }
  .col-xl-12 { flex: 0 0 auto; width: 100%; }
}

/* — xxl (≥1400) — */
@media (min-width: 1400px) {
  .hidden-xxl { display: none; }
  .col-xxl { flex: 1 0 0; }
  .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
  .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
  .col-xxl-auto { flex: 0 0 auto; width: auto; }
  .col-xxl-1  { flex: 0 0 auto; width: 8.3333333333%; }
  .col-xxl-2  { flex: 0 0 auto; width: 16.6666666667%; }
  .col-xxl-3  { flex: 0 0 auto; width: 25%; }
  .col-xxl-4  { flex: 0 0 auto; width: 33.3333333333%; }
  .col-xxl-5  { flex: 0 0 auto; width: 41.6666666667%; }
  .col-xxl-6  { flex: 0 0 auto; width: 50%; }
  .col-xxl-7  { flex: 0 0 auto; width: 58.3333333333%; }
  .col-xxl-8  { flex: 0 0 auto; width: 66.6666666667%; }
  .col-xxl-9  { flex: 0 0 auto; width: 75%; }
  .col-xxl-10 { flex: 0 0 auto; width: 83.3333333333%; }
  .col-xxl-11 { flex: 0 0 auto; width: 91.6666666667%; }
  .col-xxl-12 { flex: 0 0 auto; width: 100%; }
}

/* — xs hide — */
@media (max-width: 575px) {
  .hidden-xs { display: none; }
}

/* =====================================================
   FLEX UTILITIES
===================================================== */
.justify-content-start   { justify-content: flex-start !important; }
.justify-content-end     { justify-content: flex-end !important; }
.justify-content-center  { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around  { justify-content: space-around !important; }
.justify-content-evenly  { justify-content: space-evenly !important; }

.align-items-start    { align-items: flex-start !important; }
.align-items-end      { align-items: flex-end !important; }
.align-items-center   { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch  { align-items: stretch !important; }

.align-content-start   { align-content: flex-start !important; }
.align-content-end     { align-content: flex-end !important; }
.align-content-center  { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around  { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }

.align-self-auto     { align-self: auto !important; }
.align-self-start    { align-self: flex-start !important; }
.align-self-end      { align-self: flex-end !important; }
.align-self-center   { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch  { align-self: stretch !important; }

.order-first { order: -1 !important; }
.order-0 { order: 0 !important; }
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }
.order-3 { order: 3 !important; }
.order-4 { order: 4 !important; }
.order-5 { order: 5 !important; }
.order-last { order: 6 !important; }

@media (min-width: 576px) {
  .justify-content-sm-start   { justify-content: flex-start !important; }
  .justify-content-sm-end     { justify-content: flex-end !important; }
  .justify-content-sm-center  { justify-content: center !important; }
  .justify-content-sm-between { justify-content: space-between !important; }
  .justify-content-sm-around  { justify-content: space-around !important; }
  .justify-content-sm-evenly  { justify-content: space-evenly !important; }
  .align-items-sm-start    { align-items: flex-start !important; }
  .align-items-sm-end      { align-items: flex-end !important; }
  .align-items-sm-center   { align-items: center !important; }
  .align-items-sm-baseline { align-items: baseline !important; }
  .align-items-sm-stretch  { align-items: stretch !important; }
  .align-content-sm-start   { align-content: flex-start !important; }
  .align-content-sm-end     { align-content: flex-end !important; }
  .align-content-sm-center  { align-content: center !important; }
  .align-content-sm-between { align-content: space-between !important; }
  .align-content-sm-around  { align-content: space-around !important; }
  .align-content-sm-stretch { align-content: stretch !important; }
  .align-self-sm-auto     { align-self: auto !important; }
  .align-self-sm-start    { align-self: flex-start !important; }
  .align-self-sm-end      { align-self: flex-end !important; }
  .align-self-sm-center   { align-self: center !important; }
  .align-self-sm-baseline { align-self: baseline !important; }
  .align-self-sm-stretch  { align-self: stretch !important; }
  .order-sm-first { order: -1 !important; }
  .order-sm-0 { order: 0 !important; }
  .order-sm-1 { order: 1 !important; }
  .order-sm-2 { order: 2 !important; }
  .order-sm-3 { order: 3 !important; }
  .order-sm-4 { order: 4 !important; }
  .order-sm-5 { order: 5 !important; }
  .order-sm-last { order: 6 !important; }
}
@media (min-width: 768px) {
  .justify-content-md-start   { justify-content: flex-start !important; }
  .justify-content-md-end     { justify-content: flex-end !important; }
  .justify-content-md-center  { justify-content: center !important; }
  .justify-content-md-between { justify-content: space-between !important; }
  .justify-content-md-around  { justify-content: space-around !important; }
  .justify-content-md-evenly  { justify-content: space-evenly !important; }
  .align-items-md-start    { align-items: flex-start !important; }
  .align-items-md-end      { align-items: flex-end !important; }
  .align-items-md-center   { align-items: center !important; }
  .align-items-md-baseline { align-items: baseline !important; }
  .align-items-md-stretch  { align-items: stretch !important; }
  .align-content-md-start   { align-content: flex-start !important; }
  .align-content-md-end     { align-content: flex-end !important; }
  .align-content-md-center  { align-content: center !important; }
  .align-content-md-between { align-content: space-between !important; }
  .align-content-md-around  { align-content: space-around !important; }
  .align-content-md-stretch { align-content: stretch !important; }
  .align-self-md-auto     { align-self: auto !important; }
  .align-self-md-start    { align-self: flex-start !important; }
  .align-self-md-end      { align-self: flex-end !important; }
  .align-self-md-center   { align-self: center !important; }
  .align-self-md-baseline { align-self: baseline !important; }
  .align-self-md-stretch  { align-self: stretch !important; }
  .order-md-first { order: -1 !important; }
  .order-md-0 { order: 0 !important; }
  .order-md-1 { order: 1 !important; }
  .order-md-2 { order: 2 !important; }
  .order-md-3 { order: 3 !important; }
  .order-md-4 { order: 4 !important; }
  .order-md-5 { order: 5 !important; }
  .order-md-last { order: 6 !important; }
}
@media (min-width: 992px) {
  .justify-content-lg-start   { justify-content: flex-start !important; }
  .justify-content-lg-end     { justify-content: flex-end !important; }
  .justify-content-lg-center  { justify-content: center !important; }
  .justify-content-lg-between { justify-content: space-between !important; }
  .justify-content-lg-around  { justify-content: space-around !important; }
  .justify-content-lg-evenly  { justify-content: space-evenly !important; }
  .align-items-lg-start    { align-items: flex-start !important; }
  .align-items-lg-end      { align-items: flex-end !important; }
  .align-items-lg-center   { align-items: center !important; }
  .align-items-lg-baseline { align-items: baseline !important; }
  .align-items-lg-stretch  { align-items: stretch !important; }
  .align-content-lg-start   { align-content: flex-start !important; }
  .align-content-lg-end     { align-content: flex-end !important; }
  .align-content-lg-center  { align-content: center !important; }
  .align-content-lg-between { align-content: space-between !important; }
  .align-content-lg-around  { align-content: space-around !important; }
  .align-content-lg-stretch { align-content: stretch !important; }
  .align-self-lg-auto     { align-self: auto !important; }
  .align-self-lg-start    { align-self: flex-start !important; }
  .align-self-lg-end      { align-self: flex-end !important; }
  .align-self-lg-center   { align-self: center !important; }
  .align-self-lg-baseline { align-self: baseline !important; }
  .align-self-lg-stretch  { align-self: stretch !important; }
  .order-lg-first { order: -1 !important; }
  .order-lg-0 { order: 0 !important; }
  .order-lg-1 { order: 1 !important; }
  .order-lg-2 { order: 2 !important; }
  .order-lg-3 { order: 3 !important; }
  .order-lg-4 { order: 4 !important; }
  .order-lg-5 { order: 5 !important; }
  .order-lg-last { order: 6 !important; }
}
@media (min-width: 1200px) {
  .justify-content-xl-start   { justify-content: flex-start !important; }
  .justify-content-xl-end     { justify-content: flex-end !important; }
  .justify-content-xl-center  { justify-content: center !important; }
  .justify-content-xl-between { justify-content: space-between !important; }
  .justify-content-xl-around  { justify-content: space-around !important; }
  .justify-content-xl-evenly  { justify-content: space-evenly !important; }
  .align-items-xl-start    { align-items: flex-start !important; }
  .align-items-xl-end      { align-items: flex-end !important; }
  .align-items-xl-center   { align-items: center !important; }
  .align-items-xl-baseline { align-items: baseline !important; }
  .align-items-xl-stretch  { align-items: stretch !important; }
  .align-content-xl-start   { align-content: flex-start !important; }
  .align-content-xl-end     { align-content: flex-end !important; }
  .align-content-xl-center  { align-content: center !important; }
  .align-content-xl-between { align-content: space-between !important; }
  .align-content-xl-around  { align-content: space-around !important; }
  .align-content-xl-stretch { align-content: stretch !important; }
  .align-self-xl-auto     { align-self: auto !important; }
  .align-self-xl-start    { align-self: flex-start !important; }
  .align-self-xl-end      { align-self: flex-end !important; }
  .align-self-xl-center   { align-self: center !important; }
  .align-self-xl-baseline { align-self: baseline !important; }
  .align-self-xl-stretch  { align-self: stretch !important; }
  .order-xl-first { order: -1 !important; }
  .order-xl-0 { order: 0 !important; }
  .order-xl-1 { order: 1 !important; }
  .order-xl-2 { order: 2 !important; }
  .order-xl-3 { order: 3 !important; }
  .order-xl-4 { order: 4 !important; }
  .order-xl-5 { order: 5 !important; }
  .order-xl-last { order: 6 !important; }
}
@media (min-width: 1400px) {
  .justify-content-xxl-start   { justify-content: flex-start !important; }
  .justify-content-xxl-end     { justify-content: flex-end !important; }
  .justify-content-xxl-center  { justify-content: center !important; }
  .justify-content-xxl-between { justify-content: space-between !important; }
  .justify-content-xxl-around  { justify-content: space-around !important; }
  .justify-content-xxl-evenly  { justify-content: space-evenly !important; }
  .align-items-xxl-start    { align-items: flex-start !important; }
  .align-items-xxl-end      { align-items: flex-end !important; }
  .align-items-xxl-center   { align-items: center !important; }
  .align-items-xxl-baseline { align-items: baseline !important; }
  .align-items-xxl-stretch  { align-items: stretch !important; }
  .align-content-xxl-start   { align-content: flex-start !important; }
  .align-content-xxl-end     { align-content: flex-end !important; }
  .align-content-xxl-center  { align-content: center !important; }
  .align-content-xxl-between { align-content: space-between !important; }
  .align-content-xxl-around  { align-content: space-around !important; }
  .align-content-xxl-stretch { align-content: stretch !important; }
  .align-self-xxl-auto     { align-self: auto !important; }
  .align-self-xxl-start    { align-self: flex-start !important; }
  .align-self-xxl-end      { align-self: flex-end !important; }
  .align-self-xxl-center   { align-self: center !important; }
  .align-self-xxl-baseline { align-self: baseline !important; }
  .align-self-xxl-stretch  { align-self: stretch !important; }
  .order-xxl-first { order: -1 !important; }
  .order-xxl-0 { order: 0 !important; }
  .order-xxl-1 { order: 1 !important; }
  .order-xxl-2 { order: 2 !important; }
  .order-xxl-3 { order: 3 !important; }
  .order-xxl-4 { order: 4 !important; }
  .order-xxl-5 { order: 5 !important; }
  .order-xxl-last { order: 6 !important; }
}

/* =====================================================
   BACKGROUNDS
===================================================== */
.bg-pink         { background: #ffeaed; }
.bg-blue         { background: #e4f5ff; }
.bg-green        { background: #beebd2; }
.bg-melu-purple  { background: #f8f7ff; box-shadow: 20px -20px #3e41b5; }
.bg-melo-purple  { background: #dedfff; }
.bg-purple       { background: #e7e8fc; }
.bg-red          { background: #fce1ec; }
.bg-turquoise    { background: #CFFFFD; }
.bg-melo-green   { background: #effdfc; }
.bg-yellow       { background: #fff5a8; }
.white           { background: #fff; height: fit-content; }
.pbg             { background: var(--mad-color); }

/* =====================================================
   BUTTON
===================================================== */
.btn {
  background: var(--mad-color);
  padding: 8px 16px;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
}
.btn:hover {
  background: #d3c4ff;
  color: var(--mad-color);
  opacity: 0.9;
}

/* =====================================================
   HEADER
===================================================== */
.first-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  z-index: 1000000000;
}
.bg {
  border-bottom: 1px solid #eee;
  padding: 16px 0;
}

h2 {
  font-size: 20px;
  font-weight: 700;
}

.top-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.top-head form {
  border: 1px solid var(--mad-color);
  border-radius: 12px;
  padding: 8px;
  display: flex;
  margin-left: auto;
}
.top-head form svg {
  color: var(--mad-color);
}
.top-head form input {
  border: none;
  outline: none;
  width: 100%;
  max-width: 350px;
}

.connection {
  display: flex;
  gap: 16px;
  transition: 0.3s;
}
.connection:hover .phone-btn {
  background: #d3c4ff;
  color: var(--mad-color);
}
.connection:hover .connect-txt {
  color: var(--mad-color);
}
.connection:hover .purple {
  color: var(--txt-color);
}

.connect-txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #212121;
  font-size: 18px;
  font-weight: 700;
  transition: 0.3s;
}

.phone-btn {
  background: var(--mad-color);
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #fff;
  transition: 0.3s;
  border: none;
  cursor: pointer;
  font-size: 16px;
}
.phone-btn:hover {
  opacity: 0.9;
}

#showPhoneBtn {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: 500;
}

/* — mobile menu overlay — */
.back-c {
  position: fixed;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.37);
  z-index: 2;
  overflow-x: hidden;
  transition: 0.3s;
}
.bazsho {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  z-index: 1000;
}
.baz {
  cursor: pointer;
  display: none;
}
.baz svg {
  display: flex;
  fill: #333;
  stroke: #333;
  width: 35px;
  height: 35px;
}

/* — desktop menu — */
.menu-top ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
}
.menu-top ul > li {
  position: relative;
  float: right;
  z-index: 5;
}
.menu-top ul > li > a {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  color: #333;
  font-size: 16px;
  font-weight: normal;
  padding: 8px 16px;
  margin: 0 8px;
  transition: all 0.3s;
}
.menu-top ul > li > a:hover {
  color: var(--mad-color);
  box-shadow: 0 1px var(--mad-color);
}
.sub-menu-style {
  position: relative;
  cursor: pointer;
}
.sub-menu-style:after {
  content: url("data:image/svg+xml,%0A%3Csvg class='svg-icon' style='width: 1em; height: 1em;vertical-align: middle;fill: %23919191;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M948.560332 281.179984c-13.765515-13.833053-36.127825-13.833053-49.89334 0L511.991302 668.591431 125.313565 281.179984c-13.763468-13.798261-36.093033-13.798261-49.856501 0-13.799284 13.798261-13.799284 36.161594 0 49.993624l410.857439 411.674037c7.067976 7.085372 16.402575 10.521634 25.675776 10.331299 9.274224 0.191358 18.608823-3.245927 25.677822-10.331299l410.891208-411.708829c6.863315-6.89913 10.331299-15.940041 10.331299-24.979928S955.423647 288.078091 948.560332 281.179984z' /%3E%3C/svg%3E");
  position: absolute;
  top: 10px;
  left: 4px;
  width: 8px;
  opacity: 1;
  transition: 0.3s;
}
.menu-top ul > li > a:hover.sub-menu-style:after {
  opacity: 0;
}
.menu-top ul > li > ul {
  display: none;
  position: absolute;
  width: 250px;
  background-color: #fff;
}
.menu-top ul > li > ul > li {
  float: none;
}
.menu-top ul > li > ul > li > a {
  display: block;
  padding: 10px;
  font-size: 14px;
  margin: 0 10px;
  border-radius: 0;
}
.menu-top ul > li > ul > li > a:hover {
  background-color: #fff;
}
.menu-top ul > li:hover > ul {
  display: block;
  top: 38px;
  right: 0;
  border-radius: 8px;
  box-shadow: 0 4px 40px 0 rgb(0 0 0 / 10%);
}

/* — mobile menu — */
.menu-mobile ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-mobile ul > li {
  position: relative;
}
.menu-mobile ul > li > a {
  font-size: 14px;
  line-height: 1.571;
  color: #333;
  padding: 14px 14px 14px 58px;
  position: relative;
  display: block;
}
.menu-mobile ul > li > a.t:before {
  content: "+";
  color: var(--mad-color);
  position: absolute;
  left: 25px;
  top: 11px;
  font-size: 20px;
}
.menu-mobile ul > li > a.b:before {
  content: "-";
  color: var(--mad-color);
  position: absolute;
  left: 25px;
  top: 11px;
  font-size: 20px;
}
.menu-mobile ul > li > ul,
.menu-mobile ul > li > ul > li > ul,
.menu-mobile ul > li > ul > li > ul > li > ul {
  display: none;
}
.menu-mobile ul > li > ul {
  background-color: #ebebeb;
}
.menu-mobile ul > li > ul > li > ul {
  background-color: #eee;
}
.menu-mobile ul > li > ul > li > ul > li > ul {
  background-color: #e2e2e2;
}
.fbaste {
  position: absolute;
  left: 21px;
  top: 19px;
  font-size: 17px;
  color: #ccc;
}

/* =====================================================
   MAIN BANNER SWIPER
===================================================== */
.main-banner-swiper {
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.main-banner-swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
  align-items: stretch;
}
.main-banner-swiper .swiper-slide {
  width: 100%;
  height: 100%;
  max-width: 100%;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 !important;
  box-sizing: border-box;
}
.main-banner-swiper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.main-banner-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.main-banner-swiper .slider1_banner {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  aspect-ratio: 2880 / 600;
}
.main-banner-swiper .slider1_banner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* =====================================================
   FIRST PAGE SECTION
===================================================== */
.all-first-page {
  display: flex;
  gap: 32px;
  align-items: stretch;
  margin-top: 140px;
}
.milkan-first-page {
  flex: 1;
  position: relative;
  display: flex;
}
.mad-first-page {
  flex: 1;
  position: relative;
  display: flex;
}
.info-box-first-page {
  width: 100%;
  height: auto;
  background: #e7e8fd;
  border-radius: 40px;
  padding: 30px;
  text-align: center;
  box-shadow: 20px -20px 0 #bbbdea;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
}
.info-btn-frst-page {
  display: inline-block;
  padding: 12px 30px;
  background-color: var(--mad-color);
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
  border: 2px solid #fff;
  font-weight: 600;
  font-size: 18px;
}
.info-btn-frst-page:hover {
  transform: translateY(-4px);
}

/* FIX: rotate(deg) → rotate(0deg) */
.info-box-first-page::before,
.info-box-first-page::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center;
}
.info-box-first-page::before {
  right: 0px;
  top: 40px;
  background-image: url(img/basket.png);
  transform: rotate(1deg);
  width: 36px;
  height: 70px;
}
.info-box-first-page::after {
  right: 80px;
  top: 120px;
  background-image: url(img/note.png);
  transform: rotate(0deg); /* FIX: was rotate(deg) — invalid */
  width: 120px;
  height: 120px;
}

.float-img-first-page {
  position: absolute;
  width: 80px;
  height: 60px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
}

.img1-first-page {
  right: 200px;
  top: 50px;
  background-image: url(img/Group-207.png);
  background-repeat: no-repeat;
  width: 70px;
  height: 100px;
  position: absolute;
}
.img2-first-page {
  left: 20px;
  top: 50px;
  background-image: url(img/hat.png);
  width: 110px;
  height: 90px;
}
.img3-first-page {
  left: 100px;
  top: 170px;
  width: 60px;
  background-image: url(img/book.png);
}
.img4-first-page {
  right: 0;
  top: 70px;
  width: 30px;
  height: 80px;
  background-image: url(img/basketbal.png);
  background-repeat: no-repeat;
}

.top-line-first-page {
  margin-top: -80px;
  z-index: 10;
  height: auto;
}
.line {
  background: none;
  height: 1px;
  margin: 15px 0;
}
.top-line-first-page .line {
  width: clamp(40px, 7vw, 80px);
  height: auto;
  display: block;
}
.content-box-first-page p {
  font-size: 15px;
  line-height: 2;
  font-weight: 600;
  color: var(--txt-color);
  text-align: justify;
}

/* pink box */
.info-box-pink-firstpage {
  width: 100%;
  height: auto;
  background: #f8d7e8;
  border-radius: 40px;
  padding: 30px;
  text-align: center;
  box-shadow: -20px -20px 0 #f3b1cd;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
}
.pink-top-line {
  margin-top: -90px;
  z-index: 10;
  height: auto;
}
.pink-top-line .line {
  width: clamp(40px, 7vw, 80px);
  height: auto;
  display: block;
}
.pink-logo-box {
  width: 222px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pink-logo-box img {
  width: 100%;
  object-fit: contain;
}
.pink-content-box p {
  font-size: 15px;
  line-height: 2;
  font-weight: 600;
  color: var(--txt-color);
  text-align: justify;
}
.pink-btn-first-page {
  display: inline-block;
  padding: 12px 30px;
  background: #eb5193;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
  border: 2px solid #fff;
  font-weight: 600;
  font-size: 18px;
}
.pink-btn-first-page:hover {
  transform: translateY(-4px);
}

.pink-float-first-page {
  position: absolute;
  width: 80px;
  height: 100px;
  background-size: cover;
  background-position: center;
}
.pink1 {
  right: 80px;
  top: 20px;
  background-image: url(img/tennis\ rocekt.png);
  width: 100px;
  height: 120px;
}
.pink2 {
  right: 0;
  top: 140px;
  background-image: url(img/volleybal.png);
  width: 40px;
  height: 80px;
}
.pink3 {
  right: 200px;
  top: 200px;
  background-image: url(img/Star\ 236.png);
  width: 30px;
  height: 30px;
}
.pink4 {
  left: 40px;
  top: 20px;
  background-image: url(img/completebasketbal.png);
  width: 60px;
  height: 60px;
}
.pink5 {
  left: 150px;
  top: 150px;
  background-image: url(img/tennis-balll.png);
  transform: rotate(16deg);
  width: 50px;
  height: 50px;
}
.pink6 {
  left: 0px;
  top: 150px;
  background-image: url(img/footbal.png);
  width: 40px;
  height: 90px;
}

/* =====================================================
   MAIN CONTENT
===================================================== */
.fulll {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.margin {
  margin: 40px 0;
}
.margin-bottom {
  margin-bottom: 32px;
}

/* — slider & banner — */
.slider1 {
  padding: 16px 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.slider1 .swiper-container {
  width: 100%;
  border-radius: 24px;
}
.slider1 .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: fit-content;
}
.slider1 .swiper-wrapper {
  align-items: stretch;
}
.slider1_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.slider1_banner {
  display: block;
  width: 100%;
}

.swiper-container {
  width: 100%;
  height: 450px;
  overflow: hidden;
}
.swiper-wrapper {
  box-sizing: content-box;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: fit-content !important;
  box-sizing: border-box;
  gap: 0 !important;
}
.swiper-slide img {
  width: 100%;
  object-fit: cover;
  display: block;
}
.swiper-pagination {
  margin: -16px 16px;
  position: relative !important;
  gap: 5px;
  align-items: center;
  width: 100%;
}

/* — class rows — */
.clas-rows {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
}
.clas-rows::before {
  content: "";
  position: absolute;
  background-image: url("img/pink star.png");
  background-repeat: no-repeat;
  top: -20px;
  right: 0;
  width: 49px;
  height: 51px;
  z-index: 10;
  object-fit: cover;
}

/* — slider contact — */
.slider-contact {
  position: absolute;
  bottom: clamp(12px, 2vw, 24px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  text-align: center;
  display: flex;
  flex-direction: column;
  transition: 0.3s;
}
.slider-contact .phone-btn {
  width: auto;
  min-width: 0;
  padding: 10px 22px;
  font-size: 14px;
  line-height: 1.6;
  border-radius: 14px;
  white-space: nowrap;
  background: #7b4dff;
  color: #fff;
  border: none;
  cursor: pointer;
  font-weight: 700;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.phone-box {
  text-align: center;
  margin-top: 20px;
  z-index: 10;
}
.phone-number {
  display: none;
  margin-top: 10px;
  background: #fff;
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  direction: ltr;
}
.phone-number a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
}

/* — slider side boxes — */
.slider-2 {
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
  height: auto;
  max-height: 500px;
  width: 100%;
}
.honors-slider{
  margin: 40px 0;
}
.slider-bottom {
  width: 100%;
  position: relative;
  margin: 40px 0;
}
.slider-bottom::before {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  background-image: url(img/vollley.png);
  background-repeat: no-repeat;
  top: 200px;
  right: -80px;
}
.slider-bottom::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  background-image: url(img/pink\ star.png);
  top: 150px;
  left: -70px;
  background-repeat: no-repeat;
}

/* — class boxes — */
.clas {
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  border-radius: 8px 40px 8px 40px;
  color: var(--txt-color);
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: 0.3s;
  flex: 1 1 0;
  min-width: 0;
  min-height: 112px;
  text-align: center;
  box-sizing: border-box;
}
.clas:hover {
  border-radius: 40px 8px 40px 8px;
  box-shadow: 0 0 0px 1px var(--mad-color);
  color: #2f018a;
}
.clas h2,
.clas span {
  text-align: center;
}

.class {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  position: relative;
  justify-content: center;
  align-items: stretch;
}
.class.margin {
  margin-top: 42px;
  margin-bottom: 42px;
}

/* — class introduction — */
.milkan-music{
  width: 100%;
}
.mad2{
  width: 100% !important;
}
.class-intruduse {
  display: flex;
  gap: 24px;
  position: relative;
  z-index: 3;
}
.class-intruduse::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  background-image: url(img/purplestar.png);
  background-repeat: no-repeat;
  top: 530px;
  right: -140px;
}
.class-intruduse img {
  max-width: 900px;
  width: 100%;
  height: 500px;
  display: block;
  object-fit: cover;
  border-radius: 24px;
}
.intruduse-txt {
  width: 100%;
  max-width: 800px;
}
.intruduse-txt ul{
  line-height: 2.5;
}
.intruduse-txt p {
  line-height: 2.5;
  font-size: 17px;
  font-weight: 500;
}
.intruduse-more-btn {
  display: none;
}
.intruduse-txt {
  position: relative;
}

.intruduse-content {
  position: relative;

  max-height: 500px;
  overflow: hidden;

  transition: max-height 0.6s ease;
}

/* محو شدن انتهای متن */
.intruduse-content.has-overflow::after {
  content: "";

  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  height: 100px;

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(231 232 252 / 8%) 60%, #e7e8fc 100%);

  pointer-events: none;

  transition:
          opacity 0.3s ease,
          visibility 0.3s ease;
}

/* نمایش کامل متن */
.intruduse-content.is-open {
  max-height: none;
  overflow: visible;
}

/* حذف محوشدگی بعد از باز شدن */
.intruduse-content.is-open::after {
  opacity: 0;
  visibility: hidden;
}

.intruduse-content p {
  line-height: 2;
}

.intruduse-content ul {
  margin: 15px 0 25px;
  padding-right: 25px;
}

.intruduse-content ul li {
  margin-bottom: 8px;
  line-height: 1.8;
}

.milkan-features-title {
  margin: 20px 0 10px;
  font-size: 17px;
}

/* دکمه ادامه مطلب */
.intruduse-more-btn {
  position: relative;
  z-index: 2;

  display: none;
  align-items: center;
  justify-content: center;
  gap: 7px;

  min-width: 145px;
  min-height: 45px;

  margin: 20px auto 0;
  padding: 9px 22px;

  color: #fff;
  background: #805fb3;

  border: 0;
  border-radius: 30px;

  font-family: inherit;
  font-size: 14px;
  font-weight: 700;

  cursor: pointer;

  transition:
          background-color 0.25s ease,
          transform 0.25s ease;
}

.intruduse-more-btn.is-visible {
  display: flex;
}

.intruduse-more-btn:hover {
  background: #654398;
  transform: translateY(-2px);
}

.intruduse-more-btn svg {
  width: 19px;
  height: 19px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;

  transition: transform 0.3s ease;
}

.intruduse-more-btn.is-open svg {
  transform: rotate(180deg);
}

.intruduse-more-btn .less-text {
  display: none;
}

.intruduse-more-btn.is-open .more-text {
  display: none;
}

.intruduse-more-btn.is-open .less-text {
  display: inline;
}

@media screen and (max-width: 576px) {
  .intruduse-content {
    max-height: 500px;
  }

  .intruduse-more-btn {
    width: 100%;
  }
}

/* — eftekhar — */
.eftekhar::before {
  content: "";
  width: 100px;
  height: 100px;
  background-image: url(img/tennis\ rocekt.png);
  background-repeat: no-repeat;
  position: absolute;
  left: -50px;
  top: 0;
}

/* — honors swiper — */
.honors-swiper {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: 24px;
}
.honors-swiper .swiper-wrapper {
  align-items: stretch;
}
.honors-swiper .swiper-slide {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 !important;
  box-sizing: border-box;
}
.honors-swiper .slider1_banner {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  aspect-ratio: 1170 / 394;
}
.honors-swiper .slider1_banner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* — chevrons / arrows — */
.chevs {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  margin-right: auto;
}
.chevs svg {
  color: var(--txt-color) !important;
  width: 24px;
  height: 24px;
}

/* — video section — */
.video {
  display: block;
  visibility: hidden;
  opacity: 0;
}
.video-introduse-txt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 50;
  gap: 16px;
}
.video-introduse-txt h2 {
  flex: 1;
}
.video-introduse {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  border-radius: 16px;
  padding: 24px;
}
.video-boxs {
  display: flex;
  gap: 16px;
  height: max-content;
}
.video-box {
  display: flex;
  flex-direction: column;
  border-radius: 16px !important;
  align-items: center;
  justify-content: flex-start;
  padding: 16px;
  gap: 16px !important;
  color: var(--txt-color);
  position: relative;
  width: 100% !important;
  height: auto;
  min-height: 420px;
}
.video-box img {
  width: 100%;
  display: block;
  border-radius: 12px;
}
.video-box h3 {
  font-size: 18px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
}
.video-box span {
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
}
.video-box video {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
  height: 300px;
  cursor: pointer;
}

.video-box-c {
  background: #e7e8fc;
  padding: 24px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 20px;
}

.video-arrow {
  width: 38px;
  height: 38px;
  border: 0;
  outline: 0;
  border-radius: 50%;
  background: #fff;
  color: var(--txt-color);
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
.video-arrow svg {
  width: 24px;
  height: 24px;
  display: block;
  color: currentColor;
}
.video-arrow:hover {
  color: var(--mad-color);
}

/* — play button — */
.play-btn {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}
.play-btn svg {
  width: 30px;
  height: 30px;
}

/* — cover overlay — */
.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 226px;
  cursor: pointer;
  z-index: 2;
}
.cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.cover.hide {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 40px;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* — slider top — */
.slider-top {
  padding: 16px;
  margin: 0 16px;
  position: relative;
}
.slider-top::before {
  position: absolute;
  background-image: url(img/tennis-balll.png);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  top: 300px;
  left: -110px;
  content: "";
}

.swiper-top .swiper-slide,
.swiper-bottom .swiper-slide {
  height: auto !important;
  display: flex;
}
.swiper-top .video-box,
.swiper-bottom .video-box {
  width: 100%;
}

/* — decorative pseudo-elements — */
.mad1::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 80px;
  top: -30px;
  right: -50px;
  background-image: url(img/completebasketbal.png);
  background-repeat: no-repeat;
  z-index: 10;
}
.mad1::after {
  position: absolute;
  width: 150px;
  height: 150px;
  content: "";
  right: -200px;
  top: 220px;
  z-index: 10;
  background-image: url(img/footbal\ \(2\).png);
  background-repeat: no-repeat;
}
.mad2::before {
  position: absolute;
  content: "";
  background-image: url(img/vollley.png);
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  top: 550px;
  left: -100px;
}

/* =====================================================
   MANAGER SECTION
===================================================== */
.manager-box {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  border: 1px solid #e6dfff;
  border-radius: 20px;
  padding: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  direction: rtl;
}
.manager-box::before {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  background: #8b6cff;
  top: 0;
  left: 0;
  border-bottom-right-radius: 70px;
}
.manager-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: right;
  z-index: 2;
  flex: 1;
}
.manager-info h2 {
  font-size: 28px;
  color: var(--txt-color);
}
.manager-info h2 span {
  color: #8b6cff;
}
.manager-info h3 {
  margin-bottom: 25px;
  color: var(--txt-color) !important;
  font-size: 22px;
}
.manager-info h4 {
  margin: 8px 0 12px;
  font-size: 18px;
  color: #333;
}
.manager-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.manager-info ul li {
  position: relative;
  line-height: 2;
  color: var(--txt-color);
  font-size: 18px;
}
.manager-info li svg {
  color: var(--mad-color);
}
.manager-image {
  max-width: 500px;
  width: 100%;
  flex-shrink: 0;
  z-index: 2;
}
.manager-image img {
  width: 100%;
  max-width: 500px;
  height: auto;
  border-radius: 20px;
  object-fit: cover;
}
.manager-img img {
  width: 100%;
  height: auto;
  border-radius: 24px;
  object-fit: cover;
  max-width: 500px;
}
.manage-bf::after {
  position: absolute;
  width: 406px;
  height: 197px;
  background-image: url(img/bottom.png);
  content: "";
  bottom:0;
  left: 11px;
  z-index: 10;
}
.manage-bf::before {
  position: absolute;
  width: 500px;
  height: 200px;
  content: "";
  background-image: url(img/top.png);
  background-repeat: no-repeat;
  top: 0;
  right: -67px;
  z-index: 10;
  max-width: 100%;
}
.manage-aft::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  background-image: url(img/baskkkkkket.png);
  background-repeat: no-repeat;
  top: 200px;
  left: -70px;
}
.mad4 {
  position: absolute;
  content: "";
  width: 100px;
  height: 120px;
  bottom: -50px;
  right: -150px;
  background-image: url(img/big-tennis-bal.png);
  background-repeat: no-repeat;
}

/* =====================================================
   COMMENTS
===================================================== */

.comment-boxs {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
.comment-box-green {
  box-shadow: 20px -20px #bbeae8;
  border-radius: 32px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px 24px;
  align-items: center;
  justify-content: center;
}
.comment-box-purple {
  box-shadow: 20px -20px #dedfff;
  border-radius: 32px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px 24px;
  align-items: center;
  justify-content: center;
}
.comment-photos {
  display: flex;
  gap: 32px;
}
.comment-txt {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: center;
}
.comment-txt h3 {
  font-size: 18px;
  color: var(--txt-color);
  font-weight: 700;

}
.comment-txt p {
  font-size: 16px;
  font-weight: 500;
  color: var(--txt-color);
  text-align: justify;
}
.comment-boxs-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  margin: 40px 0;
  height: 100%;
}

/* comments swiper */
.comment-boxs.commentsSwiper,
.comment-boxs.comments-swiper {
  width: 100%;
  overflow: hidden;
  display: block;
}
.commentsSwiper .swiper-wrapper,
.comments-swiper .swiper-wrapper {
  align-items: stretch;
}
.commentsSwiper .swiper-slide,
.comments-swiper .swiper-slide {
  height: auto;
  padding: 15px;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0 !important;
}
.commentsSwiper .comment-box-purple,
.commentsSwiper .comment-box-green,
.comments-swiper .comment-box-purple,
.comments-swiper .comment-box-green {
  height: 100%;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
}

/* fixed-height comment boxes */
.mad5 .comment-box-purple,
.mad5 .comment-box-green,
.commentbook .comment-box-purple,
.commentbook .comment-box-green {
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.mad5 .comment-txt,
.commentbook .comment-txt {

}
.mad5 .comment-txt h3,
.commentbook .comment-txt h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mad5 .comment-txt p,
.commentbook .comment-txt p {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  text-overflow: ellipsis;
  line-height: 1.5;

}
.commentbook .comment-photos img.img-responsive,
.mad5 .comment-photos img.img-responsive {
  width: 200px;
  height: 200px;
  min-width: 200px;
  max-width: 200px;
  object-fit: cover;
  display: block;
  border-radius: 24px;
}
.fix-photo {
  width: 300px;
  height: 300px;
  object-fit: cover;
}

/* decorative pseudo-elements for comments */
.mad5::after {
  content: "";
  width: 200px;
  height: 400px;
  position: absolute;
  background-image: url(img/bigbadminton.png);
  right: -260px;
  top: -150px;
  background-repeat: no-repeat;
  z-index: 10;
}
.commentbook::before {
  position: absolute;
  content: "";
  width: 200px;
  height: 150px;
  top: 150px;
  right: -170px;
  background-image: url(img/bigbook.png);
  background-repeat: no-repeat;
  z-index: 10;
}
.commentbook::after {
  position: absolute;
  content: "";
  width: 200px;
  height: 150px;
  bottom: 0;
  left: -100px;
  background-image: url(img/Group-207.jpg);
  background-repeat: no-repeat;
  z-index: 10;
}

/* — decorative misc — */
.milkan-book {
  position: absolute;
  background-image: url(img/book.png);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  content: "";
  top: -20px;
  right: 0;
  z-index: 10;
}
.milkan-book::after {
  position: absolute;
  background-image: url(img/erln.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 130px;
  content: "";
  top: 200px;
  right: -120px;
  z-index: 10;
}
.milkan2 {
  position: relative;
}
.milkan2::before {
  position: absolute;
  background-image: url(img/hat.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 130px;
  content: "";
  top: 200px;
  left: -100px;
  z-index: 10;
}
.milkan-music {
  position: relative;
}
.milkan-music::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  top: 500px;
  left: -150px;
  background-image: url(img/note.png);
  z-index: 10;
}
.notestar {
  position: relative;
}
.notestar::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  top: 150px;
  right: -140px;
  background-image: url(img/note.png);
  z-index: 10;
}
.notestar::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  top: 200px;
  left: -120px;
  background-image: url(img/pink\ star.png);
  background-repeat: no-repeat;
  z-index: 10;
}

/* =====================================================
   BLOG
===================================================== */
.blog-boxs .blog-box {
  background: #f5f3ff;
  display: flex;
  border-radius: 20px;
  text-decoration: none;
  box-shadow: 20px -20px var(--mad-color);
  margin: 40px 0;
  flex-direction: column;
  width: 100%;
  height:auto;
  justify-content: space-between;
}
.blog-boxs {
  display: block;
  gap: 40px;
  position: relative;
  margin: 40px 0;
}
.blogs {
  display: flex;
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
}
.blog-txt {
  padding: 16px;
  color: var(--txt-color);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blog-box img {
  border-radius: 20px;
  height: 206px;
  object-fit: cover;
  width: 100%;
}
.blog-txt h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--txt-color);
}
.blog-txt p {
  font-size: 16px;
  font-weight: 500;
  color: var(--txt-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
}
.blog-txt span {
  background: var(--mad-color);
  padding: 16px;
  border-radius: 8px;
  color: #fff;
  margin-top: 16px;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blogelement {
  position: relative;
}
.blogelement::before {
  position: absolute;
  content: "";
  width: 200px;
  height: 150px;
  bottom: -80px;
  right: -200px;
  background-image: url(img/hat.png);
  background-repeat: no-repeat;
  z-index: 10;
}
.blogelement::after {
  position: absolute;
  content: "";
  width: 200px;
  height: 150px;
  bottom: -80px;
  left: -100px;
  background-image: url(img/note.png);
  background-repeat: no-repeat;
  z-index: 10;
}
.mad6::after {
  content: "";
  width: 80px;
  height: 150px;
  background-image: url(img/left-foobal.png);
  background-repeat: no-repeat;
  position: absolute;
  top: -50px;
  left: -80px;
}

/* =====================================================
   REGISTRATION PAGE
===================================================== */
.sabtenam {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.sabtename-classs {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.logo-titlepage {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
}
.logo-titlepage h1 {
  font-size: 22px;
  font-weight: 700;
  color: var(--txt-color);
}

/* =====================================================
   PAGE 3 — CLASS DAY
===================================================== */
.logo-box-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.llogo-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px !important;
}
.text-center {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  padding: 40px 8px;
}
.logo-day img {
  width: 300px;
}
.title h2 {
  font-size: 22px;
  font-weight: bold;
  color: var(--txt-color);
}
.label h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--txt-color);
}
.b-width ul li {
  font-size: 16px;
  font-weight: 400;
  color: var(--txt-color);
}

.box-pink {
  background: #ffd6e7;
  border: 2px solid red;
  padding: 25px;
  border-radius: 12px;
  margin-bottom: 20px;
  text-align: right;
  position: relative;
}
.box-pink::after {
  position: absolute;
  content: "";
  background-image: url(img/bbbbbb.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  top: -200px;
  left: -180px;
}
.box-light {
  background: #F6FFFC;
  border: 2px solid #DADADA;
  padding: 25px;
  border-radius: 12px;
  text-align: right;
}
.class-day-box {
  margin-top: 20px;
  width: 100%;
}
.box-inner {
  background: #ffffff;
  border-radius: 12px;
  text-align: right;
  display: flex;
  gap: 24px;
  align-items: center;
}
.boxs-inneer {
  display: flex;
  flex-direction: column;
  padding: 24px 0;
}

.rules-box {
  margin-top: 20px;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  text-align: right;
  width: 100%;
  max-width: 600px;
}
.rules-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.rules-content {
  max-height: 150px;
  overflow-y: auto;
  padding: 15px;
  background: #fafafa;
  border: 1px solid var(--mad-color);
  border-radius: 10px;
  line-height: 1.8;
}
.rules-content::-webkit-scrollbar {
  width: 6px;
}
.rules-content::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius: 10px;
}

.label {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* FIX: day-select uses 100% instead of fixed 500px */
.day-select {
  width: 100%;
  max-width: 500px;
  padding: 12px;
  border: 2px solid var(--mad-color);
  border-radius: 10px;
  background: #fff;
  font-size: 16px;
  cursor: pointer;
  outline: none;
}
.day-select:focus {
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);
}

.logo-day {
  position: relative;
}
.logo-day::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  background-image: url(img/tennis-balll.png);
  background-repeat: no-repeat;
  left: -300px;
}
.logo-day::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  background-image: url(img/footbal.png);
  background-repeat: no-repeat;
  left: -700px;
  top: 100px;
}

/* =====================================================
   SANS FORM
===================================================== */
.row-text {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
.warning {
  color: red;
  text-align: center;
  font-weight: bold;
  margin: 15px 0;
}
/* FIX: headerr uses max-width instead of fixed width */
.headerr {
  background: #EB7672;
  padding: 8px 32px;
  width: 100%;
  max-width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--txt-color);
}
.sansc {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 0;
}
input:focus {
  border-color: #7c5cff;
}
.inputss {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.discount-link {
  text-align: center;
  color: #7c5cff;
  font-size: 13px;
  margin: 5px 0 10px;
  cursor: pointer;
}
.upload-box {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
  border-radius: 6px;
  margin-top: 10px;
}
.small-note {
  font-size: 11px;
  text-align: center;
  color: #888;
  margin-top: 8px;
}

/* =====================================================
   FOOTER
===================================================== */
.f-links {
  display: flex;
  gap: 48px;
}
.footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
  padding: 40px;
  flex-wrap: wrap;
}
.footer-logo img {
  width: 150px;
}
.footer-links {
  min-width: 180px;
  color: #fff;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.footer-links h3 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.footer-op {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.footer-links li {
  margin-bottom: 12px;
}
.footer-links a {
  text-decoration: none;
  color: #fff;
}
.footer-symbols {
  display: flex;
  gap: 15px;
}
.footer-symbols img {
  width: 90px;
  height: 90px;
  object-fit: contain;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 10px;
  background: #fff;
}
.copy span {
  color: #ccc;
  font-size: 14px;
  font-weight: 200;
  display: flex;
  align-items: center;
  justify-content: center;
}
.copy {
  border-top: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 12px;
}
.copy span a {
  color: #fff;
  font-weight: 600;
  padding: 4px 0;
}

/* =====================================================
   MAIN SLIDER OVERRIDES
===================================================== */
.main-slider .main-banner-swiper,
.main-slider .main-banner-swiper .swiper-wrapper,
.main-slider .main-banner-swiper .swiper-slide,
.main-slider .main-banner-swiper .slider1_banner {
  min-height: clamp(220px, 26vw, 470px);
}
.main-slider .main-banner-swiper .slider1_banner {
  aspect-ratio: auto;
  border-radius: 18px;
}
.main-slider .main-banner-swiper .slider1_banner img {
  height: 100%;
  min-height: clamp(220px, 26vw, 470px);
  object-fit: cover;
  border-radius: 18px;
}

/* =====================================================
   COMPLETE PROFILE FORM
===================================================== */
/* FIX: uses 100% with max-width instead of fixed width */
.complete-profile-form-box {
  width: 100%;
  max-width: 1200px;
  margin: 40px auto;
  padding: 40px 20px;
  direction: rtl;
  display: flex;
  flex-direction: column;
}
.complete-profile-form-box .gform_wrapper {
  width: 100%;
  margin: 0;
}
.complete-profile-form-box .gform_fields {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px 90px;
}
.complete-profile-form-box .gfield {
  margin: 0 !important;
  padding: 0 !important;
}
.complete-profile-form-box .gfield_label {
  display: block;
  margin: 0 0 8px 0 !important;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
}
.complete-profile-form-box input[type="text"],
.complete-profile-form-box input[type="email"],
.complete-profile-form-box input[type="tel"],
.complete-profile-form-box input[type="number"],
.complete-profile-form-box input[type="password"],
.complete-profile-form-box input[type="url"],
.complete-profile-form-box input[type="date"],
.complete-profile-form-box textarea,
.complete-profile-form-box select {
  width: 100% !important;
  height: 50px;
  border: 2px solid #7b3cff !important;
  border-radius: 6px;
  color: #212121 !important;
  padding: 0 16px !important;
  font-size: 14px;
  outline: none !important;
  box-shadow: none !important;
  direction: rtl;
  text-align: right;
}
.complete-profile-form-box input::placeholder,
.complete-profile-form-box textarea::placeholder {
  color: #9b9b9b;
  opacity: 1;
  font-weight: 600;
}
.complete-profile-form-box input:focus,
.complete-profile-form-box textarea:focus,
.complete-profile-form-box select:focus {
  border-color: #9b5cff !important;
  box-shadow: 0 0 0 2px rgba(123, 60, 255, 0.25) !important;
}
.complete-profile-form-box textarea {
  height: 120px;
  padding-top: 14px !important;
  resize: vertical;
}
.complete-profile-form-box .gfield_radio {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 35px !important;
  flex-wrap: nowrap !important;
}
.complete-profile-form-box .gchoice {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  margin: 0 !important;
}
.complete-profile-form-box input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50%;
  border: 7px solid #eee !important;
  background: #eee !important;
  cursor: pointer;
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
}
.complete-profile-form-box input[type="radio"]:checked {
  border-color: #eee !important;
  background: radial-gradient(circle, #8d35d6 0 35%, #eee 38% 100%) !important;
}
.complete-profile-form-box .gchoice label {
  color: #222;
  font-size: 14px;
  font-weight: 600;
  margin: 0 !important;
  cursor: pointer;
}
.complete-profile-form-box input[type="file"] {
  width: 100%;
  height: 50px;
  border: 2px solid #7b3cff;
  border-radius: 6px;
  color: #333;
  padding: 12px 16px;
  font-size: 14px;
}
.complete-profile-form-box .gform_footer {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  padding: 0 !important;
  margin-top: 35px !important;
}
.complete-profile-form-box .gform_button,
.complete-profile-form-box input[type="submit"] {
  display: inline-block !important;
  padding: 12px 30px !important;
  background-color: var(--mad-color) !important;
  color: #fff !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  border: 2px solid #fff !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  cursor: pointer !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
}
.complete-profile-form-box .gform_button:hover,
.complete-profile-form-box input[type="submit"]:hover {
  transform: translateY(-3px);
}
.complete-profile-form-box .validation_message,
.complete-profile-form-box .gfield_validation_message {
  color: #ff4d4d !important;
  font-size: 12px;
  margin-top: 6px;
}
.complete-profile-form-box .gform_validation_errors {
  background: transparent !important;
  border: 1px solid #ff4d4d !important;
  color: #ff4d4d !important;
}
.takmilh {
  color: #212121;
  width: fit-content;
  margin: 0 auto;
  padding: 0;
  display: block;
  text-align: center;
}

/* form two-column layout */
.complete-profile-form-box #gform_fields_1 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px 48px !important;
  direction: rtl;
  align-items: start;
}
.complete-profile-form-box #gform_fields_1 .gfield {
  grid-column: auto !important;
  width: 100% !important;
  margin: 0 !important;
}
.complete-profile-form-box #gform_fields_1 .gfield--type-html,
.complete-profile-form-box #gform_fields_1 .gfield--type-section,
.complete-profile-form-box #gform_fields_1 .gsection {
  grid-column: 1 / -1 !important;
}
.complete-profile-form-box #gform_fields_1 .gfield--type-name {
  grid-column: 1 / -1 !important;
}
.complete-profile-form-box #gform_fields_1 .ginput_complex.ginput_container_name {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}
.complete-profile-form-box #gform_fields_1 .ginput_complex.ginput_container_name > span {
  width: 100% !important;
  max-width: 100% !important;
}
.complete-profile-form-box #gform_fields_1 input[type="text"],
.complete-profile-form-box #gform_fields_1 input[type="email"],
.complete-profile-form-box #gform_fields_1 input[type="tel"],
.complete-profile-form-box #gform_fields_1 input[type="number"],
.complete-profile-form-box #gform_fields_1 input[type="password"],
.complete-profile-form-box #gform_fields_1 select,
.complete-profile-form-box #gform_fields_1 textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.complete-profile-form-box #gform_fields_1 .medium,
.complete-profile-form-box #gform_fields_1 .large {
  width: 100% !important;
  max-width: 100% !important;
}
.complete-profile-form-box #gform_fields_1 .gfield--type-textarea {
  grid-column: 1 / -1 !important;
}
.complete-profile-form-box #gform_fields_1 .gfield--type-fileupload {
  grid-column: auto !important;
}
.complete-profile-form-box #gform_fields_1 .gfield_radio {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 30px !important;
  flex-wrap: wrap !important;
}
.complete-profile-form-box #gform_fields_1 .gchoice {
  width: auto !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.complete-profile-form-box #gform_fields_1 hr {
  width: 100%;
  border: none;
  height: 1px;
  background: #7b3cff;
  margin: 10px 0 25px;
}

/* class-day-box product fields */
.boxs-inneer.sp-product-custom-fields {
  max-width: 760px;
  margin: 40px auto;
  display: flex;
  flex-direction: column;
  gap: 22px;
  direction: rtl;
}
.class-day-box .box-inner {
  display: grid;
  grid-template-columns: 220px 1fr;
  align-items: center;
  gap: 22px;
}
.class-day-box .label {
  text-align: right;
}
.class-day-box .label h3 {
  margin: 0;
  color: #212121;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
}
.class-day-box .label h3 label {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.class-day-box .day-select {
  width: 100%;
  height: 48px;
  border: 1.8px solid #7b3cff;
  border-radius: 7px;
  background-color: #fff;
  color: #212121;
  font-size: 17px;
  font-weight: 600;
  padding: 0 16px;
  outline: none;
  direction: rtl;
  text-align: right;
  cursor: pointer;
  box-shadow: none;
}
.class-day-box .day-select option {
  color: #212121;
  background: #fff;
  font-size: 16px;
}
.class-day-box .day-select:focus {
  border-color: #7b3cff;
  box-shadow: 0 0 0 3px rgba(123, 60, 255, 0.12);
}
.class-day-box .required {
  color: #e53935;
  margin-right: 4px;
}

/* =====================================================
   PAYMENT / WOOCOMMERCE
===================================================== */
.payment-main {
  max-width: 921px;
  margin: 25px auto 12px auto;
  background-color: #fff;
  padding: 15px;
  border-radius: 7px;
}
.payment-main .col-1,
.payment-main .col-2 {
  flex: 0 0 100%;
  width: 100% !important;
  padding: 0;
  float: none !important;
}
.payment-title h1 {
  font-size: 35px;
  font-weight: bold;
  color: #333;
  margin: 19px 0 0 0;
  text-align: center;
}
.payment-main .woocommerce table.shop_table {
  border: 1px solid rgba(0, 0, 0, .1);
  margin: 0 0 24px -1px;
  text-align: center;
  width: 100%;
  border-collapse: separate;
  border-radius: 5px;
}
.payment-main table.cart td,
.payment-main table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th,
.woocommerce-checkout table.cart td,
.woocommerce-checkout table.cart th {
  vertical-align: middle !important;
}
.woocommerce table.shop_table td {
  border-top: 1px solid rgba(0, 0, 0, .1) !important;
  padding: 9px 12px !important;
  vertical-align: middle !important;
  line-height: 1.5em !important;
  font-size: 15px;
}
.woocommerce table.shop_table .product-quantity {
  width: 100px;
}
.woocommerce table.shop_table th {
  font-weight: 700;
  padding: 9px 12px;
  line-height: 1.5em;
}
.woocommerce a.remove {
  display: block;
  font-size: 1.5em;
  height: 1em;
  width: 1em;
  text-align: center;
  line-height: 28px;
  border-radius: 100%;
  color: red !important;
  text-decoration: none;
  font-weight: 700;
  border: 0;
}
.woocommerce a.remove:hover {
  color: #fff !important;
  background: red;
}
.payment-main img {
  border-radius: 5px;
  width: 50px;
  height: 50px;
}
.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
  text-align: left !important;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
  float: right;
}
.woocommerce #content table.cart td.actions .coupon label,
.woocommerce table.cart td.actions .coupon label,
.woocommerce-page #content table.cart td.actions .coupon label,
.woocommerce-page table.cart td.actions .coupon label {
  display: none;
}
.payment-main table.cart td.actions .coupon .input-text {
  width: 180px;
}
.payment-main button {
  border-radius: 7px;
  outline: none;
  transition: all .3s ease;
  padding: 9px 32px;
  border: none;
  cursor: pointer;
  color: #fff;
}
.payment-main .coupon button {
  background-color: #5a52bb !important;
  color: #fff !important;
}
.payment-main table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
  float: right;
  box-sizing: border-box;
  border: 1px solid #d3ced2;
  padding: 8px 6px;
  margin: 0 0 0 4px;
  outline: 0;
  border-radius: 7px;
}
.payment-main button.button:disabled,
.payment-main button.button:disabled[disabled] {
  background-color: #CCC;
  box-shadow: 0 2px 12px rgba(204, 204, 204, 0.6);
  color: #878787 !important;
}
.payment-main .product-name a {
  color: #5a52bb !important;
}
.payment-main .qty {
  box-sizing: border-box;
  border: 1px solid #d3ced2;
  padding: 8px 6px;
  margin: 0 0 0 4px;
  outline: 0;
  border-radius: 7px;
  text-align: center !important;
}
.payment-main .cart_totals {
  width: 30%;
}
.payment-main .cart_totals h2 {
  font-size: 26px;
  padding: 25px 0 15px 0;
  color: #333;
}
.payment-main .cart_totals td {
  border-top: none !important;
}
.payment-main .cart_totals .cart-subtotal th,
.payment-main .cart_totals .cart-subtotal td {
  border-bottom: 1px solid #e5e5e5;
}
.payment-main .checkout-button,
.payment-main .place-order button {
  display: inline-block !important;
  background-color: #ff394f !important;
  border-radius: 7px !important;
  text-align: center;
  box-shadow: 0 2px 12px rgba(255, 57, 79, 0.45) !important;
  color: #fff !important;
  outline: none;
  transition: all .3s ease;
  width: 100% !important;
  padding: 14px 0 !important;
  font-weight: bold !important;
  margin-bottom: 30px !important;
}
.payment-main .place-order button {
  width: 90%;
  margin: 15px 0;
}
.payment-main .checkout-button:hover,
.payment-main .place-order button:hover {
  background-color: #d0353f;
}
.woocommerce .woocommerce-info {
  font-family: devix, serif !important;
  padding: 1em 3.5em 1em 2em;
  margin: 0 0 2em;
  position: relative;
  border: none;
  border-radius: 5px;
  background: #5a52bb;
  color: #fff;
  list-style: none outside;
  width: auto;
  word-wrap: break-word;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  color: #fff !important;
}
.woocommerce-info::before,
.woocommerce-info a {
  color: #fff;
}
.payment-main h3 {
  font-size: 21px;
  color: #333;
  margin: 15px 0 21px 0;
}
.payment-main form .form-row label {
  line-height: 2;
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  color: #333;
}
.payment-main form .form-row .required {
  color: red;
  font-weight: 700;
  border: 0 !important;
  text-decoration: none;
  visibility: visible;
}
.payment-main form p {
  padding: 10px 0;
}
.payment-main form input,
.payment-main form textarea,
.select2-container--default .select2-selection--single {
  width: 100%;
  direction: rtl;
  text-align: right !important;
  outline: none;
  border: 1px solid #BBB;
  border-radius: 7px;
  padding: 9px 15px;
}
.payment-main form input[type="checkbox"],
.payment-main form input[type="radio"] {
  width: auto !important;
}
.select2-container--default .select2-selection--single {
  height: 49px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 49px !important;
}
.select2-search__field {
  text-align: right !important;
  outline: none;
  border: 1px solid #BBB;
  border-radius: 7px;
  padding: 9px 15px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: #fe3b4e !important;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true],
.select2-container--default .select2-results > .select2-results__options {
  outline: none;
}
.wc_payment_method {
  margin-bottom: 18px !important;
}
.woocommerce-error {
  position: relative;
  border: none;
  border-radius: 5px;
  background: #f46733;
  color: #fff;
  padding: 9px 63px 9px 9px;
  margin-bottom: 21px;
}
.woocommerce-error::before {
  content: "\e016";
  color: #b81c23;
}
.woocommerce-error li {
  font-size: 15px;
  line-height: 31px;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
  border-color: #fb414e;
}
.payment-main tfoot th {
  border-top: 1px solid rgba(0, 0, 0, .1);
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: #ebe9eb !important;
  border-radius: 5px !important;
  margin-bottom: 30px;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  text-align: right;
  padding: 1em;
  border-bottom: 1px solid #d3ced2;
  margin: 0;
  list-style: none outside;
}
#add_payment_method #payment ul.payment_methods::after,
#add_payment_method #payment ul.payment_methods::before,
.woocommerce-cart #payment ul.payment_methods::after,
.woocommerce-cart #payment ul.payment_methods::before,
.woocommerce-checkout #payment ul.payment_methods::after,
.woocommerce-checkout #payment ul.payment_methods::before {
  content: ' ';
  display: table;
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
  line-height: 2;
  text-align: right;
  margin: 0;
  font-weight: 400;
}
#add_payment_method #payment ul.payment_methods::after,
.woocommerce-cart #payment ul.payment_methods::after,
.woocommerce-checkout #payment ul.payment_methods::after {
  clear: both;
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
  vertical-align: middle;
  margin: -2px .5em 0 0;
  padding: 0;
  position: relative;
  box-shadow: none;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 1em;
  margin: 1em 0;
  font-size: .92em;
  border-radius: 2px;
  line-height: 1.5;
  background-color: #dfdcde;
  color: #515151;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  content: "";
  display: block;
  border: 1em solid transparent;
  border-bottom-color: #dfdcde;
  position: absolute;
  top: -.75em;
  right: 0;
  margin: -1em 2em 0 0;
}
.payment-main .woocommerce-form-coupon {
  border: none !important;
  background: #f1f1f1;
  padding: 15px !important;
  border-radius: 7px !important;
}
.payment-main .woocommerce-form-coupon button {
  background-color: #ff394f;
  color: #fff;
  box-shadow: 0 2px 12px rgba(255, 57, 79, 0.45);
}
.woocommerce .woocommerce-message,
.woocommerce-notice,
.return-to-shop .wc-backward {
  background: #5a52bb;
  color: #fff !important;
  list-style: none outside;
  width: auto;
  line-height: 40px !important;
  border: none !important;
  margin-bottom: 15px !important;
}
.return-to-shop .wc-backward {
  display: inline-block !important;
  padding: 6px 15px !important;
  background-color: #f9ce2e !important;
}
.payment-main .woocommerce-order-overview {
  border: none;
  background: #f1f1f1;
  color: #333;
  font-size: 15px;
  line-height: 31px;
  padding: 15px;
  border-radius: 7px;
  margin-bottom: 25px;
}
.payment-main .woocommerce-order h2 {
  font-size: 23px;
  color: #333;
  margin: 40px 0 12px 0;
}
.payment-main .download-product a,
.order_item a {
  color: #337ab7;
}
.download-file a {
  background-color: #ff404f;
  display: block;
  padding: 7px 0;
  text-align: center;
  color: #fff !important;
  border-radius: 4px;
}
.order-again a {
  background-color: #06bffa;
  color: #fff !important;
  padding: 8px 14px;
  border-radius: 4px;
  margin-bottom: 25px !important;
  display: inline-block;
}
.payment-main .woocommerce-customer-details address {
  border: none;
  background: #f1f1f1;
  color: #333;
  font-size: 15px;
  line-height: 31px;
  padding: 15px;
  border-radius: 7px;
  margin-bottom: 25px;
  font-style: normal;
}
.wc-forward,
.restore-item {
  color: #fff;
}
.woocommerce-remove-coupon {
  color: #ff394f;
}
.woocommerce-MyAccount-navigation {
  text-align: center;
  margin-bottom: 25px;
}
.woocommerce-MyAccount-navigation ul li {
  display: inline-block;
}
.woocommerce-MyAccount-navigation ul li a {
  background-color: #7c5cff;
  color: #fff;
  font-size: 15px;
  display: block;
  padding: 9px 15px;
  border-radius: 4px;
  transition: opacity .3s;
  margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li a:hover {
  opacity: .5;
}
.woocommerce-MyAccount-content {
  border: 1px solid #edeff1;
  border-radius: 10px;
  padding: 10px;
  background-color: #fafafa;
  margin-bottom: 25px;
  line-height: 29px;
  font-size: 15px;
}
.woocommerce-MyAccount-content a {
  color: #7c5cff;
}
.woocommerce-MyAccount-content h2 {
  margin: 18px 0;
}
.woocommerce-Address {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
#customer_login .u-column1 {
  flex: 0 0 48%;
  max-width: 48%;
  float: right;
  margin: 0 1%;
}
#customer_login .u-column2 {
  border-radius: 10px;
  flex: 0 0 48%;
  max-width: 48%;
  float: right;
  background-color: #ebeef0;
  margin: 0 1%;
  padding: 0;
  margin-bottom: 30px;
}
#customer_login .u-column1 h2 {
  text-align: center;
  background-color: #eceff1;
  color: #333;
  border-radius: 10px 10px 0 0;
  padding: 10px 0;
}
#customer_login .u-column2 h2 {
  text-align: center;
  background-color: #8fb93d;
  color: #fff;
  border-radius: 10px 10px 0 0;
  padding: 10px 0;
}
#customer_login .register {
  padding: 10px 15px;
  margin: 2em 10px;
}
#customer_login .login {
  padding: 10px 15px;
  border: 1px solid #eceff1;
  margin-bottom: 30px;
}
#customer_login #rememberme {
  width: 5%;
  float: right;
  margin: 10px 0 0 5px;
}
.woocommerce-LostPassword {
  display: none;
}
.dig_popmessage,
.woocommerce-MyAccount-content {
  font-family: devix, serif !important;
}
#wpast-filter .wpast-btn-secondary {
  width: 12% !important;
  text-align: center !important;
}
.woocommerce-verification-required {
  text-align: center;
  background-color: #fec907;
  padding: 15px 5px;
  color: #313131;
  border-radius: 5px;
}

/* =====================================================
   404
===================================================== */
.article-i {
  text-align: center;
  width: 100%;
  margin-top: 30px;
}
.article-i .note-o {
  margin-bottom: 21px;
}
.article-i .note-li {
  background-color: #5a52bb;
  color: #fff;
  border-radius: 14px;
  padding: 6px 15px;
  display: inline-block;
  margin-bottom: 16px;
}

/* =====================================================
   BLOG SINGLE
===================================================== */
.location-user {
  margin: 9px 0 21px 0;
  color: #5a52bb;
  font-size: 12px;
  line-height: 27px;
  background-color: #fff;
  border-radius: 5px;
  padding: 12px 7px;
}
.location-user a {
  color: #65657d;
  font-size: 13px;
  padding: 0 2px;
  transition: color .5s;
}
.location-user a:hover {
  color: #8fb93d;
}
.location-user a:nth-child(1) {
  padding-right: 0;
}
.single-article {
  position: relative;
}
.single-article .sto {
  background-color: red;
  color: #fff;
  border-radius: 14px;
  padding: 6px 15px;
  position: absolute;
  right: 7px;
  top: 7px;
  z-index: 9;
}
.s-box-one {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid rgb(204 204 204 / 67%);
  border-radius: 10px;
}
.title-single-box {
  padding: 15px;
  border-radius: 5px;
  min-height: 500px;
}
.heading-single {
  color: #212121;
  font-weight: 500;
  font-size: 21px;
  border-bottom: 1px solid #6761bc;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
}
.box-shear {
  margin-bottom: 15px;
}
.box-shear span {
  color: #6761bc;
  font-size: 15px;
  float: right;
}
.box-shear a {
  float: left;
  font-size: 21px;
  margin-right: 8px;
}
.box-shear a svg {
  width: 20px;
}
.box-shear a .fa-facebook,
.box-shear a .fa-twitter,
.box-shear a .fa-linkedin-in,
.box-shear a .fa-telegram {
  fill: #866EFF;
}
.lern-img img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
#matn-single p {
  line-height: 32px;
  color: #555;
  margin: 12px 0;
  font-size: 15px;
}
#matn-single ul li a,
#matn-single ul li,
#matn-single ul,
#matn-single ol li a,
#matn-single ol li,
#matn-single ol {
  font-size: 14px;
  line-height: 32px;
  color: #555;
}
#matn-single audio {
  width: 100%;
  margin: 10px 0;
}
#matn-single video {
  width: 100%;
  border-radius: 10px;
  margin: 10px 0;
}
#matn-single button,
#matn-single input[type=submit] {
  background: linear-gradient(to right, #5372ef, #4a64d4);
  color: #fff;
  padding: 9px 22px;
  border-radius: 4px;
  box-shadow: 0 12px 10px -10px #99adff;
  transition: all 0.5s;
  font-size: 14px;
  margin: 12px 0;
  cursor: pointer;
  text-align: center;
  border: none;
}
#matn-single input[type=text],
#matn-single textarea {
  border: 2px solid #ccc;
  background-color: white;
  padding: 10px;
  border-radius: 5px;
  margin: 10px 0 15px 0;
  text-align: right;
}
#matn-single a,
#matn-single p a,
#matn-single p h2 a {
  transition: all 0.5s ease;
  font-size: 14px;
  font-weight: bold;
  color: #6761bc;
}
#matn-single a:hover,
#matn-single p a:hover,
#matn-single p h2 a:hover {
  color: #757369;
}
#matn-single hr {
  border: none;
  height: 2px;
  background-color: #eaf3fe;
}
#matn-single img {
  max-width: 100%;
  display: block;
  margin: 20px auto;
  height: auto;
  border-radius: 4px;
}
#matn-single h1 a { font-size: 1.5em; }
#matn-single h2 a { font-size: 1.5em; }
#matn-single h3 a { font-size: 1.17em; }
#matn-single h4 a { font-size: 16px; }
#matn-single h5 a { font-size: 0.83em; }
#matn-single h6 a { font-size: 0.67em; }

/* =====================================================
   RESPONSIVE — TABLET (≤1024px)
===================================================== */
@media (max-width: 1024px) {
  .img1-first-page {
    right: 60px;
  }
  .img3-first-page {
    left: 20px;
  }
  .info-box-first-page::after {
    right: 0;
  }
  .pink1 {
    right: 0;
  }
  .pink5 {
    left: 50px;
  }
}

/* =====================================================
   RESPONSIVE — ≤991px
===================================================== */
@media (max-width: 991px) {
  .class {
    flex-wrap: wrap;
  }
  .clas {
    flex: 1 1 calc(50% - 12px);
  }
  .slider-bottom::after{
    display: none;
  }
}

/* =====================================================
   RESPONSIVE — ≤768px (MOBILE)
===================================================== */
@media (max-width: 768px) {
  .intruduse-txt{
    font-size: 16px;
  }
  .intruduse-txt ul li{
    font-size: 16px;
  }
  .intruduse-txt p{
    font-size: 16px;
  }
  .blog-boxs .blog-box{
    margin: 20px 0;
  }
  .blogs{
    display: flex;
    flex-direction: column;
    gap:16px;
  }
  .slider-contact{
    bottom: 4px !important;
  }
  /* first page */
  .honors-slider{
    margin: 0;
  }
 .comment-symbol{
    width: 20px !important;
  }
  .main-banner-swiper .swiper-slide img{
    height: 300px;
  }
  .f-links{
    flex-direction: column;
  }
  .mad6::after{
    display: none !important;
  }
  .eftekhar::before{
    display: none;
  }
  .eftekhar::before{
    bottom: 20px;
  }
  .manage-bf::before{
    top: 0;
  }
  .manage-bf::after{
    bottom: 0;
  }
  .first-menu{
    padding: 0;
  }
  .bg{
    padding: 0;
  }
  .all-first-page {
    display: flex;
    flex-direction: column;
    gap: 50px;
  }
  .pink-logo-box {
    width: 150px;
  }
  .pink-top-line {
    margin-top: -60px;
    z-index: 10;
    height: auto;
  }
  .top-line-first-page {
    margin-top: -60px;
    z-index: 10;
    height: auto;
  }
  .img3-first-page {
    top: 130px;
    left: 150px !important;
    width: 40px;
    height: 40px;
  }
  .info-box-first-page::after {
    top: 130px;
    width: 80px;
    height: 80px;
    right: 0;
  }
  .pink5 {
    width: 30px;
    height: 30px;
    left: 120px;
    top: 130px;
  }
  .pink2 {
    width: 30px;
    height: 60px;
    top: 120px;
  }
  .info-box-first-page {
    margin-bottom: 32px;
  }
  .content-box-first-page p {
    font-size: 12px;
  }
  .pink-content-box p {
    font-size: 12px;
  }
  .pink1 {
    right: 50px;
  }
  .pink4 {
    left: 0;
  }
  .pink6 {
    top: 100px;
  }
  .img3-first-page {
    left: 0;
  }

  /* header */
  .connect-txt {
    display: none;
  }
  .phone-btn {
    padding: 12px;
    font-size: 12px;
  }

  /* classes */
  .clas {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .clas h2 {
    font-size: 16px;
  }
  .clas span {
    font-size: 14px;
    line-height: 1.75;
  }

  /* introduction */
  .mad2{
    width: 100%;
  }
  .class-intruduse {
    display: flex;
    flex-direction: column;
    z-index: 2;
  }
  .intruduse-txt {
    width: 100%;
    text-align: justify;
  }
  .intruduse-txt p {
    line-height: 1.7;
  }
  .class-intruduse img {
    height: 500px;
    object-fit: cover;
    width: 100%;
    border-radius: 16px;
  }

  /* videos */
  .video-box {
    height: auto;
    min-height: 260px;
  }
  .slider-top {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }
  .swiper-container {
    height: 100%;
  }
  .video-introduse-txt h2 {
    font-size: 16px;
  }
  .video-box h3 {
    font-size: 14px;
  }
  .video-box span {
    font-size: 14px;
  }
  .video-box video {
    height: 200px;
  }
  .video-box-c {
    padding: 16px;
  }

  /* comments */
  .comment-boxs-container h2 {
    font-size: 16px;
  }
  .comment-symbol {
    width: 50px !important;
    height: 50px !important;
  }
  .comment-photos {
    gap: 16px;
  }
  .comment-photos img {

    object-fit: cover;
    border-radius: 16px;
  }
  .comment-box {
    gap: 12px;
  }
  .comment-txt {
    gap: 8px;
  }
  .comment-txt p {
    font-size: 14px;
    line-height: 1.5;
  }

  /* blog */
  .blog-boxs h2 {
    font-size: 16px;
  }
  .blog-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .blog-txt h3 {
    font-size: 14px;
  }
  .blog-txt p {
    -webkit-line-clamp: 3;
    font-size: 12px;
  }
  .blog-txt span {
    font-size: 14px;
    padding: 4px 12px;
  }

  /* footer */
  .footer-symbols a img {
    width: 60px;
    height: 60px;
  }
  .footer-links {
    display: flex;
    flex-direction: column;
    width: fit-content;
    align-items: flex-start;
  }
  .footer-links h3 {
    font-size: 16px;
    padding: 4px 12px;
  }
  .footer {
    display: flex;
    justify-content: space-between;
    gap: 8px !important;
    align-items: center;
    flex-direction: column;
  }
  .footer-op {
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }
  .footer-op svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }
  .f-links {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
  }
  .footer-op a {
    display: flex;
    gap: 8px;
    text-align: justify;
  }

  /* manager */
  .manager-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .manager-img img {
    width: 100%;
  }
  .manage-aft::before {
    left: 12px;
    z-index: 5;
  }

  /* hide decorative elements that cause horizontal scroll */
  .notestar::before,
  .notestar::after,
  .milkan2::before,
  .milkan-music::after,
  .commentbook::after,
  .blogelement::after,
  .slider-bottom::after,
  .slider-bottom::before,
  .video-box-c::after {
    display: none;
  }
  .mad2::before {
    left: 0;
  }
  .video-box-c::before {
    right: 0;
  }
  .class-intruduse::before {
    left: 0;
    z-index: -1;
  }
  .slider-top::before {
    left: -10px;
  }
  .mad6::after {
    left: 0;
  }
  .eftekhar::before {
    left: 0;
  }
  .blog-boxs::after {
    left: 0;
  }
  .class::before {
    right: 10px;
  }
  .class::after {
    left: 20px;
  }

  /* main slider */
  .main-slider .main-banner-swiper,
  .main-slider .main-banner-swiper .swiper-wrapper,
  .main-slider .main-banner-swiper .swiper-slide,
  .main-slider .main-banner-swiper .slider1_banner {
    min-height: 300px;
  }
  .main-slider .main-banner-swiper .slider1_banner img {
    min-height: 300px;
  }
  .slider-contact {
    width: auto;
    max-width: 78%;
    bottom: 14px;
  }
  .slider-contact .phone-btn {
    width: auto;
    padding: 8px 16px;
    font-size: 11.5px;
    line-height: 1.5;
    border-radius: 11px;
  }
  .class.margin {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .clas {
    padding-top: 9px;
    padding-bottom: 9px;
    min-height: 92px;
    gap: 5px;
  }

  /* page 3 */
  .title {
    font-size: 26px;
  }
  .logo img {
    width: 100px;
  }
  .container {
    padding: 15px;
  }
  .rules-box {
    max-width: 100%;
  }

  /* form responsive */
  .complete-profile-form-box #gform_fields_1 {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .complete-profile-form-box #gform_fields_1 .gfield,
  .complete-profile-form-box #gform_fields_1 .gfield--type-html,
  .complete-profile-form-box #gform_fields_1 .gfield--type-section,
  .complete-profile-form-box #gform_fields_1 .gsection,
  .complete-profile-form-box #gform_fields_1 .gfield--type-name,
  .complete-profile-form-box #gform_fields_1 .gfield--type-textarea {
    grid-column: 1 / -1 !important;
  }
  .complete-profile-form-box #gform_fields_1 .ginput_complex.ginput_container_name {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* payment responsive */
  #customer_login .u-column1,
  #customer_login .u-column2 {
    flex: 0 0 98%;
    max-width: 98%;
  }
  .payment-main {
    width: 100%;
  }
  .woocommerce table.shop_table_responsive thead,
  .woocommerce-page table.shop_table_responsive thead,
  .product-remove:before,
  .actions:before {
    display: none;
  }
  .woocommerce #content table.cart .product-thumbnail,
  .woocommerce table.cart .product-thumbnail,
  .woocommerce-page #content table.cart .product-thumbnail,
  .woocommerce-page table.cart .product-thumbnail {
    display: none;
  }
  .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,
  .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
    border-top: 0;
  }
  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: right;
    margin-left: 5px;
  }
  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td {
    display: block;
    text-align: left !important;
  }
  .woocommerce table.shop_table .product-quantity {
    width: 100%;
  }
  .woocommerce .quantity .qty {
    width: 21%;
    margin: 0;
  }
  .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
  .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: rgba(0, 0, 0, .025);
  }
  .woocommerce #content table.cart td.actions .coupon .button,
  .woocommerce #content table.cart td.actions .coupon .input-text,
  .woocommerce #content table.cart td.actions .coupon input,
  .woocommerce table.cart td.actions .coupon .button,
  .woocommerce table.cart td.actions .coupon .input-text,
  .woocommerce table.cart td.actions .coupon input,
  .woocommerce-page #content table.cart td.actions .coupon .button,
  .woocommerce-page #content table.cart td.actions .coupon .input-text,
  .woocommerce-page #content table.cart td.actions .coupon input,
  .woocommerce-page table.cart td.actions .coupon .button,
  .woocommerce-page table.cart td.actions .coupon .input-text,
  .woocommerce-page table.cart td.actions .coupon input {
    width: 49%;
    box-sizing: border-box;
  }
  .woocommerce #content table.cart td.actions .coupon,
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page #content table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    float: none;
    padding-bottom: .5em;
  }
  .woocommerce #content table.cart td.actions .button,
  .woocommerce table.cart td.actions .button,
  .woocommerce-page #content table.cart td.actions .button,
  .woocommerce-page table.cart td.actions .button {
    display: block;
    width: 100%;
  }
  .payment-main .cart_totals {
    width: 100%;
  }
  .woocommerce table.shop_table_responsive tr,
  .woocommerce-page table.shop_table_responsive tr {
    display: block;
  }
  .woocommerce table.shop_table_responsive tbody th,
  .woocommerce-page table.shop_table_responsive tbody th {
    display: none;
  }
  .download-file a {
    display: inline-block;
    padding: 7px 12px;
  }
  .payment-title h1 {
    font-size: 30px;
  }

  /* FIX: manage-bf overflow fix */
  .manage-bf::before {
    max-width: 100%;
    overflow: hidden;
  }
}

/* =====================================================
   RESPONSIVE — ≤576px
===================================================== */
@media (max-width: 576px) {
  .class {
    flex-direction: column;
  }
  .clas {
    width: 100%;
    flex: none;
    min-height: auto;
  }
	.blog-boxs{
		display:flex;
		flex-direction:column;
		gap:24px !important;
	}
}

/* =====================================================
   RESPONSIVE — ≤425px (SMALL MOBILE)
===================================================== */
@media (max-width: 425px) {
  .commentbook::before{
    display: none;
  }
  .intruduse-txt{
    font-size: 14px;
  }
  .intruduse-txt p{
    font-size: 14px;
  }
  .intruduse-txt ul li{
    font-size: 14px;
  }
  #showPhoneBtn{
    font-size: 12px;
  }
  .sabtenam{
    display: flex;
    flex-direction: column;
  }
  .logo-titlepage h1{
    font-size: 18px;
  }
  .logo-titlepage img{
    width: 150px;
  }
  .b-width ul li{
    font-size: 16px;
  }
  .rules-title{
    font-size: 16px;
  }
  .class-day-box .day-select{
    font-size: 14px;
  }
  .class-day-box .label h3{
    font-size: 16px;
  }
  .title h2{
    font-size: 18px;
  }
  .logo-day img{
    width: 150px;
  }
  .box-pink::after{
    display: none;
  }
  .blog-boxs{
    margin: 0;
  }
  .comment-boxs-container{
    margin: 0;
  }
  .honors-slider h2{
    font-size: 16px;
  }
  .manager-info ul li{
    font-size: 14px;
  }
  .manager-info h2{
    font-size: 16px;
  }
  .manager-info h3{
    font-size: 16px;
    margin-bottom: 0;
  }
  .slider-bottom{
    margin: 0;
  }
  .video-box-c{
    margin: 0;
  }
  .intruduse-txt h2{
    font-size: 16px;
  }
  .intruduse-txt p{
    font-size: 14px;
  }
  .margin{
    margin: 0;
  }
.honors-swiper .swiper-slide .slider1_banner img{
  height: 200px;
}
.slider1{
  padding: 0;
  }
  .mad5 .comment-txt p{
    line-height: 1.5;
  }
  .swiper-slide{
    height: 500px !important;
  }
  .f-links{
    flex-direction: column;
  }
  .milkan-first-page {
    margin-bottom: 32px;
  }
  .img2-first-page {
    width: 50px;
    height: 40px;
  }
  .img3-first-page {
    width: 30px;
    height: 30px;
    left: 50px !important;
  }
  .img1-first-page {

    right: 30px;
    top: 10px;
  }
  .img4-first-page {
    width: 20px;
    height: 40px;
    border-radius: 0;
    right: 0;
  }
  .info-box-first-page::after {
    right: 0;
    top: 120px;
    transform: rotate(0deg); /* FIX */
    width: 80px;
    height: 80px;
  }
  .info-btn-frst-page {
    font-size: 14px;
  }
  .pink6 {
    width: 20px;
    height: 40px;
    top: 150px;
  }
  .pink5 {
    width: 20px;
    height: 20px;
    left: 80px !important;
    top: 140px;
  }
  .pink4 {
    width: 40px;
    height: 40px;
    top: 50px;
  }
  .pink3 {
    width: 20px;
    height: 20px;
    right: 70px;
    top: 140px;
  }
  .pink2 {
    width: 30px;
    height: 60px;
    right: 0;
    top: 100px;
  }
  .pink1 {
    width: 60px;
    height: 70px;
    right: 40px !important;
  }
  .mad1::after{
    display: none;
  }
  .manager-box::before{
    display: none;
  }
  .manage-aft::before{
    display: none;
  }
  .manage-bf::before{
    display: none;
  }
  /* main slider */
  .main-slider .main-banner-swiper,
  .main-slider .main-banner-swiper .swiper-wrapper,
  .main-slider .main-banner-swiper .swiper-slide,
  .main-slider .main-banner-swiper .slider1_banner {
    min-height: 280px;
  }
  .main-slider .main-banner-swiper .slider1_banner img {
    min-height: 280px;
  }

  /* intro text collapse */
  .intruduse-txt p.is-collapsed {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .intruduse-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    margin-top: 10px;
    padding: 7px 14px;
    border: 0;
    border-radius: 10px;
    background: var(--mad-color);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
  }
  .clas span {
    display: none;
  }
  .clas h2 {
    font-size: 14px;
    font-weight: 600;
  }
  .class-intruduse::before {
    display: none;
  }
  .class-intruduse::after {
    display: none;
  }
  .manage-bf::before {
    max-width: 100%;
    overflow: hidden;
  }
  .manage-bf::after{
    display: none;
  }
}

/* =====================================================
   RESPONSIVE — ≤375px (VERY SMALL MOBILE)
===================================================== */
@media (max-width: 375px) {
  .clas h2{
    font-size: 12px !important;
  }
  .margin {
    margin: 24px 0;
  }
  .margin-bottom {
    margin-bottom: 24px;
  }
  h2 {
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
  }
  .eftekhar::before{
    display: none;
  }
  .mad1::after{
    display: none;
  }
  /* header */
  .bg{
    padding: 0;
  }
  .first-menu{
    padding: 0;
  }
  .container{
    padding: 10px;
  }
  .top-head {
    gap: 8px;
  }
  .top-head > img {
    width: 54px;
    height: 54px;
    object-fit: contain;
    flex-shrink: 0;
  }
  .top-head form {
    flex: 1;
    min-width: 0;
    padding: 6px 8px;
    border-radius: 10px;
  }
  .top-head form input {
    width: 100%;
    min-width: 0;
    font-size: 12px;
  }
  .top-head form svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }
  .connection {
    gap: 6px;
    flex-shrink: 0;
  }
  .connect-txt {
    display: none;
  }
  .phone-btn {
    padding: 10px 12px;
    font-size: 12px;
    border-radius: 10px;
  }
  .phone-btn svg {
    width: 18px;
    height: 18px;
  }
  .menu-top ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .menu-top ul > li > a {
    font-size: 13px;
    padding: 8px 9px;
    margin: 0 2px;
  }

  /* slider */
  .slider1 {
    padding: 10px 0;
    gap: 10px;
    overflow: visible;
  }
  .slider1 > .swiper-container {
    height: auto;
    overflow: hidden;
    border-radius: 14px;
  }
  .slider1_banner {
    width: 100%;
  }
  .slider1_banner img {
    height: 180px;
    border-radius: 14px;
    object-fit: cover;
  }
  .slider1 .swiper-slide {
    height: auto;
    gap: 0;
  }
  .swiper-slide {
    gap: 0;
  }
  .swiper-pagination {
    margin: 8px 0 0;
    justify-content: center;
  }
  .slider-contact {
    width: 88%;
    bottom: 12px;
    max-width: 68%;
  }
  .slider-contact .phone-btn {
    width: 100%;
    padding: 6px 11px;
    font-size: 10px;
    line-height: 1.45;
    border-radius: 9px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
  }
  .phone-number {
    font-size: 11px;
    padding: 6px 8px;
    border-radius: 9px;
    flex-wrap: wrap;
  }

  /* main slider */
  .main-slider .main-banner-swiper,
  .main-slider .main-banner-swiper .swiper-wrapper,
  .main-slider .main-banner-swiper .swiper-slide,
  .main-slider .main-banner-swiper .slider1_banner {
    min-height: 260px;
  }
  .main-slider .main-banner-swiper .slider1_banner img {
    min-height: 260px;
  }
  .clas {
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 82px;
  }

  /* class boxes */
  .class {
    flex-direction: column;
    gap: 14px;
    position: relative;
  }
  .class::before {
    top: -24px;
    right: 0;
    width: 34px;
    height: 36px;
    background-size: contain;
  }
  .class::after {
    top: auto;
    bottom: -18px;
    left: 8px;
    width: 24px;
    height: 24px;
    background-size: contain;
  }
  .clas {
    width: 100%;
    padding: 14px;
    gap: 8px;
    min-height: auto;
    border-radius: 8px 28px 8px 28px;
    text-align: center;
  }
  .clas h2 {
    font-size: 15px;
  }
  .clas span {
    font-size: 12px;
    line-height: 1.8;
  }

  /* introduction */
  .video-box-c {
    padding: 12px;
    border-radius: 14px;
    overflow: hidden;
  }
  .video-box-c::before {
    width: 38px;
    height: 52px;
    top: -10px;
    right: 4px;
    background-size: contain;
  }
  .video-box-c::after {
    display: none;
  }
  .class-intruduse {
    flex-direction: column;
    gap: 16px;
  }
  .class-intruduse::before,
  .class-intruduse::after {
    display: none;
  }
  .intruduse-txt {
    width: 100%;
    text-align: justify;
  }
  .intruduse-txt h2 {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .intruduse-txt p {
    font-size: 13px;
    line-height: 2;
  }
  .class-intruduse img {
    height: 220px;
    width: 100%;
    object-fit: cover;
    border-radius: 14px;
  }

  /* videos */
  .slider-2 {
    padding: 12px;
    gap: 14px;
    max-height: none;
    border-radius: 14px;
  }
  .slider-top {
    margin: 0;
    padding: 12px;
  }
  .slider-top::before {
    display: none;
  }
  .slider-bottom {
    padding: 12px 0;
  }
  .slider-bottom::before,
  .slider-bottom::after {
    display: none;
  }
  .video-introduse-txt {
    gap: 10px;
    align-items: flex-start;
  }
  .video-introduse-txt h2 {
    font-size: 14px;
    line-height: 1.9;
    text-align: right;
    flex: 1;
  }
  .chevs {
    gap: 12px;
    margin-right: 0;
    flex-shrink: 0;
  }
  .chevs svg {
    width: 22px;
    height: 22px;
  }
  .swiper-container,
  .slider1 .swiper-container {
    height: auto;
    border-radius: 24px;
  }
  .borderr {
    border-top: 1px solid #ccc !important;
    display: flex;
    padding: 4px;
  }
  .video-box {
    min-height: 245px;
    padding: 12px;
    gap: 10px !important;
  }
  .video-box video {
    height: 170px;
    border-radius: 12px;
  }
  .video-box h3 {
    font-size: 13px;
    line-height: 1.7;
  }
  .video-box span {
    font-size: 12px;
  }
  .play-btn {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }

  /* manager */
  .manage-bf::before,
  .manage-bf::after,
  .manage-aft::before {
    display: none;
  }
  .manager-box {
    flex-direction: column;
    padding: 14px;
    gap: 16px !important;
    border-radius: 16px;
    margin: 36px 0;
    overflow: hidden;
  }
  .manager-box::before {
    display: none;
  }
  .manager-img img {
    max-width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 16px;
  }
  .manager-info {
    width: 100%;
    gap: 10px;
  }
  .manager-info h2 {
    font-size: 17px;
    line-height: 1.8;
  }
  .manager-info h3 {
    font-size: 16px;
  }
  .manager-info ul {
    padding-right: 0;
  }
  .manager-info ul li {
    font-size: 12.5px;
    line-height: 2;
    display: flex;
    gap: 6px;
    align-items: flex-start;
  }
  .manager-info li svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-top: 4px;
  }

  /* honors */
  .eftekhar::before {
    width: 55px;
    height: 55px;
    left: 0;
    top: -20px;
    background-size: contain;
    z-index: 1;
  }
  .slider1.margin h2 {
    font-size: 16px;
    text-align: center;
    line-height: 1.8;
  }

  /* comments */
  .comment-boxs {
    flex-direction: column;
    gap: 28px;
  }
  .comment-boxs-container {
    gap: 8px;
  }
  .comment-boxs-container::after {
    display: none;
  }
  .comment-box-purple,
  .comment-box-green {
    padding: 20px 16px;
    gap: 18px;
    border-radius: 24px;
  }
  .comment-box-purple {
    box-shadow: 10px -10px #dedfff;
  }
  .comment-box-green {
    box-shadow: 10px -10px #bbeae8;
  }
  .comment-photos {
    gap: 10px;
    align-items: center;
  }
  .comment-symbol {
    width: 50px !important;
    height: 50px !important;
  }
  .comment-photos img {
    object-fit: cover;
  }
  .comment-txt h3 {
    font-size: 15px;
  }
  .comment-txt p {
    font-size: 12.5px;
    line-height: 1.9;
    text-align: justify;
  }

  /* blog */
  .blogs {
    flex-direction: column !important;
    gap: 24px;
    margin: 28px 0;
  }
  .blog-boxs::after {
    display: none;
  }
  .blog-boxs .blog-box {
    flex-direction: column;
    box-shadow: 10px -10px var(--mad-color);
    border-radius: 16px;
    overflow: hidden;
  }
  .blog-box img {
    width: 100% !important;
    height: 170px;
    object-fit: cover;
    border-radius: 16px 16px 0 0;
  }
  .blog-txt {
    padding: 14px;
    gap: 8px;
  }
  .blog-txt h3 {
    font-size: 15px;
  }
  .blog-txt p {
    font-size: 12.5px;
    line-height: 1.8;
    -webkit-line-clamp: 4;
  }
  .blog-txt span {
    font-size: 12px;
    padding: 8px 12px;
    margin-top: 8px;
  }

  /* footer */
  .footer {
    padding: 24px 12px;
    gap: 20px !important;
    align-items: stretch;
  }
  .f-links {
    flex-direction: column;
    gap: 20px;
    width: 100%;
    align-items: center;
  }
  .footer-logo img {
    width: 110px;
  }
  .footer-links {
    width: 100%;
    min-width: 0;
  }
  .footer-links h3 {
    font-size: 15px;
    margin-bottom: 12px;
    padding-bottom: 6px;
  }
  .footer-links li,
  .footer-links a {
    font-size: 12.5px;
    line-height: 1.8;
  }
  .footer-op {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .footer-op a {
    flex-wrap: wrap;
  }
  .footer-symbols {
    justify-content: center;
    width: 100%;
  }
  .footer-symbols img {
    width: 58px;
    height: 58px;
    padding: 6px;
  }
  .swiper-top .swiper-slide,
  .swiper-bottom .swiper-slide {
    width: 100% !important;
  }
  .swiper-top .video-box,
  .swiper-bottom .video-box {
    width: 100%;
  }
  .video-box {
    min-height: 240px;
  }
  .video-box video {
    height: 170px;
  }

  /* hide more decorative elements */
  .mad6::after,
  .mad1::before,
  .commentbook::before,
  .box-pink::after {
    display: none;
  }

  /* page 3 */
  .title {
    font-size: 22px;
  }
  .box-pink,
  .box-light,
  .box-inner {
    padding: 15px;
  }
  .day-select {
    font-size: 14px;
    width: 100%;
  }
  .rules-content {
    max-height: 120px;
  }
  .class-day-box {
    width: 100%;
  }
  .box-inner {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .logo-day::before {
    left: -50px;
  }
  .logo-day::after {
    left: -60px;
  }
}
.copy span{
  font-size: 12px;
}
.clas-rows::before{
  display: none;
}

/* =====================================================
   RESPONSIVE — DESKTOP (≥992px) OVERRIDES
===================================================== */
@media (min-width: 992px) {
  .manager-content {
    margin-top: 30px;
    text-align: center;
  }
  .manager-list li {
    text-align: right;
  }
  .manager-image {
    text-align: center;
  }
}
/*test honer*/
/* Fix Honors Slider Banner */
.honors-slider {
  height: auto !important;
}

.honors-swiper {
  height: auto !important;
  overflow: hidden;
}

.honors-swiper .swiper-wrapper {
  height: auto !important;
  align-items: stretch;
}

.honors-swiper .swiper-slide {
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.honors-swiper .slider1_banner {
  width: 100%;
  height: auto !important;
  overflow: hidden;
  display: block;
  border-radius: 24px;
}

.honors-swiper .slider1_banner img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
  display: block;
}
/* =====================================================
   MAIN BANNER FINAL FIX
   عکس کامل نمایش داده شود، بدون بریدگی
===================================================== */

.main-slider .main-banner-swiper,
.main-banner-swiper {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  border-radius: 18px;
}

.main-slider .main-banner-swiper .swiper-wrapper,
.main-banner-swiper .swiper-wrapper {
  height: auto !important;
  min-height: 0 !important;
  align-items: flex-start !important;
}

.main-slider .main-banner-swiper .swiper-slide,
.main-banner-swiper .swiper-slide {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: block !important;
}

.main-slider .main-banner-swiper .swiper-slide a,
.main-banner-swiper .swiper-slide a {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  line-height: 0 !important;
}

.main-slider .main-banner-swiper .swiper-slide img,
.main-banner-swiper .swiper-slide img {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  border-radius: 18px;
}

/* حذف اثر min-height های قبلی مخصوص main-slider */
.main-slider .main-banner-swiper,
.main-slider .main-banner-swiper .swiper-wrapper,
.main-slider .main-banner-swiper .swiper-slide,
.main-slider .main-banner-swiper .slider1_banner {
  min-height: 0 !important;
  height: auto !important;
}

.main-slider .main-banner-swiper .slider1_banner img {
  height: auto !important;
  min-height: 0 !important;
  object-fit: contain !important;
}
.woocommerce-form.woocommerce-form-login{
	display: none;
}
.woocommerce-form-login.login {
    position: relative;
}

h2:has(+ .woocommerce-form-login.login) {
    display: none !important;
}