html,
body {
  height: 100%;
}

body {
  background: #F9F9F9;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #000000;
}

.body2 {
  background: #fff;
}

.noscroll {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
}

* {
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

.main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 50px;
}
@media (max-width: 992px) {
  .container {
    width: 100%;
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .container {
    padding: 0 15px;
  }
}

.container2 {
  max-width: 850px;
  margin: 0 auto;
  padding: 0 40px;
}
@media (max-width: 992px) {
  .container2 {
    width: 100%;
    padding: 0 16px;
  }
}
@media (max-width: 768px) {
  .container2 {
    padding: 0 16px;
  }
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

.header2 .hline1 {
  background-color: #EEEEEE;
  text-align: center;
  font-style: italic;
  font-size: 16px;
  padding: 5px 0;
}
.header2 .hline2 {
  padding: 10px 0;
  background-color: #fff;
}
.header2 .hline2 .hlogo img {
  width: clamp(160px, 26.667vw, 236px);
}

.mmboxm {
  padding-top: 20px;
}
.mmboxm img {
  width: 100%;
  margin: 10px 0;
}
.mmboxm p {
  font-size: 17px;
  line-height: 145%;
}
.mmboxm ul {
  list-style-type: disc;
  padding-left: 40px;
}

.h1title {
  font-size: clamp(27px, 4.4vw, 40px);
  font-weight: 700;
  line-height: 130%;
}

.mtop-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: clamp(10px, 1.6vw, 15px) 0px;
}
.mtop-line span {
  font-size: clamp(14px, 1.933vw, 15px);
}
.mtop-line a {
  font-size: clamp(14px, 1.933vw, 15px);
  color: #000;
  text-decoration: underline;
  font-style: italic;
}

.h2title {
  font-size: clamp(20px, 2.933vw, 24px);
  font-weight: 700;
  line-height: 130%;
  padding: 20px 0px;
}

.qtred {
  border-left: 5px solid #EA0001;
  background-color: #F2F2F2;
  padding: 16px;
}
.qtred p {
  font-size: clamp(18px, 2.533vw, 20px);
}

.listnm span {
  color: #EF0000;
  font-weight: 700;
}
.listnm i {
  background-color: #F8F9C7;
  font-weight: 700;
}

.fq-box {
  margin-bottom: 40px;
  border: 2px solid #828282;
}
.fq-box__top {
  background-color: #74B72D;
  color: #fff;
  font-weight: 700;
  padding: 8px;
  font-size: clamp(22px, 3.067vw, 24px);
  line-height: 130%;
  text-align: center;
}
.fq-box__content {
  padding: 16px 0;
  padding-right: 16px;
}
.fq-box .fq-box-item__top {
  padding: 15px clamp(30px, 4.667vw, 40px);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fq-box .fq-box-item__top h6 {
  font-size: 17px;
  font-weight: 700;
  line-height: 130%;
}
.fq-box .fq-box-item__top .plcl {
  display: block;
  width: 12px;
  height: 2px;
  background-color: #000;
  position: relative;
}
.fq-box .fq-box-item__top .plcl::after {
  display: block;
  width: 12px;
  height: 2px;
  background-color: #000;
  content: "";
  position: absolute;
  right: 0px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.fq-box .fq-box-item.active .plcl::after {
  display: none !important;
}
.fq-box .fq-box-item__content {
  line-height: 130%;
  font-size: 17px;
  background-color: #fff;
  padding: 15px;
}
.fq-box.fq-box-red .fq-box__top {
  background-color: #E73D11;
}

.top4__maintitle {
  font-size: clamp(22px, 3.067vw, 24px);
  font-weight: 700;
  line-height: 140%;
  padding: 16px 0;
}
.top4 .top4itm {
  border-top: 2px solid #000;
  margin-top: 30px;
  padding-top: 40px;
}
.top4 .top4itm__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding-bottom: 20px;
}
.top4 .top4itm__num {
  background-color: #D60001;
  min-width: clamp(50px, 8vw, 70px);
  max-width: clamp(50px, 8vw, 70px);
  height: clamp(50px, 8vw, 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100px;
  color: #fff;
  font-size: clamp(24px, 3.467vw, 30px);
  font-weight: 700;
}
.top4 .top4itm__title {
  font-size: clamp(22px, 3.467vw, 28px);
  font-weight: 700;
  line-height: 130%;
}
.top4 .top4itm__title a {
  color: #D60001;
  text-decoration: underline;
}
.top4 .top4itm__title span {
  text-decoration: underline;
}
.top4 .t4ibox {
  border-radius: 8px;
  border: 1px solid #000;
  padding: 24px;
  background-color: #fff;
}
.top4 .t4ibox__title {
  font-size: clamp(22px, 3.067vw, 24px);
  font-weight: 700;
  line-height: 130%;
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.top4 .t4ibox__title span {
  color: #fff;
  background-color: #05B67B;
  padding: 0 5px;
  min-width: 33px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.top4 .t4ibox__box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
@media (max-width: 576px) {
  .top4 .t4ibox__box {
    gap: 25px;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}
.top4 .t4ibox .t4ibox-col span {
  font-size: clamp(22px, 3.067vw, 24px);
  font-weight: 700;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.top4 .t4ibox .t4ibox-col ul {
  padding-left: 15px;
}
.top4 .t4ibox .t4ibox-col__box {
  padding-left: 30px;
}
.top4 .t4ibox .t4ibox-col li {
  margin-bottom: 20px;
}
.top4 .t4ibox .t4ibox-col a {
  color: #D60001;
  font-weight: 700;
  text-decoration: underline;
}
.top4 .t4ibox .t4ibox-col .redbtn1 {
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #D60001;
  color: #fff;
  font-weight: 700;
  line-height: 130%;
  font-size: 18px;
  border-radius: 40px;
  padding: 13px 22px;
  text-decoration: none;
}
.top4 .h4lttl {
  font-size: clamp(22px, 3.067vw, 24px);
  font-weight: 700;
  line-height: 130%;
}
.top4 .redlink {
  color: #D60001;
  font-weight: 700;
  text-decoration: underline;
}
.top4 .d4imgd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.top4 .d4imgd img {
  max-width: 500px;
}
.top4 .saleg4 {
  border: 2px dashed #D60001;
  padding: 15px;
}
.top4 .saleg4 a {
  color: blue;
  text-decoration: underline;
}

.yyl {
  font-weight: 700;
  background-color: #F8F9C7;
}

.g4btnplace {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.redbtn1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #D60001;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  border-radius: 40px;
  padding: 13px 22px;
  text-decoration: none;
}

.heblc {
  border-top: 2px solid #000;
  margin-top: 40px;
  padding-top: 50px;
}
.heblc__title {
  font-size: 28px;
  font-style: italic;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 10px;
}
.heblc-list {
  padding: 40px 0;
  display: -ms-grid;
  display: grid;
  gap: 40px;
}

.heblc-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.heblc-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: clamp(34px, 5.067vw, 42px);
  min-height: clamp(34px, 5.067vw, 42px);
  color: #D60001;
}
.heblc-item span svg {
  min-width: clamp(34px, 5.067vw, 42px);
  max-width: clamp(34px, 5.067vw, 42px);
  height: clamp(34px, 5.067vw, 42px);
}

.plcl {
  display: block;
  width: 12px;
  height: 2px;
  background-color: #000;
  position: relative;
}
.plcl::after {
  display: block;
  width: 12px;
  height: 2px;
  background-color: #000;
  content: "";
  position: absolute;
  right: 0px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.libkblu {
  color: #0000EE;
  text-decoration: underline;
}

.mfql__title {
  padding: clamp(46px, 0.133vw, 56px) 0;
  font-size: clamp(22px, 3.067vw, 24px);
  font-weight: 700;
  line-height: 130%;
}
.mfql__list {
  display: -ms-grid;
  display: grid;
  gap: 15px;
}
.mfql .mfql-itm {
  background-color: #fff;
}
.mfql .mfql-itm__top {
  padding: 15px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  cursor: pointer;
}
.mfql .mfql-itm__top h6 {
  font-size: clamp(16px, 2.267vw, 18px);
  line-height: 130%;
  font-weight: 600;
}
.mfql .mfql-itm__top .plcl {
  position: absolute;
  right: 20px;
}
.mfql .mfql-itm__content {
  padding: 15px;
  font-size: 17px;
  line-height: 140%;
  display: none;
}

.coment-block {
  padding-top: 150px;
  padding-bottom: 50px;
  display: -ms-grid;
  display: grid;
  gap: 20px;
}

.coment {
  padding-top: 130px;
  border-top: 1px solid #F0F0F0;
  padding: 12px 0px 0px 12px;
}
.coment .coment-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.coment .coment-top__box1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.coment .coment-top__box2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.coment .coment-top .coment-avatar {
  min-width: 38px;
  max-width: 38px;
  height: 38px;
  border-radius: 100px;
  font-size: 22px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.coment .coment-top .coment-usr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.coment .coment-top .coment-usr__name {
  font-size: clamp(13px, 1.8vw, 14px);
  font-weight: 600;
  color: #555555;
  letter-spacing: 0.5px;
}
.coment .coment-top .usrtatus {
  font-size: 10px;
  background-color: #4A5057;
  border-radius: 100px;
  padding: 4px 5px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  margin-left: 10px;
}
.coment .coment-top .coment-date {
  font-size: 12px;
  color: #888888;
}
.coment .coment-content {
  min-height: 80px;
}
.coment .coment-content p {
  font-size: 14.5px;
  line-height: 140%;
}

.footer2 {
  background-color: #EAEAEA;
}
.footer2 .container {
  max-width: 970px;
}
.footer2 .footer2-top {
  padding: 22px 0px;
  border-bottom: 1px solid #C0C0C0;
}
.footer2 .footer2-top .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer2 .footer2-top .container .footer2-logo img {
  width: 185px;
}
.footer2 .footer2-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 40px;
}
.footer2 .footer2-top ul li a {
  font-size: 14px;
  line-height: 130%;
  text-decoration: underline;
  color: #000;
}
@media (max-width: 768px) {
  .footer2 .footer2-top ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer2 .footer2-top .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  .footer2 .footer2-top .container .footer2-logo img {
    width: 100%;
    max-width: clamp(160px, 29.333vw, 314px);
  }
}
.footer2 .footer2-main {
  padding: 50px 0px;
}
.footer2 .footer2-main p {
  font-size: 14px;
  line-height: 150%;
  text-align: center;
}

.txtpage {
  padding-bottom: clamp(50px, 10vw, 100px);
}
.txtpage__container {
  width: 100%;
  max-width: 613px;
  margin: 0 auto;
}
.txtpage .txtpage__title {
  text-align: center;
  font-size: clamp(29px, 3.2vw, 39px);
  font-weight: 700;
  margin: 40px 0px;
}
.txtpage p {
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 1px;
}
.txtpage ul {
  list-style-type: disc;
  padding-left: 24px;
}
.txtpage ul li {
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 1px;
}
.txtpage h2 {
  font-size: clamp(20px, 3.2vw, 29px);
  font-weight: 700;
  line-height: 140%;
  margin: 20px 0px;
}

.prdpage {
  padding-top: 55px;
  font-family: "Jost", sans-serif;
}

.header {
  position: fixed;
  z-index: 10;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  min-height: 54px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
}
.header .header-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header .mhlogo {
  padding-top: 10px;
}
.header .mhlogo img {
  width: 115px;
}
.header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100vw;
  padding-top: 20px;
  display: none;
}
.header ul li {
  width: 100%;
}
.header ul li a {
  font-size: 16px;
  color: #000;
  line-height: 150%;
  width: 100%;
  text-align: center;
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
  cursor: pointer;
}
.header ul li a:hover {
  background-color: #F4F4F4;
}
.header .h0btn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 21px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  cursor: pointer;
}
.header .h0btn span {
  width: 18px;
  height: 2px;
  background-color: #000;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .h0btn.active span:nth-child(1) {
  -webkit-transform: translateY(6px) rotate(45deg);
          transform: translateY(6px) rotate(45deg);
}
.header .h0btn.active span:nth-child(2) {
  opacity: 0;
}
.header .h0btn.active span:nth-child(3) {
  -webkit-transform: translateY(-6px) rotate(-45deg);
          transform: translateY(-6px) rotate(-45deg);
}

.saleline {
  background-color: #C3201F;
  padding: 10px 0px;
}
.saleline p {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: clamp(16px, 2.533vw, 22px);
  text-align: center;
}

.prmain {
  background-image: url("../img/gradient bg 2.webp");
  background-position: center top;
  background-size: cover;
  padding: 45px 0 100px 0;
}
@media (max-width: 576px) {
  .prmain {
    background-image: url("../img/Freddie HomeMobile 2.webp");
  }
}
.prmain .container {
  max-width: 1170px;
}
@media (max-width: 768px) {
  .prmain {
    padding-top: 20px;
  }
}
@media (max-width: 576px) {
  .prmain {
    padding-bottom: 10px;
  }
}
.prmain__box1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.prmain__box1 .prmttl-mob {
  display: none;
}
@media (max-width: 768px) {
  .prmain__box1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .prmain__box1 .prmttl-desk {
    display: none;
  }
  .prmain__box1 .prmttl-mob {
    display: block;
    text-align: center;
    font-size: 22px;
  }
  .prmain__box1 .prmttl-mob span {
    font-size: 19px;
  }
}
.prmain__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 10px;
}
.prmain__title span {
  font-size: 22px;
}
.prmain__txt {
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
}
@media (max-width: 768px) {
  .prmain__txt {
    font-size: 17px;
  }
}
.prmain .prmimg {
  width: 100%;
}
.prmain .prmimg2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -30px;
}
.prmain .prmimg2 img {
  width: 162px;
}
@media (max-width: 992px) {
  .prmain .prmimg2 img {
    width: 264px;
  }
}
@media (max-width: 768px) {
  .prmain .prmimg2 img {
    width: 40%;
  }
}
.prmain__maincontent {
  width: 50%;
  padding: 0px 10px;
}
@media (max-width: 768px) {
  .prmain__maincontent {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .prmain__maincontent {
    padding-left: 0;
    padding-right: 0;
  }
}
.prmain__maincontent222 {
  width: 50%;
  padding: 0px 10px;
}
@media (max-width: 768px) {
  .prmain__maincontent222 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.prmain .hddlist {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 15px;
}
.prmain .hddlist .hdditem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5px;
}
.prmain .hddlist .hdditem img {
  width: 85px;
}
.prmain .hddlist .hdditem p {
  margin-top: 7px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 135%;
}
@media (max-width: 992px) {
  .prmain .hddlist .hdditem {
    padding: 0 5px;
  }
  .prmain .hddlist .hdditem img {
    width: 75px;
  }
  .prmain .hddlist .hdditem p {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .prmain .hddlist {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 499px) {
  .prmain .hddlist .hdditem img {
    width: 80%;
  }
}
.prmain .hrbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.prmain .hrbox .btnmm {
  background-color: #FF6727;
}
.prmain .hrbox .btnmm:hover {
  background-color: #EDC79F;
}
.prmain .hrbox p {
  font-size: 18px;
  text-align: center;
  line-height: 140%;
}
.prmain .hrbox img {
  width: 100%;
  -webkit-box-shadow: 0 0 10px #333;
          box-shadow: 0 0 10px #333;
}
.prmain .hrbox-mob {
  display: none;
}
@media (max-width: 768px) {
  .prmain .hrbox-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 768px) {
  .prmain .hrbox-desk {
    display: none;
  }
}

.havlb {
  margin-top: 20px;
  background-color: #f9f2ec;
  border-radius: 20px;
  padding: 0 15px;
  padding-top: 15px;
  padding-bottom: 10px;
}
.havlb__title {
  font-size: clamp(24px, 3.467vw, 30px);
  text-align: center;
  font-weight: 700;
  margin-bottom: 15px;
}
.havlb__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.havlb .havlb-item {
  padding-left: clamp(0px, 3.333vw, 50px);
  padding-right: clamp(0px, 3.333vw, 50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.havlb .havlb-item__img {
  aspect-ratio: 4/3;
  border-radius: 20px;
  overflow: hidden;
  max-width: 375px;
  margin-bottom: 10px;
}
.havlb .havlb-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.havlb .havlb-item h5 {
  font-size: 16px;
  line-height: 140%;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}
.havlb .havlb-item h5 span {
  font-size: 15px;
}
.havlb .havlb-item p {
  font-size: 16px;
  text-align: center;
  line-height: 140%;
}

.havlb_V2 .havlb__list {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 480px) {
  .havlb_V2 .havlb__list {
    -ms-grid-columns: 1fr 0 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 0;
  }
}

.assee {
  background-color: #F9F2EC;
  padding: 20px 0px;
}
.assee__title {
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}
.assee__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 60px;
}
.assee__list img {
  height: 60px;
}
@media (max-width: 576px) {
  .assee__list {
    gap: 40px;
  }
  .assee__list img {
    height: 30px;
  }
}

.product {
  padding-top: 48px;
  padding-bottom: 20px;
}
.product .container {
  max-width: 1170px;
}
.product__title {
  text-align: center;
  font-weight: 700;
  font-size: clamp(28px, 4.4vw, 36px);
  line-height: 125%;
  margin-bottom: 20px;
}
.product__pretitle {
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-bottom: 20px;
}

.product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(20px, 3.333vw, 30px);
}
@media (max-width: 530px) {
  .product-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.product-item {
  border: 2px solid #131313;
  border-radius: 12px;
  width: 100%;
  max-width: 380px;
}
@media (max-width: 530px) {
  .product-item {
    max-width: 100%;
  }
}
.product-item__top {
  text-align: center;
  background-color: #E26A0A;
  border-bottom: 2px solid #131313;
  border-radius: 10px;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.product-item__inner {
  padding: 8px;
}
.product-item__top2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.product-item__top2 span {
  font-size: 16px;
  color: #6A6A6A;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-item__prodname {
  text-align: center;
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  margin-bottom: 10px;
}
.product-item__gr {
  background-color: #F2F2F2;
  border-radius: 15px;
  padding: 16px;
  font-size: 14px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.7490196078);
  text-align: center;
  margin-bottom: 8px;
}
.product-item__images {
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 1/1;
  margin-bottom: 12px;
}
.product-item__images img {
  display: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.product-item__images img.active {
  display: block;
}
.product-item .product-item-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  cursor: pointer;
}
.product-item .product-item-step__ttl {
  font-weight: 700;
  font-size: 18px;
}
.product-item .product-item-step:hover .infoi__content {
  display: block;
}
.product-item .infoi {
  position: relative;
}
.product-item .infoi__content {
  display: none;
  position: absolute;
  z-index: 3;
  top: 30px;
  left: 0;
  min-width: 300px;
  max-width: 300px;
  background-color: #fff;
  border: 1px solid #000;
  padding: 8px;
  font-size: 14px;
  line-height: 130%;
}
.product-item select {
  width: 100%;
  border-radius: 5px;
  min-height: 26px;
}
.product-item__content {
  background-color: #FFE8D1;
  border: 2px solid #000;
  margin-top: 15px;
  border-radius: 10px 0 10px 10px;
  padding: 10px;
  position: relative;
  margin-top: 45px;
}
.product-item__content .pper {
  position: absolute;
  top: -27.5px;
  right: -2px;
  border: 2px solid #000;
  border-radius: 7px 7px 0px 0px;
  font-size: 14px;
  padding: 5px;
  background-color: #fff;
  border-bottom: 0px;
}
.product-item__content p {
  text-align: center;
  font-size: 13px;
  line-height: 140%;
}
.product-item__content .btnmm {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #fff;
  width: 100%;
  background-color: #4EB745;
  font-size: 16px;
}
.product-item__content .btnmm:hover {
  background-color: #424242;
}
.product-item .monyback {
  font-size: 16px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 10px;
}
.product-item .prodprc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.product-item .price-cur {
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: #F20000;
}
.product-item .price-old {
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: #6A6A6A;
  text-decoration: line-through;
}
@media (max-width: 1200px) {
  .product-item:nth-child(2) .infoi .infoi__content {
    left: auto;
    right: 0 !important;
    top: 30px;
  }
  .product-item .infoi .infoi__content {
    left: -150px !important;
    right: auto !important;
    top: 30px;
    width: 80vw;
  }
}

.modal {
  position: fixed;
  width: 100%;
  height: 100dvh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100;
  display: none;
}
.modal .modal-wrap {
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 30px 40px;
}
@media (max-width: 768px) {
  .modal .modal-wrap {
    place-items: start center;
    padding: 90px 16px;
  }
}

.modal-box {
  width: 100%;
  max-width: 507px;
  background: #fdfdfd;
  padding: 40px;
  position: relative;
  border-radius: 10px;
}
.modal-box .modal-close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  -webkit-transition: 0.23s;
  transition: 0.23s;
}
.modal-box .modal-close:hover {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .modal-box {
    padding: 30px 20px;
  }
  .modal-box .modal-close {
    top: 24px;
    right: 14px;
  }
}

.modal-title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.8px;
  text-align: left;
  color: #181d27;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .modal-title {
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 24px;
  }
}

.form-group {
  margin-bottom: 24px;
}
.form-group label {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}
.form-group input {
  width: 100%;
  border: 1px solid #D9D9D9;
  height: 54px;
  border-radius: 10px;
  padding-left: 14px;
  padding-right: 10px;
  font-size: 16px;
}

.thnk-p {
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0.8px;
}

.btn-submit {
  border: none;
  min-width: 100%;
  max-width: 100%;
  height: 42px;
  font-size: 18px;
  letter-spacing: 0.5px;
}

.expert-block {
  padding-top: 36px;
}
@media (max-width: 576px) {
  .expert-block {
    padding-top: 15px;
  }
}
.expert-block .container {
  max-width: 1170px;
}
.expert-block__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (max-width: 576px) {
  .expert-block__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.expert-block .expert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 280px;
  max-width: 30%;
}
@media (max-width: 576px) {
  .expert-block .expert {
    min-width: 100%;
    max-width: 100%;
  }
}
.expert-block .expert__img {
  width: 220px;
}
.expert-block .expert__img img {
  width: 100%;
  border-radius: 15px 15px 5px 5px;
}
@media (max-width: 576px) {
  .expert-block .expert__img {
    width: 90%;
  }
  .expert-block .expert__img img {
    border-radius: 15px;
  }
}
.expert-block .expert__content {
  background-color: #E8E8E8;
  padding: 16px;
  border-radius: 15px;
}
.expert-block .expert__content p {
  font-size: 18px;
  line-height: 140%;
}
.expert-block .expert__content div {
  margin-top: 18px;
}
.expert-block .expert__content div span {
  font-size: 18px;
  line-height: 130%;
  font-weight: 700;
}
@media (max-width: 576px) {
  .expert-block .expert__content {
    width: 85%;
    margin-top: -30px;
  }
}
.expert-block__images img {
  width: 100%;
}
.expert-block__images img:nth-child(1) {
  width: 100%;
}
@media (max-width: 992px) {
  .expert-block__images img:nth-child(1) {
    display: none;
  }
}
.expert-block__images img:nth-child(2) {
  display: none;
}
@media (max-width: 992px) {
  .expert-block__images img:nth-child(2) {
    display: block;
    -webkit-box-shadow: 0 0 10px #333 !important;
            box-shadow: 0 0 10px #333 !important;
  }
}

.expert-block-mob {
  display: none;
}
@media (max-width: 768px) {
  .expert-block-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 768px) {
  .expert-block-desk {
    display: none;
  }
}

.ushap {
  padding: 48px 0;
  padding-bottom: 15px;
}
.ushap .container {
  max-width: 1170px;
}
.ushap__title {
  text-align: center;
  font-weight: 700;
  font-size: clamp(28px, 4.267vw, 36px);
  margin-bottom: 40px;
}
.ushap__list {
  display: -ms-grid;
  display: grid;
  gap: 15px;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr;
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 768px) {
  .ushap__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
.ushap .ushap-item {
  overflow: hidden;
  border-radius: 40px;
  border: 3px solid #000;
  border-bottom: 6px solid #000;
}
.ushap .ushap-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 768px) {
  .ushap .ushap-item {
    border-radius: 50px;
  }
}

.prod-rew {
  padding: 48px 0;
}
.prod-rew .container {
  max-width: 1170px;
}
.prod-rew__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 40px;
}
.prod-rew__top span {
  font-size: 20px;
  font-weight: 600;
}
.prod-rew__top div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
}
.prod-rew__top div img {
  width: 18px;
}
.prod-rew__top i {
  font-size: 12px;
  margin-left: 10px;
  color: #6C6D75;
}
.prod-rew__num {
  font-size: 16px;
  color: #6C6D75;
  border-bottom: 1px solid rgba(108, 109, 117, 0.5137254902);
  padding-bottom: 10px;
}
.prod-rew .prod-rew-item {
  padding: 24px 0;
  border-bottom: 1px solid rgba(108, 109, 117, 0.5137254902);
}
.prod-rew .prod-rew-item__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}
.prod-rew .prod-rew-item__av {
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  font-size: 12px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100px;
  background: #FE741D;
}
.prod-rew .prod-rew-item__name {
  font-size: 14px;
  font-weight: 700;
}
.prod-rew .prod-rew-item__rate {
  margin-bottom: 15px;
}
.prod-rew .prod-rew-item__rate2 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 15px;
}
.prod-rew .prod-rew-item__content {
  font-size: 16px;
  line-height: 140%;
}

.shmore__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 24px;
}

.shmore {
  border-radius: 5px;
  background: #737373;
  color: #fff;
  font-weight: 700;
  padding: 12px 24px;
  -webkit-transition: 0.23s;
  transition: 0.23s;
  cursor: pointer;
  border: none;
}
.shmore:hover {
  background-color: #FF862A;
  color: #000;
}

.shp {
  background-color: #F9F2EC;
  padding: 48px 0;
}
.shp .container {
  max-width: 1100px;
}
.shp__box {
  display: -ms-grid;
  display: grid;
  gap: 30px;
  margin-bottom: 40px;
}
.shp .shp-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(10px, 4vw, 50px);
}
.shp .shp-item img {
  min-width: 74px;
  max-width: 74px;
}
@media (max-width: 576px) {
  .shp .shp-item img {
    min-width: 54px;
    max-width: 54px;
  }
}
.shp .shp-item div h5 {
  font-size: clamp(16px, 3.067vw, 24px);
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 5px;
}
.shp .shp-item div p {
  font-size: clamp(17px, 2.333vw, 18px);
  line-height: 140%;
}
@media (max-width: 768px) {
  .shp .shp-item img {
    min-width: 45px;
    max-width: 45px;
  }
}

.infwh {
  padding: 48px 0;
}
.infwh__box {
  display: -ms-grid;
  display: grid;
  gap: 50px;
  margin-bottom: 50px;
}
.infwh .infwh-itm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .infwh .infwh-itm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.infwh .infwh-itm__media {
  aspect-ratio: 1/1;
  min-width: 390px;
  max-width: 390px;
  border-radius: 70px;
  overflow: hidden;
  border: 2px solid #000;
  border-bottom: 6px solid #000;
  margin-left: 100px;
  margin-right: 100px;
}
.infwh .infwh-itm__media img, .infwh .infwh-itm__media video {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1200px) {
  .infwh .infwh-itm__media {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media (max-width: 992px) {
  .infwh .infwh-itm__media {
    min-width: 300px;
    max-width: 300px;
  }
}
@media (max-width: 768px) {
  .infwh .infwh-itm__media {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 576px) {
  .infwh .infwh-itm__media {
    min-width: 100%;
    max-width: 100%;
  }
}
.infwh .infwh-itm__content h5 {
  font-size: 26px;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 20px;
}
.infwh .infwh-itm__content p {
  font-size: clamp(17px, 2.333vw, 18px);
  line-height: 140%;
}
.infwh .infwh-itm__content a {
  color: #000;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .infwh .infwh-itm__content {
    text-align: center;
  }
}

.hhu {
  padding: 48px 0;
  background-color: #F9F2EC;
}
.hhu__title {
  text-align: center;
  font-weight: 700;
  font-size: clamp(28px, 4.4vw, 36px);
  line-height: 130%;
}
.hhu__pretitle {
  font-size: clamp(17px, 2.333vw, 18px);
  line-height: 140%;
  margin-top: 20px;
  text-align: center;
}
.hhu .hmchhand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #EDC79F;
  border-radius: 20px;
  max-width: 570px;
  padding: 20px;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 40px;
  gap: 30px;
}
.hhu .hmchhand p {
  font-size: 18px;
  line-height: 150%;
}
@media (max-width: 576px) {
  .hhu .hmchhand {
    padding: 15px;
    gap: 10px;
  }
  .hhu .hmchhand img {
    width: 43px;
  }
  .hhu .hmchhand p {
    font-size: 17px;
  }
}

.hmch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 420px;
  margin: 0 auto;
  margin-top: 50px;
}
.hmch .hmch-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hmch .hmch-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.hmch .hmch-item img {
  width: 105px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.hmch .hmch-item p {
  text-align: center;
  font-size: 18px;
}
@media (max-width: 576px) {
  .hmch .hmch-item {
    width: 50%;
  }
  .hmch .hmch-item img {
    width: 90px;
  }
}

.hhu__steps {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  margin-top: 40px;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .hhu__steps {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
}

.hhu-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
  padding-right: 15px;
}
.hhu-step img {
  width: clamp(160px, 27.333vw, 258px);
  border: 2px solid #000;
  border-radius: 500px;
}
.hhu-step h5 {
  font-size: clamp(22px, 3.067vw, 24px);
  font-weight: 700;
  line-height: 130%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.hhu-step p {
  font-size: clamp(17px, 2.333vw, 18px);
  text-align: center;
  line-height: 140%;
}

.dif {
  padding: 48px 0;
}
.dif .container {
  max-width: 1170px;
}
.dif__title {
  font-size: clamp(28px, 4.267vw, 36px);
  font-weight: 700;
  line-height: 140%;
  text-align: center;
  margin-bottom: 15px;
}
.dif__pretitle {
  font-size: clamp(17px, 2.333vw, 18px);
  text-align: center;
  line-height: 140%;
  margin-bottom: 20px;
}
.dif .dif-tbl {
  max-width: 770px;
  margin: 0 auto;
}
.dif .dif-tbl .dif-tbl-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.dif .dif-tbl .dif-tbl-itm {
  width: 100%;
  max-width: 118px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dif .dif-tbl .dif-tbl-itm img {
  width: 100%;
}
.dif .dif-tbl .dif-tbl-itm span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
}
.dif .dif-tbl .dif-tbl-itm:nth-child(2) img {
  width: 75px;
}
.dif .dif-tbl .dif-tbl-itm:nth-child(3) img {
  width: 75px;
}
@media (max-width: 576px) {
  .dif .dif-tbl .dif-tbl-itm {
    max-width: 70px;
  }
  .dif .dif-tbl .dif-tbl-itm span {
    font-size: 9px;
  }
  .dif .dif-tbl .dif-tbl-itm:nth-child(2) img {
    width: 45px;
  }
  .dif .dif-tbl .dif-tbl-itm:nth-child(3) img {
    width: 45px;
  }
}
.dif .dif-tbl-body {
  margin-top: 15px;
}
.dif .dif-tbl-body .dif-tbl-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 15px;
  border-radius: 50px;
}
.dif .dif-tbl-body .dif-tbl-row:nth-child(odd) {
  background-color: #F9F2EC;
}
.dif .dif-tbl-body .dif-tbl-item {
  width: 118px;
  width: 118px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dif .dif-tbl-body .dif-tbl-item:nth-child(1) {
  width: calc(100% - 354px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.dif .dif-tbl-body .dif-tbl-item img {
  width: 29px;
}
.dif .dif-tbl-body .dif-tbl-item p {
  font-size: 16px;
  line-height: 130%;
}
.dif .btnplace {
  margin-top: 40px;
}
@media (max-width: 576px) {
  .dif .dif-tbl-body {
    margin-top: 15px;
  }
  .dif .dif-tbl-body .dif-tbl-row {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    border-radius: 50px;
  }
  .dif .dif-tbl-body .dif-tbl-item {
    width: 70px;
    width: 70px;
  }
  .dif .dif-tbl-body .dif-tbl-item:nth-child(1) {
    width: calc(100% - 210px);
  }
  .dif .dif-tbl-body .dif-tbl-item img {
    width: 17px;
  }
  .dif .dif-tbl-body .dif-tbl-item p {
    font-size: 14px;
  }
}

.lw {
  background-color: #F9F2EC;
  padding: 48px 0;
}
.lw__title {
  font-size: clamp(28px, 4.267vw, 36px);
  font-weight: 700;
  text-align: center;
  line-height: 140%;
  margin-bottom: 40px;
}
.lw__bx {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: clamp(30px, 8vw, 80px);
}
@media (max-width: 768px) {
  .lw__bx {
    max-width: 450px;
  }
}
@media (max-width: 576px) {
  .lw__bx {
    max-width: 350px;
  }
}
.lw .lwmitm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lw .lwmitm div {
  min-width: 186px;
  max-width: 186px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lw .lwmitm div img {
  width: 100%;
}
.lw .lwmitm div span {
  text-align: center;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
}
.lw .lwmitm p {
  font-size: 16px;
  line-height: 140%;
  text-align: center;
}
.lw .lwmitm p span {
  background-color: rgb(254, 242, 174);
  font-weight: 500;
  padding: 5px;
}
@media (max-width: 768px) {
  .lw .lwmitm div {
    min-width: 126px;
    max-width: 126px;
  }
  .lw .lwmitm div span {
    font-size: 18px;
  }
  .lw .lwmitm p {
    font-size: 16px;
  }
  .lw .lwmitm p span {
    padding: 5px;
  }
}
@media (max-width: 576px) {
  .lw .lwmitm div {
    min-width: 90px;
    max-width: 90px;
  }
  .lw .lwmitm div span {
    font-size: 14px;
  }
  .lw .lwmitm p {
    font-size: 14px;
    margin-top: 10px;
  }
  .lw .lwmitm p span {
    padding: 5px;
  }
}
.lw .wlwl {
  width: 100%;
  max-width: 897px;
  margin: 0 auto;
  max-width: 900px;
  border: 1px dashed rgba(200, 54, 54, 0.9411764706);
  padding: 40px 20px;
}
.lw .wlwl h3 {
  font-size: clamp(22px, 3.067vw, 24px);
  font-weight: 700;
  text-align: center;
  line-height: 140%;
  margin-bottom: 15px;
}
.lw .wlwl__pretitle {
  font-size: clamp(17px, 2.333vw, 18px);
  text-align: center;
  line-height: 140%;
  margin-bottom: 40px;
}
.lw .wlwl__box {
  display: -ms-grid;
  display: grid;
  gap: 26px;
  padding-left: clamp(0px, 4vw, 60px);
}
@media (max-width: 576px) {
  .lw .wlwl__box {
    padding-left: 0;
  }
}
.lw .wlwl .wlwl-itm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(10px, 3.333vw, 40px);
}
.lw .wlwl .wlwl-itm img {
  min-width: clamp(39px, 6.4vw, 66px);
  max-width: clamp(39px, 6.4vw, 66px);
}
.lw .wlwl .wlwl-itm h5 {
  font-size: clamp(17px, 2.36vw, 18px);
  line-height: 140%;
  font-weight: 700;
  margin-bottom: 10px;
}
.lw .wlwl .wlwl-itm p {
  font-size: clamp(17px, 2.36vw, 18px);
  line-height: 140%;
}

.nmnm {
  padding: 48px 0;
}
.nmnm__box {
  display: -ms-grid;
  display: grid;
  gap: 70px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .nmnm__box {
    gap: 40px;
  }
}
.nmnm .container {
  max-width: 1170px;
}
.nmnm .nmnm-itm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nmnm .nmnm-itm__img {
  width: 100%;
  min-width: 398px;
  max-width: 398px;
  border-radius: 90px;
  overflow: hidden;
  border: 3px solid #000;
  border-bottom: 8px solid #000;
  margin-left: 40px;
  margin-right: 40px;
}
.nmnm .nmnm-itm__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 992px) {
  .nmnm .nmnm-itm__img {
    min-width: 288px;
    max-width: 288px;
  }
}
.nmnm .nmnm-itm__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nmnm .nmnm-itm__content h4 {
  font-size: clamp(26px, 3.6vw, 28px);
  line-height: 150%;
  font-weight: 700;
}
.nmnm .nmnm-itm__content p {
  font-size: clamp(17px, 2.333vw, 18px);
  line-height: 150%;
}
@media (max-width: 768px) {
  .nmnm .nmnm-itm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
  .nmnm .nmnm-itm__img {
    min-width: 100%;
    max-width: 100%;
  }
  .nmnm .nmnm-itm__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .nmnm .nmnm-itm__content h4 {
    text-align: center;
  }
  .nmnm .nmnm-itm__content p {
    text-align: center;
  }
}

.choosiing {
  background-color: #F9F2EC;
  padding: 48px 0;
}
.choosiing .container {
  max-width: 1170px;
}
.choosiing h2 {
  font-size: clamp(28px, 4.267vw, 36px);
  font-weight: 700;
  line-height: 140%;
  text-align: center;
  margin-bottom: 30px;
}
.choosiing__box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .choosiing__box {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.choosiing .choosiing-itm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(10px, 2vw, 20px);
}
.choosiing .choosiing-itm img {
  width: 100%;
  max-width: clamp(150px, 26.667vw, 250px);
  border-radius: 500px;
  border: 2px solid #000;
}
.choosiing .choosiing-itm h5 {
  font-size: clamp(22px, 3.067vw, 24px);
  font-weight: 700;
  line-height: 140%;
  text-align: center;
}
.choosiing .choosiing-itm p {
  font-size: clamp(17px, 2.333vw, 18px);
  line-height: 140%;
  text-align: center;
}

.comparison-wrp {
  padding: 38px 0px;
  width: 100%;
  margin-bottom: 30px;
}
.comparison-wrp .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1170px;
}
.comparison-wrp .btnplace {
  margin-top: 30px;
}
.comparison-wrp h2 {
  font-size: clamp(28px, 4.267vw, 36px);
  text-align: center;
  line-height: 140%;
  font-weight: 700;
  margin-bottom: 10px;
}
.comparison-wrp p {
  margin-bottom: 30px;
  font-size: clamp(17px, 2.333vw, 18px);
  text-align: center;
  line-height: 140%;
}
.comparison-wrp .comparison-container {
  width: 100%;
  max-width: 450px;
  aspect-ratio: 1/1;
  position: relative;
  overflow: hidden;
  cursor: ew-resize;
}
.comparison-wrp .image-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  border: 3px solid #000;
}
.comparison-wrp .image-before,
.comparison-wrp .image-after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
.comparison-wrp .image-before {
  background-image: url("../img/aft.avif");
  z-index: 1;
}
.comparison-wrp .image-after {
  background-image: url("../img/bef.avif");
  z-index: 2;
  clip-path: inset(0 50% 0 0);
}
.comparison-wrp .slider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background: white;
  z-index: 3;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.comparison-wrp .slider-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: ew-resize;
  border: 3px solid #fff;
}
.comparison-wrp .slider-button::before,
.comparison-wrp .slider-button::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.comparison-wrp .slider-button::before {
  left: 2px;
  border-width: 4px 8px 4px 0;
  border-color: transparent #fff transparent transparent;
}
.comparison-wrp .slider-button::after {
  right: 2px;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #fff;
}
.comparison-wrp .label {
  position: absolute;
  top: 0;
  padding: 8px 16px;
  background-color: #28C1C6;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  z-index: 4;
}
.comparison-wrp .label-before {
  left: 0px;
}
.comparison-wrp .label-after {
  right: 0px;
}

.btnplace {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btnmm {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #9CCEEB;
  border-radius: 100px;
  border: 3px solid #000;
  -webkit-box-shadow: 0 3px 0 0 #000;
          box-shadow: 0 3px 0 0 #000;
  font-size: clamp(16px, 2.267vw, 18px);
  font-weight: 500;
  text-transform: uppercase;
  color: #000;
  padding: 15px 30px;
}
.btnmm:hover {
  background-color: #EDC79F;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btnmm span {
  position: relative;
  z-index: 3;
}

.alw {
  color: #fff;
  background-color: #424242;
  padding: 32px 0;
}
.alw .container {
  max-width: 1170px;
}
.alw__title {
  font-size: clamp(22px, 3.067vw, 24px);
  line-height: 130%;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.alw__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 768px) {
  .alw__list {
    gap: 30px 3px;
  }
}
.alw .alw-itm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.alw .alw-itm svg {
  width: 25px;
  height: 25px;
}
.alw .alw-itm p {
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 768px) {
  .alw .alw-itm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .alw .alw-itm p {
    text-align: center;
    font-size: 14px;
  }
}

.qfbox {
  background-color: #F9F2EC;
  padding: 48px 0;
}
.qfbox__title {
  font-size: clamp(28px, 4.4vw, 36px);
  font-weight: 700;
  line-height: 140%;
  text-align: center;
}
.qfbox .container {
  max-width: 1170px;
}
.qfbox .faqv1__title {
  font-size: clamp(26px, 3.6vw, 28px);
  font-weight: 700;
  text-decoration: underline;
  padding: 0px 15px;
  padding-top: 30px;
  padding-bottom: 10px;
}
.qfbox .faqv1__list {
  padding-top: 16px;
  padding-bottom: 30px;
}
.qfbox .faqv1 .faqv1-itm__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 40px;
  padding-right: 15px;
  border-bottom: 1px solid #CECECE;
  cursor: pointer;
}
.qfbox .faqv1 .faqv1-itm__title {
  font-size: clamp(17px, 2.333vw, 18px);
  font-weight: 700;
  line-height: 130%;
  padding-right: 10px;
}
.qfbox .faqv1 .faqv1-itm__arr {
  -webkit-transition: 0.23s;
  transition: 0.23s;
}
.qfbox .faqv1 .faqv1-itm__arr svg {
  color: #000000;
  width: 24px;
  height: 24px;
}
@media (max-width: 576px) {
  .qfbox .faqv1 .faqv1-itm__arr svg {
    width: 20px;
    height: 20px;
  }
}
.qfbox .faqv1 .faqv1-itm__content {
  padding: 15px;
  display: none;
}
.qfbox .faqv1 .faqv1-itm__content p {
  font-size: clamp(17px, 2.333vw, 18px);
  line-height: 130%;
}
.qfbox .faqv1 .faqv1-itm .hhu__steps {
  max-width: 1100px;
}
.qfbox .faqv1 .faqv1-itm.active .faqv1-itm__arr {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.try0 {
  background-color: #424242;
  padding: 48px 0;
  color: #fff;
}
.try0 .container {
  max-width: 900px;
}
.try0__title {
  text-align: center;
  font-size: clamp(28px, 4.267vw, 36px);
  line-height: 130%;
  font-weight: 700;
}
.try0 .try0-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
  padding-bottom: 15px;
}
.try0 .try0-item img {
  width: clamp(40px, 6.667vw, 60px);
  margin-right: 50px;
}
.try0 .try0-item span {
  font-size: 18px;
  line-height: 140%;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.try0 .try0-item p {
  font-size: 18px;
  line-height: 140%;
}
@media (max-width: 576px) {
  .try0 .try0-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .try0 .try0-item div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .try0 .try0-item img {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .try0 .try0-item span {
    text-align: center;
  }
  .try0 .try0-item p {
    text-align: center;
  }
}

.footer {
  background: linear-gradient(305deg, rgb(143, 214, 255) 5%, rgb(156, 206, 235) 15%, rgb(245, 238, 224) 40%, rgb(255, 103, 38) 85%);
}
.footer .footer-main {
  padding: 30px 0;
}
.footer .footer-main .fffnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer .footer-main .fffnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
}
.footer .footer-main .fffnav ul li a {
  font-size: 14px;
  color: #000;
}
.footer .footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 10px;
  text-align: center;
  padding: 30px 0;
}

.iiiimmmggg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.iiiimmmggg img {
  max-width: 400px;
}

.stic {
  -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px -13px 18px -5px;
          box-shadow: rgba(50, 50, 93, 0.25) 0px -13px 18px -5px;
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  width: 100%;
  bottom: -300px;
  background-color: #fff;
  padding: 10px 0px;
  -webkit-transition: 0.43s;
  transition: 0.43s;
}
.stic .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.stic a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  font-size: 18px;
  line-height: 130%;
  padding: 5px 20px;
  height: 50px;
  min-width: 400px;
  border-radius: 30px;
  border: 3px solid #000;
  font-weight: 600;
  background-color: #FFD195;
}
@media (max-width: 576px) {
  .stic a {
    min-width: 100%;
  }
}
.stic p {
  margin-top: 5px;
  text-align: center;
  font-size: 14px;
  line-height: 130%;
}
.stic p span {
  font-weight: 700;
}
.stic.active {
  bottom: 0;
}