/* Fonts Start */
@font-face {
    font-family: 'AmaticSC';
    src: url('../assets/fonts/Amatic_SC/AmaticSC-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'AmaticSC';
    src: url('../assets/fonts/Amatic_SC/AmaticSC-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto_Condensed';
    src: url('../assets/fonts/Roboto/Roboto_Condensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto_Condensed';
    src: url('../assets/fonts/Roboto/Roboto_Condensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto_Condensed';
    src: url('../assets/fonts/Roboto/Roboto_Condensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto_Condensed';
    src: url('../assets/fonts/Roboto/Roboto_Condensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto_Condensed';
    src: url('../assets/fonts/Roboto/Roboto_Condensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto_Condensed';
    src: url('../assets/fonts/Roboto/Roboto_Condensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-display: swap;
}
/* Fonts End */
/* General CSS Start */
:root {
    --primary-color: #D40030;       /* Fresh green */
    --secondary-color: #009B87;     /* Bright orange */
    --dark: #000000;      /* Deep dark gray */
    --White: #FFFFFF;    /* White */
    --accent-color: #2F2D4C; /* Dark text */
    --highlight-color: #D40073;     /* Warm pink */
}
* {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Roboto_Condensed";
}
  
html{
    scroll-behavior: smooth;
}
body {
    text-align: center;
    color:var(--dark);
}
a {
    color: inherit;
    text-decoration: none;
    outline: none !important;
}
a:hover {
    color: inherit;
    text-decoration: none;
}
  button:focus,
  input:focus {
    outline: none;
}
.orange_text{
    color: var(--secondary-color);
}
h1,
h1 *{
    font-family: 'AmaticSC';
    font-weight: 400;
}
h1,
h1 *{
    font-size: 19.88rem;
    line-height: 100%;
}
h2,
h2 *{
    font-size: 10rem;
    line-height: 100%;
    font-family: 'AmaticSC';
    font-weight: 700;
}
h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
h6,
h6 *{
    font-family: 'AmaticSC';
    font-weight: 400;
}

section{
    position: relative;
}
p {
    font-family: "Roboto_Condensed";
    font-weight: 400;
    font-size: 2rem;
    line-height: 170%;
}
.container {
    margin: 0 auto;
    width: 100%;
    max-width: 142.4rem;
}
main {
    background-color: var(--secondary-color);
    position: relative;
    z-index: 1;
}
.d-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.primary-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 56.4rem;
    height: 13.3rem;    
    background-position: center;
    background-size: contain;
    background-image: url(../img/primary_btn.png);
    background-repeat: no-repeat;
    color: var(--primary-color);
    transition-duration: 0.3s;
}
.primary-btn b {
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 900;
    padding-bottom: 0.25rem;
    text-transform: uppercase;
    transform: rotate(-2.4deg);
}
.primary-btn span {
    font-size: 1.9rem;
    line-height: 1.9rem;
    font-weight: 400;
    transform: rotate(-2.4deg);
}
/* Header Start */
.header_logo {
    width: 34.1rem;
    position: absolute;
    top: 2.8rem;
    left: 1.6rem;
    z-index: 10;
}
.header_logo img {
    width: 100%;
    display: block;
}
.compte {
    width: 24.4rem;
    height: 24.4rem;
    position: absolute;
    top: 3.6rem;
    right: 4.3rem;
    z-index: 10;
    background-position: center;
    background-size: contain;
    background-image: url(../img/compte.png);
    background-repeat: no-repeat;
    color: var(--White);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(8deg);
}
.compte p {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.4rem;
}
.compte p b {
    font-weight: 700;
}
.compte h2,
.compte h2 * {
    font-size: 6.4rem;
    line-height: 3.8rem;
    font-weight: 700;
    margin: 1rem 0 2rem 0;
}
.fixed_bar {
    width: 113.4rem;
    height: 17.99rem;
    background-position: top left;
    background-size: contain;
    background-image: url(../img/fixed_bar.png);
    background-repeat: no-repeat;
    z-index: 50;
    position: fixed;
    bottom: 1rem;
    right: -0.1rem;
    color: var(--White);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    padding-right: 3rem;
    padding-top: 0.5rem;
    transform: scale(0.9) translate(7rem, 4rem);
}
.fixed_bar h2 {
    font-size: 4.4rem;
    line-height: 110%;
    font-weight: 700;
}
.fixed_bar-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 104rem;
}
.fixed_bar p {
    text-align: right;
    font-size: 1.8rem;
    line-height: 130%;
    font-weight: 400;
    margin: 1rem 0 0 auto;
}
.fixed_bar-urls {
      display: flex;
    justify-content: space-between;
    align-items: center;
    width: 59.6rem;  
}
.fixed_bar-urls a {
    display: block;
    width: 10.3rem;
    height: 8.2rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/fixed_bar-url.png);
    color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.5rem;
    line-height: 3.5rem;
    transition-duration: 0.3s;
    font-weight: 700;
}
.fixed_bar-urls a span {
    font-size: 1.8rem;
    line-height: 100%;
}
/* Header End */
/* Section 1 Start */
.section1{
    height: 100vh;
    position: relative;
    z-index: 2;
}
.section1,
.slick1_slide {
    background-color: var(--dark);
}
.section1 .container{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: initial;
    z-index: 3;
}
.img-bg{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 41.8rem;
    width: 93.8rem;
    width: 83.8rem;
    top: 28.8rem;
}
.section1 h1 {
    font-size: 19.9rem;
    font-size: 15.9rem;
    line-height: 100%;
    position: absolute;
    top: 7rem;
    left: 15.4rem;
    transform: rotate(-4deg);
    font-weight: 700;
    text-align: left;
    color: var(--White);
}
.section1 h1 span{
    display: block;
    padding-left: 18.5rem;
    font-size: 15.9rem;
    font-weight: 700;
}
.slick1_slide {
    background-position: top right;
    background-size: cover;
    width: 100%;
    height: 100vh;
    position: relative;
}
.slick1_slide::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.slick1_holder {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.vod_sec1{
    position: absolute;
    bottom: 0;
    left: 40rem;
    width: 31.1rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    cursor: pointer;
}
.vod_sec1_img1 {
    width: 8.8rem;
    display: block;
}
.vod_sec1_img2 {
    width: 4.2rem;
    display: block;
}
.vod_sec1-txt p {
    font-size: 3rem;
    line-height: 120%;
    margin-bottom: 1rem;
    font-weight: 700;
    text-align: left;
    color: var(--White);
}
.compte:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 90%;
    height: 90%;
    background: rgba(227, 0, 125, 0.65);
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0;
  }
}
.slick1_slide1 {
    background-image: url(../img/ecran_1_1_1x.webp);
}
.slick1_slide2 {
    background-image: url(../img/ecran_1_2_1x.webp);
}
.slick1_slide3 {
    background-image: url(../img/ecran_1_3_1x.webp);
}
.slick1_slide4 {
    background-image: url(../img/ecran_1_4_1x.webp);
}
/* Section 1 End */
/* Section 2 Start */
.section2 {
    background-color: var(--dark);
    margin-bottom: -13.5rem;
    padding-bottom: 15rem;
    padding-top: 9rem;
    z-index: 1;
}
.section2 .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 142.4rem;
}
.sec2_vod {
    width: 41.2rem;
    height: 73.1rem;
    position: relative;
    background-image: url(../img/Video4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.sec2_vod img {
    width: 10.7rem;
    position: absolute;
    cursor: pointer;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition-duration: 0.3s;
}
.sec2_content {
    width: 94.8rem;
    color: var(--White);
    text-align: left;
}
.sec2_content h2 {
    font-size: 7.4rem;
    line-height: 110%;
    margin-bottom: 5rem;
}
.sec2_content h3 {
    font-weight: 700;
    font-size: 3.8rem;
    line-height: 110%;
    margin-bottom: 2rem;
}
.sec2_content p{
    margin-bottom: 1.75rem;
    font-size: 2rem;
    font-weight: 300;
    margin-right: auto;
    width: 81.4rem;
}
.sec2_content p b {
    font-weight: 700;
}
.sec2_content .primary-btn {
    margin-top: 4.3rem;
    width: 34.9rem;
    height: 10.7rem;
    background-image: url(../img/primary_btn-sec6.png);
    padding-right: 2rem;
}

.sec2_content h2 .span1,
.sec2_content h2 .span2{
    position: relative;
    z-index: 1;
    font-size: 7.4rem;
    font-weight: 700;
}
.sec2_content h2 .span1::after{
    width: 14.6rem;
    height: 7.4rem;
    content: '';
    background-image: url(../img/span1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 1.25rem;
    left: -0.9rem;
    z-index: -1;
}
.sec2_content h2 .span2::after{
    width: 17.3rem;
    height: 7.4rem;
    content: '';
    background-image: url(../img/span2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 1.5rem;
    left: -1.4rem;
    z-index: -1;
}
/* Section 2 End */
/* Section 3 Start */
.section3 {
    height: 113.3rem;
    background-image: url(../img/section3.png);
    background-size: cover;
    background-position: top center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    margin-bottom: -13.5rem;
}
.section3 h2 {
    color: var(--primary-color);
    font-size: 9rem;
    line-height: 110%;
    margin-bottom: 7rem;
}
.section3 h3 {
    color: var(--dark);
    font-size: 3.6rem;
    line-height: 130%;
    margin-bottom: 2.3rem;
    margin-top: 7rem;    
    font-family: 'Roboto_Condensed';
    font-weight: 500;
}
.section3 .primary-btn,
.section5 .primary-btn {
    background-image: url(../img/primary_btn_sec3.png);
    width: 68.1rem;
    height: 10.7rem;
}
.section3 .primary-btn b,
.section5 .primary-btn b{
    transform: initial;
    font-size: 3.4rem;
    line-height: 3.4rem;
}
.sec3_cards {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    width: 136rem;
}
.sec3_card {
    width: 42rem;
    height: 42rem;
    position: relative;
    border-radius: 1rem;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 2.2rem;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.3);
    transition-duration: 0.3s;
    cursor: pointer;
}
.sec3_card img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 10.2rem;
    bottom: 16rem;
}
.sec3_card p {
    font-family: 'AmaticSC';
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 3.2rem;
    color: var(--White);
}
.sec3_card2 p {
    color: var(--accent-color);
}
.sec3_card1 {
    background-image: url(../img/enora_1x.webp);
}
.sec3_card2 {
    background-image: url(../img/charline_1x.webp);
}
.sec3_card3 {
    background-image: url(../img/camille_1x.webp);
}
.poup_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark);
    opacity: 0.6;
    z-index: 100;
}
.poup_bg_slide {
    background-image: url(../img/poup_bg.png);
    background-position: center bottom;
    background-size: cover;
    width: 101rem;
    height: 91rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 101;
    max-height: 90vh;
}
.poup_bg_slide-content{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.poup_bg_slide-slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 87.6rem;
    margin: 0 auto;
}
.poup_bg_slide-video{
    width: 43.9rem;
    height: 78rem;
    max-height: 85vh;
    border-radius: 1rem;
    overflow: hidden;
}
.poup_bg_slide-video img {
    display: block;
    width: 100%;
}
.poup_bg_slide-video-content img {
    width: 11.1rem;
    display: block;
    margin: 0 auto 3.4rem auto;
}
.poup_bg_slide-video-content p {
    text-align: center;
    font-size: 3.6rem;
    line-height: 130%;
    color: var(--accent-color);
    font-weight: 500;
}
.poup_bg_slide-video-content p b {
    font-weight: 700;
}
.poup_bg_slide-video-content .primary-btn {
    background-image: url(../img/poup_bg_slide-primary-btn.png);
    width: 35.1rem;
    height: 10.8rem;
    margin-top: 3.4rem;
}
.poup_bg_slide_close {
    display: block;
    cursor: pointer;
    transition-duration: 0.3s;
    width: 4.3rem;
    position: absolute;
    top: 1.5rem;
    z-index: 3;
    right: 1.5rem;
    z-index: 15 !important;
}
.poup_bg_slide-slick .slick-dots {
    width: 8rem;
    display: flex;
    justify-content: space-between;
    align-content: center;
    right: 21.8rem;
    bottom: 0.5rem;
}
.poup_bg_slide-slick .slick-dots li {
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
}
.poup_bg_slide-slick .slick-dots li button {
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    background-image: url(../img/ellipse.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.poup_bg_slide-slick{
    width: 101rem;
    margin: 0 !important;
}
.poup_bg_slide-slick .slick-dots li.slick-active button {
    background-image: url(../img/ellipse2.png);
}
.poup_bg_slide-slick .slick-dots li button::before{
    display: none;
}
.poup_bg_slide-slick .slick-next,
.poup_bg_slide-slick .slick-next:focus,
.poup_bg_slide-slick .slick-next:hover,
.poup_bg_slide-slick .slick-prev,
.poup_bg_slide-slick .slick-prev:focus,
.poup_bg_slide-slick .slick-prev:hover {
    bottom: -0.4rem;
    top: initial;
    transform: initial;
}
.poup_bg_slide-slick .slick-next,
.poup_bg_slide-slick .slick-next:focus,
.poup_bg_slide-slick .slick-next:hover {
    right: 16.8rem;
    width: 3.7rem;
    height: 3.8rem;
    z-index: 1;
    background-image: url(../img/slide2_r.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition-duration: 0.3s;
}
.poup_bg_slide-slick .slick-next::before{
    display: none;
}
.poup_bg_slide-slick .slick-prev,
.poup_bg_slide-slick .slick-prev:focus,
.poup_bg_slide-slick .slick-prev:hover {
    left: initial;
    right: calc(8rem + 22.8rem);
    width: 3.7rem;
    height: 3.8rem;
    z-index: 1;
    background-image: url(../img/slide2_l.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition-duration: 0.3s;
}
.poup_bg_slide-slick .slick-prev::before{
    display: none;
}
/* Section 3 End */
/* Section 4 Start */
.section4 .container {
    max-width: initial;
}
.sec4_slide {
    width: 100%;
}
.sec4_card {
    width: 100%;
    position: relative;
}
.sec4_card img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}
.sec4_card-content {
    text-align: left;
    position: absolute;
    top: 31.5rem;
    left: 21.4rem;
    color: var(--White);
    z-index: 2;
}
.sec4_card-content h3{
    font-family: 'Roboto_Condensed';
    font-weight: 400;
    font-size: 3rem;
    line-height: 130%;
    margin-bottom: 5.7rem;
    position: relative;
}
.sec4_card-content h3::after {
    content: '';
    position: absolute;
    top: calc(100% + 1rem);
    left: 0;
    width: 49.1rem;
    height: 2.9rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/sec4_card.png);
}
.sec4_card-content h2{
    font-weight: 700;
    font-size: 7.4rem;
    line-height: 110%;
    margin-bottom: 2rem;
}
.sec4_card-content h4{
    font-weight: 700;
    font-size: 5rem;
    line-height: 110%;
    margin-bottom: 2rem;
    opacity: 0;
}
.sec4_card-content p{
    font-family: 'Roboto_Condensed';
    font-weight: 700;
    font-size: 3rem;
    line-height: 170%;
    margin-bottom: 0;
}
.sec4_slide{
    margin: 0 !important;
}
.sec4_slide .slick-dots {
    width: 8rem;
    display: flex;
    justify-content: space-between;
    align-content: center;
    left: 34.2rem;
    bottom: 3.6rem;
}
.sec4_slide .slick-dots li {
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
}
.sec4_slide .slick-dots li button {
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    background-color: var(--White);
}

.sec4_slide .slick-dots li.slick-active button {
    background-color: var(--primary-color);
}
.sec4_slide .slick-dots li button::before{
    display: none;
}
.sec4_slide .slick-next,
.sec4_slide .slick-next:focus,
.sec4_slide .slick-next:hover {
    right: 3.8rem;
    width: 3.7rem;
    height: 3.8rem;
    z-index: 1;
    background-image: url(../img/slide_r.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition-duration: 0.3s;
}
.sec4_slide .slick-next::before{
    display: none;
}
.sec4_slide .slick-prev,
.sec4_slide .slick-prev:focus,
.sec4_slide .slick-prev:hover {
    left: 3.8rem;
    width: 3.7rem;
    height: 3.8rem;
    z-index: 1;
    background-image: url(../img/slide_l.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition-duration: 0.3s;
}
.sec4_slide .slick-prev::before{
    display: none;
}
/* Section 4 End */
/* Section 5 Start */
.section5 {
    padding: 10rem 0 0 0;
}
.section5 h2 {
    color: var(--White);
    margin-bottom: 5rem;
}
.section5 h2 span {
    color: var(--secondary-color);
    position: relative;
    display: inline-block;
    width: 28.8rem;
    height: 12.9rem;
}
.section5 h2 span::after {
    content: '';
    position: absolute;
    top: -1.5rem;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-image: url(../img/sec5_span.svg);
    z-index: -1;
}
.sec5-flex {
    width: 126rem;
    margin: 0 auto 5.5rem auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sec5-card {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.sec5-card img {
    display: block;
}
.sec5-card p {
    color: var(--accent-color);
    text-align: left;
    font-size: 3rem;
    line-height: 120%;
    font-weight: 700;
    margin: 0 auto;
}
.sec5-card:nth-child(1){
    background-image: url(../img/sec5_card_1.png);
    width: 31.6rem;
    height: 39.3rem;
}
.sec5-card:nth-child(2){
    background-image: url(../img/sec5_card_2.png);
    width: 25rem;
    height: 39.3rem;
    margin-top: 2rem;
}
.sec5-card:nth-child(3){
    background-image: url(../img/sec5_card_3.png);
    width: 32rem;
    height: 39.3rem;
    margin-top: 3rem;
}
.sec5-card:nth-child(4){
    background-image: url(../img/sec5_card_4.png);
    width: 30.8rem;
    height: 39.3rem;
}
.sec5-card:nth-child(1) img {
    width: 13.8rem;
    margin: 0 auto 0.8rem auto;
}
.sec5-card:nth-child(2) img {
    width: 15.9rem;
    margin: 0 auto 0.8rem 2.6rem;
}
.sec5-card:nth-child(3) img {
    width: 13.5rem;
    margin: 8.2rem auto 3rem auto;
}
.sec5-card:nth-child(4) img {
    width: 10.7rem;
    margin: 1.2rem auto 0.8rem auto;
}
/* Section 5 End */
/* Section 6 Start */
.section6{
    height: 86.6rem;
    background-image: url(../img/section6.png);
    background-size: cover;
    background-position: top center;
    height: 86.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section6 h2 {
    color: var(--accent-color);
    font-size: 9rem;
    line-height: 110%;
    margin-bottom: 7rem;
}
.sec6-flex {
    margin: 0 auto;
    width: 70.4rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.sec6-content1 {
    width: 30.4rem;
    height: 38.5rem;
    background-image: url(../img/sec6_graph.png);
    background-size: cover;
    background-position: top center;
    position: relative;
}
.sec6-content1 h3 {
    font-size: 4.4rem;
    line-height: 110%;
    margin-bottom: 0;
    text-align: center;
    position: absolute;
    top: 4.8rem;
    left: 3rem;
    font-weight: 700;
    color: var(--White);
}
.sec6-content1 h4 {
    font-size: 3.4rem;
    line-height: 110%;
    margin-bottom: 0;
    text-align: center;
    position: absolute;
    bottom: 4rem;
    right: 3rem;
    font-weight: 700;
    color: var(--primary-color);
}
.sec6-content1 h4 b {
    font-size: 4.4rem;
    font-weight: 700;
}
.sec6-content2{
    width: 33.5rem;
}
.sec6-content2 p {
    color: var(--accent-color);
    font-size: 3rem;
    line-height: 120%;
    text-align: left;
    font-weight: 600;
    margin-bottom: 3.6rem;
    padding-left: 2rem;
}
.sec6-content2 p .red{
    font-weight: 600;
    color: var(--primary-color);
}
.sec6-content2 .primary-btn {
    width: 34.9rem;
    height: 10.7rem;
    background-image: url(../img/primary_btn-sec6.png);
    padding-right: 2rem;
}
.sec6-content2 .primary-btn b {
    font-size: 3.2rem;
    transform: initial;
}
/* Section 6 Start */
/* Section 7 Start */
.section7  {
    padding: 9rem 0 1.5rem 0;
}
.section7 h2 {
    color: var(--White);
    margin-bottom: 5.5rem;
}
.section7 h2 span {
    color: var(--highlight-color);
    position: relative;
    display: inline-block;
    width: 49.4rem;
    height: 12.3rem;
}
.section7 h2 span::after {
    content: '';
    position: absolute;
    top: -0.8rem;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/sec8_span.svg);
    z-index: -1;
}
.card_holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 140.5rem;
    margin: 0 auto;
}
.card {
    width: 69.8rem;
    height: 42.9rem;
    background-position: center;
    background-size: contain;
    background-image: url(../img/card.svg);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 3rem;
}
.card img {
    width: 21.1rem;
    display: block;
}
.card-content {
    width: 38.7rem;
    text-align: left;
    margin-left: 3rem;
}
.card-content h3 {
    color: var(--accent-color);
    font-size: 5rem;
    line-height: 5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    transform: rotate(-2.4deg);
}
.card-content p {
    color: var(--accent-color);
    font-size: 2.4rem;
    line-height: 140%;
    margin: 0 auto 1rem 0;
    transform: rotate(-2.4deg);
}
.card-content p b {
    font-weight: 700;
}
.primary-btn-card {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto 0 0;
    width: 28.3rem;
    height: 9.7rem;    
    background-position: center;
    background-size: contain;
    background-image: url(../img/primary_btn_card.png);
    background-repeat: no-repeat;
    color: var(--primary-color);
    transition-duration: 0.3s;
}
.primary-btn-card b {
    font-size: 2.3rem;
    line-height: 2.3rem;
    font-weight: 900;
    padding-bottom: 0.25rem;
    text-transform: uppercase;
    transform: rotate(-2.4deg);
}
.primary-btn-card span {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 400;
    transform: rotate(-2.4deg);
}
.primary-btn-card strong {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 900;
}
.card1 .card-content{
    padding-bottom: 2rem;
}
.card2 .card-content{
    padding-bottom: 2rem;
}
.section7 .h3 {
    font-size: 3rem;
    line-height: 120%;
    font-family: 'Roboto_Condensed';
    padding: 3.5rem 0 5.5rem 0;
    color: var(--White);
    position: relative;
    width: 76.5rem;
    margin: 0 auto;
}
.section7 .h3 img{
    display: block;
    position: absolute;
    top: 3.5rem;
    width: 5.3rem;
}
.section7 .h3 img:first-child{
    left: 0;
}
.section7 .h3 img:last-child{
    right: 0;
}
.section7 .d-flex {
    margin-top: 5.5rem;
}
/* Section 7 End */
/* Section 8 Start */
.section8 {
    height: 80.7rem;
    background-image: url(../img/section8.png);
    background-size: cover;
    background-position: top center;
    height: 72.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section8 h2 {
    color: var(--accent-color);
    font-size: 9rem;
    line-height: 110%;
    margin-bottom: 6rem;
}
.media-share {
    margin: 0 auto;
    width: 57.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.media-share a {
    transition-duration: 0.3s;
    width: 11.4rem;
    display: block;
}
.media-share a img {
    width: 100%;
    display: block;
}
/* Section 8 End */
/* Footer Start */
footer {
    background-color: var(--dark);
    color: var(--White);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 8rem;
    position: relative;
    z-index: 2;
}
footer .container {
    max-width: 184rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footer-media {
    width: 15.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 5rem;
}
.footer-media a {
    width: 4.1rem;
    display: block;
    position: relative;
}
.footer-media a img {
    width: 100%;
    display: block;
    transition-duration: 0.3s;
}
.footer-media a img:nth-child(2){
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
footer p {
    font-size: 2.2rem;
    line-height: 2.2rem;
}
.poingleve {
    position: absolute;
    width: 35.5rem;
    display: block;
    bottom: -17.7rem;
    right: -6.4rem;
    width: 29.1rem;
    bottom: 0;
    right: 0;
}
/* Footer End */
/*popup*/

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    z-index: 100;
    visibility: hidden;
    transition: .5s;
    transform: scale(0.7);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    z-index: 9997;
}

.modal.active {
    opacity: 0.98;
    visibility: visible;
    transform: scale(1);
}

.modal-content {
    width: 100%;
    max-width: 130rem;
    color: #fff;
    margin: auto;
}

.modal-content p {
    font-size: 3.5rem;
    font-weight: 700;
    text-align: center;
    line-height: 5rem;
}

.modal-content p a {
    color: #fff;
}

.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 25px;
    font-size: 1.5rem;
    text-align: center;
    color: #fff;
    font-weight: 700;
}

.modal-close .fa-times {
    color: #fff;
    font-size: 3.2em;
}


/* finpopup */
.poup_bg,
.poup_bg_slide{
    display: none;
}
.poup_bg_slide{
    opacity: 0;
    transition-duration: 0.3s;
}
.poup_bg_slide.show{
    opacity: 1;
}
.section4_h4 {
    position: absolute;
    font-weight: 700;
    font-size: 5rem;
    line-height: 110%;
    left: 21.4rem;
    top: 31.5rem;
    z-index: 2;
    color: var(--White);
    text-align: left;
}

.custom-arrows {
    position: absolute;
    width: 10rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
    bottom: 2rem;
    left: 2rem;
}
.custom-arrows .prev-arrow,
.custom-arrows .next-arrow {
    width: 3.7rem;
    height: 3.8rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition-duration: 0.3s;
    background-color: transparent;
    cursor: pointer;
}
.custom-arrows .prev-arrow{
    background-image: url(../img/slide_l.png);
}
.custom-arrows .next-arrow {
    background-image: url(../img/slide_r.png);
}
.section9 {
    background-color: var(--dark);
    text-align: center;
}
.section9 h3 {
    font-weight: 700;
  font-size: 3.8rem;
  line-height: 110%;
  margin-bottom: 0;
  color: var(--White);
  padding-top: 4.5rem;
}
.section2{
    padding-top: 4.5rem;
}
.sec2_vod{
    overflow: hidden;
}
.sec2_vod iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    transition-duration: 0.3s;
    z-index: 1;
}
.sec2_vod.play iframe {
    z-index: 3;
    opacity: 1;
}
.sec2_vod img {
    z-index: 2;
}
.poup_bg_slide-video iframe {
    width: 100%;
    height: 100%;
}