@media screen and (max-width: 767px) {
  :root {
    --et-body-fs: 4.186047vw;
  }

  .container-fluid {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
    padding-left: 4.651163vw;
    padding-right: 4.651163vw;
  }

  .btn {
    padding: 2.093023255813953vw 6.511628vw 2.325581395348837vw;
    font-size: 3.255814vw;
    border-width: 0.465116vw;
  }

  .needsclick button {
    padding: 2.093023255813953vw 6.511628vw 2.325581395348837vw !important;
    font-size: 3.255814vw !important;
    border-width: 0.465116vw !important;
    height: 100% !important;
  }

  .btn-sm {
    padding: 1.627907vw 5.348837vw;
    font-size: 2.790698vw;
    border-width: 0.465116vw;
  }

  .title h6 {
    font-size: 3.255814vw;
    margin-bottom: 2.790698vw;
  }

  .title h2 {
    font-size: 6.976744vw;
    line-height: 1.3;
  }

  .title h3 {
    font-size: 4.186047vw;
    max-width: 75.813953vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.255814vw;
  }

  .title p {
    font-size: 3.255814vw;
    line-height: 1.5;
    max-width: 75.581395vw;
    margin-top: 2.325581vw;
    margin-left: auto;
    margin-right: auto;
  }

  .title p.text-lg {
    max-width: 80vw;
    margin-top: 2.325581vw !important;
  }

  .title p.text-xl {
    max-width: 80.232558vw;
    margin-top: 2.325581vw;
    line-height: 1.44;
  }

  .form-switch {
    line-height: 6.976744vw;
    margin-top: 9.069767vw;
    gap: 3.023256vw;
  }

  .form-switch input {
    width: 17.209302vw;
    height: 7.674419vw;
  }

  .form-switch input::before {
    width: 5.813953vw;
    height: 5.813953vw;
    top: 0;
    bottom: 0;
    left: 1.395349vw;
  }

  .form-switch input:checked::before {
    left: 10.232558vw;
  }

  .shape {
    font-size: 1.395349vw;
    line-height: 2.325581vw;
    padding: 0vw 0.930233vw;
    min-width: 6.046512vw;
  }

  .slick-dots {
    line-height: 4.651163vw;
    gap: 4.651163vw !important;
    left: 0;
    right: 0;
    bottom: -5.3472vw;
  }

  .slick-dots li button {
    width: 4.651163vw;
    height: 4.651163vw;
  }

  .slick-dots li button::after {
    width: 3.255814vw;
    height: 3.255814vw;
  }
}

@media screen and (max-width: 767px) {
  main {
    padding-top: 15.38461538461538vw;
  }

  .app-header {
    padding: 4.651163vw 0vw;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 11;
  }

  .app-header nav {
    display: flex;
    position: fixed;
    z-index: 1111;
    top: 0vw;
    left: -100%;
    width: 100%;
    bottom: 0vw;
    background: var(--et-dark);
    padding: 6.976744vw 4.651163vw;
    flex-direction: column;
    overflow: auto;
    gap: 6.976744vw;
  }

  .app-header nav.open {
    left: 0;
  }

  .app-header nav ul {
    display: flex;
    gap: 4.651163vw;
    margin-top: 0;
    flex-direction: column;
  }

  .app-header nav ul li a {
    font-size: 3.255814vw;
  }

  .app-header .brand-logo {
    margin-right: 0;
  }

  .app-header .brand-logo img {
    width: 31.162791vw;
    height: 6.27907vw;
  }

  .app-header .nav-toggle {
    display: inline-block;
    cursor: pointer;
  }

  .app-header .header-right {
    padding-top: 0;
    top: -0.465116vw;
    right: -0.930233vw;
    gap: 5.581395vw;
    position: relative;
  }

  .app-header .header-right a {
    display: none;
  }

  .app-header .header-right .btn {
    top: 0;
    margin-left: 0;
  }

  .app-header .nav-foot {
    display: flex;
    margin-top: auto;
    color: var(--et-white);
    font-size: 3.255814vw;
    line-height: 1;
    gap: 2.325581vw;
    flex-direction: column;
    gap: 4.651163vw;
  }

  .app-header .nav-foot a {
    font-size: 3.255814vw;
    color: var(--et-white);
    margin-right: auto;
  }

  .app-header .nav-foot a:hover {
    color: var(--et-purple);
  }

  .app-header .icon-close {
    display: inline-block !important;
    color: var(--et-white);
    position: absolute;
    top: 3.488372vw;
    right: 3.488372vw;
  }

  .app-header nav .brand-logo {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .section-banner {
    padding-top: 10.697674vw;
    position: relative;
  }

  .section-banner::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -10vw;
    left: 4.651163vw;
    right: 4.651163vw;
    height: 0.232558vw;
    background-color: var(--et-white);
    opacity: 0.1;
    z-index: 1;
  }

  .section-banner > svg {
    position: absolute;
    top: 0vw;
    left: -147.44186vw;
    z-index: 1;
    width: 247.44186vw;
    height: 313.023256vw;
    object-fit: cover;
  }

  .section-banner > .banner-svg {
    width: 100vw;
    height: 320.930233vw;
    background-image: url('data:image/svg+xml,<svg width="430" height="1380" viewBox="0 0 430 1380" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.75"><g opacity="0.6" filter="url(%23filter0_f_131_2121)"><circle cx="-271.445" cy="547.696" r="319.954" transform="rotate(18.1088 -271.445 547.696)" fill="%230078CC"/></g></g><defs><filter id="filter0_f_131_2121" x="-1103.49" y="-284.345" width="1664.08" height="1664.08" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="256" result="effect1_foregroundBlur_131_2121"/></filter></defs></svg>');
    opacity: 0.75;
    left: 0;
  }

  .section-banner .shape-orange {
    bottom: -2.55814vw;
    left: 0;
  }

  .section-banner .shape-orange svg {
    top: -0.930233vw;
    right: -1.162791vw;
    width: 2.093023vw;
    height: 2.093023vw;
  }

  .section-banner .shape-blue {
    bottom: 14.418605vw;
    right: 6.046512vw;
  }

  .section-banner .shape-blue svg {
    top: -1.627907vw;
    left: -1.627907vw;
    width: 2.325581vw;
    height: 2.325581vw;
  }

  .section-banner .br {
    display: block;
  }

  .section-banner h1 {
    font-size: 8.139535vw;
    line-height: 1.3;
    margin-bottom: 6.511628vw;
  }

  .section-banner h5 {
    font-size: 4.186047vw;
    line-height: 1.46;
    max-width: 80.465116vw;
    margin: 0 auto 9.767442vw;
  }
}

@media screen and (max-width: 767px) {
  .section-seo {
    padding-top: 22.093023vw;
    padding-bottom: 15.348837vw;
    min-height: initial;
  }

  .content-data {
    padding-left: 0;
    max-width: 100%;
  }

  .section-seo .title {
    text-align: center;
  }

  .accordion-image {
    position: relative;
    top: 0;
    right: 0;
    border-width: 0.232558vw;
    border-radius: 4.651163vw 0 0 4.651163vw;
    width: calc(100% + 3.953488vw);
    border-right: 0;
    height: 71.627907vw;
    padding: 1.162791vw 0 1.162791vw 1.162791vw;
    margin-left: 0.697674vw;
    margin-top: 9.069767vw;
  }

  .accordion-image::before {
    top: -2.093023vw;
    left: 30.465116vw;
    width: 102.093023vw;
    height: 78.139535vw;
  }

  .accordion-image figure {
    border-radius: 3.488372vw 0 0 3.488372vw;
  }

  .accordion {
    padding-top: 4.651163vw;
  }

  .accordion-item .accordion-header {
    font-size: 3.488372vw;
    line-height: 1.5;
    padding: 2.790698vw 4.186047vw 2.55814vw;
  }

  .accordion-item .accordion-body {
    font-size: 3.255814vw;
    line-height: 1.46;
    padding-left: 4.651163vw;
    padding-top: 0;
    padding-bottom: 7.906977vw;
  }

  .content-data .btn {
    margin-top: 6.27907vw;
    margin-left: 5.116279vw;
  }
}

@media screen and (max-width: 767px) {
  .section-work {
    padding-top: 17.209302vw;
  }

  .section-work .title h2 {
    max-width: 100%;
  }

  .grid {
    gap: 11.162791vw;
    width: 100%;
    max-width: 100%;
    margin: 9.534884vw auto 0;
  }

  .grid .grid-row {
    gap: 5.581395vw;
    flex-direction: column;
  }

  .grid .grid-row:nth-child(2) {
    flex-direction: column;
  }

  .grid .grid-row figure {
    width: 81.395349vw;
    height: 61.162791vw;
  }

  .grid .grid-row .grid-text {
    width: 100%;
    padding: 0vw 3.488372vw;
  }

  .grid .grid-row .grid-text h3 {
    font-size: 4.651163vw;
    line-height: 1.3;
    margin-bottom: 3.72093vw;
  }

  .grid .grid-row .grid-text p {
    font-size: 3.255814vw;
    min-height: initial;
  }
}

@media screen and (max-width: 767px) {
  .section-about {
    padding-top: 21.395349vw;
    padding-bottom: 15.348837vw;
  }

  .section-about .title h6 {
    margin-bottom: 2.790698vw;
  }

  .section-about .title h2 {
    max-width: 81.395349vw;
    margin-left: auto;
    margin-right: auto;
  }

  .section-about .title p {
    margin-top: 2.790698vw;
    line-height: 1.46;
  }

  .section-about .shape-aquaLight {
    bottom: 2.325581vw;
    left: inherit;
    padding: 0vw 0.930233vw;
    font-size: 1.395349vw;
    right: 1.860465vw;
  }

  .section-about .shape svg {
    top: -1.627907vw;
    left: -1.860465vw;
    width: 2.325581vw;
    height: 2.325581vw;
  }

  .slider-block {
    padding: 2.325581vw 2.325581vw 3.023256vw;
    border-radius: 4.651163vw;
    max-width: 100%;
    margin: 7.906977vw auto 23.488372vw;
    left: 0;
  }

  .slider-block::before {
    padding: 0.232558vw;
  }

  .slider-block .slick-arrow {
    width: 9.302326vw;
    height: 9.302326vw;
    border: 0.232558vw solid var(--et-blue);
    bottom: -13.953488vw;
    left: -15.116279vw;
    color: var(--et-blue);
    cursor: pointer;
    align-items: center;
    right: 0;
    margin: auto;
  }

  .slider-block .slick-arrow.slick-next {
    left: 15.116279vw;
  }

  .slider-block .slick-arrow svg {
    width: 5.348837vw;
    height: 5.348837vw;
  }

  .slider-block .slider-image figure {
    padding-top: 87%;
    -webkit-border-radius: 4.651163vw;
    -moz-border-radius: 4.651163vw;
    border-radius: 4.651163vw;
  }

  .section-about ul {
    max-width: calc(100% + 4.651163vw);
    margin: 12.55814vw auto 9.534884vw;
    gap: 17.209302vw;
    padding-left: 6.046512vw;
    overflow: auto;
    width: calc(100% + 4.651163vw);
  }

  .section-about ul li {
    width: 100%;
    min-width: 55.813953vw;
  }

  .section-about ul h3 {
    font-size: 5.813953vw;
    margin-bottom: 5.116279vw;
  }

  .section-about ul p {
    font-size: 3.255814vw;
    line-height: 1.46;
  }

  .section-about ul.about-list li:not(:last-child)::after {
    width: 22.093023vw;
    height: 3.72093vw;
    top: 1.627907vw;
    left: 42.55814vw;
    background-size: cover;
    background-position: right center;
  }
}

@media screen and (max-width: 767px) {
  .section-plan {
    padding-top: 16.046512vw;
    padding-bottom: 16.511628vw;
    overflow: hidden;
  }

  .grid-plan {
    gap: 8.837209vw;
    padding: 0;
    margin-top: 11.162791vw;
  }

  .grid-plan .slick-list {
    overflow: initial;
  }

  .grid-plan .slick-track {
    gap: 0;
  }

  .box {
    width: 100%;
    box-shadow: none;
    border-radius: 4.651163vw;
    padding: 6.976744vw 10vw 7.674419vw;
    position: relative;
    opacity: 0;
  }

  .box.slick-current {
    box-shadow: 0vw 0.465116vw 2.790698vw 0 rgba(20, 20, 43, 0.08);
    opacity: 1;
  }

  .box .box-head {
    gap: 4.418605vw;
    align-items: center;
  }

  .box .box-head i {
    width: 16.744186vw;
    height: 16.744186vw;
    border-radius: 3.72093vw;
  }

  .box .box-head i svg {
    width: 8.837209vw;
    height: 8.837209vw;
  }

  .box:last-child .box-head i svg {
    width: 9.767442vw;
    height: 10.465116vw;
  }

  .box .box-head span {
    line-height: 4.651163vw;
    margin-top: 0;
  }

  .box .box-head h4 {
    font-size: 5.581395vw;
    line-height: 8.139535vw;
  }

  .box .box-body {
    padding-top: 6.511628vw;
    padding-bottom: 8.372093vw;
  }

  .box .box-body p {
    font-size: 3.72093vw;
    line-height: 1.5;
  }

  .box .box-body .price {
    gap: 2.325581vw;
    margin-bottom: 3.72093vw;
  }

  .box .box-body .price h2 {
    font-size: 12.55814vw;
    line-height: 15.348837vw;
  }

  .box .box-body .price h5 {
    font-size: 4.651163vw;
    line-height: 5.116279vw;
    padding-bottom: 2.790698vw;
  }

  .box .box-body h6 {
    font-size: 4.186047vw;
    line-height: 4.651163vw;
    margin-bottom: 6.744186vw;
  }

  .box .box-body ul {
    font-size: 3.255814vw;
    line-height: 4.651163vw;
    gap: 5.116279vw;
    padding-left: 9.302326vw;
  }

  .box .box-body ul li::before {
    width: 6.046512vw;
    height: 6.046512vw;
    top: -1.162791vw;
    left: -9.302326vw;
  }

  .box .box-foot .btn {
    padding: 3.953488372093023vw 6.511628vw;
  }

  .box label {
    top: 5.116279vw;
    right: 7.209302vw;
    width: 22.790698vw;
    font-size: 3.255814vw;
    padding: 3.023256vw 0vw;
    border-radius: 2.325581vw;
  }

  .text-plan {
    font-size: 5.813953vw;
    line-height: 1.55;
    margin-top: 12.790698vw;
  }

  .text-plan a svg {
    width: 7.906977vw;
    height: 7.906977vw;
    position: relative;
    top: 1.162791vw;
    margin-left: 0;
    margin-right: -2.790698vw;
  }
}

@media screen and (max-width: 767px) {
  .section-brand {
    padding-top: 18.604651vw;
    padding-bottom: 13.72093vw;
    width: 100%;
    overflow: hidden;
  }

  .section-brand .slider-brand {
    margin: 12.093023vw 9.302326vw 0;
  }

  .section-brand .slider-brand .slick-list {
    overflow: initial;
  }

  .section-brand .slider-brand img {
    width: 33.72093vw;
    height: 13.255814vw;
  }

  .section-brand .slider-testimonial {
    max-width: 80.465116vw;
    margin: 11.627907vw auto 26.27907vw;
  }

  .section-brand .slider-testimonial::before {
    display: none;
  }

  .section-brand blockquote {
    font-size: 3.255814vw;
    line-height: 1.44;
    font-weight: 300;
    margin: 0;
  }

  .brand-counter {
    max-width: 60.930233vw;
    margin: 0 auto;
    padding: 6.511628vw 0vw 26.27907vw;
    gap: 9.069767vw;
    flex-direction: column;
  }

  .brand-counter .counter-block h2 {
    font-size: 8.837209vw;
    margin-bottom: 3.255814vw;
  }

  .brand-counter .counter-block span {
    font-size: 3.883721vw;
  }

  .brand-wrapper {
    padding: 0;
    flex-direction: column-reverse;
    gap: 11.395349vw;
    position: relative;
  }

  .brand-wrapper::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -11.86046511627907vw;
    left: 0;
    right: 0;
    height: 0.232558vw;
    background-color: var(--et-white);
    opacity: 0.1;
    z-index: 1;
  }

  .brand-wrapper .shape-orange {
    display: none;
  }

  .brand-wrapper ul {
    width: 92.093023vw;
    padding: 12.790698vw 5.348837vw 13.953488vw 6.511628vw;
    font-size: 3.488372vw;
    gap: 12.55814vw;
    border-radius: 4.651163vw;
    margin-left: -0.697674vw;
  }

  .brand-wrapper ul li {
    padding-left: 10.232558vw;
  }

  .brand-wrapper ul li::before {
    width: 5.813953vw;
    height: 4.883721vw;
    top: -0.930233vw;
    left: 0;
  }

  .brand-data {
    padding: 0;
    margin: 0;
    text-align: center;
  }

  .brand-data p {
    font-size: 3.255814vw;
    line-height: 1.46;
    margin-bottom: 4.418605vw;
    max-width: 80.930233vw;
    margin-left: auto;
    margin-right: auto;
  }

  .brand-data .title {
    margin-bottom: 3.255814vw;
  }

  .brand-data .title h2 {
    line-height: 1.3;
    position: relative;
    max-width: 67.44186vw;
    margin-left: auto;
    margin-right: auto;
  }

  .brand-data .btn {
    margin-top: 2.325581vw;
    margin-left: 0;
    min-width: 31.627907vw;
  }
}

@media screen and (max-width: 767px) {
  .section-report {
    padding-top: 16.046512vw;
    padding-bottom: 19.534884vw;
  }

  .section-report .slick-dots {
    bottom: -18.604651vw;
  }

  .section-report .title h6 {
    margin-bottom: 2.790698vw;
  }

  .section-report .slider-block {
    margin-top: 7.209302vw;
    max-width: 88.604651vw;
    padding: 3.488372vw 3.72093vw;
    margin-bottom: 0;
  }

  .section-report .slider-report .slick-slide {
    margin: 0vw 2.2222vw;
    display: flex;
    align-items: center;
    gap: 3.488372vw;
    padding: 2.790698vw 3.255814vw 2.790698vw;
    opacity: 0.6;
    flex-direction: column;
  }

  .section-report .slider-report figure {
    padding-top: 0;
    -webkit-border-radius: 4.651163vw;
    -moz-border-radius: 4.651163vw;
    border-radius: 4.651163vw;
    width: 100%;
    height: 76.046512vw;
  }

  .slide-data {
    width: 100%;
    padding: 4.418605vw 5.348837vw 6.27907vw;
  }

  .slide-data h2 {
    font-size: 4.651163vw;
    font-weight: 700;
    line-height: 1.46;
  }

  .slide-data h5 {
    font-size: 3.72093vw;
    line-height: 1.46;
    margin-bottom: 2.790698vw;
  }

  .slide-data p {
    font-size: 3.255814vw;
    max-width: 100%;
    line-height: 1.45;
  }

  .cta-block {
    padding-top: 30.465116vw;
    position: relative;
    flex-direction: column;
    text-align: center;
    max-width: 100%;
  }

  .cta-block h2 {
    font-size: 6.976744vw;
    max-width: 100%;
    line-height: 1.32;
  }

  .cta-block > span {
    display: none;
  }

  .cta-form {
    padding-top: 6.511628vw;
  }

  .cta-form label {
    font-size: 4.186047vw;
    line-height: 1.46;
    padding-left: 0;
  }

  .from-group {
    padding-top: 5.581395vw;
    gap: 4.186047vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .from-group input {
    appearance: none;
    border: 0.465116vw solid var(--et-purple);
    font-size: 3.953488vw;
    padding: 2.55814vw 4.651163vw 2.55814vw 14.883721vw;
    border-radius: 3.72093vw;
    background-position: left 5.581395vw center;
    background-size: 4.651163vw 3.488372vw;
  }

  .from-group .btn {
    min-width: 31.627907vw;
  }

  .needsclick input {
    appearance: none !important;
    border: 0.465116vw solid var(--et-purple) !important;
    font-size: 3.953488vw !important;
    padding: 2.55814vw 4.651163vw 2.55814vw 14.883721vw !important;
    border-radius: 3.72093vw !important;
    background-position: left 5.581395vw center !important;
    background-size: 4.651163vw 3.488372vw !important;
  }

  .needsclick button {
    min-width: 31.627907vw !important;
  }

  .needsclick input::placeholder {
    font-size: 3.953488vw !important;
  }
}

@media screen and (max-width: 767px) {
  .footer-top {
    padding: 17.674419vw 0 13.255814vw;
    gap: 0;
    row-gap: 10.465116vw;
  }

  .app-widget .brand-logo {
    margin-bottom: 5.116279vw;
    max-width: 78.604651vw;
  }

  .app-widget:first-child {
    width: 100%;
    padding-left: 4.186047vw;
  }

  .app-widget {
    width: 50%;
    padding-left: 11.627907vw;
  }

  .app-widget h6 {
    font-size: 4.651163vw;
    line-height: 1.5;
    max-width: 100%;
    text-align: center;
  }

  .app-widget ul {
    flex-direction: column;
    gap: 4.883721vw;
    padding-top: 0;
  }

  .app-widget ul li a {
    font-size: 3.255814vw;
  }

  .footer-bottom {
    display: flex;
    justify-content: space-between;
    font-size: 2.790698vw;
    align-items: center;
    line-height: 4.186047vw;
    border-top: 0.232558vw solid rgba(255, 255, 255, 0.2);
    padding: 5.348837vw 0vw 17.209302vw;
    flex-direction: column;
    gap: 2.55814vw;
  }

  .footer-bottom ul {
    gap: 5.581395vw;
  }
}

@media screen and (max-width: 1023px) {
  .section-hero {
    padding: 11.63vw 0vw 15.12vw;
  }

  .section-hero h1 {
    font-size: 8.14vw;
    line-height: 1.3;
  }

  .section-faq {
    padding-top: 60px;
    padding-left: 0;
  }

  .section-faq .sidebar {
    background-color: var(--et-white);
    width: 100%;
    padding: 0vw 4.65vw;
    border-bottom: 1px solid rgba(1, 2, 3, 0.3);
    z-index: 1;
  }

  .section-faq .sidebar.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .section-faq .sidebar ul {
    flex-direction: row;
    gap: 5.12vw;
    white-space: nowrap;
    overflow: auto;
    width: 100%;
  }

  .section-faq .sidebar ul li a {
    font-size: 3.72vw;
    font-weight: 500;
    line-height: 1.2;
    padding: 4.65vw 0vw;
  }

  .section-faq .sidebar ul li a::before {
    width: auto;
    margin-right: 0.93vw;
  }

  .section-faq .article-content {
    padding: 13.26vw 4.65vw 17.91vw 4.65vw;
  }

  .section-faq .article-content h2 {
    font-size: 6.05vw;
    line-height: 1.26;
    margin-bottom: 1.86vw;
  }

  .acc-wrap {
    margin-bottom: 15.35vw;
  }

  .acc-main .acc {
    padding: 5.12vw 0vw 5.58vw;
    margin-bottom: 0.47vw;
  }

  .acc-main .acc h3 {
    font-size: 3.72vw;
    line-height: 1.3;
    padding-right: 7.67vw;
    letter-spacing: -0.08vw;
  }

  .acc-main .acc h3::before {
    width: 4.65vw;
    height: 4.65vw;
    top: 0.23vw;
  }

  .acc-main .acc .acc-data {
    padding-top: 3.623vw;
    font-size: 2.9vw;
    line-height: 1.67;
  }

  .acc-main .acc .acc-data p {
    font-size: 2.9vw;
    line-height: 1.67;
    margin-bottom: 4.831vw;
  }

  .acc-main .acc .acc-data ol {
    margin-bottom: 4.831vw;
  }

  .acc-main .acc .acc-data ul {
    padding-left: 5vw;
    margin-bottom: 4.831vw;
  }

  .acc-main .acc .acc-data ul li {
    margin-bottom: 2.25vw;
  }
}