/*
|----------------------------------------------------------------------
|		Import Files
|----------------------------------------------------------------------
*/
/*
|----------------------------------------------------------------------
|		Variables
|----------------------------------------------------------------------
*/
:root {
  --prime_color: #b74127;
  --prime_color_rgb: 183, 65, 39;
  --black: #050a30;
  --black_rgb: 5, 10, 48;
  --dark: #000;
  --dark_rgb: 0, 0, 0;
  --light: #fff;
  --light_rgb: 255, 255, 255;
  --dim_light: #fafafa;
  --dim_light_rgb: 250, 250, 250;
  --gray: #b3b0aa;
  --gray_rgb: 179, 176, 170;
  --dark_gray: #5a5a5a;
  --dark_gray_rgb: 90, 90, 90;
  --light_gray: #e4e2dd;
  --light_gray_rgb: 228, 226, 221;
  --green: #12b07e;
  --green_rgb: 18, 176, 126;
  --yellow: #ffcb00;
  --yellow_rgb: 255, 203, 0;
  --red: #e71939;
  --red_rgb: 231, 25, 57;
  --blue: #4378ff;
  --blue_rgb: 67, 120, 255;
  --theme: #b74127;
  --theme_rgb: 183, 65, 39;
  --font-OpenSauceSans: "OpenSauceSans", sans-serif;
  --font-halvarBreit: "HalvarBreit-Md", sans-serif;
  --button_input_height: 4.6rem;
  --shadow: rgba(var(--black_rgb), 8%) 0 0 2rem 0;
  --transition: all ease 0.3s;
}

/*
|----------------------------------------------------------------------
|		Mixins
|----------------------------------------------------------------------
*/
@font-face {
  font-family: "OpenSauceSans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/OpenSauceSans-Light.woff2") format("woff");
}
@font-face {
  font-family: "OpenSauceSans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/OpenSauceSans-Regular.woff2") format("woff");
}
@font-face {
  font-family: "OpenSauceSans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/OpenSauceSans-Medium.woff2") format("woff");
}
@font-face {
  font-family: "OpenSauceSans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/OpenSauceSans-SemiBold.woff2") format("woff");
}
@font-face {
  font-family: "OpenSauceSans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/OpenSauceSans-Bold.woff2") format("woff");
}
/*
|----------------------------------------------------------------------
|		Media Queries
|----------------------------------------------------------------------
*/
html {
  min-height: 100%;
  overflow: hidden;
  overflow-y: initial;
}
html.flow {
  overflow: hidden !important;
}
html.flow body {
  overflow: hidden !important;
}

body {
  position: relative;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  background-color: var(--light);
  color: var(--black);
  font-size: 1.4rem;
  font-family: var(--font-OpenSauceSans);
  font-weight: 300;
  margin: 0;
  padding: 0;
  line-height: 1.3;
  word-break: break-word;
  transition: all ease 0.3s;
}
@media (min-width: 768px) {
  body {
    line-height: 1.3;
  }
}
section {
  position: relative;
}

a {
  color: var(--black);
  word-break: break-word;
  text-decoration: none;
  transition: all ease 0.3s;
}
a:hover {
  color: var(--prime_color);
}
a:focus, a:hover {
  outline: none !important;
  text-decoration: none !important;
}

.ease,
button {
  transition: all ease 0.3s;
}

.color {
  color: var(--prime_color);
}

.background {
  background: var(--prime_color);
}

::-moz-selection {
  background: var(--prime_color);
  color: var(--light);
}

::selection {
  background: var(--prime_color);
  color: var(--light);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 300;
  font-family: var(--font-OpenSauceSans);
  line-height: 1.1;
  margin: 0 0 1rem;
}
h1.require::after,
.h1.require::after,
h2.require::after,
.h2.require::after,
h3.require::after,
.h3.require::after,
h4.require::after,
.h4.require::after,
h5.require::after,
.h5.require::after,
h6.require::after,
.h6.require::after {
  content: "*";
  color: var(--red);
}
h1 > a,
.h1 > a,
h2 > a,
.h2 > a,
h3 > a,
.h3 > a,
h4 > a,
.h4 > a,
h5 > a,
.h5 > a,
h6 > a,
.h6 > a {
  color: inherit;
}
h1 > strong,
.h1 > strong,
h2 > strong,
.h2 > strong,
h3 > strong,
.h3 > strong,
h4 > strong,
.h4 > strong,
h5 > strong,
.h5 > strong,
h6 > strong,
.h6 > strong {
  color: var(--prime_color);
  font-weight: inherit;
}

h1,
.h1 {
  font-size: 3.2rem;
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 4.6rem;
  }
}

h2,
.h2 {
  font-size: 2.6rem;
}
@media (min-width: 768px) {
  h2,
  .h2 {
    font-size: 3rem;
  }
}

h3,
.h3 {
  font-size: 2rem;
}
@media (min-width: 768px) {
  h3,
  .h3 {
    font-size: 2.6rem;
  }
}

h4,
.h4 {
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  h4,
  .h4 {
    font-size: 2.2rem;
  }
}

h5,
.h5 {
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  h5,
  .h5 {
    font-size: 1.8rem;
  }
}

h6,
.h6 {
  font-size: 1.4rem;
}

.fw_100 {
  font-weight: 100 !important;
}
.fw_200 {
  font-weight: 200 !important;
}
.fw_300 {
  font-weight: 300 !important;
}
.fw_400 {
  font-weight: 400 !important;
}
.fw_500 {
  font-weight: 500 !important;
}
.fw_600 {
  font-weight: 600 !important;
}
.fw_700 {
  font-weight: 700 !important;
}
.fw_800 {
  font-weight: 800 !important;
}

p {
  margin: 0 0 1rem;
}
p > a {
  display: inline;
  color: var(--prime_color);
}
p > a:hover {
  color: #2115dc;
}
p:nth-last-child(1) {
  margin: 0;
}

.table_dv {
  display: table;
  display: block;
  width: 100%;
  height: 100%;
}
.table_dv .table_cell {
  display: table-cell;
  vertical-align: middle;
}

.toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  position: absolute;
  z-index: 4;
  inset: 0 2rem 0 auto;
  width: 2.4rem;
  height: 1.6rem;
  background: transparent;
  padding: 0;
  margin: auto;
  border: 0;
  cursor: pointer;
  transition: all ease 0.3s;
}
@media (min-width: 992px) {
  .toggle {
    display: none;
  }
}
.toggle::before, .toggle::after,
.toggle > span {
  position: absolute;
  width: inherit;
  height: 0.2rem;
  background: var(--light);
  transition: all ease 0.3s;
}
.toggle::before {
  content: "";
  top: 0;
}
.active.toggle::before {
  top: 50%;
  margin-top: -0.1rem;
  transform: rotate(45deg);
}

.toggle::after {
  content: "";
  bottom: 0;
}
.active.toggle::after {
  bottom: 50%;
  margin-bottom: -0.1rem;
  transform: rotate(135deg);
}

.active.toggle > span {
  opacity: 0;
}

/*
|----------------------------------------------------------------------
|		Body Inner Css
|----------------------------------------------------------------------
*/
img {
  width: 100%;
  height: auto;
  display: block;
}

b,
strong {
  font-weight: 700;
}

input, .checkbox,
button,
select,
textarea {
  text-decoration: none !important;
  outline: none !important;
}

.contain,
.contain-fluid {
  position: relative;
  max-width: 120rem;
  padding: 0 2rem;
  margin: 0 auto;
  min-height: 0.1rem;
}
.contain:before, .contain:after,
.contain-fluid:before,
.contain-fluid:after {
  content: "";
  display: table;
}
.contain:after, .contain:after,
.contain-fluid:after,
.contain-fluid:after {
  clear: both;
}
.contain.sm,
.contain-fluid.sm {
  max-width: 100rem;
}

.contain-fluid {
  max-width: 1920px !important;
}

.row {
  margin: -1.5rem -1.5rem;
}
.row > [class*=col],
.row > [class^=col] {
  padding: 1.5rem 1.5rem;
}
.row.flex_row > div > * {
  width: 100%;
}
.row.form_row {
  margin: -1rem -1rem;
}
.row.form_row > [class*=col],
.row.form_row > [class^=col] {
  padding: 1rem 1rem;
}

.btn_blk {
  display: flex;
  flex-flow: wrap;
  gap: 0.6rem;
  grid-gap: 0.6rem;
}
@media (min-width: 768px) {
  .btn_blk {
    gap: 1rem;
    grid-gap: 1rem;
  }
}

/*
|----------------------------------------------------------------------
|		Popup
|----------------------------------------------------------------------
*/
.popup {
  position: fixed;
  display: none;
  background: rgba(var(--black_rgb), 0.3);
  padding: 0;
  overflow: auto;
  z-index: 101;
}
.popup > .table_dv {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}
.popup > .table_dv > .table_cell {
  display: block;
  align-self: center;
  width: 100%;
  padding: 3rem 0;
}
.popup ._inner {
  position: relative;
  background: var(--light);
  padding: 2.5rem;
  margin: auto;
  border-radius: 1rem;
}
.popup ._inner > .x_btn + h1, .popup ._inner > .x_btn + h2, .popup ._inner > .x_btn + h3, .popup ._inner > .x_btn + h4, .popup ._inner > .x_btn + h5, .popup ._inner > .x_btn + h6 {
  padding-right: 3rem;
}
.popup .list > li {
  display: flex;
  -webkit-box-orient: vertical;
  margin-bottom: 1rem;
}
.popup .list > li > div:nth-child(1) {
  width: 12rem;
  min-width: 12rem;
  font-weight: 700;
  margin-right: 1rem;
}
.popup .list > li > div:nth-child(2) {
  width: 100%;
  color: var(--dark_gray);
}
.popup hr {
  margin: 2rem 0;
}

/*
|----------------------------------------------------------------------
|		Dropdown
|----------------------------------------------------------------------
*/
.dropdown .dropdown-toggle:after {
  display: none;
}
.dropdown .dropdown-toggle.select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  gap: 1.5rem;
  grid-gap: 1.5rem;
  overflow: hidden;
}
.dropdown .dropdown-toggle.select:after {
  color: inherit;
  margin-left: auto;
}
.dropdown .dropdown-toggle.chevron:after {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300" height="300" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="300" height="300" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  transition: none;
}
.dropdown .dropdown-toggle.chevron.show:after {
  transform: rotateX(180deg);
}
.dropdown .dropdown-menu {
  min-width: 26rem;
  background: var(--light);
  font-size: inherit;
  margin: 0;
  padding: 0.7rem 0;
  border: 0.1rem solid rgba(var(--black_rgb), 0.1);
  border-radius: 0.7rem;
  z-index: 5;
}
.dropdown .dropdown-menu > li {
  display: block;
}
.dropdown .dropdown-menu > li:not(:nth-last-child(1)) {
  border-bottom: 0.1rem solid rgba(var(--black_rgb), 0.1);
}
.dropdown .dropdown-menu > li > * {
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  width: 100%;
  background: transparent;
  color: var(--black);
  text-align: left;
  line-height: 1.2;
  padding: 1.2rem 2rem;
  border: 0;
  transition: all ease 0.3s;
}
.dropdown .dropdown-menu > li > *:hover {
  color: var(--prime_color);
}

/*
|----------------------------------------------------------------------
|		Ico Css
|----------------------------------------------------------------------
*/
.ico {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  text-align: center;
}
.ico a,
.ico img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.ico.round {
  border-radius: 75%;
}
.ico.round a,
.ico.round img {
  border-radius: inherit;
}
.ico.fill img {
  -o-object-fit: cover;
  object-fit: cover;
}

/*
|----------------------------------------------------------------------
|		Scrollbar
|----------------------------------------------------------------------
*/
.scrollbar::-webkit-scrollbar-track {
  background: #f6f9fc;
  border-radius: 5rem;
}
.scrollbar::-webkit-scrollbar {
  width: 0.5rem;
  height: 1rem;
  background-color: #f6f9fc;
  border-radius: 5rem;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: rgba(var(--black_rgb), 0.15);
  border-radius: 5rem;
}

/*
|----------------------------------------------------------------------
|		Slick-Carousel
|----------------------------------------------------------------------
*/
.slick-carousel .slick-slide {
  outline: none !important;
}
.slick-carousel .slick-arrow {
  width: 4rem;
  height: 4rem;
  background: var(--light);
  color: var(--prime_color);
  padding: 1.2rem;
  box-shadow: 0 0.2rem 0.2rem rgba(29, 29, 27, 0.25);
  transition: all ease 0.3s;
}
.slick-carousel .slick-arrow.slick-prev {
  left: -4rem;
}
.slick-carousel .slick-arrow.slick-prev:after {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="28" height="28" viewBox="0 0 28 28"><path d="M25.6,12.5H6.1l7.2-7.2c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0l-9.8,9.8c-0.1,0.1-0.3,0.3-0.3,0.5 c0,0,0,0,0,0C1,13.6,0.9,13.8,0.9,14v0v0c0,0.2,0,0.4,0.1,0.5c0,0,0,0,0,0c0.1,0.2,0.2,0.4,0.3,0.5l9.8,9.8c0.3,0.3,0.7,0.4,1.1,0.4 s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1l-7.2-7.2h19.5c0.8,0,1.5-0.7,1.5-1.5S26.4,12.5,25.6,12.5z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="28" height="28" viewBox="0 0 28 28"><path d="M25.6,12.5H6.1l7.2-7.2c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0l-9.8,9.8c-0.1,0.1-0.3,0.3-0.3,0.5 c0,0,0,0,0,0C1,13.6,0.9,13.8,0.9,14v0v0c0,0.2,0,0.4,0.1,0.5c0,0,0,0,0,0c0.1,0.2,0.2,0.4,0.3,0.5l9.8,9.8c0.3,0.3,0.7,0.4,1.1,0.4 s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1l-7.2-7.2h19.5c0.8,0,1.5-0.7,1.5-1.5S26.4,12.5,25.6,12.5z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.slick-carousel .slick-arrow.slick-next {
  right: -4rem;
}
.slick-carousel .slick-arrow.slick-next:after {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="28" height="28" viewBox="0 0 28 28"><path d="M2.4,15.5h19.5l-7.2,7.2c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.8-9.8c0.1-0.1,0.3-0.3,0.3-0.5 c0,0,0,0,0,0c0.1-0.2,0.1-0.4,0.1-0.5v0v0c0-0.2,0-0.4-0.1-0.5c0,0,0,0,0,0c-0.1-0.2-0.2-0.4-0.3-0.5l-9.8-9.8 c-0.3-0.3-0.7-0.4-1.1-0.4S15,2.8,14.7,3.1c-0.6,0.6-0.6,1.5,0,2.1l7.2,7.2H2.4c-0.8,0-1.5,0.7-1.5,1.5S1.6,15.5,2.4,15.5z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="28" height="28" viewBox="0 0 28 28"><path d="M2.4,15.5h19.5l-7.2,7.2c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.8-9.8c0.1-0.1,0.3-0.3,0.3-0.5 c0,0,0,0,0,0c0.1-0.2,0.1-0.4,0.1-0.5v0v0c0-0.2,0-0.4-0.1-0.5c0,0,0,0,0,0c-0.1-0.2-0.2-0.4-0.3-0.5l-9.8-9.8 c-0.3-0.3-0.7-0.4-1.1-0.4S15,2.8,14.7,3.1c-0.6,0.6-0.6,1.5,0,2.1l7.2,7.2H2.4c-0.8,0-1.5,0.7-1.5,1.5S1.6,15.5,2.4,15.5z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.slick-carousel .slick-arrow.slick-prev:before, .slick-carousel .slick-arrow.slick-next:before {
  display: none;
}
.slick-carousel .slick-arrow.slick-prev:after, .slick-carousel .slick-arrow.slick-next:after {
  content: "";
  width: 100% !important;
  height: 100% !important;
  transition: none;
}
.slick-carousel .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.slick-carousel .slick-arrow:hover {
  background: var(--light);
  color: var(--black);
}
.slick-carousel .slick-dots {
  position: static;
  margin-top: 3rem;
}
.slick-carousel .slick-dots li button {
  width: 3rem;
  height: 0.3rem;
  background: var(--gray);
  border-radius: 5rem;
}
.slick-carousel .slick-dots li.slick-active button {
  background: var(--prime_color);
}

/*_____ fancybox _____*/
[data-fancybox] {
  display: block;
  cursor: pointer;
}

.fancybox__container .fancybox__thumbs .carousel__slide .fancybox__thumb {
  border-radius: 0;
}
.fancybox__container .fancybox__thumbs .carousel__slide .fancybox__thumb:after {
  border: 0.3rem solid var(--prime_color) !important;
  border-radius: 0;
}

/*_____ rating _____*/
.rating {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  gap: 0.5rem;
  grid-gap: 0.5rem;
  direction: rtl;
}
.rating > i {
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M99.9,38.6c-0.2-0.6-0.8-1.1-1.4-1.2l-32.4-4.7L51.6,3.4c-0.3-0.6-0.9-1-1.6-1s-1.3,0.4-1.6,1L33.9,32.7L1.5,37.4 c-0.7,0.1-1.2,0.6-1.4,1.2c-0.2,0.6,0,1.4,0.5,1.8L24,63.3l-5.5,32.3c-0.1,0.7,0.2,1.3,0.7,1.8c0.6,0.4,1.3,0.5,1.9,0.1l29-15.2 l29,15.2c0.3,0.1,0.5,0.2,0.8,0.2c0.4,0,0.7-0.1,1.1-0.3c0.6-0.4,0.8-1.1,0.7-1.8L76,63.3l23.4-22.8C99.9,40,100.1,39.3,99.9,38.6z" /></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M99.9,38.6c-0.2-0.6-0.8-1.1-1.4-1.2l-32.4-4.7L51.6,3.4c-0.3-0.6-0.9-1-1.6-1s-1.3,0.4-1.6,1L33.9,32.7L1.5,37.4 c-0.7,0.1-1.2,0.6-1.4,1.2c-0.2,0.6,0,1.4,0.5,1.8L24,63.3l-5.5,32.3c-0.1,0.7,0.2,1.3,0.7,1.8c0.6,0.4,1.3,0.5,1.9,0.1l29-15.2 l29,15.2c0.3,0.1,0.5,0.2,0.8,0.2c0.4,0,0.7-0.1,1.1-0.3c0.6-0.4,0.8-1.1,0.7-1.8L76,63.3l23.4-22.8C99.9,40,100.1,39.3,99.9,38.6z" /></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
  color: var(--gray);
}
.rating > i.fill {
  color: var(--yellow);
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  margin-top: 4rem;
}
.pagination > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  -webkit-box-orient: vertical;
  gap: 0 0.6rem;
  grid-gap: 0 0.6rem;
  overflow: hidden;
}
.pagination > ul > li > a,
.pagination > ul > li > span,
.pagination > ul > li > button {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  min-width: 3.2rem;
  height: 3.2rem;
  background: transparent;
  color: var(--black);
  font-weight: 500;
  padding: 0 0.5rem;
  border: 0.1rem solid rgba(var(--violet_color_rgb), 0.2);
  border-radius: 0.4rem;
}
.pagination > ul > li > a:hover,
.pagination > ul > li > span:hover,
.pagination > ul > li > button:hover {
  background: rgba(var(--black_rgb), 0.1);
  color: var(--black);
}
.pagination > ul > li > a.prev::before, .pagination > ul > li > a.next::before,
.pagination > ul > li > span.prev::before,
.pagination > ul > li > span.next::before,
.pagination > ul > li > button.prev::before,
.pagination > ul > li > button.next::before {
  content: "";
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  transition: none;
}
.pagination > ul > li > a.prev::before,
.pagination > ul > li > span.prev::before,
.pagination > ul > li > button.prev::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20" height="20" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-467.5097046,271.2515869c0.5028076,0,1.0072327,0.1921692,1.3915405,0.5764771 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-6.4229736,6.4229736l6.4229736,6.4229736 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421s-2.0144653,0.7686462-2.7831116,0l-7.8145752-7.8145447 c-0.7686157-0.7686462-0.7686157-2.0144958,0-2.7831421l7.8145752-7.8145447 C-468.5169678,271.4437561-468.0125427,271.2515869-467.5097046,271.2515869z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20" height="20" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-467.5097046,271.2515869c0.5028076,0,1.0072327,0.1921692,1.3915405,0.5764771 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-6.4229736,6.4229736l6.4229736,6.4229736 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421s-2.0144653,0.7686462-2.7831116,0l-7.8145752-7.8145447 c-0.7686157-0.7686462-0.7686157-2.0144958,0-2.7831421l7.8145752-7.8145447 C-468.5169678,271.4437561-468.0125427,271.2515869-467.5097046,271.2515869z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.pagination > ul > li > a.next::before,
.pagination > ul > li > span.next::before,
.pagination > ul > li > button.next::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20" height="20" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-475.3242798,290.8167725c-0.5028076,0-1.0072327-0.1921387-1.3915405-0.5764771 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421l6.4229736-6.4229736l-6.4229736-6.4229736 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421c0.7686157-0.7686462,2.0144653-0.7686462,2.7831116,0l7.8145447,7.8145447 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-7.8145447,7.8145447 C-474.3170166,290.6246338-474.8214417,290.8167725-475.3242798,290.8167725z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="20" height="20" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-475.3242798,290.8167725c-0.5028076,0-1.0072327-0.1921387-1.3915405-0.5764771 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421l6.4229736-6.4229736l-6.4229736-6.4229736 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421c0.7686157-0.7686462,2.0144653-0.7686462,2.7831116,0l7.8145447,7.8145447 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-7.8145447,7.8145447 C-474.3170166,290.6246338-474.8214417,290.8167725-475.3242798,290.8167725z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.pagination > ul > li > span {
  color: var(--prime_color);
}
.pagination > ul > li.active > a,
.pagination > ul > li.active > span,
.pagination > ul > li.active > button {
  background: var(--light);
  color: var(--burgundy_color);
  border-color: var(--burgundy_color);
}

/*
|----------------------------------------------------------------------
|		Site Button
|----------------------------------------------------------------------
*/
.btn_blk {
  display: flex;
  flex-flow: wrap;
  gap: 0.6rem;
  grid-gap: 0.6rem;
}
@media (min-width: 768px) {
  .btn_blk {
    gap: 1rem;
    grid-gap: 1rem;
  }
}

/*
|----------------------------------------------------------------------
|		Site Button
|----------------------------------------------------------------------
*/
.site_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  gap: 1rem;
  grid-gap: 1rem;
  height: var(--button_input_height);
  background: var(--prime_color);
  color: var(--light);
  font-size: 1.2rem;
  font-family: var(--font-OpenSauceSans);
  font-weight: 300;
  text-align: center;
  padding: 0 3rem;
  white-space: nowrap;
  border: 0;
  border-radius: 0.6rem;
  outline: none !important;
  text-transform: uppercase;
  transition: all ease 0.3s;
}
.site_btn:hover {
  background: var(--black);
  color: var(--light);
}
.site_btn::after {
  content: "";
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23992120" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M50 0c-27.61 0-50 22.39-50 50s22.39 50 50 50 50-22.39 50-50S77.61 0 50 0zM50.29 81.78l-7.07-7.07L62.93 55H17.32v-10h45.61L43.22 25.29l7.07-7.07L82.07 50 50.29 81.78z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23992120" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M50 0c-27.61 0-50 22.39-50 50s22.39 50 50 50 50-22.39 50-50S77.61 0 50 0zM50.29 81.78l-7.07-7.07L62.93 55H17.32v-10h45.61L43.22 25.29l7.07-7.07L82.07 50 50.29 81.78z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
  margin-left: 1.5rem;
  margin-right: -1.5rem;
}
.site_btn > img {
  width: auto;
  height: 2.4rem;
  filter: brightness(0) invert(1);
  transition: inherit;
}
.site_btn.sm {
  height: 3.4rem;
}
.site_btn.md {
  height: 4rem;
}
.site_btn.lg {
  height: 5.6rem;
  padding: 0 4rem;
}
.site_btn.px {
  padding-left: 5rem;
  padding-right: 5rem;
}
.site_btn.red {
  background: var(--red);
  color: var(--light);
}
.site_btn.red:hover {
  background: var(--prime_color);
  color: var(--light);
}
.site_btn.green {
  background: var(--green);
  color: var(--light);
}
.site_btn.green:hover {
  background: var(--prime_color);
  color: var(--light);
}
.site_btn.yellow {
  background: var(--yellow_color);
  border-color: var(--yellow_color);
  color: var(--light);
}
.site_btn.yellow:hover {
  background: var(--black);
  color: var(--light);
}
.site_btn.dark {
  background: var(--black);
  border-color: var(--black);
  color: var(--light);
}
.site_btn.dark:hover {
  background: var(--prime_color);
  color: var(--light);
}
.site_btn.simple {
  background: var(--light);
  color: var(--black);
}
.site_btn.simple:hover {
  background: var(--prime_color);
  color: var(--light);
}
.site_btn.simple > img {
  filter: brightness(0) invert(0);
}
.site_btn.simple.blank {
  background: transparent;
  color: var(--light);
}
.site_btn.simple.blank:hover {
  background: var(--light);
  color: var(--black);
}
.site_btn.simple.blank.stroke {
  border: 0.2rem solid var(--light);
}
.site_btn.light {
  background: rgba(var(--prime_color_rgb), 0.1);
  color: var(--prime_color);
}
.site_btn.light:not(:hover) {
  box-shadow: none;
}
.site_btn.light:hover {
  background: var(--black);
  color: var(--light);
}
.site_btn.blank {
  background: transparent;
  color: var(--prime_color);
}
.site_btn.blank:hover {
  background: var(--black);
  color: var(--light);
}
.site_btn.blank:hover > img {
  filter: brightness(0) invert(1);
}
.site_btn.blank > img {
  filter: brightness(0) invert(0);
}
.site_btn.round {
  border-radius: 5rem;
}
.site_btn.stroke {
  border: 0.2rem solid var(--prime_color);
}
.site_btn.more > span {
  position: absolute;
  inset: 0;
  width: 0.4rem;
  min-width: 0.4rem;
  height: 0.4rem;
  background: var(--light);
  margin: auto;
  border-radius: 75%;
}
.site_btn.more > span::before {
  content: "";
  transform: translateX(calc(-100% - 0.3rem));
}
.site_btn.more > span::after {
  content: "";
  transform: translateX(calc(100% + 0.3rem));
}
.site_btn:disabled {
  background: transparent;
  color: var(--gray);
  border-color: var(--gray);
}
@media (max-width: 575px) {
  .site_btn.w_100 {
    width: 100%;
  }
}

.read_more_btn {
  display: inline-flex;
  align-items: center;
  -webkit-box-orient: vertical;
  background: transparent;
  color: var(--prime_color);
  font-size: 1.2rem;
  font-weight: 300;
  border: 0;
  text-transform: uppercase;
  text-decoration: underline;
}
.read_more_btn:hover {
  background: transparent;
  color: var(--black);
}

.arrow_btn {
  display: inline-flex;
  align-items: center;
  -webkit-box-orient: vertical;
}
.arrow_btn::after {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="28" height="28" viewBox="0 0 28 28"><path d="M2.4,15.5h19.5l-7.2,7.2c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.8-9.8c0.1-0.1,0.3-0.3,0.3-0.5 c0,0,0,0,0,0c0.1-0.2,0.1-0.4,0.1-0.5v0v0c0-0.2,0-0.4-0.1-0.5c0,0,0,0,0,0c-0.1-0.2-0.2-0.4-0.3-0.5l-9.8-9.8 c-0.3-0.3-0.7-0.4-1.1-0.4S15,2.8,14.7,3.1c-0.6,0.6-0.6,1.5,0,2.1l7.2,7.2H2.4c-0.8,0-1.5,0.7-1.5,1.5S1.6,15.5,2.4,15.5z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="28" height="28" viewBox="0 0 28 28"><path d="M2.4,15.5h19.5l-7.2,7.2c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.8-9.8c0.1-0.1,0.3-0.3,0.3-0.5 c0,0,0,0,0,0c0.1-0.2,0.1-0.4,0.1-0.5v0v0c0-0.2,0-0.4-0.1-0.5c0,0,0,0,0,0c-0.1-0.2-0.2-0.4-0.3-0.5l-9.8-9.8 c-0.3-0.3-0.7-0.4-1.1-0.4S15,2.8,14.7,3.1c-0.6,0.6-0.6,1.5,0,2.1l7.2,7.2H2.4c-0.8,0-1.5,0.7-1.5,1.5S1.6,15.5,2.4,15.5z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
  transition: none;
  width: 3rem;
  min-width: 3rem;
  height: 2rem;
}

.link_btn {
  display: inline-flex;
  align-items: center;
  -webkit-box-orient: vertical;
  gap: 1rem;
  grid-gap: 1rem;
  height: 4rem;
  background: transparent;
  color: var(--black);
  font-size: 1.4rem;
  font-family: var(--font-OpenSauceSans);
  font-weight: 300;
  line-height: 4rem;
  padding: 0;
  text-transform: uppercase;
  border: 0;
  white-space: nowrap;
}
.link_btn:hover, .link_btn:focus {
  color: var(--prime_color);
}
.link_btn::after {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="44" height="15" viewBox="0 0 44 15" style="enable-background:new 0 0 44 15;"><path d="M43.7071 8.20711C44.0976 7.81658 44.0976 7.18342 43.7071 6.79289L37.3431 0.428932C36.9526 0.0384078 36.3195 0.0384078 35.9289 0.428932C35.5384 0.819457 35.5384 1.45262 35.9289 1.84315L41.5858 7.5L35.9289 13.1569C35.5384 13.5474 35.5384 14.1805 35.9289 14.5711C36.3195 14.9616 36.9526 14.9616 37.3431 14.5711L43.7071 8.20711ZM0 8.5H43V6.5H0V8.5Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="44" height="15" viewBox="0 0 44 15" style="enable-background:new 0 0 44 15;"><path d="M43.7071 8.20711C44.0976 7.81658 44.0976 7.18342 43.7071 6.79289L37.3431 0.428932C36.9526 0.0384078 36.3195 0.0384078 35.9289 0.428932C35.5384 0.819457 35.5384 1.45262 35.9289 1.84315L41.5858 7.5L35.9289 13.1569C35.5384 13.5474 35.5384 14.1805 35.9289 14.5711C36.3195 14.9616 36.9526 14.9616 37.3431 14.5711L43.7071 8.20711ZM0 8.5H43V6.5H0V8.5Z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
  transition: none;
  width: 3rem;
  min-width: 3rem;
  height: 2rem;
}

.pop_btn {
  cursor: pointer;
}

.x_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 2.8rem;
  min-width: 2.8rem;
  height: 2.8rem;
  background: var(--prime_color);
  color: var(--light);
  font-size: 1.6rem;
  font-weight: 600;
  padding: 0;
  text-align: center;
  border: 0;
  border-radius: 75%;
  cursor: pointer;
  transition: all ease 0.3s;
  z-index: 5;
}
.x_btn:hover {
  background: var(--black);
}
.x_btn:before {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M20.9,3.7l29,29l29-29C90.3-7.6,107.7,9.5,96.2,21l-29,29l29,29c11.3,11.3-5.9,28.6-17.2,17.2l-29-29l-29,29 C9.6,107.6-7.6,90.4,3.7,79.1l29-29l-29-29C-7.6,9.6,9.6-7.6,20.9,3.7z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M20.9,3.7l29,29l29-29C90.3-7.6,107.7,9.5,96.2,21l-29,29l29,29c11.3,11.3-5.9,28.6-17.2,17.2l-29-29l-29,29 C9.6,107.6-7.6,90.4,3.7,79.1l29-29l-29-29C-7.6,9.6,9.6-7.6,20.9,3.7z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
  width: 36%;
  height: 36%;
  line-height: 1;
}

.lbl_btn {
  display: flex;
  -webkit-box-orient: vertical;
  gap: 1rem;
  grid-gap: 1rem;
  text-align: left;
}
.lbl_btn:not(:nth-last-child(1)) {
  margin-bottom: 1rem;
}
.lbl_btn {
  /* > input[type="radio"],
  > input[type="checkbox"] {
  	margin-top: 0.1rem;
  } */
}
.lbl_btn label {
  display: inline-flex;
  align-items: center;
  -webkit-box-orient: vertical;
  gap: 0.5rem;
  grid-gap: 0.5rem;
  line-height: 1.5;
  cursor: pointer;
  margin: 0;
}

/*
|----------------------------------------------------------------------
|		Form
|----------------------------------------------------------------------
*/
label {
  display: block;
  font-weight: inherit;
  cursor: pointer;
}
label.require::after {
  content: "*";
  color: var(--red);
  font-weight: 700;
  margin-left: 0.4rem;
}
label > a {
  color: #3c9cdb;
}
label > a:hover {
  color: var(--prime_color);
}

input[type=radio], input[type=checkbox], .checkbox {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  background: #d9d9d9;
  color: #d9d9d9;
  margin-top: 0;
  border: 0;
  cursor: pointer;
}
input[type=radio], [type=radio].checkbox {
  padding: 0.3rem;
  border-radius: 75%;
}
input[type=radio]:checked, [type=radio].checkbox:checked {
  background: var(--prime_color);
  background-clip: content-box;
  border-color: var(--prime_color);
}
input[type=checkbox], .checkbox {
  border-radius: 0.4rem;
}
input[type=radio], input[type=checkbox], .checkbox {
  border: 0.1rem solid var(--gray);
}
input[type=radio]::before, input[type=checkbox]::before, .checkbox::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M78.5,5.8c-12.6,21-25.1,42-37.7,63C32.9,62,25,55.3,17.1,48.5c-4.9-4.2-12.7-0.9-15.5,4.6 c-3.4,6.5-0.8,13.2,4.1,17.5c10.7,9.2,21.4,18.4,32.2,27.6c5.1,4.4,12.4,0.6,15.5-4.6C68.2,68.5,83.1,43.6,98,18.7 C106.2,5,86.6-7.8,78.5,5.8z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M78.5,5.8c-12.6,21-25.1,42-37.7,63C32.9,62,25,55.3,17.1,48.5c-4.9-4.2-12.7-0.9-15.5,4.6 c-3.4,6.5-0.8,13.2,4.1,17.5c10.7,9.2,21.4,18.4,32.2,27.6c5.1,4.4,12.4,0.6,15.5-4.6C68.2,68.5,83.1,43.6,98,18.7 C106.2,5,86.6-7.8,78.5,5.8z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
  width: 0.8rem;
  height: 0.8rem;
  margin: auto;
}
input[type=radio]:checked, input[type=checkbox]:checked, .checkbox:checked {
  background: var(--prime_color) !important;
  border-color: var(--prime_color) !important;
}
input[type=radio]:checked + .checkbox, input[type=checkbox]:checked + .checkbox, .checkbox:checked + .checkbox {
  background: var(--prime_color);
  border-color: var(--prime_color);
}
input[type=file].uploadFile, [type=file].uploadFile.checkbox {
  display: none;
}
input::-ms-reveal, .checkbox::-ms-reveal, input::-ms-clear, .checkbox::-ms-clear {
  display: none;
}
.checkbox {
  transition: all ease 0.3s;
}

/*
|----------------------------------------------------------------------
|		Form Block
|----------------------------------------------------------------------
*/
.form_blk {
  position: relative;
}
.form_blk:not(:nth-last-child(1)) {
  margin-bottom: 1.5rem;
}
.input_form_blk .form_blk {
  flex: 1;
  margin: 0;
}
.input_form_blk .form_blk + * {
  height: var(--button_input_height);
}

.input_form_blk {
  display: flex;
  -webkit-box-orient: vertical;
}

.form_blk.pass_blk {
  position: relative;
}
.form_blk.pass_blk > .input {
  padding-right: 8rem;
}
.form_blk.pass_blk > i {
  position: absolute;
  right: 1.4rem;
  inset: 0;
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  width: 1.8rem;
  height: 100%;
  color: var(--prime_color);
  font-style: normal;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: underline;
  transition: all ease 0.3s;
}
.form_blk.pass_blk > i::before {
  width: 100%;
  height: 100%;
}
.form_blk.pass_blk > i.icon-eye::before {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M61.6,38.4c-3.3-3.3-7.2-5-11.6-5c-1.6,0-3.1,0.2-4.5,0.6c1.6,1.6,2.4,3.5,2.4,5.7 c0,2.2-0.8,4.1-2.4,5.7c-1.6,1.6-3.5,2.5-5.7,2.5c-2.2,0-4.1-0.8-5.7-2.4c-0.4,1.4-0.6,2.9-0.6,4.5c0,4.4,1.7,8.3,5,11.6 c3.3,3.3,7.2,5,11.6,5c4.4,0,8.3-1.7,11.6-5c3.3-3.3,5-7.2,5-11.6C66.6,45.6,64.9,41.7,61.6,38.4z"/><path d="M80.5,25.5c-9.1-6.4-19.1-9.5-30.5-9.5s-21.4,3.2-30.5,9.5C10.5,31.8,4.1,40,0,50c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5s21.4-3.6,30.5-9.5C89.5,68.6,95.9,60,100,50C95.9,40,89.5,31.8,80.5,25.5z M67.5,67.5 c-4.5,5-11,7.5-17.5,7.5c-6.5,0-12.5-2.5-17.5-7.5c-5-5-7.5-11-7.5-17.5c0-6.5,3-12.5,7.5-17.6c4.5-5,11-7.5,17.5-7.5 c6.5,0,12.5,3,17.5,7.5c5,4.5,7.5,11,7.5,17.6C75.1,56.5,72.1,62.5,67.5,67.5z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M61.6,38.4c-3.3-3.3-7.2-5-11.6-5c-1.6,0-3.1,0.2-4.5,0.6c1.6,1.6,2.4,3.5,2.4,5.7 c0,2.2-0.8,4.1-2.4,5.7c-1.6,1.6-3.5,2.5-5.7,2.5c-2.2,0-4.1-0.8-5.7-2.4c-0.4,1.4-0.6,2.9-0.6,4.5c0,4.4,1.7,8.3,5,11.6 c3.3,3.3,7.2,5,11.6,5c4.4,0,8.3-1.7,11.6-5c3.3-3.3,5-7.2,5-11.6C66.6,45.6,64.9,41.7,61.6,38.4z"/><path d="M80.5,25.5c-9.1-6.4-19.1-9.5-30.5-9.5s-21.4,3.2-30.5,9.5C10.5,31.8,4.1,40,0,50c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5s21.4-3.6,30.5-9.5C89.5,68.6,95.9,60,100,50C95.9,40,89.5,31.8,80.5,25.5z M67.5,67.5 c-4.5,5-11,7.5-17.5,7.5c-6.5,0-12.5-2.5-17.5-7.5c-5-5-7.5-11-7.5-17.5c0-6.5,3-12.5,7.5-17.6c4.5-5,11-7.5,17.5-7.5 c6.5,0,12.5,3,17.5,7.5c5,4.5,7.5,11,7.5,17.6C75.1,56.5,72.1,62.5,67.5,67.5z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.form_blk.pass_blk > i.icon-eye-slash::before {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M50,25.2c5.9,0,11.3,2.7,15.8,6.8c4.5,4.1,6.8,9.9,6.8,15.8c0,2.9-0.7,5.7-1.8,8.3l13.5,13.5 c7.1-5.7,12.3-13.2,15.8-21.8c-4.1-10-10.5-18.2-19.5-24.5c-9.1-6.4-19.1-9.5-30.5-9.5c-6.6,0-12.7,1.1-18.4,3.2l10,10 C44.2,25.8,47.1,25.2,50,25.2z"/><path d="M90.7,87.5L10.3,7.1l-5.4,5.4l12.4,12.4C9.4,31,3.7,38.6,0,47.8c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5c7.3,0,13.9-1.5,20.2-4.1l15.1,15.1L90.7,87.5z M50,70.3c-5.9,0-11.3-2.3-15.8-6.8 c-4.5-4.5-6.8-9.9-6.8-15.8c0-3.6,1-6.9,2.7-10.1l7.1,7.1c-0.3,1-0.4,1.9-0.4,2.9c0,3.4,1.3,6.6,3.9,9.2c2.6,2.6,5.8,3.9,9.2,3.9 c1,0,2-0.1,3-0.3l7.3,7.3C57.1,69.5,53.6,70.3,50,70.3z"/><path d="M63.1,47.8c0-3.4-1.3-6.8-3.9-9.2c-2.6-2.4-5.8-3.9-9.2-3.9c-0.2,0-0.4,0-0.7,0l13.8,13.8 C63.1,48.2,63.1,48,63.1,47.8z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23fff" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><path d="M50,25.2c5.9,0,11.3,2.7,15.8,6.8c4.5,4.1,6.8,9.9,6.8,15.8c0,2.9-0.7,5.7-1.8,8.3l13.5,13.5 c7.1-5.7,12.3-13.2,15.8-21.8c-4.1-10-10.5-18.2-19.5-24.5c-9.1-6.4-19.1-9.5-30.5-9.5c-6.6,0-12.7,1.1-18.4,3.2l10,10 C44.2,25.8,47.1,25.2,50,25.2z"/><path d="M90.7,87.5L10.3,7.1l-5.4,5.4l12.4,12.4C9.4,31,3.7,38.6,0,47.8c4.1,10,10.5,18.2,19.5,24.5 c9.1,6.4,19.1,9.5,30.5,9.5c7.3,0,13.9-1.5,20.2-4.1l15.1,15.1L90.7,87.5z M50,70.3c-5.9,0-11.3-2.3-15.8-6.8 c-4.5-4.5-6.8-9.9-6.8-15.8c0-3.6,1-6.9,2.7-10.1l7.1,7.1c-0.3,1-0.4,1.9-0.4,2.9c0,3.4,1.3,6.6,3.9,9.2c2.6,2.6,5.8,3.9,9.2,3.9 c1,0,2-0.1,3-0.3l7.3,7.3C57.1,69.5,53.6,70.3,50,70.3z"/><path d="M63.1,47.8c0-3.4-1.3-6.8-3.9-9.2c-2.6-2.4-5.8-3.9-9.2-3.9c-0.2,0-0.4,0-0.7,0l13.8,13.8 C63.1,48.2,63.1,48,63.1,47.8z"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  transition: inherit;
}
.form_blk.pass_blk > i:hover {
  color: var(--second_color);
}
.form_blk > i {
  position: absolute;
  left: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.6rem;
  margin: auto;
}
.form_blk > i + .input {
  padding-left: 4.2rem;
}
.form_blk > img {
  position: absolute;
  left: 1.6rem;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.form_blk > img + .input {
  padding-left: 5rem;
}
.form_blk > .tip_icon {
  position: absolute;
  right: 2rem;
  width: 2rem;
  height: 2rem;
  margin: auto;
  pointer-events: none;
  -o-object-fit: contain;
  object-fit: contain;
}
.form_blk > .tip_icon + .input {
  padding-right: 5rem;
}
.form_blk.input {
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}
.form_blk.input > .site_btn {
  margin-left: 2rem;
  margin-right: -1.4rem;
}
.form_blk.input > .ico_btn {
  width: 2.6rem;
  min-width: 2.6rem;
  height: 2.6rem;
  background: transparent;
  margin-left: 2rem;
  padding: 0;
  border: 0;
}
.form_blk:not(.lbl_btn) > label {
  color: var(--dark_gray);
  font-size: 1.3rem;
  margin-bottom: 0.3rem;
}

.upload_blk > button {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.upload_blk > input[type=file], .upload_blk > [type=file].checkbox {
  display: none;
}

.input {
  display: block;
  width: 100%;
  height: var(--button_input_height);
  background: var(--light);
  color: var(--black);
  text-align: left;
  line-height: inherit;
  padding: 0.6rem 1.4rem;
  border: 0.1rem solid rgba(var(--black_rgb), 0.1);
  border-radius: 0.6rem;
  outline: none !important;
  box-shadow: none !important;
  transition: all ease 0.3s;
  /* &:not(.no_float) {
  	padding-top: 1.6rem;
  } */
}
.input > .input {
  background: transparent;
  margin: -0.1rem 0;
  padding: 0;
  border: 0;
}
.input:-webkit-autofill {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.input.blank {
  background: transparent;
  font-size: 1.8rem;
  padding-left: 0;
  padding-right: 0;
  border: 0;
  border-bottom: 0.1rem solid #cbcbcb;
  border-radius: 0;
  box-shadow: none;
}
textarea.input {
  height: auto;
  padding-top: 1rem;
  resize: none;
  /* &.long {
  	height: 46rem;
  } */
}

.input {
  /* &:valid {
  	color: var(--prime_color);
  	border-color: var(--prime_color);
  } */
}
.input:disabled {
  background: #e3e8ee;
  cursor: not-allowed;
  border-color: #d8dee6 !important;
}
.input[readonly] {
  background: rgba(var(--prime_color_rgb), 0.05);
  border-color: var(--prime_color);
}
.input::-moz-placeholder {
  color: var(--dark_gray);
}
.input::placeholder {
  color: var(--dark_gray);
}
.input:focus::-moz-placeholder {
  opacity: 0;
}
.input:focus::placeholder {
  opacity: 0;
}
.input:hover, .input:focus {
  border-color: var(--prime_color);
}
select.input {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="100" height="100" fill="%23000" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;"><polygon points="80.7,20 50,50.7 19.3,20 4.7,34.7 50,80 95.3,34.7 "/></svg>');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 1.4rem;
  background-size: 1rem;
  background-position: right 1.4rem center;
  padding-right: 3rem !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.input > option {
  background: var(--light);
  color: var(--black);
}

button.input {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
button.input > input[type=file], button.input > [type=file].checkbox {
  position: absolute;
  z-index: 1;
  inset: 0;
  opacity: 0;
}

.input.error {
  color: var(--red);
  border-color: var(--red);
}
.input.error ~ .error_message {
  display: block;
}
.input ~ .error_message {
  color: var(--red);
  display: none;
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin-top: 0.6rem;
}
@media (min-width: 768px) {
  .input ~ .error_message {
    font-size: 1.4rem;
  }
}
.input + label {
  position: absolute;
  inset: 0 0 0 1.4rem;
  display: inline-flex;
  align-items: center;
  -webkit-box-orient: vertical;
  height: var(--button_input_height);
  margin: 0 !important;
  pointer-events: none;
  transition: all ease 0.3s;
}
.input:not(:-moz-placeholder) + label {
  font-size: 1.1rem;
  transform: translateY(-1.1rem);
}
.input:focus + label, .input:not(:placeholder-shown) + label {
  font-size: 1.1rem;
  transform: translateY(-1.1rem);
}

.checkbox_btn {
  position: relative;
  overflow: hidden;
}
.checkbox_btn > input[type=radio],
.checkbox_btn > input[type=checkbox],
.checkbox_btn > .checkbox {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  inset: 0;
  opacity: 0;
}
.checkbox_btn > input[type=radio]:checked + button,
.checkbox_btn > input[type=checkbox]:checked + button,
.checkbox_btn > .checkbox:checked + button {
  color: var(--prime_color);
  border-color: var(--prime_color);
}
.checkbox_btn > input[type=radio] + button,
.checkbox_btn > input[type=checkbox] + button,
.checkbox_btn > .checkbox + button {
  text-align: center;
}

/*
|----------------------------------------------------------------------
|		Body
|----------------------------------------------------------------------
*/
html {
  font-size: 10px;
  scroll-behavior: smooth;
}
@media (min-width: 1368px) {
  html {
    font-size: 12px;
  }
}
@media (min-width: 1560px) {
  html {
    font-size: 14px;
  }
}
body {
  background: var(--light);
}

section {
  overflow: hidden;
}

.text_prime {
  color: var(--prime_color);
}

.heading {
  font-weight: 300;
  margin-bottom: 2rem;
  text-transform: uppercase;
}

.subheading {
  color: var(--prime_color);
  font-weight: 300;
  text-transform: uppercase;
}

hr {
  margin: 2rem 0;
  border: 0;
  border-top: 0.1rem solid var(--gray);
}

.form_blk > p > br {
  display: none;
}

button {
  background: transparent;
  padding: 0;
  border: 0;
  transition: all ease 0.3s;
}

.blk {
  background: var(--light);
  padding: 2.5rem;
  border-radius: 2rem;
  box-shadow: 0 0.5rem 2rem 0 rgba(var(--black_rgb), 0.1);
}
.blk hr {
  opacity: 0.1;
}

.red {
  background: var(--red);
}

.green {
  background: var(--green);
}

.section_content {
  font-size: 1.6rem;
}

/*
|----------------------------------------------------------------------
|		Logo
|----------------------------------------------------------------------
*/
.logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  width: 100%;
  max-width: 8rem;
  height: 8rem;
}
.logo > a {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.logo > a > img {
  height: 100%;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
  transition: all ease 0.3s;
}
header .logo > a > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
  position: absolute;
}
footer .logo > a > img {
  filter: brightness(0) invert(1);
}
header .logo > a > img.logo-full {
  filter: none;
  opacity: 0;
}
header .logo {
  position: relative;
  float: left;
  max-width: 20rem;
  height: 5rem;
  margin: 1.5rem auto;
  transition: all ease 0.3s;
  z-index: 10;
}
footer .logo {
  max-width: 42rem;
  height: auto;
}
@media (max-width: 767px) {
  footer .logo {
    display: none;
  }
}

#page_loader {
  position: fixed;
  z-index: 99999;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  background-size: 0;
  background-color: var(--black);
  clip-path: inset(0 0 0 0);
  overflow: hidden;
  transition: all linear 0.3s;
}
#page_loader.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#page_loader::before {
  content: "";
  position: fixed;
  z-index: 1;
  inset: 0;
  background-image: inherit;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
  opacity: 0.03;
}
#page_loader::after {
  content: "";
  display: block;
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  border: 0.4rem solid rgba(var(--light_rgb), 0.5);
  border-radius: 75%;
  margin: auto;
  border-right-color: var(--prime_color);
  animation: spin 0.4s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*
|----------------------------------------------------------------------
|		Header
|----------------------------------------------------------------------
*/
header {
  position: fixed;
  z-index: 30;
  inset: 0 0 auto;
  min-height: 8rem;
  background: transparent;
  transition: none;
}
header .logo_blk {
  position: absolute;
  z-index: 10;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  max-width: 14rem;
  height: 12rem;
  background: var(--prime_color);
  margin: -3rem auto 0;
}
header > .overlay {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: var(--black);
  opacity: 0;
}
header.change nav {
  /* &.active {
  	@include pos($pos: fixed, $z: 3);
  	@include inset;
  	// @include flex(center, flex-start, column);
  	@include gap(3rem);
  	height: auto;
  	background: var(--black);
  	padding: 12rem 2rem 5rem;
  	margin-top: 0;
  	-webkit-backdrop-filter: blur(1rem);
  	backdrop-filter: blur(1rem);
  	overflow: hidden;
  	overflow-y: auto;
  	@include trans;
  	> ul {
  		@include flex(flex-start, $flow: column);
  		text-align: left;
  		margin: 0;
  		> li {
  			> a:not(.site_btn) {
  				@include justify(flex-start);
  				font-size: 4rem;
  				font-weight: 300;
  			}
  			&.drop {
  				padding: 0;
  				> a {
  					&::after {
  						display: none;
  					}
  				}
  				&:hover {
  					> a {
  						&::after {
  							@include transform(rotate(90deg));
  						}
  					}
  				}
  			}
  			.sub {
  				display: block;
  				position: static;
  				width: auto;
  				background: transparent;
  				padding: 1rem 0 0;
  				@include visible(show);
  				@include transform(none);
  				@include shadow(none);
  				> li {
  					> a {
  						@include i_flex($justify: center);
  						color: var(--prime_color);
  						font-size: 1.6rem;
  						padding: 0.6rem 0;
  						&:hover {
  							color: var(--light);
  						}
  					}
  				}
  			}
  		}
  	}
  } */
}
header.change nav:not(.active) > ul {
  padding-right: 4.4rem;
}
header.change nav:not(.active) > ul > li:not(:nth-last-child(1)) {
  display: none;
}
header.change .toggle {
  display: flex;
  -webkit-box-orient: vertical;
}

#navigation {
  position: fixed;
  z-index: 100;
  inset: 0 -60rem 0 auto;
  width: 100%;
  max-width: 60rem;
  height: 100vh;
  background-color: var(--black);
  clip-path: inset(0 0 0 0);
  overflow: hidden;
  overflow-y: auto;
}
#navigation.active .head .logo {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.3s 0.1s;
}
#navigation.active ul > li {
  opacity: 1;
  transform: translateX(0);
}
#navigation::before {
  position: fixed;
  inset: 0 46rem 0 0;
  background: rgba(var(--black_rgb), 0.8);
  transform: translateX(200%);
  transition: all 0.3s 0.1s;
}
#navigation .toggle {
  display: flex !important;
  -webkit-box-orient: vertical;
  inset: 2rem 2rem auto auto;
}
#navigation .head {
  position: sticky;
  top: 0;
  min-height: 8rem;
  background: var(--black);
  padding: 1.5rem 2rem;
  z-index: 3;
  display: none;
}
#navigation .head .logo {
  margin: 0;
  opacity: 0;
  transform: translateX(5rem);
}
#navigation .pager {
  position: relative;
  color: var(--light);
  padding: 4rem;
  z-index: 2;
}
#navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#navigation ul > li {
  opacity: 0;
  transform: translateX(-5rem);
  transition: all 0.3s 0.2s;
}
#navigation ul > li:nth-child(1) {
  transition: all 0.3s 0.2s;
}
#navigation ul > li:nth-child(2) {
  transition: all 0.3s 0.3s;
}
#navigation ul > li:nth-child(3) {
  transition: all 0.3s 0.4s;
}
#navigation ul > li:nth-child(4) {
  transition: all 0.3s 0.5s;
}
#navigation ul > li:nth-child(5) {
  transition: all 0.3s 0.6s;
}
#navigation ul > li:nth-child(6) {
  transition: all 0.3s 0.7s;
}
#navigation ul > li:nth-child(7) {
  transition: all 0.3s 0.8s;
}
#navigation ul > li:nth-child(8) {
  transition: all 0.3s 0.9s;
}
#navigation ul > li:nth-child(9) {
  transition: all 0.3s 1s;
}
#navigation ul > li:nth-child(10) {
  transition: all 0.3s 1.1s;
}
#navigation ul > li:not(:nth-last-child(1)) {
  margin-bottom: 3rem;
}
#navigation ul > li:not(:nth-last-child(1)) {
  margin-bottom: 1.5rem;
}
#navigation ul > li > a:not(.site_btn) {
  color: var(--light);
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.2;
  text-transform: initial;
}
@media (min-width: 768px) {
  #navigation ul > li > a:not(.site_btn) {
    font-size: 3.4rem;
  }
}
#navigation ul > li > a:not(.site_btn) > span {
  line-height: inherit;
  text-shadow: 0 1.2em 0 var(--light);
}
#navigation ul.sub {
  margin-top: 1rem;
}
#navigation ul.sub > li:not(:nth-last-child(1)) {
  margin-bottom: 1rem;
}
#navigation ul.sub > li > a {
  color: var(--light_gray);
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  #navigation ul.sub > li > a {
    font-size: 1.8rem;
  }
}
#navigation ul.sub > li > a.link {
  line-height: 1.5;
}
#navigation ul.sub > li > a.link:hover > span {
  transform: translateY(-1.5em);
}
#navigation ul.sub > li > a.link > span {
  text-shadow: 0 1.5em 0 var(--light);
}
#navigation ul.sub > li > a {
  /* &:hover {
  	color: var(--light);
  } */
}
#navigation ul {
  /* .site_btn {
  	&:hover {
  		background: var(--black);
  	}
  } */
}

nav {
  position: relative;
  margin-left: auto;
}
@media (max-width: 991px) {
  nav {
    position: fixed;
    z-index: 3;
    inset: 0;
    gap: 3rem;
    grid-gap: 3rem;
    height: auto;
    background: var(--black);
    padding: 12rem 2rem 5rem;
    margin-top: 0;
    backdrop-filter: blur(1rem);
    overflow: hidden;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all ease 0.3s;
  }
}
nav.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
nav > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  gap: 2rem 4rem;
  grid-gap: 2rem 4rem;
  min-height: 8rem;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  nav > ul {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    text-align: left;
    margin: 0;
  }
}
nav > ul > li {
  /* @include ipad_sm {
  	@include flex(center, center);
  } */
}
nav > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
}
nav > ul > li:hover a.link > span {
  transform: translateY(-1.2em);
}
nav > ul > li > a:not(.site_btn) {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  color: var(--light);
  font-size: 1.2rem;
}
@media (max-width: 991px) {
  nav > ul > li > a:not(.site_btn) {
    justify-content: flex-start;
    font-size: 3rem;
    font-weight: 300;
  }
}
a.link {
  display: inline-flex;
  -webkit-box-orient: vertical;
  color: var(--black);
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  transition: none;
}
a.link:hover > span {
  transform: translateY(-1.2em);
}
a.link > span {
  text-shadow: 0 1.2em 0 var(--black);
  transition: all linear 0.2s;
}

nav > ul > li > a:not(.site_btn) > span {
  text-shadow: 0 1.2em 0 var(--light);
}
nav > ul > li.active > a:not(.site_btn) {
  color: var(--black);
}
nav > ul > li.drop {
  position: relative;
}
@media (min-width: 992px) {
  nav > ul > li.drop {
    padding: 1rem 0;
  }
}
nav > ul > li.drop {
  /* > a {
  	&::after {
  		@include chev_left;
  		width: 1rem;
  		min-width: 1rem;
  		height: 1rem;
  		background: var(--light);
  		margin-left: 0.8rem;
  		@include trans;
  		@include transform(rotate(-90deg));
  		@include ipad_sm_inverse {
  			content: "";
  		}
  	}
  }
  &:hover {
  	> a {
  		&::after {
  			@include transform(rotate(90deg));
  		}
  	}
  } */
}
nav > ul > li .sub {
  position: absolute;
  top: 100%;
  left: 0;
  width: 23rem;
  background: rgba(var(--black_rgb), 0.7);
  padding: 0.5rem 0;
  border-radius: 1.5rem;
  backdrop-filter: blur(0.5rem);
  box-shadow: var(--shadow);
  transition: all ease 0.3s;
  z-index: 5;
}
@media (min-width: 992px) {
  nav > ul > li .sub {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(1rem);
  }
}
@media (max-width: 991px) {
  nav > ul > li .sub {
    display: block;
    position: static;
    width: auto;
    background: transparent;
    padding-bottom: 0;
    transition: none;
    box-shadow: none;
  }
}
nav > ul > li .sub > li > a {
  display: flex;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  color: var(--light);
  line-height: 1.2;
  padding: 1rem 2rem;
}
@media (max-width: 991px) {
  nav > ul > li .sub > li > a {
    display: inline-flex;
    justify-content: center;
    -webkit-box-orient: vertical;
    color: var(--prime_color);
    font-size: 1.6rem;
    padding: 0.6rem 0;
  }
}
nav > ul > li .sub > li > a:hover {
  color: var(--prime_color);
}
nav > ul > li .sub > li > ul {
  font-size: 1.3rem;
  padding-left: 3rem;
}
nav > ul > li .sub > li > ul > li:not(:nth-last-child(1)) {
  margin-bottom: 0.5rem;
}
nav > ul > li .sub > li > ul > li > a:not(:hover) {
  opacity: 0.5;
}

/* =========blog page css======== */


#blog_banner {
  min-height: 80vh;
  display: flex;
  align-items: flex-end;
  -webkit-box-orient: vertical;
}
#blog_banner .overlay {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background: var(--black);
  opacity: 0.5;
}
#blog_banner > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
}
#blog_banner .content {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  padding-bottom: 5rem;
}
#blog_banner .content .h1 {
  max-width: 85rem;
  color: var(--light);
  font-size: 3rem;
  margin: 0;
}


.post_section .custom_tabs {
  padding: 5rem 0;
}

.filter-bar {
  padding: 1.2rem 0;
  margin-bottom: 2rem;

  display: flex;
  flex-wrap: nowrap;        /* force single row */
  gap: 0.8rem;               /* spacing between tags */

  overflow-x: auto;         /* enable horizontal scroll */
  overflow-y: hidden;

  -webkit-overflow-scrolling: touch; /* smooth scroll on mobile */
  scrollbar-width: none;    /* Firefox hide scrollbar */
}

/* hide scrollbar (Chrome, Safari) */
.filter-bar::-webkit-scrollbar {
  display: none;
}

.filter-tag {
  display: inline-flex;
  align-items: center;
  height: 3rem;
  padding: 0 1.4rem;
  border: 0.1rem solid var(--light_gray);
  background: transparent;
  color: var(--dark_gray);
  font-size: 1.1rem;
  font-family: var(--font-body);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: var(--transition);

  flex: 0 0 auto;   /* important: prevent shrinking */
  white-space: nowrap;
}
  .filter-tag:hover {
    color: var(--prime_color);
    border-color: var(--prime_color);
  }
  .filter-tag.active {
    background: var(--prime_color);
    color: var(--light);
    border-color: var(--prime_color);
  }

  /* -------------------------------------------------------
     Posts Grid
  ------------------------------------------------------- */
  .posts-section {
    padding: 4rem 0 8rem;
  }

  .posts-grid {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem;
  }

  @media (max-width: 767px) {
    .posts-grid { grid-template-columns: 1fr; }
  }


  /* -------------------------------------------------------
     Post Card
  ------------------------------------------------------- */
  .post-card {
    position: relative;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    overflow: hidden;
    transition: var(--transition);
    width: 30%;
    padding: 1rem;
  }
 
 /* .posts-grid > *:nth-child(5n+1),
  .posts-grid > *:nth-child(5n+4) {
    width: 70%;
  }

 
  .posts-grid > *:nth-child(5n) {
    width: 100%;
  } */

  .post-card.w30 { width: 30%; }
  .post-card.w70 { width: 70%; }
  .post-card.w100 { width: 100%; }

  /* Image wrapper */
  .post-card__image {
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    background: var(--light_gray);
  }
  .post-card.w70 .post-card__image,
  .post-card.w70 .post-card__image{
    padding-top: 41%;
  }
  .post-card.w100 .post-card__image{
    padding-top: 35%;
  }
  .post-card__image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
  }
  .post-card:hover .post-card__image img {
    transform: scale(1.04);
  }

  /* Multi-image layout for cards with more images */
  .post-card__image.multi {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding-top: 0;
    height: 28rem;
  }
  .post-card__image.multi img {
    position: static;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .post-card__image.multi img:first-child {
    grid-row: span 2;
  }

  /* Content area */
  .post-card__body {
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    flex: 1;
  }

  .post-card__meta {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.4rem;
  }

  .post-card__tag {
    display: inline-flex;
    align-items: center;
    height: 2.2rem;
    padding: 0 1rem;
    background:#EEEEEE;
    color: #1A1C1C;
    font-size: 0.95rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    border-radius: 0.3rem;
  }


  .post-card__date {
    font-size: 1rem;
    color: var(--dark_gray);
    font-weight: 300;
    letter-spacing: 0.03em;
  }

  .post-card__title {
    font-size: 2rem;
    line-height: 1.3;
    color: #1A1C1C;
    transition: color 0.3s ease;
    margin-bottom: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .post-card:hover .post-card__title {
    color: var(--prime_color);
  }

  .post-card__excerpt {
    color: var(--dark_gray);
    margin-bottom: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }



  .post-card__read-more {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    transition: color 0.3s ease;
  }
  .post-card__read-more img{
    width: 1rem;
    height: .8rem;
    align-self: center;
  }
  .post-card__read-more:hover { color: var(--black); }

  /* Full-width featured card */
  .post-card.featured {
    grid-column: span 2;
    flex-direction: row;
    border-right: none;
  }
  .post-card.featured .post-card__image {
    width: 50%;
    padding-top: 0;
    flex-shrink: 0;
    height: 38rem;
  }
  .post-card.featured .post-card__image img {
    position: absolute;
  }
  .post-card.featured .post-card__body {
    padding: 3.6rem 4rem;
  }
  .post-card.featured .post-card__title {
    font-size: 3.2rem;
  }

  @media (max-width: 767px) {
    .post-card.featured {
      grid-column: span 1;
      flex-direction: column;
    }
    .post-card.featured .post-card__image {
      width: 100%;
      height: auto;
      padding-top: 62%;
    }
  }



  /* -------------------------------------------------------
     Placeholder image colors (architectural tones)
  ------------------------------------------------------- */
  .ph-dark   { background: #1a1a2e; }
  .ph-warm   { background: #c9b8a8; }
  .ph-mid    { background: #8fa3b1; }
  .ph-light  { background: var(--light_gray); }
  .ph-cream  { background: #f0ebe3; }
  .ph-slate  { background: #6b7280; }


  .custom-pagination ul {
  display: flex;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin-top: 30px;
  justify-content: center;
}

.custom-pagination li a,
.custom-pagination li span {
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid #ddd;
  text-decoration: none;
  transition: 0.3s;
}

.custom-pagination li span.current {
  background: #000;
  color: #fff;
  border-color: #000;
}

.custom-pagination li a:hover {
  background: #f2f2f2;
}


/* ======blog_details=== */

.blog_details{
  padding: 12rem 0 5rem;
}
.blog_details .main_blog_inner{
  position: relative;
  padding-bottom: 50%;
  overflow: hidden;
}
.blog_details .main_blog_inner:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(0deg, black, transparent);
  z-index: 1;
}
.blog_details .main_blog_inner img{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.blog_details .main_blog_inner .cntnt{
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 5rem;
  text-align: center;
  z-index: 2;
}
.blog_details .main_blog_inner .cntnt .date_blog{
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: .8rem;
  color: #fff;
  margin-bottom: 2rem;
}
.blog_details .main_blog_inner .cntnt h1{
  color: #fff;
  margin-bottom: 2rem;
}
.blog_details .main_blog_inner .cntnt .auth_info{
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.blog_details .main_blog_inner .cntnt .auth_info *{
  color: #fff;
  align-self: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: .8rem;
}
.blog_details .main_blog_inner .cntnt .auth_info span{
  width: 6rem;
  height: .1rem;
  background-color: #fff;
}

.blog_details .blog_detail_cntnt .inner_cntnt{
  max-width: 65rem;
  margin: auto;
  padding: 5rem 0;
  line-height: 1.4;
}
.blog_details .blog_detail_cntnt .inner_cntnt p:first-child{
  margin-bottom: 2rem;
}
.blog_details .blog_detail_cntnt .inner_cntnt p:first-child::first-letter {
  float: left;
  font-size: 4.2em;
  line-height: 0.78;
  font-weight: 400;
  margin-right: 0.1em;
  margin-top: 0.09em;
}
.blog_details .blog_detail_cntnt .atrium-study .image-container{
  position: relative;
  padding-bottom: 40%;
  overflow: hidden;
}
.blog_details .blog_detail_cntnt .atrium-study .image-container img{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.blog_details .blog_detail_cntnt .atrium-study figcaption{
  margin-top: 15px;
  font-size: .9rem;
  letter-spacing: 1.5px;
  color: #1A1C1C;
  text-transform: uppercase;
  padding-top: 10px;
  text-align: center;
}

.blog_details .blog_detail_cntnt blockquote {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 40px 0;
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 3rem;
}

.blog_details .blog_detail_cntnt h2 , .blog_details .blog_detail_cntnt h3, .blog_details .blog_detail_cntnt h4{
  margin-bottom: 2rem;
}
.blog_details .blog_detail_cntnt .grid_blk_detail{
  display:flex;
  gap: 1rem;
  margin: 5rem 0;
}
.blog_details .blog_detail_cntnt .grid_blk_detail figure{
flex:1;
}
.blog_details .blog_detail_cntnt .grid_blk_detail .image-container{
   position: relative;
  padding-bottom: 70%;
  overflow: hidden;
}
.blog_details .blog_detail_cntnt .grid_blk_detail .image-container img{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.blog_details .blog_detail_cntnt .grid_blk_detail figcaption{
  margin-top: 15px;
  font-size: .9rem;
  letter-spacing: 1.5px;
  color: #1A1C1C;
  text-transform: uppercase;
  padding-top: 10px;
  text-align: center;
}

.share_footer_blog{
  margin-top: 5rem;
  padding-top: 4rem;
  border-top: 1px solid #eeeeee;
  display: flex;
  justify-content: space-between;
  max-width: 65rem;
    margin: auto;
}
.share_footer_blog .colL{
  display: flex;
  gap: 1rem;
  position: relative;
}
.share_footer_blog .colL h5{
  flex: 1;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1rem;
  align-self: center;
  letter-spacing: 1px;
}
.share_footer_blog .colL .share_btns{
  display: flex;
  gap: .5rem;
  
}
.share_footer_blog .colL .share_btns button{
  border: 1px solid #eeeeee;
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.share_footer_blog .colL .share_btns button:hover{
  border-color: var(--prime_color);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.share_footer_blog .colL .share_btns button img{
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}

.share_footer_blog .colR{
  align-self: center;
  display: flex;
  gap: .5rem;
}
.share_footer_blog .colR button{
color: #1A1C1C;
font-size: .9rem;
 border: 1px solid #eeeeee;
 padding: .3rem 1rem;
 font-weight: 400;
  letter-spacing: 1px;
transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.share_footer_blog .colR button:hover{
  border-color: var(--prime_color);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.related_sec_blog{
  padding-bottom: 6rem;
}
.related_sec_blog .related_blog_head{
  border-bottom: 1px solid #eeeeee;
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
.related_sec_blog .related_blog_head h4{
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.3rem;
}
.related_sec_blog .related_blog_head a{
  font-size: 1rem;
  align-self: center;
  font-weight: 400;
  letter-spacing: 1px;
}
.related_sec_blog .flex{
  gap: 1rem;
}
.related_sec_blog .flex article{
  flex: 1;
}
.related_sec_blog .flex article .post-card__image{
  padding-top: 60%;
  position: relative;
  display: block;
  overflow: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.related_sec_blog .flex article .post-card__image img{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.related_sec_blog .flex article:hover .post-card__image img{
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
   transform: scale(1.04);

}
.related_sec_blog .flex article .post-card__date{
  font-size: .8rem;
  letter-spacing: 1.5px;
  margin: 2rem 0 1rem;
  font-weight: 400;
}
.related_sec_blog .flex article .post-card__title{
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
}

.share_btns {
	display: flex;
	gap: 1rem;

	button {
		width: 4.5rem;
		height: 4.5rem;
		border: 0;
		background: #f5f5f5;
		cursor: pointer;

		img {
			width: 2rem;
		}
	}
}

.share_dropdown {
	position: absolute;
  bottom: 100%;
  right: 0;
  background: #f5f5f5;
  padding: .5rem;
  box-shadow: 0 10px 14px rgb(0 0 0 / 37%);
  display: none;
  /* flex-direction: column; */
  gap: 1rem;
  border: 1px solid #eeeeee;

	&.active {
		display: flex;
	}

	a {
		width: 2rem;
    height: 2rem;
    overflow: hidden;
    display: block;
	}
}

@media (max-width: 991px) {
  #blog_banner{
      min-height: 50vh;
    }
    .post-card{
      width: 50%;
    }
    .post-card.w70 , .post-card.w30{
      width: 50%;
    }
    .post-card.w100 {
        width: 100%;
    }
    .post-card.w70 .post-card__image, .post-card.w30 .post-card__image{
        padding-top: 60%;
    }
}
@media (max-width: 767px) {
    .post-card{
      width: 50%;
    }
    .post-card.w70, .post-card.w30{
      width: 50%;
    }
    .post-card.w100 {
        width: 100%;
    }
    .post-card.w70 .post-card__image , .post-card.w30 .post-card__image{
        padding-top: 60%;
    }
}
@media (max-width: 575px) {
		#blog_banner{
      min-height: 50vh;
    }
    .post-card{
      width: 50%;
    }
    .post-card.w70 , .post-card.w30{
      width: 50%;
    }
    .post-card.w100 {
        width: 100%;
    }
    .post-card.w70 .post-card__image , .post-card.w30 .post-card__image{
        padding-top: 60%;
    }
    .post-card__title{
      font-size: 1.8rem;
    }
    .blog_details .main_blog_inner{
      padding-bottom: 60%;
    }
}
@media (max-width: 475px) {
		.post-card{
      width: 100%;
    }
    .post-card.w70 ,  .post-card.w30{
      width:100%;
    }
    .post-card.w70 .post-card__image , .post-card.w100 .post-card__image {
       padding-top: 60%;
    }
    .blog_details .main_blog_inner {
        padding-bottom: 100%;
    }
    .blog_details .main_blog_inner .cntnt{
      padding: 2rem;
    }
    .blog_details .blog_detail_cntnt blockquote{
      font-size: 20px;
    }
    .blog_details .blog_detail_cntnt .grid_blk_detail{
      flex-direction: column;
    }
    .share_footer_blog{
      flex-direction: column-reverse;
      gap: 2rem;
    }
    .share_footer_blog .colR{
      align-self: flex-start;
      flex-wrap: wrap;
    }
}