.item1 {

    min-height: 350px;

}



.interprivacy-description-container {

    display: flex;

    justify-content: center;

}



.interprivacy-block-h2 {

    font-size: 22px;

}



.font-weight-500 {

    font-weight: 500;

}



.interprivacy-ul {

    list-style: "- ";

}



.interprivacy-picto {

    width: 60px;

    height: 60px;

}



.interoperable-p {

    line-height: 24px;

}



.benefits-item-h2 {

    font-weight: 600;

    letter-spacing: 0.025em;

    margin-bottom: 20px;

    font-family: "Nunito",sans-serif;

    color: #244697;

    text-align: center;

}



.major-benefits-container {

    width: 100%;

    margin-bottom: 40px;

    margin-top: 40px;

}



.benefits-items-bloc {

    flex-wrap: wrap;

    padding: 30px;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    justify-content: space-between;

    width: 100%;

    margin: 0;

}



.benefits-content-wrapper {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

}



.benefits-item-bloc {

    display: flex;

    margin-bottom: 2em;

}



.benefits-item-picto {

    padding-right: 1em;

    display: flex;

}





.benefits-item-text-bloc {

    margin-bottom: 0.1em;

    color: #244697;

    font-weight: 700;

    font-size: 24px;

    font-family:"Nunito", sans-serif;

    word-wrap: break-word;

    align-self: center;

}



.card.interoperability-image {

    justify-content: center;

    border: none;

}

.card.interoperability-image img {

    align-self: center;

}



.section6.more-about-privacy {

    font-size: 25px;

    margin-bottom: 1em;

    color: white;

}



.section6.more-about-privacy h2 {

    color: white;

}



.reliable_certification_scheme.section7bis {

    margin-bottom: 100px;

}



.card-body.learn-more-bloc {

    display: flex;

    flex-direction: column;

}

.section8.learn-more .btn-primary {

    width: 100px;

    margin-bottom: 4%;

    margin-right: 2%;

    align-self: flex-end;

}









@media (max-width: 400px) {

    .navbar-brand{

        padding: 0;

    }

    

    /* Réduire l'espace au-dessus du logo sur mobile */
    
    /*
    .ep_navbar {
    
        padding-top: 0.5rem !important;
        
        padding-bottom: 0.5rem !important;
    
    } */
    
    .ep_navbar .container {
        align-items: flex-start;
    } 



    /* Masquer le texte Interprivacy sur smartphone pour laisser place au sélecteur de langues */

    .sitename-mobile,

    .sitename-desktop {

        display: none !important;

    }



    .interprivacy-block-h2 {

        font-size: 18px;

    }



    li.interprivacy-li {

        font-size: 16px;

        margin-bottom: 10px;

    }



    .interoperable-p {

        font-size: 16px;

    }



    .benefits-items-bloc {

        box-shadow: none;

    }

}



@media (max-width: 768px) {

    /* Réduire l'espace au-dessus du logo sur mobile et tablettes */
    
    .ep_navbar {
    
        padding-top: 0rem !important;
        
        padding-bottom: 0rem !important;
    
    }
    
    .ep_navbar .container {
        align-items: flex-start;
    } 


    .ep_navbar .container.mw, 
    main .page__header .container.mw,
    main .page__content .container.mw,
    .page__footer.container.mw {
        margin-left: 0 !important;
    }

    .page__content {
        padding-top: 0 !important;
    }

    .section2.unique_gdpr_scheme .card.box-wrapper, .section7.reliable_certification_scheme .card.box-wrapper {
        padding: 10px !important;
    }

    .interprivacy-block-h2 {
        margin-bottom: 0px !important;
    }

    .section7.reliable_certification_scheme .card-title {
        margin-bottom: 0px !important;
    }

    .card-body.box-content {
        padding: 5px !important;
    }

    .benefits-items-bloc {
        line-height: 25px !important;
    }

    .benefits-items-bloc {
        padding: 15px;
    }

    .benefits-item-title {
        text-align: center;
        width: 100%
    }

    .benefits-content-wrapper > div.benefits-item-bloc:nth-of-type(4) {
        margin-bottom: 0px !important;
    }
    
    .major-benefits-container {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .interprivacy-support-text {
        font-size: 16px;
        line-height: 21px;
    }

    .interprivacy-ul {
        line-height: 21px;
    }

    .interoperable-p {
        line-height: 21px;
    }

    .section7.reliable_certification_scheme.section7bis {
        margin-bottom: 30px;
    }

    .section8.learn-more .card.mb-5 {
        margin-bottom: 1rem !important;
    }

    .section6.more-about-privacy .row {
        height: 20vh !important;
    }

    .footer-container {
        display: none !important;
    }

    .page__footer .block.block--footercopyrightandpolicies {
        margin-top: 1rem !important;
    }

    .official-schemes .fs-5 {
        line-height: 23px;
    }

    .page__footer p {
        line-height: 22px;
    }
}



@media (min-width: 992px) {

    .major-benefits-container {

        margin-bottom: 120px;

        margin-top: 80px;

    }

}



@media (min-width: 1367px) {

    .int-p-2 {

        margin-top: 50px;

    }

}





/* ********************************* */

/*  LANGUAGE SELECTOR */

/* ********************************* */



.btn:hover#dropdownMenuButton1, .btn:focus#dropdownMenuButton1 {

    color: #000;

}



#dropdownMenuButton1.dropdown-toggle::after {

    border-top: none;

}



/* Language selector dropdown scrollable */

#langage-selector .dropdown-menu {

    max-height: 70vh;

    overflow-y: auto;

    overflow-x: hidden;

}



/* Amélioration du scroll sur petits écrans */

@media (max-height: 600px) {

    #langage-selector .dropdown-menu {

        max-height: 70vh;

    }

}



/* Style de la scrollbar pour webkit browsers */

#langage-selector .dropdown-menu::-webkit-scrollbar {

    width: 6px;

}



#langage-selector .dropdown-menu::-webkit-scrollbar-track {

    background: #f1f1f1;

    border-radius: 3px;

}



#langage-selector .dropdown-menu::-webkit-scrollbar-thumb {

    background: #c1c1c1;

    border-radius: 3px;

}



#langage-selector .dropdown-menu::-webkit-scrollbar-thumb:hover {

    background: #a8a8a8;

}





.logo-header {

    height: 120px;

    vertical-align: middle;

    text-align: center;

}



.logo-box {

    width: 100%;

    height: 120px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    position: relative;

}



.logo-text {

    font-size: 32px;

    font-weight: bold;

    color: #2E5B9C;

    margin-bottom: 5px;

}



.logo-subtext {

    font-size: 18px;

    color: #2E5B9C;

}



.stars {

    position: absolute;

    top: 10px;

    right: 10px;

    color: #FFD700;

    font-size: 12px;

}



.trademark {

    position: absolute;

    bottom: 5px;

    right: 5px;

    font-size: 8px;

    color: #666;

}



.comparison-table {

    width: 100%;

    border-collapse: collapse;

    margin-top: 20px;

}



.comparison-table th,

.comparison-table td {

    border: 1px solid #333;

    padding: 8px;

    text-align: left;

    vertical-align: top;

    font-size: 14px;

}



.table-wrapper {

    overflow-x: auto;

    margin: 0 -20px;

    padding: 0 20px;

}



@media screen and (max-width: 768px) {

    .comparison-table {

        min-width: 600px;

    }



    .comparison-table th,

    .comparison-table td {

        font-size: 11px;

        padding: 6px;

    }



    .logo-text {

        font-size: 24px;

    }



    .logo-subtext {

        font-size: 14px;

    }



    .stars {

        font-size: 10px;

    }



    h1 {

        font-size: 20px;

    }

}



@media screen and (max-width: 480px) {

    .container {

        margin: 10px;

        /* padding: 15px; */

    }



    .comparison-table {

        min-width: 500px;

    }



    .comparison-table th,

    .comparison-table td {

        font-size: 10px;

        padding: 4px;

    }



    .logo-text {

        font-size: 20px;

    }



    .logo-subtext {

        font-size: 12px;

    }



    h1 {

        font-size: 18px;

        margin-bottom: 20px;

    }



    .logo-box {

        height: 100px;

    }



    .logo-header {

        height: 100px;

    }

}



.comparison-table th {

    background-color: #f0f0f0;

    font-weight: bold;

}



.row-header {

    background-color: #f8f8f8;

    font-weight: bold;

    width: 15%;

}



.europrivacy-col {

    width: 42.5%;

}



.interprivacy-col {

    width: 42.5%;

}



.section-header {

    background-color: #333;

    color: white;

    font-weight: bold;

    text-align: center;

    font-size: 12px;

}



.globe-icon {

    display: inline-block;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    background-color: #2E5B9C;

    color: white;

    text-align: center;

    line-height: 20px;

    font-size: 12px;

    margin-right: 5px;

}