:root {
    --primary-color: #ffffff;
    --secondary-color: #96BF0D;
    --secondary-color2:#7EA107;
    --tertiary-color: #F29400;
    --color-1: #3F3F3F;
    --color-2: #C0C0C0;
    --color-3: #F2F2F2;
    --color-4: #3C3929;
}
@media only screen and (max-width: 991px) {
    html {
        font-size: 2.544529262086514vw;
        font-size: 1.3037809647979139504563233376793vw;
        font-size: 1.303780964797914vw;
    }
    .hide_mob_tab {
        display: none !important;
    }
    .section-holder{
        width: 100%;
    }
    .container{
        width: 100%;
        margin: 0 auto;
    }
    .section1 {
        min-height: 120rem;
    }
    .title-style1, .title-style1 span, .title-style2, .title-style2 span {
        font-size: 5rem;
        line-height: 6.4rem;
    }
    .section1 .container{
        width: calc(100% - 5.5rem);
        margin: 0 auto 0 3.8rem;
        padding-bottom: 19.2rem;
    }
    .section1 .primary-btn {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        font-size: 4.8rem;
        line-height: 4.8rem;
        height: 15.3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        display: none;
    }
    .primary-btn:hover {
        transform: scale(1);
        background-color: var(--secondary-color);
    }
    section::before{
        width: 100%;
    }
    .section1::before{
        width: 100%;
        background-image: url(../images/sec1_m.jpg);
    }
    .section1 .title-style2, .section1 .title-style2 span{
        font-size: 6.1rem;
        line-height: 7rem;
    }
    .section1 br,
    .bawah-arrow{
        display: none;
    }
    .btns-list {
        position: absolute;
        right: 0;
        top: -5rem;
        width: calc(100% - 16.1rem);
        flex-direction: column;
        background-color: var(--primary-color);
        height: auto;
        /* padding: 1.5rem 0; */
        transition-duration: 0.5s;
        border: 0;
        z-index: -1;
        opacity: 0;
    }
    .btns-list.active {
        opacity: 1;
        top: 8rem;
    }
    .btns-list .primary-btn{
        display: none;
    }
    .btns-list .btn-scroll {
        line-height: 2.6rem;
        font-size: 2.6rem;
        padding: 1.5rem 0;
        position: relative;
    }
    .btns-list .btn-scroll::after {
        content: '';
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        width: 100%;
        background-color: #DFDFDF;
        bottom: 0;
        position: absolute;
    }
    .btns-list .btn-scroll:nth-child(3)::after {
        display: none;
    }
    .btns-list .btn-scroll:first-child {
        border-top: 1px solid #DFDFDF;
        border-radius: 0;
    }
    header{
        /* background-color: transparent; */
        box-shadow: none;
        height: 8rem;
        position: absolute;
    }
    .header-container {
        width: 100%;
    }
    .header-logo {
        width: 16.1rem;
    }
    .header-container ul {
        width: calc(100% - 16.1rem);
        padding: 0 4.4rem;
        width: 41.9rem;
        padding: 0;
        margin: 0 auto 0 8.1rem;
    }
    .header-container ul li, .header-container ul li a {
        font-size: 2.6rem;
        line-height: 2.6rem;
        /* color: var(--primary-color); */
    }
    .header-logo img {
    box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.1);
    }
    .header-container ul li:hover, .header-container ul li:hover a {
        color: var(--primary-color);
        text-decoration: underline;
    }
    /* section2 */
    .section2 {
        padding: 11.1rem 0 4.6rem 0;
    }
    .section2 .container{
        width: 70.1rem;
    }
    .scroll-elem{
        top: 0 !important;
    }
    .section2 ul li {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 2.5rem 0;
    }
    
    .section2 ul li img,
    .section2 ul li p {
        margin: 0 auto !important;
    }
    .section2 ul li:nth-child(1) img {
        width: 15.1rem;
    }
    .section2 ul li p{
        text-align: center !important;
        display: block !important;
        padding: 0 !important;
        font-size: 2.6rem !important;
        line-height: 3rem !important;
        padding-top: 3.3rem !important;
            font-size: 3.6rem !important;
        line-height: 4rem !important;
    }
    .section2 ul li p br{
        display: none !important;
    }
    .section2 ul li p::after {
        width: 49.5rem !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        bottom: -2.5rem !important;
    }
    .section2 ul li:nth-child(even) p,
    .section2 ul li:nth-child(even) img{
        order: initial;
    }
    .section2 ul li:nth-child(2) img {
        width: 14.9rem;
    }
    .section2 ul li:nth-child(3) img{
        width: 20.6rem;
    }
    .section2 ul li:nth-child(4) img{
        width: 13.7rem;
        width: 16.7rem;
    }
    .section2 ul li:nth-child(5) img{
        width: 17.9rem;
    }
    .section2 ul li:nth-child(5){
        padding-top: 7.8rem;
    }
    /* .section2 ul li:nth-child(1) p{
        width: 46.4rem;
    }
    .section2 ul li:nth-child(2) p{
        width: 57rem;
    }
    .section2 ul li:nth-child(3) p{
        width: 70.1rem;
    }
    .section2 ul li:nth-child(4) p{
        width: 59.5rem;
    }
    .section2 ul li:nth-child(5) p{
        width: 59.5rem;
    } */
    .section2 ul li:nth-child(6) img {
        width: 26.9rem;
    }
    .primary-btn {
        font-size: 3.3rem;
        line-height: 3.3rem;
        height: 10.9rem;
        width: 60.2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3rem 0;
    }
    .section2 .primary-btn span{
        padding-left: 1rem;
    }
    .section2 .primary-btn::after{
        right: -5rem;
    }
    .section2 .primary-btn::before{
        left: -5rem;
    }
    .section3 {
        padding: 4.6rem 0 7.1rem 0;
    }
    section.section3::before {
        background-image: url(../images/sec3_m.png);
    }
    .section3 .container {
        width: calc(100% - 4.8rem);
    }
    .section3 h2.title-style1 {
        margin-bottom: 4.7rem;
    }
    .section3 p.p {
        font-size: 3.6rem;
        line-height: 4.6rem;
        width: 57rem;
        margin: 0 auto 7.7rem auto;
    }
    .section3 p.p b {
        font-size: 3.6rem;
        line-height: 4.6rem;
    }
    .section3 .container::after {
        display: none;
    }
    .list-box {
        width: 62.8rem;
        margin: 0 auto;
        flex-direction: column;
        height: auto;
        position: initial;
        padding: 2.2rem;
    }
    .list-box img {
        width: 15.7rem;
        margin-bottom: 2.2rem;
    }
    .section3 .list {
        min-height: initial;
        max-height: initial;
    }
    .list-txt h4 {
        font-size: 3.4rem;
        line-height: 3.4rem;
    }
    .list-txt p {
        font-size: 3.4rem;
        line-height: 4rem;
    }
    .list-content {
        min-height: 26rem;
        width: 59.6rem;
        margin: 0 auto 7.4rem auto;
    }
    .list-content p {
        font-size: 3.8rem;
        line-height: 4.4rem;
    }
    .list-triger {
        width: 72rem;
        height: 10.4rem;
        margin: 0 auto 4.5rem auto;
        justify-content: space-between;
        align-items: center;
    }
    .list-triger li {
        background-color: transparent;
        border: 1px solid var(--tertiary-color);
        font-size: 2.2rem;
        line-height: 2.2rem;
        color: var(--tertiary-color);
        box-shadow: none;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 4.7rem;
        min-width: 17.3rem;
        transition-duration: initial;
        margin: 0;
    }
    .list-triger li.active {
        font-size: 4.2rem;
        line-height: 4.2rem;
        min-height: 10.4rem;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%) !important;
        min-width: 32.8rem;
    }
    .list-triger li.active::after {
        border-right: 1.5rem solid transparent;
        border-left: 1.5rem solid transparent;
        border-top: 1.5rem solid var(--tertiary-color);
        bottom: -1.3rem;
    }
    .section4 {
        padding: 0 0 9.3rem 0;
        z-index: 2;
    }
    section.section4::before {
        background-image: url(../images/sec4_m.png);
    }
    .section4 .container {
        width: 67.1rem;
    }
    .sec4-list li h3 {
        font-size: 3.6rem;
        line-height: 4.3rem;
        margin-bottom: 1.5rem;
        padding-right: 6.7rem;
    }
    .sec4-list li p {
        font-size: 3.4rem;
        line-height: 4rem;
    }
    .sec4-list li h3::after {
        top: 0.5rem;
        width: 4rem;
        height: 4rem;
        background-image: url(../images/+2.svg);
    }
    .sec4-list li.active h3::after {
        top: 2.3rem;
        width: 4rem;
        height: 0.6rem;
        background-image: url(../images/-2.svg);
    }
    .sec4-list li {
        padding-top: 2.8rem;
        padding-bottom: 2.6rem;
    }
    .section3 {
        overflow: hidden;
    }
    .sec4-list-container {
        margin-bottom: 6.5rem;
    }
    .sec4-arrow {
        font-size: 2.6rem;
        line-height: 2.6rem;
        top: 7.8rem;
        padding-bottom: 0.2rem;
    }
    .next-sec4 {
        right: -2.5rem;
    }
    .prev-sec4 {
        left: -2.5rem;
    }
    .next-sec4::after{
        content: '';
        width: 3rem;
        height: 5.2rem;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../images/next-sec4-after.svg);
        position: absolute;
        top: -75rem;
        right: 0;
    }
    .prev-sec4::after{
        content: '';
        width: 3rem;
        height: 5.2rem;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../images/prev-sec4-after.svg);
        position: absolute;
        top: -75rem;
        left: 0;
    }
    .section5 {
        padding: 12.2rem 0;
        overflow: hidden;
    }
    .section5 .container {
        width: 55.7rem;
    }
    .section5 .title-style1 {
        margin-bottom: 6.2rem;
    }
    .slick1-content {
        display: block;
    }
    .slick1-txt {
        width: 52.1rem;
        padding: 0;
        margin: 0 auto;
        margin-top: 5rem;
        position: relative;
    }
    .slick1-txt p {
        font-size: 3.6rem;
        line-height: 4.3rem;
        margin-bottom: 3rem;
    }
    .slick1-img {
        margin: 0 auto;
        width: 30rem;
        height: 30rem;
    }
    .slick1-img::after {
        display: none;
    }
    .slick1-txt img:first-child{
        float: left;
        margin-left: 0.5rem;
        margin-top: -1rem;
        margin-right: 2rem;
        width: 5.5rem;
    }
    .slick1-txt img:last-child{
        position: absolute;
        bottom: 7rem;
        right: 1rem;
        display: block;
        width: 4.5rem;
        z-index: 1;
        display: none;
    }
    .slick1-txt p:nth-child(2)::after{
        width: 4.5rem;
        height: 3.452rem;
        content: 'AA';
        color: transparent;
        font-size: 3.905rem;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../images/double-quotes-r.svg);
        display: inline-block;
        margin-left: 1rem;
    }
    .slick1 .slick-dots li, .slick1 .slick-dots li button {
        width: 3.5rem;
        height: 3.5rem;
    }
    .slick1 .slick-dots li {
        margin: 0 1.5rem;
    }
    .slick1 .slick-prev, .slick1 .slick-next, .slick2 .slick-prev, .slick2 .slick-next {
        width: 3.4rem;
        height: 3.4rem;
    }
    .slick1 .slick-next{
        right: 6rem;
    }
    .slick1 .slick-prev{
        left: 6rem;
    }
    .section6{
        padding: 69.7rem 0 23rem 0;
    }
    .section6 .container {
        width: 64rem;
    }
    section.section6::before {
        background-image: url(../images/sec6_m.jpg);
        height: 95.3rem;
    }
    .section6 .title-style2{
        color: var(--color-4);
    }
    .slick2-content {
        box-shadow: none;
        padding: 0;
        margin: 0;
        min-height: initial;
    }
    .slick2-content p{
        font-size: 3.6rem;
        line-height: 4.4rem;
    }
    .slick2 .slick-dots {
        bottom: -7rem;
    }
    .slick2 .slick-dots li, .slick2 .slick-dots li button{
        width: 3.5rem;
        height: 3.5rem;
    }
    .slick2 .slick-dots li{
        margin: 0 1.5rem;
    }
    .slick2 .slick-next{
        right: 8rem;
    }
    
    .slick2 .slick-prev{
        left: 8rem;
    }
    .slick2 .slick-prev, .slick2 .slick-next{
        bottom: -6.7rem;
    }
    .section7{
        padding: 0 0 15rem 0;
    }
    .section7 .container {
        width: 68.5rem;
    }
    .section7 .title-style1 {
        margin-bottom: 7.8rem;
    }
    .section7 .title-style1 br{
        display: none;
    }
    .section7 .title-style1 span.span2 {
        letter-spacing: -0.25rem;
    }
    .list-style2 {
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .list-style2-box{
        margin-bottom: 8.4rem !important;
        width: 62.8rem;
        transform: initial !important;
        opacity: 1 !important;
    }
    .list-style2-box:nth-child(6){
        margin-bottom: 0 !important;
    }
    .list-style2-box .img {
        width: 18.6rem;
        margin-right: 0;
    }
    .list-style2-box p{
        font-size: 3.6rem;
        line-height: 4.1rem;
        width: calc(100% - 18.6rem);
    }
    .list-style2-box p b{
        font-size: 4rem;
        line-height: 4.2rem;
    }
    .list-style2-box p br{
        display: none;
    }
    .list-style2-box .img img{
        margin-left: 0;
    }
    .list-style2-box:nth-child(1) .img img{
        width: 14rem;
    }
    .list-style2-box:nth-child(2) .img img{
        width: 10.9rem;
    }
    .list-style2-box:nth-child(3) .img img{
        width: 13.2rem;
    }
    .list-style2-box:nth-child(4) .img img{
        width: 11.8rem;
    }
    .list-style2-box:nth-child(5) .img img{
        width: 7.6rem;
        width: 12.6rem;
    }
    .list-style2-box:nth-child(6) .img img{
        width: 14.4rem;
    }
    .list-style2-box:nth-child(1) {
        order: 1;
    }
    .list-style2-box:nth-child(2) {
        order: 4;
    }
    .list-style2-box:nth-child(3) {
        order: 2;
    }
    .list-style2-box:nth-child(4) {
        order: 5;
    }
    .list-style2-box:nth-child(5) {
        order: 3;
    }
    .list-style2-box:nth-child(6) {
        order: 6;
    }
    footer {
        padding: 10rem 0 20rem 0;
    }
    .footer-container {
        width: 100%;
        flex-direction: column;
        justify-content: center;
    }
    .footer-box1 {
        width: 100%;
    }
    footer .footer-box1 .logo {
        margin: 0 auto;
        width: 30.6rem;
    }
    .footer-box1 p {
        font-size: 3.2rem;
        line-height: 2rem;
        padding-top: 4.5rem;
        margin-bottom: 5.5rem;
        text-align: center;
    }
    .footer-box2 h3 {
        font-size: 4.4rem;
        line-height: 4.4rem;
        margin-bottom: 2.6rem;
    }
    .footer-box2{
        width: 55.6rem;
    }
    .footer-media{
        width: 55.7rem;
        margin-bottom: 6rem;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-media a:nth-child(1) i {
        font-size: 4.96rem;
    }
    .footer-media a:nth-child(2) i {
        font-size: 5.4rem;
    }
    .footer-media a:nth-child(3) i {
        font-size: 5.25rem;
    }
    .footer-media a:nth-child(4) i {
        font-size: 5.25rem;
    }
    .footer-media a:nth-child(4) img{
        width: 5.454rem;
    }
    .footer-media a:nth-child(5) i {
        font-size: 5.25rem;
    }
    .footer-box2 p,
    .footer-box2 p a {
        font-size: 3.2rem;
        line-height: 3.2rem;
    }
    .footer-box2 p{
        margin-bottom: 3.9rem;
    }
    .footer-box2{
        width: 100%;
    }
    .footer-box3 {
        width: 62.6rem;
        flex-direction: column;
        justify-content: center;
    }
    footer .footer-box3 .logo{
        width: 12.4rem;
        margin-bottom: 3rem;
    }
    footer .footer-box3 p{
        width: 100%;
        font-size: 3.1rem;
        line-height: 3.8rem;
        text-align: center;
    }
    .primary-btn-1{
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 15.3rem;
        justify-content: center;
        align-items: center;
        font-size: 4.8rem;
        line-height: 4.8rem;
        z-index: 999;
    }
    .form-holder {
        position: fixed;
        right: 100%;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow: auto;
        z-index: 99999;
        transition-duration: 0.6s;
    }
    .form-holder.active{
        right: 0;
    }
    [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos]{
        opacity: 1 !important;
        transform: translateZ(0) !important;
    }
    .sticky {
        padding: 0;
        position: initial;
        width: 100%;
        height: 100%;
    }
    .form {
        width: 100%;
        height: auto;
        padding: 4rem 0 0 0;
        height: 100%;
        background-color: var(--primary-color);
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        display: flex;
        height: calc(100% - 8rem);
    }
    .flex-mob{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 3.9rem;
    }
    .close-form {
        cursor: pointer;
        width: 8.3rem;
        display: block;
        margin-right: 2.2rem;
        margin-top: 1rem;
    }
    .form h2 img{
        width: 3.1rem;
        display: inline-block;
    }
    .flex-mob div{
        width: calc(100% - 10.8rem);
    }
    .form h2 {
        font-size: 3.6rem;
        display: block;
        line-height: 5.5rem;
    }
    .info3{
        position: initial;
    }
    main{
        overflow: hidden;
    }
    .form h3 {
        font-size: 3.4rem;
        line-height: 4.2rem;
        margin-bottom: 4rem;
        margin-right: auto;
        width: 83%;
    }
    .form-changer{
        margin: 0 3.9rem 4rem 3.9rem;
    }
    .form-changer label{
        font-size: 3.2rem;
        line-height: 4.2rem;
        margin-right: 3rem;
    }
    .form-changer input:checked ~ label::after{
        width: 17rem;
        border-radius: 0.6rem;
        height: 0.6rem;
        bottom: calc(-0.6rem - 1px);
    }
    .credit-container {
        font-size: 4.2rem;
    }
    .credit-container span{
        font-size: 3.8rem;
    }
    .credit-close {
        opacity: 1;
    }
    .form-changer-box:nth-child(2) input:checked ~ label::after{
        width: 21rem;
    }
    .input-radio-holder {
        margin: 0 3.9rem 3.4rem 3.9rem;
    }
    .input-radio-holder label {
        padding-left: 6rem;
        font-size: 3.7rem;
        line-height: 3.7rem;
        padding-right: 7.8rem;
    }
    .input-radio-holder label::before {
        width: calc(3.8rem - 2px);
        height: calc(3.8rem - 2px);
    }
    .input-radio-holder input:checked ~ label::after {
        width: 2.1rem;
        height: 2.1rem;
        left: calc(1px + 0.7rem);
    }
    .input-holder{
        padding-left: 3.9rem;
        padding-right: 3.9rem;
    }
    .input-holder-50-50{
        flex-wrap: wrap;
    }
    .input-holder-50-50 input {
        width: 45.5rem;
    }
    .input-holder input[type=text], .input-holder input[type=email], .input-holder input[type=tel]{
        height: 9.3rem;
        font-size: 3.6rem;
        line-height: 3.6rem;
        margin-bottom: 3rem;
    }
    .form .primary-btn{
        width: 54.5rem;
        height: 10.9rem;
        font-size: 3.3rem;
        line-height: 3.4rem;
    }
    .info {
        font-size: 3.2rem;
        line-height: 3.2rem;
        padding-left: 3.9rem;
        margin-bottom: 3.9rem;
    }
    .info3 {
        margin-top: 4rem;
        height: auto;
        padding: 2rem 3.9rem 2.4rem 3.9rem;
    }
    .info3 h2,
    .info3 h2 span {
        font-size: 3.6rem;
        line-height: 5.8rem;
    }
    .info3 h3{
        margin-bottom: 1.5rem;
    }
    .info3 h3,
    .info3 h3 span {
        font-size: 3.2rem;
        line-height: 3.9rem;
    }
    .links a{
        font-size: 3.3rem;
        line-height: 3.3rem;
        align-items: center;
    }
    .links a:nth-child(1){
        margin-right: 2.2rem;
    }
    .links a:nth-child(1) img{
        width: 4.7rem;
    }
    .links a:nth-child(2) img{
        width: 4.2rem;
    }
    .sticky.active .input-holder-50-50 input{
        width: 30.6rem;
    }
    .sticky.active .input-holder-50-50 input:nth-child(2){
        width: 36.5rem;
    }
    .input-holder-33-66 input:nth-child(1) {
        width: 24.2rem;
    }
    .input-holder-33-66 input:nth-child(2) {
        width: 42.4rem;
    }
    .input-holder input[type="checkbox"] ~ label {
        font-size: 2.8rem;
        line-height: 2.8rem;
        padding-left: 4.8rem;
        margin-bottom: 3rem;
    }
    .input-holder input[type="checkbox"] ~ label::after{
        width: calc(2.8rem - 2px);
        height: calc(2.8rem - 2px);
    }
    .input-holder input[type="checkbox"]:checked ~ label::before {
        font-size: 2.3rem;
        line-height: 1.3rem;
        left: 0.35rem;
    }
    .section19,
    .footer9
    {
        display: none;
    }
    .succ-form{
        width: 67rem;
    }
    .logo-bluesky img {
        width: 4.5rem;
    }
    .input-radio-holder,
    .input-holder,
    .input-holder.active,
    .form .primary-btn[type="submit"],
    .info {
        display: none;
    }
    .form-changer{
        border: none;
        justify-content: center;
        align-items: center;
    }
    .form-changer-box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-items: flex-start;
        margin: 0 2.8rem;
    }
    .form-changer label {
        /* height: 25rem; */
        width: 21rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        orphans: 1;
        margin: 0 auto !important;
        padding-top: 25rem;
        padding-bottom: 1.5rem;
        font-size: 3.3rem;
    }
    .form-changer input ~ label::after {
        /* display: none; */
        /* background-color: var(--tertiary-color); */
        content: ' ';
        width: 20rem;
        height: 20rem;
        border: solid 0.6rem var(--tertiary-color);
        border-radius: 0.6rem;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-position: center;
        background-size: 13rem;
        background-repeat: no-repeat;
    }
    .form-changer input:checked ~ label::after {
        content: ' ';
        width: 20rem;
        height: 20rem;
        border: solid 0.6rem var(--tertiary-color);
        border-radius: 0.6rem;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        bottom: initial;
    }
    .form-changer input {
        position: initial;
        opacity: 1;
        order: 2;
        z-index: 1;
        width: 5rem;
        height: 5rem;
    }
    .form-changer-box:nth-child(2) input:checked ~ label::after {
        width: 20rem;
    }
    .form-changer-box:nth-child(1) input ~ label::after {
        background-image: url(../images/letter3.svg);
    }
    .form-changer-box:nth-child(1) input:checked ~ label::after {
        background-image: url(../images/letter4.svg);
    }
    .form-changer-box:nth-child(2) input ~ label::after {
        background-image: url(../images/mail3.svg);
        background-size: 12rem;
    }
    .form-changer-box:nth-child(2) input:checked ~ label::after {
        background-image: url(../images/mail4.svg);
    }
    .form .btn-next{
        font-size: 5rem;
        cursor: pointer;
        background-color: var(--secondary-color);
        color: var(--primary-color);
        text-transform: uppercase;
        text-align: center;
        display: inline-block;
        margin: 0 auto;
        width: 54.5rem;
        height: 10.9rem;
        padding: 3rem 5.37rem;
        font-weight: 700;
        transition-duration: 0.3s;
        display: flex
        ;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            margin: 0 auto;
    }
    .form .btn-next:disabled,
    .form .primary-btn:disabled {
        background-color: rgba(60, 57, 41, 0.35);
    }
    .err {
        font-size: 2.8rem;
        padding: 2.5rem 2rem 0.5rem 0;
    }
    .retour {
        margin: 4rem auto 0 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 3rem;
        padding: 1rem;
        background-color: var(--secondary-color2);
        color: var(--primary-color);
        cursor: pointer;
        display: none;
        width: 14rem;
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }
    .retour svg {
        width: 2rem;
        margin-right: 1rem;
    }
    .retour.active{
        display: flex;
    }
    .input-radio-holder.show {
        display: flex;
    }
    .input-holder input[type=text], .input-holder input[type=email], .input-holder input[type=tel],
    .sticky.active .input-holder-50-50 input,
    .sticky.active .input-holder-50-50 input:nth-child(2) {
        width: 100%;
    }
    .input-holder-33-66 input:nth-child(1) {
        width: 24.2rem;
    }
    .input-holder-33-66 input:nth-child(2) {
        width: 42.4rem;
    }
    .form-menu {
        width: 4rem;
        position: relative;
        margin-left: auto;
        cursor: pointer;
        margin-right: 2.7rem;
    }
    .form-menu img{
        display: block;
        width: 100%;
        transition-duration: 0.3s;
    }
    .form-menu img:nth-child(2){
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .form-menu.active img:nth-child(1){
        opacity: 0;
    }
    .form-menu.active img:nth-child(2){
        opacity: 1;
    }
    .form-holder {
        top: 8rem;
    }
    .section2 h3 {
        margin: 2.7rem auto;
        font-size: 4rem;
        line-height: 4rem;
    }
    .section2 ul li:nth-child(1){
        padding-top: 3rem;
    }
    .section2 ul li:nth-child(6) p {
        width: 100%;
    }
    section.section2 {
        padding: 6rem 0;
    }
    .sec8-flex {
        margin: 0 auto;
        width: 64rem;
    }
    .sec8-images-holder img:nth-child(1) {
        width: 3.5rem;
    }
    .sec8-images-holder img:nth-child(2) {
        width: 20.8rem;
    }
    .sec8-images-text .primary-btn {
        width: 26rem;
        margin-right: auto;
        margin-left: 0;
        padding: 0;
        font-size: 3rem;
        line-height: 3rem;
        text-transform: initial;
    }
    .section3 ul li{
        font-size: 3.6rem;
        line-height: 4.6rem;
    }
    .sec8-images-text p {
        font-size: 3rem;
        line-height: 4rem;
    }
    .section3 {
        padding: 6rem 0;
    }
    section.section3::before {
        background: #EFEFEF;
    }
    .section3 .title-style1, .section3 .title-style1 span, .section3 .title-style2, .section3 .title-style2 span {
        font-size: 5.4rem;
        line-height: 6.4rem;
    }
    .section3 h2.title-style1{
        margin-bottom: 5rem;
    }
    .section3 p.p {
        width: 100%;
    }
    .section3 .container {
        width: calc(100% - 8rem);
    }
    .section3 .primary-btn {
        display: block;
        padding: 2.5rem 6rem;
        width: 52.4rem;
        /* height: auto; */
    }
    .section3 .primary-btn::after,
    .section3 .primary-btn::before{
        top: 3.5rem;
    }
    .list-box{
        width: 100%;
    }
    .list-txt{
        padding-left: 0;
    }
    .list-txt h4,
    .list-txt p{
        font-size: 3.1rem;
    }
    .list-txt p br{
        display: none;
    }
    .section4 {
        padding: 11rem 0;
    }
    section.section4::before{
        background: var(--primary-color);
    }
    .sec4-list-container{
        margin-bottom: 0;
    }
    .section9 .container {
        width: 68.1rem;
    }
    .section9 p {
        font-size: 3.6rem;
        line-height: 4.3rem;
        margin-bottom: 2.5rem;
    }
    .section9 .primary-btn {
        width: 32rem;
        font-size: 3.6rem;
        line-height: 3.6rem;
        margin: 0;
        height: 8rem;
    }
    .section5 .container{
        width: 68.1rem;
    }
    .section7 {
        padding: 6rem 0;
    }
    .sec7-info p, .sec7-info p b {
        font-size: 3.6rem;
        line-height: 4.3rem;
    }
    .sec7-info{
        padding: 2rem;
    }
    .section7 h3{
        font-size: 5rem;
        line-height: 5rem;
    }
    .list-style2-box:nth-child(1) .img img{
        width: 12.4rem;
    }
    .list-style2-box:nth-child(2) .img img{
        width: 11.2rem;
        width: 12.4rem;
    }
    .list-style2-box:nth-child(3) .img img{
        width: 11.2rem;
        width: 12.4rem;
    }
    .list-style2-box:nth-child(4) .img img{
        width: 12rem;
        width: 12.4rem;
    }
    .list-style2-box:nth-child(5) .img img{
        width: 7.6rem;
        width: 8.9rem;
        width: 10.4rem;
    }
    .list-style2-box:nth-child(6) .img img{
        width: 9.8rem;
        width: 11.4rem;
    }
    .list-style2-box p{
        width: calc(100% - 7.6rem);
    }
    .section10 p {
        font-size: 3.6rem;
        line-height: 4.1rem;
        margin-bottom: 4rem;
    }
    .section10 .container {
        width: 68.5rem;
    }
    .section10 .primary-btn {
        font-size: 3.6rem;
        line-height: 3.6rem;
        height: 8rem;
        margin: 0 auto 3rem auto;
        width: auto;
    }
    .section10 .primary-btn:last-child{
        margin-bottom: 0;
    }
    footer{
        background-color:#E6E6E6;
    }
    .section10{
        padding: 8rem 0 0 0;
    }
    /* .input-radio-holder:nth-child(1){} */
}
@media only screen and (min-width: 992px) {
    html {
        font-size: 0.5208333333333333vw;
    }
    .hide_desk {
        display: none !important;
    }
    .title-style1,
.title-style2{
  opacity: 0;
  transform: translateY(-9rem);
  transition-duration: 1.2s;
}
.title-style1.active,
.title-style2.active{
  opacity: 1;
  transform: translateY(0);
}
.slick1-txt img:last-child.hide_desk{
    display: block !important;
    position: absolute;
    bottom: 1.5rem;
    right: 0.5rem;
    z-index: 1;
    width: 5.4rem;
  }
  .slick1-txt{
    position: relative;
  }
  .footer-box2 {
    transform: translateY(1.8rem);
  }
}