:root {
  --dark: #000000;
  /* Deep dark  */
  --dark-gray: #121212;
  /* Deep dark gray */
  --primary-color: #E3197D;
  /* Fresh green */
  --secondary-color: #000C99;
  /* Bright orange */
  --White: #FFFFFF;
  /* White */
  --White-2: #FAFCFE;
  /* White 2 */

  --yellow: #FFCC00;
  /* Yellow */
  --green: #3BA836;
  /* Green */
  --blue: #004AE5;
  /* Blue */
  --blue2: #015BAA;
  /* Blue 2 */
  --violet: #662482;
  /* Violet */
}

@media (max-width: 991px) {
  html {
    font-size: 2.325581395348837vw;
    font-size: calc(1000vw / 390);
  }

  main {
    position: relative;
    z-index: 1;
  }

  h2,
  h2 * {
    font-size: 2.4rem;
    line-height: 130%;
  }

  .sec3_gif {
    width: 18rem;
  }

  .sec2_gif {
    width: 26rem;
  }

  .primary_btn {
    font-size: 1.8rem;
    line-height: 1.8rem;
    height: 5.1rem;
    padding: 0 1.6rem;
  }

  .primary_btn img {
    width: 3.5rem;
  }

  .hide_mob,
  .sec1_zone2 {
    display: none !important;
  }

  /* Header Start */
  header {
    height: 5.4rem;
  }

  .header_container {
    padding: 0 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .header_logo {
    position: initial;
    width: 17.6rem;
    display: block;
  }

  .header_slick {
    display: none;
  }

  .header_content {
    width: auto;
  }

  .header_btns {
    width: auto;
    margin: 0;
  }

  .header_btns .primary_btn {
    height: 3.8rem;
    font-size: 1.4rem;
    line-height: 110%;
    padding: 0 1.1rem;
    width: 10.3rem;
  }

  .primary_btn2 span {
    font-size: 1.4rem;
    line-height: 110%;
  }

  .header_btns .primary_btn2 img {
    width: 1.4rem;
    margin-left: 0.4rem;
    margin-bottom: auto;
    margin-top: 0.4rem;
  }

  .trigger {
    top: -2rem;
  }

  #hermance {
    top: 75rem;
  }

  .sticky_bare {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    background-color: var(--yellow);
    height: 5rem;
  }

  .sticky_bare_holder {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .sticky_bare_holder .primary_btn {
    width: 24rem;
    height: 6rem;
    font-size: 2.2rem;
    font-weight: 600;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    padding: 0;
  }

  /* Header Start */
  /* Section1 Start */
  .section1 {
    overflow: hidden;
  }

  .section1,
  .slick1,
  .slick1_slide {
    height: calc(100vh - 4.8rem);
    height: calc(100vh - 17rem);
    height: 100svh;
    min-height: initial;
  }

  .section1 .container {
    left: 0;
    transform: initial;
    bottom: 8rem;
    bottom: 0rem;
    padding-bottom: 1.5rem;
  }

  .slick1_slide {
    position: relative;
    background-position: top -6rem center;
  }

  .slick1_slide::after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 30rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(0, 12, 153, 0) 100%);
    bottom: 0;
    left: 0;
  }

  .slick1_slide_1 {
    background-image: url(../img/mobile/background_e1_patiente_2x.webp);
  }

  .slick1_slide_2 {
    background-image: url(../img/mobile/background_e1_donateur_2x.webp);
  }

  .slick1_slide_3 {
    background-image: url(../img/mobile/background_e1_chercheur_2x.webp);
  }

  .slick1_slide_4 {
    background-image: url(../img/mobile/background_e1_proches_2x.webp);
  }

  .section1 h1 {
    font-family: "Poppins";
    font-weight: 700;
    text-align: left;
    color: var(--White);
    position: relative;
    font-size: 3rem;
    font-size: 2.5rem;
    line-height: 135%;
    line-height: 115%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
  }

  .scroll_arrow {
    left: 50%;
    transform: translateX(-50%);
    bottom: 8rem;
    width: 2.3rem;
  }

  @keyframes scroll {
    0% {
      transform: translateX(-50%);
    }

    50% {
      transform: translateX(-50%) translateY(-1rem);
    }

    100% {
      transform: translateX(-50%);
    }
  }

  .slick1 .slick-dots {
    bottom: 5rem;
    bottom: initial;
    left: 2.1rem;
    width: 5.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    right: initial;
    top: 7rem;
  }

  .slick1 .slick-dots li,
  .slick1 .slick-dots li button {
    width: 1.2rem;
    height: 1.2rem;
    padding: 0;
    margin: 0;
  }

  .slick1 .slick-arrow,
  .slick1 .slick-arrow:focus,
  .slick1 .slick-arrow:hover {
    width: 1.2rem;
    height: 1.2rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: initial;
    transform: initial;
    bottom: 4.7rem;
    bottom: initial;
    top: 7rem;
    right: initial;
  }

  .slick1 .slick-prev,
  .slick1 .slick-prev:hover,
  .slick1 .slick-prev:focus {
    left: 0.7rem;
  }

  .slick1 .slick-next,
  .slick1 .slick-next:hover,
  .slick1 .slick-next:focus {
    left: 8.1rem;
  }

  .section1 h1 span {
    font-size: 3rem;
    display: block;
    text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
    width: 37.3rem;
    height: 6.1rem;
    margin-top: 1rem;
    background-image: url(../img/mobile/brush.svg);
    padding-top: 1.5rem;
    transform: scale(0.9);
    margin-top: 0;
  }

  .section1 h1 b {
    font-size: 3.74rem;
    line-height: 5.3rem;
    text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
  }

  /* Section1 End */
  /* Section2 Start */
  .section2 {
    padding: 6rem 0;
    background: linear-gradient(0deg, rgba(3, 4, 28, 1) 0%, rgba(0, 92, 169, 1) 32%, rgba(0, 92, 169, 1) 57%, rgba(3, 4, 28, 1) 100%);
    overflow: hidden;
  }

  .section2::after {
    display: none;
  }

  .section2 p {
    font-size: 2rem;
    line-height: 140%;
    margin-bottom: 3rem;
    color: var(--White);
    font-weight: 600;
  }

  .sec_slider_holder {
    height: auto;
    margin-bottom: 0;
  }

  .sec_slider_card {
    position: initial;
    margin: 0 auto 3rem auto;
    width: 31rem;
    height: auto;
    overflow: hidden;
  }

  .sec_slick {
    height: auto;
    display: flex;
    flex-direction: column;
  }

  .sec_slide {
    width: 100%;
    height: auto;
    background-color: var(--White);
    padding-top: 17.4rem;
  }

  .sec_slide_content .plus {
    display: none;
  }

  .sec_slide_content .player {
    display: block;
    width: 6rem;
    position: absolute;
    top: initial;
    bottom: calc(100% - 3rem);
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
  }

  .sec_slide iframe {
    z-index: 1;
  }

  .sec_slide_content h3 {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
    width: 25.5rem;
    margin: 0 auto 0.8rem auto;
    line-height: 150%;
  }

  .sec_slide_content h3 span {
    display: initial;
    font-size: 1.6rem;
    line-height: 150%;
    font-weight: 400;
    margin-bottom: 0;
    padding: initial;
    background-color: transparent;
  }

  .sec_slide_content {
    padding-top: 3.6rem;
    padding-bottom: 2.4rem;
  }

  .sec_slide video {
    position: absolute;
    top: 0;
    left: -0.2rem;
    z-index: 2;
    height: 17.4rem;
    object-position: center;
    width: calc(100% + 0.4rem);
  }

  .sec_slide_content p {
    margin-bottom: 0;
    color: var(--secondary-color);
    font-size: 1.4rem;
    line-height: 140%;
    text-shadow: none;
    font-weight: 500;
  }

  .sec_slide_content p span {
    font-weight: 600;
  }

  .sec_slide {
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .sec_slide_2 {
    background-image: url(../img/mobile/temoignage_hermance_2x.webp);
  }

  .sec_slide_3 {
    background-image: url(../img/mobile/temoignage_fabrice_2x.jpg);
  }

  /* Section2 End */
  /* Section3 Start */
  .section3 {
    padding: 5rem 0 6rem 0;
    background-image: url(../img/mobile/section3.jpg);
  }

  .section3 h2 {
    margin-bottom: 0;
  }

  .sec2_slick_holder {
    margin: 3rem auto 5.3rem auto;
  }

  .section3 p {
    font-size: 1.6rem;
    line-height: 140%;
    margin-bottom: 3rem;
    font-weight: 600;
  }

  .section3 .primary_btn {
    box-shadow: initial;
    height: 5.1rem;
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-weight: 600;
  }

  .sec2_slide {
    width: 32rem;
    border-radius: 1.2rem;
    margin: 0 auto;
  }

  .sec2_slide-content {
    height: 13rem;
  }

  .sec2_slide-content p {
    font-size: 1.6rem;
    line-height: 150%;
    font-weight: 400;
    margin-bottom: 0;
  }

  .sec2_slide2 .sec2_slide-content {
    padding-bottom: 0rem;
  }

  .sec2_slide3 .sec2_slide-content p strong {
    font-size: 2.4rem;
  }


  .sec2_slide-content p strong {
    font-size: 4rem;
  }

  .sec2_slide-content p strong span,
  .sec2_slide-content p strong sup {
    font-size: 2.4rem;
  }

  .sec2_slick .slick-dots {
    left: 50%;
    transform: translateX(-50%);
    width: 3.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    bottom: -2.5rem;
    position: absolute;
  }

  .sec2_slick .slick-dots li,
  .sec2_slick .slick-dots button {
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    border-radius: 50%;
  }

  .sec2_slick .slick-dots button {
    border: 1px solid var(--White);
  }

  .sec2_slick .slick-dots li.slick-active button {
    background-color: var(--White);
  }

  .sec2_slick .slick-arrow,
  .sec2_slick .slick-arrow:focus,
  .sec2_slick .slick-arrow:hover {
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: initial;
    transform: initial;
    bottom: -2.5rem;
    z-index: 10;
  }

  .sec2_slick .slick-prev,
  .sec2_slick .slick-prev:hover,
  .sec2_slick .slick-prev:focus {
    background-image: url(../img/mobile/arrow_left.svg);
    left: 50%;
    transform: translateX(calc(-50% - 3rem));
  }

  .sec2_slick .slick-next,
  .sec2_slick .slick-next:hover,
  .sec2_slick .slick-next:focus {
    background-image: url(../img/mobile/arrow_right.svg);
    right: 50%;
    transform: translateX(calc(-50% + 4rem));
  }

  .sec2_slick .slick-prev:before,
  .sec2_slick .slick-next:before {
    display: none;
  }

  /* Section3 End */
  /* Section4 Start */
  .section4 {
    padding: 4rem 0;
    overflow: hidden;
  }

  .section4 p {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0 auto 3rem auto;
    width: 29.8rem;
  }

  .section4 h2 {
    margin-bottom: 3rem;
    line-height: 90%;
  }

  .section4 h2 .span2 {
    font-size: 2.4rem;
    width: 25.5rem;
    height: 3.4rem;
  }

  .section4 .content {
    height: auto;
    width: 100%;
    margin: 0 auto;
  }

  .sec4_slide {
    position: initial;
    width: 32rem;
    height: auto;
    display: block;
    margin: 0 auto;
    z-index: 1;
    opacity: 1;
    border-radius: 1.2rem;
    margin-bottom: 3rem;
  }

  .sec4_slide img {
    width: 100%;
    height: auto;
  }

  .sec4_slide-content {
    width: 100%;
    padding: 2rem;
    box-shadow: inset 0px 0rem 3rem 0px rgba(0, 0, 0, 0.12);
    position: relative;
  }

  .sec4_slide h6 {
    background-color: var(--yellow);
    width: 100%;
    height: 4.5rem;
    color: var(--dark);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-weight: 400;
    position: absolute;
    left: 0;
    bottom: calc(100%);
  }

  .sec4_slide h5 span {

    font-size: 1.8rem;
    line-height: 1.8rem;
  }

  .sec4_slide h6 b {
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-weight: 700;
  }

  .sec4_slide h4 {
    background: linear-gradient(90deg, rgba(227, 0, 125, 1) 0%, rgba(238, 111, 0, 1) 83%, rgba(255, 204, 0, 1) 100%);
    color: var(--White);
    font-size: 1.4rem;
    padding: 0.2rem 0.8rem;
    display: inline-block;
    margin-bottom: 0.8rem;
  }

  .sec4_slide h3 {
    font-size: 1.6rem;
  }

  .sec4_slide p {
    font-size: 1.6rem;
    padding-bottom: 1.3rem;
    margin-bottom: 0.8rem;
    width: 100%;
  }

  .sec4_slide .sec4_box p {
    font-weight: 400;
  }

  .sec4_box {
    display: none;
  }

  .sec4_slide h5 {
    font-size: 1.5rem;
  }

  .readmore_btn {
    display: block;
    text-decoration: underline;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
  }

  /* Section4 End */
  /* Section5 Start */
  .section5 {
    padding: 4rem 0 2rem 0;
  }

  .section5 .container {
    max-width: 39rem;
  }

  .section5 h2 br {
    display: none;
  }

  .section5 h2 {
    margin: 0 auto 4rem auto;
    width: 32.5rem;
  }

  .section5 .sec3_gif {
    transform: translateX(calc(-50% - 12rem));
    top: 10.5rem;
  }

  .sec5_card1 {
    display: none;
  }

  .sec5_card2 {
    width: 100%;
    height: auto;
    padding: 2.3rem 1.2rem;
    margin-top: 19.5rem;
    position: relative;
    border-radius: 1.2rem;
    border: 0.6rem solid #004AE5;
  }

  .sec5_cards {
    padding: 0 2rem;
  }

  .compte {
    display: none;
  }

  .sec5_calc_container label[for="price1"] {
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-bottom: 0.5rem;
  }

  .sec5_calc_container .input-flex label {
    margin: 0;
    font-size: 2.4rem;
    line-height: 2.4rem;
  }

  .input-holder label[for="price2"] {
    font-size: 1.6rem;
    line-height: initial;
    margin-bottom: 0.5rem;
    margin-top: 3.2rem;
  }

  .input-holder label[for="price2"] span {
    font-size: 1.6rem;
  }

  .sec5_calc_container .primary_btn {
    height: 7rem;
  }

  .sec5_calc_container .primary_btn img {
    width: 3.7rem;
    margin-right: 1rem;
  }

  .sec5_calc_container .primary_btn b {
    font-size: 2rem;
    line-height: 2rem;
  }

  .sec5_calc_container .primary_btn span {
    font-size: 1.8rem;
  }

  .sec5_calc_container .d-flex {
    margin-top: 0;
  }

  .input-holder2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 1.2rem);
    width: 35rem;
  }

  .radio-holder {
    width: 100%;
  }

  .radio-holder label {
    width: 16.9rem;
    height: 19rem;
    border-radius: 1.2rem;
    border: 0.6rem solid #004AE5;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    padding-top: 1rem;
    cursor: pointer;
    text-align: left;
    padding: 0 1.6rem;
    padding: 0 1.1rem 0 1.1rem;
    background-color: var(--White);
    position: relative;
  }

  .radio-holder label span {
    color: #004AE5;
  }

  .radio-holder label b {
    font-size: 2.6rem;
    font-weight: 700;
    color: var(--primary-color);
  }

  .radio-holder input[type=radio]:checked+label b,
  .radio-holder input[type=radio]:checked+label span,
  .radio-holder input[type=radio]:checked+label strong {
    color: var(--secondary-color);
  }

  .radio-holder label strong {
    font-size: 1.6rem;
    line-height: 120%;
    font-weight: 600;
    display: block;
    margin: 0.5rem auto;
  }

  .radio-holder label span strong span {
    font-size: 1.6rem;
    font-weight: 400;
    display: initial;
  }

  .radio-holder label span span {
    font-size: 1.2rem;
    line-height: 120%;
    font-weight: 400;
    display: block;
  }

  .radio-holder input[type=radio]:checked+label::after {
    content: '';
    position: absolute;
    top: calc(100% - 0.7rem);
    left: 50%;
    transform: translateX(-50%);
    width: 2.8rem;
    height: 2.6rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/mobile/fleche.png);
  }

  /* Section5 End */
  /* Section6 Start */
  .section6 {
    padding: 2rem 0 5rem 0;
  }

  .section6 .container {
    margin: 0 auto;
    max-width: 35rem;
    padding: 3rem 2rem;
    border-radius: 1.2rem;
    background-image: url(../img/mobile/espace_donateur.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .section6 h2 b,
  .section6 h2 span {
    display: inline;
    opacity: 1 !important;
    text-transform: initial;
  }

  .section6 h2 {
    width: 29.5rem;
    transform: translateY(-5rem);
    opacity: 0;
    margin: 0 auto 5.2rem auto;
  }

  .secondary_btn {
    font-size: 2rem;
    line-height: 2rem;
    height: 5rem;
    padding: 0 2.3rem;
  }

  .secondary_btn img {
    width: 2.6rem;
    margin-right: 1rem;
  }

  .sec6_cards {
    flex-direction: initial;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 31rem;
    margin-bottom: 0;
    gap: initial;
  }

  .sec6_card {
    flex-direction: initial;
    padding: 0 1.8rem;
    justify-content: space-between;
    width: 15rem;
    height: 12.6rem;
    margin-bottom: 4rem;
  }

  .section6 .sec3_gif {
    transform: translateX(calc(-50% + 10rem));
    top: 10.5rem;
  }

  .sec6_card img {
    width: 6rem;
    top: -3rem;
  }

  .sec6_card p {
    line-height: 140%;
    text-align: center;
    font-size: 1.6rem;
    width: auto;
  }

  .sec6_card p b {
    font-size: 1.6rem;
  }

  /* Section6 End */
  /* Section7 Start */
  .section7 {
    height: 50.3rem;
    background-image: url(../img/mobile/merci_2x.webp);
  }

  .section7 h2 {
    font-size: 10rem;
    line-height: 8rem;
  }

  .section7 h2 b {
    font-size: 2rem;
    width: 28.5rem;
    height: 3.2rem;
    margin-top: 0.8rem;
  }

  .section7 .sec2_gif {
    top: 1.6rem;
    left: 0;
    width: 16rem;
  }

  .section7 h2 {
    font-size: 1.8rem;
    line-height: 125%;
    margin-bottom: 6rem;
  }

  /* Section7 End */
  /* Footer Start */
  footer {
    height: auto;
    padding: 5rem 0 9rem 0;
    position: relative;
    z-index: 2;
  }

  .f-zone2 h4 {
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-bottom: 1rem;
  }

  .f-media a {
    width: 4.5rem;
  }

  .f-media a:nth-child(2) {
    width: 5rem;
  }

  .sec-container {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .f-zone2 {
    order: 1;
  }

  .f-zone1 {
    order: 2;
    margin-top: 4rem;
  }

  .f-zone3 {
    width: 7.7rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -4.85rem;
  }

  .f-zone3 img {
    width: 100%;
  }

  .f-media {
    width: 32rem;
  }

  .f-logo {
    width: 24.8rem;
  }

  /* Footer End */
  .input-flex input {
    font-size: 1.6rem;
  }

  .header_logo img {
    transform: initial;
  }

  .switcher {
    display: none;
  }

  .section8 {
    height: 30.8rem;
    background-image: url(../img/mobile/bandeau_chercheur_2x.webp);
    margin-top: 0;
  }

  .section8 h3 {
    font-size: 2rem;
  }

  .section8 h2 {
    font-size: 2.4rem;
    width: 32rem;
    height: 3.3rem;
  }

  .section8 .scroll_arrow {
    bottom: 1rem;
  }

  .section8 .container {
    justify-content: flex-end;
    padding-bottom: 5rem;
  }

  .sec_slider_card:nth-child(1) {
    order: 1;
  }

  .sec_slider_card:nth-child(2) {
    order: 3;
  }

  .sec_slider_card:nth-child(3) {
    order: 2;
  }

  .sec_slider_card:nth-child(2) .sec_slide_content h3 {
    width: 29.2rem;
    letter-spacing: -1%;
  }

  .sec_slide_3 .sec_slide_content .plus {
    display: block;
    width: 6rem;
    position: absolute;
    top: initial;
    bottom: calc(100% - 3rem);
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
  }

  .slide_card {
    width: auto;
    height: auto;
    padding: 0 2rem;
    margin: 0 auto;
    box-shadow: none;
    background-color: transparent;
    font-size: 1.8rem;
    color: var(--secondary-color);
    line-height: 150%;
    font-weight: 400;
  }

  .slide_card span {
    display: block;
    margin-top: 0.8rem;
    font-size: 1.4rem;
    line-height: 150%;
    font-weight: 500;
  }

  .section3 h5 {
    font-size: 1rem;
    transform: translateX(-50%);
    left: 50%;
    top: initial;
    width: 100%;
    bottom: 2.25rem;

  }

  .footer99 {
    display: none;
  }

  /*  */
  .section1 .primary_btn {
    margin-top: 4rem;
  }

  .sec_slide video {
    opacity: 1;
  }

  .sec_slide_1,
  .slick-current .sec_slide_1 {
    background-image: none;
  }

}

@media (min-width: 992px) {

  html {
    font-size: 0.5208333333333333vw;
  }

  .hide_desk {
    display: none !important;
  }

  .primary_btn:hover,
  .secondary_btn:hover,
  .f-media a:hover {
    transform: scale(1.1);
  }

  .header_btns .primary_btn:hover {
    transform: scale(1.04);
  }

  .sec2_card_media_holder img:nth-child(3):hover {
    transform: scale(1.05) translateX(-50%);
  }

  .sec3_card:hover {
    background-color: var(--yellow);
  }

  .sec4_card:hover {
    transform: scale(1.05);
  }

  .f-zone2 p a:hover,
  .f-zone2 p span:hover {
    text-decoration: underline;
  }

  .sec6_card:hover {
    transform: scale(1.05);
  }

  .sec2_card_1 .sec2_card_content {
    position: relative;
    z-index: 1;
  }

  .sec2_card_1 .sec2_card_media_holder_1 {
    position: relative;
    z-index: 2;
  }

  .sec2_card_1 .sec2_card_media_holder_1 iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% + 40rem);
  }

  .sec_slide:hover .sec_slide_content .plus,
  .sec_slide:hover .sec_slide_content .player {
    transform: scale(1.14);
  }

  .sec2_slide:hover {
    transform: scale(1.05);
  }

  .switch:hover {
    transform: scale(1.05);
  }

  .slide_card {
    position: relative;
  }

  .slide_card::after {
    content: '';
    position: absolute;
    top: -3.2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 7.3rem;
    height: 5.5rem;
    background-image: url(../img/vec-desk.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
  }

  .sec1_zone2 {
    max-width: 48rem;
  }

  .section1 .container {
    transform: translateX(calc(-50% - 64.3rem));
    transform: translateX(calc(-50% - 32.15rem));
    max-width: initial;
    transform: initial;
    left: 0;
    width: calc(100% - 57.3rem);
  }

  .section1 .container h1 {
    transform: scale(0.9) translateY(1rem);
  }

}