@media (max-width: 480px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body {
    display: block;
    min-width: 320px;
  }

  body.popup-open {
    overflow: hidden;
  }

  .page_content {
    width: 100%;
    overflow-x: hidden;
  }

  #preloader {
    height: 100vh;
  }

  .start-plus {
    width: 34vw;
    height: 34vw;
  }

  .plus_plus {
    width: 18vw;
    height: 18vw;
  }

  .top-line,
  .right-line,
  .bottom-line,
  .left-line {
    width: 3vw;
    height: 3vw;
  }

  .top-line {
    left: 15.5vw;
    top: 2vw;
  }

  .right-line {
    top: 15.5vw;
    right: 2vw;
  }

  .bottom-line {
    left: 15.5vw;
    bottom: 2vw;
  }

  .left-line {
    left: 2vw;
    top: 15.5vw;
  }

  .plus_column,
  .plus_column2,
  .scroll_arrow {
    display: none !important;
  }
  .background_lines1 img {
    position: absolute;
    width: 150%;
    height: auto;
    margin: -9vw 0 0 -20vw;
  }
  .pinkBackgroud1 {
    height: 90vw;
  }

  .side_menu {
    position: fixed;
    left: 50%;
    right: auto;
    top: auto;
    bottom: 4vw;
    transform: translateX(-50%);
    width: calc(100% - 8vw);
    box-sizing: border-box;
    padding: 3vw 4vw;
    border-radius: 999px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 2vw;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(2vw);
    z-index: 1000;
  }

  .menu_link,
  .menu_link_active {
    font-size: 4vw;
    line-height: 1;
    white-space: nowrap;
  }

  .menu_link:hover {
    transform: none;
  }

  .menu_cart {
    width: 17vw;
    height: 9vw;
    margin-top: 0;
    gap: 1.5vw;
  }

  .menu_cart span {
    font-size: 4vw;
    margin: 0.4vw 0 0 -0.5vw;
  }

  .cart_chip {
    top: -2vw;
    right: -2vw;
    min-width: 5.5vw;
    height: 5.5vw;
    font-size: 2.8vw;
  }

  .filter_menu {
    position: fixed;
    left: 4vw;
    top: 4vw;
    width: auto;
    max-width: calc(100% - 8vw);
    box-sizing: border-box;
    padding: 3vw 4vw;
    border-radius: 6vw;
    gap: 2vw;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(2vw);
    z-index: 1001;
  }

  .filter_main {
    font-size: 4vw;
  }

  .filter_submenu {
    gap: 2vw;
    margin-top: 2vw;
  }

  .filter_submenu button {
    font-size: 3.6vw;
    line-height: 4.5vw;
    padding: 0;
  }

  .filter_submenu button:hover {
    transform: none;
  }

  #firstSection_Shop {
    height: 145vw;
    min-height: 520px;
    overflow: hidden;
  }

  .header_courses {
    position: absolute;
    width: 70vw;
    margin: 0;
    top: 5vw;
    left: 0vw;
  }

  .about_text10 {
    top: 70vw;
    left: 8vw;
    width: 84vw;
    font-size: 5.2vw;
    line-height: 6.6vw;
    text-align: left;
  }

  .about_text11 {
    top: 119vw;
    left: 8vw;
    width: 84vw;
    font-size: 3.8vw;
    line-height: 5.2vw;
  }

  #secondSection_Shop {
    height: auto;
    min-height: 0;
    padding: 8vw 0 28vw;
    overflow: visible;
  }

  .product_grid {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% - 8vw);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 5vw;
  }

  .product_card {
    width: 100%;
    height: auto;
    min-height: 48vw;
    grid-template-columns: 45% 55%;
    border-radius: 4vw;
  }

  .product_img {
    min-height: 48vw;
  }

  .product_info {
    padding: 4vw;
    min-height: 48vw;
    box-sizing: border-box;
  }

  .product_info h3 {
    font-size: 5vw;
    line-height: 5.7vw;
    padding-right: 8vw;
  }

  .product_info p {
    margin: 2vw 0 3vw;
    font-size: 4.6vw;
  }

  .product_colors {
    gap: 1.8vw;
  }

  .color {
    width: 3.6vw;
    height: 3.6vw;
  }

  .product_fav,
  .product_cart {
    width: 10vw;
    height: 10vw;
    right: 3vw;
  }

  .product_fav {
    bottom: 3vw;
  }

  .product_cart {
    bottom: 15vw;
  }

  .product_fav img,
  .product_cart img {
    width: 10vw;
    height: 10vw;
  }

  .product_fav:hover,
  .product_cart:hover {
    transform: none;
  }

  .toast_notification {
    top: 4vw;
    left: 50%;
    right: auto;
    width: calc(100% - 8vw);
    box-sizing: border-box;
    transform: translate(-50%, -6vw);
    padding: 3.5vw 5vw;
    border-radius: 999px;
    font-size: 3.6vw;
    text-align: center;
  }

  .toast_notification.show {
    transform: translate(-50%, 0);
  }

  .product_popup {
    align-items: flex-end;
    padding: 0;
  }

  .product_popup.active {
    display: flex;
  }

  .product_popup_content {
    width: 100%;
    height: 94vh;
    max-height: 94vh;
    padding: 5vw 4vw 8vw;
    border-radius: 6vw 6vw 0 0;
    display: flex;
    flex-direction: column;
    gap: 5vw;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .popup_close {
    position: fixed;
    top: 11vw;
    right: 4vw;
    width: 9vw;
    height: 9vw;
    margin: 0;
    z-index: 10000;
  }

  .product_popup_left {
    width: 100%;
    height: auto;
    margin: 4vw 0 0;
    overflow: visible;
  }

  .product_gallery {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column-reverse;
    gap: 3vw;
  }

  .gallery_main {
    width: 100%;
    height: 78vw;
    border-width: 0.5vw;
    border-radius: 3vw;
    box-sizing: border-box;
  }

  .main_image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .gallery_thumbs {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 2vw;
    overflow-x: auto;
    padding-bottom: 1vw;
  }

  .thumb {
    width: 16vw;
    height: 16vw;
    flex: 0 0 16vw;
    border-radius: 2vw;
  }

  .thumb.active {
    border-width: 0.5vw;
  }

  .gallery_arrow {
    width: 10vw;
    height: 10vw;
  }

  .gallery_arrow img {
    width: 3.5vw;
  }

  .gallery_prev {
    left: 3vw;
  }

  .gallery_next {
    right: 3vw;
  }

  .gallery_arrow:hover {
    transform: none;
  }

  .product_popup_right {
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .product_popup_right h2 {
    margin: 0;
    font-size: 8vw;
    line-height: 8.5vw;
  }

  .popup_price {
    margin: 2vw 0 3vw;
    font-size: 5.5vw;
  }

  .popup_description {
    width: 100%;
    font-size: 4vw;
    line-height: 5.6vw;
  }

  .popup_colors {
    gap: 3vw;
    margin: 5vw 0 4vw;
  }

  .popup_color,
  .popup_colors .color {
    width: 11vw;
    height: 11vw;
    border-radius: 2vw;
  }

  .popup_color.active {
    border-width: 0.6vw;
  }

  .popup_specs {
    margin-top: 2vw;
    gap: 0;
  }

  .popup_specs div,
  .spec_row {
    display: grid;
    grid-template-columns: 42% 58%;
    gap: 3vw;
    padding: 3vw 0;
    border-bottom-width: 0.3vw;
    box-sizing: border-box;
  }

  .spec_row span {
    font-size: 3.6vw;
    line-height: 4.5vw;
  }

  .spec_row span:last-child {
    text-align: right;
  }

  .add_to_cart {
    width: 100%;
    height: 13vw;
    margin: 6vw 0 0;
    font-size: 4.2vw;
  }

  .add_to_cart:hover {
    transform: none;
  }

  .side_menu {
    position: fixed;
    left: 50%;
    right: auto;
    top: auto;
    bottom: 4vw;
    transform: translateX(-50%);
    width: calc(100% - 8vw);
    min-height: 15vw;
    padding: 3vw 4vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 2vw;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(3vw);
    -webkit-backdrop-filter: blur(3vw);
    box-shadow: 0 1vw 5vw rgba(74, 58, 86, 0.12);
    z-index: 999;
  }

  .menu_link,
  .menu_link_active {
    font-size: 4vw;
    line-height: 1;
    white-space: nowrap;
  }

  .menu_link:hover,
  .menu_link_active:hover {
    transform: none;
  }

  .menu_cart {
    width: 15vw;
    height: 9vw;
    margin: 0;
    gap: 1.5vw;
    border-radius: 999px;
    flex: 0 0 auto;
  }

  .menu_cart img {
    height: 58%;
  }

  .menu_cart span {
    font-size: 4vw;
    margin: 0.5vw 0 0 -0.5vw;
  }

  .cart_chip {
    font-size: 3.2vw;
  }

  .plus_column,
  .plus_column2 {
    display: none;
  }

  .background_lines1 img,
  .background_lines2 img,
  .background_lines3 img,
  .background_lines4 img,
  .background_lines5 img,
  .lines1 {
    pointer-events: none;
  }

  #firstSection_About {
    height: auto;
    min-height: 170vw;
    padding: 0 0 14vw;
    overflow: hidden;
  }

  .pinkBackgroud1 {
    height: 94vw;
    background: linear-gradient(#ffd2e7 0%, #fff 100%);
  }

  .background_lines1 img {
    width: 170%;
    max-width: none;
    left: -36vw;
    top: 0;
    margin: -2vw 0 0 0;
    opacity: 0.55;
  }

  .logo {
    position: relative;
    display: block;
    width: 78vw;
    height: auto;
    margin: 29vw auto 0;
    z-index: 3;
  }

  .scroll_arrow {
    top: 103vw;
    z-index: 4;
  }

  .scroll_arrow img {
    width: 16vw;
  }

  .about_text {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% - 10vw);
    margin: 22vw auto 0;
    font-size: 5.2vw;
    line-height: 7vw;
    text-align: left;
    z-index: 3;
  }

  .about_text br {
    display: none;
  }

  .gallery {
    display: block;
    width: 100%;
    margin: 12vw auto 0;
    position: relative;
  }

  .slider_window {
    position: relative;
    width: 88vw;
    height: 54vw;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 0;
    box-shadow: 0 1.5vw 7vw rgba(74, 58, 86, 0.14);
  }

  .slider_track {
    width: max-content;
    height: 54vw;
    display: flex;
    animation: mobileAutoSlider 20s infinite ease-in-out;
    box-shadow: none;
  }

  .slider_track img {
    width: 88vw;
    height: 54vw;
    object-fit: cover;
    flex: 0 0 88vw;
  }

  .lines1 {
    width: 70vw;
    margin: 8vw 0 0 36vw;
    opacity: 0.5;
    transform: rotate(-15deg);
    z-index: 1;
  }

  .lines1.show {
    transform: rotate(-15deg);
  }

  #secondSection_About {
    height: auto;
    min-height: 230vw;
    padding: 18vw 0 18vw;
    overflow: hidden;
    background: linear-gradient(#fff 0%, #ffd2e7 48%, #fff 100%);
  }

  .about_text2 {
    display: none;
  }

  .background_lines2 img {
    position: absolute;
    width: 125vw;
    max-width: none;
    left: -42vw;
    top: 0;
    margin: 0;
    opacity: 0.35;
    transform: none;
  }

  .background_lines2 img.show {
    transform: none;
  }

  .fishText {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% - 10vw);
    margin: 0 auto 12vw;
    font-size: 4.2vw;
    line-height: 6.2vw;
    z-index: 6;
  }

  .fishText br {
    display: none;
  }

  .whiteBlockText {
    position: relative;
    left: auto;
    top: auto;
    width: calc(100% - 8vw);
    height: auto;
    min-height: 120vw;
    margin: 0 auto;
    padding: 8vw 5vw;
    background: rgba(255, 255, 255, 0.92);
    z-index: 6;
  }

  .target_block {
    width: 100%;
    height: auto;
    min-height: 92vw;
    margin: 0;
    overflow: visible;
  }

  .target_text,
  .target_image {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    margin: 0;
    opacity: 1;
    transform: none;
  }

  .target_text {
    z-index: 2;
  }

  .target_image {
    margin-top: 7vw;
    overflow: hidden;
    height: 48vw;
    z-index: 1;
  }

  .target_block:hover .target_text,
  .target_block:hover .target_image {
    opacity: 1;
  }

  .about_text1 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin: 0;
    font-size: 5.2vw;
    line-height: 7vw;
    text-align: left;
  }

  .fishText1 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin: 5vw 0 0;
    font-size: 4.1vw;
    line-height: 6.1vw;
  }

  .target_image_track {
    height: 48vw;
    animation: mobileTargetSlider 12s infinite ease-in-out;
  }

  .target_image_track img {
    width: 82vw;
    height: 48vw;
    flex: 0 0 82vw;
    object-fit: cover;
  }

  .about_text3 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin: 10vw 0 0;
    font-size: 5.2vw;
    line-height: 7.2vw;
    text-align: left;
  }

  .about_text3 br {
    display: none;
  }

  .background_lines3 img {
    width: 130vw;
    max-width: none;
    top: auto;
    bottom: 5vw;
    left: -16vw;
    margin: 0;
    opacity: 0.25;
    transform: none;
  }

  .background_lines3 img.show {
    transform: none;
  }

  #thirdSection_About {
    height: auto;
    min-height: 360vw;
    padding: 16vw 0 26vw;
    overflow: hidden;
    background: linear-gradient(#fff 0%, #b7bcff 100%);
  }

  .audience_grid_section {
    width: 100%;
    position: relative;
  }

  .flip_grid {
    width: calc(100% - 10vw);
    margin: 0 auto;
    display: block;
    perspective: none;
  }

  .grid_text {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin: 0 auto 10vw;
    font-size: 4.2vw;
    line-height: 6.2vw;
  }

  .grid_text br {
    display: none;
  }

  .mosaic_block {
    position: relative;
    width: 92vw;
    margin: 0 auto 14vw;
    overflow: hidden;
    z-index: 4;
  }

  .first_half,
  .second_half {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1vw;
    margin: 0;
  }

  .second_half {
    margin-top: 1vw;
  }

  .first_row,
  .second_row,
  .third_row {
    display: flex;
    gap: 1vw;
    width: max-content;
  }

  .square {
    width: 9.4vw;
    height: 9.4vw;
    flex: 0 0 9.4vw;
  }

  .fishText2,
  .fishText3,
  .fishText4,
  .about_text5,
  .about_text6 {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% - 10vw);
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    z-index: 5;
  }

  .fishText2,
  .fishText3,
  .fishText4 {
    font-size: 4.2vw;
    line-height: 6.2vw;
    margin-top: 8vw;
  }

  .about_text5,
  .about_text6 {
    font-size: 5.2vw;
    line-height: 7.2vw;
    margin-top: 8vw;
  }

  .background_lines4 img {
    width: 220vw;
    max-width: none;
    left: -55vw;
    top: 30vw;
    opacity: 0.22;
  }

  .gallery2 {
    display: block;
    width: 100%;
    margin: 12vw auto 0;
    position: relative;
  }

  .slider_window2 {
    position: relative;
    width: 88vw;
    height: 54vw;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 1.5vw 7vw rgba(74, 58, 86, 0.14);
  }

  .slider_track2 {
    height: 54vw;
    animation: mobileAutoSlider 20s infinite ease-in-out;
    box-shadow: none;
  }

  .slider_track2 img,
  .slider_track2 a,
  .slider_track2 a img {
    width: 88vw;
    height: 54vw;
    flex: 0 0 88vw;
    object-fit: cover;
  }

  .slider_track2 a:hover img {
    filter: none;
    transform: none;
  }

  .background_lines5 {
    position: absolute;
    width: 100%;
    left: 0;
    top: auto;
    bottom: 16vw;
    margin: 0;
    opacity: 0.3;
  }

  .background_lines5 img {
    width: 120vw;
    max-width: none;
    margin-left: -10vw;
  }

  #thirdSection_About::after {
    content: "";
    display: block;
    height: 16vw;
  }

  @media (max-width: 480px) {
    @keyframes mobileAutoSlider {
      0% {
        transform: translateX(0);
      }
      12% {
        transform: translateX(0);
      }
      16% {
        transform: translateX(-88vw);
      }
      28% {
        transform: translateX(-88vw);
      }
      32% {
        transform: translateX(-176vw);
      }
      44% {
        transform: translateX(-176vw);
      }
      48% {
        transform: translateX(-264vw);
      }
      60% {
        transform: translateX(-264vw);
      }
      64% {
        transform: translateX(-352vw);
      }
      76% {
        transform: translateX(-352vw);
      }
      80% {
        transform: translateX(-440vw);
      }
      92% {
        transform: translateX(-440vw);
      }
      100% {
        transform: translateX(0);
      }
    }

    @keyframes mobileTargetSlider {
      0%,
      25% {
        transform: translateX(0);
      }
      33%,
      58% {
        transform: translateX(-82vw);
      }
      66%,
      91% {
        transform: translateX(-164vw);
      }
      100% {
        transform: translateX(0);
      }
    }
  }

  #firstSection_Courses {
    height: auto;
    min-height: 185vw;
    overflow: hidden;
    padding: 0 0 12vw;
    box-sizing: border-box;
  }

  .header_courses {
    position: relative;
    display: block;
    width: 76vw;
    margin: 35vw auto 0;
    z-index: 5;
  }

  .scroll_arrow {
    top: 95vw;
    z-index: 10;
  }

  .scroll_arrow img {
    width: 16vw;
  }

  .about_text7 {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% - 12vw);
    margin: 35vw auto 0;
    font-size: 6.2vw;
    line-height: 1.18;
    text-align: left;
    z-index: 6;
  }

  .fishText5 {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% - 12vw);
    margin: 8vw auto 0;
    font-size: 4.2vw;
    line-height: 1.45;
    z-index: 6;
  }

  #secondSection_Courses {
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 12vw 0 14vw;
    background: linear-gradient(#fff, #a3a9ff 45%, #fff);
  }

  .course_card1,
  .course_card2,
  .course_card3,
  .course_card4,
  .course_card5,
  .course_card6 {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% - 10vw);
    height: auto;
    min-height: 64vw;
    margin: 0 auto 7vw;
    padding: 6vw;
    box-sizing: border-box;
    border-radius: 0;
    background: #ffd2e7;
    animation: courseAppear 0.8s ease forwards;
    transform: translateY(8vw);
  }

  .course_header {
    margin: 0;
    display: block;
  }

  .course_header h3 {
    margin: 0;
    font-size: 9vw;
    line-height: 0.95;
    font-weight: 400;
    color: #4a3a56;
  }

  .course_content {
    display: block;
    width: 100%;
    height: auto;
    margin: 8vw 0 0;
  }

  .course_problem {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    margin: 0;
    font-size: 4.3vw;
    line-height: 1.35;
    color: #ff5136;
  }

  .points {
    margin: 7vw 0 0;
    display: flex;
    gap: 1.7vw;
  }

  .point,
  .point_active {
    width: 3vw;
    height: 3vw;
    margin: 0;
  }

  .course_more {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: 13vw;
    margin: 7vw 0 0;
    border-radius: 999px;
    font-size: 4.4vw;
  }

  .course_more:hover {
    transform: none;
    box-shadow: none;
  }

  .popup {
    align-items: flex-start;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 4vw 0 26vw;
    box-sizing: border-box;
  }

  .popup.active {
    display: block;
  }

  .course_popup {
    width: calc(100% - 6vw);
    height: auto;
    min-height: auto;
    max-height: none;
    margin: 0 auto;
    padding: 7vw 5vw 8vw;
    display: flex;
    flex-direction: column;
    gap: 7vw;
    overflow: visible;
    box-sizing: border-box;
    border-radius: 4vw;
  }

  .popup_close {
    width: 8vw;
    height: 8vw;
    top: 4vw;
    right: 4vw;
    margin: 0;
    z-index: 20;
  }

  .popup_left,
  .popup_right {
    width: 100%;
    margin: 0;
    overflow: visible;
  }

  .course_small {
    font-size: 4vw;
    margin: 0 0 2vw;
  }

  .course_popup h2,
  h2 {
    margin: 0;
    padding-right: 11vw;
    font-size: 10vw;
    line-height: 0.95;
    font-weight: 400;
  }

  .course_level {
    margin: 3vw 0 0;
    font-size: 4vw;
    line-height: 1.25;
  }

  .course_image {
    width: 100%;
    height: 55vw;
    margin: 6vw 0;
    border-radius: 0;
  }

  .course_image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .course_description {
    font-size: 4.2vw;
    line-height: 1.35;
  }

  .buy_course {
    width: 100%;
    height: 13vw;
    margin: 6vw 0 0;
    font-size: 4.3vw;
  }

  .course_info {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5vw;
    padding-bottom: 6vw;
    border-bottom: 0.4vw solid #f08ab7;
  }

  .mini_header1,
  .mini_header3 {
    margin: 0;
  }

  .course_info h4,
  .popup_right h4 {
    font-size: 4.8vw;
    line-height: 1.1;
  }

  .course_info span,
  .status1 {
    margin-top: 2vw;
    font-size: 4vw;
    line-height: 1.3;
  }

  .popup_right > h4 {
    margin-top: 7vw;
  }

  .benefits_grid,
  .inside_grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4.5vw;
    margin-top: 5vw;
  }

  .benefit_item {
    align-items: center;
    gap: 4vw;
  }

  .benefit_icon {
    width: 12vw;
    height: 12vw;
    flex: 0 0 12vw;
  }

  .benefit_item p {
    font-size: 4vw;
    line-height: 1.25;
  }

  .popup_line {
    height: 0.4vw;
    margin: 7vw 0 6vw;
  }

  #thirdSection_Courses {
    height: auto;
    min-height: 155vw;
    padding: 12vw 0 18vw;
    overflow: visible;
    background: linear-gradient(#fff, #ffd2e7);
  }

  .about_text8,
  .about_text9 {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% - 12vw);
    margin: 0 auto;
    font-size: 5.4vw;
    line-height: 1.25;
    text-align: left;
  }

  .about_text9 {
    margin-top: 8vw;
  }

  .feedback {
    position: relative;
    left: auto;
    top: auto;
    width: calc(100% - 8vw);
    height: auto;
    min-height: 92vw;
    margin: 10vw auto 0;
    padding: 8vw 5vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .feedback_form {
    width: 100%;
  }

  .feedback_title {
    font-size: 7vw;
    line-height: 1;
  }

  .feedback_subtitle {
    margin: 4vw 0 5vw;
    font-size: 4vw;
    line-height: 1.35;
  }

  .feedback_field {
    height: 13vw;
    margin-bottom: 3vw;
    padding: 0 4vw;
  }

  .feedback_field img {
    width: 5vw;
    height: 5vw;
    margin-right: 3vw;
  }

  .feedback_field input {
    font-size: 4vw;
  }

  .feedback_button {
    width: 100%;
    height: 13vw;
    margin: 5vw 0 0;
    font-size: 4vw;
  }

  .feedback_success {
    min-height: 65vw;
    font-size: 6vw;
    line-height: 1.2;
    padding: 5vw;
    box-sizing: border-box;
  }

  .buy_course:hover,
  .feedback_button.active:hover {
    transform: none;
    box-shadow: none;
  }

  #firstSection_Cart {
    height: 142vw;
    overflow: hidden;
  }

  .header_courses {
    width: 72vw;
    margin: 33vw 0 0 14vw;
  }

  .scroll_arrow {
    top: 70vw;
  }

  .scroll_arrow img {
    width: 16vw;
  }

  .about_text12 {
    top: 91vw;
    left: 7vw;
    width: 86vw;
    font-size: 6vw;
    line-height: 7.2vw;
    text-align: left;
  }

  #secondSection_Cart {
    height: auto;
    min-height: 90vw;
    padding: 8vw 0 10vw;
    overflow: visible;
  }

  .cart_content {
    width: 100%;
    padding: 0 5vw;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8vw;
    font-size: 4vw;
  }

  .cart_items {
    width: 100%;
    gap: 5vw;
  }

  .cart_item {
    width: 100%;
    min-height: 43vw;
    height: auto;
    display: grid;
    grid-template-columns: 28vw 1fr;
    grid-template-areas:
      "image info"
      "right right";
    gap: 4vw;
    padding: 4vw;
    border-radius: 4vw;
    background: #ececff;
  }

  .cart_item_img {
    grid-area: image;
    width: 28vw;
    height: 28vw;
    border-radius: 2vw;
    object-fit: cover;
  }

  .cart_item_info {
    grid-area: info;
    margin-left: 0;
    min-width: 0;
  }

  .cart_item_info h2 {
    margin: 0 0 2vw;
    font-size: 6vw;
    line-height: 6.5vw;
    word-break: break-word;
  }

  .cart_category {
    padding: 1.4vw 2.6vw;
    border-width: 0.3vw;
    font-size: 3.1vw;
    line-height: 1.1;
    margin-top: 1vw;
  }

  .cart_colors {
    gap: 1.2vw;
    margin-top: 2.5vw;
  }

  .color_dot {
    width: 4.2vw;
    height: 4.2vw;
  }

  .cart_stock {
    margin: 2.5vw 0 0;
    font-size: 3.5vw;
    line-height: 4.2vw;
  }

  .cart_item_right {
    grid-area: right;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 4vw;
    padding-top: 3vw;
    border-top: 0.3vw solid rgba(163, 169, 255, 0.45);
  }

  .cart_item_price {
    font-size: 5.2vw;
    line-height: 1;
  }

  .quantity_controls {
    margin: 0;
    padding: 1vw 1.5vw;
    gap: 3vw;
    border-radius: 999px;
    background: #fff;
  }

  .quantity_controls span {
    min-width: 6vw;
    font-size: 4.2vw;
  }

  .qty_minus,
  .qty_plus {
    width: 9vw;
    height: 9vw;
    font-size: 6vw;
    line-height: 1;
  }

  .cart_total {
    position: sticky;
    bottom: 24vw;
    width: 100%;
    padding: 5vw;
    border-radius: 5vw;
    background: rgba(236, 236, 255, 0.96);
    backdrop-filter: blur(2vw);
    box-shadow: 0 1.5vw 6vw rgba(74, 58, 86, 0.14);
    z-index: 50;
  }

  .cart_total h2 {
    font-size: 7vw;
    line-height: 1;
  }

  .total_count {
    margin: 2vw 0 4vw;
    font-size: 4vw;
  }

  .total_line {
    height: 0.35vw;
    margin-bottom: 4vw;
  }

  .total_price {
    margin: 0 0 4vw;
    font-size: 6vw;
  }

  .order_btn {
    width: 100%;
    height: 14vw;
    font-size: 4.5vw;
    line-height: 4.8vw;
  }

  .order_success {
    margin-top: 3vw;
    padding: 3vw;
    border-radius: 3vw;
    font-size: 3.6vw;
    line-height: 4.6vw;
  }

  #thirdSection_Cart {
    height: auto;
    min-height: 130vw;
    padding: 10vw 0 34vw;
    overflow: visible;
  }

  .cart_features {
    width: 90vw;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 4vw;
  }

  .feature {
    width: 100%;
    min-height: 22vw;
    gap: 4vw;
    padding: 4vw;
    border-radius: 4vw;
    background: #fff;
    box-shadow: 0 1vw 4vw rgba(74, 58, 86, 0.08);
  }

  .feature img {
    width: 13vw;
    height: 13vw;
    flex: 0 0 13vw;
  }

  .feature p {
    font-size: 4.6vw;
    line-height: 5.4vw;
  }

  .cart_footer {
    position: relative;
    width: 86vw;
    margin: 12vw auto 0;
    font-size: 6vw;
    line-height: 7.4vw;
    text-align: left;
  }
}