* {
  box-sizing: border-box;
}
ul,
li,
p {
  margin: 0;
  padding: 0;
  list-style: none;
}
p {
  color: var(--text_clr_secondary);
}
a {
  text-decoration: none;
  cursor: pointer;
}
html {
  scroll-behavior: smooth;
}
img {
  max-width: 100%;
}
/* :is(h1, h2, h3, h4, h5, h6) {
  text-wrap: inherit;
  overflow: hidden;
} */
/* html,
body {
  border: 1px solid red;
} */
body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  margin: 0;
  position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: "Unna", serif; */
  font-family: "Jost", sans-serif;
  margin: 0;
  font-weight: 300;
}
.custom_container {
  width: min(100% - 40px, 1250px); /* // change korache */
  margin-inline: auto;
  position: relative;
}
.padding_sec_top {
  padding-block-start: clamp(20px, 10vw, 90px);
}
.padding_sec_bottom {
  padding-block-end: clamp(20px, 10vw, 90px);
}
.z-1 {
  position: relative;
  z-index: 1;
}
/* new added */

.padding_sec_80 {
  padding-block: clamp(50px, 10vw, 80px);
}

.padding_sec_top_80 {
  padding-block-start: clamp(50px, 10vw, 80px);
}
.padding_sec_bottom_60 {
  padding-block-end: clamp(40px, 10vw, 60px);
}
.padding_sec_bottom_50 {
  padding-block-end: clamp(30px, 10vw, 50px);
}
.pointer-events-all {
  pointer-events: all;
}
.padding_sec_top_50 {
  padding-block-start: clamp(20px, 10vw, 50px);
}

/* max_w_190 */
.max_w_190 {
  max-width: 190px;
}
.font-mona {
  font-family: var(--font-family-mona);
}
.green-text {
  color: var(--clr_primary_03);
}
.purple-bg-text {
  background: var(--clr_primary_02);
  display: inline-flex;
  border-radius: 50px;
}
.bg_purple {
  background: var(--bg_secondary);
}
.bg_purple2 {
  background: var(--bg_secondary_01);
}
.text-white > p {
  color: var(--text_clr_white);
}
details[open] i.ri-add-line {
  rotate: 45deg;
  display: block !important;
}
.ri-subtract-line {
  display: none !important;
}
.body {
  background: url(../images/body_after.png) no-repeat center;
  background-size: cover;
}

/* .section_hd h2,.section_hd h3{
  color: var(--text_clr_primary);
} */

/* width */
::-webkit-scrollbar {
  width: 6px;
  border-radius: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #c9c9c979;
  border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #64646485;
}
:where(figure) {
  margin: 0;
}

.bg_purple3 {
  background: var(--bg_secondary_05);
}
.bg_purple4 {
  background: var(--bg_secondary_06);
}
.bg_purple5 {
  background: var(--bg_secondary_07);
}
.inner_banner_slider {
  overflow: hidden;
}
.bg_green {
  background: var(--bg_primary_01);
}