/*****halis-gr*******/



@font-face {

    font-family: 'HalisGR-Black.otf';

    src: url(../fonts/halis-gr/HalisGR-Black.otf);

}



@font-face {

    font-family: 'HalisGR-Bold.otf';

    src: url(../fonts/halis-gr/HalisGR-Bold.otf);

}



@font-face {

    font-family: 'HalisGR-Regular.otf';

    src: url(../fonts/halis-gr/HalisGR-Regular.otf);

}



@font-face {

    font-family: 'HalisGR-RegularItalic.otf';

    src: url(../fonts/halis-gr/HalisGR-RegularItalic.otf);

}



@font-face {

    font-family: 'HalisGRBold-Italic.otf';

    src: url(../fonts/halis-gr/HalisGRBold-Italic.otf);

}



@font-face {

    font-family: 'HalisGR-Medium.otf';

    src: url(../fonts/halis-gr/HalisGR-Medium.otf);

}





/*****roboto*******/



@font-face {

    font-family: 'Roboto-Regular.ttf';

    src: url(../fonts/roboto/Roboto-Regular.ttf);

}



@font-face {

    font-family: 'Roboto-Bold.ttf';

    src: url(../fonts/roboto/Roboto-Bold.ttf);

}



@font-face {

    font-family: 'Roboto-Black.ttf';

    src: url(../fonts/roboto/Roboto-Black.ttf);

}



@font-face {

    font-family: 'Roboto-Medium.ttf';

    src: url(../fonts/roboto/Roboto-Medium.ttf);

}



@font-face {

    font-family: 'Roboto-Light.ttf';

    src: url(../fonts/roboto/Roboto-Light.ttf);

}



@font-face {

    font-family: 'Roboto-Italic.ttf';

    src: url(../fonts/roboto/Roboto-Italic.ttf);

}



@font-face {

    font-family: 'JosefinSans-Bold.ttf';

    src: url(../fonts/roboto/JosefinSans-Bold.ttf);

}





:root {

    /* Halis GR */

    --HalisGR-Black: 'HalisGR-Black.otf';

    --HalisGR-Bold: 'HalisGR-Bold.otf';

    --HalisGR-Regular: 'HalisGR-Regular.otf';

    --HalisGR-RegularItalic: 'HalisGR-RegularItalic.otf';

    --HalisGR-BoldItalic: 'HalisGRBold-Italic.otf';

    --HalisGR-Medium: 'HalisGR-Medium.otf';



    /* Roboto */

    --Roboto-Regular: 'Roboto-Regular.ttf';

    --Roboto-Bold: 'Roboto-Bold.ttf';

    --Roboto-Black: 'Roboto-Black.ttf';

    --Roboto-Medium: 'Roboto-Medium.ttf';

    --Roboto-Light: 'Roboto-Light.ttf';

    --Roboto-Italic: 'Roboto-Italic.ttf';

    --JosefinSans-Bold: 'JosefinSans-Bold.ttf';



    /*colors*/

    --blue-color: #404A95;

    --brown-color: #AD8961;

}





html {

    scroll-behavior: smooth;

}



body {

    box-sizing: border-box;

    padding: 0;

    margin: 0;

}



body p,

body span {

    line-height: normal;

}



.btn:active {

    outline: none;

    border: none;

}



.btn {

    display: block;

    outline: none !important;

    border: none;

}



a {

    outline: none !important;

}



.button {

    outline: none !important;

}



body img {

    max-width: 100%
}



body p:empty {

    display: none
}



a {

    overflow: hidden;

}



.parent_container {

    width: 1330px;

    padding: 0 30px;

    max-width: 100%;

    margin: 0 auto;

}



.section {

    margin-bottom: 70px;

}



.my-btn {

    width: fit-content;

}



.my-btn a {

    font-size: 17px;

    font-family: var(--HalisGR-Black);

    color: #fff;

    background-color: #AD8961;

    border-radius: 42px;

    text-decoration: none;

    text-transform: uppercase;

    padding: 11px 36px 9px 36px;

    border: 2px solid #AD8961;



}



.my-btn a:hover,

.my-btn a:focus {

    color: #AD8961;

}



.blue-color {

    color: #404A95;

}



.brown-color {

    color: #AD8961;

}

i {
    font-family: var(--Roboto-Italic);
}








/*-------------------- Video Modal--------------*/

.video-modal,

.video-modal .overlay {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 3000;

}



.video-modal {

    overflow: hidden;

    position: fixed;

    opacity: 0;

    -webkit-transform: translate(500%, 0%);

    transform: translate(500%, 0%);

    -webkit-transition: -webkit-transform 0s linear 0s;

    transition: -webkit-transform 0s linear 0s;

    transition: transform 0s linear 0s;

    transition: transform 0s linear 0s, -webkit-transform 0s linear 0s;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.video-modal .overlay {

    z-index: 0;

    background: rgba(13, 1, 61, 0.82);

    opacity: 0;

    -webkit-transition: opacity 0.2s ease-out 0.05s;

    transition: opacity 0.2s ease-out 0.05s;

}



.video-modal-content {

    position: relative;

    top: auto;

    right: auto;

    bottom: auto;

    left: auto;

    z-index: 1;

    margin: 0 auto;

    overflow-y: visible;

    background: #000;

    width: calc(100% - 12em);

    height: 0;

    padding-top: calc((100% - 12em) * 0.5625);



}





@media (min-aspect-ratio: 16 / 9) {

    .video-modal-content {

        width: 0;

        height: calc(100vh - 10em);

        padding-top: 0;

        padding-left: calc((100vh - 10em) * 1.7778);



    }

}





@media (max-width: 640px) {

    .video-modal-content {

        width: calc(100% - 1em);

        padding-top: calc((100% - 1em) * 0.5625);



    }

}





.close-video-modal {

    display: block;

    position: absolute;

    left: 0;

    top: -40px;

    text-decoration: none;

    font-size: 20px;

    font-weight: bold;

    color: #fff;

}





iframe#youtube {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1;

    background: #000;

    -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);

    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);

}



iframe#youtube-container {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1;

    background: #000;

    -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);

    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);

}



.show-video-modal .video-modal {

    opacity: 1;

    transform: translate(0%, 0%);

    -webkit-transform: translate(0%, 0%);

    z-index: 99999;

}



.show-video-modal .video-modal .overlay {

    opacity: 1;

}



.show-video-modal .video-modal-content {

    -webkit-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

}



@-webkit-keyframes borderAnimation {

    0% {

        border-width: 0;

    }



    100% {

        border-width: 20px;

    }

}



@keyframes borderAnimation {

    0% {

        border-width: 0;

    }



    100% {

        border-width: 20px;

    }

}











/***************************************************start***********************************************************************/

/*********HOVER**********/

/* Grow */

.hvr-grow {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: transform;

    transition-property: transform;

}



.hvr-grow:hover,

.hvr-grow:focus,

.hvr-grow:active {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}











/* Radial Out */

.hvr-radial-out {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    position: relative;

    overflow: hidden;

    background: #e1e1e1;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}



.hvr-radial-out:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    border-radius: 100%;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.hvr-radial-out:hover,

.hvr-radial-out:focus,

.hvr-radial-out:active {

    color: white;

}



.hvr-radial-out:hover:before,

.hvr-radial-out:focus:before,

.hvr-radial-out:active:before {

    -webkit-transform: scale(2);

    transform: scale(2);

}



/*********END HOVER**********/



/*

*

*section header

*

*/



section.section-header {

    width: 1330px;

    padding: 0 30px;

    max-width: 100%;

    margin: 0 auto;

    position: absolute;

    top: 30px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 11;

}



section.section-header .content {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

section.section-header .content .logo img {
    width: 336px;
}




/*

*

*section-slider

*

*/



section.section-slider {

    height: 100dvh;

    position: relative;

}



section.section-slider {

    position: relative;

    overflow: hidden;

}



section.section-slider::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 45%;

    height: 100%;

    z-index: 1;

    background-color: #404A95;

    mix-blend-mode: multiply;

    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);

}



section.section-slider .video-wrapper {

    position: absolute;

    height: 100%;

    width: 100%;

}



#myVideo {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

}



section.section-slider .parent_container,

section.section-slider .content {

    height: 100%;

    position: relative;

}



section.section-slider .content .hero {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    z-index: 11;

    width: 600px;

}



section.section-slider .hero .titre {

    width: fit-content;

}



section.section-slider .hero .titre span {

    display: block;

    width: fit-content;

    font-size: 60px;

    font-family: var(--HalisGR-BoldItalic);

    margin-top: -2px;

    transform: rotate(-10deg);

}



section.section-slider .hero .titre .one {

    padding: 12px 0px 0px 0px;

}



section.section-slider .hero .titre .three {

    padding: 0px 10px 39px 0px;

}



section.section-slider .hero .titre h1 {

    background-image: url(../images/titre.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: right;

    padding: 32px 20px;

    position: relative;

}



section.section-slider .hero .texte {

    width: 380px;

}



section.section-slider .hero .texte p {

    font-size: 20px;

    color: #fff;

    font-family: var(--Roboto-Regular);

    line-height: 28px;

}



section.section-slider .hero .texte p b {

    font-family: var(--Roboto-Bold);

    display: block;

}





/**

*

*don form

*

*/





/****/



.section-don-form .donation-sticky-bar {

    position: fixed;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 1330px;

    max-width: 100%;

    padding: 0 30px;

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

    z-index: 9999;

    font-family: 'Arial', sans-serif;

    clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);

}



.section-don-form .donation-container {

    background-color: #fff;

    display: flex;

    align-items: center;

    gap: 30px;

    clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);

    padding: 20px 40px 30px;

}



.section-don-form .donation-title {

    font-size: 23px;

    font-family: var(--HalisGR-Bold);

    text-transform: uppercase;

    color: #404A95;

    line-height: 27px;

    padding-right: 20px;

}



.section-don-form .donation-content {

    flex-grow: 1;

}



.section-don-form .donation-tabs {

    display: flex;

    width: 72%;

    margin: 0 auto;

    clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);

    margin-bottom: -1px;

}



.section-don-form .tab-btn {

    flex: 1;

    background: #404A95;

    color: #fff;

    border: none;

    padding: 10px 25px;

    cursor: pointer;

    font-size: 13px;

    font-weight: bold;

    border-radius: 5px 5px 0 0;

    border-radius: unset !important;

    clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);

    transition: .4s;

}



.section-don-form .tab-btn:hover,

.section-don-form .tab-btn.active {

    background: #fff;

    color: #404A95;

}



.section-don-form .tab-btn span {

    font-weight: normal;

    font-size: 11px;

    display: block;

}



.section-don-form .donation-actions {

    display: flex;

    align-items: center;

    gap: 15px;

    justify-content: space-between;

}



.section-don-form .amounts-grid {

    display: flex;

    gap: 10px;

    justify-content: space-between;

    width: 40%;

}



.section-don-form .amounts-grid .autre {

    width: 25%;

    position: relative;

}



.section-don-form .amount-btn {

    font-size: 18px;

    font-family: var(--HalisGR-Bold);

    color: #404A95;

    border: 2px solid rgba(64, 74, 149, 0.4);

    background: transparent;

    padding: 8px 20px;

    border-radius: 4px;

    cursor: pointer;

    min-width: 100px;

    transition: .3s;

}



.section-don-form .amount-btn:hover,

.section-don-form .amount-btn.selected {

    background: #283380;

    color: white;

}



.section-don-form .amount-input {

    border: 2px solid rgba(64, 74, 149, 0.4);

    padding: 10px;

    border-radius: 4px;

    width: 100%;

    text-align: center;

    outline: none !important;

    font-size: 18px;

    font-family: var(--HalisGR-Bold);

    color: #404A95;

}



.section-don-form .amount-input::placeholder {

    font-size: 18px;

    font-family: var(--HalisGR-Bold);

    color: #404A95;

}



.section-don-form .tax-info {

    margin-top: 5px;

    position: absolute;

    bottom: 5px;

    width: fit-content;

    display: block;

    font-size: 12px;

    color: #404A95;

    text-align: center;

    font-family: var(--HalisGR-RegularItalic);

}



.section-don-form .tab-btn[data-type="IR"] {

    font-size: 16px;

    font-family: var(--HalisGR-Bold);

    text-transform: uppercase;

    z-index: 2;

}



.section-don-form .tab-btn[data-type="IR"] span {

    font-size: 14px;

    font-family: var(--HalisGR-Regular);

    text-transform: lowercase;

}



.section-don-form .tab-btn[data-type="IFI"] {

    font-size: 16px;

    font-family: var(--HalisGR-Bold);

    text-transform: uppercase;

    z-index: 1;

}



.tab-btn[data-type="IFI"] span {

    font-size: 14px;

    font-family: var(--HalisGR-Regular);

    text-transform: lowercase;

}



.amount-input::-webkit-outer-spin-button,

.amount-input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.amount-input {

    -moz-appearance: textfield;

}





.amount-item {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.section-don-form .amount-item .tax-info {

    margin-top: 5px;

    font-size: 12px;

    color: #404A95;

    text-align: center;

    font-family: var(--HalisGR-RegularItalic);

    position: absolute;

    bottom: 5px;

    width: fit-content;

    margin-left: 80px;

}





/*

*

*section-1

*

*/



section.section-1 .content {

    background-image: url(../images/bg-section-1.webp);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    display: flex;

    justify-content: space-between;

}



section.section-1 .content .left-col,

section.section-1 .content .right-col {

    width: 50%;

    max-width: 100%;

}



section.section-1 .content .left-col {

    position: relative;

    padding: 40px;

    display: flex;

    flex-direction: column;

    gap: 20px;

}



section.section-1 .content .left-col::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background-color: #404A95;

    mix-blend-mode: multiply;

}



section.section-1 .content .left-col .titre-section,

section.section-1 .content .left-col .texte,

section.section-1 .content .left-col .my-btn {

    position: relative;

    z-index: 11;

}



section.section .content .left-col .titre-section {

    position: relative;

    z-index: 11;

}



section.section .content .left-col .titre-section h5 {

    font-size: 30px;

    color: #fff;

    text-transform: uppercase;

    font-family: var(--HalisGR-Medium);

}



section.section .content .left-col .titre-section {

    display: flex;

    align-items: start;

    gap: 10px;

}



section.section .content .left-col .titre-section img {

    width: 27px;

}



section.section-1 .content .left-col .texte p {

    font-size: 18px;

    color: #fff;

    font-family: var(--Roboto-Regular);

    line-height: 24px;

}



section.section-1 .content .left-col .texte p b {
    font-family: var(--Roboto-Bold);

}



section.section-1 .content .right-col {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



section.section-1 .content .right-col img {

    width: 110px;

}



/*

*

*section-2

*

*/



section.section-2 .content .left-col .titre-section h5 {

    color: #4A443C;

}



section.section-2 .content {

    position: relative;

    padding: 40px 0;

}



section.section-2 .content::before {

    content: '';

    width: 83%;

    height: 100%;

    background-image: url(../images/bg-section-2.webp);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1;

}



section.section-2 .content .left-col {

    position: relative;

    background-color: #fff;

    padding: 40px;

    display: flex;

    flex-direction: column;

    gap: 20px;

    width: 580px;

    max-width: 100%;

    box-shadow: rgba(0, 0, 0, 0.15) -1.95px 1.95px 2.6px;

}



section.section-2 .content .left-col .texte {

    margin-bottom: 40px;

}



section.section-2 .content .left-col .texte p,

section.section-2 .content .left-col .txt p {

    font-size: 18px;

    color: #4A443C;

    font-family: var(--Roboto-Regular);

    line-height: 24px;

}



section.section-2 .content .left-col .texte p b {

    font-family: var(--Roboto-Bold);

}



section.section-2 .content .left-col .div-square {

    padding: 55px 20px 20px 20px;

    border: 4px solid #AD8961;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 10px;

    position: relative;

}



section.section-2 .content .left-col .div-square .txt {

    text-align: center;

}



section.section-2 .content .left-col .div-square::before {

    content: '';

    position: absolute;

    top: -47px;

    left: 50%;

    transform: translateX(-50%);

    width: 90px;

    height: 90px;

    background-image: url(../images/picto.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    z-index: 1;

}



/*

*

*section-3

*

*/



section.section-3 .content {

    display: flex;

    justify-content: right;

}



section.section-3 .content .left-col {

    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}



section.section-3 .content {

    position: relative;

    padding: 40px 0;

}

section.section-3 .simulation {
    display: block;
    width: fit-content;
    margin-top: 15px;
    font-family: var(--Roboto-Italic);
    font-size: 16px;
}

section.section-3 .content::before {

    content: '';

    width: 83%;

    height: 100%;

    background-image: url(../images/bg-section-3.webp);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    position: absolute;

    top: 0;

    right: unset;

    left: 0;

    z-index: -1;

}





section.section-3 .content .left-col .div-square {

    position: relative;

}





section.section-3 .content .left-col .div-square::before {

    background-image: url(../images/picto2.png);

}





/*

*

*section-4

*

*/



section.section-4 {

    background-image: url(../images/bg-section4.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    position: relative;

    padding: 90px 0 160px;

}



section.section-4::after {

    content: '';

    width: 58px;

    height: 33px;

    background-image: url(../images/icone-section4.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

    bottom: 20px;

    left: 50%;

    transform: translateX(-50%);

}



section.section-4 .content {

    display: flex;

    justify-content: space-between;

    align-items: end;

    gap: 30px;

}



section.section-4 .content .left-col {

    width: 30%;

    max-width: 100%;

    padding-right: 20px;

}



section.section-4 .content .right-col {

    width: 65%;

    max-width: 100%;

}



section.section-4 .content .right-col .items {

    display: flex;

    justify-content: space-between;

    gap: 20px;

}



section.section-4 .content .left-col .titre {

    margin-bottom: 25px;

}



section.section-4 .content .left-col .titre h2 {

    background-image: url(../images/titre-section4.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: right;

    padding: 35px 15px;

    width: fit-content;

}



section.section-4 .content .left-col .titre span {

    display: block;

    width: fit-content;

    font-size: 45px;

    font-family: var(--HalisGR-BoldItalic);

    margin-top: -2px;

    transform: rotate(-10deg);

    color: #fff;

}



section.section-4 .content .left-col .descr p {

    font-size: 22px;

    color: #404A95;

    font-family: var(--HalisGR-Medium);

    text-transform: uppercase;

}



section.section-4 .content .left-col .text p {

    font-size: 18px;

    color: #3E4E68;

    font-family: var(--Roboto-Regular);

    line-height: 24px;

}



section.section-4 .content .right-col .item {

    width: 50%;

    background: #fff;

    padding: 150px 60px 30px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    border: 5px solid #AD8961;

    position: relative;

}



section.section-4 .content .right-col .item.one::before,

section.section-4 .content .right-col .item.two::before {

    content: '';

    width: 255px;

    height: 295px;

    background-image: url(../images/75.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

    top: -151px;

    left: 50%;

    transform: translateX(-50%);

}



section.section-4 .content .right-col .item.two::before {

    background-image: url(../images/66.png);

}



section.section-4 .content .right-col .item .txt p {

    font-size: 18px;

    color: #404A95;

    font-family: var(--Roboto-Regular);

    line-height: 24px;

}



section.section-4 .content .right-col .item .txt-italic p {

    font-size: 14px;

    color: #404A95;

    font-family: var(--Roboto-Italic);

}



section.section-4 {

    margin-bottom: 30px;

}





/*

*

*section-5

*

*/



section.section-5 .content .titre {

    width: 70%;

    text-align: center;

    max-width: 100%;

    margin: 0 auto;

    margin-bottom: 70px;

}



section.section-5 .content .titre h5 {

    font-size: 22px;

    color: #404A95;

    font-family: var(--HalisGR-Bold);

    line-height: 30px;

}





section.section-5 .tabs {

    display: flex;

}



section.section-5 .tab {

    font-size: 16px;

    font-family: var(--HalisGR-Bold);

    padding: 20px 50px;

    color: #404A95;

    border: none;

    background: #fff;

    cursor: pointer;

    transition: 0.3s;

    outline: none !important;

    box-shadow: 8px 0px 5px -5px rgba(0, 0, 0, 0.15),

        -8px 0px 10px -5px rgba(0, 0, 0, 0.15);

}



section.section-5 .tab:hover,

section.section-5 .tab.active {

    background: #404A95;

    color: #fff;

}





section.section-5 .tab-content {

    display: none;

    padding: 50px 100px 50px 50px;

    background: #404A95;

    min-height: 560px;

}



section.section-5 .tab-content.active {

    display: block;

}



section.section-5 .contenu-tab {

    display: flex;

    justify-content: space-between;

}



section.section-5 .contenu-tab .left-col {

    width: 40%;

}



section.section-5 .contenu-tab .right-col {

    width: 60%;

}



section.section-5 .contenu-tab .left-col .titre {

    display: flex;

    align-items: start;

    gap: 10px;

    margin-bottom: 30px;

    text-align: left;

    width: 100%;

}



section.section-5 .contenu-tab .left-col .titre h5 {

    font-size: 37px;

    line-height: normal;

    font-family: var(--HalisGR-Medium);

    color: #fff;

    text-transform: uppercase;

}



section.section-5 .contenu-tab .left-col .titre img {

    width: 25px;

}



section.section-5 .contenu-tab .left-col .txt {

    width: 80%;

    margin-bottom: 30px;

}



section.section-5 .contenu-tab .left-col .txt p {

    font-size: 18px;

    color: #fff;

    font-family: var(--Roboto-Regular);

    line-height: 24px;

}



section.section-5 .contenu-tab .left-col .txt p b {

    font-family: var(--Roboto-Bold);

}



/***/



section.section-5 .contenu-tab .calculator-container {

    background-color: #26307E;

    padding: 20px 80px 10px 50px;

    width: 100%;

}



section.section-5 .contenu-tab .form-row {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    padding: 15px 0;

}



section.section-5 .contenu-tab .form-row label {

    font-weight: bold;

    font-size: 14px;

    max-width: 70%;

    font-family: var(--Roboto-Bold);

    color: #fff;

}



section.section-5 .contenu-tab .input-wrapper {

    display: flex;

    align-items: center;

    gap: 5px;

}



section.section-5 .contenu-tab .input-wrapper input {

    background: transparent;

    border: none;

    color: #fff;

    text-align: right;

    font-size: 16px;

    width: 100%;

    outline: none;

    font-family: var(--Roboto-Bold);

}



section.section-5 .contenu-tab .input-wrapper span {

    color: #fff;

    font-size: 16px;

    font-family: var(--Roboto-Bold);

}



section.section-5 .contenu-tab input::-webkit-outer-spin-button,

section.section-5 .contenu-tab input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



section.section-5 .contenu-tab .button-wrapper {

    display: flex;

    justify-content: center;

    margin-top: 30px;

    width: 100%;

}



section.section-5 .contenu-tab .disclaimer {

    font-size: 11px;

    color: #fff;

    margin-top: 15px;

    font-family: var(--Roboto-Italic);

}



/* Container Général */

section.section-5 .contenu-tab .container-ifi {

    width: 100%;

}



section.section-5 .contenu-tab .zones-grid {

    display: flex;

    gap: 20px;

    justify-content: space-between;

    margin-bottom: 30px;

}



section.section-5 .contenu-tab .zone-card {

    background-color: #26307E;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 20px 0px;

    text-align: center;

    width: calc(98% / 3);

}



section.section-5 .contenu-tab .zone-header h3 {

    font-size: 18px;

    color: #fff;

    text-transform: uppercase;

    font-family: var(--Roboto-Bold);

    margin: 0;

    line-height: 24px;

    margin-bottom: 8px;

}



section.section-5 .contenu-tab .zone-header p {

    font-size: 14px;

    color: #fff;

    font-family: var(--Roboto-Regular);

}



section.section-5 .contenu-tab .arrow-down {

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid white;

    margin: 0 auto 10px auto;

}



section.section-5 .contenu-tab .zone-body {

    background-color: white;

    color: #333;

    padding: 20px 15px;

    width: 80%;

    min-height: 145px;

    display: flex;

    flex-direction: column;

    justify-content: start;

    gap: 5px;

}



section.section-5 .contenu-tab .zone-body h4 {

    font-size: 18px;

    color: #4A443C;

    font-family: var(--Roboto-Bold);

    text-transform: uppercase;

}



section.section-5 .contenu-tab .zone-body p {

    font-size: 14px;

    color: #4A443C;

    font-family: var(--Roboto-Regular);

    line-height: 19px;

}



section.section-5 .contenu-tab .papier-section {

    background-color: #26307E;

    padding: 20px;

    display: flex;

    align-items: center;

    gap: 20px;

}



section.section-5 .contenu-tab .papier-title {

    flex: 1;

    color: white;

}



section.section-5 .contenu-tab .papier-title h3 {

    font-size: 18px;

    line-height: 24px;

    color: #fff;

    font-family: var(--Roboto-Bold);

    text-transform: uppercase;

}



section.section-5 .contenu-tab .papier-title p {

    font-size: 14px;

    color: #fff;

    font-family: var(--Roboto-Regular);

}



section.section-5 .contenu-tab .arrow-right {

    width: 0;

    height: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-left: 10px solid #b08d66;

}



section.section-5 .contenu-tab .papier-note {

    background-color: white;

    color: #333;

    padding: 20px;

    flex: 2;

}



section.section-5 .contenu-tab .papier-note p {

    font-size: 14px;

    color: #4A443C;

    margin: 0;

    font-family: var(--Roboto-Regular);

}



section.section-5 .contenu-tab .papier-note p b {

    font-family: var(--Roboto-Bold);

}



/****/

section.section-5 .contenu-tab .table-container {

    padding: 30px;

    background-color: #404A95;

    font-family: Arial, sans-serif;

    width: 100%;

}



section.section-5 .contenu-tab .ifi-table {

    width: 100%;

    border-collapse: collapse;

}



section.section-5 .contenu-tab .ifi-table tbody {

    background-color: #fff;

}





section.section-5 .contenu-tab .ifi-table thead th {

    background-color: #26307D;

    color: #fff;

    font-family: var(--Roboto-Bold);

    padding: 20px;

    font-size: 14px;

    text-align: center;

    border: 1px solid #404A95;

}



section.section-5 .contenu-tab .ifi-table tbody td {

    padding: 15px;

    text-align: center;

    color: #26307D;

    font-size: 14px;

    font-family: var(--Roboto-Regular);

    border: 2px solid #404A95;

}



section.section-5 .contenu-tab .ifi-table .taux {

    font-family: var(--Roboto-Bold);

    width: 30%;

}



section.section-5 .contenu-tab .ifi-table tbody tr:hover {

    background-color: #f1f3ff;

}





/*

*

*section-6

*

*/



section.section-6 {

    background-image: url(../images/bg-section-6.webp);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    margin-bottom: unset;

}



section.section-6 .content {

    width: 500px;

    max-width: 100%;

    display: flex;

    flex-direction: column;

    gap: 15px;

    padding: 40px 0 60px;



}



section.section-6 .content .titre h2 {

    background-image: url(../images/bg-titre-6.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: right;

    padding: 38px 10px;

    width: fit-content;

}



section.section-6 .content .titre span {

    display: block;

    width: fit-content;

    font-size: 45px;

    font-family: var(--HalisGR-BoldItalic);

    margin-top: -2px;

    transform: rotate(-10deg);

}



section.section-6 .content .small-titre {

    display: flex;

    align-items: start;

    gap: 10px;

    margin-left: 40px;

}



section.section-6 .content .small-titre img {

    width: 28px;

}



section.section-6 .content .small-titre h5 {

    font-size: 18px;

    color: #fff;

    font-family: var(--Roboto-Bold);

}



section.section-6 .content .texte p {

    font-size: 18px;

    color: #fff;

    font-family: var(--Roboto-Regular);

    line-height: 24px;

}



/*

*

*section-7

*

*/



section.section-7 {

    background-color: #AD8961;

    padding: 70px 0;

    margin-bottom: unset;

}



section.section-7 .items {

    display: flex;

    justify-content: space-between;

    align-items: baseline;

}



section.section-7 .items .item {

    width: calc(85% / 3);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    gap: 30px;

}



section.section-7 .items .item h4 {

    font-size: 18px;

    color: #fff;

    text-transform: uppercase;

    font-family: var(--Roboto-Bold);

    line-height: 24px;

}



section.section-7 .items .item .texte {

    width: 90%;



}



section.section-7 .items .item .texte.last {

    margin-top: -25px;

}



section.section-7 .items .item .texte p {

    font-size: 18px;

    color: #fff;

    font-family: var(--Roboto-Regular);

    line-height: 24px;

}



section.section-7 .items .item img {

    width: 160px;

}





/*

*

*section info

*

*/



section.section-info {

    margin-bottom: unset;

    padding: 30px 0;

}



section.section-info .content {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 970px;

    max-width: 100%;

    margin: 0 auto;

}



section.section-info .content .left-col {

    width: fit-content;

}



section.section-info .content .left-col img {

    width: 220px;

}



section.section-info .content .right-col {

    width: 67%;

}



section.section-info .content .right-col .titre {

    text-align: center;

    margin-bottom: 10px;

}



section.section-info .content .right-col .titre span {

    font-size: 22px;

    color: #404A95;

    text-transform: uppercase;

    font-family: var(--Roboto-Bold);

    line-height: 30px;

}



section.section-info .content .right-col .texte {

    text-align: center;

    margin-bottom: 25px;

}



section.section-info .content .right-col .texte p {

    font-size: 18px;

    color: #3E4E68;

    font-family: var(--Roboto-Regular);

    line-height: 24px;

}



section.section-info .content .right-col .info-contacts {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



section.section-info .content .right-col .info-contacts a {

    font-size: 19px;

    font-family: var(--Roboto-Bold);

    color: #404A95;

    text-decoration: none;

    display: flex;

    gap: 10px;

    align-items: center;

    transition: .4s;

}



section.section-info .content .right-col .info-contacts a:hover {

    color: #404a95ad;

}



section.section-info .content .right-col .info-contacts .tel,

section.section-info .content .right-col .info-contacts .mail {

    display: flex;

    align-items: center;

    gap: 10px;

}



section.section-info .content .right-col .info-contacts .mail a {

    border-bottom: 2px solid #404A95;

}



section.section-info .content .right-col .info-contacts img {

    width: 25px;

}





/****section-footer****/



.section.section-footer {

    padding: 50px 0;

    background-color: #404A95;

    margin-bottom: unset;

}



.section.section-footer .cols {

    display: flex;

    flex-direction: column;

    gap: 60px;

    justify-content: center;

    align-content: center;

}



.section.section-footer .col1 {

    display: flex;

    flex-direction: column;

    gap: 30px;

}



.section.section-footer .col1 .texte p {

    font-size: 15px;

    color: #fff;

    font-family: var(--Roboto-Light);

    text-align: center;

}



.section.section-footer .col1 .texte p a {

    color: #fff;

    text-decoration: none;

}



.section.section-footer .col1 .social-media {

    display: flex;

    justify-content: center;

    gap: 30px;

    align-items: end;

}



.section.section-footer .col1 .media-icons {

    display: flex;

    align-items: center;

    gap: 30px;

}



.section.section-footer .col1 .social-media .text span {

    font-size: 18px;

    color: #fff;

    font-family: var(--JosefinSans-Bold);

}



.section.section-footer .col1 .icone a img {

    width: 40px;

}



.section.section-footer .col1 .icone a:hover img {

    filter: brightness(0) saturate(100%) invert(66%) sepia(61%) saturate(451%) hue-rotate(1deg) brightness(85%) contrast(95%);

}



.section.section-footer .col2 .separateur {

    width: 700px;

    max-width: 100%;

    height: 1px;

    background-color: #fff;

    margin: 0 auto;

}



.section.section-footer .col3 .logos {

    display: flex;

    justify-content: center;

    gap: 70px;

}



.section.section-footer .col3 .image img {

    width: 280px;

    max-width: 100%;

}



.section.section-footer .col3 .mindme {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    margin: 40px 0;

}



.section.section-footer .col3 .mindme .text p {

    font-size: 14px;

    margin: unset;

    color: #fff;

    font-family: var(--Roboto-Light);

}



.section.section-footer .col3 .mindme .logo-mindme img {

    width: 80px;

    max-width: 100%;

}



.section.section-footer .col3 .mentions {

    display: flex;

    justify-content: center;

    align-items: center;

}



.section.section-footer .col3 .mentions a,

.section.section-footer .col3 .mentions span {

    font-size: 14px;

    color: #fff;

    font-family: var(--Roboto-Light);

}



.section.section-footer .col3 .mentions span {

    margin: 0 5px;

}



.section.section-footer .col3 .mentions a:hover {

    color: #D39E36;

}



/*

*

*cookie

*

*/



.video-container {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #000;

}



#cookie-message {

    padding: 2rem;

    text-align: center;

    max-width: 80%;

    background: #fff;

    border-radius: 12px;

    display: none;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    z-index: 10;

}



#cookie-message p {

    color: #000000;

    font-size: 1.1rem;

    line-height: 1.5;

    margin-bottom: 20px;

    font-family: var(--Roboto-Regular);

    margin: unset;

}



#cookie-message a {

    display: inline-block;

    color: #f75440;

    border-radius: 50px;

    text-decoration: underline;

    font-weight: 600;

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    font-family: var(--Roboto-Bold);

}



iframe#youtube {

    z-index: 3;

}



/****/





section.section-5 .contenu-tab .papier-section.mob {

    display: none;

}



#tab2 .my-btn.mob,

#tab3 .my-btn.mob {

    display: none;

}



#donation_mobile {

    display: none;

}



/*****************************Responsive*******************************/



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



    /**section slider**/

    section.section-slider .hero .titre span {

        font-size: 50px;

    }



    section.section-slider .hero .titre h1 {

        padding: 25px 10px;

    }



    section.section-slider .hero .texte p {

        font-size: 19px;

        line-height: 27px;

    }



    /***/



    .section-don-form .donation-title {

        font-size: 20px;

        line-height: 26px;

    }



    .section-don-form .tab-btn[data-type="IFI"] {

        font-size: 15px;

    }



    .section-don-form .donation-tabs {

        width: 73%;

    }

















    section.section .content .left-col .titre-section h5 {

        font-size: 27px;

    }



    section.section-1 .content .left-col .texte p {

        font-size: 16px;

    }



    section.section-1 .content .right-col img {

        width: 100px;

    }



    section.section-2 .content .left-col .texte p,

    section.section-2 .content .left-col .txt p {

        font-size: 16px;

    }



    /***/

    section.section-4 .content .left-col .titre span {

        font-size: 40px;

    }



    section.section-4 .content .left-col .descr p {

        font-size: 21px;

    }



    section.section-4 .content .left-col .text p,

    section.section-4 .content .right-col .item .txt p {

        font-size: 16px;

    }



    section.section-4 .content .right-col .item.one::before,

    section.section-4 .content .right-col .item.two::before {

        content: '';

        width: 215px;

        height: 245px;

        top: -126px;

    }



    section.section-4 .content .right-col .item {

        padding: 120px 60px 30px;

    }



    section.section-4 {

        padding: 80px 0 130px;

    }



    /****/

    section.section-5 .content .titre h5 {

        font-size: 19px;

    }



    section.section-5 .contenu-tab .left-col .titre h5 {

        font-size: 35px;

    }



    section.section-5 .contenu-tab .left-col .txt p {

        font-size: 16px;

    }



    /***/

    section.section-6 .content .titre span {

        font-size: 40px;

    }



    section.section-6 .content .small-titre img {

        width: 25px;

    }



    section.section-6 .content .small-titre h5,

    section.section-6 .content .texte p {

        font-size: 16px;

    }



    /***/

    section.section-7 .items .item h4,

    section.section-7 .items .item .texte p {

        font-size: 16px;

    }



    section.section-7 .items .item img {

        width: 150px;

    }



    section.section-info .content .right-col .titre span {

        font-size: 20px;

    }



    section.section-info .content .right-col .texte p {

        font-size: 16px;

    }



    section.section-info .content .right-col .info-contacts a {

        font-size: 18px;

    }



    section.section-info .content .left-col img {

        width: 210px;

    }



    section.section-info .content {

        width: 890px;

    }



    /*****/

    .section.section-footer .cols {

        gap: 45px;

    }

















}



@media screen and (min-width: 980px) and (max-height: 700px) {

    section.section-header {

        top: 25px;

    }



    section.section-header .content .logo img {

        width: 220px;

    }



    section.section-slider .hero .titre span {

        font-size: 30px;

    }

    section.section-slider .content .hero {
        top: 47%;
    }

    section.section-slider .hero .titre h1 {

        padding: 18px 7px;

        margin: unset;
        padding: 18px 7px 12px 7px;

    }

    section.section-slider .hero .texte {
        width: 460px;
    }


    section.section-slider .hero .titre .one {

        padding: 8px 0px 0px 0px;

    }



    section.section-slider .hero .titre .three {

        padding: 0px 10px 29px 0px;

    }



    section.section-slider .hero .texte p {
        font-size: 16px;
        line-height: 23px;

    }



    .section-don-form .tab-btn {

        padding: 6px 15px;

        font-size: 13px;

    }



    .section-don-form .donation-container {

        padding: 8px 35px 30px;

    }



    .section-don-form .tab-btn[data-type="IR"] {

        font-size: 15px;

    }















}



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



    /***/

    section.section-header .content .logo img {

        width: 280px;

    }



    section.section-slider .hero .titre span {

        font-size: 45px;

    }



    section.section-slider .hero .titre h1 {

        padding: 20px 7px;

    }



    section.section-slider .hero .texte p {

        font-size: 18px;

        line-height: 26px;

    }



    /****/

    .section-don-form .donation-title {

        font-size: 13px;

        line-height: 23px;

        padding: unset;

    }



    .section-don-form .amount-btn {

        font-size: 17px;

        padding: 8px 15px;

        min-width: 85px;

    }



    .section-don-form .my-btn {

        width: 33%;

    }



    .section-don-form .amount-input {

        padding: 8px;

        font-size: 17px;

    }



    .section-don-form .tab-btn[data-type="IFI"],

    .section-don-form .tab-btn[data-type="IR"] {

        font-size: 13px;

    }



    .section-don-form .tab-btn[data-type="IR"] span,

    .tab-btn[data-type="IFI"] span {

        font-size: 13px;

    }



    .section-don-form .donation-container {

        padding: 13px 30px 30px;

    }





    /****/

    section.section .content .left-col .titre-section h5 {

        font-size: 24px;

    }



    section.section .content .left-col .titre-section img {

        width: 25px;

    }



    section.section-1 .content .left-col {

        padding: 30px;

    }



    section.section-2 .content .left-col {

        padding: 30px;

    }



    section.section-4 .content .left-col .titre span {

        font-size: 35px;

    }



    section.section-4 .content .left-col .titre h2 {

        padding: 28px 11px;

    }



    section.section-4 .content .left-col .descr p {

        font-size: 20px;

    }



    section.section-4 .content .right-col {

        width: 70%;

        max-width: 100%;

    }



    section.section-4 .content .right-col .item {

        padding: 100px 20px 30px;

    }



    section.section-4 .content .right-col .item.one::before,

    section.section-4 .content .right-col .item.two::before {

        content: '';

        width: 165px;

        height: 185px;

        top: -97px;

    }



    section.section-5 .content .titre {

        width: 80%;

    }



    section.section-5 .tab-content {

        padding: 50px 50px 50px 50px;

        min-height: 625px;

    }



    section.section-5 .contenu-tab .calculator-container {

        padding: 20px 50px 10px 50px;

    }



    section.section-5 .contenu-tab .table-container {

        padding: unset;

        background-color: #404A95;

        font-family: Arial, sans-serif;

        width: 100%;

    }



    /****/

    section.section-6 .content {

        width: 420px;

    }



    section.section-6 .content .titre span {

        font-size: 35px;

    }



    /****/

    section.section-info .content .left-col img {

        width: 200px;

    }



    /*****/



    .section.section-footer .col1 .icone a img {

        width: 35px;

    }



    .section.section-footer .col3 .image img {

        width: 240px;

        max-width: 100%;

    }



}



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

    section.section-don-form {

        display: none;

    }



    #donation_mobile {

        display: flex;

        justify-content: center;

        position: fixed;

        bottom: 20px;

        left: 50%;

        transform: translateX(-50%);

        z-index: 999;

        width: 100%;

    }

}



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

    /****/



    section.section-1 .content {

        flex-direction: column;

        background-image: unset;

    }



    section.section-1 .content .left-col,

    section.section-1 .content .right-col {

        width: 100%;

    }



    section.section-1 .content .right-col {

        background-image: url(../images/bg-section-1.webp);

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center;

        width: 100%;

        height: 380px;

    }



    section.section-1 .content .left-col .my-btn {

        margin: 0 auto;

    }



    section.section-4 .content {

        flex-direction: column;

        gap: 90px;

    }



    section.section-4 .content .left-col,

    section.section-4 .content .right-col {

        width: 100%;

    }



    /***/

    section.section-5 .tab {

        font-size: 14px;

        font-family: var(--HalisGR-Bold);

        padding: 10px 30px;

    }



    section.section-5 .contenu-tab {

        flex-direction: column;

        gap: 30px;

    }



    section.section-5 .contenu-tab .left-col,

    section.section-5 .contenu-tab .right-col {

        width: 100%;

    }



    section.section-5 .tab-content {

        padding: 40px 30px 40px 30px;

        min-height: unset;

    }



    section.section-5 .contenu-tab .left-col .titre {

        margin-bottom: 10px;

    }





    section.section-5 .contenu-tab .left-col .txt {

        margin-bottom: 10px;

    }



    section.section-6 {

        background-image: unset;

    }



    section.section-6 .parent_container {

        padding: unset;

    }



    section.section-6 .content {

        width: 100%;

        background-color: #404A95;

        padding: 30px;

    }



    section.section-6 .right-col {

        background-image: url(../images/bg-section-6.webp);

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

        height: 360px;

    }



    section.section-7 .items .item {

        width: 100%;

    }



    section.section-info .content {

        width: 100%;

        flex-direction: column;

        gap: 20px;

    }



    section.section-info .content .right-col {

        width: 80%;

    }



}



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

    section.section-slider .parent_container {

        padding: 30px;

    }



    .section {

        margin-bottom: 30px;

    }



    /****/

    section.section-header .content .logo img {

        width: 200px;

    }



    section.section-slider .hero .titre .three {

        padding: 0px 10px 28px 0px;

    }



    section.section-header .content .my-btn {

        display: none;

    }



    section.section-slider .hero .texte {

        width: 360px;

        max-width: 100%;

    }



    section.section-slider {

        overflow-y: hidden;

    }



    section.section-slider .video-wrapper {

        height: 40%;

        bottom: 0;

    }



    section.section-slider .content {

        top: 90px;

    }



    section.section-slider .hero .titre span {

        font-size: 34px;

    }



    section.section-slider .content .hero {

        position: absolute;

        top: 0;

        left: 0;

        transform: unset;

        z-index: 11;

        width: 100%;

        max-width: 100%;

    }



    section.section-slider .hero .texte p {

        font-size: 16px;

        line-height: 24px;

    }



    section.section-slider::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 70%;

        z-index: 1;

        background-color: #404A95;

        mix-blend-mode: multiply;

        clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);

    }





    /****/

    .parent_container {

        padding: 0 15px;

    }



    section.section-slider {

        margin-bottom: 15px;

    }



    section.section .content .left-col .titre-section h5 {

        font-size: 18px;

        line-height: 26px;

    }



    section.section-1 .content .left-col {

        gap: 10px;

    }



    section.section-1 .content .right-col {

        background-image: url(../images/bg-section-1-mobile.png);

        height: 400px;

    }



    /****/

    section.section-2 .content::before {

        content: unset;

    }



    section.section-2 .content .left-col {

        width: 100%;

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

        z-index: 11;

    }



    section.section-2 {

        position: relative;

        padding-bottom: 280px;

    }



    section.section-2::after {

        content: '';

        width: 100%;

        height: 403px;

        background-image: url(../images/after-section-2.png);

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

        position: absolute;

        bottom: 0;

        left: 50%;

        transform: translateX(-50%);

        z-index: 1;

    }



    section.section-2.section-3::after {

        content: '';

        width: 100%;

        height: 403px;

        background-image: url(../images/after-section-3.webp);

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

        position: absolute;

        bottom: 0;

        left: 50%;

        transform: translateX(-50%);

        z-index: 1;

    }



    section.section-2 .content {

        padding: 0;

    }



    /****/

    section.section-4 .content .right-col .items {

        flex-direction: column;

        gap: 120px;

    }



    section.section-4 .content .right-col .item {

        width: 100%;

        padding: 100px 60px 30px;

    }



    section.section-4 {

        padding: 60px 0 90px;

    }



    section.section-4::after {

        width: 48px;

        height: 28px;

    }



    /***/



    section.section-5 .content .titre {

        width: 100%;

        padding: 0 15px;

    }



    section.section-5 .content .titre h5 {

        font-size: 18px;

    }



    section.section-5 .contenu-tab .left-col .titre h5 {

        font-size: 20px;

    }



    section.section-5 .contenu-tab .left-col .titre img {

        width: 20px;

    }



    section.section-5 .contenu-tab .form-row label {

        width: 100%;

    }



    section.section-5 .contenu-tab .form-row label {

        font-size: 12px;

    }



    section.section-5 .tabs {

        width: 100%;

        max-width: 100%;

    }



    section.section-5 .tab {

        width: calc(100% / 3);

    }



    section.section-5 .tab {

        font-size: 14px;

        padding: 5px 10px;

    }



    section.section-5 .tab-content {

        padding: 40px 15px 40px 15px;

    }



    section.section-5 .parent_container {

        padding: unset;

    }



    section.section-5 .contenu-tab .calculator-container {

        padding: 20px 20px 10px 20px;

    }



    section.section-5 .contenu-tab .zones-grid {

        flex-wrap: wrap;

        gap: unset;

        row-gap: 15px;



    }



    section.section-5 .contenu-tab .zone-card {

        width: 48%;

    }



    section.section-5 .contenu-tab .papier-section.desk {

        display: none;

    }



    section.section-5 .contenu-tab .papier-section.mob {

        width: 48%;

        display: flex;

        flex-direction: column;

    }



    section.section-5 .contenu-tab .papier-note {

        padding: 14px 5px;

    }



    section.section-5 .contenu-tab .papier-note p {

        font-size: 10px;

    }



    section.section-5 .contenu-tab .papier-section {

        gap: 0;

    }



    section.section-5 .contenu-tab .zone-body,

    section.section-5 .contenu-tab .papier-note {

        min-height: 167px;

    }



    section.section-5 .contenu-tab .papier-section.mob .arrow-down {

        border-top: 10px solid #AD8961;

    }



    section.section-5 .contenu-tab .papier-section {

        padding: 20px 10px;

    }



    section.section-5 .contenu-tab .papier-title h3 {

        font-size: 14px;

    }



    #tab3 .right-col {

        display: flex;

        flex-direction: column;

        gap: 20px;

    }



    #tab3 .right-col .my-btn {

        display: flex;

        margin: 0 auto;

    }



    #tab3 .left-col .my-btn {

        display: none;

    }



    #tab2 .left-col .my-btn.desk {

        display: none;

    }



    #tab2 .right-col .my-btn.mob {

        display: flex;

        margin: 0 auto;

    }



    /****/

    section.section-6 .content .titre span {

        font-size: 30px;

    }



    section.section-6 .right-col {

        background-image: url(../images/bg-section-6-mob.png);

        height: 360px;

    }



    /****/



    section.section-7 .items {

        flex-direction: column;

        gap: 25px;

    }



    section.section-7 .items .item {

        width: 100%;

    }



    section.section-7 {

        padding: 40px 0;

    }



    section.section-7 .items .item {

        gap: 10px;

    }



    section.section-7 .items .item .texte.last {

        margin-top: unset;

    }



    section.section-info .content .right-col .texte {

        width: 70%;

        margin: 0 auto;

    }



    /****/

    section.section-info .content .right-col {

        width: 100%;

    }



    section.section-info .content .right-col .info-contacts,

    .section.section-footer .col3 .mindme {

        flex-direction: column;

        gap: 20px;

    }



    .section.section-footer .col1 .texte {

        width: 100%;

        max-width: 100%;

        margin: 0 auto;

    }

    .section.section-footer .col1 .texte p .mobile-br {
        display: none;
    }

    .section.section-footer .col1 .icone a img {

        width: 30px;

    }

    section.section-3 {
        margin-bottom: 60px;
    }

    section.section-3 .simulation {
        position: absolute;
        bottom: -28px;
        font-size: 13px;
    }




}



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

    section.section-5 .contenu-tab .ifi-table tbody td {

        padding: 10px;

        font-size: 13px;

    }



    section.section-slider .hero .titre span {

        font-size: 27px;

    }



    section.section-slider .hero .texte p {

        font-size: 16px;

        line-height: 22px;

    }



}