@charset "UTF-8";
@import url("../js/library/fontawesome/css/all.css");
@import url("../js/library/fontawesome/fontawesome/fontawesome.css");
@import url("../js/library/aos/aos.css");
@import url("../js/library/swiper/swiper-bundle.min.css");
@import url("../js/library/select2/select2.min.css");
@import url("../js/library/gallery/lightgallery.min.css");
@import url("../js/library/splitting/splitting.css");
@import url("../js/library/fancybox/fancybox.css");
@import url("../js/library/datetime/daterangepicker.css");
@import url("../assets/font/Famijen_Grotesk/stylesheet.css");
@import url("../assets/font/KS_double_line/stylesheet.css");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.mona-content strong,
.mona-content b {
  font-weight: bold;
}
.mona-content em,
.mona-content i {
  font-style: italic;
}
.mona-content h1,
.mona-content h2,
.mona-content h3,
.mona-content h4,
.mona-content h5,
.mona-content h6 {
  line-height: 1.3;
  margin-bottom: 0.5em;
  margin-top: 0.6em;
}
.mona-content h1 {
  font-size: 1.7em;
}
.mona-content h2 {
  font-size: 1.6em;
}
.mona-content h3 {
  font-size: 1.25em;
}
.mona-content h4 {
  font-size: 1.125em;
}
.mona-content h5 {
  font-size: 1em;
}
.mona-content h6 {
  font-size: 0.85em;
}
.mona-content p {
  margin: 1em 0;
}
.mona-content ul,
.mona-content ol {
  margin: 1em 0;
  list-style-position: inside;
}
.mona-content ul ul,
.mona-content ul ol,
.mona-content ol ul,
.mona-content ol ol {
  margin-left: 1em;
}
.mona-content ul {
  list-style-type: disc;
}
.mona-content ol {
  list-style-type: decimal;
}
.mona-content ul ul,
.mona-content ol ul {
  list-style-type: circle;
}
.mona-content ol ol,
.mona-content ul ol {
  list-style-type: lower-latin;
}
.mona-content img,
.mona-content iframe {
  max-width: 100% !important;
  height: auto;
}
.mona-content blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1em 0;
  padding: 1em;
  quotes: "“" "”" "‘" "’";
}
.mona-content blockquote::before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.mona-content blockquote p {
  display: inline;
}
.mona-content table {
  border-collapse: collapse;
  max-width: 100%;
  margin: 1em 0;
  border: 1px solid #e1e1e1;
}
.mona-content table th,
.mona-content table td {
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 10px;
  vertical-align: middle;
}
.mona-content .mona-youtube-wrap {
  position: relative;
  height: 0;
  padding-top: 56.25%;
}
.mona-content .mona-youtube-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mona-content .mona-table-wrap {
  overflow: auto;
}

:root {
  --size-hd: 10rem;
  --pd-sc: 8rem;
  --size-hd-mb: 6rem;
  --size-hd-sticky: 6rem;
}
@media (max-width: 1200px) {
  :root {
    --pd-sc: 4rem;
    --size-hd: 6rem;
  }
}

* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  margin: unset !important;
}
@media screen and (min-width: 2000px) {
  html {
    font-size: 100%;
  }
}

body {
  font-family: "Familjen Grotesk";
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
  color: #031230;
  overflow: hidden auto;
}
@media screen and (min-width: 2000px) {
  body {
    font-size: 20px;
  }
}

a {
  text-decoration: none;
  color: inherit;
}

button,
select {
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  cursor: pointer;
}

button {
  padding: 0;
  background-color: transparent;
}

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Familjen Grotesk", sans-serif;
}

.main {
  overflow: hidden;
  min-height: 68vh;
}
@media screen and (max-width: 1200px) {
  .main {
    padding-top: var(--size-hd);
  }
}
.main.page-home {
  background: #f9f9f9;
  padding-top: var(--size-hd);
}
.main.main-blogdt {
  padding-top: var(--size-hd);
}

.container {
  width: 100%;
  max-width: 123rem;
  height: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.over {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.over::-webkit-scrollbar {
  display: none;
}

.no-scroll {
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
  overscroll-behavior: none;
}

iframe {
  vertical-align: middle;
}

.load-item {
  display: none;
}

.show-hide-toggle {
  cursor: pointer;
}

img {
  max-width: 100%;
  border-radius: inherit;
  height: auto;
}

.global-title {
  max-width: 0;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}

.wow {
  animation-duration: 1s;
}

.wow {
  visibility: hidden;
}

.lg-rotate-left,
.lg-rotate-right,
.lg-flip-hor,
.lg-flip-ver,
.lg-share,
.lg-actual-size,
.lg-zoom-in,
.lg-zoom-out,
.lg-actual-size,
.lg-autoplay-button,
#lg-share,
#lg-zoom-in,
#lg-zoom-out,
.lg-download {
  display: none;
}

.dnor {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5rem;
  margin-bottom: -1.5rem;
}
.dnor-item {
  padding: 0 1.5rem;
  margin-bottom: 1.5rem;
}

.dsmall {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.2rem;
  margin-bottom: -2.4rem;
}
.dsmall-item {
  padding: 0 1.2rem;
  margin-bottom: 2.4rem;
}

.dmini {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.5rem;
  margin-bottom: -1rem;
}
.dmini-item {
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}

.fl-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.2rem;
  margin-bottom: -2.4rem;
}
@media screen and (max-width: 500px) {
  .fl-list {
    margin: 0 -0.4rem;
    margin-bottom: -0.8rem;
  }
}
.fl-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 0 1.2rem;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 500px) {
  .fl-item {
    padding: 0 0.4rem;
    margin-bottom: 0.8rem;
  }
}

@-webkit-keyframes phoneRing {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@-moz-keyframes phoneRing {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@-ms-keyframes phoneRing {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@-o-keyframes phoneRing {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@keyframes phoneRing {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
@keyframes moveRight {
  0% {
    width: 2rem;
    transform: translateX(0);
  }
  45% {
    width: 2.6rem;
  }
  100% {
    width: 2rem;
    transform: translateX(2.2rem);
  }
}
@keyframes moveLeft {
  0% {
    width: 2rem;
    transform: translateX(2.2rem);
  }
  45% {
    width: 2.6rem;
  }
  100% {
    width: 2rem;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@-moz-keyframes shine {
  100% {
    left: 125%;
  }
}
@-ms-keyframes shine {
  100% {
    left: 125%;
  }
}
@-o-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
@-webkit-keyframes ZoomIn {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes ZoomIn {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-ms-keyframes ZoomIn {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes ZoomIn {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ZoomIn {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes shad-anim {
  0% {
    background-position: 0 0;
  }
  0% {
    background-position: 100% -100%;
  }
}
@-webkit-keyframes Spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes Spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes Spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes Spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes Spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes BTT {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes BTT {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes BTT {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes BTT {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes BTT {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pro {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@-ms-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes halo {
  from {
    transform: translate(-50%, -50%) scale(0);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-moz-keyframes halo {
  from {
    transform: translate(-50%, -50%) scale(0);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-ms-keyframes halo {
  from {
    transform: translate(-50%, -50%) scale(0);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-o-keyframes halo {
  from {
    transform: translate(-50%, -50%) scale(0);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes halo {
  from {
    transform: translate(-50%, -50%) scale(0);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@-moz-keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@-ms-keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@-o-keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@-webkit-keyframes mirror {
  100% {
    transform: translate3d(2000%, 0, 0) rotate(35deg);
  }
}
@-moz-keyframes mirror {
  100% {
    transform: translate3d(2000%, 0, 0) rotate(35deg);
  }
}
@-ms-keyframes mirror {
  100% {
    transform: translate3d(2000%, 0, 0) rotate(35deg);
  }
}
@-o-keyframes mirror {
  100% {
    transform: translate3d(2000%, 0, 0) rotate(35deg);
  }
}
@keyframes mirror {
  100% {
    transform: translate3d(2000%, 0, 0) rotate(35deg);
  }
}
@-webkit-keyframes DownUp {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-10px);
  }
  100% {
    transform: translatey(0px);
  }
}
@-moz-keyframes DownUp {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-10px);
  }
  100% {
    transform: translatey(0px);
  }
}
@-ms-keyframes DownUp {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-10px);
  }
  100% {
    transform: translatey(0px);
  }
}
@-o-keyframes DownUp {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-10px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes DownUp {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-10px);
  }
  100% {
    transform: translatey(0px);
  }
}
@-webkit-keyframes jelly {
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
@-moz-keyframes jelly {
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
@-ms-keyframes jelly {
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
@-o-keyframes jelly {
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
@keyframes jelly {
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes jellyTranForm {
  25% {
    transform: translate(-50%, -50%) scale(0.9, 1.1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1, 0.9);
  }
  75% {
    transform: translate(-50%, -50%) scale(0.95, 1.05);
  }
}
@-moz-keyframes jellyTranForm {
  25% {
    transform: translate(-50%, -50%) scale(0.9, 1.1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1, 0.9);
  }
  75% {
    transform: translate(-50%, -50%) scale(0.95, 1.05);
  }
}
@-ms-keyframes jellyTranForm {
  25% {
    transform: translate(-50%, -50%) scale(0.9, 1.1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1, 0.9);
  }
  75% {
    transform: translate(-50%, -50%) scale(0.95, 1.05);
  }
}
@-o-keyframes jellyTranForm {
  25% {
    transform: translate(-50%, -50%) scale(0.9, 1.1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1, 0.9);
  }
  75% {
    transform: translate(-50%, -50%) scale(0.95, 1.05);
  }
}
@keyframes jellyTranForm {
  25% {
    transform: translate(-50%, -50%) scale(0.9, 1.1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1, 0.9);
  }
  75% {
    transform: translate(-50%, -50%) scale(0.95, 1.05);
  }
}
@-webkit-keyframes jittery {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.05);
  }
  20% {
    transform: scale(1.05) rotate(-5deg);
  }
  25% {
    transform: scale(1.05) rotate(5deg);
  }
  30% {
    transform: scale(1.05) rotate(-3deg);
  }
  35% {
    transform: scale(1.05) rotate(2deg);
  }
  40% {
    transform: scale(1.05) rotate(0);
  }
}
@-moz-keyframes jittery {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.05);
  }
  20% {
    transform: scale(1.05) rotate(-5deg);
  }
  25% {
    transform: scale(1.05) rotate(5deg);
  }
  30% {
    transform: scale(1.05) rotate(-3deg);
  }
  35% {
    transform: scale(1.05) rotate(2deg);
  }
  40% {
    transform: scale(1.05) rotate(0);
  }
}
@-ms-keyframes jittery {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.05);
  }
  20% {
    transform: scale(1.05) rotate(-5deg);
  }
  25% {
    transform: scale(1.05) rotate(5deg);
  }
  30% {
    transform: scale(1.05) rotate(-3deg);
  }
  35% {
    transform: scale(1.05) rotate(2deg);
  }
  40% {
    transform: scale(1.05) rotate(0);
  }
}
@-o-keyframes jittery {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.05);
  }
  20% {
    transform: scale(1.05) rotate(-5deg);
  }
  25% {
    transform: scale(1.05) rotate(5deg);
  }
  30% {
    transform: scale(1.05) rotate(-3deg);
  }
  35% {
    transform: scale(1.05) rotate(2deg);
  }
  40% {
    transform: scale(1.05) rotate(0);
  }
}
@keyframes jittery {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.05);
  }
  20% {
    transform: scale(1.05) rotate(-5deg);
  }
  25% {
    transform: scale(1.05) rotate(5deg);
  }
  30% {
    transform: scale(1.05) rotate(-3deg);
  }
  35% {
    transform: scale(1.05) rotate(2deg);
  }
  40% {
    transform: scale(1.05) rotate(0);
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes grow {
  from {
    transform: scale(0, 0);
    opacity: 1;
  }
  to {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
@-moz-keyframes grow {
  from {
    transform: scale(0, 0);
    opacity: 1;
  }
  to {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
@-ms-keyframes grow {
  from {
    transform: scale(0, 0);
    opacity: 1;
  }
  to {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
@-o-keyframes grow {
  from {
    transform: scale(0, 0);
    opacity: 1;
  }
  to {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
@keyframes grow {
  from {
    transform: scale(0, 0);
    opacity: 1;
  }
  to {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
@-webkit-keyframes txt-focus {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@-moz-keyframes txt-focus {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@-ms-keyframes txt-focus {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@-o-keyframes txt-focus {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes txt-focus {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MaskPlay {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@-moz-keyframes MaskPlay {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@-ms-keyframes MaskPlay {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@-o-keyframes MaskPlay {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@keyframes MaskPlay {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
.back-to-top {
  width: 4rem;
  height: 4rem;
  border-radius: 0.6rem;
  background-color: #f66315;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  position: fixed;
  bottom: 10rem;
  right: 1rem;
  z-index: 7;
  transform: translateX(3rem);
  opacity: 0;
  display: none;
  transition: 0.5s linear;
  cursor: pointer;
  visibility: hidden;
}
.back-to-top.active {
  visibility: visible;
  transform: translateX(0);
  opacity: 1;
}
.back-to-top .triangle {
  display: block;
  width: 0;
  height: 0;
  z-index: 2;
  border: 8px solid transparent;
  border-bottom: 6px solid #fff;
  margin-top: -6px;
  border-radius: 5px;
}
.back-to-top .triangle:nth-child(1) {
  animation: BTT 1.5s linear 0.6s infinite;
}
.back-to-top .triangle:nth-child(2) {
  animation: BTT 1.5s linear 0.3s infinite;
}
.back-to-top .triangle:nth-child(3) {
  animation: BTT 1.5s linear 0s infinite;
}
@media only screen and (min-width: 901px) {
  .back-to-top:hover {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
  }
}

[data-aos=fade-up-cus] {
  transform: translate(0, 4rem);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos=fade-up-cus].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=fade-down-cus] {
  transform: translate(0, -4rem);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos=fade-down-cus].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=fade-left-cus] {
  transform: translate(4rem, 0);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos=fade-left-cus].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=fade-right-cus] {
  transform: translate(-4rem, 0);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos=fade-right-cus].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

.header-nav {
  height: inherit;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .header-nav {
    display: none;
  }
}
.header-nav .menu {
  height: inherit;
}
.header-nav .menu-nav {
  height: 100%;
}
.header-nav .menu-nav > .menu-list {
  height: 100%;
  justify-content: center;
  margin: 0 -1rem;
}
.header-nav .menu-nav > .menu-list > .menu-item {
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.header-nav .menu-nav > .menu-list > .menu-item:last-child > .menu-list {
  left: initial;
  right: 0;
}
@media screen and (min-width: 1200px) {
  .header-nav .menu-nav > .menu-list > .menu-item:hover > a {
    color: #f66315;
  }
  .header-nav .menu-nav > .menu-list > .menu-item:hover > a i {
    transform: rotate(180deg);
  }
}
.header-nav .menu-nav > .menu-list > .menu-item > .menu-link {
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.header-nav .menu-nav > .menu-list > .menu-item.current_page_item > a, .header-nav .menu-nav > .menu-list > .menu-item.current-menu-item > a {
  color: #f66315;
}
.header-nav .menu-nav > .menu-list > .menu-item.current_page_parent > a {
  color: #f66315;
}
.header-nav .menu-nav > .menu-list > .menu-item > .menu-list {
  top: 100%;
}
.header-nav .menu-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.header-nav .menu-item {
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  padding: 0 1rem;
}
@media screen and (min-width: 1200px) {
  .header-nav .menu-item:hover > .menu-list {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
  }
}
.header-nav .menu-item:hover > .menu-list > .menu-item.current_page_item > a, .header-nav .menu-item:hover > .menu-list > .menu-item.current-menu-item > a {
  color: #f66315;
}
.header-nav .menu-item:hover > .menu-list > .menu-item.current_page_item > a > i, .header-nav .menu-item:hover > .menu-list > .menu-item.current-menu-item > a > i {
  color: white;
}
@media screen and (min-width: 1201px) {
  .header-nav .menu-item:hover > .menu-mega {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    transform: translate(-50%, 0);
  }
}
.header-nav .menu-item .menu-link,
.header-nav .menu-item a {
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
}
.header-nav .menu-item .menu-link i,
.header-nav .menu-item a i {
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
}
.header-nav .menu-item > .menu-link,
.header-nav .menu-item > a {
  font-weight: 500;
  color: #444545;
  text-transform: uppercase;
  height: inherit;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.header-nav .menu-item > .menu-link > i,
.header-nav .menu-item > a > i {
  display: none;
  font-weight: 600;
  margin-left: 0.4rem;
}
.header-nav .menu-item.dropdown > a > i {
  display: inline-block;
}
.header-nav .menu-item > .menu-list {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 25rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 10px;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  padding-left: 1.5rem;
}
@media screen and (min-width: 1200px) {
  .header-nav .menu-item > .menu-list {
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 5px);
  }
}
.header-nav .menu-item > .menu-list > .menu-item {
  padding: 0.8rem 0;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .header-nav .menu-item > .menu-list > .menu-item:hover::after {
    opacity: 1;
  }
  .header-nav .menu-item > .menu-list > .menu-item:hover > .menu-link,
.header-nav .menu-item > .menu-list > .menu-item:hover > a {
    color: #f66315;
  }
}
.header-nav .menu-item > .menu-list > .menu-item > .menu-link,
.header-nav .menu-item > .menu-list > .menu-item > a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-nav .menu-item > .menu-list > .menu-item > .menu-link > i,
.header-nav .menu-item > .menu-list > .menu-item > a > i {
  transform: rotate(-90deg) translate(5px, 0);
  margin-top: 0.8rem;
}
.header-nav .menu-item > .menu-list > .menu-item > .menu-list {
  left: 100%;
}
.header-nav .menu-item > .menu-mega {
  position: absolute;
  top: 100%;
  width: 100vw;
  left: 50%;
  background: #fff;
  -webkit-transform: translate(-50%, 0.5rem);
  transform: translate(-50%, 0.5rem);
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  z-index: 10;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.header-nav .menu-item > .menu-mega .menu-mega-py {
  -webkit-box-shadow: 0px 0.4rem 3rem 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.4rem 3rem 0px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  max-height: calc(100vh - var(--size-hd));
  position: relative;
}
.header-nav .menu-item > .menu-mega .menu-mega-pri {
  padding: 2.4rem;
  height: 100%;
  background: linear-gradient(315deg, rgba(255, 255, 255, 0.81) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%);
  position: relative;
}
.header-nav .menu-item > .menu-mega .menu-mega-pri::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #e27237;
  backdrop-filter: blur(2.5rem);
  z-index: -1;
}
.header-nav .menu-item > .menu-mega .menu-mega-pri .menu-mega-list .menu-mega-item .menu-mega-link {
  font-size: 1.8rem;
  text-transform: uppercase;
}
.header-nav .menu-item > .menu-mega .megaPanel {
  display: none;
}
.header-nav .menu-item > .menu-mega .megaPanel.open {
  display: block;
  -webkit-animation: fadeIn 0.75s ease-in;
  animation: fadeIn 0.75s ease-in;
}
.header-nav .menu-item > .menu-mega .menu-mega-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.2rem;
  width: 100%;
}
.header-nav .menu-item > .menu-mega .menu-mega-left {
  width: 20%;
  padding: 0 1.2rem;
}
.header-nav .menu-item > .menu-mega .menu-mega-right {
  width: 80%;
  padding: 0 1.2rem;
}
.header-nav .menu-item > .menu-mega .menu-mega-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  row-gap: 1.8rem;
  margin-top: 1.6rem;
}
.header-nav .menu-item > .menu-mega .menu-mega-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
  transition: 0.3s ease-in-out;
  align-items: center;
  cursor: pointer;
}
.header-nav .menu-item > .menu-mega .menu-mega-item.active .menu-mega-link {
  color: #f66315;
}
.header-nav .menu-item > .menu-mega .menu-mega-item.active::after {
  color: #f66315;
}
@media (hover: hover) {
  .header-nav .menu-item > .menu-mega .menu-mega-item:hover .menu-mega-link {
    color: #f66315;
  }
  .header-nav .menu-item > .menu-mega .menu-mega-item:hover::after {
    color: #f66315;
  }
}
.header-nav .menu-item > .menu-mega .menu-mega-item::after {
  content: "\f054";
  width: 2rem;
  height: 2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font-family: "Font Awesome 6 Pro";
  transition: 0.3s ease-in-out;
}
.header-nav .menu-item > .menu-mega .menu-mega-link {
  font-size: 1.6rem;
  font-weight: 500;
  color: #444545;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.header-nav .menu-item > .menu-mega .menu-mega-side {
  padding: 2.4rem 0;
}
.header-nav .menu-item > .menu-mega .menu-mega-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.6rem;
  row-gap: 2rem;
}
.header-nav .menu-item > .menu-mega .menu-mega-col {
  width: 25%;
  padding: 0 1.6rem;
}
.header-nav .menu-item > .menu-mega .menu-mega-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.4rem;
  border-bottom: 0.1rem solid #031230;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
  color: #f66315;
}
.header-nav .menu-item > .menu-mega .menu-mega-head .icon {
  font-size: 1.4rem;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  transition: 0.3s ease-in-out;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
@media screen and (min-width: 1201px) {
  .header-nav .menu-item > .menu-mega .menu-mega-head .icon {
    display: none;
  }
}
.header-nav .menu-item > .menu-mega .menu-mega-head .icon i {
  font-weight: 500;
}
.header-nav .menu-item > .menu-mega .menu-mega-box .menu-mega-list {
  row-gap: 0.6rem;
}
.header-nav .menu-item > .menu-mega .menu-mega-box .menu-mega-list .menu-mega-item::after {
  display: none;
}
.header-nav .menu-item > .menu-mega .menu-mega-box .btn {
  margin: unset;
  padding: unset;
  background: unset;
}
.header-nav .menu-item > .menu-mega .menu-mega-box .btn .btn-inner {
  padding: 0 0.2rem;
}
.header-nav .menu-item > .menu-mega .menu-mega-box .btn .btn-inner .text {
  color: #f66315;
  line-height: 1.55;
}
@media (hover: hover) {
  .header-nav .menu-item > .menu-mega .menu-mega-box .btn .btn-inner .text:hover {
    color: #031230;
  }
}
.header-nav .menu-item > .menu-mega .menu-mega-box .btn::before {
  display: none;
}

.mobile-nav > .menu-list > .menu-item.current_page_item > a, .mobile-nav > .menu-list > .menu-item.current-menu-item > a {
  color: #f66315;
}
.mobile-nav > .menu-list > .menu-item:has(.current-menu-item) > a {
  color: #f66315;
}
.mobile-nav > .menu-list > .menu-item > a {
  padding: 1.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #031230;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-nav > .menu-list > .menu-item > a::before {
  display: none;
}
.mobile .menu-item.dropdown > a > i {
  display: flex;
}
.mobile .menu-item.active > a > i {
  transform: rotate(180deg);
}
.mobile .menu-item a {
  position: relative;
}
.mobile .menu-item a i {
  width: 2.4rem;
  height: 2.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  display: none;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.mobile .menu-item a.menu-product {
  display: none;
}
.mobile .menu-item > a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem;
  font-size: 1.4rem;
  color: #031230;
  font-weight: 500;
}
.mobile .menu-item > a.menu-product > i {
  pointer-events: none;
}
.mobile .menu-item > .menu-list {
  display: none;
  margin-left: 1.6rem;
  position: relative;
}
.mobile .menu-item > .menu-list::before {
  content: "";
  position: absolute;
  top: 2rem;
  bottom: 2rem;
  left: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.mobile .menu-item > .menu-list > .menu-item.current_page_item > a, .mobile .menu-item > .menu-list > .menu-item.current-menu-item > a {
  color: #f66315;
}
.mobile .menu-item > .menu-list > .menu-item:has(.current-menu-item) > a {
  color: #f66315;
}

::-webkit-scrollbar {
  width: 0.5rem;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #031230;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #031230;
}

.header {
  height: var(--size-hd);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.3s ease-in-out;
  z-index: 50;
  box-shadow: 0px 1rem 3rem 0px rgba(0, 0, 0, 0.1);
  border-bottom: 0.1rem solid #fff;
}
.header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(2.5rem);
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  .header::before {
    backdrop-filter: unset;
    background: #fff;
  }
}
.header.sticky {
  height: var(--size-hd-sticky);
}
.header.sticky .custom-logo-link img {
  max-width: 75%;
}
@media screen and (max-width: 1200px) {
  .header.sticky .custom-logo-link img {
    max-width: 100%;
  }
}
.header-logo {
  padding-right: 2rem;
  height: inherit;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-right: 0.1rem solid #fff;
}
@media screen and (max-width: 1200px) {
  .header-logo {
    border-right: unset;
    padding: unset;
    position: absolute;
    width: max-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.header .custom-logo-link {
  display: block;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  width: 7.8rem;
}
@media screen and (max-width: 1201px) {
  .header .custom-logo-link {
    width: 6rem;
  }
}
.header .custom-logo-link img {
  display: block;
  max-width: 100%;
  height: auto;
  transition: 0.3s ease-in-out;
}
.header-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  height: inherit;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .header-wrap {
    justify-content: space-between;
    width: 100%;
  }
}
.header-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex: 1;
  gap: 0.8rem;
  height: inherit;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .header-gr {
    flex: unset;
  }
}
.header-action {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header-action {
    gap: 0.4rem;
  }
}
.header-action .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  border: 0.1rem solid #7f8080;
  flex-shrink: 0;
  transition: 0.3s ease-in-out;
  color: #444545;
  cursor: pointer;
}
@media (hover: hover) {
  .header-action .icon:hover {
    color: #e10600;
  }
}
@media screen and (max-width: 500px) {
  .header-action .icon {
    width: 3rem;
    height: 3rem;
  }
}
.header-control {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header-control {
    gap: 0.4rem;
  }
}
.header-btn {
  border: 0.1rem solid #fff;
  border-radius: 4rem;
  position: relative;
}
.header-btn .tnum {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 0.1rem solid rgb(254, 239, 232);
  background: #e10600;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  top: 0;
  left: 100%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-width: 500px) {
  .header-btn .tnum {
    width: 2rem;
    height: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .header-btn {
    border: unset;
  }
}
.header-btn .btn.side-open .btn-inner {
  padding: 0.6rem 1rem;
  border-radius: inherit;
}
@media screen and (max-width: 768px) {
  .header-btn .btn.side-open .btn-inner {
    padding: unset;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
  }
}
@media screen and (max-width: 500px) {
  .header-btn .btn.side-open .btn-inner {
    width: 3rem;
    height: 3rem;
  }
}
.header-btn .btn.side-open .btn-inner .text {
  font-weight: 500;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .header-btn .btn.side-open .btn-inner .text {
    display: none;
  }
}
.header-profile-inner {
  width: 3.4rem;
  height: 3.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border-radius: 4rem;
  border: 0.1rem solid #7f8080;
}
@media screen and (max-width: 768px) {
  .header-profile-inner {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    padding: unset;
    justify-content: center;
  }
}
@media screen and (max-width: 500px) {
  .header-profile-inner {
    width: 3rem;
    height: 3rem;
  }
}
.header-profile-inner .avt {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .header-profile-inner .avt {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    padding: unset;
    justify-content: center;
  }
}
@media screen and (max-width: 500px) {
  .header-profile-inner .avt {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.header-profile-inner .avt img {
  width: 100%;
  object-fit: cover;
}
.header-profile-inner .text {
  color: #444545;
  display: none;
}

@media screen and (max-width: 768px) {
  .woocommerce-checkout .header-btn .btn .btn-inner {
    padding: unset;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
  }
  .woocommerce-checkout .header-btn .btn .btn-inner .text {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .woocommerce-checkout .header-btn .btn .btn-inner {
    width: 3rem;
    height: 3rem;
  }
}

.footer {
  padding: 6rem 0;
  position: relative;
  background: linear-gradient(315deg, rgba(255, 255, 255, 0.81) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%);
}
@media screen and (max-width: 1200px) {
  .footer {
    padding: 4rem 0;
  }
}
.footer::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #e27237;
  backdrop-filter: blur(2.5rem);
  z-index: -1;
}
.footer-dcor {
  position: absolute;
  width: 22%;
  right: 0;
  top: 0;
  transform: translateY(-50%);
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .footer-dcor {
    width: 40%;
  }
}
.footer-dcor img {
  display: block;
  width: 100%;
}
.footer-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin: 0 -3rem;
}
@media screen and (max-width: 1300px) {
  .footer-flex {
    margin: 0 -1.2rem;
  }
}
@media screen and (max-width: 1040px) {
  .footer-flex {
    flex-direction: column;
    row-gap: 2.4rem;
  }
}
.footer-left {
  width: 25%;
  padding: 0 3rem;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .footer-left {
    padding: 0 1.2rem;
  }
}
@media screen and (max-width: 1040px) {
  .footer-left {
    width: 100%;
  }
  .footer-left::before {
    display: none;
  }
}
.footer-left::before {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: calc(100% + 16rem);
  top: 50%;
  background: #fff;
  right: 0;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1200px) {
  .footer-left::before {
    height: calc(100% + 11rem);
  }
}
.footer-right {
  width: 75%;
  padding: 0 3rem;
}
@media screen and (max-width: 1300px) {
  .footer-right {
    padding: 0 1.2rem;
  }
}
@media screen and (max-width: 1040px) {
  .footer-right {
    width: 100%;
  }
}
.footer-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 1040px) {
  .footer-info {
    flex-direction: row;
    flex-wrap: wrap;
    gap: unset;
    row-gap: 2.4rem;
    margin: 0 -1.2rem;
  }
}
.footer-logo {
  flex-shrink: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
@media screen and (max-width: 1040px) {
  .footer-logo {
    width: 100%;
    padding: 0 1.2rem;
  }
}
.footer-logo .custom-logo-link {
  display: inline-block;
  width: 10rem;
}
@media screen and (max-width: 1040px) {
  .footer-logo .custom-logo-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    height: 100%;
    margin: 0 auto;
  }
  .footer-logo .custom-logo-link img {
    display: block;
  }
}
@media screen and (max-width: 1040px) {
  .footer-adr {
    width: 50%;
    padding: 0 1.2rem;
  }
}
@media screen and (max-width: 540px) {
  .footer-adr {
    width: 100%;
  }
}
.footer-adr .txt {
  font-size: 1.4rem;
  color: #444545;
  margin-bottom: 0.4rem;
}
.footer-adr-item:not(:last-child) {
  margin-bottom: 1rem;
}
.footer-adr-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.4rem;
}
.footer-adr-gr .icon {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.footer-adr-gr .text {
  font-size: 1.4rem;
  color: #444545;
}
.footer-des {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 1040px) {
  .footer-des {
    width: 50%;
    padding: 0 1.2rem;
  }
}
@media screen and (max-width: 540px) {
  .footer-des {
    width: 100%;
  }
}
.footer-des .text {
  font-size: 1.4rem;
  color: #444545;
}
.footer-des .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.footer-sign {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.4rem;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1040px) {
  .footer-sign {
    display: none;
  }
}
.footer-sign.onmobile {
  display: none;
}
@media screen and (max-width: 1040px) {
  .footer-sign.onmobile {
    margin-top: 4rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
  }
}
.footer-sign .text {
  font-size: 1.4rem;
  color: #444545;
}
.footer-sign .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.footer-ct {
  padding-bottom: 3.4rem;
  position: relative;
  border-bottom: 0.1rem solid #fff;
}
.footer-ct::before {
  content: "";
  position: absolute;
  width: 3rem;
  right: 100%;
  bottom: -0.1rem;
  height: 0.1rem;
  background: #fff;
}
@media screen and (max-width: 1300px) {
  .footer-ct::before {
    width: 1.2rem;
  }
}
@media screen and (max-width: 1040px) {
  .footer-ct {
    padding: 2.4rem 0;
    border-top: 0.1rem solid #fff;
  }
}
.footer-ct-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -0.4rem;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 1.2rem;
}
.footer-ct-item {
  padding: 0 0.4rem;
}
@media screen and (max-width: 650px) {
  .footer-ct-item {
    width: 50%;
  }
}
.footer-ct-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.4rem;
}
.footer-ct-gr .icon {
  width: 1.6rem;
  height: 1.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 430px) {
  .footer-ct-gr .icon {
    display: none;
  }
}
.footer-ct-gr .tgroup {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
.footer-ct-gr .tgroup .text {
  font-size: 1.4rem;
  color: #444545;
}
.footer-ct-gr .tgroup .link {
  color: #f66315;
  font-size: 1.8rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
@media only screen and (max-width: 1200px) {
  .footer-ct-gr .tgroup .link {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 800px) {
  .footer-ct-gr .tgroup .link {
    font-size: 1.5rem;
  }
}
.footer-asset {
  padding-top: 4rem;
}
@media screen and (max-width: 840px) {
  .footer-asset {
    padding-top: 2.4rem;
  }
}
.footer-asset-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -0.4rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 760px) {
  .footer-asset-flex {
    row-gap: 1.2rem;
  }
}
.footer-asset-col {
  padding: 0 0.4rem;
}
@media screen and (max-width: 760px) {
  .footer-asset-col {
    width: 50%;
  }
  .footer-asset-col:last-child {
    width: 100%;
  }
  .footer-asset-col:last-child .footer-asset-ctn {
    align-items: center;
  }
}
.footer-asset-ctn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer-asset-ctn .tt {
  font-size: 1.6rem;
  font-weight: 500;
  color: #031230;
}
.footer-asset .menu-list .menu-item:not(:last-child) {
  margin-bottom: 1rem;
}
.footer-asset .menu-list .menu-link {
  font-size: 1.4rem;
  color: #444545;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .footer-asset .menu-list .menu-link:hover {
    color: #f66315;
  }
}
.footer-asset-pay {
  margin-top: 2rem;
}
.footer-asset-pay .fgroup {
  margin-top: 1.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 3rem;
  justify-content: space-between;
}
@media screen and (max-width: 760px) {
  .footer-asset-pay .fgroup {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 400px) {
  .footer-asset-pay .fgroup {
    gap: 1.2rem;
  }
}
.footer-asset-pay .fitem {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
}
.footer-asset-pay .fitem .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.footer-asset-pay .fitem .text {
  font-size: 1.4rem;
  color: #444545;
}
.footer-asset-socials {
  margin-top: 1rem;
}
.footer-asset-social {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
}
.footer-asset-social .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .footer-asset-social .icon:hover {
    transform: translateY(-0.5rem);
  }
}
.footer-slider {
  margin-top: 5rem;
}
@media screen and (max-width: 1040px) {
  .footer-slider {
    margin-top: 2.4rem;
  }
}
.footer-slider-inner .tt {
  font-size: 1.6rem;
  font-weight: 500;
  color: #031230;
}
.footer-slider-sw {
  padding-top: 2.4rem;
  position: relative;
}
.footer-slider-sw .swiper-slide {
  height: auto;
}
.footer-slider-sw .inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.footer-slider-sw .inner img {
  display: block;
}
.footer-slider-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.footer-slider-control {
  position: absolute;
  bottom: 100%;
  right: 0;
}
.footer .footer-description.widget_media_image {
  width: 12rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 0 auto;
}
@media screen and (max-width: 500px) {
  .footer .footer-description.widget_media_image {
    width: 20rem;
    margin-top: 1.2rem;
  }
}
.footer .footer-description.widget_media_image img {
  width: 100%;
  display: block;
}

.pdp-tabPanel-content.x0 .left {
  width: 100% !important;
}

.hamburger {
  width: 3.5rem;
  overflow: hidden;
}
@media screen and (min-width: 1201px) {
  .hamburger {
    display: none;
  }
}
.hamburger-label {
  position: relative;
  display: block;
  height: 2.8rem;
  cursor: pointer;
}
.hamburger-label::before, .hamburger-label::after,
.hamburger-label .hamburger-text {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background: #f66315;
}
.hamburger-label::before, .hamburger-label::after {
  content: "";
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) left;
}
.hamburger-label::before {
  top: 0;
}
.hamburger-label::after {
  top: 1.2rem;
}
.hamburger-text {
  top: 2.4rem;
}
.hamburger-text::before {
  content: "CLOSE";
  position: absolute;
  top: 0.5rem;
  right: 0;
  left: 0;
  color: #f66315;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
}
.hamburger.active .hamburger-label:before {
  left: -3.9rem;
}
.hamburger.active .hamburger-label:after {
  left: 3.9rem;
}
.hamburger.active .hamburger-label .hamburger-text:before {
  animation: moveUpThenDown 0.8s ease 0.2s forwards, shakeWhileMovingUp 0.8s ease 0.2s forwards, shakeWhileMovingDown 0.2s ease 0.8s forwards;
}

@keyframes moveUpThenDown {
  0% {
    top: 0;
  }
  50% {
    top: -27px;
  }
  100% {
    top: -18px;
  }
}
@keyframes shakeWhileMovingUp {
  0% {
    transform: rotateZ(0);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  50% {
    transform: rotateZ(0deg);
  }
  75% {
    transform: rotateZ(10deg);
  }
  100% {
    transform: rotateZ(0);
  }
}
@keyframes shakeWhileMovingDown {
  0% {
    transform: rotateZ(0);
  }
  80% {
    transform: rotateZ(3deg);
  }
  90% {
    transform: rotateZ(-3deg);
  }
  100% {
    transform: rotateZ(0);
  }
}
@media screen and (min-width: 1201px) {
  .header-burger {
    display: none;
  }
}

.select2-container {
  height: 4.5rem;
  background-color: transparent;
  border-radius: 6px;
}
.select2-container .selection {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  height: 100%;
}
.select2-container .selection .select2-selection--single {
  border: none;
  border-radius: 0.8rem;
  color: #ffffff;
  height: 100%;
  background-color: transparent;
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.select2.select2-container {
  width: 100% !important;
}

.select2.select2-container .select2-selection--multiple {
  height: auto;
  min-height: 34px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  background-color: transparent;
  border: 1px solid transparent;
  color: #000000;
  font-size: 1.6rem;
  font-weight: 400;
  display: inline !important;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block;
  padding: 0 4px;
}

.select2-container .select2-dropdown {
  background: transparent;
  border: none;
}

.select2-container .select2-dropdown .select2-search {
  padding: 0;
}

.select2-container .select2-dropdown .select2-search input {
  outline: none !important;
  border: none;
  border-bottom: none !important;
  padding: 4px 6px !important;
  background-color: #000000;
  color: #000000;
}

.select2-container .select2-dropdown .select2-results ul {
  background: #feefe8;
  color: #000000;
}

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
  background-color: #031230;
  font-size: 1.6rem;
}

.select2-container--default .select2-results__option--selected {
  background-color: #e6eeed;
  color: #000000;
  font-size: 1.6rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  border-color: #000 transparent transparent transparent;
}

.select2-search.select2-search--dropdown {
  display: none !important;
}

.select2-results__option {
  font-size: 1.6rem;
}

.select2-results {
  display: block;
  border-radius: 6px !important;
  overflow: hidden;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-radius: 0.8rem !important;
}

.effectShine {
  position: relative;
  overflow: hidden;
}

.effectShine::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.effectShine:hover::before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  visibility: hidden;
  pointer-events: none;
}
.popup-search-form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  row-gap: 1.2rem;
}
.popup-search-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  row-gap: 2.4rem;
}
.popup.open {
  visibility: visible;
  pointer-events: visible;
}
.popup.open .popup-overlay {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.popup.open .popup-main {
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  clip-path: polygon();
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -moz-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.popup-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.popup-main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 70rem;
  max-width: 95%;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  clip-path: polygon();
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -moz-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -ms-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -o-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
.popup-main-wrapper {
  overflow: hidden;
  border-radius: 6px;
}
.popup-over {
  overflow-y: auto;
  min-height: 28vh;
  max-height: 80vh;
}
.popup-wrapper {
  background-color: white;
  width: 100%;
  min-height: 28vh;
  position: relative;
  padding: 4.8rem 2rem 2rem 2rem;
}
.popup-title {
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 1200px) {
  .popup-title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .popup-title {
    font-size: 1.7rem;
  }
}
.popup-close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  cursor: pointer;
  transition: 0.6s ease-in-out;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background-color: white;
  z-index: 3;
}
.popup-close:hover .icon {
  transform: rotate(360deg);
}
.popup-close .icon {
  color: #000000;
  font-weight: 300;
  font-size: 2.4rem;
  transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
}
.popup-product .popup-main {
  top: unset;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  transform: unset;
  max-width: 100%;
}
.popup-product .popup-main-wrapper {
  border-radius: unset;
}
.popup-product .popup-wrapper {
  min-height: 40vh;
  padding: 4.8rem 1.2rem 1.2rem 1.2rem;
  display: flex;
  flex-direction: column;
}
.popup-product-main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.popup-product-head .igr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1.2rem;
}
.popup-product-head .igrs {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  row-gap: 1.2rem;
}
.popup-product-head .igrs .prddt-prd-price-box .price-odd,
.popup-product-head .igrs .prddt-prd-price-box .price-new {
  font-size: 1.3rem;
}
.popup-product-head .igrs .prddt-prd-title .t-title {
  font-size: 1.6rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.popup-product-main {
  margin-top: 1.2rem;
}
.popup-product-main .prddt-prd-weight {
  margin-top: 1.2rem;
}
.popup-product-main .prddt-prd-weight-inner {
  padding: 0 0.6rem;
}
.popup-product-main .prddt-prd-weight-gr {
  flex-direction: column;
  align-items: unset;
}
.popup-product-main .prddt-prd-control {
  padding-top: 2.4rem !important;
  position: static;
  margin-top: auto;
}
.popup-product-slide {
  width: 8rem;
}
.popup-product-image .inner {
  display: block;
  padding-top: calc((1 / 1) * 100%);
  position: relative;
  overflow: hidden;
}
.popup-product-image .inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid white;
  animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: white;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
.dateTime {
  position: relative;
  height: 4.2rem;
  border: 0.1rem solid #031230;
  border-radius: 3.4rem;
  z-index: 2;
  border: 0.1rem solid #c9c9c9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.6rem;
}
.dateTime input {
  border-radius: unset !important;
  border: unset !important;
  font-size: 1.6rem !important;
}
.dateTime .icon {
  width: 1.6rem;
  height: 1.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.dateTimeItem {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.dateTimeText {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  pointer-events: none;
  z-index: 2;
}
.dateTimeText.disable {
  opacity: 0;
  visibility: hidden;
}

.dateTimeInput {
  padding: 0.8rem 1.6rem;
  background-color: transparent;
  width: 100%;
  font-family: "Familjen Grotesk", sans-serif;
  border: none;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.mobile {
  position: fixed;
  z-index: 140;
  top: var(--size-hd-mb);
  left: 0;
  bottom: 0;
  min-width: 50rem;
  width: 50rem;
  background-color: white;
  transition: 0.4s linear;
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transform: translateX(-110%);
}
@media screen and (max-width: 500px) {
  .mobile {
    width: 100%;
    min-width: initial;
  }
}
.mobile.open {
  transform: translateX(0);
}
@media screen and (min-width: 1201px) {
  .mobile {
    display: none;
  }
}
.mobile-con {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.mobile-con::-webkit-scrollbar {
  width: 0;
}
.mobile-heading {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #031230;
  font-weight: 700;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
.mobile-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.8);
  transition: 0.6s ease;
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -ms-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-110%);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  top: var(--size-hd-mb);
}
.mobile-overlay.sticky {
  top: var(--size-hd-mb-sticky);
}
.mobile-overlay.open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
@media screen and (min-width: 1201px) {
  .mobile-overlay {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .mobile-overlay {
    display: none;
  }
}
.mobile-wr {
  padding-bottom: 6rem;
  position: relative;
}
.mobile-list {
  margin-bottom: 2rem;
}
.mobile-title {
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1.6rem;
}
.mobile-mxh {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-mxh .social-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex: 1;
  height: 100%;
  background-color: white;
  cursor: pointer;
}
.mobile-mxh .social-link img {
  width: 2rem;
  height: 2rem;
}
.mobile-mxh .social-link:not(:first-child) {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-mxh-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex: 1;
  height: 100%;
  background-color: white;
  cursor: pointer;
}
.mobile-mxh-link img {
  width: 2rem;
  height: 2rem;
}
.mobile-mxh-link:not(:first-child) {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-mxh-link .icon {
  color: #ffffff;
}
.mobile-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid #031230;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  cursor: pointer;
  background-color: white;
}
.mobile-close:hover .icon {
  transform: rotate(360deg);
}
.mobile-close .icon {
  transition: 0.6s ease-in-out;
  font-weight: 500;
  font-size: 1.8rem;
  color: #031230;
}
.mobile-fl .fw-6 {
  margin-bottom: 0.8rem;
  margin-bottom: 0.8rem;
  display: inline;
  width: fit-content;
  font-size: 1.4rem;
}
.mobile-fl .mobile-text {
  display: inline;
  font-size: 1.4rem;
}
.mobile-fl .dot {
  display: none;
}
.mobile-ct {
  padding: 1.2rem;
}
.mobile-ct .footer-ct-gr .icon {
  display: block;
}
.mobile-ct-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.6rem;
}
.mobile-ct-item {
  width: 50%;
  padding: 0 0.8rem;
}
.mobile-ct-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
.mobile-ct-gr .text {
  font-size: 1.4rem;
  font-weight: 500;
  color: #444545;
}
.mobile-ct-gr .link {
  font-size: 1.8rem;
  font-weight: 600;
  color: #f66315;
}
@media screen and (max-width: 500px) {
  .mobile-ct-gr .link {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 410px) {
  .mobile-ct-gr .link {
    font-size: 1.4rem;
  }
}
.mobile-if {
  padding: 1.2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-if-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.mobile-if-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.mobile-if-gr .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 2.4rem;
  flex-shrink: 0;
}
.mobile-if-gr .text {
  font-size: 1.5rem;
  color: #444545;
}
.mobile .openChildJs.active .menu-mega-pri::after {
  transform: rotate(180deg);
  color: #f66315;
}
.mobile .openChildJs.active .menu-mega-pri > .t-title {
  color: #f66315;
}
.mobile .menu-mega-pri {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem;
}
.mobile .menu-mega-pri::after {
  content: "\f0d7";
  width: 2.4rem;
  height: 2.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  transition: 0.3s ease-in-out;
}
.mobile .menu-mega-pri > .t-title {
  color: #031230;
  font-weight: 500;
  font-size: 1.4rem;
}
.mobile .menu-mega-pri .menu-mega-list {
  display: none;
}
.mobile .menu-mega-box {
  margin-left: 1.6rem;
  position: relative;
}
.mobile .menu-mega-box::before {
  content: "";
  position: absolute;
  top: 2rem;
  bottom: 2rem;
  left: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.mobile .menu-mega-box.noList .menu-mega-head .icon {
  display: none;
}
.mobile .menu-mega-right {
  display: none;
  margin-left: 1.6rem;
  position: relative;
}
.mobile .menu-mega-right::before {
  content: "";
  position: absolute;
  top: 2rem;
  bottom: 2rem;
  left: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.mobile .menu-mega-right > .menu-mega-link.current_page_item > a, .mobile .menu-mega-right > .menu-mega-link.current-menu-item > a {
  color: #f66315;
}
.mobile .menu-mega-right > .menu-mega-link:has(.current-menu-item) > a {
  color: #f66315;
}
.mobile .menu-mega-right .menu-mega-list {
  display: none;
  margin-left: 1.6rem;
  position: relative;
}
.mobile .menu-mega-right .menu-mega-list::before {
  content: "";
  position: absolute;
  top: 2rem;
  bottom: 2rem;
  left: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.mobile .menu-mega-right .menu-mega-list .menu-mega-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem;
  font-size: 1.4rem;
  color: #031230;
  font-weight: 500;
}
.mobile .menu-mega-right .menu-mega-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem;
  font-size: 1.4rem;
  color: #031230;
  font-weight: 500;
  transition: 0.3s ease-in-out;
  width: 100%;
}
.mobile .menu-mega-right .menu-mega-head.active {
  color: #f66315;
}
.mobile .menu-mega-right .menu-mega-head.active .icon {
  transform: rotate(180deg);
  color: #f66315;
}
.mobile .menu-mega-side .menu-mega-col {
  display: none;
}
.mobile .icon.iconOpen {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  transition: 0.3s ease-in-out;
  color: #444545;
  cursor: pointer;
}
.mobile .btn {
  margin: unset;
  margin-left: 1.2rem;
  padding: unset;
  background: unset;
}
.mobile .btn .btn-inner {
  padding: 0 0.2rem;
}
.mobile .btn .btn-inner .text {
  color: #f66315;
  line-height: 1.55;
  font-size: 1.4rem;
}
.mobile .btn::before {
  display: none;
}

@media screen and (min-width: 1200px) {
  .none-pc {
    display: none;
  }
}

.bnpage-wrap {
  position: relative;
}
.bnpage-title {
  font-size: 6.4rem;
  font-weight: 700;
  color: #fff;
}
@media only screen and (max-width: 1200px) {
  .bnpage-title {
    font-size: 3.9rem;
  }
}
@media only screen and (max-width: 800px) {
  .bnpage-title {
    font-size: 2.9rem;
  }
}
@media screen and (max-width: 560px) {
  .bnpage-title {
    font-size: 2.4rem;
  }
}
.bnpage-ctn {
  position: absolute;
  width: max-content;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20%;
  z-index: 2;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .bnpage-ctn {
    gap: 0;
  }
}
.bnpage-mask {
  position: relative;
  padding-top: 36%;
}
@media screen and (max-width: 560px) {
  .bnpage-mask {
    padding-top: 60%;
  }
}
.bnpage-img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-mask-size: 100%;
  -webkit-mask-image: url(../assets/images/mask-bn-home.png);
  -moz-mask-image: url(../assets/images/mask-bn-home.png);
  -o-mask-image: url(../assets/images/mask-bn-home.png);
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-position: bottom;
}
@media screen and (max-width: 560px) {
  .bnpage-img {
    -webkit-mask-image: unset;
  }
}
.bnpage-img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 0.01%, rgba(0, 0, 0, 0) 100%);
}

.bn-about-img .inner {
  position: relative;
  padding-top: 37.037037037%;
}
.bn-about-img .inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bnh {
  overflow: hidden;
}
.bnh-mask {
  position: relative;
  padding-top: 36%;
}
@media screen and (max-width: 1200px) {
  .bnh-mask {
    padding-top: 50%;
  }
}
.bnh-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.bnh-wrap {
  position: relative;
}
.bnh-dcor2 {
  position: absolute;
  width: 0;
  top: 75%;
  left: 0;
  z-index: 2;
  pointer-events: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
@media screen and (max-width: 560px) {
  .bnh-dcor2 {
    display: none;
  }
}
.bnh-dcor2 .animation-svg {
  fill: #f66315;
  width: 500px;
  height: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
}
@media screen and (max-width: 1200px) {
  .bnh-dcor2 .animation-svg {
    opacity: 0.6;
    transform: translate(-50%, -50%) rotate(-45deg) scale(1);
  }
}
.bnh-dcor3 {
  position: absolute;
  width: 0;
  top: 15%;
  right: 0;
  z-index: 2;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  pointer-events: none;
}
.bnh-dcor3 .animation-svgs {
  position: absolute;
  top: 50%;
  right: 100%;
  overflow: unset;
  transform: rotate(-45deg);
  height: 20rem;
  width: 20rem;
}
@media screen and (max-width: 1200px) {
  .bnh-dcor3 .animation-svgs {
    opacity: 0.6;
  }
}
.bnh-dcor4 {
  position: absolute;
  width: 10%;
  right: 0;
  top: 55%;
  z-index: 2;
  transform: translateY(-50%);
  pointer-events: none;
}
@media screen and (max-width: 1430px) {
  .bnh-dcor4 {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1200px) {
  .bnh-dcor4 {
    opacity: 0.3;
  }
}
.bnh-dcor4 img {
  display: block;
  width: 100%;
}
.bnh-dcor {
  position: absolute;
  right: 4rem;
  top: var(--size-hd);
  width: 4rem;
  z-index: 2;
  margin-top: 3rem;
}
@media screen and (max-width: 1200px) {
  .bnh-dcor {
    top: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 560px) {
  .bnh-dcor {
    transform: scale(0.5);
    margin-bottom: 0;
    right: 0;
  }
}
.bnh-ctr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.bnh-ctr.bnh-ctr-next {
  right: 1rem;
}
.bnh-ctr.bnh-ctr-prev {
  left: 1rem;
}
.bnh-sw {
  height: inherit;
}
.bnh-sw .swiper {
  height: inherit;
}
.bnh-sw .swiper-slide .bn-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bnh-sw .swiper-slide.swiper-slide-active .bnh-gr-inner::before {
  height: 12rem;
  top: 0;
  opacity: 1;
}
.bnh-sw .swiper-slide.swiper-slide-active .bnh-title {
  transform: translateY(0);
  opacity: 1;
}
.bnh-sw .swiper-slide.swiper-slide-active .bnh-des .tdcor {
  transform: translateY(0);
  opacity: 1;
}
.bnh-sw .swiper-pagination-bullet.swiper-pagination-bullet-active .pagi-pro {
  width: 6rem;
}
.bnh-sw .swiper-pagination-bullet.swiper-pagination-bullet-active .pagi-pro::after {
  animation: pro 4s linear forwards;
}
.bnh-sw .swiper-pagination-bullet.swiper-pagination-bullet-active .pagi-num {
  color: #f66315;
}
.bnh-dcor-bg {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.bnh-dcor-bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.9) 100%);
  opacity: 0.8;
}
.bnh-dcor-bg img {
  width: 100%;
  display: block;
}
.bnh-ctn {
  width: 100%;
  max-width: 123rem;
  height: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.bnh-title {
  font-size: 12.8rem;
  font-weight: 500;
  font-family: "KS Double Line";
  color: #f66315;
  line-height: 1;
}
@media screen and (max-width: 1200px) {
  .bnh-title {
    font-size: 10vw;
  }
}
.bnh-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  width: 50%;
  margin-left: auto;
}
@media screen and (max-width: 1200px) {
  .bnh-gr {
    margin-left: 3%;
    width: 70%;
  }
}
@media screen and (max-width: 560px) {
  .bnh-gr {
    width: 100%;
    margin: 0 3%;
  }
}
.bnh-title {
  transform: translateY(-100%);
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) all;
  transition-delay: 0.4s;
  opacity: 0;
}
.bnh-des {
  font-size: 3.6rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .bnh-des {
    font-size: 3.1rem;
  }
}
@media only screen and (max-width: 800px) {
  .bnh-des {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 560px) {
  .bnh-des {
    font-size: 2rem;
  }
}
.bnh-des .tdcor {
  font-weight: 700;
  color: #f66315;
  display: inline-block;
  transform: translateY(100%);
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1) all;
  transition-delay: 0.4s;
  opacity: 0;
}
.bnh-btn {
  margin: 1rem 0;
}
.bnh-btn .btn {
  margin: unset;
  border: 0.1rem solid #fff;
}
@media screen and (max-width: 560px) {
  .bnh-btn .btn .btn-inner {
    padding: 0.4rem 1rem;
  }
  .bnh-btn .btn .text {
    font-size: 1.4rem;
  }
}
.bnh-sw {
  position: relative;
}
.bnh-pagination {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 1.2rem;
  position: absolute;
  width: fit-content !important;
  bottom: 2rem !important;
  right: unset !important;
  left: 50% !important;
  transform: translateX(-50%);
  z-index: 2;
  border-radius: unset !important;
  background: unset !important;
}
@media screen and (max-width: 768px) {
  .bnh-pagination {
    bottom: 1rem !important;
  }
}
.bnh-pagination .swiper-pagination-bullet {
  width: unset;
  height: unset;
  background-color: transparent;
  border: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  opacity: 1 !important;
  align-items: center;
  flex-direction: column;
  margin: 0 !important;
}
.bnh-pagination .swiper-pagination-bullet .pagi-num {
  font-weight: 600;
  transition: 0.4s;
  color: white;
}
.bnh-pagination .swiper-pagination-bullet .pagi-pro {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  left: 50%;
  height: 0.2rem;
  width: 0;
  background-color: white;
  transition: 0.4s;
  margin: 1rem 0;
}
@media screen and (max-width: 560px) {
  .bnh-pagination .swiper-pagination-bullet .pagi-pro {
    margin: 0;
  }
}
.bnh-pagination .swiper-pagination-bullet .pagi-pro::after {
  content: "";
  width: 50%;
  background-color: #f66315;
  height: 100%;
  top: 0;
  position: absolute;
  z-index: 3;
}

@media screen and (min-width: 601px) {
  .mb-bn-img {
    display: none;
  }
}
.mb-bn-img img {
  width: 100%;
}

@media screen and (max-width: 600px) {
  .hprd-img .inner {
    display: none;
  }
}

.main.page-home .sec-hcate {
  padding-top: 1.2rem;
}
.main.page-home .sec-hcate .hcate-block.mt-100 {
  margin-top: 2rem;
}

.sstore-btnSlide .swiper-sstore-next::after {
  font-size: 1.6rem !important;
  font-weight: 700;
}

.sstore-btnSlide .swiper-sstore-prev::after {
  font-size: 1.6rem !important;
  font-weight: 700;
}

.breadcrumb {
  max-width: 100%;
  white-space: nowrap;
  overflow-x: auto;
}
.breadcrumb::-webkit-scrollbar {
  height: 0.2rem;
}
.breadcrumb-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.breadcrumb-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.breadcrumb-item:not(:last-child)::after {
  content: "/";
  margin-right: 0.8rem;
  margin-left: 0.8rem;
  color: #fff;
  display: inline-block;
  font-size: 1.3rem;
}
.breadcrumb-item:last-child .breadcrumb-link {
  color: #f66315;
  font-weight: 700;
}
.breadcrumb-link {
  font-size: 1.4rem;
  color: #fff;
}

.breadcrumb-page {
  padding-top: var(--size-hd);
  margin-top: 2rem;
}
@media screen and (max-width: 1200px) {
  .breadcrumb-page {
    padding-top: 0;
    margin-top: 2.4rem;
  }
}
.breadcrumb-page .breadcrumb-list {
  justify-content: unset;
}
.breadcrumb-page .breadcrumb-item::after {
  color: #444545;
}
.breadcrumb-page .breadcrumb-link {
  color: #444545;
}

.test-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.btn {
  color: #131313;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  transition-delay: 0.1s;
  background-color: #f66315;
  width: fit-content;
  margin: 0 auto;
  border-radius: 4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.btn.full {
  width: 100%;
}
.btn::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #031230;
  top: 50%;
  right: 100%;
  transform: skewX(25deg) translate(0%, -50%);
  transition: all 0.75s;
  pointer-events: none;
}
@media (hover: hover) {
  .btn:hover {
    background-color: #f66315;
  }
  .btn:hover::before {
    transform: skewX(25deg) translate(200%, -50%);
    transition-delay: 0.1s;
  }
}
.btn-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 1rem 2rem;
  gap: 0.6rem;
}
.btn-inner .icon {
  transition: all 0.3s;
  color: #fff;
}
.btn-inner .text {
  color: #fff;
  font-size: 1.6rem;
  transition: all 0.3s;
  font-weight: 700;
}
.btn.bgw {
  background: #fff;
  border: 0.1rem solid #f66315;
}
.btn.bgw .text {
  color: #031230;
}
.btn.trans {
  background: transparent;
  border: 0.1rem solid #f66315;
}
.btn.trans::before {
  background-color: #f66315;
}
@media (hover: hover) {
  .btn.trans:hover {
    background: #031230;
  }
  .btn.trans:hover .icon {
    color: #fff;
  }
  .btn.trans:hover .text {
    color: #fff;
  }
}
.btn.trans .icon {
  color: #031230;
}
.btn.trans .text {
  color: #031230;
}

.cbtn {
  width: 2.4rem;
  height: 2.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  cursor: pointer;
}
.cbtn .icon {
  font-size: 1.4rem;
  font-weight: 500;
  color: #f66315;
}
.cbtn-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  position: relative;
  width: fit-content;
}
.cbtn-gr::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.1rem;
  background: #f66315;
  transform: translate(-50%, -50%);
  opacity: 1;
  height: 1.6rem;
}

.btn-ctr {
  width: 3.2rem;
  height: 3.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 50%;
  background: #f66315;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .btn-ctr:hover {
    background: #fff;
  }
  .btn-ctr:hover .icon {
    color: #f66315;
  }
}
.btn-ctr-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.btn-ctr-inner .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  color: #fff;
  font-size: 1.4rem;
  transition: 0.3s ease-in-out;
}
.btn-ctr-inner .icon i {
  font-weight: 300;
}

.page-numbers {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  z-index: 5;
}
.page-numbers > li:not(:first-child) {
  margin-left: 0.5rem;
}
.page-numbers > li > .page-numbers {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.8rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background-color: #f2f2f2;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  color: #444545;
  font-size: 1.6rem;
  border: 0.1rem solid #f1f1f1;
}
.page-numbers > li > .page-numbers::after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  background: #f66315;
  transition: all 0.4s ease;
  z-index: 1;
  pointer-events: none;
}
.page-numbers > li > .page-numbers:after {
  z-index: -1;
}
@media (hover: hover) {
  .page-numbers > li > .page-numbers:hover:not(.dot) {
    color: white;
  }
  .page-numbers > li > .page-numbers:hover:not(.dot)::after {
    left: 0;
    width: 100%;
  }
}
.page-numbers > li > .page-numbers.current {
  color: white;
  border-color: transparent;
}
.page-numbers > li > .page-numbers.current::after {
  left: 0;
  width: 100%;
}
.page-numbers > li > .page-numbers.dot {
  background-color: transparent;
}
.page-numbers > li > .page-numbers i {
  font-weight: 400;
}

.t-title {
  font-size: 4rem;
  font-weight: 700;
  color: #031230;
}
@media only screen and (max-width: 1200px) {
  .t-title {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 800px) {
  .t-title {
    font-size: 2.7rem;
  }
}

.t-title-second {
  font-size: 4rem;
  color: #fff;
  font-weight: 700;
}
@media only screen and (max-width: 1200px) {
  .t-title-second {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 800px) {
  .t-title-second {
    font-size: 2.7rem;
  }
}

.pd-sec {
  padding: 10rem 0;
}
@media screen and (max-width: 1200px) {
  .pd-sec {
    padding: 4rem 0;
  }
}
@media screen and (max-width: 768px) {
  .pd-sec {
    padding: 2.4rem 0;
  }
}

.t-center {
  text-align: center;
}

.c-second {
  color: #f66315;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .c-second.thv:hover {
    color: #031230;
  }
}

.c-third {
  color: #f63e15;
}

.c-white {
  color: #fff;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .c-white.hvt:hover {
    color: #031230;
  }
}

.fw-1 {
  font-weight: 100;
}

.fw-2 {
  font-weight: 200;
}

.fw-3 {
  font-weight: 300;
}

.fw-5 {
  font-weight: 500;
}

.fw-6 {
  font-weight: 600;
}

.fw-7 {
  font-weight: 700;
}

.fw-8 {
  font-weight: 800;
}

.fw-b {
  font-weight: bold;
}

.fsi {
  font-style: italic;
}

.t-up {
  text-transform: uppercase;
}

.t9 {
  font-size: 0.9rem;
}

.t11 {
  font-size: 1.1rem;
}

.t12 {
  font-size: 1.2rem;
}

.t14 {
  font-size: 1.4rem;
}

.t16 {
  font-size: 1.6rem;
}

.t18 {
  font-size: 1.8rem;
}
@media only screen and (max-width: 1200px) {
  .t18 {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 800px) {
  .t18 {
    font-size: 1.5rem;
  }
}

.t20 {
  font-size: 2rem;
}
@media only screen and (max-width: 1200px) {
  .t20 {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .t20 {
    font-size: 1.6rem;
  }
}

.t24 {
  font-size: 2.4rem;
}
@media only screen and (max-width: 1200px) {
  .t24 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .t24 {
    font-size: 1.7rem;
  }
}

.t32 {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1200px) {
  .t32 {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 800px) {
  .t32 {
    font-size: 2.2rem;
  }
}

.t40 {
  font-size: 4rem;
}
@media only screen and (max-width: 1200px) {
  .t40 {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 800px) {
  .t40 {
    font-size: 2.7rem;
  }
}

.t48 {
  font-size: 4.8rem;
}
@media only screen and (max-width: 1200px) {
  .t48 {
    font-size: 4.3rem;
  }
}
@media only screen and (max-width: 800px) {
  .t48 {
    font-size: 3.3rem;
  }
}

.t56 {
  font-size: 5.6rem;
}
@media only screen and (max-width: 1200px) {
  .t56 {
    font-size: 5.1rem;
  }
}
@media only screen and (max-width: 800px) {
  .t56 {
    font-size: 4rem;
  }
}

.t64 {
  font-size: 6.4rem;
}
@media only screen and (max-width: 1200px) {
  .t64 {
    font-size: 3.9rem;
  }
}
@media only screen and (max-width: 800px) {
  .t64 {
    font-size: 2.9rem;
  }
}

.t72 {
  font-size: 7.2rem;
}
@media only screen and (max-width: 1200px) {
  .t72 {
    font-size: 5rem;
  }
}
@media only screen and (max-width: 800px) {
  .t72 {
    font-size: 4rem;
  }
}

.mt-80 {
  margin-top: 8rem;
}
@media screen and (max-width: 1200px) {
  .mt-80 {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .mt-80 {
    margin-top: 2.4rem;
  }
}

.mt-06 {
  margin-top: 0.6rem;
}

.mt-03 {
  margin-top: 0.3rem;
}

.flex-end {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}

.mt-10 {
  margin-top: 1rem;
}

.mt-100 {
  margin-top: 10rem;
}
@media screen and (max-width: 1200px) {
  .mt-100 {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .mt-100 {
    margin-top: 2.4rem;
  }
}

.mt-24 {
  margin-top: 2.4rem;
}

.mb-24 {
  margin-bottom: 2.4rem;
}

.mt-20 {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .mt-20 {
    margin-top: 1.2rem;
  }
}

.mb-20 {
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .mb-20 {
    margin-bottom: 1.2rem;
  }
}

.my-30 {
  margin: 3rem 0;
}
@media screen and (max-width: 1200px) {
  .my-30 {
    margin: 1.6rem 0;
  }
}

.mt-30 {
  margin-top: 3rem;
}
@media screen and (max-width: 1200px) {
  .mt-30 {
    margin-top: 1.6rem;
  }
}

.mb-30 {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1200px) {
  .mb-30 {
    margin-bottom: 1.6rem;
  }
}

.mt-50 {
  margin-top: 5rem;
}
@media screen and (max-width: 1200px) {
  .mt-50 {
    margin-top: 3.2rem;
  }
}
@media screen and (max-width: 758px) {
  .mt-50 {
    margin-top: 2.4rem;
  }
}

.mb-100 {
  margin-bottom: 10rem;
}
@media screen and (max-width: 1200px) {
  .mb-100 {
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 768px) {
  .mb-100 {
    margin-bottom: 4rem;
  }
}

svg.animation-svg,
svg.animation-svgs {
  fill: #f66315;
  width: 500px;
  height: 300px;
}

circle:nth-child(1) {
  animation: 2s infinite growShrink 0.125s;
}

circle:nth-child(2) {
  animation: 2s infinite growShrink 0.25s;
}

circle:nth-child(3) {
  animation: 2s infinite growShrink 0.375s;
}

circle:nth-child(4) {
  animation: 2s infinite growShrink 0.5s;
}

circle:nth-child(5) {
  animation: 2s infinite growShrink 0.625s;
}

circle:nth-child(6) {
  animation: 2s infinite growShrink 0.75s;
}

circle:nth-child(7) {
  animation: 2s infinite growShrink 0.875s;
}

circle:nth-child(8) {
  animation: 2s infinite growShrink 1s;
}

circle:nth-child(9) {
  animation: 2s infinite growShrink 1.125s;
}

circle:nth-child(10) {
  animation: 2s infinite growShrink 1.25s;
}

@keyframes growShrink {
  0% {
    r: 1;
    opacity: 0.2;
  }
  3% {
    r: 2;
    opacity: 0.4;
  }
  5% {
    r: 3;
    opacity: 0.5;
  }
  12% {
    r: 3;
    opacity: 0.6;
  }
  30% {
    r: 1;
    opacity: 1;
  }
}
.dcor-arrow {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  height: 10rem;
  margin-bottom: 10rem;
}
.dcor-arrow i {
  font-size: 6rem;
  opacity: 0;
  -webkit-animation: blink 2s linear infinite;
  animation: blink 2s linear infinite;
  color: transparent;
  -webkit-text-stroke-width: 0.1rem;
  -webkit-text-stroke-color: #f66315;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.dcor-arrow i:first-child {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  top: 0;
}
.dcor-arrow i:nth-child(2) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
  top: 25%;
}
.dcor-arrow i:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  top: 50%;
}
.dcor-arrow i:nth-child(4) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
  top: 75%;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.recheck-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.recheck-item.active .recheck-checkbox {
  background: #f66315;
}
.recheck-item.active .recheck-checkbox::before {
  opacity: 1;
}
.recheck-item.active .recheck-radio {
  border: 0.1rem solid #031230;
}
.recheck-item.active .recheck-radio::before {
  opacity: 1;
}
.recheck-item.active .recheck-dot::before {
  opacity: 1;
}
.recheck-checkbox {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  background-color: transparent;
  border: 1px solid #dddde3;
  transition: 0.3s ease-in-out;
  position: relative;
  flex-shrink: 0;
}
.recheck-checkbox::before {
  content: "\f00c";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 1.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  opacity: 0;
  font-family: "Font Awesome 5 Pro";
  transition: 0.3s ease-in-out;
  font-weight: 300;
  line-height: 1;
}
.recheck-radio {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 100rem;
  border: 0.1rem solid #d9d9d9;
  flex-shrink: 0;
  position: relative;
}
.recheck-radio::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100rem;
  background-color: #031230;
  opacity: 0;
}
.recheck-method {
  width: 4.8rem;
  height: 4.8rem;
  border: 0.1rem solid #ebebeb;
  border-radius: 0.8rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin-left: 0.8rem;
}
.recheck-method img {
  width: 2.4rem;
  height: 2.4rem;
}
.recheck-text {
  margin-left: 0.8rem;
  line-height: 1.1;
  color: #444545;
}
.recheck-dot {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.1rem solid rgb(116, 116, 0);
  position: relative;
}
.recheck-dot::before {
  content: "";
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: inherit;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #f66315;
  opacity: 0;
  transition: 0.3s ease-in-out;
}

.recheck-cus {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.recheck-cus .icon {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  background-color: transparent;
  border: 1px solid #dddde3;
  transition: 0.3s ease-in-out;
  position: relative;
  flex-shrink: 0;
}
.recheck-cus .icon::before {
  content: "\f00c";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 1.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  opacity: 0;
  font-family: "Font Awesome 5 Pro";
  transition: 0.3s ease-in-out;
  font-weight: 300;
  line-height: 1;
}
.recheck-cus .text {
  color: #031230;
  font-size: 1.6rem;
}

.side-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 5;
  transition: 0.5s ease-in-out;
  opacity: 0;
  transform: translateX(110%);
  visibility: hidden;
}
.side-overlay.open {
  opacity: 1;
  transform: translate(0, 0);
  visibility: visible;
}
.side-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  border: 1px solid #031230;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  cursor: pointer;
}
.side-close:hover .icon {
  color: #f66315;
}
.side-close .icon {
  font-size: 1.8rem;
  font-weight: 400;
  transition: 0.6s ease-in-out;
  color: #444545;
}

.count {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 2rem;
  padding: 0.6rem;
  border-radius: 3rem;
  border: 0.1rem solid #eee;
}
.count-btn {
  width: 2.4rem;
  height: 2.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  cursor: pointer;
}
.count-btn .icon {
  transition: 0.3s ease-in-out;
  color: #444545;
}
@media (hover: hover) {
  .count-btn .icon:hover {
    color: #f66315;
  }
}
.count-number {
  font-size: 1.4rem;
  color: #031230;
}

.ip-control {
  width: 100%;
}
.ip-control .t-label {
  font-size: 1.6rem;
  color: #031230;
  font-weight: 500;
  margin-bottom: 1rem;
  display: block;
}
.ip-control input {
  width: 100%;
  font-family: "Familjen Grotesk";
  font-size: 1.4rem;
  font-weight: 400;
  height: 4.2rem;
  padding: 0 2rem;
  border-radius: 3.4rem;
  border: 0.1rem solid #c9c9c9;
  transition: 0.3s ease-in-out;
  color: #031230;
}
.ip-control input:focus {
  outline: unset;
  border-color: #f66315;
}
.ip-control input::placeholder {
  color: #c9c9c9;
}
.ip-control textarea {
  min-height: 8.4rem;
  width: 100%;
  padding: 1rem 2rem;
  border: 0.1rem solid #c9c9c9;
  color: #031230;
  transition: 0.3s ease-in-out;
  resize: unset;
  border-radius: 1.2rem;
}
.ip-control textarea:focus {
  outline: unset;
  border-color: #f66315;
}
.ip-control textarea::placeholder {
  color: #c9c9c9;
}
.ip-control.ip-pass .ip-feild {
  position: relative;
}
.ip-control.ip-pass .ip-feild input {
  padding-right: 4rem;
}
.ip-control.ip-pass .ip-feild .icon {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.4rem;
  height: 2.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  color: #f66315;
  cursor: pointer;
  font-weight: 400;
}

.header.sticky .cmini {
  top: var(--size-hd-sticky);
}

.cmini {
  position: fixed;
  top: var(--size-hd);
  right: 0;
  width: 55rem;
  max-width: 90%;
  bottom: 0;
  overflow-y: auto;
  background: #fff;
  transition: 0.5s ease-in-out;
  opacity: 0;
  transform: translateX(110%);
  visibility: hidden;
}
.cmini.open {
  opacity: 1;
  transform: translate(0, 0);
  visibility: visible;
}
.cmini.open .ani-img {
  animation: fadeInUp 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 0.4s;
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .cmini {
    top: 6rem;
    height: calc(100vh - 6rem);
    height: calc(var(--window-height) - 6rem);
    padding-bottom: unset;
  }
}
@media screen and (max-width: 500px) {
  .cmini {
    max-width: 100%;
  }
}
.cmini-wrap {
  padding: 4rem;
  padding-right: 3rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 500px) {
  .cmini-wrap {
    padding: 1.6rem;
    padding-right: 0.6rem;
  }
}
.cmini-dcor {
  position: absolute;
  width: 40%;
  bottom: 0;
  right: 0;
  z-index: -1;
  transform: translateY(15%);
}
.cmini-dcor .ani-img {
  opacity: 0;
  transition: 0.4s ease-in-out;
  transition-delay: 0.4s;
}
.cmini-dcor img {
  display: block;
  width: 100%;
}
.cmini-img {
  width: 7.7rem;
  height: 7.7rem;
  flex-shrink: 0;
  border-radius: 0.6rem;
  overflow: hidden;
}
.cmini-img img {
  height: 100% !important;
  object-fit: cover;
}
.cmini-list {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 2rem;
  max-height: 29.1rem;
  row-gap: 3rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
.cmini-list::-webkit-scrollbar-thumb {
  background: #f66315;
}
.cmini-list::-webkit-scrollbar {
  width: 0.3rem;
}
.cmini-list::-webkit-scrollbar-track {
  background: #feefe8;
}
@media screen and (max-width: 1200px) {
  .cmini-list {
    max-height: calc(100vh - 32rem);
  }
}
@media screen and (max-width: 768px) {
  .cmini-list {
    padding-right: 1.2rem;
  }
}
.cmini-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1.2rem;
}
.cmini-name {
  font-size: 1.6rem;
  color: #031230;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media screen and (max-width: 500px) {
  .cmini-name {
    font-size: 1.4rem;
  }
}
.cmini-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
.cmini-price {
  font-weight: 700;
  font-size: 2rem;
  color: #f66315;
  margin-top: auto;
  margin-left: auto;
}
@media only screen and (max-width: 1200px) {
  .cmini-price {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .cmini-price {
    font-size: 1.6rem;
  }
}
.cmini-total {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  gap: 1.2rem;
  padding-right: 2rem;
  margin-top: 5rem;
}
.cmini-control {
  margin-top: auto;
  padding-right: 2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 2.4rem;
}
.cmini-count {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-top: auto;
}

.cmini-have-cart {
  height: 100%;
}

.widget_shopping_cart_content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.bill-form .form-ip.col {
  padding: 0 1.2rem;
  margin: 0;
  width: 50%;
}
@media screen and (max-width: 1200px) {
  .bill-form .form-ip.col {
    padding: 0 0.6rem;
  }
}
.bill-form .form-ip.col:nth-child(1) {
  order: 7;
}
.bill-form .form-ip.col:nth-child(8) {
  order: 9;
  width: 100%;
}
.bill-form .form-ip.col:nth-child(10) {
  order: 8;
  width: 100%;
}
.bill-form .form-inp {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column-reverse;
}
.bill-form .form-inp .required {
  color: #e10600;
  font-weight: 700;
}
.bill-form .select2-container .selection .select2-selection--single {
  border-radius: 3.4rem;
  padding: 0 2rem;
}
.bill-form .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-radius: 3.4rem !important;
}
.bill-form textarea {
  resize: unset;
}

.woocommerce form label {
  line-height: unset !important;
  font-weight: 500;
  font-size: 1.6rem;
  color: #031230;
}
.woocommerce form .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  line-height: 1.55 !important;
  color: #000000 !important;
}
.woocommerce form .select2-container .select2-selection--single {
  margin: unset !important;
}
.woocommerce form .form-row input.input-text {
  padding: 0 2rem !important;
  height: 4.2rem !important;
  border-radius: 3.4rem !important;
  border: 0.1rem solid #c9c9c9 !important;
  font-size: 1.6rem !important;
  color: #031230 !important;
  transition: 0.3s ease-in-out;
}
.woocommerce form .form-row input.input-text:focus {
  border-color: #f66315 !important;
}
.woocommerce form .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 1rem;
}
.woocommerce form .form-row textarea {
  min-height: 8.4rem !important;
  border: 0.1rem solid #c9c9c9 !important;
  font-size: 1.6rem !important;
  color: #031230 !important;
  padding: 1rem 2rem;
  border-radius: 1.2rem !important;
}
.woocommerce form .form-row textarea::placeholder {
  color: #c9c9c9 !important;
  font-size: 1.4rem;
}

.woocommerce button.button.alt {
  padding: unset !important;
  font-size: 1.6rem !important;
}
@media (hover: hover) {
  .woocommerce button.button.alt:hover {
    background: transparent !important;
  }
}

.sys-store-page {
  padding-top: var(--size-hd);
}

.woocommerce > .container {
  padding: 0;
}

#coupon_code {
  height: auto !important;
}

.sec-hcate {
  position: relative;
}
@media screen and (max-width: 560px) {
  .sec-hcate {
    padding-top: 2.4rem;
  }
}

.hcate {
  position: relative;
  z-index: 1;
}
.hcate-dcorl {
  position: absolute;
  left: 0;
  top: 0%;
  transform: translate(50%, 0%);
  width: 5%;
}
.hcate-dcorl img {
  display: block;
  width: 100%;
}
.hcate-dcorr {
  position: absolute;
  right: 0;
  top: 30%;
  width: 5%;
  transform: translate(-50%, 0%);
}
.hcate-dcorr img {
  display: block;
  width: 100%;
}
.hcate-iiner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  gap: 2rem;
  padding: 1.2rem;
  border-radius: 1.2rem;
  position: relative;
  overflow: hidden;
  height: 100%;
  text-align: center;
}
@media screen and (max-width: 550px) {
  .hcate-iiner {
    padding: 0.6rem;
    border-radius: 0.6rem;
  }
}
@media (hover: hover) {
  .hcate-iiner:hover::before {
    background: #f66315 !important;
    height: 100%;
  }
  .hcate-iiner:hover .t-link {
    color: #fff;
  }
}
.hcate-iiner::before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 60%;
  background: #f66315;
  transition: 0.3s ease-in-out;
  z-index: -1;
}
.hcate-iiner .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 12.6rem;
}
@media screen and (max-width: 950px) {
  .hcate-iiner .icon {
    width: 8.6rem;
  }
}
@media screen and (max-width: 550px) {
  .hcate-iiner .icon {
    width: 5rem;
  }
}
.hcate-iiner .icon img {
  display: block;
  width: 100%;
}
.hcate-iiner .t-link {
  font-size: 2.4rem;
  font-weight: 700;
  transition: 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .hcate-iiner .t-link {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .hcate-iiner .t-link {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 950px) {
  .hcate-iiner .t-link {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 550px) {
  .hcate-iiner .t-link {
    font-size: 1.1rem;
  }
}
.hcate-sw .swiper-wrapper {
  flex-direction: row !important;
  margin-bottom: -2.4rem;
}
.hcate-sw .swiper-slide {
  margin-top: 0 !important;
  margin-bottom: 2.4rem !important;
  height: auto;
}
.hcate-sw .swiper-slide .hcate-item {
  height: 100%;
}
.hcate-sw .swiper-slide:nth-child(8n+1) .hcate-iiner::before {
  background: #feefe8;
}
.hcate-sw .swiper-slide:nth-child(8n+2) .hcate-iiner::before {
  background: #fefae8;
}
.hcate-sw .swiper-slide:nth-child(8n+3) .hcate-iiner::before {
  background: #eafee7;
}
.hcate-sw .swiper-slide:nth-child(8n+4) .hcate-iiner::before {
  background: #fefae8;
}
.hcate-sw .swiper-slide:nth-child(8n+5) .hcate-iiner::before {
  background: #ece8fe;
}
.hcate-sw .swiper-slide:nth-child(8n+6) .hcate-iiner::before {
  background: #fee8f3;
}
.hcate-sw .swiper-slide:nth-child(8n+7) .hcate-iiner::before {
  background: #fee8e8;
}
.hcate-sw .swiper-slide:nth-child(8n+8) .hcate-iiner::before {
  background: #feefe8;
}
.hcate-pagi {
  margin-top: 3rem;
}
@media screen and (max-width: 560px) {
  .hcate-pagi {
    margin-top: 0;
  }
}
.hcate-pagi .swiper-pagination {
  position: static;
}
.hcate-pagi .swiper-pagination .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.1);
  width: 1.6rem;
  height: 0.2rem;
  border-radius: 0.4rem;
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.hcate-pagi .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #f66315;
}

.sec-hsale {
  overflow: hidden;
}

.hsale-title {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: fit-content;
  margin: 0 auto;
}
.hsale-title .t-sale {
  font-size: 4rem;
  font-weight: 700;
  color: #e10600;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .hsale-title .t-sale {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 800px) {
  .hsale-title .t-sale {
    font-size: 2.7rem;
  }
}
.hsale-title .iconr {
  position: absolute;
  width: 4.4rem;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.hsale-title .iconr img {
  display: block;
  width: 100%;
}
.hsale-title .iconl {
  position: absolute;
  width: 4.4rem;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.hsale-title .iconl img {
  display: block;
  width: 100%;
}
.hsale-count {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 1.2rem;
  position: relative;
  width: fit-content;
  margin: 0 auto;
  margin-top: 2.6rem;
}
.hsale-count::before {
  content: "";
  position: absolute;
  height: 0.2rem;
  width: 100vw;
  background: #f66315;
  top: 50%;
  left: calc(100% + 5rem);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .hsale-count::before {
    left: calc(100% + 1.2rem);
  }
}
.hsale-count::after {
  content: "";
  position: absolute;
  height: 0.2rem;
  width: 100vw;
  background: #f66315;
  top: 50%;
  right: calc(100% + 5rem);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .hsale-count::after {
    right: calc(100% + 1.2rem);
  }
}
.hsale-count-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 0.8rem;
}
.hsale-count-gr .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  color: #e10600;
  margin-top: 0.2rem;
}
.hsale-count-gr .text {
  font-size: 2.4rem;
  font-weight: 700;
  color: #e10600;
}
@media only screen and (max-width: 1200px) {
  .hsale-count-gr .text {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .hsale-count-gr .text {
    font-size: 1.7rem;
  }
}
.hsale-count-down .countdown .countdown-it {
  width: 4rem;
  height: 4rem;
  border-radius: 0.6rem;
  font-size: 1.8rem;
}
.hsale-count-down .countdown .countdown-it::before {
  color: #e10600;
  right: -0.7rem;
}
.hsale-slider .swiper {
  padding: 3rem 0;
}
.hsale-slider .swiper .swiper-slide {
  height: auto;
}
.hsale-slider .swiper .swiper-slide .prdrl-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.hsale-slider .swiper .prd-card-ctn {
  align-items: center;
}
.hsale-slider .swiper .prd-card-inner {
  background: #fff;
  padding: 1rem;
}
.hsale-pagi .swiper-pagination {
  position: static;
}
.hsale-pagi .swiper-pagination .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.1);
  width: 1.6rem;
  height: 0.2rem;
  border-radius: 0.4rem;
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.hsale-pagi .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #f66315;
}

.snews-slide .swiper-slide {
  height: auto;
}
.snews-slide .bloga-item {
  height: 100%;
}

.srate-box-img .inner {
  position: relative;
  padding-top: 100%;
}
.srate-box-img .inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sstore {
  overflow: hidden;
}

#list-compare {
  max-height: unset;
}

.sreason-content {
  position: relative;
  z-index: 2;
}
.sreason-content .btn {
  margin: unset;
}

.sreason-top {
  z-index: 1;
}

.wpcf7 form.invalid .wpcf7-response-output {
  width: 100%;
  text-align: center;
  bottom: unset;
  margin: 0;
  font-style: normal !important;
}

.wpcf7-form-control-wrap {
  display: flex;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  margin-top: unset;
  margin-bottom: unset;
  top: unset;
  bottom: 0.1rem;
  right: 1rem;
  font-size: 1rem;
}

.wpcf7 form.invalid .wpcf7-response-output {
  font-size: 1.1rem !important;
}

.fregis-block .btn {
  min-width: 12rem;
}

.woocommerce-cart .main {
  overflow: unset;
}
.woocommerce-cart .main .cartod-dt {
  position: sticky;
  top: 9rem;
}

.tab-vid.is-play .tab-vid-bg {
  transform: translate(-50%, -50%) scale(0);
  pointer-events: none;
  opacity: 0;
}
.tab-vid.is-play .btn-play {
  opacity: 0;
  pointer-events: none;
}
.tab-vid .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.tab-vid-banner {
  position: relative;
  padding-top: 64.7619047619%;
  overflow: hidden;
}
.tab-vid-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: 0.75s ease-in-out;
  overflow: hidden;
}
.tab-vid-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tab-vid-ytb {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.tab-vid-ytb iframe {
  width: 100% !important;
  height: 100% !important;
}

.sreason-block {
  position: relative;
}
.sreason-block .sreason-bg-title {
  position: absolute;
  left: 0;
  top: -24%;
  width: max-content;
  transform: rotate(-6deg) translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .sreason-block .sreason-bg-title {
    transform: translate(-50%, -90%);
    font-size: 3.5rem;
    left: 50%;
    bottom: 100%;
    top: unset;
  }
}
@media screen and (max-width: 620px) {
  .sreason-block .sreason-bg-title {
    font-size: 6vw;
  }
}

.tab-vid-bg img {
  height: 100% !important;
}

.logged-in .header {
  top: 3.2rem;
}

.pcontact {
  margin-top: -15rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .pcontact {
    margin-top: -10%;
  }
}
.pcontact-wrap {
  position: relative;
  padding-top: 34.7222222222%;
}
@media screen and (max-width: 1200px) {
  .pcontact-wrap {
    min-height: 40rem;
  }
}
.pcontact-map {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.pcontact-map iframe {
  width: 100%;
  height: 100%;
}
.pcontact-block {
  transform: translateY(-14rem);
}
@media screen and (max-width: 1200px) {
  .pcontact-block {
    transform: unset;
    padding: 2.4rem 0;
  }
}
.pcontact-bl {
  border-radius: 1.2rem;
  overflow: hidden;
  box-shadow: 0px 0.6rem 1.8rem 0px rgba(0, 0, 0, 0.1);
}
.pcontact-form {
  height: 100%;
}
.pcontact-form-inner {
  height: 100%;
  padding: 2.4rem;
  background: #fff;
}
.pcontact-form-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.2rem;
  flex-wrap: wrap;
  row-gap: 2.4rem;
}
@media screen and (max-width: 768px) {
  .pcontact-form-list {
    margin: 0 -0.4rem;
    row-gap: 0.8rem;
  }
}
.pcontact-form-list .ip-control {
  padding: 0 1.2rem;
}
@media screen and (max-width: 768px) {
  .pcontact-form-list .ip-control {
    padding: 0 0.4rem;
  }
}
.pcontact-form-list .ip-control.x2 {
  width: 50%;
}
@media screen and (max-width: 420px) {
  .pcontact-form-list .ip-control.x2 {
    width: 100%;
  }
}
.pcontact-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media screen and (max-width: 930px) {
  .pcontact-flex {
    flex-direction: column;
  }
}
.pcontact-left {
  width: 33.3333333333%;
}
@media screen and (max-width: 930px) {
  .pcontact-left {
    width: 100%;
  }
}
.pcontact-right {
  width: 66.6666666667%;
}
@media screen and (max-width: 930px) {
  .pcontact-right {
    width: 100%;
  }
}
.pcontact-btn {
  margin-top: 2rem;
}
.pcontact-info {
  height: 100%;
}
.pcontact-info-inner {
  height: 100%;
  padding: 4rem 6rem;
  background: #f66315;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .pcontact-info-inner {
    padding: 2.4rem 1.6rem;
  }
}
@media screen and (max-width: 930px) {
  .pcontact-info-inner {
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 1.2rem;
    margin: 0 -1.2rem;
  }
}
@media screen and (max-width: 930px) {
  .pcontact-info-item {
    width: 50%;
    padding: 0 1.2rem;
    margin-bottom: unset !important;
  }
}
@media screen and (max-width: 580px) {
  .pcontact-info-item {
    width: 100%;
  }
}
.pcontact-info-item:not(:last-child) {
  margin-bottom: 3rem;
}
.pcontact-info-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 3.4rem;
  align-items: center;
}
@media screen and (max-width: 930px) {
  .pcontact-info-gr {
    gap: 1.2rem;
  }
}
.pcontact-info-gr .icon {
  width: 3.2rem;
  height: 3.2rem;
  position: relative;
}
.pcontact-info-gr .icon::before {
  content: "";
  position: absolute;
  height: 4rem;
  width: 0.2rem;
  background: #e99164;
  opacity: 0.5;
  left: calc(100% + 1.5rem);
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 930px) {
  .pcontact-info-gr .icon::before {
    left: calc(100% + 0.3rem);
  }
}

.sec-pstore {
  position: relative;
  z-index: 1;
}

.pstore-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  gap: 1.2rem;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .pstore-head {
    flex-direction: column;
  }
}
.pstore-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -2rem;
}
@media screen and (max-width: 1200px) {
  .pstore-flex {
    margin: 0 -1.2rem;
  }
}
@media screen and (max-width: 900px) {
  .pstore-flex {
    row-gap: 2.4rem;
    flex-direction: column-reverse;
  }
}
.pstore-left {
  width: 50%;
  padding: 0 2rem;
}
@media screen and (max-width: 1200px) {
  .pstore-left {
    padding: 0 1.2rem;
  }
}
@media screen and (max-width: 900px) {
  .pstore-left {
    width: 100%;
  }
}
.pstore-right {
  width: 50%;
  padding: 0 2rem;
}
@media screen and (max-width: 1200px) {
  .pstore-right {
    padding: 0 1.2rem;
  }
}
@media screen and (max-width: 900px) {
  .pstore-right {
    width: 100%;
  }
}
.pstore-itemm {
  height: 100%;
  position: relative;
  padding-top: 96.0784313725%;
}
.pstore-maps {
  height: 100%;
}
.pstore-map {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.pstore-map iframe {
  width: 100%;
  height: 100%;
}
.pstore-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
  align-items: center;
}
@media screen and (max-width: 650px) {
  .pstore-group {
    flex-direction: column;
  }
}
@media screen and (max-width: 650px) {
  .pstore-form {
    width: 100%;
  }
}
.pstore-ctr {
  min-width: 24rem;
}
@media screen and (max-width: 650px) {
  .pstore-ctr {
    width: 100%;
    min-width: 100%;
  }
}
.pstore-search {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-shrink: 0;
}
.pstore-submit {
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  color: #fff;
  background: #f66315;
}
@media screen and (max-width: 650px) {
  .pstore-submit {
    border-radius: 0.6rem;
    width: 8rem;
  }
}
.pstore-optionm {
  padding-right: 3rem;
  max-height: 57rem;
  overflow-y: auto;
}
@media screen and (max-width: 1200px) {
  .pstore-optionm {
    padding-right: 1.5rem;
  }
}
@media screen and (max-width: 900px) {
  .pstore-optionm {
    max-height: 40rem;
  }
}
.pstore-optionm::-webkit-scrollbar {
  width: 0.3rem;
}
.pstore-optionm::-webkit-scrollbar-thumb {
  background: #f66315;
  border-radius: 0.4rem;
}
.pstore-optionm::-webkit-scrollbar-track {
  background: #feefe8;
  border-radius: 0.4rem;
}
.pstore-options:not(:last-child) {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1200px) {
  .pstore-options:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}
.pstore-options.active .pstore-options-inner {
  background: #feefe8;
  border-color: transparent;
}
.pstore-options-inner {
  padding: 3rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #fbc1a1;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
@media (hover: hover) {
  .pstore-options-inner:hover {
    background: #feefe8;
  }
}
.pstore-options-inner.active {
  background: #feefe8;
}
@media screen and (max-width: 1200px) {
  .pstore-options-inner {
    padding: 1.6rem;
    border-radius: 0.8rem;
  }
}
.pstore-options-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}
@media screen and (max-width: 500px) {
  .pstore-options-head {
    flex-direction: column;
  }
}
.pstore-options-head .btn {
  flex-shrink: 0;
  margin: unset;
}
.pstore-options-ct {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.2rem;
}
.pstore-options-igr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
}
.pstore-options-igr .icon {
  width: 1.6rem;
  height: 1.6rem;
  flex-shrink: 0;
  color: #444545;
  font-size: 1.2rem;
  margin-top: 0.3rem;
}
.pstore-options-igr .bgroup {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}

.sec-blogdt .cmts-block .comment_item-gr {
  justify-content: unset;
}
.sec-blogdt .cmts-block .comment_item-ctn {
  flex: 1;
}

.blogh-sw {
  width: 66.6666666667%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .blogh-sw {
    width: 100%;
  }
}
.blogh-sw .btn-ctr {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
}
.blogh-sw .btn-ctr.cbtn-next {
  left: 100%;
}
.blogh-sw .btn-ctr.cbtn-prev {
  left: 0%;
}
.blogh-sw .swiper {
  overflow: unset;
}
@media screen and (max-width: 768px) {
  .blogh-sw .swiper {
    overflow: hidden;
  }
}
.blogh-sw .swiper .swiper-slide {
  transform: scale(0.8);
  transition: 0.3s ease-in-out;
  height: auto;
}
@media screen and (max-width: 768px) {
  .blogh-sw .swiper .swiper-slide {
    transform: scale(1);
  }
}
.blogh-sw .swiper .swiper-slide .blogh-slide-item {
  height: 100%;
}
.blogh-sw .swiper .swiper-slide .blogh-slide-inner {
  height: 100%;
}
.blogh-sw .swiper .swiper-slide.swiper-slide-active {
  transform: scale(1);
  transition: 0.3s ease-in-out;
}
.blogh-slide-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border-radius: 1.2rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .blogh-slide-inner {
    flex-direction: column;
  }
}
.blogh-slide-img {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .blogh-slide-img {
    width: 100%;
  }
}
.blogh-slide-img .inner {
  position: relative;
  padding-top: 100%;
  height: 100%;
}
.blogh-slide-img .inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogh-slide-content {
  width: 55%;
  height: inherit;
}
@media screen and (max-width: 768px) {
  .blogh-slide-content {
    width: 100%;
  }
}
.blogh-slide-bl {
  height: inherit;
  padding: 3rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  background: #feefe8;
}
@media screen and (max-width: 1000px) {
  .blogh-slide-bl {
    padding: 1.2rem;
  }
}
.blogh-slide-bl .time-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1.6rem;
}
.blogh-slide-bl .t-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.blogh-slide-bl .t-group .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
}
.blogh-slide-bl .t-group .text {
  font-size: 1.4rem;
  color: #7f8080;
}
.blogh-slide-link {
  font-size: 2.4rem;
  font-weight: 500;
  color: #f66315;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  transition: 0.3s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  .blogh-slide-link {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .blogh-slide-link {
    font-size: 1.7rem;
  }
}
@media (hover: hover) {
  .blogh-slide-link:hover {
    color: #031230;
  }
}
.blogh-slide-des {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-end;
  gap: 1.4rem;
  margin-top: 0.6rem;
}
.blogh-slide-des .text {
  color: #444545;
}
.blogh-slide-des .icon-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-shrink: 0;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
  background: #f66315;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1200px) {
  .blogh-slide-des .icon-link {
    display: none;
  }
}
@media (hover: hover) {
  .blogh-slide-des .icon-link:hover {
    background: #fff;
  }
  .blogh-slide-des .icon-link:hover .icon {
    transform: unset;
    color: #f66315;
    border-color: #f66315;
  }
}
.blogh-slide-des .icon-link .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 50%;
  border: 0.1rem solid #fff;
  color: #fff;
  transform: rotate(-30deg);
  font-size: 1.8rem;
  transition: 0.3s ease-in-out;
}

.blogsh-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 4rem;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 900px) {
  .blogsh-head {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
}
.blogsh-form {
  flex: 1;
}
@media screen and (max-width: 900px) {
  .blogsh-form {
    width: 100%;
  }
}
.blogsh-form-bl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border-radius: 5.4rem;
  border: 0.1rem solid #c9c9c9;
  padding-left: 2rem;
}
@media screen and (max-width: 500px) {
  .blogsh-form-bl {
    padding-left: 0.4rem;
  }
}
.blogsh-form-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex: 1;
  margin: 0 -1.2rem;
  align-items: center;
}
@media screen and (max-width: 500px) {
  .blogsh-form-gr {
    margin: 0 -0.4rem;
  }
}
.blogsh-form-select {
  padding: 0 1.2rem;
  position: relative;
}
@media screen and (max-width: 500px) {
  .blogsh-form-select {
    padding: 0 0.4rem;
  }
  .blogsh-form-select .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 1.3rem;
  }
}
.blogsh-form-select::before {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 2.4rem;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #c9c9c9;
}
.blogsh-form-select .select2-container--default .select2-selection--single {
  border: unset;
}
.blogsh-form-input {
  padding: 0 1.2rem;
  flex: 1;
}
@media screen and (max-width: 500px) {
  .blogsh-form-input {
    padding: 0 0.4rem;
  }
}
.blogsh-form-input input {
  width: 100%;
  padding: 0 1.2rem;
  border: unset;
  font-size: 1.4rem;
  background: transparent;
}
.blogsh-form-input input:focus {
  outline: unset;
}
.blogsh-form .btn {
  flex-shrink: 0;
}
@media screen and (max-width: 600px) {
  .blogsh-form .btn {
    width: 4.5rem;
  }
  .blogsh-form .btn .btn-inner .text {
    display: none;
  }
}

.blogc-block {
  margin-top: 3rem;
}
.blogc-sw {
  position: relative;
}
.blogc-sw .swiper {
  padding: 0 2rem;
}
@media screen and (max-width: 1200px) {
  .blogc-sw .swiper {
    padding: 0 0.6rem;
  }
}
.blogc-sw .btn-ctr {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
}
.blogc-sw .btn-ctr.cbtn-next {
  left: 100%;
}
.blogc-sw .btn-ctr.cbtn-prev {
  left: 0%;
}
.blogc-imp {
  position: relative;
}
@media (hover: hover) {
  .blogc-imp:hover .inner::before {
    transform: translate(-50%, -50%) scale(0);
  }
  .blogc-imp:hover .blogc-link {
    color: #fff;
  }
}
.blogc-imp .inner {
  padding-top: 100%;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.blogc-imp .inner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transition: 0.5s ease-in-out;
  transform: translate(-50%, -50%);
  background: #f66315;
  opacity: 0.8;
  border-radius: 50%;
}
@media screen and (max-width: 1200px) {
  .blogc-imp .inner::after {
    opacity: 0.6;
  }
}
.blogc-imp .inner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transition: 0.5s ease-in-out;
  transform: translate(-50%, -50%);
  background: #f5f5f5;
  z-index: 1;
  border-radius: 50%;
  padding: 0.1rem;
}
@media screen and (max-width: 1200px) {
  .blogc-imp .inner::before {
    display: none;
  }
}
.blogc-imp .inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.blogc-link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 1.2rem;
  font-weight: 700;
  font-size: 1.6rem;
  transition: 0.3s ease-in-out;
  z-index: 1;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .blogc-link {
    color: #fff;
  }
}

.bloga-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.2rem;
  flex-wrap: wrap;
  row-gap: 2.4rem;
}
.bloga-col {
  padding: 0 1.2rem;
}
.bloga-col.col-3 {
  width: 25%;
}
@media screen and (max-width: 1200px) {
  .bloga-col.col-3 {
    width: 100%;
  }
}
.bloga-col.col-9 {
  width: 75%;
}
@media screen and (max-width: 1200px) {
  .bloga-col.col-9 {
    width: 100%;
  }
}
.bloga-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1.2rem;
  justify-content: space-between;
  align-items: center;
}
.bloga-head .b-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.bloga-head .b-group .text {
  color: #444545;
}
@media screen and (max-width: 500px) {
  .bloga-head .b-group .text {
    display: none;
  }
}
.bloga-select {
  min-width: 18rem;
}
@media screen and (max-width: 400px) {
  .bloga-select {
    min-width: 14rem;
  }
}
.bloga-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.2rem;
  row-gap: 2.4rem;
}
@media screen and (max-width: 1200px) {
  .bloga-list {
    margin: 0 -0.6rem;
    row-gap: 1.2rem;
  }
}
.bloga-item {
  padding: 0 1.2rem;
  width: 33.3333333333%;
}
@media screen and (max-width: 1200px) {
  .bloga-item {
    padding: 0 0.6rem;
  }
}
@media screen and (max-width: 940px) {
  .bloga-item {
    width: 50%;
  }
}
@media screen and (max-width: 740px) {
  .bloga-item {
    width: 50%;
  }
}
.bloga-inner {
  position: relative;
  z-index: 1;
  height: 100%;
}
@media (hover: hover) {
  .bloga-inner:hover .bloga-pos {
    transform: translateY(0);
    background: #feefe8;
  }
  .bloga-inner:hover .t-gr .icon {
    filter: unset;
  }
  .bloga-inner:hover .t-gr .text {
    color: #7f8080;
  }
  .bloga-inner:hover .bloga-link {
    color: #031230;
  }
}
@media (hover: hover) and (hover: hover) {
  .bloga-inner:hover .bloga-link:hover {
    color: #f66315;
  }
}
.bloga-imgp {
  border-radius: 1.2rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .bloga-imgp {
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
  }
}
.bloga-imgp::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.9;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 2.48%, rgba(0, 0, 0, 0.9) 100%);
}
@media screen and (max-width: 1200px) {
  .bloga-imgp::before {
    display: none;
  }
}
.bloga-imgp .inner {
  position: relative;
  padding-top: 100%;
}
.bloga-imgp .inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bloga-tag {
  position: absolute;
  top: 8%;
  width: max-content;
  right: 0;
  background: #feefe8;
  border-radius: 20rem 0 0 20rem;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .bloga-tag {
    top: 1rem;
    right: 0;
    font-size: 1.3rem;
  }
}
.bloga-tag .text {
  display: inline-block;
  padding: 1rem 1.6rem;
  color: #f66315;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  .bloga-tag .text {
    padding: 0.4rem 1rem;
  }
}
.bloga-pos {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  transform: translateY(60%);
  transition: 0.3s ease-in-out;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .bloga-pos {
    position: relative;
    transform: unset;
    background: #feefe8;
    height: 100%;
  }
  .bloga-pos .t-gr .icon {
    filter: unset !important;
  }
  .bloga-pos .t-gr .text {
    color: #7f8080 !important;
  }
  .bloga-pos .bloga-link {
    color: #031230;
  }
}
@media screen and (max-width: 1200px) and (hover: hover) {
  .bloga-pos .bloga-link:hover {
    color: #f66315;
  }
}
.bloga-ctn {
  padding: 2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 740px) {
  .bloga-ctn {
    padding: 2rem 1.2rem;
  }
}
.bloga-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1.6rem;
  align-items: center;
  margin-bottom: 0.4rem;
}
.bloga-gr .t-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.bloga-gr .t-gr .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 1.2rem;
  filter: brightness(0) invert(1);
}
.bloga-gr .t-gr .text {
  color: #fff;
  font-size: 1.4rem;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 500px) {
  .bloga-gr .t-gr .text {
    font-size: 1.2rem;
    line-height: 1;
  }
}
@media screen and (max-width: 500px) {
  .bloga-gr .t-gr:last-child {
    display: none;
  }
}
.bloga-link {
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  transition: 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media only screen and (max-width: 1200px) {
  .bloga-link {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .bloga-link {
    font-size: 1.6rem;
  }
}
.bloga-des {
  font-size: 1.6rem;
  color: #444545;
  margin-top: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  margin-bottom: 2.6rem;
}
@media screen and (max-width: 500px) {
  .bloga-des {
    display: none;
  }
}
.bloga-btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-top: auto;
}
@media (hover: hover) {
  .bloga-btn:hover .icon {
    color: #031230;
    transform: unset;
  }
  .bloga-btn:hover .text {
    color: #031230;
  }
}
.bloga-btn .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  color: #f66315;
  font-size: 1.4rem;
  transform: rotate(-30deg);
  transition: 0.3s ease-in-out;
}
.bloga-btn .icon i {
  font-weight: 300;
}
.bloga-btn .text {
  color: #f66315;
  font-weight: 500;
  transition: 0.3s ease-in-out;
}
.bloga-pagi .page-numbers {
  justify-content: center;
}

.sec-blogdt .breadcrumb {
  padding-top: unset;
}
@media screen and (max-width: 768px) {
  .sec-blogdt .breadcrumb {
    padding-bottom: 2.4rem;
  }
}
.sec-blogdt .breadcrumb .breadcrumb-list {
  justify-content: unset;
}
.sec-blogdt .breadcrumb .breadcrumb-link {
  color: #444545;
}
.sec-blogdt .breadcrumb .breadcrumb-item:last-child .breadcrumb-link {
  color: #f66315;
}
.sec-blogdt .breadcrumb .breadcrumb-item::after {
  color: #444545;
}
.sec-blogdt .breadcrumb .container {
  padding: 0;
  width: 100%;
}

.main-blogdt .bn-about-img .inner {
  padding-top: 22%;
}

.blogdt-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -2.4rem;
}
@media screen and (max-width: 1200px) {
  .blogdt-flex {
    margin: 0 -1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .blogdt-flex {
    flex-direction: column;
  }
}
.blogdt-left {
  width: 66.6666666667%;
  padding: 0 2.4rem;
}
@media screen and (max-width: 1200px) {
  .blogdt-left {
    padding: 0 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .blogdt-left {
    width: 100%;
  }
}
.blogdt-right {
  width: 33.3333333333%;
  padding: 0 2.4rem;
  border-left: 0.1rem solid #f5f5f5;
}
@media screen and (max-width: 1200px) {
  .blogdt-right {
    padding: 0 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .blogdt-right {
    width: 100%;
    border-left: unset;
  }
}
.blogdt-content {
  position: relative;
  padding-top: 5rem;
}
@media screen and (max-width: 768px) {
  .blogdt-content {
    padding: 2.4rem 0;
  }
}
@media screen and (max-width: 768px) {
  .blogdt-imgl {
    width: 30rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
}
.blogdt-top-inner {
  padding-top: 2.4rem;
}
.blogdt-top-inner .container {
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .blogdt-top-inner {
    padding-top: 0;
    padding-bottom: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .blogdt-pos {
    position: static;
  }
}
.blogdt-title {
  font-size: 4rem;
  font-weight: 700;
}
@media only screen and (max-width: 1200px) {
  .blogdt-title {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 800px) {
  .blogdt-title {
    font-size: 2.7rem;
  }
}
.blogdt-title h1 {
  margin: unset;
  line-height: 1.2;
}
.blogdt-social {
  margin-top: 2rem;
}
.blogdt-social-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1.2rem;
  justify-content: space-between;
  align-items: center;
}
.blogdt-social-gr .time-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
.blogdt-social-gr .time-group .t-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.6rem;
  align-items: center;
}
.blogdt-social-gr .time-group .t-group .icon {
  width: 1.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.blogdt-social-gr .time-group .t-group .text {
  font-size: 1.4rem;
  color: #7f8080;
}
.blogdt-social-gr .icon-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.6rem;
}
.blogdt-social-gr .icon-gr .icon-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 2.4rem;
  height: 2.4rem;
}
.blogdt-side {
  margin-top: 5rem;
}
.blogdt-search-form {
  margin-top: 1rem;
}
.blogdt-search-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  border-radius: 5.4rem;
  border: 0.1rem solid #ccc;
  justify-content: space-between;
}
.blogdt-search-gr input {
  padding: 0 2rem;
  background: unset;
  border: unset;
  flex: 1;
  width: 100%;
}
.blogdt-search-gr input::placeholder {
  color: #ccc;
}
.blogdt-search-gr input:focus {
  outline: unset;
}
.blogdt-search-gr .btn-submit {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  color: #fff;
  background: #f66315;
  flex-shrink: 0;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1200px) {
  .blogdt-search-gr .btn-submit {
    height: 3.8rem;
    width: 3.8rem;
  }
}
@media (hover: hover) {
  .blogdt-search-gr .btn-submit:hover {
    background: #031230;
  }
}
.blogdt-rl-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
@media screen and (max-width: 768px) {
  .blogdt-rl-list {
    margin-bottom: 2.4rem;
  }
}
.blogdt-rl-img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.blogdt-rl-img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background: linear-gradient(0deg, rgba(246, 99, 21, 0.8) 0%, rgba(246, 99, 21, 0.8) 100%);
}
.blogdt-rl-img img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.blogdt-rl-inner {
  position: relative;
  padding: 2rem;
  border-radius: 1.2rem;
}
@media screen and (max-width: 1200px) {
  .blogdt-rl-inner {
    padding: 1.2rem 0;
  }
}
@media screen and (max-width: 768px) {
  .blogdt-rl-inner {
    border-bottom: 0.1rem solid #f66315;
    border-radius: 0;
  }
}
@media (hover: hover) {
  .blogdt-rl-inner:hover .t-link {
    color: #fff;
  }
  .blogdt-rl-inner:hover .blogdt-rl-img {
    opacity: 1;
  }
  .blogdt-rl-inner:hover .time-gr .icon img {
    filter: brightness(0) invert(1);
  }
  .blogdt-rl-inner:hover .time-gr .text {
    color: #fff;
  }
  .blogdt-rl-inner:hover .dcor-arrow {
    opacity: 1;
  }
}
.blogdt-rl-inner .dcor-arrow {
  position: absolute;
  width: max-content;
  bottom: 2rem;
  right: 2rem;
  margin-bottom: unset;
  flex-direction: row;
  height: auto;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.blogdt-rl-inner .dcor-arrow i {
  position: static;
  font-size: 4rem;
  -webkit-text-stroke-color: #fff;
}
.blogdt-rl-inner .t-link {
  font-size: 2rem;
  font-weight: 500;
  color: #031230;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.3s ease-in-out;
  word-break: break-word;
}
@media only screen and (max-width: 1200px) {
  .blogdt-rl-inner .t-link {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px) {
  .blogdt-rl-inner .t-link {
    font-size: 1.6rem;
  }
}
.blogdt-rl-inner .time-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 1rem;
}
.blogdt-rl-inner .time-gr .icon {
  width: 1.2rem;
  height: 1.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.blogdt-rl-inner .time-gr .text {
  color: #7f8080;
  transition: 0.3s ease-in-out;
  font-size: 1.4rem;
}
.blogdt-imgl-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border-radius: 1.2rem;
  overflow: hidden;
}
@media (hover: hover) {
  .blogdt-imgl-inner:hover img {
    transform: scale(1.05);
  }
}
.blogdt-imgl-inner img {
  display: block;
  width: 100%;
  transition: 0.3s ease-in-out;
}

.cmts-inner {
  padding: 5rem;
  border-radius: 0px 0px 1.2rem 1.2rem;
  background: #feefe8;
}
@media screen and (max-width: 1200px) {
  .cmts-inner {
    padding: 2.4rem;
  }
}
.cmts-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
}
.cmts-top .icon {
  width: 12.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.cmts-top .icon img {
  display: block;
  width: 100%;
}
.cmts-form-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.2rem;
  flex-wrap: wrap;
  row-gap: 2rem;
}
@media screen and (max-width: 500px) {
  .cmts-form-gr {
    margin: 0 -0.4rem;
    row-gap: 0.8rem;
  }
}
.cmts-form-gr .ip-control {
  padding: 0 1.2rem;
}
@media screen and (max-width: 500px) {
  .cmts-form-gr .ip-control {
    padding: 0 0.4rem;
  }
}
.cmts-form-gr .ip-control input,
.cmts-form-gr .ip-control textarea {
  border: unset;
}
.cmts-form-gr .ip-control.x2 {
  width: 50%;
}
.cmts-form-bot {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}
.cmts-form-bot .btn {
  margin: unset;
}
.cmts-form-toggle {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.cmts-form-toggle .toggle-cus {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.cmts-form-toggle .toggle-cus input {
  display: none;
}
.cmts-form-toggle .toggle-cus input:checked + label {
  background: #f66315;
}
.cmts-form-toggle .toggle-cus input:checked + label::before {
  transform: translateX(2.2rem);
  animation: moveRight 0.3s ease-in-out;
}
.cmts-form-toggle .toggle-cus label {
  position: relative;
  display: inline-block;
  width: 4.8rem;
  height: 2.6rem;
  background-color: #ccc;
  border-radius: 12rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.cmts-form-toggle .toggle-cus label::before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  height: 2.2rem;
  width: 2.2rem;
  background-color: #fff;
  border-radius: 50%;
  transition: box-shadow 0.3s ease-in-out;
  animation: moveLeft 0.3s ease-in-out;
}
.cmts-form-toggle .text {
  color: #575775;
}
.cmts-block .comment_list.sub_comment_list {
  margin-left: auto;
  width: calc(100% - 10.2rem);
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .cmts-block .comment_list.sub_comment_list {
    width: calc(100% - 5.2rem);
  }
}
.cmts-block .comment_list.sub_comment_list .comment_item .comment_item-avt {
  width: 4.8rem;
  height: 4.8rem;
}
@media screen and (max-width: 768px) {
  .cmts-block .comment_list.sub_comment_list .comment_item .comment_item-avt {
    width: 3.8rem;
    height: 3.8rem;
  }
}
.cmts-block .comment_list .comment_item {
  padding-bottom: 2rem;
}
.cmts-block .comment_list .comment_item:not(:last-child) {
  border-bottom: 0.1rem solid #f6dacd;
}
.cmts-block .comment_list .comment_item:not(:first-child) {
  padding-top: 2rem;
}
.cmts-block .comment_list .comment_item .inputCmtForm {
  display: none;
}
.cmts-block .comment_list .comment_item-rep .ip-control {
  position: relative;
}
.cmts-block .comment_list .comment_item-rep .ip-control input {
  padding-right: 4.4rem;
}
.cmts-block .comment_list .comment_item-rep-icon {
  width: 4.2rem;
  height: 4.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #031230;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .cmts-block .comment_list .comment_item-rep-icon:hover {
    color: #f66315;
  }
}
.cmts-block .comment_list .comment_item-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 768px) {
  .cmts-block .comment_list .comment_item-gr {
    gap: 1.2rem;
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .cmts-block .comment_list .comment_item-gr .comment_item-left {
    justify-content: flex-start;
  }
}
.cmts-block .comment_list .comment_item-avt {
  width: 7.8rem;
  height: 7.8rem;
  flex-shrink: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .cmts-block .comment_list .comment_item-avt {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.cmts-block .comment_list .comment_item-avt img {
  display: block;
  width: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.cmts-block .comment_list .comment_item-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.4rem;
  justify-content: space-between;
  align-items: center;
}
.cmts-block .comment_list .comment_item-head .t-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.4rem;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .cmts-block .comment_list .comment_item-head .t-group {
    font-size: 1.3rem;
  }
}
.cmts-block .comment_list .comment_item-head .t-group .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  color: #444545;
}
.cmts-block .comment_list .comment_item-head .t-group .text {
  font-weight: 500;
  color: #444545;
}
.cmts-block .comment_list .comment_item-des {
  color: #444545;
  margin: 1rem 0;
}
.cmts-block .comment_list .comment_item-ctr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  cursor: pointer;
  width: fit-content;
}
.cmts-block .comment_list .comment_item-ctr .icon {
  width: 1.6rem;
  height: 1.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.cmts-block .comment_list .comment_item-ctr .text {
  color: #444545;
  font-weight: 700;
}
.cmts-pagi .page-numbers {
  justify-content: center;
}
.cmts-pagi .page-numbers .page-numbers {
  background: #fff;
}

.comment_item-ctr.tabBtn.active {
  pointer-events: none;
}

.tab-img-banner img {
  width: 100%;
}

#monaAttributesProduct .text,
#monaAttriColor .text {
  min-width: 8rem;
}

.mona-content img {
  display: block;
  width: 100%;
  border-radius: 1.2rem;
}
.mona-content p {
  color: #444545;
}
.mona-content h2 {
  font-weight: 700;
}

.pcate-content-headding .mona-content iframe {
  height: 44rem !important;
}
@media screen and (max-width: 500px) {
  .pcate-content-headding .mona-content iframe {
    height: 21rem !important;
  }
}

.search-results .bloga-block .bloga-item {
  width: 25%;
}
@media screen and (max-width: 1200px) {
  .search-results .bloga-block .bloga-item {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 940px) {
  .search-results .bloga-block .bloga-item {
    width: 50%;
  }
}

.pcate-content-info .mona-content img {
  width: auto !important;
}

.login-page {
  padding-top: var(--size-hd);
}

.plogin {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .plogin {
    padding: 2.4rem 0;
    padding-right: 1.5rem;
  }
}
@media screen and (max-width: 678px) {
  .plogin {
    padding: 2.4rem 1.5rem;
  }
}
.plogin-wrap {
  width: calc(100vw - (100vw - 1170px) / 2);
  max-width: 100%;
}
.plogin-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -5rem;
  align-items: center;
}
@media screen and (max-width: 1380px) {
  .plogin-flex {
    margin: 0 -1.5rem;
  }
}
@media screen and (max-width: 678px) {
  .plogin-flex {
    flex-direction: column-reverse;
  }
}
.plogin-left {
  width: 60%;
  padding: 0 5rem;
}
@media screen and (max-width: 1380px) {
  .plogin-left {
    padding: 0 1.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .plogin-left {
    width: 50%;
  }
}
@media screen and (max-width: 678px) {
  .plogin-left {
    width: 100%;
  }
}
.plogin-right {
  width: 40%;
  padding: 0 5rem;
}
@media screen and (max-width: 1380px) {
  .plogin-right {
    padding: 0 1.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .plogin-right {
    width: 50%;
  }
}
@media screen and (max-width: 678px) {
  .plogin-right {
    width: 100%;
  }
}
.plogin-imgp .inner {
  position: relative;
  padding-top: 92.5925925926%;
}
.plogin-imgp .inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.plogin-block {
  padding: 2.4rem 0;
}
@media screen and (max-width: 678px) {
  .plogin-block .t-title {
    text-align: center;
  }
  .plogin-block .text-mb {
    text-align: center;
  }
}

.policyp-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.5rem;
}
@media screen and (max-width: 1200px) {
  .policyp-flex {
    flex-direction: column-reverse;
    gap: 2.4rem;
  }
}
.policyp-left {
  flex: 1;
  padding: 0 1.5rem;
}
.policyp-right {
  width: 70%;
  padding: 0 1.5rem;
}
@media screen and (max-width: 1200px) {
  .policyp-right {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .policyp-title {
    text-align: center;
  }
}
.policyp-tab-ctn {
  max-height: 50rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.policyp-tab-inner {
  padding: 2rem;
  border-radius: 1.2rem;
  background: #031230;
}
.policyp-tab-tt {
  padding-bottom: 1.4rem;
  border-bottom: 0.1rem solid #fff;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
}
@media only screen and (max-width: 1200px) {
  .policyp-tab-tt {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .policyp-tab-tt {
    font-size: 1.7rem;
  }
}
.policyp-tab-item.active .policyp-tab-head .text {
  color: #f66315;
}
.policyp-tab-item.active .policyp-tab-head .icon {
  color: #f66315;
  transform: unset;
}
.policyp-tab-head {
  padding-top: 2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.4rem;
  cursor: pointer;
}
@media (hover: hover) {
  .policyp-tab-head:hover .text {
    color: #f66315;
  }
  .policyp-tab-head:hover .icon {
    color: #f66315;
  }
}
.policyp-tab-head.fix {
  justify-content: unset;
  gap: 0.6rem;
}
@media (hover: hover) {
  .policyp-tab-head.fix:hover .icon {
    transform: unset;
  }
}
.policyp-tab-head.fix .icon {
  transform: rotate(-30deg);
}
.policyp-tab-head .text {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 700;
  transition: 0.3s ease-in-out;
}
.policyp-tab-head .icon {
  color: #fff;
  width: 1.6rem;
  height: 1.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  transition: 0.3s ease-in-out;
  transform: rotate(-180deg);
}
.policyp-tab-body {
  display: none;
}
.policyp-tab-body .list {
  margin-top: 1rem;
  margin-left: 2rem;
  list-style: decimal;
}
.policyp-tab-body .text {
  font-size: 1.6rem;
  color: #fff;
}
.policyp-tab-body .text:not(:last-child) {
  margin-bottom: 1rem;
}
.policyp-content ul {
  margin-left: 2rem;
  list-style: disc;
}

.fregis-form {
  padding-bottom: 2.4rem;
}
.fregis-imgp {
  height: 100%;
}
.fregis-imgp .inner {
  height: 100%;
}
.fregis-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-end;
  margin: 0 -1.2rem;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .fregis-flex {
    flex-direction: column;
  }
}
.fregis-left {
  width: 41.6666666667%;
  padding: 0 1.2rem;
}
@media screen and (max-width: 1200px) {
  .fregis-left {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .fregis-left {
    width: 100%;
  }
}
.fregis-right {
  width: 50%;
  padding: 0 1.2rem;
}
@media screen and (max-width: 768px) {
  .fregis-right {
    width: 100%;
  }
}
.fregis-imgp .inner {
  position: relative;
}
.fregis-imgp .inner::before {
  content: "";
  position: absolute;
  width: 130%;
  padding-top: 130%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: -1;
  opacity: 0.5;
  background: radial-gradient(50.73% 50.73% at 50.46% 49.27%, #fbc1a1 0%, rgba(251, 193, 161, 0) 100%);
}
.fregis-imgp .inner img {
  width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .fregis-title {
    text-align: center;
  }
}
.fregis-form .ip-control:not(:last-child) {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .fregis-form .ip-control:not(:last-child) {
    margin-bottom: 1.2rem;
  }
}

.page-pcate .bnh .bnh-mask {
  padding-top: 23.1481481481%;
}

.pcate-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
  align-items: center;
  flex-wrap: wrap;
}
.pcate-head .clist {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  .pcate-head .clist {
    gap: 0.8rem;
  }
}
@media screen and (max-width: 500px) {
  .pcate-head .clist .citem {
    width: calc(50% - 0.4rem);
  }
}
.pcate-head .clist .citem input:checked ~ .cgr .text {
  color: #fff;
}
.pcate-head .clist .cgr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.6rem 2.8rem;
  border-radius: 4.5rem;
  background: #f5f5f5;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1200px) {
  .pcate-head .clist .cgr {
    padding: 0.6rem 1.8rem;
  }
}
@media (hover: hover) {
  .pcate-head .clist .cgr:hover {
    background: #f66315;
  }
  .pcate-head .clist .cgr:hover .text {
    color: #fff;
  }
}
.pcate-head .clist .cgr .icon {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
}
@media screen and (max-width: 740px) {
  .pcate-head .clist .cgr .icon {
    width: 1.4rem;
    height: 1.4rem;
  }
  .pcate-head .clist .cgr .icon img {
    display: block;
    width: 100%;
  }
}
.pcate-head .clist .cgr .text {
  color: #031230;
  font-weight: 700;
  font-size: 1.6rem;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1200px) {
  .pcate-head .clist .cgr .text {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 740px) {
  .pcate-head .clist .cgr .text {
    font-size: 1.2rem;
  }
}
.pcate-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -4rem;
}
@media screen and (max-width: 1350px) {
  .pcate-flex {
    margin: 0 -1.5rem;
  }
}
.pcate-left {
  width: 25%;
  padding: 0 4rem;
}
@media screen and (max-width: 1350px) {
  .pcate-left {
    padding: 0 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .pcate-left.pcate-fixed {
    position: fixed;
    top: var(--size-hd);
    right: 0%;
    bottom: 0;
    width: 75rem;
    max-width: 85%;
    overflow-y: auto;
    background: #fff;
    transition: 0.5s ease-in-out;
    transform: translate(110%, 0%);
    visibility: hidden;
    z-index: 20;
    padding: 2.4rem 1.2rem;
  }
  .pcate-left.pcate-fixed.open {
    opacity: 1;
    transform: translate(0%, 0);
    visibility: visible;
  }
}
.pcate-right {
  width: 75%;
  padding: 0 4rem;
}
@media screen and (max-width: 1350px) {
  .pcate-right {
    padding: 0 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .pcate-right {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .pcate-fillc.m-filter-search {
    flex-direction: column;
    margin: unset;
    margin-bottom: 1.6rem;
    row-gap: unset;
  }
}
.pcate-fillc.m-filter-search .mt-20 {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .pcate-fillc.m-filter-search .mt-20 {
    margin-top: unset;
  }
}
.pcate-fillc .blogsh-form-bl .btn {
  width: 4rem;
  height: 4rem;
  padding: unset;
}
.pcate-fillc .blogsh-form-bl .btn .btn-inner {
  padding: unset;
  font-size: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .pcate-fillc {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.6rem;
    row-gap: 1.2rem;
  }
}
.pcate-open {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0 1.6rem;
  height: 4rem;
  gap: 0.6rem;
  font-size: 1.6rem;
  color: #031230;
  border: 0.1rem solid #031230;
}
@media screen and (min-width: 1025px) {
  .pcate-open {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .pcate-fillg .t-title {
    text-align: center;
    margin-bottom: 2.4rem;
  }
}
.pcate-fillc-item {
  padding: 3rem 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .pcate-fillc-item {
    padding: 0 0.6rem;
    width: 50%;
  }
  .pcate-fillc-item:nth-child(4) {
    order: 2;
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .pcate-fillc-item:first-child, .pcate-fillc-item:nth-child(2) {
    width: 100%;
  }
}
.pcate-fillc-item:not(:last-child) {
  border-bottom: 0.1rem solid #ebebf0;
}
@media screen and (max-width: 1024px) {
  .pcate-fillc-item:not(:last-child) {
    border: unset;
  }
}
.pcate-fillc-item .mb-20 {
  margin-bottom: unset;
}
.pcate-fillc-check {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.2rem;
  cursor: pointer;
}
@media (hover: hover) {
  .pcate-fillc-check .text:hover {
    color: #f66315;
  }
}
.pcate-fillc .icon {
  width: 2rem;
  height: 2rem;
}
.pcate-fillc .recheck-checkbox {
  width: 2rem;
  height: 2rem;
}
.pcate-fillc .icon2 {
  width: 2.4rem;
  height: 2.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  cursor: pointer;
  transform: rotate(-180deg);
  transition: 0.3s ease-in-out;
}
.pcate-fillc .icon2.active {
  transform: unset;
}
.pcate-fillc-opts {
  margin-top: 1.2rem;
  margin-left: 3rem;
  display: none;
}
.pcate-fillc-opts .recheck-item:not(:last-child) {
  margin-bottom: 0.8rem;
}
.pcate-fillc-opts .recheck-item .recheck-text {
  color: #031230;
}
.pcate-fillc-range .range-slider {
  height: 0.2rem;
  width: 100%;
  background-color: #d9d9d9;
  position: relative;
}
.pcate-fillc-range .range-slider .progress {
  position: absolute;
  height: 0.2rem;
  top: 0;
  background-color: #f66315;
}
.pcate-fillc-range .range-input {
  position: relative;
}
.pcate-fillc-range .range-input input {
  position: absolute;
  top: -0.1rem;
  height: 0.2rem;
  width: 100%;
  transform: translateY(-50%);
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  margin: 0;
  cursor: pointer;
}
.pcate-fillc-range .range-input input:first-child::-webkit-slider-thumb {
  height: 1.6rem;
  width: 1.6rem;
}
.pcate-fillc-range .range-input input::-webkit-slider-thumb {
  height: 1.6rem;
  width: 1.6rem;
  border-radius: 50%;
  pointer-events: auto;
  -webkit-appearance: none;
  background-color: #ffffff;
  border: 0.3rem solid #f66315;
}
.pcate-fillc-range .range-input input::-moz-slider-thumb {
  height: 1.6rem;
  width: 1.6rem;
  border: none;
  border-radius: 50%;
  border: 0.3rem solid #f66315;
  pointer-events: auto;
  -moz-appearance: none;
  background-color: #ffffff;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}
.pcate-fillc-range .text {
  margin-top: 1.6rem;
  font-size: 1.6rem;
  color: #444444;
  margin-bottom: 0.8rem;
}
.pcate-fillc-range .range-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pcate-fillc-range .range-item {
  font-size: 1.4rem;
  color: #000000;
  font-weight: 600;
  color: #444444;
}
.pcate-fillc-cus {
  max-height: 17rem;
  overflow-y: auto;
}
.pcate-fillc-cus::-webkit-scrollbar {
  width: 0.3rem;
  border-radius: 1.2rem;
}
.pcate-fillc-cus::-webkit-scrollbar-thumb {
  background: #f66315;
}
.pcate-fillc-cus::-webkit-scrollbar-track {
  background: #feefe8;
}
.pcate-fillc-cus .recheck-item:not(:last-child) {
  margin-bottom: 1.6rem;
}
.pcate-fillc-cus .recheck-item .recheck-text {
  color: #031230;
}
.pcate-ctr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
}
.pcate-ctr .btn {
  margin: unset;
}
.pcate-heads {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1.2rem;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .pcate-heads {
    margin-bottom: 2.4rem;
    gap: 0.4rem;
  }
  .pcate-heads > p {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) and (max-width: 500px) {
  .pcate-heads > p {
    width: auto;
  }
}
.pcate-heads .b-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .pcate-heads .b-group {
    order: 2;
  }
}
@media screen and (max-width: 500px) {
  .pcate-heads .b-group {
    width: 100%;
  }
}
.pcate-heads .b-group .text {
  color: #444545;
  flex-shrink: 0;
}
.pcate-heads .b-group .pcate-select {
  min-width: 18rem;
}
@media screen and (max-width: 500px) {
  .pcate-heads .b-group .pcate-select {
    min-width: unset;
    width: 100%;
  }
}
.pcate-heads .b-group .pcate-select .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0.8rem !important;
  padding-right: 2rem !important;
}
.pcate-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -0.6rem;
  flex-wrap: wrap;
  row-gap: 1.2rem;
}
.pcate-item {
  padding: 0 0.6rem;
  width: 33.3333333333%;
}
@media screen and (max-width: 1024px) {
  .pcate-item .prd-card-inner {
    padding: 0.4rem;
  }
}
@media screen and (max-width: 600px) {
  .pcate-item {
    width: 50%;
  }
}
.pcate-pagi .page-numbers {
  justify-content: center;
}
.pcate-content-info input:checked ~ .pcate-content-headding {
  max-height: unset;
}
.pcate-content-info input:checked ~ .pcate-content-headding::after {
  opacity: 0;
}
.pcate-content-info input:checked ~ .btn-drop-text .text:nth-child(1) {
  display: none;
}
.pcate-content-info input:checked ~ .btn-drop-text .text:nth-child(2) {
  display: block;
}
.pcate-content-info input:checked ~ .btn-drop-text .icon {
  transform: rotate(180deg);
}
.pcate-content-info .btn-drop-text .btn {
  border: unset;
}
.pcate-content-info .btn-drop-text .text {
  color: #f66315;
}
.pcate-content-info .btn-drop-text .text:nth-child(2) {
  display: none;
}
.pcate-content-info .btn-drop-text .icon {
  color: #f66315;
}
.pcate-content-headding {
  max-height: 86rem;
  transition: 0.8s ease-in-out;
  overflow: hidden;
  position: relative;
}
.pcate-content-headding::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 15%;
  left: 50%;
  transition: 0.3s ease-in-out;
  transform: translateX(-50%);
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.star {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-content: start;
  flex-shrink: 0;
}
.star-list {
  position: relative;
  height: 1.2rem;
}
.star-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.star-flex .icon {
  width: 1.2rem;
  height: 1.2rem;
}
.star-flex .icon:not(:first-child) {
  margin-left: 0.4rem;
}
.star-filter {
  overflow: hidden;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  height: 100%;
  width: 0;
}

.prd-card {
  height: 100%;
}
.prd-card-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1rem;
  border-radius: 1.2rem;
  background: #fff;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .prd-card-inner:hover {
    box-shadow: 0px 0.8rem 2.4rem 0px rgba(0, 0, 0, 0.1);
  }
  .prd-card-inner:hover .prd-card-actions {
    opacity: 1;
  }
  .prd-card-inner:hover .prd-card-img .inner img {
    transform: translate(-50%, -50%) scale(1.05);
  }
}
.prd-card-img {
  position: relative;
}
.prd-card-img .inner {
  position: relative;
  padding-top: 100%;
  border-radius: 1.2rem;
  overflow: hidden;
}
.prd-card-img .inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease-in-out;
  object-position: top;
}
.prd-card-sale {
  position: absolute;
  min-width: 4.8rem;
  top: 2rem;
  left: 1rem;
  z-index: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.prd-card-sale::before {
  content: "";
  position: absolute;
  width: 100%;
  min-height: 4.8rem;
  top: 50%;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../assets/images/icon-sale.svg);
}
.prd-card-sale .text {
  font-weight: 700;
  color: #fff;
}
.prd-card-status {
  position: absolute;
  padding: 0.4rem 1.6rem;
  min-width: 12rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  gap: 0.6rem;
  border-radius: 3.6rem;
  bottom: 1rem;
  left: 1rem;
}
@media screen and (max-width: 768px) {
  .prd-card-status {
    min-width: 10rem;
    padding: 0.4rem 1rem;
  }
  .prd-card-status .t14 {
    font-size: 1.3rem;
  }
}
.prd-card-status.t-have-prd {
  background: #dcf3d8;
}
.prd-card-status.t-have-prd .icon {
  color: rgb(29, 157, 6);
}
.prd-card-status.t-have-prd .text {
  color: rgb(29, 157, 6);
}
.prd-card-status.t-not-prd {
  background: #ffded6;
}
.prd-card-status.t-not-prd .icon {
  color: rgb(246, 62, 21);
}
.prd-card-status.t-not-prd .text {
  color: rgb(246, 62, 21);
}
.prd-card-actions {
  position: absolute;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  gap: 0.8rem;
  bottom: 1rem;
  right: 1rem;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 1200px) {
  .prd-card-actions {
    opacity: 1;
  }
}
.prd-card-action {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  color: #f66315;
  background: #feefe8;
  font-size: 1.4rem;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .prd-card-action {
    width: 3rem;
    height: 3rem;
    line-height: 1;
    font-size: 1.2rem;
  }
}
.prd-card-action.active i {
  font-weight: 900;
}
.prd-card-action i {
  font-weight: 300;
}
@media (hover: hover) {
  .prd-card-action:hover {
    color: #ffffff;
    background: #f66315;
  }
}
.prd-card-link {
  font-size: 1.6rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .prd-card-link:hover {
    color: #f66315;
  }
}
.prd-card-ctn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.prd-card-price {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-top: 1rem;
  margin-top: auto;
}
.prd-card-price .price-new {
  font-size: 2rem;
  color: #f66315;
  font-weight: 700;
}
.prd-card-price .price-odd {
  color: #7f8080;
  font-size: 1.6rem;
  text-decoration: line-through;
}
.prd-card-star {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.prd-card-timesale {
  width: 16rem;
  border-radius: 3rem;
  background: #feefe8;
  padding: 0.2rem 0;
  margin-top: 1rem;
  position: relative;
}
.prd-card-timesale-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  position: relative;
  z-index: 1;
}
.prd-card-timesale-gr .text {
  position: relative;
  display: inline-block;
  font-weight: 500;
}
.prd-card-timesale-gr .text .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  position: absolute;
  right: 100%;
  bottom: 20%;
}
.prd-card-timesale-gr .text .icon img {
  display: block;
  width: 100%;
}
.prd-card-timesale .line-pro {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  bottom: 0;
  background: #f66315;
  border-radius: inherit;
}

.sec-hprd {
  position: relative;
}
.sec-hprd.col-revers .hprd-flex {
  flex-direction: row-reverse;
}

.hprd-dcorr {
  position: absolute;
  right: 8%;
  top: 0;
}
@media screen and (max-width: 1200px) {
  .hprd-dcorr {
    display: none;
  }
}
.hprd-dcorl {
  position: absolute;
  left: 8%;
  top: 50%;
}
.hprd-bot {
  position: absolute;
  width: 5%;
  bottom: 0;
  left: 0;
}
.hprd-bot img {
  width: 100%;
  display: block;
}
.hprd-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  justify-content: space-between;
}
.hprd-head .btn {
  margin: unset;
  flex-shrink: 0;
}
@media screen and (max-width: 500px) {
  .hprd-head .btn .btn-inner {
    padding: 0.6rem 1rem;
  }
  .hprd-head .btn .text {
    font-size: 1.3rem;
  }
}
.hprd-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -0.7rem;
}
@media screen and (max-width: 600px) {
  .hprd-flex {
    flex-direction: column-reverse !important;
    row-gap: 2.4rem;
  }
}
.hprd-left {
  padding: 0 0.7rem;
  width: 31.6666666667%;
}
@media screen and (max-width: 600px) {
  .hprd-left {
    width: 100%;
  }
}
.hprd-right {
  flex: 1;
  padding: 0 0.7rem;
}
.hprd-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.7rem;
  row-gap: 2.4rem;
}
.hprd-item {
  padding: 0 0.7rem;
  width: 33.3333333333%;
}
@media screen and (max-width: 800px) {
  .hprd-item {
    width: 50%;
  }
}
.hprd-item .prdrl-item {
  height: 100%;
}
.hprd-block .prd-card .prd-card-inner {
  background: unset;
}
.hprd-img {
  height: 100%;
}
@media screen and (max-width: 800px) {
  .hprd-img {
    height: auto;
  }
}
.hprd-img .inner {
  height: 100%;
  border-radius: 1.2rem;
  overflow: hidden;
}
@media (hover: hover) {
  .hprd-img .inner:hover img {
    transform: scale(1.05);
  }
}
.hprd-img .inner img {
  height: 100%;
  transition: 0.3s ease-in-out;
  display: block;
  width: 100%;
}

#monaPriceProduct .prddt-prd-price-box .price-new .info-price-current {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.8rem;
}
#monaPriceProduct .prddt-prd-price-box .price-new .info-price-current del {
  color: #7f8080;
  font-weight: 400;
  text-decoration: line-through;
  font-size: 2.4rem;
}
@media screen and (max-width: 500px) {
  #monaPriceProduct .prddt-prd-price-box .price-new .info-price-current del {
    font-size: 2.6rem;
  }
}
#monaPriceProduct .prddt-prd-price-box .price-new .info-price-current ins {
  font-size: 2.4rem;
  text-decoration: unset;
}
@media only screen and (max-width: 1200px) {
  #monaPriceProduct .prddt-prd-price-box .price-new .info-price-current ins {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  #monaPriceProduct .prddt-prd-price-box .price-new .info-price-current ins {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 500px) {
  #monaPriceProduct .prddt-prd-price-box .price-new .info-price-current ins {
    font-size: 2.6rem;
  }
}

#product-filter-form {
  width: 100%;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: unset !important;
}

.mona-filter-sidebar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  row-gap: 1.2rem;
  max-height: 50rem;
  overflow-y: auto;
}

.wishlist {
  position: relative;
  z-index: 1;
}
.wishlist-table table {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .wishlist-table thead {
    display: none;
  }
}
.wishlist-table thead tr th {
  color: #f66315;
  font-weight: 700;
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid #efefef;
  text-align: left;
}
.wishlist-table thead tr th:first-child {
  width: 40%;
}
.wishlist-table thead tr th:not(:first-child) {
  text-align: center;
}
.wishlist-table tbody tr:not(:last-child) {
  border-bottom: 0.1rem solid #efefef;
}
.wishlist-table tbody td {
  vertical-align: middle;
  padding: 2rem 0;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 900px) {
  .wishlist-table tbody td {
    padding: 1.6rem 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .wishlist-table tbody td::before {
    content: attr(data-label);
    width: fit-content;
    font-weight: 600;
    font-size: 1.6rem;
    color: #031230;
    text-align: left;
    white-space: nowrap;
  }
}
.wishlist-table tbody td .wishlist-boxp {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 900px) {
  .wishlist-table tbody td .wishlist-boxp {
    flex-direction: column;
    align-items: flex-end;
  }
}
.wishlist-table tbody td .wishlist-imgp {
  flex-shrink: 0;
  width: 10.2rem;
  height: 10.2rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
.wishlist-table tbody td .wishlist-imgp img {
  width: 100%;
  object-fit: cover;
}
.wishlist-table tbody td .wishlist-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  gap: 1rem;
}
.wishlist-table tbody td .wishlist-gr .btn {
  margin: unset;
}

.bdeal {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.bdeal-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 0.8rem 1.6rem;
  gap: 0.6rem;
  border-radius: 3.6rem;
}
.bdeal-gr .icon {
  font-size: 1.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.bdeal-gr .text {
  font-weight: 500;
}
.bdeal-gr.bhave {
  background: #dcf3d8;
}
.bdeal-gr.bhave .icon {
  color: #1d9d06;
}
.bdeal-gr.bhave .text {
  color: #1d9d06;
}
.bdeal-gr.blimit {
  background: #ffded6;
}
.bdeal-gr.blimit .icon {
  color: #e10600;
}
.bdeal-gr.blimit .text {
  color: #e10600;
}

body.logged-in .cstep-wrap::before {
  width: 80%;
}

.sec-cstep {
  padding-top: var(--size-hd);
  margin-top: 5rem;
}
@media screen and (max-width: 1200px) {
  .sec-cstep {
    padding-top: 0;
    margin-top: 2.4rem;
  }
}

.cstep-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.2rem;
  justify-content: center;
}
@media screen and (max-width: 740px) {
  .cstep-flex {
    margin: 0 -0.2rem;
  }
}
.cstep-col {
  padding: 0 1.2rem;
  width: 20%;
}
@media screen and (max-width: 740px) {
  .cstep-col {
    width: 25%;
    padding: 0 0.2rem;
  }
}
.cstep-col:last-child .cstep-box-icon::after {
  display: none;
}
.cstep-col .cstep-box.cstep-pass .cstep-box-icon {
  background: #1d9d06;
}
.cstep-col .cstep-box.cstep-pass .cstep-box-icon img {
  filter: brightness(0) invert(1);
}
.cstep-col .cstep-box.cstep-pass .cstep-box-icon::before {
  border-color: #1d9d06;
  opacity: 1;
}
.cstep-col .cstep-box.cstep-pass .cstep-box-icon::after {
  background: #1d9d06;
}
.cstep-col .cstep-box.active .cstep-box-icon {
  background: #f66315;
}
.cstep-col .cstep-box.active .cstep-box-icon img {
  filter: brightness(0) invert(1);
}
.cstep-col .cstep-box.active .cstep-box-icon::before {
  opacity: 1;
}
.cstep-col .cstep-box.active .cstep-box-icon::after {
  background: #f66315;
}
.cstep-wrap {
  position: relative;
}
.cstep-wrap::before {
  content: "";
  position: absolute;
  width: 60%;
  top: 3rem;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 0.1rem;
  background: #feefe8;
}
@media screen and (min-width: 1201px) {
  .cstep-wrap::before {
    display: none;
  }
}
@media screen and (max-width: 740px) {
  .cstep-wrap::before {
    width: 80%;
  }
}
@media screen and (max-width: 500px) {
  .cstep-wrap::before {
    top: 2rem;
  }
}
.cstep-box-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 1200px) {
  .cstep-box-inner {
    gap: 1.2rem;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .cstep-box-inner .text {
    font-size: 1.3rem;
  }
}
.cstep-box-icon {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: #feefe8;
}
@media screen and (max-width: 1200px) {
  .cstep-box-icon {
    width: 6rem;
    height: 6rem;
  }
}
@media screen and (max-width: 500px) {
  .cstep-box-icon {
    width: 4rem;
    height: 4rem;
  }
}
.cstep-box-icon::after {
  content: "";
  position: absolute;
  width: calc(100% - 2.2rem);
  height: 0.2rem;
  background: #feefe8;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 3.2rem);
}
@media screen and (max-width: 1200px) {
  .cstep-box-icon::after {
    display: none;
  }
}
.cstep-box-icon::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  border-radius: inherit;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1rem;
  border: 0.2rem solid #f66315;
  opacity: 0;
}
@media screen and (max-width: 1200px) {
  .cstep-box-icon::before {
    padding: 0.5rem;
  }
}
@media screen and (max-width: 500px) {
  .cstep-box-icon::before {
    padding: 0.3rem;
  }
}
.cstep-box-icon .inner {
  width: 3.6rem;
  height: 3.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
@media screen and (max-width: 1200px) {
  .cstep-box-icon .inner {
    width: 2rem;
    height: 2rem;
  }
}
@media screen and (max-width: 500px) {
  .cstep-box-icon .inner {
    width: 1.6rem;
    height: 1.6rem;
  }
}

.sec-cartod {
  position: relative;
  z-index: 1;
}

.cartod-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  gap: 2rem;
}
.cartod-des {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 1rem;
  color: #1d9d06;
}
@media screen and (max-width: 500px) {
  .cartod-des {
    font-size: 1.3rem;
  }
}
.cartod-des .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.cartod-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 1rem;
}
.cartod-head .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0.1rem 1rem;
  border-radius: 4rem;
  font-weight: 700;
  color: #f66315;
  background: #feefe8;
}
.cartod-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -2.5rem;
}
@media screen and (max-width: 1200px) {
  .cartod-flex {
    margin: 0 -1.2rem;
  }
}
@media screen and (max-width: 840px) {
  .cartod-flex {
    flex-direction: column;
    row-gap: 2.4rem;
  }
}
.cartod-left {
  width: 50%;
  padding: 0 2.5rem;
}
@media screen and (max-width: 1200px) {
  .cartod-left {
    padding: 0 1.2rem;
  }
}
@media screen and (max-width: 840px) {
  .cartod-left {
    width: 100%;
  }
}
.cartod-right {
  width: 50%;
  padding: 0 2.5rem;
}
@media screen and (max-width: 1200px) {
  .cartod-right {
    padding: 0 1.2rem;
  }
}
@media screen and (max-width: 840px) {
  .cartod-right {
    width: 100%;
    padding: 0 1.2rem;
  }
}
.cartod-prds-update {
  margin-top: 5rem;
}
.cartod-prds-update .btn {
  margin: unset;
}
.cartod-prds-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1.2rem;
}
.cartod-prds-img {
  flex-shrink: 0;
}
.cartod-prds-img .inner {
  width: 7.7rem;
  height: 7.7rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
.cartod-prds-img .inner img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.cartod-prds-item:not(:last-child) {
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid #e0e0e0;
}
.cartod-prds-item:not(:first-child) {
  padding-top: 3rem;
}
.cartod-prds-count {
  margin-top: auto;
}
.cartod-prds-ctn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cartod-prds-ctn .link {
  color: #031230;
  font-weight: 500;
  transition: 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media (hover: hover) {
  .cartod-prds-ctn .link:hover {
    color: #f66315;
  }
}
.cartod-prds-price {
  color: #f66315;
  margin-top: auto;
  margin-left: auto;
}
.cartod-total-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
  margin: 2rem 0;
}
.cartod-total-head .tnum {
  min-width: 2.6rem;
  height: 2.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 50%;
  padding: 0.4rem;
  color: #fff;
  background: #f66315;
}
.cartod-total-item:not(:last-child) {
  margin-bottom: 2rem;
}
.cartod-total-inner {
  position: relative;
  padding: 2.8rem 3rem;
  background: #031230;
}
@media screen and (max-width: 840px) {
  .cartod-total-inner {
    padding: 2.8rem 1.6rem;
  }
}
.cartod-total-inner::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-image: url(../assets/images/ponut-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 2rem;
}
@media screen and (max-width: 1200px) {
  .cartod-total-inner::before {
    background-image: unset;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    top: 0;
    background: #fff;
    left: 50%;
    right: unset;
    transform: translate(-50%, -50%);
  }
}
.cartod-total-inner::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-image: url(../assets/images/ponut-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 2rem;
  transform: scaleY(-1);
}
@media screen and (max-width: 1200px) {
  .cartod-total-inner::after {
    background-image: unset;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    top: 100%;
    background: #fff;
    left: 50%;
    right: unset;
    transform: translate(-50%, -50%);
  }
}
.cartod-total-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
}
.cartod-total-img {
  width: 5.8rem;
  height: 5.8rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
.cartod-total-img img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.cartod-total-ctn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.cartod-total-ctn .txt {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.cartod-total-ctn .tprice {
  margin-top: auto;
}
.cartod-total-list {
  margin-bottom: 3rem;
}
.cartod-total-block {
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.12);
}
.cartod-total-if {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.4rem;
  justify-content: space-between;
  align-items: center;
}
.cartod-dt-inner {
  background: #031230;
  padding: 2.8rem 3rem;
  position: relative;
}
@media screen and (max-width: 500px) {
  .cartod-dt-inner {
    padding: 2.8rem 1.6rem;
  }
}
.cartod-dt-inner::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-image: url(../assets/images/ponut-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 2rem;
}
@media screen and (max-width: 1200px) {
  .cartod-dt-inner::before {
    background-image: unset;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    top: 0;
    background: #fff;
    left: 50%;
    right: unset;
    transform: translate(-50%, -50%);
  }
}
.cartod-dt-inner::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-image: url(../assets/images/ponut-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 2rem;
  transform: scaleY(-1);
}
@media screen and (max-width: 1200px) {
  .cartod-dt-inner::after {
    background-image: unset;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    top: 100%;
    background: #fff;
    left: 50%;
    right: unset;
    transform: translate(-50%, -50%);
  }
}
.cartod-dt-block {
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.12);
}
.cartod-dt-form {
  margin: 3rem 0;
}
.cartod-dt-control {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background: #fff;
  border-radius: 4rem;
}
@media screen and (max-width: 500px) {
  .cartod-dt-control .btn .text {
    font-size: 1.2rem;
  }
}
.cartod-dt-control input {
  border-radius: inherit;
  flex: 1;
  padding: 0 2rem;
  background: unset;
  border: unset;
}
.cartod-dt-control input::placeholder {
  color: #7f8080;
}
.cartod-dt-control input:focus {
  outline: unset;
}
.cartod-dt-btns {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
@media screen and (max-width: 500px) {
  .cartod-dt-btns {
    gap: 0.6rem;
    flex-direction: column;
  }
}
.cartod-form-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  row-gap: 2rem;
  margin: 0 -1.2rem;
}
@media screen and (max-width: 1200px) {
  .cartod-form-gr {
    margin: 0 -0.6rem;
  }
}
.cartod-form-gr .ip-control {
  padding: 0 1.2rem;
}
@media screen and (max-width: 1200px) {
  .cartod-form-gr .ip-control {
    padding: 0 0.6rem;
  }
}
.cartod-form-gr .ip-control.x2 {
  width: 50%;
}
.cartod-form-pay-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 1200px) {
  .cartod-form-pay-gr {
    gap: 0.6rem;
  }
}
.cartod-form-pay-box {
  flex: 1;
}
.cartod-form-pay-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  gap: 2rem;
  position: relative;
  padding: 3rem 0.4rem;
  border-radius: 1rem;
  border: 0.1rem solid #ccc;
  width: 100%;
  transition: 0.3s ease-in-out;
}
.cartod-form-pay-inner.active {
  background: #f66315;
  border-color: transparent;
}
.cartod-form-pay-inner.active .text {
  color: #fff;
}
@media screen and (max-width: 420px) {
  .cartod-form-pay-inner.active .text {
    font-size: 1.3rem;
    text-align: center;
  }
}
.cartod-form-pay-inner.active .icon {
  filter: brightness(0) invert(1);
}
.cartod-form-pay-inner .icon {
  width: 4.8rem;
  height: 4.8rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 0 auto;
  transition: 0.3s ease-in-out;
}
.cartod-form-pay-inner .text {
  color: #444545;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 420px) {
  .cartod-form-pay-inner .text {
    text-align: center;
    font-size: 1.2rem;
  }
}
.cartod-complete-if > p {
  position: relative;
  z-index: 1;
}
.cartod-complete-head {
  margin-bottom: 7rem;
}
@media screen and (max-width: 1200px) {
  .cartod-complete-head {
    margin-bottom: 0;
  }
}
.cartod-complete-icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
@media screen and (max-width: 1024px) {
  .cartod-complete-icon {
    width: 12rem;
    height: 12rem;
    margin: 0 auto;
    border-radius: 50%;
    background: #031230;
    position: relative;
    transform: translateY(50%);
    z-index: 1;
  }
  .cartod-complete-icon img {
    width: 6rem;
    border-radius: unset;
  }
}
.cartod-complete-wrap {
  padding: 4.2rem 6.7rem;
  position: relative;
}
@media screen and (max-width: 1020px) {
  .cartod-complete-wrap {
    padding: 4.2rem 1.6rem;
    background: #031230;
    width: 70rem;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 1.2rem;
  }
}
.cartod-complete-wrap::after {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 19rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #e6e6e6;
}
@media screen and (max-width: 1024px) {
  .cartod-complete-wrap::after {
    width: 6rem;
    height: 6rem;
    top: 100%;
    background: #fff;
    border-radius: 50%;
  }
}
.cartod-complete-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  top: -12rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../assets/images/bg-complete.png);
}
@media screen and (max-width: 1020px) {
  .cartod-complete-wrap::before {
    background-image: unset;
  }
}
.cartod-complete-wrap::before img {
  width: 100%;
  height: auto;
}
.cartod-complete-wrap.cartod-cod {
  width: 58rem;
  margin: 0 auto;
  padding: 4.2rem 1.2rem;
  max-width: 100%;
}
.cartod-complete-wrap.cartod-cod::after {
  display: none;
}
.cartod-complete-wrap.cartod-cod::before {
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../assets/images/bg-complete2.png);
}
@media screen and (max-width: 1020px) {
  .cartod-complete-wrap.cartod-cod::before {
    background-image: unset;
    width: 4rem;
    height: 4rem;
    bottom: unset;
    right: unset;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 50%;
    z-index: 1;
  }
}
.cartod-complete-wrap.cartod-cod .cartod-complete-flex {
  justify-content: center;
}
@media screen and (max-width: 1020px) {
  .cartod-complete-wrap.cartod-cod .cartod-complete-flex {
    align-items: center;
  }
}
.cartod-complete-wrap.cartod-cod .cartod-complete-left {
  width: 40rem;
  max-width: 100%;
}
.cartod-complete-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin: 0 -2.4rem;
}
@media screen and (max-width: 1200px) {
  .cartod-complete-flex {
    margin: 0 -1.2rem;
  }
}
@media screen and (max-width: 1020px) {
  .cartod-complete-flex {
    flex-direction: column;
    row-gap: 2.4rem;
  }
}
.cartod-complete-left {
  padding: 0 2.4rem;
  width: 45.8333333333%;
}
@media screen and (max-width: 1200px) {
  .cartod-complete-left {
    padding: 0 1.2rem;
  }
}
@media screen and (max-width: 1020px) {
  .cartod-complete-left {
    width: 100%;
  }
}
.cartod-complete-right {
  padding: 0 2.4rem;
  width: 45.8333333333%;
}
@media screen and (max-width: 1200px) {
  .cartod-complete-right {
    padding: 0 1.2rem;
  }
}
@media screen and (max-width: 1020px) {
  .cartod-complete-right {
    width: 100%;
  }
}
.cartod-complete-if-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  gap: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .cartod-complete-if-gr {
    justify-content: center;
  }
}
@media screen and (max-width: 440px) {
  .cartod-complete-if-gr {
    font-size: 1.4rem;
  }
}
.cartod-complete-if-text {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .cartod-complete-if-text {
    width: 20rem;
    max-width: 100%;
  }
  .cartod-complete-if-text:nth-child(2) {
    text-align: right;
  }
}
@media screen and (max-width: 440px) {
  .cartod-complete-if-text {
    font-size: 1.3rem;
    width: auto;
    flex: 1;
  }
}
.cartod-complete-bank-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  gap: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .cartod-complete-bank-gr {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.cartod-complete-bank-if {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .cartod-complete-bank-if {
    width: 40rem;
    max-width: 100%;
    justify-content: center;
  }
}
.cartod-complete-bank-text {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 4rem;
}
@media screen and (max-width: 1024px) {
  .cartod-complete-bank-text {
    justify-content: space-between;
    gap: 0.4rem;
  }
  .cartod-complete-bank-text .text:last-child {
    text-align: right;
  }
}
@media screen and (max-width: 440px) {
  .cartod-complete-bank-text .text:last-child {
    font-size: 1.3rem;
  }
}
.cartod-complete-bank-text .icon-bank {
  width: 10rem;
}
.cartod-complete-bank-text .icon-bank img {
  display: block;
  width: 100%;
}
.cartod-complete-bank-text .txt {
  width: 10rem;
}
.cartod-complete-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 2.4rem;
  margin-top: 5rem;
}
@media screen and (max-width: 460px) {
  .cartod-complete-link {
    flex-direction: column;
  }
}
.cartod-complete-link .btn {
  min-width: 20rem;
  margin: unset;
}

.btn-dnone {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background: #f5f5f5;
  transition: 0.3s ease-in-out;
  cursor: not-allowed;
}
.btn-dnone .icon {
  color: rgb(127, 128, 128);
}

.btn-delete {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background: #ffded6;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.btn-delete .icon {
  transition: 0.3s ease-in-out;
  color: #e10600;
}
@media (hover: hover) {
  .btn-delete:hover {
    background: #e10600;
  }
  .btn-delete:hover .icon {
    color: #fff;
  }
}

.cartod-prds .item-compo {
  border: 0.1rem dashed #e10600;
  border-radius: 1.2rem;
  padding: 1.2rem;
}
.cartod-prds .item-compo .item-head {
  border-top: unset;
  padding: 0;
  gap: 0.6rem;
}
.cartod-prds .item-compo .item-head .stick-a {
  margin: unset;
  line-height: initial;
}

@media screen and (max-width: 980px) {
  .sec-pfcus.pfcus-his-fix .pfcus-flex {
    flex-direction: column;
  }
}
@media screen and (max-width: 1200px) {
  .sec-pfcus.pfcus-odt-fix .pfcus-flex {
    flex-direction: column;
  }
}

.pfcus {
  position: relative;
  margin-bottom: 10rem;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .pfcus {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .pfcus {
    margin-bottom: 2.4rem;
  }
}
.pfcus-wrap {
  position: relative;
}
.pfcus-dcor {
  position: absolute;
  right: 9rem;
  width: 15%;
  bottom: 0;
}
@media screen and (max-width: 1200px) {
  .pfcus-dcor {
    right: 5%;
  }
}
.pfcus-dcor::before {
  content: "";
  position: absolute;
  width: 35%;
  bottom: 0;
  left: 100%;
  transform: translateX(-50%);
  top: 60%;
  background: linear-gradient(179deg, rgba(251, 193, 161, 0.3) 0%, rgba(251, 193, 161, 0) 100%);
  border-radius: 4rem 4rem 0 0;
}
.pfcus-dcor img {
  display: block;
  width: 100%;
}
.pfcus-inner {
  padding: 5rem;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0px 0.8rem 2.5rem 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1240px) {
  .pfcus-inner {
    padding: 1.2rem;
  }
}
.pfcus-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -2.5rem;
}
@media screen and (max-width: 1200px) {
  .pfcus-flex {
    margin: 0 -1.2rem;
  }
}
@media screen and (max-width: 560px) {
  .pfcus-flex {
    flex-direction: column;
  }
}
.pfcus-left {
  width: 25%;
  padding: 0 2.5rem;
}
@media screen and (max-width: 1200px) {
  .pfcus-left {
    padding: 0 1.2rem;
    width: 26rem;
  }
}
@media screen and (max-width: 560px) {
  .pfcus-left {
    width: 100%;
  }
}
.pfcus-right {
  width: 75%;
  padding: 0 2.5rem;
}
@media screen and (max-width: 1200px) {
  .pfcus-right {
    padding: 0 1.2rem;
    width: auto;
    flex: 1;
  }
}
@media screen and (max-width: 560px) {
  .pfcus-right {
    width: 100%;
  }
}
.pfcus-head-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 2rem;
}
.pfcus-head-gr .icon-avt {
  width: 7rem;
  height: 7rem;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
.pfcus-head-gr .icon-avt img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.pfcus-head-tgr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.pfcus-head-tgr .tname {
  font-weight: 700;
  font-size: 2.4rem;
}
@media only screen and (max-width: 1200px) {
  .pfcus-head-tgr .tname {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .pfcus-head-tgr .tname {
    font-size: 1.7rem;
  }
}
.pfcus-head-tgr .tlink {
  text-decoration: underline;
  color: #7f8080;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .pfcus-head-tgr .tlink:hover {
    color: #f66315;
  }
}
.pfcus-tab-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 5rem;
}
@media screen and (max-width: 560px) {
  .pfcus-tab-list {
    margin-top: 1.2rem;
    gap: 1.2rem;
  }
}
.pfcus-tab-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
  padding: 1rem 3.4rem;
  align-items: center;
  border-radius: 4.8rem;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .pfcus-tab-link:hover {
    background: #feefe8;
  }
  .pfcus-tab-link:hover .text {
    color: #f66315;
  }
  .pfcus-tab-link:hover .icon img {
    filter: invert(56%) sepia(97%) saturate(3519%) hue-rotate(350deg) brightness(96%) contrast(100%);
  }
}
.pfcus-tab-link.active {
  background: #feefe8;
}
.pfcus-tab-link.active .icon img {
  filter: invert(56%) sepia(97%) saturate(3519%) hue-rotate(350deg) brightness(96%) contrast(100%);
}
.pfcus-tab-link.active .text {
  font-weight: 700;
  color: #f66315;
}
.pfcus-tab-link .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
}
.pfcus-tab-link .text {
  transition: 0.3s ease-in-out;
}
.pfcus-info {
  position: relative;
}
@media screen and (max-width: 1200px) {
  .pfcus-info {
    margin-top: 2.4rem;
  }
}
.pfcus-info::before {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 100%;
  right: calc(100% + 2.5rem);
  background: #f0f0f0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  .pfcus-info::before {
    right: calc(100% + 1.2rem);
  }
}
@media screen and (max-width: 560px) {
  .pfcus-info::before {
    display: none;
  }
}
.pfcus-info-top {
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid #f0f0f0;
}
@media screen and (max-width: 560px) {
  .pfcus-info-top > p {
    text-align: center;
    margin-top: 2.4rem;
  }
}
.pfcus-info-top-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 950px) {
  .pfcus-info-top-gr {
    flex-direction: column;
  }
}
.pfcus-info-top-image {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  gap: 1rem;
}
.pfcus-info-top-image .icon-avt {
  width: 10rem;
  height: 10rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}
.pfcus-info-top-image .icon-avt img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.pfcus-info-top-image .t-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  position: relative;
  cursor: pointer;
}
.pfcus-info-top-image .t-gr input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.pfcus-info-top-form-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  row-gap: 2rem;
  margin: 0 -1.2rem;
}
@media screen and (max-width: 950px) {
  .pfcus-info-top-form-gr {
    row-gap: 1.2rem;
    margin: 0 -0.6rem;
  }
}
.pfcus-info-top-form-gr .ip-control {
  padding: 0 1.2rem;
}
@media screen and (max-width: 950px) {
  .pfcus-info-top-form-gr .ip-control {
    padding: 0 0.6rem;
  }
}
.pfcus-info-top-form-gr .ip-control.x2 {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .pfcus-info-top-form-gr .ip-control.x2 {
    width: 100%;
  }
}
.pfcus-info-bot {
  padding: 3rem 0;
}
.pfcus-info-bot-form-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  row-gap: 2rem;
  margin: 0 -1.2rem;
}
@media screen and (max-width: 950px) {
  .pfcus-info-bot-form-gr {
    row-gap: 1.2rem;
    margin: 0 -0.6rem;
  }
}
.pfcus-info-bot-form-gr .ip-control {
  padding: 0 1.2rem;
}
@media screen and (max-width: 950px) {
  .pfcus-info-bot-form-gr .ip-control {
    padding: 0 0.6rem;
  }
}
.pfcus-info-bot-form-gr .ip-control.x3 {
  width: 33.3333333333%;
}
@media screen and (max-width: 950px) {
  .pfcus-info-bot-form-gr .ip-control.x3 {
    width: 100%;
  }
}
.pfcus-info-pass {
  width: 66.6666666667%;
}
@media screen and (max-width: 560px) {
  .pfcus-info-pass {
    width: 100%;
    margin-top: 2.4rem;
  }
}
.pfcus-info-pass-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 720px) {
  .pfcus-his > p {
    text-align: center;
    margin-top: 2.4rem;
  }
}
.pfcus-his-form-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 720px) {
  .pfcus-his-form-gr {
    gap: 1.2rem;
  }
}
@media screen and (max-width: 620px) {
  .pfcus-his-form-gr {
    flex-direction: column;
  }
}
.pfcus-his-form-ctr {
  flex: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 0 2.4rem;
  border-radius: 3.4rem;
  border: 0.1rem solid #c9c9c9;
}
.pfcus-his-form-ctr .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font-size: 1.4rem;
  color: #f66315;
}
.pfcus-his-form-ctr input {
  width: 100%;
  border: unset;
  font-weight: 400;
  font-size: 1.6rem;
  height: 4.4rem;
}
@media screen and (max-width: 620px) {
  .pfcus-his-form-ctr input {
    height: 3.6rem;
  }
}
.pfcus-his-form-ctr input::placeholder {
  color: #c9c9c9;
}
.pfcus-his-form-ctr input:focus {
  outline: unset;
}
.pfcus-his-pagi {
  margin-top: 3rem;
}
.pfcus-his-table {
  margin-top: 3rem;
}
.pfcus-his-table table {
  width: 100%;
}
@media screen and (max-width: 720px) {
  .pfcus-his-table table thead {
    display: none;
  }
}
.pfcus-his-table table thead tr th {
  width: 20%;
  font-weight: 500;
  color: #444545;
  border-bottom: 0.1rem solid #e9e9e9;
  padding-bottom: 0.6rem;
}
.pfcus-his-table table thead tr th:first-child {
  text-align: left;
}
@media screen and (max-width: 720px) {
  .pfcus-his-table table tbody tr:not(:last-child) {
    border-bottom: 0.1rem solid #efefef;
  }
}
.pfcus-his-table table tbody tr td {
  padding: 2.3rem 0;
}
.pfcus-his-table table tbody tr td:not(:first-child) {
  text-align: center;
}
@media screen and (max-width: 720px) {
  .pfcus-his-table table tbody tr td {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 1.6rem 0;
    position: relative;
  }
  .pfcus-his-table table tbody tr td::before {
    content: attr(data-text);
    width: fit-content;
    font-weight: 600;
    font-size: 1.6rem;
    color: #031230;
    text-align: left;
    white-space: nowrap;
  }
}
.pfcus-his-table table tbody tr .bx-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 1rem;
  color: #444545;
}
@media (hover: hover) {
  .pfcus-his-table table tbody tr .bx-link:hover {
    color: #f66315;
  }
  .pfcus-his-table table tbody tr .bx-link:hover .icon {
    transform: rotate(-30deg);
  }
}
.pfcus-his-table table tbody tr .bx-link .icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  transition: 0.3s ease-in-out;
  font-size: 1.4rem;
}
.pfcus-his-table table tbody tr .bx-link .text {
  transition: 0.3s ease-in-out;
}
.pfcus-odt-steps {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.2rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 840px) {
  .pfcus-odt-steps {
    position: relative;
  }
  .pfcus-odt-steps::before {
    content: "";
    position: absolute;
    width: 80%;
    top: 2.4rem;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 0.1rem;
    background: #feefe8;
  }
}
@media screen and (max-width: 680px) {
  .pfcus-odt-steps {
    row-gap: 1.2rem;
  }
  .pfcus-odt-steps::before {
    display: none;
  }
}
.pfcus-odt-step {
  width: 25%;
  padding: 0 1.2rem;
}
@media screen and (max-width: 680px) {
  .pfcus-odt-step {
    width: 50%;
  }
}
.pfcus-odt-step:not(:last-child) .pfcus-odt-icon::after {
  content: "";
  position: absolute;
  left: calc(100% + 4.4rem);
  top: 50%;
  transform: translateY(-50%);
  height: 0.2rem;
  background: #feefe8;
  width: calc(100% + 2rem);
}
@media screen and (max-width: 840px) {
  .pfcus-odt-step:not(:last-child) .pfcus-odt-icon::after {
    display: none;
  }
}
.pfcus-odt-step.active .pfcus-odt-icon {
  background: #f66315;
}
.pfcus-odt-step.active .pfcus-odt-icon img {
  filter: brightness(0) invert(1);
}
.pfcus-odt-step.active .pfcus-odt-icon::after {
  background: #f66315;
}
.pfcus-odt-step.active .pfcus-odt-icon::before {
  border-color: #f66315;
}
.pfcus-odt-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 680px) {
  .pfcus-odt-box {
    gap: 1rem;
  }
}
.pfcus-odt-box.step-pass .pfcus-odt-icon {
  background: #1d9d06;
}
.pfcus-odt-box.step-pass .pfcus-odt-icon::before {
  border-color: #1d9d06;
}
.pfcus-odt-box.step-pass .pfcus-odt-icon::after {
  background: #1d9d06;
}
.pfcus-odt-box.step-pass .pfcus-odt-icon .icon img {
  filter: brightness(0) invert(1);
}
.pfcus-odt-icon {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background: #feefe8;
  position: relative;
}
@media screen and (max-width: 680px) {
  .pfcus-odt-icon {
    width: 3.8rem;
    height: 3.8rem;
  }
}
.pfcus-odt-icon::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.5rem;
  border-radius: 50%;
  border: 0.1rem solid #feefe8;
}
.pfcus-odt-icon .icon {
  width: 2rem;
  height: 2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.pfcus-odt-icon .icon img {
  display: block;
}
.pfcus-odt-text {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
}
.pfcus-odt-text .text {
  font-weight: 700;
  color: #444545;
}
.pfcus-odt-text .t-time {
  color: #444545;
  font-size: 1.4rem;
}
.pfcus-odt-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.5rem;
}
@media screen and (max-width: 900px) {
  .pfcus-odt-flex {
    flex-direction: column;
    row-gap: 2.4rem;
  }
}
.pfcus-odt-left {
  padding: 0 1.5rem;
  width: 52%;
}
@media screen and (max-width: 900px) {
  .pfcus-odt-left {
    width: 100%;
  }
}
.pfcus-odt-right {
  padding: 0 1.5rem;
  width: 48%;
}
@media screen and (max-width: 900px) {
  .pfcus-odt-right {
    width: 100%;
  }
}
.pfcus-odt-if {
  margin-top: 3rem;
}
.pfcus-odt-if-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.pfcus-odt-if-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.pfcus-odt-if-head .bx-status {
  margin: unset;
}
.pfcus-odt-if-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
}
.pfcus-odt-if-img {
  width: 5.2rem;
  height: 5.2rem;
  flex-shrink: 0;
  border-radius: 0.6rem;
  overflow: hidden;
}
.pfcus-odt-if-text {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
}
.pfcus-odt-if-text .txt {
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.pfcus-odt-if-text .text {
  margin-top: auto;
  color: #4f4f4f;
}
.pfcus-odt-if-price {
  margin-left: auto;
}
.pfcus-odt-bl .btn {
  margin: unset;
  margin-left: auto;
}
.pfcus-odt-bl-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding-bottom: 2.4rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
}
.pfcus-odt-bl-inner {
  padding: 9rem 2rem;
  position: relative;
  z-index: 1;
  margin-bottom: 3rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  background-image: url(../assets/images/pfcus-odt-bg.png);
}
@media screen and (max-width: 1200px) {
  .pfcus-odt-bl-inner {
    background-image: unset;
    background: #031230;
  }
  .pfcus-odt-bl-inner::before {
    content: "";
    position: absolute;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    top: 0;
    background: #fff;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .pfcus-odt-bl-inner::after {
    content: "";
    position: absolute;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    top: 100%;
    background: #fff;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.pfcus-odt-bl-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.pfcus-odt-bl-total {
  margin-top: 2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.bx-status {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0.4rem 1.6rem;
  border-radius: 3.7rem;
  font-weight: 500;
  min-width: 12.6rem;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 720px) {
  .bx-status {
    margin: unset;
  }
}
.bx-status.t-cxn {
  background: #fff2d6;
  color: #f6af15;
}
.bx-status.t-cancel {
  color: rgb(246, 62, 21);
  background: rgb(255, 222, 214);
}
.bx-status.t-pending {
  color: rgb(21, 130, 246);
  background: #d8eafd;
}
.bx-status.t-complete {
  color: rgb(29, 157, 6);
  background: rgb(220, 243, 216);
}

.sec-sod {
  position: relative;
  z-index: 1;
}

.sod-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  gap: 2rem;
  text-align: center;
  position: relative;
}
.sod-head .t-title {
  font-size: 6.4rem;
  font-weight: 700;
  color: #f66315;
}
@media only screen and (max-width: 1200px) {
  .sod-head .t-title {
    font-size: 3.9rem;
  }
}
@media only screen and (max-width: 800px) {
  .sod-head .t-title {
    font-size: 2.9rem;
  }
}
.sod-head .ldcor {
  position: absolute;
  top: 0;
  width: 6%;
  left: 15%;
  transform: translateY(-50%);
}
.sod-head .ldcor img {
  display: block;
  width: 100%;
}
.sod-head .rdcor {
  position: absolute;
  top: 0;
  width: 6%;
  right: 15%;
  transform: translateY(-50%);
}
.sod-head .rdcor img {
  display: block;
  width: 100%;
}
.sod-form-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 900px) {
  .sod-form-gr {
    flex-wrap: wrap;
    gap: 1.2rem;
  }
}
.sod-form-gr .ip-control {
  flex: 1;
  width: auto;
}
@media screen and (max-width: 900px) {
  .sod-form-gr .ip-control {
    width: calc(50% - 0.6rem);
    flex: unset;
  }
}
@media screen and (max-width: 420px) {
  .sod-form-gr .ip-control {
    width: 100%;
  }
}
.sod-form-gr .btn {
  flex-shrink: 0;
  height: fit-content;
  margin-top: auto;
}
.sod-ban-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.2rem;
}
@media screen and (max-width: 900px) {
  .sod-ban-flex {
    margin: 0 -0.6rem;
  }
}
@media screen and (max-width: 520px) {
  .sod-ban-flex {
    flex-wrap: wrap;
    row-gap: 1.2rem;
  }
}
.sod-ban-col {
  width: 50%;
  padding: 0 1.2rem;
}
@media screen and (max-width: 900px) {
  .sod-ban-col {
    padding: 0 0.6rem;
  }
}
@media screen and (max-width: 520px) {
  .sod-ban-col {
    width: 100%;
  }
}
.sod-ban-img .inner {
  position: relative;
  padding-top: 37.074829932%;
  border-radius: 0.6rem;
  overflow: hidden;
}
.sod-ban-img .inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pcompare {
  position: relative;
  z-index: 1;
}
.pcompare-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.2rem;
  flex-wrap: wrap;
  row-gap: 2.4rem;
}
.pcompare-col {
  width: 25%;
  padding: 0 1.2rem;
}
@media screen and (max-width: 980px) {
  .pcompare-col {
    width: 33.3333333333%;
  }
  .pcompare-col:first-child {
    width: 100%;
  }
}
@media screen and (max-width: 980px) {
  .pcompare-col:not(:nth-child(2)) .pcompare-prd-titem::before {
    display: none;
  }
  .pcompare-col:not(:nth-child(2)) .pcompare-prd-titem::after {
    display: none;
  }
}
.pcompare-prd-close {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  color: #cccccc;
  top: 0;
  right: 0;
  font-size: 1.6rem;
  cursor: pointer;
  transition: 0.3s ease-in;
  border-radius: 50%;
}
@media (hover: hover) {
  .pcompare-prd-close:hover {
    background: #e10600;
    color: #fff;
  }
}
.pcompare-prd-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  gap: 3rem;
  padding: 0 1.2rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .pcompare-prd-top {
    gap: 1.2rem;
  }
}
.pcompare-prd-ctn {
  gap: 1.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .pcompare-prd-ctn {
    gap: 0.4rem;
  }
}
.pcompare-prd-ctn .link {
  font-size: 1.6rem;
  font-weight: 500;
  transition: 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media (hover: hover) {
  .pcompare-prd-ctn .link:hover {
    color: #f66315;
  }
}
@media screen and (max-width: 768px) {
  .pcompare-prd-ctn .link {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }
}
.pcompare-prd-img .inner {
  width: 18rem;
  height: 18rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 0 auto;
  border-radius: 0.6rem;
  overflow: hidden;
}
@media (hover: hover) {
  .pcompare-prd-img .inner:hover img {
    transform: scale(1.05);
  }
}
@media screen and (max-width: 768px) {
  .pcompare-prd-img .inner {
    width: 10rem;
    height: 10rem;
  }
}
.pcompare-prd-img img {
  display: block;
  width: 100%;
  transition: 0.3s ease-in-out;
}
.pcompare-prd-tlist {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  margin-top: 2.8rem;
  position: relative;
}
.pcompare-prd-tlist::before {
  content: "";
  position: absolute;
  left: -1.2rem;
  width: 0.1rem;
  height: 100%;
  top: 0;
  bottom: 0;
  background: #efefef;
}
@media screen and (max-width: 768px) {
  .pcompare-prd-tlist::before {
    display: none;
  }
}
.pcompare-prd-titem {
  padding: 2rem 1.2rem;
  text-align: center;
  color: #444545;
  position: relative;
}
@media screen and (max-width: 980px) {
  .pcompare-prd-titem {
    padding: 3rem 0.4rem;
    padding-top: 4rem;
  }
}
.pcompare-prd-titem::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  width: max-content;
  color: #031230;
  font-weight: 700;
  left: 0;
  font-size: 1.8rem;
}
@media screen and (min-width: 981px) {
  .pcompare-prd-titem::before {
    display: none;
  }
}
.pcompare-prd-titem::after {
  content: "";
  position: absolute;
  width: 100vw;
  left: 0;
  height: 0.1rem;
  bottom: 0;
  background: #efefef;
}
@media screen and (min-width: 981px) {
  .pcompare-prd-titem::after {
    display: none;
  }
}
@media screen and (max-width: 678px) {
  .pcompare-prd-btn .btn {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    line-height: 1;
  }
  .pcompare-prd-btn .btn .text {
    display: none;
  }
}
.pcompare-twrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 980px) {
  .pcompare-tlist {
    display: none;
  }
}
.pcompare-titem {
  padding: 2rem 0;
  position: relative;
}
.pcompare-titem::before {
  content: "";
  position: absolute;
  width: 100vw;
  left: 0;
  height: 0.1rem;
  bottom: 0;
  background: #efefef;
}
.pcompare-txt {
  font-weight: 700;
  color: #031230;
}
.pcompare-prd {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  position: relative;
}
.pcompare-ctr {
  position: absolute;
  top: 100%;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem;
  padding-bottom: 0;
  gap: 1rem;
}
@media screen and (max-width: 1200px) {
  .pcompare-ctr {
    flex-direction: row;
    justify-content: center;
  }
}
@media screen and (max-width: 980px) {
  .pcompare-ctr {
    padding: 3rem 0;
  }
}
.pcompare-ctr::before {
  content: "";
  position: absolute;
  left: -1.2rem;
  width: 0.1rem;
  height: 100%;
  top: 0;
  bottom: 0;
  background: #efefef;
}
@media screen and (max-width: 980px) {
  .pcompare-ctr::before {
    display: none;
  }
}
.pcompare-ctr .btn {
  min-width: 21rem;
  height: 4.4rem;
}
@media screen and (max-width: 1200px) {
  .pcompare-ctr .btn {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    min-width: unset;
    margin: unset;
    flex-shrink: 0;
  }
}
.pcompare-ctr .btn .pc-none {
  display: none;
}
@media screen and (max-width: 1200px) {
  .pcompare-ctr .btn .pc-none {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
  }
}
@media screen and (max-width: 1200px) {
  .pcompare-ctr .btn .text {
    display: none;
  }
}
.pcompare-block {
  overflow: hidden;
  padding-bottom: 14rem;
}

.tabPanel {
  display: none;
}

.prddt-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.2rem;
}
@media screen and (max-width: 850px) {
  .prddt-flex {
    flex-direction: column;
    row-gap: 2.4rem;
  }
}
.prddt-left {
  width: 41.6666666667%;
  padding: 0 1.2rem;
}
@media screen and (max-width: 850px) {
  .prddt-left {
    width: 100%;
  }
}
.prddt-right {
  width: 58.3333333333%;
  padding: 0 1.2rem;
}
@media screen and (max-width: 850px) {
  .prddt-right {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 850px) {
  .prddt-slider {
    width: 50rem;
    margin: 0 auto;
    max-width: 100%;
  }
}
.prddt-slider-thumb {
  margin-top: 1.2rem;
}
.prddt-slider-thumb .swiper .swiper-slide .prddt-slider-img .btn-have-vid {
  width: 4rem;
  height: 4rem;
}
@media (hover: hover) {
  .prddt-slider-thumb .swiper .swiper-slide .prddt-slider-img .btn-have-vid:hover {
    transform: translate(-50%, -50%);
  }
}
.prddt-slider-thumb .swiper .swiper-slide .prddt-slider-img .inner {
  border: 0.2rem solid transparent;
}
.prddt-slider-thumb .swiper .swiper-slide.swiper-slide-thumb-active .prddt-slider-img .inner {
  border-color: #f66315;
}
.prddt-slider-main {
  position: relative;
}
.prddt-slider-main .btn-ctr {
  position: absolute;
  top: 50%;
  background: #fff;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
@media (hover: hover) {
  .prddt-slider-main .btn-ctr:hover {
    background: #f66315;
  }
  .prddt-slider-main .btn-ctr:hover .icon {
    color: #fff;
  }
}
.prddt-slider-main .btn-ctr .icon {
  color: #f66315;
}
.prddt-slider-main .btn-ctr.cbtn-next {
  right: 1rem;
}
.prddt-slider-main .btn-ctr.cbtn-prev {
  left: 1rem;
}
.prddt-slider-img {
  position: relative;
}
.prddt-slider-img.is-play .btn-have-vid {
  opacity: 0;
  pointer-events: none;
}
.prddt-slider-img.is-play .inner img {
  opacity: 0;
  pointer-events: none;
}
.prddt-slider-img .btn-have-vid {
  position: absolute;
  width: 10.2rem;
  height: 10.2rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .prddt-slider-img .btn-have-vid:hover {
    transform: translate(-50%, -50%) scale(0.9);
  }
}
.prddt-slider-img .btn-have-vid .link-vid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.prddt-slider-img .btn-have-vid .link-vid img {
  display: block;
}
.prddt-slider-img .inner {
  position: relative;
  padding-top: 100%;
  border-radius: 1.2rem;
  overflow: hidden;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  border-radius: 0.5rem;
}
.prddt-slider-img .inner img,
.prddt-slider-img .inner video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: unset;
}
.prddt-slider-img .inner.video-container {
  cursor: default;
  padding-top: 0 !important;
  height: auto;
  padding-bottom: 100%;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prddt-slider-img .inner.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: #000;
}
.prddt-perti {
  margin-top: 2rem;
}
.prddt-perti-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
}
.prddt-perti-if .text-tt {
  font-weight: 700;
  color: #444545;
  margin-bottom: 1rem;
}
.prddt-perti-if ul li {
  color: #444545;
}
.prddt-perti-if ul li:not(:last-child) {
  margin-bottom: 1rem;
}
.prddt-perti-if ul li .text {
  font-weight: 500;
}
.prddt-perti-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.4rem 1.6rem;
  flex-shrink: 0;
  background: #feefe8;
  border-radius: 3.4rem;
  height: fit-content;
}
.prddt-perti-link .icon {
  color: #f66315;
}
.prddt-perti-link .icon i {
  font-weight: 300;
}
.prddt-perti-link .text {
  color: #f66315;
}
.prddt-prd-tag .prd-card-status {
  position: static;
  width: fit-content;
}
@media screen and (max-width: 850px) {
  .prddt-prd-tag .prd-card-status {
    margin-left: auto;
  }
}
.prddt-prd-fb {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 500px) {
  .prddt-prd-fb {
    gap: 1rem;
  }
}
.prddt-prd-fb-star {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.prddt-prd-fb-star .star-list {
  height: 1.8rem;
}
.prddt-prd-fb-star .star-list .star-flex .icon {
  width: 1.8rem;
  height: 1.8rem;
}
.prddt-prd-fb-star .tnum {
  font-weight: 700;
  color: #f6af15;
}
.prddt-prd-fb-tnum {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  position: relative;
}
.prddt-prd-fb-tnum::before {
  content: "";
  position: absolute;
  height: 1.2em;
  width: 0.1rem;
  background: #f0f0f0;
  top: 50%;
  left: -1rem;
  transform: translate(-50%, -50%);
}
.prddt-prd-fb .prd-card-action {
  width: 3rem;
  height: 3rem;
}
.prddt-prd-ctn {
  margin-top: 1rem;
}
.prddt-prd-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.5rem;
}
@media screen and (max-width: 1200px) {
  .prddt-prd-flex {
    flex-direction: column;
  }
}
.prddt-prd-left {
  padding: 0 1.5rem;
  width: 77.7777777778%;
}
@media screen and (max-width: 1200px) {
  .prddt-prd-left {
    width: 100%;
  }
}
.prddt-prd-right {
  padding: 0 1.5rem;
  width: 33.3333333333%;
}
@media screen and (max-width: 1200px) {
  .prddt-prd-right {
    width: 100%;
  }
}
.prddt-prd-fsale {
  position: relative;
  padding: 1rem;
}
.prddt-prd-fsale::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.6rem;
  background: #e10600;
  z-index: -1;
  left: 0;
  right: 0;
}
.prddt-prd-fsale-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 550px) {
  .prddt-prd-fsale-gr {
    flex-direction: column;
    row-gap: 1.2rem;
  }
}
.prddt-prd-fsale-tag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.prddt-prd-fsale-tag .icon {
  flex-shrink: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 3rem;
}
.prddt-prd-fsale-tag .text {
  font-weight: 700;
  color: #fff;
  display: block;
}
.prddt-prd-fsale-timegr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.4rem;
  flex-shrink: 0;
}
.prddt-prd-fsale-timegr .icon {
  color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font-size: 1.4rem;
  margin-top: 0.1rem;
}
.prddt-prd-fsale-timegr .icon i {
  font-weight: 300;
}
.prddt-prd-fsale-timegr .text {
  font-size: 1.4rem;
  color: #fff;
}
.prddt-prd-price {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 2rem;
  align-items: center;
}
.prddt-prd-price-box {
  line-height: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.4rem 0.4rem;
  background: #fff;
  border-radius: 0.4rem;
}
.prddt-prd-price-box .price-new {
  font-size: 3.4rem;
  font-weight: 700;
  color: #f66315;
}
@media only screen and (max-width: 1200px) {
  .prddt-prd-price-box .price-new {
    font-size: 2.9rem;
  }
}
@media only screen and (max-width: 800px) {
  .prddt-prd-price-box .price-new {
    font-size: 2.4rem;
  }
}
.prddt-prd-price-box .price-odd {
  color: #7f8080;
  text-decoration: line-through;
}
.prddt-prd-price-sale .prd-card-sale {
  position: relative;
  top: unset;
  left: unset;
}
.prddt-prd-title {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: space-between;
}
.prddt-prd-title .icon-action {
  width: 3rem;
  height: 3rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 50%;
  background: #feefe8;
  color: #f66315;
  flex-shrink: 0;
  cursor: pointer;
}
.prddt-prd-soption {
  margin-top: 3.6rem;
}
.prddt-prd-soption-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1.2rem;
}
.prddt-prd-soption-gr .text {
  color: #444545;
  font-weight: 500;
  position: relative;
  top: 1.2rem;
}
.prddt-prd-soption-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -0.8rem;
  row-gap: 1rem;
  flex-wrap: wrap;
}
.prddt-prd-soption-item {
  padding: 0 0.8rem;
}
.prddt-prd-soption-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: column;
  gap: 0.6rem;
}
.prddt-prd-soption-inner.active .inner {
  border-color: #f66315;
}
.prddt-prd-soption-inner.active .ttext {
  color: #f66315;
}
.prddt-prd-soption-inner .ttext {
  color: #031230;
  font-size: 1.4rem;
  transition: 0.3s ease-in-out;
}
.prddt-prd-soption-inner .inner {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 0.6rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border: 0.2rem solid transparent;
  transition: 0.3s ease-in-out;
  overflow: hidden;
}
.prddt-prd-soption-inner .inner img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: unset;
}
.prddt-prd-weight {
  margin-top: 2rem;
}
.prddt-prd-weight.fix .prddt-prd-weight-inner {
  padding: 0.4rem 0.8rem;
}
.prddt-prd-weight-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.prddt-prd-weight-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -0.5rem;
  row-gap: 1rem;
  flex-wrap: wrap;
}
.prddt-prd-weight-item {
  padding: 0 0.5rem;
}
.prddt-prd-weight-inner {
  min-width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.6rem;
  border: 0.2rem solid #fbc1a1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font-weight: 500;
  transition: 0.3s ease-in-out;
  color: #444545;
}
.prddt-prd-weight-inner.active {
  border-color: #f66315;
  background: #f66315;
}
.prddt-prd-weight-inner.active .ttext {
  color: #fff;
}
.prddt-prd-count {
  margin-top: 2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media screen and (max-width: 500px) {
  .prddt-prd-count {
    flex-direction: column;
    align-items: unset;
  }
}
.prddt-prd-count-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.prddt-prd-count-gr .icon-lh {
  color: #e10600;
  width: 2.4rem;
  height: 2.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-animation: shake-bottom 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
  animation: shake-bottom 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
}
.prddt-prd-count-gr .t-link {
  color: #e10600;
  font-weight: 600;
}
.prddt-prd-control {
  margin-top: 2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 500px) {
  .prddt-prd-control {
    justify-content: center;
  }
}
.prddt-prd-control .btn {
  margin: unset;
  min-width: 18rem;
}
@media screen and (max-width: 400px) {
  .prddt-prd-control .btn {
    min-width: unset;
  }
}
.prddt-prd-brand-py {
  padding: 2rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #f66315;
  position: relative;
  transition: 0.8s ease-in-out;
}
.prddt-prd-brand-py input:checked ~ .prddt-prd-brand-bl {
  max-height: unset;
}
.prddt-prd-brand-py input:checked ~ .btn-drop-text .text:nth-child(1) {
  display: none;
}
.prddt-prd-brand-py input:checked ~ .btn-drop-text .text:nth-child(2) {
  display: block;
}
.prddt-prd-brand-py input:checked ~ .btn-drop-text .icon {
  transform: rotate(180deg);
}
.prddt-prd-brand-py .btn-drop-text {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
}
.prddt-prd-brand-py .btn-drop-text .btn {
  border: unset;
  background: #feefe8;
}
@media (hover: hover) {
  .prddt-prd-brand-py .btn-drop-text .btn:hover .text {
    color: #f66315;
  }
  .prddt-prd-brand-py .btn-drop-text .btn:hover .icon {
    color: #f66315;
  }
}
.prddt-prd-brand-py .btn-drop-text .text {
  color: #f66315;
}
.prddt-prd-brand-py .btn-drop-text .text:nth-child(2) {
  display: none;
}
.prddt-prd-brand-py .btn-drop-text .icon {
  color: #f66315;
}
.prddt-prd-brand-bl {
  transition: 0.8s ease-in-out;
  overflow: hidden;
  max-height: 22rem;
}
.prddt-prd-brand-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding-bottom: 1.3rem;
  border-bottom: 0.1rem solid #f0f0f0;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
@media (hover: hover) {
  .prddt-prd-brand-head:hover {
    color: #f66315;
  }
}
.prddt-prd-brand-head .icon {
  color: #f66315;
}
.prddt-prd-brand-head .text {
  font-weight: 700;
}
.prddt-prd-brand-gr {
  padding-top: 1.3rem;
  display: none;
}
.prddt-prd-brand-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  margin-top: 1.3rem;
}
.prddt-prd-brand-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.prddt-prd-brand-item .text {
  color: #444545;
}
.prddt-prd-brand-item .icon {
  font-size: 1.2rem;
  color: #f66315;
}
.prddt-gift {
  margin-top: 1.5rem;
}
.prddt-gift-dcor {
  position: absolute;
  width: 15%;
  bottom: 0;
  right: 0;
}
.prddt-gift-dcor img {
  display: block;
  width: 100%;
}
.prddt-gift-box {
  position: relative;
}
.prddt-gift-box .t-tag {
  display: inline-block;
  padding: 0.4rem 2rem;
  color: #f66315;
  font-weight: 500;
  font-size: 1.4rem;
  border-radius: 1.2rem 1.2rem 0 0;
  border: 0.1rem solid #f66315;
  border-bottom: unset;
  position: relative;
  z-index: 1;
  background: #fff;
  transform: translateY(0.1rem);
}
.prddt-gift-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding: 2rem;
  border-radius: 0 1.2rem 1.2rem 1.2rem;
  border: 0.1rem solid #f66315;
  position: relative;
  overflow: hidden;
}
.prddt-gift-list::before {
  content: "";
  position: absolute;
  width: 100%;
  padding-top: 55%;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: radial-gradient(833.15% 200.44% at 123.26% 253.01%, #f66315 0%, rgba(246, 99, 21, 0) 100%);
  transform: translateX(42%) rotate(328deg);
}
.prddt-gift-item .inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.prddt-gift-item .inner .icon {
  width: 1.4rem;
  height: 1.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-shrink: 0;
}
.prddt-gift-item .inner .text {
  color: #444545;
}
.prddt-cb-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.2rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .prddt-cb-gr {
    margin: 0 -0.6rem;
  }
}
@media screen and (max-width: 768px) {
  .prddt-cb-gr {
    justify-content: center;
    border: 0.1rem dashed #f66315;
    padding-top: 2.4rem;
    border-radius: 1.2rem;
  }
}
.prddt-cb-box {
  width: 16.6666666667%;
  padding: 0 1.2rem;
  min-width: 20rem;
}
@media screen and (max-width: 1200px) {
  .prddt-cb-box {
    min-width: unset;
  }
}
@media screen and (max-width: 920px) {
  .prddt-cb-box {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .prddt-cb-box {
    padding: 0 0.6rem;
    width: 33.3333333333%;
    max-width: 20rem;
    flex: 1;
  }
  .prddt-cb-box:first-child {
    display: none;
  }
}
@media screen and (max-width: 550px) {
  .prddt-cb-box {
    width: 33.3333333333%;
  }
}
.prddt-cb-box:first-child .recheck-item .recheck-checkbox {
  border: unset;
  background: rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .prddt-cb-box:first-child .recheck-item .recheck-checkbox {
    background: rgba(0, 0, 0, 0.2);
  }
}
.prddt-cb-box:first-child .recheck-item .recheck-checkbox::before {
  opacity: 1;
  color: rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 768px) {
  .prddt-cb-box:first-child .recheck-item .recheck-checkbox::before {
    color: rgba(0, 0, 0, 0.5);
  }
}
@media screen and (max-width: 1080px) {
  .prddt-cb-box:first-child .prddt-cb-img {
    overflow: unset;
  }
  .prddt-cb-box:first-child .prddt-cb-img::before {
    content: "+";
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    left: 100%;
    top: 50%;
    color: #f66315;
    transform: translate(0.4rem, -50%);
    font-family: "Font Awesome 5 Pro";
    font-size: 2rem;
  }
}
@media screen and (max-width: 1080px) and (max-width: 768px) {
  .prddt-cb-box:first-child .prddt-cb-img::before {
    transform: translate(-0.15rem, -50%);
    z-index: 1;
  }
}
@media screen and (max-width: 1080px) and (max-width: 550px) {
  .prddt-cb-box:first-child .prddt-cb-img::before {
    display: none;
  }
}
@media screen and (max-width: 550px) {
  .prddt-cb-box:first-child {
    width: 100%;
  }
  .prddt-cb-box:first-child .prddt-cb-inner {
    width: 20rem;
    margin: 0 auto;
    padding-bottom: 2.8rem;
    position: relative;
  }
  .prddt-cb-box:first-child .prddt-cb-inner::before {
    content: "+";
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    bottom: 0;
    color: #f66315;
    left: 50%;
    transform: translate(-50%, -0.7rem);
    font-family: "Font Awesome 5 Pro";
    font-size: 2rem;
  }
}
.prddt-cb-total {
  flex: 1;
  padding: 0 1.2rem;
}
@media screen and (max-width: 920px) {
  .prddt-cb-total {
    width: 100%;
    flex: unset;
  }
}
@media screen and (max-width: 768px) {
  .prddt-cb-total {
    padding: 0 1.2rem;
  }
}
.prddt-cb-total-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 3.6rem;
  height: 100%;
}
@media screen and (max-width: 920px) {
  .prddt-cb-total-inner {
    padding: 2.4rem 0;
  }
}
@media screen and (max-width: 768px) {
  .prddt-cb-total-inner {
    align-items: center;
  }
}
.prddt-cb-total-inner .btn {
  margin: unset;
  margin-top: 2rem;
}
.prddt-cb-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
}
.prddt-cb-img {
  position: relative;
  padding-top: 100%;
  border-radius: 1.2rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .prddt-cb-img {
    border-radius: 0.4rem;
  }
}
.prddt-cb-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  height: 100% !important;
}
.prddt-cb-icon {
  padding: 0 1.2rem;
  width: 8.3333333333%;
}
@media screen and (max-width: 1080px) {
  .prddt-cb-icon {
    display: none;
  }
}
.prddt-cb-icon .icon-inner {
  position: relative;
  padding-top: 230.78%;
}
.prddt-cb-icon .icon-inner .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font-size: 2.4rem;
  color: #f66315;
  height: 100%;
}
@media only screen and (max-width: 1200px) {
  .prddt-cb-icon .icon-inner .icon {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 800px) {
  .prddt-cb-icon .icon-inner .icon {
    font-size: 1.7rem;
  }
}
.prddt-cb-icon .icon-inner .icon i {
  font-weight: 300;
}
.prddt-cb-ctn .recheck-item {
  align-items: unset;
  position: relative;
}
.prddt-cb-ctn .recheck-item::before {
  content: "";
  position: absolute;
  width: 100%;
  padding-top: 108%;
  bottom: 100%;
  background: transparent;
  border-radius: 1.2rem;
}
@media screen and (max-width: 768px) {
  .prddt-cb-ctn .recheck-item {
    flex-direction: column;
    position: relative;
  }
}
.prddt-cb-ctn .recheck-item .recheck-checkbox {
  width: 1.8rem;
  height: 1.8rem;
}
@media screen and (max-width: 768px) {
  .prddt-cb-ctn .recheck-item .recheck-checkbox {
    position: absolute;
    bottom: calc(100% + 1.3rem);
    border-color: #f66315;
  }
}
.prddt-cb-ctn .recheck-item .recheck-checkbox::before {
  font-size: 1.3rem;
}
.prddt-cb-ctn .recheck-item .recheck-text {
  color: #031230;
}
@media screen and (max-width: 768px) {
  .prddt-cb-ctn .recheck-item .recheck-text {
    margin-left: unset;
    font-size: 1.3rem;
  }
}
.prddt-cb-ctn .tprice-gr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 0.2rem;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.prddt-cb-ctn .tprice-gr .t-new {
  color: #f66315;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .prddt-cb-ctn .tprice-gr .t-new {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .prddt-cb-ctn .tprice-gr .t-new {
    font-size: 1.2rem;
  }
}
.prddt-cb-ctn .tprice-gr .t-odd {
  font-size: 1.4rem;
  color: #7f8080;
  text-decoration: line-through;
}
@media screen and (max-width: 1200px) {
  .prddt-cb-ctn .tprice-gr .t-odd {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .prddt-cb-ctn .tprice-gr .t-odd {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 1200px) {
  .prdrl-item .prd-card-inner {
    padding: unset;
  }
}
.prdrl-sw {
  margin: -1.2rem;
}
.prdrl-sw .swiper {
  padding: 1.2rem;
}
.prdrl-sw .swiper .swiper-slide {
  height: auto;
}
.prdrl-sw .swiper .swiper-slide .prdrl-item {
  height: 100%;
}
.prdrl-pagi .swiper-pagination {
  position: static;
}
.prdrl-pagi .swiper-pagination .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.1);
  width: 1.6rem;
  height: 0.2rem;
  border-radius: 0.4rem;
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.prdrl-pagi .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #f66315;
}

.countdown {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  gap: 1rem;
}
.countdown-it {
  width: 2.4rem;
  height: 2.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background-color: #031230;
  border-radius: 0.2rem;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 400;
  position: relative;
}
.countdown-it:not(:last-child)::before {
  content: ":";
  font-weight: 700;
  color: #ffffff;
  position: absolute;
  right: -0.6rem;
  display: block;
  top: 50%;
  transform: translateY(-50%);
}

.mona-attri .prddt-prd-soption {
  margin-top: 1.6rem;
}
.mona-attri.mona-falsale {
  margin-top: 1.6rem;
}

.compare-right-cus {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

@media screen and (max-width: 500px) {
  .prddt-prd-control {
    margin: unset;
    padding: 0 !important;
    gap: unset;
  }
  .prddt-prd-control .btn {
    min-width: unset;
    width: 100%;
    border-radius: 0;
    height: 4.4rem;
  }
  .prddt-prd-control .btn.mona-add-to-cart-detail {
    background: #fff;
  }
  .prddt-prd-control .btn.trans {
    background: #fff;
  }
  .prddt-prd-control .btn-inner {
    width: 100%;
  }
}

.title-attri {
  display: inline-block;
  margin-bottom: 1.2rem;
  color: #f66315;
}

.compare-right-cus.mobile-custom {
  flex-direction: row;
}
@media screen and (min-width: 851px) {
  .compare-right-cus.mobile-custom {
    display: none;
  }
}
.compare-right-cus.mobile-custom .prd-card-status {
  height: 100%;
}

.prddt-prd-brand.moblie-custom {
  margin-top: 1.2rem;
  order: 2;
}
@media screen and (min-width: 851px) {
  .prddt-prd-brand.moblie-custom {
    display: none;
  }
}

@media screen and (max-width: 850px) {
  .prddt-perti {
    display: none;
  }
}

#monaAttributesProduct .title-attri {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .page-template-cart-template .header-btn .btn .btn-inner {
    padding: unset;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
  }
  .page-template-cart-template .header-btn .btn .btn-inner .text {
    display: none;
  }
}

.sec-intro {
  position: relative;
  z-index: 1;
}
.sec-intro-bg {
  position: absolute;
  top: -15rem;
  width: 100%;
  background: #da5610;
  height: 85%;
  -webkit-mask-size: 130%;
  -webkit-mask-image: url(../assets/images/mask-banner-page.png);
  -moz-mask-image: url(../assets/images/mask-banner-page.png);
  -o-mask-image: url(../assets/images/mask-banner-page.png);
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-position: bottom;
}
@media screen and (max-width: 1024px) {
  .sec-intro-bg {
    height: 36rem;
    -webkit-mask-size: cover;
  }
}
.sec-intro-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.sec-intro-circle {
  position: absolute;
  width: 50%;
  top: 0;
}
.sec-intro-circle img {
  width: 80%;
}
.sec-intro-circle.x1 {
  left: 0;
}
.sec-intro-circle.x2 {
  right: 0;
}
.sec-intro-circle.x2 img {
  float: right;
}
.sec-intro-line {
  position: absolute;
  right: 0;
  top: 40%;
  transform: translateY(-50%);
}
.sec-intro-line.x2 {
  right: 20%;
  top: 30%;
}
.sec-intro-line.x3 {
  left: 22%;
  top: 78%;
}
@media screen and (max-width: 1024px) {
  .sec-intro-line.x3 {
    left: 0;
    top: 80%;
  }
}

.pintro {
  position: relative;
  width: 100%;
  z-index: 2;
  padding: 3rem 0;
}
@media screen and (max-width: 1024px) {
  .pintro {
    padding: 5rem 0;
    padding-top: 3rem;
  }
}
.pintro-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -1.5rem;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .pintro-flex {
    flex-wrap: wrap;
  }
}
.pintro-left {
  width: 33.3333333333%;
  padding: 0 1.5rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .pintro-left {
    flex-basis: 100%;
  }
}
.pintro-left-title {
  color: #fff;
  font-size: 9.6rem;
  font-weight: 500;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.5rem;
  -webkit-text-stroke-color: white;
}
@media screen and (max-width: 1200px) {
  .pintro-left-title {
    font-size: 7rem;
  }
}
@media screen and (max-width: 1024px) {
  .pintro-left-title {
    text-align: center;
    color: #fff;
    font-weight: 900;
    -webkit-text-fill-color: #f66315;
    -webkit-text-stroke-width: 0.1rem;
    -webkit-text-stroke-color: white;
  }
}
@media screen and (max-width: 1024px) {
  .pintro-left-list {
    text-align: center;
    margin-bottom: 2rem;
    background-color: #fbccb2;
    border-radius: 1rem;
    border: 0.2rem dashed #fff;
    padding: 1.2rem 0;
  }
}
.pintro-mid {
  width: 33.3333333333%;
  padding: 0 1.5rem;
}
@media screen and (max-width: 1024px) {
  .pintro-mid {
    flex-basis: 50%;
  }
}
@media screen and (max-width: 600px) {
  .pintro-mid {
    flex-basis: 100%;
    padding-bottom: 3rem;
  }
  .pintro-mid-img {
    height: 100%;
  }
  .pintro-mid-img img {
    height: 100%;
    object-fit: cover;
  }
}
.pintro-mid-img {
  position: relative;
  padding-top: 133.3333333333%;
  border-radius: 1rem;
  overflow: hidden;
}
.pintro-mid-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pintro-right {
  width: 33.3333333333%;
  padding: 0 1.5rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .pintro-right {
    flex-basis: 50%;
    justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  .pintro-right {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .pintro-right-title {
    color: #f66315;
    text-align: center;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .pintro-right-title br {
    display: none;
  }
}
.pintro-right-desc {
  color: #444545;
  font-family: Familjen Grotesk;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 600px) {
  .pintro-right-desc {
    text-align: center;
  }
}

.preason {
  position: relative;
  padding-top: 10rem;
}
@media screen and (max-width: 768px) {
  .preason {
    padding-top: 5rem;
  }
}
.preason-bg {
  position: absolute;
  height: 100%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 100%;
}
.preason-bg svg {
  width: 100%;
  height: auto;
}
.preason-decor {
  position: absolute;
  right: 0;
  bottom: 65%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .preason-decor {
    bottom: 85%;
  }
}
.preason-container {
  width: 100%;
  max-width: 140rem;
  height: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
}
.preason-title {
  margin-bottom: 7rem;
}
.preason-list {
  display: flex;
  margin: 0 -3rem;
}
@media screen and (max-width: 1024px) {
  .preason-list {
    flex-wrap: wrap;
    margin: 0 -1rem;
  }
}
.preason-item {
  padding: 0 3rem;
  width: 25%;
}
@media screen and (max-width: 1024px) {
  .preason-item {
    flex-basis: 50%;
    margin-bottom: 8rem;
    padding: 0 1rem;
  }
}
@media screen and (max-width: 650px) {
  .preason-item {
    flex-basis: 100%;
  }
}
.preason-item:nth-child(even) {
  margin-top: 5rem;
}
@media screen and (max-width: 1024px) {
  .preason-item:nth-child(even) {
    margin-top: 0;
  }
}
.preason-item:last-child {
  margin-bottom: 4rem;
}
.preason-item .top-title-post {
  position: relative;
}
.preason-item .number {
  font-size: 9.6rem;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  opacity: 0.5;
  background: linear-gradient(180deg, #f66315 0%, rgba(246, 99, 21, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  bottom: 0;
  left: -3rem;
}
@media only screen and (max-width: 1440px) {
  .preason-item .number {
    left: 0;
  }
}
.preason-item .title {
  color: #031230;
  font-family: Familjen Grotesk;
  font-style: normal;
  line-height: 150%;
}
.preason-item .desc {
  color: #444545;
  font-family: Familjen Grotesk;
  font-style: normal;
  line-height: 150%;
  margin-bottom: 3rem;
}
.preason-item .post-img {
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}
.preason-item .post-img-box {
  position: relative;
  padding-top: 133.3333333333%;
  border-radius: 1rem;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .preason-item .post-img-box {
    padding-top: 115%;
  }
}
@media screen and (max-width: 768px) {
  .preason-item .post-img-box {
    padding-top: 100%;
  }
}
.preason-item .post-img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .preason-item .post-img:hover img {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.preason-border {
  opacity: 0.1;
  background: #e27237;
  height: 1rem;
  margin-bottom: 1rem;
}
.preason-border.x1 {
  margin-top: 8rem;
}
@media screen and (max-width: 1024px) {
  .preason-border.x1 {
    margin-top: 0;
  }
}
.preason-border.x2 {
  height: 2rem;
  opacity: 0.3;
}
.preason-border.x3 {
  height: 4rem;
  opacity: 0.5;
}

.cmini-remove {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.cmini-remove .icon {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.36rem;
  background: #feeded;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .cmini-remove .icon:hover {
    background: #f66315;
  }
  .cmini-remove .icon:hover svg path {
    fill: #fff;
    transition: all 0.3s ease;
  }
}

.bn-intro {
  position: relative;
}
.bn-intro .tab-vid-banner {
  padding-top: 34.7222222222%;
}
@media screen and (max-width: 860px) {
  .bn-intro .tab-vid-banner {
    padding-top: 62%;
  }
}
.bn-intro .tab-vid.is-play .bn-intro-content {
  opacity: 0;
  pointer-events: none;
}
.bn-intro-content {
  position: absolute;
  left: 50%;
  bottom: 40%;
  transform: translateX(-50%);
  width: 60%;
  height: auto;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .bn-intro-content {
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
}
.bn-intro-content .title {
  color: #fff;
  font-family: Archivo, sans-serif;
  font-style: normal;
  line-height: 130%;
}
@media screen and (max-width: 600px) {
  .bn-intro-content .title {
    display: none;
  }
}
.bn-intro-content .desc {
  color: #fff;
  text-align: center;
  font-family: Familjen Grotesk;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 2rem;
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .bn-intro-content .desc {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .bn-intro-content .desc {
    display: none;
  }
}
.bn-intro-content .btn-play {
  display: flex;
  justify-content: center;
  position: relative;
  transform: unset;
  top: unset;
  left: unset;
}
.bn-intro-content .btn-play .rounded-text {
  width: 10rem;
  height: 10rem;
  text-transform: uppercase;
  transform: rotate(-103deg);
  color: #fff;
  font-weight: 500;
  z-index: -1;
  font-size: 1.4rem;
  aspect-ratio: 1;
  letter-spacing: 0.8rem;
}
@media only screen and (min-width: 2000px) {
  .bn-intro-content .btn-play .rounded-text svg g {
    font-size: 1.4rem !important;
  }
}
.bn-intro-content .btn-play .white {
  fill: #fff;
}
.bn-intro-content .btn-play .yellow {
  fill: #ffda2a;
}
.bn-intro-content .btn-play .green {
  fill: #00d3b9;
}
@keyframes rotating {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.bn-intro-content .btn-play .rotating {
  animation: rotating 12s linear infinite;
}
@keyframes coloring {
  0% {
    fill: #fff;
  }
  35% {
    fill: #ffda2a;
  }
  75% {
    fill: #00d3b9;
  }
  100% {
    fill: #fff;
  }
}
.bn-intro-content .btn-play .coloring {
  animation: coloring 12s linear infinite;
}
@media (hover: hover) {
  .bn-intro-content .btn-play:hover-icon {
    transform: scale(1.1);
  }
}
.bn-intro-content .btn-play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 7rem;
  height: 7rem;
  padding: 2rem;
  cursor: pointer;
}
@media (hover: hover) {
  .bn-intro-content .btn-play-icon:hover svg {
    transform: scale(1.2);
  }
}
.bn-intro-content .btn-play-icon svg {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}

.btn-play-icon .fa-pause {
  justify-content: center;
  align-items: center;
}

.btn-play-icon.active .fa-pause {
  display: flex !important;
}

.btn-play {
  display: flex;
  justify-content: center;
  position: relative;
}
.btn-play .rounded-text {
  width: 10rem;
  height: 10rem;
  text-transform: uppercase;
  transform: rotate(-103deg);
  color: #fff;
  font-weight: 500;
  z-index: -1;
  font-size: 1.4rem;
  aspect-ratio: 1;
}
@media only screen and (min-width: 2000px) {
  .btn-play .rounded-text svg g {
    font-size: 1.4rem !important;
  }
}
.btn-play .white {
  fill: #fff;
}
.btn-play .yellow {
  fill: #ffda2a;
}
.btn-play .green {
  fill: #00d3b9;
}
@keyframes rotating {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.btn-play .rotating {
  animation: rotating 12s linear infinite;
}
@keyframes coloring {
  0% {
    fill: #fff;
  }
  35% {
    fill: #ffda2a;
  }
  75% {
    fill: #00d3b9;
  }
  100% {
    fill: #fff;
  }
}
.btn-play .coloring {
  animation: coloring 12s linear infinite;
}
@media (hover: hover) {
  .btn-play:hover-icon {
    transform: scale(1.1);
  }
}
.btn-play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 7rem;
  height: 7rem;
  padding: 2rem;
  cursor: pointer;
}
@media (hover: hover) {
  .btn-play-icon:hover svg {
    transform: scale(1.2);
  }
}
.btn-play-icon svg {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}

.btn-upload {
  border-radius: 3.8rem;
  border: 0.1rem dashed rgba(246, 99, 21, 0.3);
  background: var(--main-orange-100, #feefe8);
}
@media screen and (max-width: 700px) {
  .btn-upload .text {
    display: none;
  }
}
.btn-upload .btn-inner {
  height: 4.4rem;
}
.btn-upload .text {
  color: #f66315 !important;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .btn-upload:hover .text {
    color: #fff !important;
  }
  .btn-upload:hover svg path {
    fill: #fff;
  }
}

.btn-remove-upload {
  align-items: center;
  margin-right: 2rem;
  cursor: pointer;
}

.rate-form-bot {
  position: relative;
}
@media screen and (max-width: 700px) {
  .rate-form-bot {
    flex-direction: column;
    margin-bottom: 1.2rem;
  }
  .rate-form-bot .head {
    justify-content: space-between;
    width: 100%;
  }
}

#file-selected-message {
  margin-bottom: 2rem;
}

.d-flex {
  display: flex;
}

.mr-4 {
  margin-right: 4rem !important;
}

.mb-20 {
  margin-bottom: 2rem;
}

.mb-30 {
  margin-bottom: 3rem;
}
@media screen and (max-width: 1200px) {
  .mb-30 {
    margin-bottom: 1.6rem;
  }
}

.p-0 {
  padding: 0 !important;
}

.bg-border {
  opacity: 0.1;
  background: #e27237;
  height: 1rem;
  margin-bottom: 1rem;
}
.bg-border.x0 {
  height: 4rem;
  opacity: 0.5;
}
.bg-border.x1 {
  height: 2rem;
  opacity: 0.3;
}

.intro-brand {
  position: relative;
  padding: 10rem 0;
  z-index: 1;
  margin-bottom: 8rem;
}
@media screen and (max-width: 768px) {
  .intro-brand {
    padding: 5rem 0;
  }
}
.intro-brand-content {
  text-align: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(246, 99, 21, 0.2) 0%, rgba(246, 99, 21, 0) 100%);
}
.intro-brand-content .logo {
  width: 12rem;
  height: 11rem;
  margin: 0 auto;
  object-fit: contain;
}
.intro-brand-content .title {
  color: #031230;
  text-align: center;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .intro-brand-content .title br {
    display: none;
  }
}
.intro-brand-content .text {
  color: #444545;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .intro-brand-content .text br {
    display: none;
  }
}
.intro-brand-decor {
  position: absolute;
  transform: translateY(-50%);
  width: 10rem;
  height: 10rem;
  border-radius: 0.8rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.intro-brand-decor::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background: radial-gradient(71.29% 71.29% at 50.41% 50.41%, rgba(246, 99, 21, 0) 0%, rgba(246, 99, 21, 0.6) 100%);
  opacity: 0.5;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .intro-brand-decor {
    width: 6rem;
    height: 6rem;
  }
}
.intro-brand-decor img {
  width: 5rem;
  border-radius: unset;
}
@media screen and (max-width: 768px) {
  .intro-brand-decor img {
    width: 4rem;
  }
}
.intro-brand-decor.x1 {
  left: 0;
  top: 45%;
}
@media screen and (max-width: 1024px) {
  .intro-brand-decor.x1 {
    top: 13%;
  }
}
.intro-brand-decor.x2 {
  right: 0;
  top: 60%;
}
@media screen and (max-width: 1024px) {
  .intro-brand-decor.x2 {
    width: 9rem;
    height: 9rem;
    top: 95%;
    right: 16%;
  }
}
@media screen and (max-width: 768px) {
  .intro-brand-decor.x2 {
    width: 6rem;
    height: 6rem;
    display: none;
  }
}
.intro-brand-decor.x3 {
  left: 16%;
  top: 60%;
}
@media screen and (max-width: 768px) {
  .intro-brand-decor.x3 {
    left: 4%;
    top: 85%;
  }
}
.intro-brand-decor.x4 {
  left: 25%;
  top: 25%;
}
@media screen and (max-width: 1024px) {
  .intro-brand-decor.x4 {
    left: 20%;
    top: 5%;
  }
}
@media screen and (max-width: 768px) {
  .intro-brand-decor.x4 {
    left: 20%;
    top: 5%;
  }
}
.intro-brand-decor.x5 {
  left: 28%;
  top: 80%;
}
@media screen and (max-width: 768px) {
  .intro-brand-decor.x5 {
    left: 16%;
    top: 90%;
    display: none;
  }
}
@media only screen and (max-width: 550px) {
  .intro-brand-decor.x5 {
    left: 16%;
    top: 97%;
  }
}
.intro-brand-decor.x6 {
  right: 14%;
  top: 30%;
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .intro-brand-decor.x6 {
    right: 5%;
    top: 10%;
  }
}
@media screen and (max-width: 768px) {
  .intro-brand-decor.x6 {
    right: 8%;
    top: 11%;
  }
}
.intro-brand-decor.x7 {
  right: 25%;
  top: 55%;
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .intro-brand-decor.x7 {
    right: 15%;
    top: 30%;
  }
}
@media screen and (max-width: 1024px) {
  .intro-brand-decor.x7 {
    top: 85%;
    right: 2%;
  }
}
@media screen and (max-width: 1024px) {
  .intro-brand-decor.x3, .intro-brand-decor.x4, .intro-brand-decor.x5, .intro-brand-decor.x6, .intro-brand-decor.x7, .intro-brand-decor.x9 {
    width: 6rem;
    height: 6rem;
  }
}
.intro-brand-decor.x8 {
  width: 10rem;
  right: 13%;
  width: 10rem;
}
@media screen and (max-width: 768px) {
  .intro-brand-decor.x8 {
    right: 32%;
  }
}
@media screen and (max-width: 1024px) {
  .intro-brand-decor.x8 {
    width: 6rem;
    height: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .intro-brand-decor.x9 {
    left: 32%;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2023-8-14 14:36:52
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
.pulsate-fwd {
  -webkit-animation: pulsate-fwd 1s ease-in-out infinite both;
  animation: pulsate-fwd 1s ease-in-out infinite both;
}

@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.btn-add-compare {
  background-color: transparent !important;
  margin-bottom: 2rem;
}
.btn-add-compare::before {
  display: none;
}
@media (hover: hover) {
  .btn-add-compare:hover .btn-inner .text {
    color: #f66315 !important;
  }
}
.btn-add-compare .btn-inner .icon {
  background-color: #f66315;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.btn-add-compare .btn-inner .text {
  color: #031230 !important;
  transition: all 0.3s ease;
}

.btn-addMore {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-addMore .btn-inner .icon {
  color: #fff;
  background-color: #f66315;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-addMore .btn-inner .text {
  color: #031230 !important;
  white-space: nowrap;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .btn-addMore .btn-inner:hover .text {
    color: #fff !important;
  }
}
@media screen and (max-width: 1024px) {
  .btn-addMore .btn-inner {
    height: 5rem;
    width: 5rem;
    padding: 0;
  }
  .btn-addMore .btn-inner .text {
    display: none;
  }
}

.cart-empty {
  justify-content: center;
}
.cart-empty .side-close {
  border: none;
}
.cart-empty-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.cart-empty-content > .text {
  color: #444545;
  font-family: Familjen Grotesk;
  font-style: normal;
  line-height: 150%;
}
.cart-empty-content .btn {
  height: 4rem;
  display: flex;
}
.cart-empty-content .btn-inner {
  padding: 1rem 3rem;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .cart-empty-content .btn-inner .text {
    display: block !important;
  }
}

.popup-compare-poduct {
  row-gap: 2rem;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.popup-compare-poduct .side-close {
  border: none;
}
.popup-compare-poduct .check-compare {
  display: flex;
  position: relative;
  padding-left: 3rem;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.popup-compare-poduct .check-compare input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.popup-compare-poduct .checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 2rem;
  width: 2rem;
  background-color: #f5f5fa;
  border-radius: 0.4rem;
  border: 0.1rem solid #dddde3;
}
.popup-compare-poduct .check-compare:hover input ~ .checkmark {
  background-color: #dddde3;
}
.popup-compare-poduct .check-compare input:checked ~ .checkmark {
  background-color: #f66315;
  border-radius: 0.4rem;
}
.popup-compare-poduct .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.popup-compare-poduct .check-compare input:checked ~ .checkmark:after {
  display: block;
}
.popup-compare-poduct .check-compare .checkmark:after {
  left: 0.6rem;
  top: 0.2rem;
  width: 0.4rem;
  height: 0.8rem;
  border: solid white;
  border-width: 0 0.25rem 0.25rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popup-compare-poduct .cmini-price {
  margin-left: 0;
}
.popup-compare-poduct .btn-large .btn {
  height: 4rem;
  display: flex;
}
.popup-compare-poduct .btn-large .btn-inner {
  padding: 1rem 3rem;
  width: fit-content;
}

.pdp-tab-inner {
  padding: 3rem;
  border-radius: 0 0 1.2rem 1.2rem;
  background: #feefe8;
  position: relative;
  z-index: 1;
}
.pdp-tab-inner .aligncenter {
  width: 100% !important;
  text-align: center;
}
.pdp-tab-inner .aligncenter img {
  margin: 0 auto;
  max-width: 50rem !important;
}
.pdp-tab-inner img.aligncenter {
  text-align: center;
  margin: 0 auto;
  max-width: 50rem !important;
}
@media screen and (max-width: 768px) {
  .pdp-tab-inner {
    padding: 2rem;
  }
}
.pdp-tab-inner .tab-readmore {
  max-height: 40rem;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}
.pdp-tab-inner .tab-readmore .mona-content img {
  width: 100%;
}
.pdp-tab-inner .tab-readmore .mona-content iframe {
  height: 60rem !important;
}
@media screen and (max-width: 500px) {
  .pdp-tab-inner .tab-readmore .mona-content iframe {
    height: 30rem !important;
  }
}
.pdp-tab-inner .tab-readmore:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 15%;
  left: 50%;
  transition: 0.3s ease-in-out;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(254, 239, 232, 0) 0%, #feefe8 100%);
  pointer-events: none;
}
.pdp-tab-inner input:checked ~ .tab-readmore {
  max-height: unset;
}
.pdp-tab-inner input:checked ~ .tab-readmore::after {
  opacity: 0;
}
.pdp-tab-inner input:checked ~ .btn-drop-text .btn .icon {
  transform: rotate(180deg);
}
.pdp-tab-inner .btn-drop-text .btn {
  border: unset;
}
.pdp-tab-inner .btn-drop-text .btn .text,
.pdp-tab-inner .btn-drop-text .btn .icon {
  color: #f66315 !important;
  transition: all 0.3s ease;
}
.pdp-tab-inner .btn-drop-text .btn .text:nth-child(2) {
  display: none;
}
@media (hover: hover) {
  .pdp-tab-inner .btn-drop-text .btn:hover .text,
.pdp-tab-inner .btn-drop-text .btn:hover .icon {
    color: #fff !important;
  }
}
.pdp-tab-inner input:checked ~ .btn-drop-text .text:nth-child(1) {
  display: none;
}
.pdp-tab-inner input:checked ~ .btn-drop-text .text:nth-child(2) {
  display: block;
}
.pdp-tab-list {
  flex-wrap: nowrap;
  display: flex;
  column-gap: 3rem;
  overflow-x: auto;
}
.pdp-tab-list::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1024px) {
  .pdp-tab-list {
    justify-content: space-between;
    column-gap: 0;
  }
}
.pdp-tab-list-item {
  color: #031230;
  padding: 2rem;
  padding-top: 1rem;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 1.2rem 1.2rem 0 0;
  background: transparent;
}
.pdp-tab-list-item br {
  display: none;
}
@media screen and (max-width: 1024px) {
  .pdp-tab-list-item {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .pdp-tab-list-item {
    font-size: 1.5rem;
  }
  .pdp-tab-list-item span {
    font-size: 1.2rem;
  }
}
@media (hover: hover) {
  .pdp-tab-list-item:hover {
    background: #feefe8;
    border-radius: 1.2rem 1.2rem 0 0;
    color: #f66315;
  }
}
.pdp-tab-list-item.active {
  color: #f66315;
  position: relative;
  background: #feefe8;
}
.pdp-tab-list-item.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.3rem;
  background: #f66315;
}
.pdp-tab-list-item .rate-number {
  color: #f6af15;
}

.pdp-tabPanel.open {
  display: block;
}
.pdp-tabPanel-content.x0 {
  display: flex;
  margin: 0 -1.5rem;
}
@media screen and (max-width: 768px) {
  .pdp-tabPanel-content.x0 {
    flex-direction: column;
  }
}
.pdp-tabPanel-content.x0 .left {
  width: 60%;
  padding: 0 1.5rem;
}
@media screen and (max-width: 768px) {
  .pdp-tabPanel-content.x0 .left {
    width: 100%;
  }
}
.pdp-tabPanel-content.x0 .left ul {
  list-style: disc;
  padding-left: 2rem;
}
.pdp-tabPanel-content.x0 .right {
  width: 40%;
  padding: 0 1.5rem;
}
.pdp-tabPanel-content.x0 .right-img {
  border-radius: 1.2rem;
}
.pdp-tabPanel-content.x0 .right-img img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .pdp-tabPanel-content.x0 .right {
    width: 100%;
  }
  .pdp-tabPanel-content.x0 .right-img {
    text-align: center;
  }
}
.pdp-tabPanel-content.x2 {
  display: flex;
  margin: 0 -1.5rem;
}
@media screen and (max-width: 768px) {
  .pdp-tabPanel-content.x2 {
    flex-direction: column-reverse;
  }
}
.pdp-tabPanel-content.x2 .left {
  width: 60%;
  padding: 0 1.5rem;
}
@media screen and (max-width: 768px) {
  .pdp-tabPanel-content.x2 .left {
    width: 100%;
  }
}
.pdp-tabPanel-content.x2 .left .grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(33.3333333333% - 1rem), 1fr));
  gap: 1rem; /* Khoảng cách giữa các cột */
  row-gap: 3rem;
}
.pdp-tabPanel-content.x2 .right {
  width: 40%;
  padding: 0 1.5rem;
}
@media screen and (max-width: 768px) {
  .pdp-tabPanel-content.x2 .right {
    width: 100%;
  }
  .pdp-tabPanel-content.x2 .right-img {
    text-align: center;
  }
}
.pdp-tabPanel-content.x4 .cmts {
  padding-top: 0;
  border-top: none;
}
.pdp-tabPanel .cmts {
  padding-top: 5rem;
  border-top: 0.1rem solid #f6cebb;
}
.pdp-tabPanel .comment_item {
  position: relative;
}
.pdp-tabPanel .comment_item .t-group {
  position: absolute;
  right: 0;
}

.btn-read-more {
  color: #f66315;
  font-family: Familjen Grotesk;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  display: flex;
  justify-content: center;
  padding: 1rem;
}
@media (hover: hover) {
  .btn-read-more:hover svg {
    animation-name: floating;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }
}

.d-flex {
  display: flex;
}

@keyframes floating {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -0.5rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
.tab-img-banner {
  position: relative;
  border-radius: 1.2rem;
  overflow: hidden;
}
.tab-img-banner .tab-vid-banner {
  padding-top: 40%;
}
@media screen and (max-width: 768px) {
  .tab-img-banner .tab-vid-banner {
    padding-top: 60%;
  }
}
.tab-img-banner .btn-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.tab-img-banner img {
  border-radius: 1.2rem;
  object-fit: cover;
}

.rate-subtitle {
  color: #031230;
  display: flex;
}

.icon-star svg {
  margin-bottom: -0.3rem;
}

.rating {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  position: relative;
}

.rating-0 {
  filter: grayscale(100%);
}

.rating > input {
  display: none;
}

.rating > label {
  cursor: pointer;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: 0.3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.feedback {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}

.hasrate-top {
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .hasrate-top {
    flex-direction: column;
  }
}
.hasrate-top-point {
  width: 11rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .hasrate-top-point {
    order: 2;
    width: auto;
    height: auto;
    padding: 2rem 0;
  }
  .hasrate-top-point .number-rate {
    text-align: center;
  }
}
.hasrate-top-point .number-rate {
  color: #f6af15;
}
@media screen and (max-width: 768px) {
  .hasrate-top-option {
    order: 3;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .hasrate-top-other {
    order: 1;
  }
}
@media only screen and (max-width: 1150px) {
  .hasrate-top .list {
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 1rem;
    padding-left: 2rem;
  }
  .hasrate-top .list .numstar {
    width: calc(33.3333333333% - 2rem);
  }
}
@media screen and (max-width: 768px) {
  .hasrate-top .list {
    padding-left: 0;
    justify-content: space-between;
  }
  .hasrate-top .list .numstar {
    white-space: nowrap;
  }
}
.hasrate .comment_item-deImg {
  width: 17rem;
  column-gap: 1rem;
  display: flex;
}
.hasrate .comment_item-deImg .gItem {
  width: 100%;
  cursor: pointer;
  border-radius: 0.8rem;
  flex: 1;
  padding-top: 70.4819277108%;
  overflow: hidden;
  position: relative;
}
.hasrate .comment_item-deImg .gItem img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.hasrate .comment_item-deImg img {
  border-radius: 0.8rem;
  width: 100%;
  display: block;
}
.hasrate .comment_item-deImg.moreImg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 17rem;
}
@media screen and (max-width: 768px) {
  .hasrate .comment_item-deImg.moreImg {
    width: 100%;
    justify-content: flex-start;
  }
}
.hasrate .comment_item-deImg.moreImg .gItem {
  flex: 1;
  display: none;
  padding: 0;
  aspect-ratio: 1;
}
.hasrate .comment_item-deImg.moreImg .gItem:first-child {
  display: block;
}
.hasrate .comment_item-deImg.moreImg .gItem:nth-child(2) {
  display: block;
  position: relative;
}
.hasrate .comment_item-deImg.moreImg .gItem:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.hasrate .comment_item-deImg.moreImg .gItem:nth-child(2)::before {
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .hasrate .comment_item-deImg.moreImg .gItem {
    width: 10rem;
    flex: unset;
  }
}
.hasrate .comment_item-deImg.moreImg .numMore {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: #fff;
}
.hasrate .rating-input:checked + label {
  background: #f66315;
  color: #fff;
}
.hasrate .rating-input + label.check {
  background: #f66315;
  color: #fff;
}
.hasrate .rating-input + label {
  position: relative;
  cursor: pointer;
}
.hasrate .rating-input {
  display: none;
}
.hasrate .numstar {
  padding: 0.5rem 3rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10rem;
  background: #fff;
  transition: all 0.3s ease;
  margin-right: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.hasrate .comment_list .comment_item-head {
  justify-content: flex-start;
}
.hasrate .t-group {
  position: relative !important;
}

.bottom-rate {
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background: #031230;
  color: #fff;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .bottom-rate {
    height: auto;
    padding: 2rem 1rem;
  }
}

@media screen and (max-width: 1024px) {
  .srate {
    padding-bottom: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .srate {
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 700px) {
  .srate {
    padding-top: 2.4rem;
  }
}
.srate-content {
  width: 45%;
  padding: 0 3rem;
}
@media screen and (max-width: 1024px) {
  .srate-content {
    width: 100%;
    padding-bottom: 3rem;
    text-align: center;
  }
}
@media screen and (max-width: 700px) {
  .srate-content {
    padding: 2.4rem 0;
  }
}
.srate-content-text {
  width: 70%;
  margin: 2rem 0;
}
@media screen and (max-width: 1024px) {
  .srate-content-text {
    width: 100%;
  }
}
.srate-inner {
  margin: 0 -3rem;
}
@media screen and (max-width: 1024px) {
  .srate-inner {
    flex-direction: column;
  }
}
@media screen and (max-width: 700px) {
  .srate-inner {
    margin: 0;
  }
}
@media screen and (max-width: 1024px) {
  .srate-guest {
    justify-content: center;
  }
}
.srate-avt {
  margin: 0 1rem;
  align-items: center;
}
.srate-avt-item {
  margin-left: -1rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 0.2rem solid #fff;
}
.srate-avt-item img {
  width: 100%;
  height: 100%;
}
.srate-avt-item:last-child {
  background-color: #f66315;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.4rem;
}
.srate .swiper {
  padding-bottom: 5rem;
  padding-right: 5rem;
  overflow: inherit;
}
@media screen and (max-width: 700px) {
  .srate .swiper {
    padding: unset;
    overflow: hidden;
  }
}
.srate-slide {
  width: 55%;
  padding: 0 3rem;
}
@media screen and (max-width: 1024px) {
  .srate-slide {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .srate-slide {
    padding: 0;
  }
}
.srate-slide .swiper-creative .swiper-slide {
  border-radius: 1.2rem;
}
@media screen and (min-width: 700px) {
  .srate-slide .swiper-slide {
    opacity: 0 !important;
  }
}
.srate-slide .swiper-slide-active {
  opacity: 1 !important;
}
.srate-slide .swiper-slide-next {
  opacity: 0.5 !important;
}
.srate-slide .swiper-slide-next + .swiper-slide {
  opacity: 0.5 !important;
}
.srate-box {
  margin: 0 -1rem;
  background-color: #fff;
  border-radius: 1.2rem;
  overflow: hidden;
}
@media screen and (max-width: 700px) {
  .srate-box {
    flex-direction: column-reverse;
    margin: 0;
  }
}
.srate-box-desc {
  width: 50%;
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
}
@media screen and (max-width: 700px) {
  .srate-box-desc {
    width: 100%;
    padding: 2.4rem 2rem;
  }
}
.srate-box-img {
  width: 50%;
  padding: 0 1rem;
  padding-right: 0;
}
@media screen and (max-width: 700px) {
  .srate-box-img {
    width: 100%;
    border-radius: 1.2rem;
    overflow: hidden;
    padding: 0;
  }
}
.srate-box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1440px) {
  .srate-btnSlide {
    position: absolute;
    left: 50%;
    bottom: -5rem;
    transform: translateX(-50%);
    width: 100%;
    height: 3rem;
    text-align: center;
    z-index: 1;
  }
}
@media screen and (max-width: 700px) {
  .srate-btnSlide {
    position: static;
    transform: unset;
    height: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row-reverse;
    padding: 2rem 0;
    gap: 2.4rem;
  }
}
.srate .swiper-srate-next {
  top: 50%;
  right: 0;
  transform: translateX(3rem);
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
  border: 0.1rem solid #fff;
  background: #fff;
  box-shadow: 0px 0.6rem 1.8rem 0px rgba(0, 0, 0, 0.1);
}
.srate .swiper-srate-next::after {
  font-size: 1rem;
  color: #f66315;
}
@media screen and (max-width: 1440px) {
  .srate .swiper-srate-next {
    position: initial;
    display: inline-block;
    transform: translateX(4rem);
  }
}
@media screen and (max-width: 700px) {
  .srate .swiper-srate-next {
    transform: unset;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-top: unset;
    right: unset;
  }
}
.srate .swiper-srate-prev {
  top: 50%;
  left: 0;
  transform: translateX(-5rem);
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
  border: 0.1rem solid #fff;
  background: #fff;
  box-shadow: 0px 0.6rem 1.8rem 0px rgba(0, 0, 0, 0.1);
}
.srate .swiper-srate-prev::after {
  font-size: 1rem;
  color: #f66315;
}
@media screen and (max-width: 1440px) {
  .srate .swiper-srate-prev {
    position: initial;
    display: inline-block;
    transform: translateX(-4rem);
  }
}
@media screen and (max-width: 700px) {
  .srate .swiper-srate-prev {
    transform: unset;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    position: relative;
    margin-top: unset;
    right: unset;
  }
}

.cProduct {
  padding-bottom: 10rem;
}
.cProduct-inner {
  overflow: hidden;
}
.cProduct-removeBtn {
  position: absolute;
  width: 1.9rem;
  height: 1.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  right: 1rem;
  top: 0;
  cursor: pointer;
  z-index: 1;
}
.cProduct-removeBtn i {
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .cProduct-removeBtn:hover i {
    color: #f66315;
  }
}
@media screen and (max-width: 768px) {
  .cProduct-removeBtn {
    right: 0;
    transform: translateY(-1rem);
  }
}
.cProduct-box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(25% - 1rem), 1fr));
  gap: 1rem;
  row-gap: 0;
}
@media screen and (max-width: 768px) {
  .cProduct-box {
    grid-template-columns: repeat(auto-fit, minmax(calc(33.33333% - 1rem), 1fr));
  }
}
.cProduct-img {
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .cProduct-img {
    height: calc(33.3333333333vw - 2rem);
    border-radius: 0.6rem;
    width: auto;
    aspect-ratio: 1;
    margin: 0 auto;
  }
}
.cProduct-img-link {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  white-space: nowrap;
  color: #fff;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .cProduct-img-link {
    font-size: 1.2rem;
  }
}
.cProduct-img-link .icon {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
}
.cProduct-img-link .icon svg path {
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .cProduct-img-link:hover {
    color: #f66315;
  }
  .cProduct-img-link:hover .icon svg path {
    fill: #f66315;
  }
}
.cProduct-img-box {
  width: fit-content;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  border-radius: 0.6rem;
  width: 18rem;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .cProduct-img-box {
    width: 100%;
  }
}
.cProduct-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cProduct-img-box a {
  display: flex;
}
@media (hover: hover) {
  .cProduct-img-box:hover .cProduct-img-link {
    opacity: 1;
  }
  .cProduct-img-box:hover:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.cProduct-item {
  text-align: center;
  position: relative;
  padding: 2rem;
}
.cProduct-item::after {
  content: "";
  position: absolute;
  height: 100%;
  bottom: 0;
  right: 0;
  width: 0.1rem;
  background: #efefef;
}
@media screen and (max-width: 768px) {
  .cProduct-item::after {
    display: none;
  }
}
.cProduct-item::before {
  content: "";
  position: absolute;
  height: 0.1rem;
  bottom: 0;
  width: 100vw;
  background: #efefef;
}
@media screen and (max-width: 768px) {
  .cProduct-item::before {
    display: none;
  }
}
.cProduct-item-top {
  height: 100%;
}
.cProduct-item.colX1 {
  text-align: left;
}
.cProduct-item-title {
  height: 3rem;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .cProduct-item-title {
    display: none;
  }
}
.cProduct-item .desc {
  color: #444545;
}
@media screen and (max-width: 768px) {
  .cProduct-item {
    text-align: left;
    padding: 1.5rem 0;
  }
  .cProduct-item.colX1 {
    display: none;
  }
  .cProduct-item.colX1 + .cProduct-item .cProduct-item-title {
    opacity: 1;
    position: relative;
    white-space: nowrap;
  }
  .cProduct-item.colX1 + .cProduct-item .cProduct-item-title::before {
    content: "";
    position: absolute;
    height: 0.1rem;
    bottom: 0;
    width: 100vw;
    background: #da5610;
  }
}
.cProduct-item .btn-add-compare {
  border: 0.1rem solid #da5610;
}
.cProduct-btn {
  padding: 0 3rem;
}
@media screen and (max-width: 1024px) {
  .cProduct-btn .btn {
    width: 5rem;
    height: 5rem;
    aspect-ratio: 1;
  }
  .cProduct-btn .btn-inner {
    height: 5rem;
  }
  .cProduct-btn .btn-inner .text {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .cProduct-btn {
    padding: 0;
    padding-right: 3rem;
  }
  .cProduct-btn .btn {
    margin-left: 0;
  }
}
.cProduct-addMore {
  display: flex;
  height: 100%;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .cProduct-addMore .btn-inner {
    height: 5rem;
    width: 5rem;
    padding: 0;
  }
  .cProduct-addMore .btn-inner .text {
    display: none;
  }
}

.sreason-top {
  position: relative;
  display: none;
}
@media screen and (max-width: 1024px) {
  .sreason-top {
    padding-bottom: 3rem;
  }
}
.sreason-head {
  position: absolute;
  top: 58%;
  width: 100%;
  z-index: 2;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .sreason-head {
    position: relative;
    z-index: 0;
    top: unset;
    transform: unset;
  }
}
.sreason-bg {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .sreason-bg .bg-border {
    display: none;
  }
}
.sreason-bg-cracket {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .sreason-bg-cracket {
    display: none;
  }
}
.sreason-bg-cracket img {
  height: 100%;
}
.sreason-bg-img img {
  width: 100%;
}
.sreason-bg-under {
  position: absolute;
  background: linear-gradient(to bottom, rgba(226, 114, 55, 0.5), rgba(255, 255, 255, 0.5));
  height: 48%;
  top: 0;
  left: 0;
  width: 91%;
  z-index: -1;
  transform-origin: top left;
  transform: rotateZ(6deg);
}
.sreason-decor {
  position: absolute;
  left: 0;
  top: 40%;
}
@media screen and (max-width: 1024px) {
  .sreason-inner {
    padding: 3rem 0;
    margin-top: -3rem;
    padding-top: 6rem;
    background: linear-gradient(to bottom, #da5610, #e49f7a);
    transform: rotate(0deg);
  }
}
.sreason-list {
  margin: 0 -1.5rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .sreason-list {
    row-gap: 6rem;
    margin: 0 -0.5rem;
  }
}
.sreason-item {
  width: 25%;
  padding: 0 1.5rem;
}
@media screen and (max-width: 1024px) {
  .sreason-item {
    width: 50%;
    padding: 0 0.5rem;
  }
}
.sreason-item-box {
  position: relative;
}
.sreason-item-num {
  font-size: 9.6rem;
  font-weight: 900;
  line-height: 100%;
  opacity: 1;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.sreason-item-num::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  text-shadow: none;
  background-image: linear-gradient(45deg, transparent 45%, hsl(48deg, 20%, 90%) 45%, hsl(48deg, 20%, 90%) 55%, transparent 0);
  background-size: 0.05em 0.05em;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shad-anim 15s linear infinite;
}
@media screen and (max-width: 1200px) {
  .sreason-item-num {
    font-size: 6rem;
  }
}
.sreason-item-title {
  font-size: 1.8rem;
}
@media screen and (max-width: 530px) {
  .sreason-item-title {
    font-size: 3.3vw;
  }
}
.sreason-item-desc {
  color: #feefe8;
}
@media screen and (max-width: 530px) {
  .sreason-item-desc {
    font-size: 3vw;
  }
}
.sreason-item:nth-child(2) {
  margin-top: -3rem;
}
@media screen and (max-width: 1024px) {
  .sreason-item:nth-child(2) {
    margin-top: 0;
  }
}
.sreason-item:nth-child(3) {
  margin-top: -6rem;
}
@media screen and (max-width: 1024px) {
  .sreason-item:nth-child(3) {
    margin-top: 0;
  }
}
.sreason-item:nth-child(4) {
  margin-top: -9rem;
}
@media screen and (max-width: 1024px) {
  .sreason-item:nth-child(4) {
    margin-top: 0;
  }
}
.sreason-content {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .sreason-content {
    margin-top: 0;
    text-align: center;
  }
}
.sreason-content-decor {
  position: absolute;
  z-index: -1;
}
.sreason-content-decor.x0 {
  right: 3rem;
  bottom: 8rem;
}
.sreason-content-decor.x1 {
  right: 0;
  bottom: 3rem;
  transform: translateX(3rem);
}
@media screen and (max-width: 1024px) {
  .sreason-content .btn {
    margin: 0 auto;
  }
}
.sreason-detail {
  margin: 0 -1.5rem;
}
@media screen and (max-width: 1024px) {
  .sreason-detail {
    flex-direction: column;
  }
}
.sreason-left {
  width: 45%;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .sreason-left {
    width: 100%;
  }
  .sreason-left .t-title {
    text-align: center;
    font-size: 3.3rem;
  }
}
@media screen and (max-width: 800px) {
  .sreason-left .t-title {
    font-size: 2.7rem;
  }
}
.sreason-right {
  width: 65%;
  padding: 0 1.5rem;
}
@media screen and (max-width: 1024px) {
  .sreason-right {
    width: 100%;
    margin-top: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .sreason-right-img img {
    min-height: 47rem;
  }
}

.wobble-ver-right {
  -webkit-animation: wobble-ver-right 2s infinite both;
  animation: wobble-ver-right 2s infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-8-17 16:13:20
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation wobble-ver-right
 * ----------------------------------------
 */
@keyframes wobble-ver-right {
  0%, 100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(6deg);
    transform: translateY(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(-6deg);
    transform: translateY(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(3.6deg);
    transform: translateY(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(-2.4deg);
    transform: translateY(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(1.2deg);
    transform: translateY(-6px) rotate(1.2deg);
  }
}
.sstore-head {
  display: flex;
  margin: 0 -1.5rem;
}
@media screen and (max-width: 768px) {
  .sstore-head {
    flex-direction: column;
    margin-bottom: 2rem;
    text-align: center;
  }
}
.sstore-left {
  width: 50%;
  padding: 0 1.5rem;
}
@media screen and (max-width: 768px) {
  .sstore-left {
    width: 100%;
    margin-bottom: 1rem;
  }
  .sstore-left .title {
    text-align: center;
  }
}
.sstore-right {
  width: 50%;
  padding: 0 1.5rem;
}
.sstore-right .btn {
  float: right;
}
@media screen and (max-width: 768px) {
  .sstore-right {
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .sstore-right .btn {
    margin: 0 auto;
    float: unset;
  }
}
.sstore-content {
  padding: 0 1.5rem;
  padding-bottom: 5rem;
  padding-top: 10rem;
  width: calc(100vw - (100vw - 123rem) / 2);
  max-width: 100%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .sstore-content {
    padding: 5rem 1.5rem;
  }
}
.sstore-btnSlide {
  position: relative;
  width: 6rem;
  height: 6rem;
}
.sstore-btnSlide .swiper-sstore-next {
  right: 0;
  height: 100%;
  width: 50%;
}
.sstore-btnSlide .swiper-sstore-next::after {
  font-size: 1rem;
  color: #f66315;
}
.sstore-btnSlide .swiper-sstore-prev {
  left: 0;
  height: 100%;
  width: 50%;
}
.sstore-btnSlide .swiper-sstore-prev::after {
  font-size: 1rem;
  color: #f66315;
}
.sstore-btnSlide .swiper-sstore-prev::before {
  content: "";
  position: absolute;
  right: 0;
  height: 3rem;
  width: 0.1rem;
  background-color: #ccc;
}
.sstore-img {
  position: relative;
  padding-top: 75%;
  border-radius: 1rem;
  overflow: hidden;
}
.sstore-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .sstore-img:hover img {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .sstore-img:hover .sstore-link-btn {
    opacity: 1;
  }
}
@media screen and (max-width: 770px) {
  .sstore-swiper .t20 {
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
  }
}
.sstore-link-btn {
  position: absolute;
  right: 2.5rem;
  bottom: 2.5rem;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.sstore-link-btn .btn {
  width: 6.4rem;
  height: 6.4rem;
  padding: 0.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
.sstore-link-btn .btn .icon {
  transform: rotate(-45deg);
}
.sstore-link-btn .btn::after {
  content: "";
  position: absolute;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  left: 50%;
  top: 50%;
  border: 1px solid white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

/* ----------------------------------------------
 * Generated by Animista on 2023-8-18 15:57:9
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
.heartbeat {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
  animation: heartbeat 1.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.snews-wrap {
  position: relative;
}
.snews-under {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.snews-bg {
  height: 100%;
  width: 100%;
  position: relative;
}
.snews-bg-img {
  height: 100%;
  width: 100%;
}
.snews-bg-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 1440px) {
  .snews-bg-img img {
    object-fit: unset;
  }
}
.snews-decor {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.snews-decor.x1 {
  right: 0;
  left: auto;
}
.snews-content {
  padding: 10rem 0;
  padding-bottom: 15rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1440px) {
  .snews-content {
    padding-bottom: 10rem;
  }
}
.snews-top {
  display: flex;
  justify-content: space-between;
}
.snews .bloga-item {
  width: 100%;
  padding: 0;
}
.snews .bloga-pos {
  transform: translateY(60%);
}
@media screen and (max-width: 1200px) {
  .snews .bloga-pos {
    transform: unset;
  }
}
.snews-slide {
  margin-top: 3rem;
  position: relative;
}
.snews .btn-snewsSlide {
  position: absolute;
  width: 110%;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  height: 3rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1440px) {
  .snews .btn-snewsSlide {
    height: auto;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    column-gap: 1rem;
    flex-direction: row-reverse;
    align-items: center;
    margin-top: 2rem;
  }
}
.snews .btn-snewsSlide-next {
  position: static;
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
  border: 0.1rem solid #fff;
  background: #fff;
  margin-top: unset;
}
.snews .btn-snewsSlide-next::after {
  font-size: 1rem;
  color: #f66315;
}
@media screen and (max-width: 1440px) {
  .snews .btn-snewsSlide-next {
    position: static;
    transform: translate(0);
  }
}
.snews .btn-snewsSlide-prev {
  top: 50%;
  left: 0;
  position: static;
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
  border: 0.1rem solid #fff;
  background: #fff;
  margin-top: unset;
}
.snews .btn-snewsSlide-prev::after {
  font-size: 1rem;
  color: #f66315;
}
@media screen and (max-width: 1440px) {
  .snews .btn-snewsSlide-prev {
    position: static;
    transform: translate(0);
  }
}
.snews-btn .btn {
  background-color: #fff;
}
.snews-btn .btn .text {
  color: #f66315 !important;
}

.faccount {
  min-height: 68vh;
  padding-top: 10rem;
}
.faccount-wrap {
  width: 38.4rem;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.faccount-step {
  padding-bottom: 10rem;
}
.faccount-step .re-input {
  padding: 1.2rem 0;
  width: 100%;
  font-size: 1.6rem;
  color: #151314;
  border: none;
  outline: none;
  display: block;
  border-bottom: 0.1rem solid #f66315;
  background-color: transparent;
  border-radius: 0;
}
.faccount-link {
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .faccount-link:hover {
    color: #f66315;
  }
}
.faccount-link-email {
  position: relative;
  text-decoration: none; /* Remove default underline */
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.faccount-link-email:before {
  content: "";
  position: absolute;
  bottom: -0.2rem; /* Adjust this value to control the distance of underline from text */
  left: 50%; /* Position at the center initially */
  width: 0; /* Start with zero width */
  height: 0.2rem; /* Set the height of the underline */
  background-color: #f66315; /* Change to the desired underline color */
  transition: width 0.3s ease-in-out, left 0.3s ease-in-out; /* Smooth transition */
}
@media (hover: hover) {
  .faccount-link-email:hover {
    color: #f66315;
  }
  .faccount-link-email:hover:before {
    width: 100%;
    left: 0;
  }
}

.btn-inner .text {
  line-height: 1.2;
}

.re-input {
  padding: 1.2rem 0;
  width: 100%;
  font-size: 1.6rem;
  color: #151314;
  border: none;
  outline: none;
  display: block;
  border-bottom: 0.1rem solid #f66315;
  background-color: transparent;
}

.f-rela {
  position: relative;
}

.f-item {
  margin: 2rem 0;
}

.f-lock {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 0;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.f-lock img {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.f-lock img:nth-child(1) {
  opacity: 0;
}
.f-lock.active img:nth-child(1) {
  opacity: 1;
}
.f-lock.active img:nth-child(2) {
  opacity: 0;
}

.widget-visible iframe {
  right: 0 !important;
}

.fsocial {
  position: fixed;
  bottom: 10rem;
  right: 1rem;
  z-index: 10;
  transition: 0.5s linear;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 2rem;
  width: 4rem;
}
@media screen and (max-width: 768px) {
  .fsocial {
    bottom: 10rem !important;
  }
}
.fsocial-block {
  display: none;
}
.fsocial-fixed {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 500px) {
  .fsocial-fixed {
    gap: 1.2rem;
  }
}
.fsocial .icon-ctrs {
  height: 4.2rem;
  width: 4.2rem;
  transition: 0.3s ease-in-out;
  background: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  box-shadow: #f66315 0px 0.7rem 2.8rem 0px;
  border-radius: 100rem;
}
.fsocial .icon-ctrs .icons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  animation: phoneRing 2.4s ease-in-out infinite;
}
.fsocial .icon-ctrs img {
  width: 100%;
  height: auto;
  width: 2.4rem;
  height: 2.4rem;
}
.fsocial .icon {
  height: 3.2rem;
  width: 3.2rem;
  transition: 0.3s ease-in-out;
}
@media (hover: hover) {
  .fsocial .icon:hover {
    transform: scale(1.1);
  }
}
.fsocial .icon img {
  width: 100%;
  height: auto;
}
.fsocial .phone-box {
  position: relative;
  width: 3.2rem;
  height: 3.2rem;
}
.fsocial .phone-box-main {
  position: absolute;
  right: -0.2rem;
  align-items: center;
  border-radius: 2rem;
  padding: 0.2rem;
  background: #e10600;
}
.fsocial .phone-box-main .text {
  transition: opacity 700ms, width 700ms linear 270ms, linear 270ms;
  opacity: 0;
  font-size: 0;
}
@media (hover: hover) {
  .fsocial .phone-box-main:hover {
    transition: all 400ms cubic-bezier(0.62, 0.1, 0.5, 1);
  }
  .fsocial .phone-box-main:hover .text {
    transition: opacity 700ms, width 1ms linear 270ms, linear 270ms;
    opacity: 1;
    margin: 0 1rem;
    font-size: 1.6rem;
    width: auto;
  }
  .fsocial .phone-box-main:hover .icon-phone img {
    -webkit-animation: shake-bottom 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
    animation: shake-bottom 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
  }
}
.fsocial .phone-box .icon-phone {
  display: flex;
  position: relative;
  margin-top: 0;
  border-radius: 50%;
  background-color: #fff;
  padding: 0.5rem;
}

.shake-bottom {
  -webkit-animation: shake-bottom 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
  animation: shake-bottom 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
}

@-webkit-keyframes shake-bottom {
  0%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%, 40%, 60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%, 50%, 70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shake-bottom {
  0%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%, 40%, 60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%, 50%, 70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
.comment_item-gr {
  justify-content: space-between;
}

.comment_item-left {
  gap: 2.4rem;
  justify-content: space-between;
}

.plogin {
  position: relative;
}
.plogin-decor {
  position: absolute;
  right: 2%;
  top: 45%;
  transform: translateY(-50%);
  z-index: -1;
}
.plogin-decor.x1 {
  top: 25%;
  right: 6%;
}
@media screen and (max-width: 1440px) {
  .plogin-decor {
    height: 30%;
    top: 35%;
  }
  .plogin-decor.x1 {
    top: 15%;
    right: 6%;
  }
  .plogin-decor img {
    height: 100%;
  }
}
@media screen and (max-width: 678px) {
  .plogin-decor {
    height: 20%;
    top: 15%;
    right: 10%;
  }
  .plogin-decor.x1 {
    top: 5%;
    right: 20%;
  }
}
.plogin-left {
  position: relative;
}
.plogin-left .dcor-arrow {
  position: absolute;
  top: 3%;
  right: -4%;
  transform: rotate(-90deg) !important;
}
@media screen and (max-width: 1200px) {
  .plogin-left .dcor-arrow {
    top: -5%;
  }
}
@media screen and (max-width: 1024px) {
  .plogin-left .dcor-arrow {
    display: none;
  }
}
.plogin-imgp {
  position: relative;
  overflow: hidden;
}
.plogin-imgp-decor {
  position: absolute;
  z-index: 1;
  top: 106%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  .plogin-imgp-decor {
    width: 30%;
  }
}
.plogin-imgp-decor.dot {
  top: 96%;
}

.sec-cartod-decor {
  position: absolute;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  .sec-cartod-decor {
    height: 20%;
  }
  .sec-cartod-decor img {
    height: 100%;
  }
}
.sec-cartod-decor:nth-child(1) {
  right: 5%;
  top: 60%;
}
@media screen and (max-width: 1200px) {
  .sec-cartod-decor:nth-child(1) {
    top: 40%;
  }
}
.sec-cartod-decor:nth-child(2) {
  right: 9%;
  top: 50%;
}
@media screen and (max-width: 1200px) {
  .sec-cartod-decor:nth-child(2) {
    top: 35%;
  }
}
.sec-cartod-decor:nth-child(3) {
  left: 5%;
  top: 35%;
}
.sec-cartod-decor:nth-child(4) {
  left: 9%;
  top: 40%;
}

.plogin {
  position: relative;
}
.plogin-decor {
  position: absolute;
  right: 2%;
  top: 45%;
  transform: translateY(-50%);
  z-index: -1;
}
.plogin-decor.x1 {
  top: 25%;
  right: 6%;
}
@media screen and (max-width: 1440px) {
  .plogin-decor {
    height: 30%;
    top: 35%;
  }
  .plogin-decor.x1 {
    top: 15%;
    right: 6%;
  }
  .plogin-decor img {
    height: 100%;
  }
}
@media screen and (max-width: 678px) {
  .plogin-decor {
    height: 20%;
    top: 15%;
    right: 10%;
  }
  .plogin-decor.x1 {
    top: 5%;
    right: 20%;
  }
}
.plogin-left {
  position: relative;
}
.plogin-left .dcor-arrow {
  position: absolute;
  top: 3%;
  right: -4%;
  transform: rotate(-90deg) !important;
}
@media screen and (max-width: 1200px) {
  .plogin-left .dcor-arrow {
    top: -5%;
  }
}
@media screen and (max-width: 1024px) {
  .plogin-left .dcor-arrow {
    display: none;
  }
}
.plogin-imgp {
  position: relative;
  overflow: hidden;
}
.plogin-imgp-decor {
  position: absolute;
  z-index: 1;
  top: 106%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  .plogin-imgp-decor {
    width: 30%;
  }
}
.plogin-imgp-decor.dot {
  top: 96%;
}

.sec-cartod-decor {
  position: absolute;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  .sec-cartod-decor {
    height: 20%;
  }
  .sec-cartod-decor img {
    height: 100%;
  }
}
.sec-cartod-decor:nth-child(1) {
  right: 5%;
  top: 60%;
}
@media screen and (max-width: 1200px) {
  .sec-cartod-decor:nth-child(1) {
    top: 40%;
  }
}
.sec-cartod-decor:nth-child(2) {
  right: 9%;
  top: 50%;
}
@media screen and (max-width: 1200px) {
  .sec-cartod-decor:nth-child(2) {
    top: 35%;
  }
}
.sec-cartod-decor:nth-child(3) {
  left: 5%;
  top: 35%;
}
.sec-cartod-decor:nth-child(4) {
  left: 9%;
  top: 40%;
}

.sec-sod-decor {
  position: absolute;
}
@media screen and (max-width: 992px) {
  .sec-sod-decor {
    display: none;
  }
}
.sec-sod-decor:nth-child(1) {
  left: 3%;
  top: 4%;
}
.sec-sod-decor:nth-child(2) {
  left: 1%;
  top: 12%;
}
.sec-sod-decor:nth-child(3) {
  right: 3%;
  top: 6%;
}
.sec-sod-decor:nth-child(4) {
  right: 1%;
  top: 13%;
}

/*# sourceMappingURL=style.css.map */