@media (max-width: 768px) {
  html {
    font-size: 4.1025641026vw;
  }
}
@media (min-width: 768px) {
  html {
    font-size: 0.8333333333vw;
  }
}
html,
body {
  height: 100%;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Graphik;
  position: relative;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2;
}

.container-md {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 768px) {
  .container-lg {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
.form-select,
.form-control {
  font-weight: 400;
}

input::-webkit-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}

input::-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}

input:-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}

input:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}

input:focus::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}

input:focus::-moz-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}

input:focus:-moz-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}

input:focus:-ms-input-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.form-control:focus {
  color: #000;
  background-color: none;
  border-color: none;
  outline: 0;
  box-shadow: none;
}

.admin-bar header .navbar {
  position: relative;
}
.admin-bar .section-1 {
  margin-top: 0rem;
}

@media screen and (max-width: 48.875rem) {
  html {
    margin-top: 0rem !important;
    padding-top: 0rem !important;
  }
  body.admin-bar {
    padding-top: 2.875rem;
  }
  .navbar-nav {
    margin-top: 1.875rem;
    position: relative;
  }
}
#card-1 .price {
  display: none;
}
#card-1 .price.active {
  display: block;
}

.swiper-wrapper {
  transition-timing-function: linear;
}

a.anchor {
  display: block;
  position: relative;
  top: -4.6875rem;
  visibility: hidden;
}

/* logos */
:root {
  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: 2.5rem;
  --duration: 20s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

.wraper_logos {
  /* display: flex;
    flex-direction: column;
    margin: auto;
     max-width: 100%;
   */
  position: relative;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
}

.marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: -3s;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}
@media (max-width: 768px) {
  .wraper_logos {
    margin-bottom: 2.8125rem;
  }
  .wraper_logos .rw-1 .marquee__group div:nth-child(2n) {
    display: none;
  }
  .wraper_logos .rw-2 {
    padding-left: 5rem;
  }
  .wraper_logos .rw-2 .marquee__group div:nth-child(2n+1) {
    display: none;
  }
  .wraper_logos .marquee__group div {
    box-sizing: border-box;
    height: 5.625rem;
    width: 8.75rem;
    flex-shrink: 0;
    position: relative;
  }
  .wraper_logos .marquee__group img {
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .wraper_logos .rw-2 {
    display: none;
  }
  .wraper_logos .marquee__group {
    animation-play-state: paused;
    justify-content: space-between;
    padding-top: 12vh;
    padding-bottom: 12vh;
  }
  .wraper_logos .marquee__group img {
    height: 5.625rem;
    width: auto;
  }
  .wraper_logos .marquee__group:last-child {
    display: none;
  }
}
@media (max-width: 768px) {
  header {
    background: #040404;
    /*    .navbar-nav {
        margin-left: -2.3125rem;
      }
    */
  }
  header .navbar-toggler {
    border: none;
    box-shadow: none;
    padding-right: 0rem;
    padding-top: 0rem;
  }
  header .navbar-toggler:focus {
    box-shadow: none;
  }
  header .phone {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0em;
    text-align: right;
    color: #ff7900;
    margin-right: 2.5rem;
  }
  header .btn {
    color: #ffffff;
    background: #ff7900;
    border-radius: 0.625rem;
    border-color: #ff7900;
    padding: 0.5625rem 1.5rem;
  }
  header .btn:hover, header .btn:active {
    background: #ff881c !important;
  }
  header .navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #040404;
    padding: 1.3125rem 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0em;
    text-align: right;
  }
  header .nav-link {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0em;
    text-align: left;
  }
  header .nav-link:hover, header .nav-link.active {
    color: #ff7900 !important;
  }
  header .active {
    color: #ff7900 !important;
  }
}
@media (min-width: 768px) {
  header {
    background: #000000;
  }
  header .logo-black {
    display: none;
  }
  header .logo-white {
    display: block;
  }
  header .navbar-nav {
    margin-left: -2.375rem;
  }
  header .navbar-brand {
    padding-right: 3.75rem;
  }
  header .navbar-toggler {
    border: none;
    box-shadow: none;
  }
  header .navbar-toggler:focus {
    box-shadow: none;
  }
  header .phone {
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0em;
    text-align: right;
    color: #ff7900;
    margin-right: 2.5rem;
  }
  header .btn {
    color: #ffffff;
    background: #ff7900;
    border-radius: 0.625rem;
    border-color: #ff7900;
    padding: 0.5rem 1.5rem;
  }
  header .btn:hover {
    background: #ff881c;
    color: #ffffff;
    border-color: #ff7900;
  }
  header .navbar {
    border-bottom: #d7d5d3 solid 0.0625rem;
    border-bottom-color: #000;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    padding: 1.0625rem 0;
    background-color: #000;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0em;
    text-align: right;
  }
  header .nav-link {
    color: #1a1a1a;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0em;
    text-align: left;
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  header .nav-link:hover, header .nav-link.active {
    color: #ff7900 !important;
  }
  header .active {
    color: #ff7900 !important;
  }
  header.sticky {
    background: #ffffff;
  }
  header.sticky .logo-black {
    display: block;
  }
  header.sticky .logo-white {
    display: none;
  }
  header.sticky .navbar {
    border-bottom-color: #d7d5d3;
    background-color: #ffffff;
  }
  header.sticky .nav-link {
    color: #1a1a1a;
  }
}
@media (max-width: 768px) {
  .section-1 {
    color: #fff;
    padding-top: 2.5rem;
    padding-bottom: 6.25rem;
    margin-top: 4.5rem;
  }
  .section-1 h1 {
    font-size: 2.625rem;
    font-weight: 500;
    line-height: 3.25rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #f2f2f2;
    padding-bottom: 0.9375rem;
  }
  .section-1 h3 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: -0.02em;
    text-align: left;
    padding-bottom: 1.875rem;
  }
  .section-1 .input-group {
    border-radius: 0.75rem;
    background-color: rgb(17, 16, 16);
    flex-direction: column;
    margin-bottom: 1.875rem;
  }
  .section-1 .input-group input::placeholder {
    color: #1a1a1a;
  }
  .section-1 .form-control {
    width: 100%;
    border-radius: 0.75rem;
    border-color: #fff;
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
    margin-bottom: 0.9375rem;
  }
  .section-1 .btn {
    margin-left: 0rem !important;
    color: #fff;
    border: 0.1875rem solid #fff;
    border-radius: 0.625rem;
    border-top-left-radius: 0.625rem !important;
    border-bottom-left-radius: 0.625rem !important;
    background-color: #ff7900;
    border-radius: 0.75rem;
    border-color: #ff7900;
    border-width: 0.1875rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0em;
    text-align: center;
    border: none;
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem;
  }
  .section-1 .btn:hover {
    background: #ff881c;
  }
  .section-1 .mail-invalid .form-control {
    border-color: #e30000 !important;
    background-color: #fff2f4 !important;
    color: #e30000 !important;
  }
  .section-1 .list {
    padding-left: 1.25rem;
    list-style-image: url("../assets/img/list.png");
  }
  .section-1 .list .list-item {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 0.75rem;
    padding-left: 0.75rem;
  }
}
@media (min-width: 768px) {
  .section-1 {
    height: 100%;
    color: #fff;
    margin-top: 4.6875rem;
    padding-top: 5rem;
    padding-bottom: 0;
    background-image: url(../assets/images/bg.png);
  }
  .section-1 .txt {
    padding-left: 4.875rem;
  }
  .section-1 .img-1 {
    height: 13.4375rem;
    width: 21.125rem;
    left: 17.5rem;
    top: 27.5625rem;
    border-radius: 0rem;
    border: 0.0625rem solid #737373;
    border-radius: 2.5rem;
  }
  .section-1 .img-2 {
    height: 28.625rem;
    width: 37.3125rem;
    left: 26.4375rem;
    top: 25.5625rem;
    border-radius: 2.5rem;
  }
  .section-1 h1 {
    font-size: 4.5rem;
    font-weight: 500;
    line-height: 5.5rem;
    letter-spacing: -0.04em;
    text-align: left;
    padding-bottom: 5.125rem;
  }
  .section-1 h3 {
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 2.625rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #b4b4b4;
    padding-bottom: 2.25rem;
  }
  .section-1 .input-group {
    border: 0.0625rem solid #fff;
    border-radius: 0.75rem;
    background-color: #fff;
    margin-bottom: 2.5rem;
    max-width: 37rem;
    flex-direction: row;
  }
  .section-1 .input-group input::placeholder {
    color: #1a1a1a;
  }
  .section-1 .form-control {
    border-radius: 0.75rem;
    border-color: #fff;
    padding: 0.5rem 1.5rem;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    width: 1% !important;
  }
  .section-1 .btn {
    margin-left: 0rem !important;
    color: #fff;
    background-color: #ff7900;
    border: 0.1875rem solid #fff;
    border-radius: 0.625rem;
    border-top-left-radius: 0.625rem !important;
    border-bottom-left-radius: 0.625rem !important;
    background-color: #ff7900;
    border-radius: 0.75rem;
    border-color: #fff;
    border-width: 0.1875rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    letter-spacing: 0em;
    text-align: center;
    padding: 1rem 2rem;
  }
  .section-1 .btn:hover {
    background: #ff881c;
  }
  .section-1 .mail-invalid .input-group {
    /*border: .0625rem solid;*/
    border-color: #e30000 !important;
    background-color: #fff2f4 !important;
    color: #e30000 !important;
  }
  .section-1 .mail-invalid .form-control {
    background-color: #fff2f4 !important;
    border-color: #fff2f4 !important;
  }
  .section-1 .mail-invalid .btn {
    /*  background-color: #fff2f4 !important;*/
    border-color: #fff2f4 !important;
  }
  .section-1 .list {
    padding-left: 1.25rem;
    list-style-image: url("../assets/img/svg/check.svg");
  }
  .section-1 .list .list-item {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.625rem;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 0.9375rem;
    padding-left: 0.625rem;
  }
}
@media (max-width: 768px) {
  .carousel {
    position: relative;
    width: 21.5625rem;
    height: 16.375rem;
    overflow: hidden;
  }
  .big-img {
    object-fit: cover;
    z-index: 1;
    position: absolute;
    /* top:31.25rem; */
    border: 0.0625rem solid #737373;
    height: 16.5rem;
    width: 21.5625rem;
    border-radius: 0.625rem;
  }
  .sm-img {
    object-fit: cover;
    z-index: 10;
    position: absolute;
    height: 5.75rem;
    width: 9.0625rem;
    left: 0.5rem;
  }
}
@media (min-width: 768px) {
  /*
   .carousel-wrap{
     height:37.5rem ;
     position: relative;
   }
  */
  .carousel {
    position: relative;
    width: 100%;
    height: 28.75rem;
    overflow: hidden;
  }
  .big-img {
    object-fit: cover;
    z-index: 1;
    position: absolute;
    /* top:31.25rem; */
    height: 28.625rem;
    width: 37.3125rem;
    border-radius: 2.5rem;
    border: 0.0625rem solid #737373;
    border-radius: 2.5rem;
    margin-left: 8.9375rem;
  }
  .sm-img {
    object-fit: cover;
    z-index: 10;
    position: absolute;
    height: 13.4375rem;
    width: 21.125rem;
  }
}
@media (max-width: 768px) {
  .section-sw {
    background: #040404;
    color: #ffffff;
    padding-bottom: 1.875rem;
    overflow: hidden;
  }
  .section-sw h2 {
    color: #ffffff;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.75rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 1.875rem;
  }
  .section-sw a {
    border: 0.0625rem solid #242424;
    display: block;
    position: relative;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    width: 18.75rem;
    height: 25.25rem;
    border-radius: 1.25rem;
  }
  .section-sw a img {
    /*   filter: brightness(85%);*/
    position: absolute;
    display: block;
    object-fit: cover;
    width: 18.75rem;
    height: 25.25rem;
    border-radius: 1.25rem;
    opacity: 0.5;
    transition: opacity 124ms linear, transform 124ms linear;
  }
  .section-sw a div {
    position: relative;
    display: flex;
    flex-direction: column;
    color: #ffffff;
    height: 100%;
    justify-content: flex-end;
    padding: 1.5rem;
  }
  .section-sw a div p {
    display: block;
  }
  .section-sw a .el-1 {
    font-family: Graphik;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 0.9375rem;
  }
  .section-sw a .el-2 {
    font-family: Graphik;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.9375rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 1.6875rem;
  }
  .section-sw a .el-3 {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 1.375rem;
  }
  .section-sw a .el-4 {
    font-family: Graphik;
    font-size: 0.875rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 0;
  }
  .section-sw a .el-4 span {
    font-family: Graphik;
    font-size: 0.875rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-sw a:hover .el-3 {
    display: block;
  }
  .section-sw a:hover .el-4 {
    display: block;
  }
  .section-sw a:hover img {
    /*filter: brightness(50%);*/
    opacity: 0.5;
    transform: scale(1.05);
  }
  .section-sw .swiper {
    width: 100%;
    height: 100%;
    width: 58.125rem;
    margin-left: -17.3125rem;
  }
  .section-sw .swiper-slide {
    box-sizing: unset;
    border: 0.5rem solid #040404;
    background: #040404;
    width: 18.75rem;
    height: 25.25rem;
  }
}
@media (min-width: 768px) {
  .section-sw {
    background: #040404;
    padding-bottom: 5rem;
    overflow: hidden;
  }
  .section-sw h2 {
    font-size: 3.875rem;
    font-weight: 500;
    line-height: 4.875rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #ffffff;
    margin-bottom: 2.5rem;
  }
  .section-sw a {
    display: block;
    position: relative;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    width: 30.625rem;
    height: 100%;
    border-radius: 2.5rem;
  }
  .section-sw a img {
    /*   filter: brightness(85%);*/
    position: absolute;
    display: block;
    object-fit: cover;
    width: 30.625rem;
    height: 41.25rem;
    border-radius: 2.5rem;
    opacity: 0.8;
    transition: opacity 124ms linear, transform 124ms linear;
  }
  .section-sw a div {
    /*    transition: transform 0.4s ease-in-out;
    transform: translateY(21.1875rem); */
    position: absolute;
    /*   display: flex;
    flex-direction: column; */
    color: #ffffff;
    /* height: 100%; */
    /* justify-content: flex-end;*/
    padding: 2.5rem;
    bottom: 0rem;
    min-height: 16.0625rem;
  }
  .section-sw a div p {
    display: block;
  }
  .section-sw a .el-1 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.625rem;
    letter-spacing: -0.04em;
    margin-bottom: 2.4375rem;
  }
  .section-sw a .el-2 {
    font-size: 2.625rem;
    font-weight: 500;
    line-height: 2.875rem;
    letter-spacing: -0.04em;
    margin-bottom: 1.25rem;
  }
  .section-sw a .el-3 {
    display: none;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.625rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 2.375rem;
  }
  .section-sw a .el-4 {
    display: none;
    font-size: 1.25rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.625rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-sw a .el-4 span {
    font-family: Graphik;
    font-size: 0.875rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-sw a:hover {
    /* div {
      padding-top: 10.625rem;
      transform: translateY(0);
    }
    */
  }
  .section-sw a:hover div {
    animation: move 0.3s;
  }
  .section-sw a:hover .el-3,
  .section-sw a:hover .el-4 {
    display: block;
  }
  .section-sw a:hover img {
    /*filter: brightness(50%);*/
    opacity: 0.3;
    transform: scale(1.05);
  }
  .section-sw .swiper {
    width: 100%;
    height: 100%;
    width: 130rem;
    margin-left: -7.25rem;
  }
  .section-sw .swiper-slide {
    box-sizing: unset;
    border: 1.25rem solid #040404;
    background: #040404;
    width: 30.625rem;
    height: 41.25rem;
  }
}
@keyframes move {
  from {
    bottom: -25rem;
  }
  to {
    bottom: 0rem;
  }
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "";
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 27.875rem;
  left: auto;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 30.25rem;
  right: auto;
}

.swiper-button-next,
.swiper-button-prev {
  width: 3.125rem;
  height: 3.125rem;
  color: white;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: black;
  fill: #ffffff;
  opacity: 1;
}
.swiper-button-next:hover circle,
.swiper-button-prev:hover circle {
  fill: #ffffff;
  fill-opacity: 1;
}

@media (max-width: 768px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
}
@media (max-width: 768px) {
  .section-2 #v-pills-tab .nav-link {
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #b4b4b4;
    background-color: #fff;
    border-radius: 0rem;
    border-left: 0.1875rem solid #b4b4b4;
    padding-left: 2.5rem;
    padding-bottom: 1.875rem;
  }
  .section-2 #v-pills-tab .nav-link.active {
    color: #000000;
    border-left: 0.1875rem solid #ff7900;
  }
  .section-2 #v-pills-tabContent img {
    border-radius: 2.5rem;
    max-width: 40.625rem;
    min-width: 40.625rem;
  }
  .section-2-md {
    padding-top: 3rem;
    padding-bottom: 3.75rem;
  }
  .section-2-md h2 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.75rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 0.9375rem;
  }
  .section-2-md h3 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 1.875rem;
  }
  .section-2-md p {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 3.75rem;
  }
  .section-2-md img {
    border-radius: 1.25rem;
    margin-bottom: 0.9375rem;
  }
}
@media (min-width: 768px) {
  .section-2 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
  .section-2 .video-wrap {
    position: relative;
    overflow: hidden;
    width: 40.625rem;
    height: 39.5rem;
    border-radius: 2.5rem;
  }
  .section-2 .video {
    margin-left: -0.125rem;
    position: relative;
    width: 100.5%;
    height: auto;
    border-radius: 2.5rem;
    overflow: hidden;
  }
  .section-2 .container-lg {
    max-width: 82.5rem;
  }
  .section-2 h2 {
    font-size: 3.875rem;
    font-weight: 500;
    line-height: 4.75rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 1.25rem;
  }
  .section-2 h3 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 6.25rem;
  }
  .section-2 #v-pills-tab .nav-link {
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #b4b4b4;
    background-color: #fff;
    border-radius: 0rem;
    border-left: 0.1875rem solid #b4b4b4;
    padding-left: 2.5rem;
    padding-bottom: 1.5625rem;
    max-width: 32rem;
  }
  .section-2 #v-pills-tab .nav-link.active {
    color: #000000;
    border-left: 0.1875rem solid #ff7900;
  }
  .section-2 #v-pills-tabContent img {
    border-radius: 2.5rem;
    height: 38.526rem;
    width: 40.625rem;
  }
}
@media (max-width: 768px) {
  .section-3 {
    padding-top: 3.75rem;
    padding-bottom: 0rem;
    background: #f5f5f5;
  }
  .section-3 .container-md {
    background: #f5f5f5;
  }
  .section-3 h2 {
    font-size: 2.1rem;
    font-weight: 500;
    line-height: 2.75rem;
    letter-spacing: -0.04em;
    text-align: left;
    padding-bottom: 3.75rem;
    color: #1a1a1a;
  }
  .section-3 h3 {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: -0.04em;
    text-align: left;
    padding-top: 1.875rem;
    color: #1a1a1a;
    margin-bottom: 1.875rem;
  }
  .section-3 p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #1a1a1a;
  }
  .section-3 p:last-of-type {
    margin-bottom: 1.875rem;
  }
  .section-3 a {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: -0.04em;
    text-align: left;
    display: block;
    padding-bottom: 3.75rem;
    color: #ff7900;
    text-decoration: none;
  }
  .section-3 a img {
    height: 0.6875rem;
    width: 0.5rem;
    margin-left: 0.6875rem;
  }
  .section-3 a:hover {
    text-decoration: underline;
  }
  .section-3 .img {
    border-radius: 2.5rem;
    height: 18.5129rem;
    width: 21.5625rem;
    border-radius: 1.25rem;
  }
  .section-3 .rect {
    background: #f5f5f5;
    border-radius: 2.5rem;
  }
  .section-3 img {
    border-radius: 2.5rem;
  }
}
@media (min-width: 768px) {
  .section-3 .container-lg {
    max-width: 107.5rem;
    background: #f5f5f5;
    padding: 6.25rem;
    padding-bottom: 6.1875rem;
    border-radius: 2.5rem;
  }
  .section-3 .row {
    margin-bottom: 6.25rem;
  }
  .section-3 .row:last-of-type {
    margin-bottom: 0rem;
  }
  .section-3 h2 {
    font-size: 3.875rem;
    font-weight: 500;
    line-height: 4.75rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #1a1a1a;
    padding-bottom: 0rem;
  }
  .section-3 h3 {
    font-size: 2.75rem;
    font-weight: 500;
    line-height: 3.375rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #1a1a1a;
    margin-bottom: 1.875rem;
  }
  .section-3 p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.375rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #1a1a1a;
    margin-bottom: 0.9375rem;
  }
  .section-3 p:last-of-type {
    margin-bottom: 2.1875rem;
  }
  .section-3 a {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.375rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #ff7900;
    text-decoration: none;
  }
  .section-3 a img {
    height: 0.875rem;
    width: 0.6875rem;
    margin-left: 0.9375rem;
  }
  .section-3 a:hover {
    text-decoration: underline;
  }
  .section-3 .img {
    height: auto;
    width: 46.875rem;
    border-radius: 2.5rem;
    float: right;
  }
  .section-3 .txt {
    max-width: 40.625rem;
    margin-left: 1.25rem;
    margin-bottom: 1.125rem;
  }
  .section-3 .txt-right {
    max-width: 40.625rem;
    margin-left: 5.5625rem;
    margin-bottom: 1.125rem;
  }
}
@media (max-width: 768px) {
  .section-4 img {
    max-width: 43.75rem;
    max-height: 48.2931rem;
    border-radius: 2.5rem;
  }
  .section-4 h2 {
    font-size: 3.875rem;
    font-weight: 500;
    line-height: 4.75rem;
    letter-spacing: -0.04em;
  }
  .section-4 p {
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 2.625rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #b4b4b4;
  }
  .section-4 .btn {
    background: #ff7900;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0em;
    padding: 0.9375rem;
    border-radius: 0.75rem;
  }
  .section-4 .el-1 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: -0.04em;
    text-align: left;
    padding-left: 1.875rem;
    color: #1a1a1a;
    border-left: 0.125rem solid #d7d5d3;
    line-height: 4rem;
  }
}
@media (max-width: 768px) {
  .section-5 {
    position: relative;
  }
  .section-5 h2 {
    font-size: 3.875rem;
    font-weight: 500;
    line-height: 4.75rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #1a1a1a;
  }
  .section-5 img {
    max-height: 10.625rem;
    max-width: 13.0156rem;
    background: #f5e1c9;
    box-shadow: 0rem 0.3125rem 0.9375rem rgba(0, 0, 0, 0.15);
    border-radius: 1rem;
  }
  .section-5 h3 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-5 p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-5-md {
    position: relative;
    padding-bottom: 2.375rem;
  }
  .section-5-md h2 {
    padding-top: 3.75rem;
    padding-bottom: 1.875rem;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.75rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-5-md h3 {
    margin-top: -0.375rem;
    margin-left: 0.375rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-5-md .swiper-pagination-bullet-active {
    background: #6c6c6c;
  }
  .section-5-md .swiper {
    height: 15.625rem;
  }
  .section-5-md .swiper-slide {
    height: 11.875rem;
    width: 18.75rem !important;
    padding: 1.5rem;
    border-radius: 1.25rem;
    background: #f5f5f5 !important;
    box-shadow: 0rem 0.3125rem 0.9375rem rgba(26, 26, 26, 0.06);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    padding-top: 0.4375rem;
    padding-left: 1.1875rem;
  }
  .section-5-md .swiper-slide img {
    object-fit: cover;
    height: auto;
    width: 7.1875rem;
    margin-bottom: 0.875rem;
  }
}
@media (min-width: 768px) {
  .section-5 {
    position: relative;
    padding-bottom: 9.375rem;
    /*
     .c2 {
       img {
         object-fit: cover;
         margin-top: -0.8125rem;
         margin-left: .625rem;
              width: 11.375rem;
         height: 10.625rem;
       }
       h3 {
         margin-top: -0.375rem;
         margin-left: 1.625rem;
       }
     }

     .c3 {
       img {
         object-fit: cover;
         margin-top: -0.8125rem;
         margin-left: 2.4375rem;
             width: 11.375rem;
         height: 10.625rem;
         margin-bottom: .625rem;
       }
       h3 {
         margin-top: -1.1875rem;
         margin-left: 3.3125rem;
       }
     }
    */
  }
  .section-5 .container-lg {
    max-width: 88.75rem;
  }
  .section-5 h2 {
    font-size: 3.875rem;
    font-weight: 500;
    line-height: 4.75rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #1a1a1a;
    padding-top: 9.375rem;
    padding-bottom: 3.75rem;
    max-width: 58.4375rem;
  }
  .section-5 .col img {
    object-fit: cover;
    margin-top: -0.625rem;
    margin-left: -0.6875rem;
    width: auto;
    height: 12.5625rem;
  }
  .section-5 .col h3 {
    margin-top: 0.625rem;
    margin-left: -0.0625rem;
  }
  .section-5 h3 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-5 p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .section-6 {
    background: #f5f5f5;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .section-6 h2 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.75rem;
    letter-spacing: -0.04em;
    margin-bottom: 1.875rem;
  }
  .section-6 h3 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: -0.04em;
    margin-bottom: 3.75rem;
  }
  .section-6 .r1 {
    position: relative;
    z-index: 20;
  }
  .section-6 .r2 {
    position: relative;
    z-index: 10;
  }
  .section-6 .btn-group {
    position: relative;
    width: 100%;
  }
  .section-6 .btn-group .btn {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5625rem;
    letter-spacing: 0em;
    background: #ffffff;
    border: 0.0625rem solid #d3d3d3;
    box-shadow: 0rem 0.3125rem 0.9375rem rgba(26, 26, 26, 0.06);
    padding-top: 0.75rem;
    padding-bottom: 0.9375rem;
    color: #1b1a19;
  }
  .section-6 .btn-group .active {
    color: #1b1a19;
    border: 0.0625rem solid #ff7900;
  }
  .section-6 .btn-group .bt1 {
    border-radius: 0.9375rem 0.9375rem 0 0.9375rem;
  }
  .section-6 .btn-group .bt2 {
    border-radius: 0 0.9375rem 0.9375rem 0;
  }
  .section-6 .show {
    display: block !important;
  }
  .section-6 .card {
    margin-top: -1.5625rem;
    padding-top: 3.4375rem;
    padding-bottom: 1.875rem;
    padding-left: 2.1875rem;
    background: #ffffff;
    border-radius: 1.25rem;
    display: none;
    box-shadow: 0rem 0.3125rem 0.9375rem rgba(26, 26, 26, 0.06);
  }
  .section-6 .card h3 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.625rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 0.625rem;
  }
  .section-6 .card h4 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 1.875rem;
  }
  .section-6 .card .price {
    margin-bottom: 0.625rem;
    font-size: 3.125rem;
    font-weight: 500;
    line-height: 3.4375rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-6 .card .price span {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.2rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-6 .card .price-title {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 0.9375rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #737373;
  }
  .section-6 .card .plus {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 0.375rem;
  }
  .section-6 .card .plus-title {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 0.9375rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 1.875rem;
    color: #737373;
  }
  .section-6 .card .form-check {
    display: inline-block;
  }
  .section-6 .card .form-check input {
    margin-top: 0.0625rem;
  }
  .section-6 .card .form-check-input:focus {
    box-shadow: none;
  }
  .section-6 .card .form-check-input {
    width: 1.5em;
    margin-left: -2em;
  }
  .section-6 .card .form-check-input:checked {
    background-color: #0cac42;
    border-color: #0cac42;
  }
  .section-6 .card .btn-1 {
    background: #f2f2f2;
    border-color: #1a1a1a;
    margin-bottom: 3.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 0.9375rem;
    letter-spacing: 0em;
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem;
    background: #f2f2f2;
    border: 0.0625rem solid #1a1a1a;
    box-shadow: 0rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.06);
    border-radius: 0.75rem;
  }
  .section-6 .card .btn-2 {
    color: #fff;
    background: #ff7900;
    border-color: #ff7900;
    margin-bottom: 3.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 0.9375rem;
    letter-spacing: 0em;
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem;
    border-radius: 0.75rem;
    width: 100%;
  }
  .section-6 .card .btn-2 span {
    display: none;
  }
  .section-6 .card h4 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0em;
    text-align: left;
  }
  .section-6 .card h5 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 1.5rem;
  }
  .section-6 .card .list {
    list-style-image: url("../assets/img/svg/check.svg");
    padding-left: 1.25rem;
  }
  .section-6 .card .list-item {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 0.9375rem;
    letter-spacing: 0em;
    text-align: left;
    padding-left: 0.4375rem;
    margin-bottom: 0.9375rem;
  }
}
@media (min-width: 768px) {
  .section-6 {
    background: #f5f5f5;
    padding-top: 6.25rem;
    padding-bottom: 3.75rem;
  }
  .section-6 h2 {
    font-size: 3.875rem;
    font-weight: 500;
    line-height: 4.75rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 1.25rem;
  }
  .section-6 h3 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.375rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 3.75rem;
  }
  .section-6 .card-2 {
    margin-left: 3.75rem;
  }
  .section-6 .card {
    padding-top: 3.75rem;
    padding-left: 5rem;
    background: #ffffff;
    border-radius: 2.5rem;
    max-width: 45.625rem;
    padding-bottom: 2.4375rem;
    background: #ffffff;
    box-shadow: 0rem 0.3125rem 0.9375rem rgba(26, 26, 26, 0.06);
    border-radius: 2.5rem;
  }
  .section-6 .card h3 {
    font-size: 2.75rem;
    font-weight: 500;
    line-height: 3.625rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 0.0625rem;
  }
  .section-6 .card h4 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 2.5625rem;
  }
  .section-6 .card .price {
    font-size: 5rem;
    font-weight: 500;
    line-height: 5.5rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 0rem;
  }
  .section-6 .card .price span {
    font-size: 3.375rem;
    font-weight: 500;
    line-height: 3.6875rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-6 .card .price-title {
    color: #737373;
    margin-bottom: 2.75rem;
    font-family: Graphik;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 0.9375rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-6 .card .form-check {
    line-height: 0.9375rem;
    min-height: 0.9375rem;
    display: inline-block;
  }
  .section-6 .card .form-check input {
    margin-top: 0.0625rem;
  }
  .section-6 .card .form-check-input:focus {
    box-shadow: none;
  }
  .section-6 .card .form-check-input {
    width: 1.5em;
    margin-left: -2em;
  }
  .section-6 .card .form-check-input:checked {
    background-color: #0cac42;
    border-color: #0cac42;
  }
  .section-6 .card .plus {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.625rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 0.5625rem;
  }
  .section-6 .card .plus-title {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #737373;
    margin-bottom: 2.5rem;
  }
  .section-6 .card .btn-1 {
    background: #f5f5f5;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 0.6875rem;
    letter-spacing: 0em;
    margin-bottom: 2.5rem;
    border: 0.0625rem solid #b4b4b4;
    box-shadow: 0rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.06);
    border-radius: 0.75rem;
  }
  .section-6 .card .btn-1:hover {
    background: #f5e1c9;
  }
  .section-6 .card .btn-2 {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    color: #fff;
    background: #ff7900;
    border-color: #ff7900;
    font-size: 1rem;
    font-weight: 500;
    line-height: 0.6875rem;
    letter-spacing: 0em;
    margin-bottom: 2.5rem;
    background: #ff7900;
    border-radius: 0.75rem;
  }
  .section-6 .card .btn-2:hover {
    background: #ff881c;
  }
  .section-6 .card h5 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 1.5rem;
  }
  .section-6 .card .list {
    list-style-image: url("../assets/img/svg/check.svg");
    padding-left: 1rem;
  }
  .section-6 .card .list-item {
    margin-bottom: 1.3125rem;
    padding-left: 0.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.0625rem;
    letter-spacing: 0em;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .section-7 {
    padding-bottom: 3.75rem;
  }
  .section-7 h2 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.75rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-top: 3.75rem;
    margin-bottom: 2.5rem;
  }
  .section-7 .img {
    height: 21.5625rem;
    width: 21.5625rem;
    border-radius: 2.5rem;
    border: 0.0625rem solid #eae7e3;
    margin-bottom: 3.75rem;
  }
  .section-7 h3 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: -0.04em;
    margin-bottom: 0.25rem;
  }
  .section-7 p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: -0.04em;
    margin-bottom: 1.875rem;
  }
  .section-7 .item-img {
    margin-bottom: 0.9375rem;
  }
}
@media (min-width: 768px) {
  .section-7 {
    padding-bottom: 3.75rem;
  }
  .section-7 .container-lg {
    max-width: 84.8125rem;
  }
  .section-7 h2 {
    margin-top: 6.1875rem;
    margin-bottom: 3.75rem;
    font-size: 3.875rem;
    font-weight: 500;
    line-height: 4.75rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-7 .img {
    width: 44.375rem;
    height: 44.375rem;
    border-radius: 2.5rem;
    border: 0.0625rem solid #eae7e3;
    margin-bottom: 3.75rem;
  }
  .section-7 .first {
    margin-top: 1.5625rem;
  }
  .section-7 .right {
    padding-left: 1.1875rem;
  }
  .section-7 h3 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: -0.04em;
    margin-bottom: 1.0625rem;
  }
  .section-7 p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: -0.04em;
    margin-bottom: 1.875rem;
  }
  .section-7 .item-img {
    margin-bottom: 0.9375rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (max-width: 768px) {
  .section-8 {
    background: #040404;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    /*
    input:invalid {
      border: .1875rem solid #eeaa6d;
    }

    input:invalid:required {
      border: .1875rem solid #eeaa6d;
      //background-image: linear-gradient(to right, pink, lightgreen);
    }

    */
  }
  .section-8 h2 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.75rem;
    letter-spacing: -0.04em;
    color: #ffffff;
    margin-bottom: 1.875rem;
  }
  .section-8 h3 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #ffffff;
    margin-bottom: 3.75rem;
  }
  .section-8 input,
  .section-8 select {
    margin-bottom: 0.625rem;
    border-radius: 0.75rem;
    background-color: rgba(51, 51, 51, 0.6);
  }
  .section-8 input:required,
  .section-8 .wpcf7-validates-as-required {
    background-image: url("../assets/img/req.svg");
    background-repeat: no-repeat;
    background-position: right 1.5rem center;
    background-size: 0.4375rem 1rem;
  }
  .section-8 form br {
    display: none;
  }
  .section-8 .form-control {
    color: #ffffff;
    border: 0.0625rem solid #b4b4b4;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    padding-left: 1.875rem;
  }
  .section-8 .form-control:focus {
    color: #ffffff;
    background-color: rgba(51, 51, 51, 0.6);
    border-color: #b4b4b4;
    outline: 0rem;
    box-shadow: none;
  }
  .section-8 .form-select {
    color: #ffffff;
    /* background-color: #040404;*/
    border-color: #b4b4b4;
  }
  .section-8 .form-select:focus {
    border-color: #b4b4b4;
    outline: 0;
    box-shadow: none;
  }
  .section-8 input {
    color-scheme: dark;
  }
  .section-8 input::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .section-8 input::-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .section-8 input:-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .section-8 input:-ms-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .section-8 input:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .section-8 input:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .section-8 input:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .section-8 input:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .section-8 .btn {
    width: 100%;
    padding: 1.0625rem;
    background-color: #ff7900;
    border-color: #ff7900;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0em;
    border-radius: 0.75rem;
  }
  .section-8 .term {
    margin-top: 1.25rem;
    margin-bottom: 2.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0em;
    text-align: left;
    text-align: left;
    color: #ffffff;
  }
  .section-8 .term a {
    color: #ff7900;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0em;
  }
  .section-8 h4 {
    font-size: 2.75rem;
    font-weight: 500;
    line-height: 3.625rem;
    letter-spacing: -0.04em;
    color: #ffffff;
  }
  .section-8 a {
    color: #ff7900;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.375rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-8 a span {
    padding-left: 1rem;
  }
  .section-8 .mail {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 0.9375rem;
    letter-spacing: 0em;
    text-align: right;
  }
}
@media (min-width: 768px) {
  .section-8 {
    background-image: url("../assets/images/bg.png");
    background-color: #040404;
    opacity: 0.95;
    padding-bottom: 6.5625rem;
    padding-top: 6.25rem;
    background-position: top 0rem right 50rem;
    background-size: 84%;
    background-repeat: no-repeat;
    /*
        input:invalid {
          border: .1875rem solid #eeaa6d;
        }

        input:invalid:required {
          border: .1875rem solid #eeaa6d;
          //background-image: linear-gradient(to right, pink, lightgreen);
        }
    */
  }
  .section-8 .container-lg {
    max-width: 88.4375rem;
  }
  .section-8 form br {
    display: none;
  }
  .section-8 h2 {
    font-size: 4.5rem;
    font-weight: 500;
    line-height: 5.5rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #ffffff;
    margin-bottom: 1.375rem;
  }
  .section-8 h3 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.375rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #ffffff;
    margin-bottom: 3.625rem;
    width: 34.1875rem;
  }
  .section-8 .text-wrap {
    padding-right: 5.0625rem;
  }
  .section-8 .form-wrap {
    padding-left: 1.9375rem;
    padding-top: 1.3125rem;
  }
  .section-8 input,
  .section-8 select {
    margin-bottom: 1.25rem;
    border-radius: 0.75rem;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    padding-left: 1.875rem;
    background-color: rgba(51, 51, 51, 0.6);
  }
  .section-8 input:required,
  .section-8 .wpcf7-validates-as-required {
    background-image: url("../assets/img/req.svg");
    background-repeat: no-repeat;
    background-position: right 1.5rem center;
    background-size: 0.4375rem 1rem;
  }
  .section-8 input {
    color-scheme: dark;
  }
  .section-8 .form-control {
    color: #ffffff;
    border: 0.0625rem solid #b4b4b4;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    padding-left: 1.875rem;
  }
  .section-8 .form-control:focus {
    color: #ffffff;
    background-color: rgba(51, 51, 51, 0.6);
    border-color: #b4b4b4;
    outline: 0rem;
    box-shadow: none;
  }
  .section-8 .form-select {
    color: #ffffff;
    /* background-color: #040404;*/
    border-color: #b4b4b4;
  }
  .section-8 input::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .section-8 input::-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .section-8 input:-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .section-8 input:-ms-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .section-8 input:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .section-8 input:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .section-8 input:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .section-8 input:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .section-8 .btn {
    width: 100%;
    padding: 0.9375rem;
    background-color: #ff7900;
    border-color: #ff7900;
    color: #ffffff;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0em;
  }
  .section-8 .btn:hover {
    background: #ff881c;
  }
  .section-8 .term {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0rem;
    text-align: left;
    color: #ffffff;
    margin-bottom: 2.6875rem;
  }
  .section-8 .term a {
    color: #ff7900;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0rem;
  }
  .section-8 .term a:hover {
    text-decoration: underline;
  }
  .section-8 h4 {
    font-size: 2.75rem;
    font-weight: 500;
    line-height: 3.625rem;
    letter-spacing: -0.04em;
    color: #ffffff;
  }
  .section-8 a {
    color: #ff7900;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.375rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-8 a span {
    padding-left: 1rem;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 9999s ease-in-out 0s;
}

@media (max-width: 768px) {
  .section-9 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .section-9 .container-lg {
    width: 66.875rem;
  }
  .section-9 h1 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.75rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 1.75rem;
  }
  .section-9 .accordion .accordion-button {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4375rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: black;
    background-color: #ffffff;
    box-shadow: none;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .section-9 .accordion .accordion-button::after {
    background-image: url(../assets/img/accordion-col.svg);
  }
  .section-9 .accordion .accordion-item {
    border-left: none;
    border-right: none;
    border-color: #d7d5d3;
    border-radius: 0rem;
  }
  .section-9 .accordion .accordion-body {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: -0.04em;
    text-align: left;
    padding-left: 0rem;
    padding-bottom: 1.875rem;
    color: #737373;
  }
  .section-9 .accordion .accordion-body p, .section-9 .accordion .accordion-body li {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: -0.04em;
  }
}
@media (min-width: 768px) {
  .section-9 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
  .section-9 .container-lg {
    width: 66.875rem;
  }
  .section-9 h1 {
    font-size: 3.875rem;
    font-weight: 500;
    line-height: 3.875rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 2.875rem;
  }
  .section-9 .accordion .accordion-button {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.8125rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: black;
    background-color: #ffffff;
    box-shadow: none;
    padding-left: 0rem;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
  .section-9 .accordion .accordion-button::after {
    background-image: url(../assets/img/accordion-col.svg);
  }
  .section-9 .accordion .accordion-item {
    border-left: none;
    border-right: none;
    border-color: #d7d5d3;
    border-radius: 0rem;
  }
  .section-9 .accordion .accordion-body {
    padding-left: 0rem;
    padding-bottom: 1.875rem;
    color: #737373;
  }
  .section-9 .accordion .accordion-body p, .section-9 .accordion .accordion-body li {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .section-10 {
    background-color: #f5f5f5;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .section-10 .container-md {
    box-shadow: 0rem 0.3125rem 0.9375rem rgba(26, 26, 26, 0.06);
    border-radius: 1.25rem;
    background: #040404 url(../assets/img/s10_md_bg.svg) no-repeat right -0.625rem bottom -0.625rem;
    padding: 3.75rem 2rem 8.375rem 2rem;
  }
  .section-10 h2 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #ffffff;
    margin-bottom: 1.875rem;
  }
  .section-10 p.text {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #b4b4b4;
    margin-bottom: 1.875rem;
  }
  .section-10 a {
    color: #e77e21;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.8125rem;
    letter-spacing: -0.04em;
    text-align: left;
    text-decoration: none;
  }
  .section-10 a img {
    margin-left: 1rem;
  }
  .section-10 .boxes-wrapper {
    display: none;
    flex-direction: row;
    height: 100%;
    align-items: flex-end;
  }
  .section-10 .boxes-wrapper .box {
    position: relative;
    width: 50%;
  }
  .section-10 .boxes-wrapper .box .percent {
    color: #ffffff;
    font-size: 3.875rem;
    font-weight: 500;
    line-height: 4.25rem;
    letter-spacing: -0.04em;
    text-align: center;
  }
  .section-10 .boxes-wrapper .box .txt {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.625rem;
    letter-spacing: -0.04em;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .section-10 {
    background-color: #f5f5f5;
  }
  .section-10 .container-lg {
    padding: 3.75rem 6.25rem;
    box-shadow: 0rem 0.3125rem 0.9375rem rgba(26, 26, 26, 0.06);
    border-radius: 2.5rem;
    background: #040404 url(../assets/img/s10_bg.svg) no-repeat right -1.75rem bottom -1.3125rem;
    min-height: 28.6875rem;
  }
  .section-10 h2 {
    font-size: 3.875rem;
    font-weight: 500;
    line-height: 4.75rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #ffffff;
    margin-bottom: 1.875rem;
  }
  .section-10 p.text {
    width: 38.625rem;
    font-size: 1.4375rem;
    font-weight: 500;
    line-height: 1.8125rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #b4b4b4;
    margin-bottom: 1.875rem;
  }
  .section-10 a {
    color: #e77e21;
    font-size: 1.4375rem;
    font-weight: 500;
    line-height: 1.8125rem;
    letter-spacing: -0.04em;
    text-align: left;
    text-decoration: none;
  }
  .section-10 a img {
    margin-left: 0.75rem;
  }
  .section-10 .boxes-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    position: relative;
    height: 21.5rem;
  }
  .section-10 .boxes-wrapper .box {
    position: relative;
    width: 50%;
  }
  .section-10 .boxes-wrapper .box .percent {
    color: #ffffff;
    font-size: 3.875rem;
    font-weight: 500;
    line-height: 4.25rem;
    letter-spacing: -0.04em;
    text-align: center;
  }
  .section-10 .boxes-wrapper .box .txt {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.625rem;
    letter-spacing: -0.04em;
    text-align: center;
  }
  .section-10 .boxes-wrapper .box:last-child {
    margin-bottom: 6.0625rem;
  }
}
@media (max-width: 768px) {
  .section-11 {
    background-color: #f5f5f5;
    display: none;
  }
  .section-11-md {
    position: relative;
    padding-bottom: 0.625rem;
    background-color: #f5f5f5;
  }
  .section-11-md h2 {
    padding-top: 3.75rem;
    padding-bottom: 1.875rem;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.75rem;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .section-11-md h3 {
    font-family: Graphik;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: -0.04em;
    text-align: left;
    padding: 1.0625rem 0 0.5625rem;
  }
  .section-11-md .swiper-pagination-bullet-active {
    background: #6c6c6c;
  }
  .section-11-md .swiper {
    height: auto;
  }
  .section-11-md .swiper-pagination {
    /*bottom: -0.3125rem;*/
    position: relative;
    margin-top: 1.5rem;
  }
  .section-11-md .swiper-slide {
    height: auto;
    width: 18.75rem !important;
    border-radius: 1.25rem;
    background: #ffffff !important;
    box-shadow: 0rem 0.3125rem 0.9375rem rgba(26, 26, 26, 0.06);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    padding: 1.5rem 1.5rem;
  }
  .section-11-md .swiper-slide img {
    object-fit: cover;
    height: 3.75rem;
    width: 3.75rem;
  }
  .section-11-md .swiper-slide p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: -0.04em;
    text-align: left;
    margin: 0px;
  }
}
@media (min-width: 768px) {
  .section-11 {
    background-color: #f5f5f5;
    padding-top: 3.75rem;
    padding-bottom: 6.25rem;
  }
  .section-11 .container-lg {
    background: #ffffff;
    border-radius: 2.5rem;
    padding: 3.75rem 7.9375rem;
    padding-bottom: 6.25rem;
  }
  .section-11 .img {
    height: 3.75rem;
    width: 3.75rem;
  }
  .section-11 .box {
    width: 25.6875rem;
    padding-left: 3.125rem;
    margin-bottom: 2.75rem;
  }
  .section-11 h2 {
    font-size: 3.875rem;
    font-weight: 500;
    line-height: 4.75rem;
    letter-spacing: -0.04em;
    text-align: center;
    margin-bottom: 6.25rem;
  }
  .section-11 h3 {
    font-size: 1.4375rem;
    font-weight: 500;
    line-height: 1.8125rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #000000;
    padding-top: 1.125rem;
    padding-bottom: 0.5625rem;
  }
  .section-11 p {
    font-size: 1.4375rem;
    font-weight: 400;
    line-height: 1.8125rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #8b8b8e;
  }
}
/* _animation */
section._animation .row {
  animation-duration: 0.6s;
  opacity: 1;
}

@keyframes fadeInUp20 {
  0% {
    /* opacity: 1;*/
    transform: translateY(2.5rem);
  }
  to {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    /*transition: transform 0.6s linear, opacity 0.6s linear;*/
  }
}
._active {
  animation-name: fadeInUp20;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media (max-width: 768px) {
  footer {
    background-color: #F5F5F5;
  }
  footer .logo {
    height: 1.375rem;
    width: 8.0625rem;
  }
  footer .cpr {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 0.9375rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #b4b4b4;
    margin-bottom: 1.875rem;
  }
  footer .mail {
    margin-top: 0.75rem;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 0.9375rem;
    letter-spacing: 0em;
    text-align: right;
    color: #1a1a1a;
  }
  footer .rw-1 {
    padding-top: 1.75rem;
    height: 6.875rem;
    border-bottom: 0.0625rem solid #d7d5d3;
  }
  footer .rw-2 {
    height: 4.875rem;
    border-bottom: 0.0625rem solid #d7d5d3;
  }
  footer .rw-3 {
    padding-top: 1.875rem;
    flex-wrap: wrap;
  }
  footer .soc a {
    padding-left: 0.625rem;
  }
  footer .soc img {
    width: 1.125rem;
    height: 1.125rem;
  }
  footer .list {
    padding-left: 0;
    padding-top: 0;
    list-style-type: none;
  }
  footer .list li a {
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 0.9375rem;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 1.25rem;
    color: #1a1a1a;
  }
  footer .ln span {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 0.9375rem;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 0.375rem;
  }
}
@media (min-width: 768px) {
  footer {
    background-color: #F5F5F5;
    padding-bottom: 6.25rem;
  }
  footer .cpr {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 0.9375rem;
    letter-spacing: -0.04em;
    text-align: left;
    color: #b4b4b4;
    padding-top: 1.875rem;
  }
  footer .mail {
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0em;
    text-align: right;
    color: #1a1a1a;
  }
  footer .logo {
    height: 1.875rem;
    width: 11rem;
  }
  footer .rw-1 {
    height: 9.375rem;
    border-bottom: 0.0625rem solid #d7d5d3;
  }
  footer .rw-2 {
    height: 4.875rem;
    border-bottom: 0.0625rem solid #d7d5d3;
  }
  footer .rw-3 {
    height: 4.875rem;
  }
  footer .list {
    padding-top: 1.875rem;
    list-style-type: none;
  }
  footer .list li {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 0.9375rem;
    letter-spacing: 0em;
    text-align: right;
    margin-bottom: 1.25rem;
  }
  footer .list li a {
    text-decoration: none;
    color: #1a1a1a;
  }
  footer .ln span {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 0.9375rem;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 0.375rem;
  }
  footer .soc a {
    padding-left: 1rem;
  }
  footer .soc img {
    width: 1.125rem;
    height: 1.125rem;
  }
}
.wpcf7-response-output {
  color: red;
}

.wpcf7 p {
  margin: 0rem;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0rem;
  margin-bottom: 1.25rem;
  border-radius: 0.75rem;
}
.wpcf7 form.invalid .wpcf7-response-output {
  border-color: #e30000;
  /*background-color: #fff2f4;*/
  color: #e30000;
  margin-bottom: 2.5rem;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  color: #46b450;
}
.wpcf7 input.wpcf7-not-valid {
  border-color: #e30000;
  background-color: #fff2f4;
  color: #e30000;
  margin-bottom: 0.625rem;
}
.wpcf7 input.wpcf7-not-valid::-webkit-input-placeholder {
  /* Edge */
  color: red;
}
.wpcf7 input.wpcf7-not-valid::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: red;
}
.wpcf7 input.wpcf7-not-valid::placeholder {
  color: red;
}
.wpcf7 .wpcf7-not-valid-tip {
  margin-bottom: 0.625rem;
  margin-left: 0.625rem;
  font-size: 0.8125rem;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: -0.01em;
}

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