@charset "UTF-8";
/*
Theme Name: Fellows
Author: Killian Le Bras & Marin Leclerc
Description: Thème pour Fellows
Version: 1.0
*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");

#body {
    background-color: #000000;
    font-family: "DM Sans", sans-serif;
    max-width: 100vw;
    font-style: normal;
    font-weight: 400;
    color: black;
    overflow-x: hidden;
    margin: 0 auto;
    scrollbar-width: none;
}

.simplepage .simplepage .hero-section {
    min-height: auto;
}

canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

@media (max-width: 1300px) {
    canvas {
        pointer-events: none;
    }
}

canvas#stickers {
    z-index: 2;
}

.container {
    max-width: 1750px;
    width: 100%;
    padding: 0 40px;
    margin: auto;
    position: relative;
}

@media (max-width: 1200px) {
    .container {
        padding: 0 20px;
    }
}

.padding.top-xl {
    padding-top: 200px;
}

@media (max-width: 1300px) {
    .padding.top-xl {
        padding-top: 120px;
    }
}

@media (max-width: 900px) {
    .padding.top-xl {
        padding-top: 120px;
    }
}

.padding.bottom-xl {
    padding-bottom: 200px;
}

@media (max-width: 1300px) {
    .padding.bottom-xl {
        padding-bottom: 120px;
    }
}

@media (max-width: 900px) {
    .padding.bottom-xl {
        padding-bottom: 120px;
    }
}

.padding.top-l {
    padding-top: 120px;
}

@media (max-width: 1300px) {
    .padding.top-l {
        padding-top: 100px;
    }
}

@media (max-width: 900px) {
    .padding.top-l {
        padding-top: 100px;
    }
}

.padding.bottom-l {
    padding-bottom: 120px;
}

@media (max-width: 1300px) {
    .padding.bottom-l {
        padding-bottom: 100px;
    }
}

@media (max-width: 900px) {
    .padding.bottom-l {
        padding-bottom: 100px;
    }
}

h1 {
    color: #000000;
    font-style: normal;
    font-family: "DM Sans", sans-serif;
    font-size: 7rem;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    line-height: 1.1;
    font-weight: 500;
}

@media (max-width: 1700px) {
    h1 {
        font-size: 7rem;
    }
}

@media (max-width: 1500px) {
    h1 {
        font-size: 6rem;
    }
}

@media (max-width: 1300px) {
    h1 {
        font-size: 4rem;
    }
}

@media (max-width: 980px) {
    h1 {
        font-size: 3rem;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 2.5rem;
    }
}

h1.white {
    color: #ffffff;
}

h2 {
    color: #000000;
    font-weight: 400;
    font-style: normal;
    font-family: "DM Sans", sans-serif;
    font-size: 3rem;
    letter-spacing: 1.35px;
    position: relative;
    overflow: hidden;
    line-height: 1.1;
    text-transform: uppercase;
}

h2 .word {
    overflow: hidden;
}

@media (max-width: 1700px) {
    h2 {
        font-size: 3rem;
    }
}

@media (max-width: 1500px) {
    h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 1300px) {
    h2 {
        font-size: 2.2rem;
    }
}

@media (max-width: 980px) {
    h2 {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    h2 {
        font-size: 1.8rem;
    }
}

h2.white {
    color: #ffffff;
}

p {
    color: #000000;
    font-weight: 400;
    font-style: normal;
    font-family: "DM Sans", sans-serif;
    font-size: 0.9rem;
    position: relative;
    overflow: hidden;
    opacity: 0.9rem;
    line-height: 1.4;
}

p strong {
    font-weight: 600;
}

@media (max-width: 980px) {
    p {
        font-size: 0.75rem;
    }
}

@media (max-width: 768px) {
    p {
        font-size: 0.75rem;
    }
}

p.white {
    color: rgba(255, 255, 255, 0.7);
}

.white p {
    color: rgba(255, 255, 255, 0.7);
}

a {
    font-family: "DM Sans", sans-serif;
    text-decoration: none;
    font-size: 0.9rem;
}

a.white {
    color: #ffffff;
}

.line {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    opacity: 0.3;
}

.tag {
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.7);
    text-align: right;
    font-family: "DM Sans";
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.1;
    margin: 5px;
    /* 14.4px */
}

.tag.white {
    color: rgba(255, 255, 255, 0.7);
}

.ul-c ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ul-c ul li {
    padding: 0 0 0 31px;
    position: relative;
    font-size: 16px;
}

.ul-c ul li + li {
    margin-top: 10px;
}

.ul-c ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 21px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.ul-c.dark-b ul li:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M4 9.55556L8.28571 14L16 6' stroke='white' stroke-opacity='0.7' stroke-width='2' stroke-linejoin='bevel'/%3E%3C/svg%3E");
}

.ul-c.white-b ul li:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M4 9.55556L8.28571 14L16 6' stroke='black' stroke-opacity='0.7' stroke-width='2' stroke-linejoin='bevel'/%3E%3C/svg%3E");
}

.container-cta-sticky {
    position: fixed;
    z-index: 100;
    padding: 50px;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

@media (max-width: 768px) {
    .container-cta-sticky {
        padding: 20px;
    }
}

.container-cta-sticky .cta-contact-sticky {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border-radius: 100%;
    background-color: #4BDEA0;
    border: 1px solid #212636;
    width: 165px;
    height: 165px;
}

.container-cta-sticky .cta-contact-sticky .center,
.container-cta-sticky .cta-contact-sticky .text {
    position: absolute;
}

@media (max-width: 768px) {
    .container-cta-sticky .cta-contact-sticky {
        scale: 0.8;
    }
}

.ghost-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.navigation {
    position: fixed;
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 20px;
    z-index: 100;
    mix-blend-mode: difference;
    top: 0;
}

@media (max-width: 1300px) {
    .navigation {
        margin-top: 10px;
    }
}

.navigation .logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 320px;
    /* Appliquez les changements au survol */
}

.navigation .logo .first,
.navigation .logo .last {
    width: 10px;
}

.navigation .logo .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    transition: gap 1s cubic-bezier(0.75, 0.045, 0.045, 0.985);
    margin-top: 4px;
}

.navigation .logo .content .f,
.navigation .logo .content .text {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    /* Ajoutez la transition à ces éléments */
    transition: all 1s cubic-bezier(0.75, 0.045, 0.045, 0.985);
    overflow: hidden;
}

.navigation .logo .content .f {
    width: 13px;
}

.navigation .logo .content .f svg {
    width: 13px;
}

.navigation .logo .content .text,
.navigation .logo .content .text svg {
    width: 100px;
}

.navigation .logo.active .content {
    gap: 0px;
    /* Appliquez la transition à .f aussi */
}

.navigation .logo.active .content .text {
    width: 0;
    opacity: 0.2;
}

.featured-text .container {
    padding-top: 180px;
    padding-bottom: 90px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.featured-text .line-animation {
    position: relative;
    width: 100%;
    height: 1px;
}

.featured-text .line-animation .inactive {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #ffffff;
    opacity: 0.1;
}

.featured-text .line-animation .active {
    position: absolute;
    height: 1px;
    width: 0%;
    background-color: #ffffff;
    opacity: 0.3;
}

.featured-text .content-wrapper {
    width: calc(66.6666666667% + 20px);
    margin: 0 auto;
    padding-bottom: 200px;
}

.featured-text .content-wrapper .featured {
    color: #fff;
    font-size: 55px;
    line-height: 0.9;
    /* 40.5px */
    letter-spacing: 0.9px;
}

.featured-text .content-wrapper .featured .word {
    opacity: 0.2;
}

.featured-text .content-wrapper .description {
    width: 590px;
    max-width: 100%;
    margin: 50px 0 0 auto;
    display: block;
}

.featured-text .content-wrapper .description p {
    font-size: 16px;
    text-align: right;
    color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1200px) {
    .featured-text .content-wrapper {
        width: 100%;
    }

    .featured-text .content-wrapper .featured {
        font-size: 32px;
    }
}

.manifest {
    background-color: #ffffff;
}

.manifest .container {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.manifest .title {
    width: 585px;
    max-width: 100%;
}

.manifest .flex-wrapper {
    width: 1310px;
    max-width: 100%;
    margin-top: 150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
}

@media (max-width: 980px) {
    .manifest .flex-wrapper {
        flex-direction: column-reverse;
        gap: 50px;
    }
}

.manifest .flex-wrapper .left-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(45.4545454545% - 10px);
}

@media (max-width: 980px) {
    .manifest .flex-wrapper .left-column {
        width: 100%;
    }

    .manifest .flex-wrapper .left-column .tag.desktop {
        display: none;
    }
}

.manifest .flex-wrapper .left-column .punchline {
    font-size: 125px;
    line-height: 1;
    text-transform: uppercase;
    text-align: right;
    --rotate-before: 0deg;
}

@media (max-width: 1200px) {
    .manifest .flex-wrapper .left-column .punchline {
        font-size: 75px;
    }
}

.manifest .flex-wrapper .left-column .punchline > span:nth-child(3) {
    position: relative;
    padding-left: 180px;
}

@media (max-width: 1200px) {
    .manifest .flex-wrapper .left-column .punchline > span:nth-child(3) {
        padding-left: 130px;
    }
}

.manifest .flex-wrapper .left-column .punchline > span:nth-child(3)::before {
    content: "";
    position: absolute;
    width: 222px;
    height: 189px;
    rotate: var(--rotate-before);
    display: inline-block;
    vertical-align: middle;
    background-image: url('data:image/svg+xml,<svg width="172" height="149" viewBox="0 0 222 119"  fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dddd_403_1114)"><path d="M118.342 101.209C117.456 101.209 116.577 100.989 115.799 100.551C114.646 99.9062 113.803 98.8505 113.464 97.6235L109.169 82.0005L100.595 95.9371C99.6578 97.4589 97.9717 98.309 96.2351 98.309C95.3704 98.309 94.4985 98.0965 93.6987 97.6577L83.8844 92.1873C82.7315 91.5429 81.8885 90.4941 81.5498 89.2602C81.2111 88.0262 81.3985 86.7169 82.0758 85.6201L90.6507 71.6835L74.2287 75.7692C73.8108 75.872 73.3785 75.9269 72.9533 75.9269C72.0598 75.9269 71.1807 75.7006 70.3953 75.2688C69.2423 74.6244 68.3993 73.5687 68.0678 72.3348L65.1999 61.8875C64.8612 60.6536 65.0486 59.3442 65.7259 58.2474C66.4033 57.1506 67.5058 56.3485 68.8028 56.0263L85.2247 51.9406L70.5754 43.783C68.1687 42.4462 67.3616 39.5054 68.774 37.2158L74.517 27.8859C75.1943 26.789 76.2968 25.987 77.5938 25.6648C78.0118 25.562 78.4441 25.5071 78.8692 25.5071C79.7555 25.5071 80.6419 25.7333 81.4201 26.1652L96.0694 34.3229L91.7747 18.7C91.4361 17.466 91.6234 16.1567 92.3008 15.0599C92.9781 13.963 94.0806 13.161 95.3776 12.8456L106.366 10.1104C106.792 10.0076 107.217 9.95276 107.649 9.95276C108.535 9.95276 109.414 10.1721 110.193 10.6109C111.346 11.2552 112.189 12.3109 112.527 13.538L116.822 29.1609L125.397 15.2244C126.334 13.7025 128.02 12.8525 129.756 12.8525C130.621 12.8525 131.493 13.065 132.293 13.5106L142.107 18.981C144.514 20.3178 145.321 23.2586 143.908 25.5483L135.334 39.4848L151.755 35.3991C152.181 35.2894 152.613 35.2415 153.031 35.2415C155.257 35.2415 157.297 36.6605 157.902 38.7993L160.784 49.2877C161.123 50.5216 160.936 51.831 160.258 52.9278C159.581 54.0246 158.478 54.8267 157.181 55.1489L140.759 59.2345L155.409 67.3922C156.569 68.0366 157.405 69.0923 157.743 70.3331C158.082 71.567 157.888 72.8832 157.203 73.98L151.474 83.2893C150.797 84.3861 149.695 85.1882 148.398 85.5104C147.98 85.6132 147.547 85.6681 147.122 85.6681C146.236 85.6681 145.35 85.4418 144.571 85.01L129.922 76.8523L134.217 92.4752C134.555 93.7092 134.368 95.0185 133.691 96.1153C133.013 97.2121 131.911 98.0142 130.614 98.3296L119.625 101.065C119.2 101.168 118.775 101.222 118.342 101.222V101.209Z" fill="%2348A4EA"/><path d="M107.657 14.7578L115.028 41.5889L129.757 17.6575L129.829 17.6986L139.564 23.1211L124.835 47.0524L153.039 40.0396L153.06 40.115L155.914 50.5006L127.711 57.5134L152.866 71.5254L152.823 71.5939L147.123 80.8553L121.968 66.8433L129.339 93.6744L118.422 96.3891L118.343 96.4096L110.972 69.5785L96.243 93.5099L96.171 93.4688L86.436 88.0463L101.165 64.1149L72.9612 71.1278L72.9396 71.0524L70.0861 60.6668L98.2894 53.654L73.1341 39.642L73.1774 39.5734L78.8771 30.3121L104.032 44.3241L96.6609 17.493L107.578 14.7783L107.657 14.7578ZM107.657 5.16052C106.807 5.16052 105.949 5.26335 105.106 5.47586L105.027 5.49642L94.1101 8.21107C91.5232 8.85545 89.3111 10.4527 87.9564 12.6464C86.6017 14.84 86.227 17.4587 86.9043 19.9197L88.1149 24.3344L83.9788 22.0311C82.4224 21.1605 80.657 20.7149 78.8843 20.7149C78.0341 20.7149 77.1766 20.8177 76.3335 21.0234C73.7466 21.6678 71.5345 23.265 70.1798 25.4587L64.48 34.72C64.48 34.72 64.4656 34.7406 64.4584 34.7543L64.4152 34.8228C61.6266 39.3952 63.2478 45.2495 68.0397 47.923L72.1758 50.2264L67.5353 51.378C64.9484 52.0224 62.7362 53.6197 61.3816 55.8133C60.0269 58.007 59.6522 60.6257 60.3295 63.0867L63.183 73.4722C63.183 73.4722 63.1902 73.5134 63.1974 73.5271L63.219 73.6025C64.4296 77.887 68.5008 80.7181 72.954 80.7181C73.7971 80.7181 74.6546 80.6153 75.512 80.4028L80.1526 79.2511L77.7314 83.186C76.3767 85.3797 76.002 87.9983 76.6794 90.4593C77.3567 92.9203 79.0357 95.0249 81.3415 96.3136L91.0765 101.736L91.1485 101.777C92.705 102.648 94.4704 103.093 96.2502 103.093C97.1005 103.093 97.958 102.991 98.8011 102.785C101.388 102.141 103.607 100.543 104.955 98.3496L107.376 94.4148L108.586 98.8295C109.264 101.29 110.943 103.395 113.249 104.684C114.805 105.554 116.57 106 118.343 106C119.201 106 120.051 105.897 120.894 105.685L120.973 105.664L131.89 102.949C134.477 102.305 136.689 100.708 138.044 98.5142C139.398 96.3205 139.773 93.7018 139.096 91.2408L137.885 86.8261L142.021 89.1294C143.578 90 145.343 90.4456 147.123 90.4456C147.973 90.4456 148.831 90.3428 149.674 90.1371C152.261 89.4928 154.473 87.8955 155.827 85.7019L161.527 76.4405C161.527 76.4405 161.549 76.4063 161.556 76.3925L161.599 76.324C164.373 71.7516 162.752 65.9041 157.96 63.2375L153.824 60.9341L158.465 59.7825C161.052 59.1381 163.264 57.5408 164.618 55.3472C165.973 53.1535 166.348 50.5349 165.67 48.0739L162.817 37.6883C162.817 37.6883 162.803 37.6403 162.795 37.6129L162.774 37.5375C161.563 33.2598 157.492 30.4424 153.039 30.4424C152.196 30.4424 151.338 30.5452 150.481 30.7577L145.84 31.9094L148.261 27.9745C151.079 23.4021 149.465 17.5204 144.651 14.84L134.916 9.41758L134.837 9.37645C133.237 8.48528 131.486 8.06026 129.757 8.06026C126.291 8.06026 122.919 9.76034 121.045 12.8109L118.624 16.7458L117.414 12.331C116.736 9.87002 115.057 7.76548 112.751 6.47671C111.195 5.60611 109.43 5.16052 107.657 5.16052Z" fill="white"/></g><defs><filter id="filter0_dddd_403_1114" x="0.922215" y="0.237374" width="170.821" height="177.969" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-2.46157" dy="3.2821"/><feGaussianBlur stdDeviation="4.10262"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_403_1114"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-9.02577" dy="12.3079"/><feGaussianBlur stdDeviation="7.38472"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/><feBlend mode="normal" in2="effect1_dropShadow_403_1114" result="effect2_dropShadow_403_1114"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-19.6926" dy="27.0773"/><feGaussianBlur stdDeviation="10.2566"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="effect2_dropShadow_403_1114" result="effect3_dropShadow_403_1114"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-35.2826" dy="48.411"/><feGaussianBlur stdDeviation="11.8976"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/><feBlend mode="normal" in2="effect3_dropShadow_403_1114" result="effect4_dropShadow_403_1114"/><feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow_403_1114" result="shape"/></filter></defs></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 0;
    bottom: -30px;
}

@media (max-width: 1200px) {
    .manifest .flex-wrapper .left-column .punchline > span:nth-child(3)::before {
        width: 152px;
        height: 139px;
    }
}

.manifest .flex-wrapper .divider {
    display: block;
    width: 1px;
    background: rgba(0, 0, 0, 0.4);
}

.manifest .flex-wrapper .right-column {
    width: calc(45.4545454545% - 10px);
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.manifest .flex-wrapper .right-column .tag.mobile {
    display: none;
}

@media (max-width: 980px) {
    .manifest .flex-wrapper .right-column {
        width: 100%;
    }

    .manifest .flex-wrapper .right-column .tag.mobile {
        display: block;
        margin-bottom: 30px;
        text-align: left;
    }
}

.manifest .flex-wrapper .right-column li {
    padding: 0;
}

.manifest .flex-wrapper .right-column li .item-title {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.manifest .flex-wrapper .right-column li p {
    margin: 0;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
}

.manifest .flex-wrapper .right-column li p + p {
    margin-top: 10px;
}

.manifest .flex-wrapper .right-column li + li {
    margin-top: 85px;
}

.employer-brand .line-animation {
    position: relative;
    width: 100%;
    height: 1px;
}

.employer-brand .line-animation .inactive {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #ffffff;
    opacity: 0.1;
}

.employer-brand .line-animation .active {
    position: absolute;
    height: 1px;
    width: 0%;
    background-color: #ffffff;
    opacity: 0.3;
}

.employer-brand .flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 70px;
}

.employer-brand .flex-wrapper .title {
    width: calc(58.3333333333% - 10px);
    color: #ffffff;
    font-size: 125px;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

@media (max-width: 1200px) {
    .employer-brand .flex-wrapper .title {
        width: 100%;
        margin-bottom: 45px;
        font-size: 70px;
    }
}

.employer-brand .flex-wrapper .description {
    width: calc(41.6666666667% - 10px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 30px auto;
}

@media (max-width: 1200px) {
    .employer-brand .flex-wrapper .description {
        width: 100%;
        gap: 30px;
    }

    .employer-brand .flex-wrapper .description p:not(:last-child),
    .employer-brand .flex-wrapper .description ul:not(:last-child) {
        margin-bottom: 30px;
    }
}

.employer-brand .flex-wrapper .description *:first-child {
    margin-top: 0;
}

.employer-brand .flex-wrapper .description *:last-child {
    margin-bottom: 0;
}

.employer-brand .flex-wrapper .description p,
.employer-brand .flex-wrapper .description li {
    font-size: 16px;
}

.employer-brand .flex-wrapper .description p {
    color: rgba(255, 255, 255, 0.7);
}

.employer-brand .flex-wrapper .description ul li {
    color: #ffffff;
}

.employer-brand .items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 110px;
}

@media (max-width: 980px) {
    .employer-brand .items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .employer-brand .items {
        grid-template-columns: repeat(1, 1fr);
        padding-top: 0px;
    }
}

.employer-brand .items .item {
    padding: 30px;
    aspect-ratio: 358/257;
}

@media (min-width: 980px) {
    .employer-brand .items .item:not(:nth-child(4n)) {
        border-right: 1px solid #3C3C3C;
    }

    .employer-brand .items .item:nth-child(n+5) {
        border-top: 1px solid #3C3C3C;
    }
}

@media (max-width: 982px) {
    .employer-brand .items .item:not(:nth-child(2n)) {
        border-right: 1px solid #3C3C3C;
    }

    .employer-brand .items .item:nth-child(n+3) {
        border-top: 1px solid #3C3C3C;
    }
}

@media (max-width: 768px) {
    .employer-brand .items .item {
        aspect-ratio: 518/257;
    }

    .employer-brand .items .item:nth-child(n) {
        border-right: 0px solid #3C3C3C;
    }

    .employer-brand .items .item:nth-child(n+2) {
        border-top: 1px solid #3C3C3C;
    }
}

.employer-brand .items .item .item-title {
    position: relative;
    padding-left: 23px;
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 20px;
}

.employer-brand .items .item .item-title::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 14px;
    height: 13px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath d='M0.75 6.25L6.97414 6.25M6.97414 6.25L6.97414 12.5M6.97414 6.25L6.97414 -9.79871e-07M6.97414 6.25L13.25 6.25' stroke='white' stroke-opacity='0.7' stroke-width='2' stroke-linejoin='bevel'/%3E%3C/svg%3E");
}

.employer-brand .items .item p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
}

.our-values .tag {
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
}

.our-values .values-wrapper {
    width: 100% !important;
    max-width: 100%;
    position: relative;
    height: auto;
    min-height: 100vh;
    padding: 0 0 50vh 0;
}

@media (max-width: 1300px) {
    .our-values .values-wrapper {
        margin-bottom: -15vh;
    }
}

@media (max-width: 768px) {
    .our-values .values-wrapper {
        padding: 0 0 30vh 0;
        margin-bottom: -200px;
    }
}

@media (max-width: 500px) {
    .our-values .values-wrapper {
        padding: 0 0 0vh 0;
        margin-bottom: 0px;
    }
}


.our-values .values-wrapper .item.item-section {
    width: 100% !important;
    min-height: 350px;
    padding: 45px 30px 30px 30px;
    border-radius: 20px;
    border: 1px solid #70B799;
    background: linear-gradient(141deg, #52A380 -3.11%, #305F4B 101.99%), #FFF;
    opacity: 1;
    transform: scale(1);
    will-change: transform;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    --opacity-after: 0;
}

.our-values .values-wrapper .item.item-section::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    z-index: 1;
    opacity: var(--opacity-after);
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.5s;
    will-change: opacity;
}

.our-values .values-wrapper .item.item-section[data-index="1"]::after {
    background-color: rgba(0, 0, 0, 0.5);
}

.our-values .values-wrapper .item.item-section[data-index="2"]::after {
    background-color: rgba(0, 0, 0, 0.3);
}

.our-values .values-wrapper .item.item-section[data-index="3"]::after {
    background-color: rgba(0, 0, 0, 0.1);
}

.our-values .values-wrapper .item.item-section.active:after {
    opacity: 1;
}

.our-values .values-wrapper .item.item-section:not(:first-child) {
    margin-top: 60px;
}

.our-values .values-wrapper .item.item-section .item-title {
    color: #ffffff;
    font-size: 105px;
    line-height: 0.9;
    letter-spacing: 4.284px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

@media (max-width: 1300px) {
    .our-values .values-wrapper .item.item-section .item-title {
        font-size: 80px;
    }
}

@media (max-width: 980px) {
    .our-values .values-wrapper .item.item-section .item-title {
        font-size: 40px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}

.our-values .values-wrapper .item.item-section .item-title span.index {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.09;
    letter-spacing: normal;
}

.our-values .values-wrapper .item.item-section .item-description {
    width: 555px;
    max-width: 100%;
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0 0 0 auto;
}

.our-values .values-wrapper .item.item-section .item-description p {
    font-size: 16px;
    color: #ffffff;
}

.our-values .values-wrapper .item.item-section .item-description p:first-child {
    margin-top: 0;
}

.our-values .values-wrapper .item.item-section .item-description p:last-child {
    margin-bottom: 0;
}

.contact {
    padding: 180px 0;
    background-color: #ffffff;
}

.contact .container {
    max-width: 1390px;
    margin: auto;
}

.contact .flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 45px;
}

.contact .flex-wrapper .tag {
    margin-bottom: 30px;
}

.contact .flex-wrapper h2 {
    width: 585px;
    max-width: 100%;
    margin: 0;
}

.contact form#forminator-module-71.forminator-design--default {
    padding-top: 80px;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.contact form#forminator-module-71.forminator-design--default .forminator-error-message {
    padding: 0;
    background-color: transparent;
}

.contact form#forminator-module-71.forminator-design--default .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child),
.contact form#forminator-module-71.forminator-design--default .forminator-row {
    margin-bottom: 55px !important;
}

.contact form#forminator-module-71.forminator-design--default .hide-label label {
    display: none;
}

.contact form#forminator-module-71.forminator-design--default .forminator-field {
    position: relative;
    z-index: 2;
}

.contact form#forminator-module-71.forminator-design--default .forminator-field input {
    background-color: transparent;
    border: none;
    font-family: "DM Sans", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 0.9;
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding: 0 0 20px;
}

.contact form#forminator-module-71.forminator-design--default .forminator-field input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.contact form#forminator-module-71.forminator-design--default .forminator-field input::placeholder {
    color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
    .contact form#forminator-module-71.forminator-design--default .forminator-field input {
        font-size: 22px;
    }
}

.contact form#forminator-module-71.forminator-design--default .forminator-field.forminator-is_active input,
.contact form#forminator-module-71.forminator-design--default .forminator-field.forminator-is_active textarea, .contact form#forminator-module-71.forminator-design--default .forminator-field.forminator-is_hover input,
.contact form#forminator-module-71.forminator-design--default .forminator-field.forminator-is_hover textarea {
    background-color: transparent;
    border-bottom: 1px solid rgb(0, 0, 0);
}

.contact form#forminator-module-71.forminator-design--default .forminator-field.forminator-is_filled input,
.contact form#forminator-module-71.forminator-design--default .forminator-field.forminator-is_filled textarea {
    border-bottom: 1px solid rgb(0, 0, 0);
}

.contact form#forminator-module-71.forminator-design--default .forminator-field-checkbox .forminator-field {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    -moz-column-gap: 25px;
    column-gap: 25px;
}

@media (max-width: 768px) {
    .contact form#forminator-module-71.forminator-design--default .forminator-field-checkbox .forminator-field {
        row-gap: 15px;
    }
}

.contact form#forminator-module-71.forminator-design--default .forminator-field-checkbox .forminator-field label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 15px;
    border: 1px solid #000;
    background-color: #fff;
    background: #FFF;
    padding: 20px;
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
}

.contact form#forminator-module-71.forminator-design--default .forminator-field-checkbox .forminator-field label:active {
    transform: translate(3px, 3px);
}

.contact form#forminator-module-71.forminator-design--default .forminator-field-checkbox .forminator-field label:active::before {
    left: 6px;
    top: 6px;
    transform: translate(-3px, -3px);
}

.contact form#forminator-module-71.forminator-design--default .forminator-field-checkbox .forminator-field label::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: 15px;
    z-index: 0;
}

.contact form#forminator-module-71.forminator-design--default .forminator-field-checkbox .forminator-field label::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 15px;
}

.contact form#forminator-module-71.forminator-design--default .forminator-field-checkbox .forminator-field label input {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 111;
}

.contact form#forminator-module-71.forminator-design--default .forminator-field-checkbox .forminator-field label input:checked + .forminator-checkbox-box {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #52A380;
}

.contact form#forminator-module-71.forminator-design--default .forminator-field-checkbox .forminator-field label input:checked + .forminator-checkbox-box:before {
    content: "";
    width: 10px;
    height: 7px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 3.75L3.29289 5.54289C3.68342 5.93342 4.31658 5.93342 4.70711 5.54289L8.5 1.75' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.contact form#forminator-module-71.forminator-design--default .forminator-field-checkbox .forminator-field label .forminator-checkbox-box {
    margin-left: 10px;
    width: 16px;
    height: 16px;
    flex: none;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px 7px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 3.75L3.29289 5.54289C3.68342 5.93342 4.31658 5.93342 4.70711 5.54289L8.5 1.75' stroke='black' stroke-opacity='0.3' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.contact form#forminator-module-71.forminator-design--default .forminator-field-checkbox .forminator-field label .forminator-checkbox-label::after {
    content: "";
    position: absolute;
    left: 0;
    top: O;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.contact form#forminator-module-71.forminator-design--default .forminator-field-checkbox .forminator-field label span {
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 0.9;
    z-index: 11;
    margin: 0;
}

.contact form#forminator-module-71.forminator-design--default textarea.forminator-textarea {
    font-family: "DM Sans", sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 0.9;
    color: #000;
    background-color: transparent;
    padding: 20px 0 0;
    margin-top: -20px;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    height: 150px;
}

.contact form#forminator-module-71.forminator-design--default textarea.forminator-textarea::-moz-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.contact form#forminator-module-71.forminator-design--default textarea.forminator-textarea::placeholder {
    color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
    .contact form#forminator-module-71.forminator-design--default textarea.forminator-textarea {
        font-size: 22px;
    }
}

.contact form#forminator-module-71.forminator-design--default .forminator-button.forminator-button-submit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 15px;
    border: 1px solid #000;
    background-color: #fff;
    background: #FFF;
    padding: 20px;
    margin: 0 0 0 auto;
    display: block;
    position: relative;
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 0.9;
}

.contact form#forminator-module-71.forminator-design--default .forminator-button.forminator-button-submit text {
    z-index: 100;
}

.contact form#forminator-module-71.forminator-design--default .forminator-button.forminator-button-submit text::before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 15px;
    z-index: 0;
}

.contact form#forminator-module-71.forminator-design--default .forminator-button.forminator-button-submit::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: 15px;
    z-index: -1;
}

.contact form#forminator-module-71.forminator-design--default .forminator-button.forminator-button-submit:after {
    content: "";
    position: relative;
    z-index: 10;
    display: inline-block;
    margin-left: 10px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5346 8.09375L-2.54015e-07 8.09375L-3.41438e-07 6.09375L10.5346 6.09375L6.02752 1.71744L7.42076 0.282561L13.6966 6.37631L13.6966 7.81119L7.42076 13.9049L6.02752 12.4701L10.5346 8.09375Z' fill='black'/%3E%3C/svg%3E%0A");
}

@media (max-width: 992px) {
    .co-founders.padding.top-xl {
        padding-top: 10px;
    }
}

.co-founders .container {
    max-width: 1390px;
    margin: auto;
}

.co-founders .content-header {
    display: flex;
    flex-direction: row-reverse;
    gap: 30px;
    padding-bottom: 50px;
    position: relative;
}

@media (max-width: 1300px) {
    .co-founders .content-header {
        padding-top: 30vh;
    }
}

@media (max-width: 992px) {
    .co-founders .content-header {
        flex-direction: column;
    }
}

.co-founders .content-header .line {
    position: absolute;
}

.co-founders .content-header .title .pattern-rotate {
    position: absolute;
    top: -120px;
    left: 0;
    height: 60px;
    width: 60px;
}

@media (max-width: 992px) {
    .co-founders .content-header .title .pattern-rotate {
        top: -80px;
        flex-direction: column;
        height: 40px;
        width: 40px;
    }
}

.co-founders .content-header .title h2 {
    text-align: right;
}

@media (max-width: 992px) {
    .co-founders .content-header .title h2 {
        text-align: left;
    }
}

.co-founders .content-header .title h2 del {
    opacity: 0.5;
    position: relative;
}

.co-founders .content-header .title h2 del .word {
    position: relative;
    --width-after: 0;
}

.co-founders .content-header .title h2 del .word::after {
    content: "";
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    height: 3px;
    width: var(--width-after);
    background-color: white;
}

.co-founders .content-header .description,
.co-founders .content-header .title {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
}

.co-founders .content-header .description h2,
.co-founders .content-header .description p,
.co-founders .content-header .title h2,
.co-founders .content-header .title p {
    margin: 0;
    width: 100%;
}

.co-founders .content-images {
    display: flex;
    justify-content: center;
    gap: 45px;
    overflow: hidden;
    padding-bottom: 100px;
}

@media (max-width: 768px) {
    .co-founders .content-images {
        flex-direction: column;
        align-items: center;
        padding-top: 50px;
    }
}

.co-founders .content-images .image {
    max-width: 35%;
    margin-top: 100px;
}

@media (max-width: 768px) {
    .co-founders .content-images .image {
        max-width: 300px;
        margin-top: 50px;
    }
}

.co-founders .content-images .image.image-right {
    transform: rotate(6deg);
}

@media (max-width: 1300px) {
    .co-founders .content-images .image.image-right {
        transform: rotate(3deg) translateX(5px);
    }
}

.co-founders .content-images .image.image-left {
    transform: rotate(-3deg);
}

.co-founders .content-images .image .image-member {
    border: 1px solid #ffffff;
    position: relative;
    display: flex;
    overflow: hidden;
    position: relative;
    z-index: 0;
    transition: all 1s cubic-bezier(0.75, 0.045, 0.045, 0.985);
}

.co-founders .content-images .image .image-member img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: 370px;
}

.co-founders .content-images .image .name {
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 15px;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    border: 1px solid #ffffff;
    background: #000000;
    position: relative;
    z-index: 10;
    margin-top: -30px;
    margin-left: -15px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.co-founders .content-images .image .name::before {
    content: "";
    position: absolute;
    background-color: #52A380;
    width: 100%;
    height: 100%;
    bottom: -100%;
    left: 0;
    right: 0;
    z-index: -1;
    transition: all 1s cubic-bezier(0.75, 0.045, 0.045, 0.985);
}

.co-founders .content-images .image .name .linkedin {
    display: flex;
    align-content: center;
    align-items: center;
}

.co-founders .content-images .image a {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-decoration: none;
    z-index: 20;
}

.co-founders .content-images .image a:hover .image-member {
    scale: 0.98;
}

.co-founders .content-images .image a:hover .name::before {
    bottom: 0;
}

.footer .display-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    position: relative;
    gap: 70px;
}

.footer .display-container .pre-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media (max-width: 992px) {
    .footer .display-container .pre-footer {
        flex-direction: column;
        gap: 50px;
    }
}

.footer .display-container .pre-footer .logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    position: relative;
    /* Appliquez les changements au survol */
}

.footer .display-container .pre-footer .logo .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0px;
    transition: gap 1s cubic-bezier(0.75, 0.045, 0.045, 0.985);
    transition-delay: 0.3s;
}

.footer .display-container .pre-footer .logo .content .f,
.footer .display-container .pre-footer .logo .content .text {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    /* Ajoutez la transition à ces éléments */
    transition: all 1s cubic-bezier(0.75, 0.045, 0.045, 0.985);
    transition-delay: 0.3s;
    overflow: hidden;
}

@media (max-width: 768px) {
    .footer .display-container .pre-footer .logo .content .f svg {
        width: 31px;
    }
}

.footer .display-container .pre-footer .logo .content .text {
    width: 0;
    opacity: 0.2;
}

.footer .display-container .pre-footer .logo.active .content {
    gap: 4px;
    transition-delay: 0.3s;
    /* Appliquez la transition à .f aussi */
}

.footer .display-container .pre-footer .logo.active .content .text {
    width: 255px;
    opacity: 1;
    transition-delay: 0.3s;
}

@media (max-width: 768px) {
    .footer .display-container .pre-footer .logo.active .content .text {
        width: 231px;
    }

    .footer .display-container .pre-footer .logo.active .content .text svg {
        width: 231px;
    }
}

.footer .display-container .pre-footer .social-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer .display-container .pre-footer .social-container .social {
    color: #ffffff;
}

.footer .display-container .sub-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

@media (max-width: 992px) {
    .footer .display-container .sub-footer {
        flex-direction: column;
        gap: 30px;
    }
}

.footer .display-container .sub-footer .links {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

@media (max-width: 992px) {
    .footer .display-container .sub-footer .links {
        width: 100%;
        text-align: center;
    }
}

.footer .display-container .sub-footer .links a {
    text-decoration: none;
    color: #ffffff;
}

@media (max-width: 992px) {
    .footer .display-container .sub-footer .date {
        width: 100%;
        text-align: center;
    }
}

.footer .display-container .sub-footer .date p {
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
}

.footer .display-container .sub-footer .date p a {
    color: #ffffff;
}

.hero-section {
    min-height: 100vh;
    position: relative;
}

.hero-section::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: linear-gradient(182deg, rgba(10, 11, 16, 0) 37.6%, #0A0B10 92.99%);
    z-index: 1;
}

.hero-section::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: #000000;
    z-index: 3;
    opacity: 0.4;
    pointer-events: none;
}

.hero-section .container {
    pointer-events: none;
    z-index: 10;
}

.hero-section .container .content {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 30px;
}

@media (max-width: 900px) {
    .hero-section .container .content {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.hero-section .container .content .title {
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
    font-style: normal;
    font-family: "DM Sans", sans-serif;
    font-size: 10rem;
    position: relative;
    overflow: hidden;
    line-height: 0.8;
    font-weight: 400;
}

@media (max-width: 1600px) {
    .hero-section .container .content .title {
        font-size: 7rem;
        line-height: 1;
    }
}

@media (max-width: 1300px) {
    .hero-section .container .content .title {
        font-size: 5rem;
        line-height: 1;
    }
}

@media (max-width: 982px) {
    .hero-section .container .content .title {
        font-size: 4rem;
        line-height: 1;
    }
}

.hero-section .container .content .description p {
    color: #ffffff;
    margin: 0;
    font-size: 1.3rem;
}