/* media query */

:root {
    font-family: "Poppins";
    --primary-color: #00418D;
    --primary-color-rgb: 0, 65, 141;
    --secondary-color: #F06C5F;
    --secondary-color-rgb: 240, 108, 95;
    --tertiary-color: #042346;
    --tertiary-color-rgb: 4, 35, 70;
    --quaternary-color: #FCE8D7;
    --white-color: #ffffff;
    --dark-color: #3E3E3E;
}

@media (max-width:991px) {
    .hide_mob {
        display: none !important;
    }
    html {
        font-size: 1.302083333333333vw;
        font-size: 2.325581395348837vw;
    }
    .sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: auto;
        padding-bottom: 0;
        height: 100vh;
        visibility: hidden;
        overflow-x: scroll;
        opacity: 0;
        transition: .3s;
    }
    .sticky.formmEngadge {
        visibility: visible;
        opacity: 1;
    }
    .sticky .form {
        width: auto;
        padding: 3.5rem 2rem 9.5rem 2rem;
        height: 100vh;
    }
    .input_box input[type="text"], .input_box input[type="email"]{
        padding: 0 1rem;
    }
    .input_box-5 {
        margin-bottom: 0.8rem;
    }
    .input_box input[type="checkbox"]+label{
        display: flex;
        align-items: center;
        font-size: 1.45rem;
        height: 5rem;
    }
    .error_txt-general{
        bottom: 47rem;
    }
    .form button {
        margin-top: 3.5rem;
    }
    .info-lab{
        bottom: 49rem;
    }
    .input_box3 .input_box{
        width: 12rem !important;
    }
    .input_box3 .input_box input[type="text"] {
        padding: 0 0.5rem;
    }
    .form .img,
    #contactForm .img {
        display: none;
    }
    .form h2 {
        font-size: 2rem;
        width: 28rem;
        margin-right: auto;
        margin-left: auto;
        line-height: 1.3;
        opacity: 1;
        animation: none;
    }
    .form h3 {
        font-size: 2rem;
        opacity: 1;
        animation: none;
    }
    .form p{
        opacity: 1;
        animation: none;
    }
    .close__form {
        display: inline-block;
        position: absolute;
        right: 5%;
        top: 3%;
        font-size: 4.5rem;
        line-height: 1;
        cursor: pointer;
        right: -1rem;
        top: -3.5rem;
    }
    .input_box2{
        margin-bottom: 5rem;
    }
    .input_box2_box2{
        margin-top: 1rem;
    }
    footer{
        position: relative;
    }
    .p-center{
        z-index: 1;
        position: absolute;
        bottom: 1.5rem;
        right: 1.5rem;
    }
    .hopening{
        width: 7rem;
    }
    header .logo {
        width: 16rem;
        width: 10.5rem;
    }
    .container {
        width: 35.8rem;
    }
    .backgroud_sticky {
        background-color: #ffffff;
        position: sticky;
        height: 15rem;
        top: 10rem;
        z-index: 1;
    }
    /* tarteaucitron */
    #tarteaucitronRoot #tarteaucitronAlertBig {
        flex-wrap: wrap;
    }
    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
        text-align: center;
        margin-bottom: 15px;
        width: 100% !important;
        font-size: 1em !important;
        padding: 0 11%;
    }
    #tarteaucitronAlertBig #tarteaucitronPersonalize2,
    #tarteaucitronAlertBig #tarteaucitronAllDenied2,
    #tarteaucitronAlertBig #tarteaucitronCloseAlert {
        padding: 5px 10px !important;
    }
    #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
        padding: 0 !important;
        display: flex;
        align-items: center;
        padding: 6px 10px !important;
    }
    #tarteaucitronAlertBig #tarteaucitronAllDenied2 img {
        width: 1.5rem;
    }
    /* tarteaucitron */
    footer {
        height: 12.1rem;
    }
    footer .container {
        width: 39.4rem;
    }
    footer .container p,
    footer .container p a {
        font-size: 1.2rem;
        line-height: 1.2rem;
        text-align: center;
    }
    footer .container p a:hover {
        text-decoration: none;
    }
    .section_container {
        width: auto;
        float: initial;
    }
    section {
        width: auto;
    }
    /* section2 Start */
    .section2 {
        padding: 2rem 0 5.6rem 0;
    }
    .section2 .container {
        width: 100%;
    }
    .section2 .h2,
    .section2 .h3,
    .section2 .p,
    .section2 h5 {
        width: 35.8rem;
        margin-right: auto;
        margin-left: auto;
    }
    .section2 .h2,
    .section2 .h2 span {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }
    .section2 .h2 br {
        display: none;
    }
    .section2 .h2 {
        margin-bottom: 1.2rem;
    }
    .section2 .h3 {
        font-size: 2.5rem;
        line-height: 3.5rem;
        margin-bottom: 3rem;
        padding-bottom: 2.5rem;
    }
    .section2 .p {
        font-size: 1.8rem;
        line-height: 2.8rem;
        margin: 0 auto 3rem auto;
        width: auto;
    }
    .section2 h5,
    .section2 h5 a {
        font-size: 2rem;
        line-height: 2.8rem;
    }
    .section2 h5 {
        margin-bottom: 3.5rem;
    }
    .section2 {
        overflow: hidden;
    }
    .sec2_box_slick {
        width: 30.6rem;
        width: 100%;
        position: relative;
        z-index: 5;
    }
    .sec2_box {
        padding-bottom: 2.6rem;
        margin-right: auto;
        margin-left: auto;
        padding-right: 2.6rem;
        width: 34.3rem;
        width: 30.6rem;
    }
    .sec2_box::before {
        width: calc(100% - 2.6rem);
        height: calc(100% - 2.6rem);
    }
    .sec2_box_slick .slick-next,
    .sec2_box_slick .slick-prev {
        width: 3.4rem;
        height: 6.3rem;
        top: 50%;
        transform: translateY(-50%);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 99;
    }
    .sec2_box_slick .slick-prev,
    .sec2_box_slick .slick-prev:hover {
        background-position: left center;
        background-image: url(../img/arrow-l-2.png);
        left: 1.2rem;
        transform: translateY(-50%);
    }
    .sec2_box_slick .slick-next,
    .sec2_box_slick .slick-next:hover {
        background-position: right center;
        background-image: url(../img/arrow-r-2.png);
        right: 1.2rem;
        transform: translateY(-50%);
    }
    .sec2_box_slick .slick-next::before,
    .sec2_box_slick .slick-prev::before {
        display: none;
    }
    .sec2_box_popup.active {
        z-index: 6;
    }
    .sec2_box_popup {
        width: 30.6rem;
        width: 38.6rem;
        left: calc(50% - 1.3rem);
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .sec2_box_popup_close {
        right: 3rem;
    }
    .sec2_box_popup_txt {
        padding: 2.6rem 1rem 2.6rem 3rem;
        overflow: auto;
    }
    /* section2 End */
    /* section1 Start */
    .section1 {
        background-image: url(../img/legs-memorialdelashoah-2025-resp.jpg);
        position: relative;
        height: auto;
    }
    .openFormMob {
        position: fixed;
        bottom: 3%;
        right: 0%;
        cursor: pointer;
        width: 8rem;
        z-index: 995;
    }
    .section1 .container {
        width: 39.4rem;
        padding-bottom: 7.3rem;
        padding-top: 7.3rem;
    }
    .section1 h2 {
        font-size: 2rem;
        line-height: 3.7rem;
        margin-bottom: 2.7rem;
        padding: 0 1rem;
        height: 3.7rem;
        letter-spacing: -0.01rem;
    }
    .section1 h1 {
        font-size: 3rem;
        line-height: 4rem;
        margin-bottom: 3rem;
    }
    /* section1 End */
    /* slideUp Start */
    .slideUp {
        width: 100%;
        height: 9rem;
    }
    .slideUp marquee,
    .slideUp marquee b {
        font-size: 2rem;
        line-height: 3rem;
    }
    .primary-btn {
        height: 6.5rem;
        font-size: 1.6rem;
        line-height: 1.6rem;
        margin: 0 auto !important;
    }
    /* slideUp End */
    /* section3 Start */
    .section3 .container {
        width: 100%;
    }
    .section3 {
        padding: 5.7rem 0 6rem 0;
        background-position: bottom left;
    }
    .section3 .h2,
    .section3 .h2 span {
        font-size: 2.8rem;
        line-height: 3.8rem;
        text-align: center;
    }
    .section3 .h2 {
        padding-bottom: 2.7rem;
        margin-bottom: 4.1rem;
        letter-spacing: -0.1rem;
        width: 39rem;
        margin-right: auto;
        margin-left: auto;
    }
    .section3 .h2::after {
        left: 50%;
        transform: translateX(-50%);
    }
    .section3 .d-flex {
        display: block;
        margin: 0 auto;
    }
    .sec3_box {
        width: 31.1rem;
        margin: 0 auto;
    }
    .sec3_box_container p {
        font-size: 1.8rem;
        line-height: 2.7rem;
    }
    .section3 .d-flex .slick-next,
    .section3 .d-flex .slick-prev {
        width: 3.4rem;
        height: 6.3rem;
        top: 50%;
        transform: translateY(-50%);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 99;
    }
    .section3 .d-flex .slick-prev,
    .section3 .d-flex .slick-prev:hover {
        background-position: left center;
        background-image: url(../img/arrow-l-1.png);
        left: 1.2rem;
        transform: translateY(-50%);
    }
    .section3 .d-flex .slick-next,
    .section3 .d-flex .slick-next:hover {
        background-position: right center;
        background-image: url(../img/arrow-r-1.png);
        right: 1.2rem;
        transform: translateY(-50%);
    }
    .section3 .d-flex .slick-next::before,
    .section3 .d-flex .slick-prev::before {
        display: none;
    }
    /* section3 End */
    /* section4 Start */
    .section4 {
        padding: 5.8rem 0 7.5rem 0;
    }
    .section4 h2,
    .section4 h2 span {
        font-size: 2.8rem;
        line-height: 3.8rem;
        text-align: center;
    }
    .section4 h2 {
        padding-bottom: 2.7rem;
        margin-bottom: 4.1rem;
    }
    .section4 h2::after {
        left: 50%;
        transform: translateX(-50%);
    }
    .slider_1 {
        width: 100%;
        margin-bottom: 0;
    }
    .slider_box {
        width: 28rem;
        height: auto;
    }
    .slider_box_holder {
        padding: 0 0 2.6rem 0;
        width: 30.6rem;
        margin: 0 auto;
    }
    .slider_box_container {
        padding: 4.2rem 0 8.4rem 0;
    }
    .slider_1 .slick-dots {
        bottom: -5rem;
    }
    .slider_box_container .img {
        width: 14.8rem;
        margin-bottom: 5rem;
    }
    .slider_box_container p {
        width: 21.6rem;
        margin: 0 auto 4rem auto;
        font-size: 1.8rem;
        line-height: 2.7rem;
    }
    .slider_box_container p img:nth-child(1) {
        margin-right: 0;
    }
    .slider_box_container p img:nth-child(2) {
        margin-left: 0;
        width: 3.2rem;
        margin-bottom: -0.6rem;
    }
    .slider_box_container h4 {
        width: 21.6rem;
        margin: 0 auto;
        text-align: center;
        font-size: 2rem;
        line-height: 2rem;
    }
    .section4 .container {}
    .slider_1 .slick-next,
    .slider_1 .slick-prev {
        width: 3.4rem;
        height: 6.3rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .slider_1 .slick-prev,
    .slider_1 .slick-prev:hover {
        background-image: url(../img/arrow-l-2.png);
        left: -2.4rem;
        transform: translateY(-50%);
        animation: none;
    }
    .slider_1 .slick-next,
    .slider_1 .slick-next:hover {
        background-image: url(../img/arrow-r-2.png);
        right: -2.4rem;
        transform: translateY(-50%);
        animation: none;
    }
    /* section4 End */
    /* section5 Start */
    .section5 {
        padding: 4.9rem 0 4rem 0;
    }
    .section5 .h2 {
        padding-bottom: 3.1rem;
        margin-bottom: 5.3rem;
        letter-spacing: -0.07rem;
    }
    .section5 .h2,
    .section5 .h2 span {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }
    .section5 .h2 span {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .section5 .h2 br,
    .section5 .h2 span br {
        display: none;
    }
    .section5 .h2::after {
        width: 6.8rem;
    }
    .section5 ul.slide,
    .navSlide {
        width: auto;
        margin-bottom: 6rem;
    }
    .sticky_menu_faq {
        position: sticky;
        top: 17.4rem;
        background-color: #fff;
        z-index: 991;
    }
    .section5 ul.slide li,
    .navSlide li {
        width: 11.3rem;
        font-size: 1.5rem;
        line-height: 1.7rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .navSlide li {
        font-size: 1.3rem;
    }
    .section5 ul.slide li:hover,
    .navSlide li:hover {
        color: var(--primary-color);
    }
    .section5 ul.slide li:hover::after,
    .navSlide li:hover::after {
        width: 0%;
    }
    .section5 .p {
        width: auto;
        font-size: 1.8rem;
        line-height: 2.7rem;
        margin: 1.6rem auto 2.6rem auto;
    }
    .section5 .h3 {
        font-size: 2rem;
        line-height: 3rem;
    }
    .slide_box li {
        padding: 1.5rem 0;
    }
    /* section5 End */
    /* section6 Start */
    .section6 {
        padding: 5.4rem 0 7.9rem 0;
    }
    .holder {
        width: auto;
        margin: 0 auto;
    }
    .section6 .d-flex {
        display: block;
    }
    .sec6_part1 h2 {
        font-size: 2.8rem;
        line-height: 3.8rem;
        margin-bottom: 3rem;
    }
    .sec6_part1 h2 br {
        display: none;
    }
    .sec6_part2 {
        width: 33.2rem;
        margin-top: 3.6rem;
    }
    .sec6_part3 {
        margin: 8rem auto 0;
    }
    .sec6_part3 .text_socialmedia p {
        text-align: center;
    }
    .sec6_part3 .text_socialmedia,
    .sec6_part3 .icone_socialemedia {
        padding-left: 0;
        margin-top: 0;
        padding-top: 2rem;
    }
    .sec6_part3 .icone_socialemedia {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 80%;
        margin: 0 auto;
        padding-top: 0;
    }
    .icone_socialemedia .icone {
        margin-right: 0;
    }
    .sec6_part2_container,
    .sec6_part2_bg {
        height: 25.1rem;
    }
    /* section6 End */
    .sec6_part1 p br{
        display: none;
    }
    .sec6_part2_container p,
    .sec6_part2_container p a{
        font-size: 1.5rem;
    }
    .sec6_part2_container{
        padding: 3rem 1.6rem 3.9rem 1.6rem;
    }
    .btn,
    .btn:hover{
        transform: scale(1);
        position: initial;
        bottom: initial;
        right: initial;
        margin: 1rem auto 0 0;
        font-size: 1.7rem !important;
    }
    .sec6_part2_container p:last-child{
        margin-top: auto;
        margin-bottom: auto;
    }
    .form_p1 h2:nth-child(2){
        width: 33rem;
    }
}

@media (min-width:992px) {
    .hide_desk {
        display: none !important;
    }
    html {
        font-size: 0.5208333333333333vw;
    }
}
@media (min-width:1320px) {
    .form p.p2,
    .form p.p2 a{
        font-size: 1.1rem;
        line-height: 1.3rem;
    }
    .info-lab,
    .error_txt-general {
        bottom: 30rem;
      }
}