.btn-warning{
  background-color: #FF8B33;
  color: #fff;
}

.desktop {
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
  }
  
  .desktop .div {
    overflow: hidden;
    border: 1px solid;
    border-color: transparent;
    width: 100%;
    height: 6421px;
    position: relative;
  }
  
  .desktop .overlap {
    position: absolute;
    width: 100%;
    height: 1616px;
    top: 0;
    left: 0;
  }
  
  .desktop .adobestock {
    width: 100%;
    height: 1080px;
    /* top: 43px; */
    left: 0;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 99%
    );
    /* border-radius: 20px; */
    background-image: url(bg2.png);
    background-size: cover;
    background-position: 50% 50%;
  }
  
  .desktop .rectangle {
    position: absolute;
    width: 100%;
    height: 756px;
    top: 860px;
    left: 0;
    background-color: #ffffff;
  }
  
  .desktop .hero {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 120px;
    padding: 0px 312px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%
    );
  }
  
  .desktop .header {
    position: relative;
    width: 100%;
    height: 67px;
    margin-left: -312.00px;
    margin-right: -312.00px;
    background-color: var(--defaultblack);
  }
  
  .desktop .logo {
    position: absolute;
    width: 147px;
    height: 12px;
    top: 24px;
    left: 312px;
  }
  
  .desktop .menu {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    position: absolute;
    top: 20px;
    left: 651px;
  }
  
  .desktop .text {
    position: relative;
    flex: 0 0 auto;
  }
  
  .desktop .div-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .desktop .text-wrapper {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffffab;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .desktop .button {
    all: unset;
    box-sizing: border-box;
    display: flex;
    width: 151px;
    height: 35px;
    align-items: center;
    justify-content: center;
    padding: 4px 40px;
    position: absolute;
    top: 12px;
    left: 1516px;
    background-color: var(--orange-500);
    border-radius: 16px;
  }
  
  .desktop .text-wrapper-2 {
    position: relative;
    width: fit-content;
    margin-left: -27.50px;
    margin-right: -27.50px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .desktop .img {
    position: absolute;
    width: 628px;
    height: 560px;
    top: 947px;
    left: 307px;
    border-radius: 20px;
    background-image: url(./img/mission.png);
    background-size: cover;
    background-position: 50% 50%;
  }
  
  .desktop .text-2 {
    display: flex;
    flex-direction: column;
    width: 739px;
    align-items: flex-start;
    gap: 40px;
    position: absolute;
    top: 951px;
    left: 994px;
  }
  
  .desktop .text-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .desktop .text-wrapper-3 {
    position: relative;
    width: 629px;
    margin-top: -1.00px;
    font-family: "Teachers-Bold", Helvetica;
    font-weight: 700;
    color: #000000d9;
    font-size: 50px;
    letter-spacing: 0;
    line-height: normal;
  }
  .bg-wrapper {
    background-color: #dbdbdb;
}
.height-wrapper {
  height: 500px;
}


  .desktop .BEEYOON-accompagne {
    position: relative;
    align-self: stretch;
    height: 334px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 400;
    color: #000000bf;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
  }
  
  .desktop .span {
    font-weight: 700;
  }
  
  .desktop .text-wrapper-4 {
    font-family: "Inter-Regular", Helvetica;
  }
  
  .desktop .frame {
    display: inline-flex;
    align-items: center;
    gap: 30px;
    position: absolute;
    top: 673px;
    left: 185px;
  }
  
  .desktop .logoipsum {
    position: relative;
    width: 126.82px;
    height: 28px;
  }
  
  .desktop .logo-STATION-f-svg {
    position: absolute;
    width: 116px;
    height: 21px;
    top: 4px;
    left: 0;
    object-fit: cover;
  }
  
  .desktop .financez-l-avenir {
    position: absolute;
    top: 212px;
    left: 185px;
    font-family: "Teachers-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 100px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .rejoignez-BEEYOON-la {
    position: absolute;
    width: 591px;
    top: 487px;
    left: 185px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffffb5;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
  
  .desktop .text-wrapper-5 {
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffffb5;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
  
  .desktop .text-wrapper-6 {
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
  }
  
  .desktop .group {
    position: absolute;
    width: 392px;
    height: 460px;
    top: 204px;
    left: 1323px;
  }
  
  .desktop .overlap-group {
    position: relative;
    width: 390px;
    height: 460px;
    border-radius: 32px;
  }
  
  .desktop .rectangle-2 {
    position: absolute;
    width: 390px;
    height: 460px;
    top: 0;
    /* left: 0; */
    background-color: #d9d9d9;
    border-radius: 32px;
    opacity: 0.18;
  }
  
  .desktop .p {
    position: absolute;
    width: 257px;
    top: 307px;
    left: 68px;
    transform: rotate(0.11deg);
    font-family: "Inter-Italic", Helvetica;
    font-weight: 400;
    font-style: italic;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .button-2 {
    all: unset;
    box-sizing: border-box;
    width: 191px;
    height: 45px;
    top: 378px;
    left: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 40px;
    position: absolute;
    background-color: var(--orange-500);
    border-radius: 16px;
  }
  
  .desktop .text-wrapper-7 {
    position: relative;
    width: fit-content;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .desktop .overlap-group-wrapper {
    position: absolute;
    width: 319px;
    height: 42px;
    top: 61px;
    left: 37px;
  }
  
  .desktop .overlap-group-2 {
    position: relative;
    width: 317px;
    height: 42px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #ffffff;
  }
  
  .desktop .text-wrapper-8 {
    position: absolute;
    top: 12px;
    left: 27px;
    opacity: 0.8;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .overlap-wrapper {
    position: absolute;
    width: 319px;
    height: 42px;
    top: 116px;
    left: 37px;
  }
  
  .desktop .group-2 {
    position: absolute;
    width: 319px;
    height: 42px;
    top: 171px;
    left: 37px;
  }
  
  .desktop .group-3 {
    position: absolute;
    width: 319px;
    height: 42px;
    top: 226px;
    left: 37px;
  }
  
  .desktop .overlap-2 {
    position: absolute;
    width: 1922px;
    height: 3088px;
    top: 3319px;
    left: 0;
  }
  
  .desktop .rectangle-3 {
    position: absolute;
    width: 100%;
    height: 1631px;
    top: 0;
    left: 0;
    background-color: #f7f7f7;
  }
  
  .desktop .group-wrapper {
    position: absolute;
    width: 100%;
    height: 66px;
    top: 782px;
    left: 0;
  }
  
  .desktop .group-4 {
    width: 1922px;
    height: 66px;
  }
  
  .desktop .overlap-group-3 {
    position: relative;
    width: 100%;
    height: 66px;
    background-color: #0000000f;
  }
  
  .desktop .text-wrapper-9 {
    position: absolute;
    width: 280px;
    top: 22px;
    left: 289px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .text-quotes {
    display: flex;
    flex-direction: column;
    width: 600px;
    height: 560px;
    align-items: center;
    padding: 120px 0px 98px;
    position: absolute;
    top: 882px;
    left: 1189px;
  }
  
  .desktop .text-4 {
    display: flex;
    flex-direction: column;
    width: 574px;
    height: 182px;
    align-items: flex-end;
    gap: 28px;
    position: relative;
  }
  
  .desktop .text-wrapper-10 {
    position: relative;
    align-self: stretch;
    height: 192px;
    margin-top: -1.00px;
    margin-bottom: -9.00px;
    font-family: "Teachers-Bold", Helvetica;
    font-weight: 700;
    color: var(--defaultblack);
    font-size: 50px;
    letter-spacing: 0;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  
  .desktop .l-quipe-beeyoon-wrapper {
    display: flex;
    flex-direction: column;
    width: 574px;
    height: 47px;
    align-items: flex-end;
    gap: 28px;
    position: relative;
    margin-top: -84px;
  }
  
  .desktop .l-quipe-beeyoon {
    position: relative;
    width: 574px;
    height: 72px;
    margin-top: -1.00px;
    margin-bottom: -24.00px;
    font-family: "Teachers-Regular", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  
  .desktop .text-wrapper-11 {
    font-family: "Teachers-Italic", Helvetica;
    font-style: italic;
    color: #000000;
  }
  
  .desktop .text-wrapper-12 {
    font-family: "Teachers-Italic", Helvetica;
    font-style: italic;
    color: #535353;
  }
  
  .desktop .image {
    position: absolute;
    width: 99px;
    height: 75px;
    top: 0;
    left: 0;
  }
  
  .desktop .nous-formons-une-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    position: absolute;
    top: 1020px;
    left: 228px;
  }
  
  .desktop .nous-formons-une {
    position: relative;
    width: 894px;
    height: 368px;
    margin-top: -1.00px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
  }
  
  .desktop .text-wrapper-13 {
    position: absolute;
    top: 926px;
    left: 242px;
    font-family: "Teachers-Bold", Helvetica;
    font-weight: 700;
    color: var(--defaultblack);
    font-size: 50px;
    text-align: right;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .desktop .group-5 {
    position: absolute;
    width: 742px;
    height: 464px;
    top: 164px;
    left: 1021px;
  }
  
  .desktop .text-wrapper-14 {
    position: absolute;
    width: 566px;
    top: 0;
    left: 12px;
    font-family: "Teachers-Bold", Helvetica;
    font-weight: 700;
    color: var(--defaultblack);
    font-size: 50px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .BEEYOON-propose {
    position: absolute;
    width: 738px;
    height: 375px;
    top: 89px;
    left: 0;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
  }
  
  .desktop .image-2 {
    position: absolute;
    width: 646px;
    height: 456px;
    top: 164px;
    left: 286px;
  }
  
  .desktop .group-6 {
    position: absolute;
    width: 100%;
    height: 66px;
    top: 0;
    left: 0;
  }
  
  .desktop .group-7 {
    position: absolute;
    width: 100%;
    height: 384px;
    top: 2704px;
    left: 0;
  }
  
  .desktop .overlap-3 {
    position: relative;
    height: 384px;
  }
  
  .desktop .footer {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 384px;
    align-items: center;
    gap: 60px;
    padding: 60px 312px 40px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--defaultblack);
  }
  
  .desktop .text-imgs {
    display: flex;
    width: 1296px;
    align-items: flex-start;
    justify-content: space-around;
    gap: 149px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .desktop .logo-text {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .desktop .logo-2 {
    display: flex;
    width: 416px;
    align-items: center;
    gap: 8px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .desktop .text-wrapper-15 {
    position: relative;
    width: 416px;
    margin-top: -1.00px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: var(--defaultwhite);
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .text-5 {
    display: flex;
    flex-direction: column;
    width: 343px;
    height: 169px;
    align-items: flex-start;
    gap: 16px;
    position: relative;
  }
  
  .desktop .text-wrapper-16 {
    position: relative;
    width: 395px;
    height: 156px;
    margin-top: -1.00px;
    margin-right: -52.00px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: var(--defaultwhite);
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
  }
  
  .desktop .text-icons {
    display: flex;
    width: 1296px;
    align-items: center;
    justify-content: space-around;
    gap: 389px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .desktop .copyright-beeyoon {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "DM Sans-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff99;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 26px;
    white-space: nowrap;
  }
  
  .desktop .group-8 {
    position: absolute;
    width: 1922px;
    height: 1115px;
    top: 1631px;
    left: 0;
  }
  
  .desktop .overlap-4 {
    position: relative;
    width: 100%;
    height: 1115px;
    background-color: #000000;
  }
  
  .desktop .group-9 {
    position: absolute;
    width: 694px;
    height: 703px;
    top: 370px;
    left: 614px;
  }
  
  .desktop .overlap-5 {
    position: relative;
    width: 692px;
    height: 703px;
    background-image: url(./img/rectangle.png);
    background-size: 100% 100%;
  }
  
  .desktop .group-10 {
    position: absolute;
    width: 550px;
    height: 345px;
    top: 144px;
    left: 75px;
  }
  
  .desktop .overlap-6 {
    position: absolute;
    width: 541px;
    height: 55px;
    top: 98px;
    left: 0;
  }
  
  .desktop .text-wrapper-17 {
    position: absolute;
    width: 76px;
    top: 16px;
    left: 16px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .rectangle-wrapper {
    position: absolute;
    width: 541px;
    height: 54px;
    top: 1px;
    left: 0;
    transform: rotate(0.11deg);
  }
  
  .desktop .rectangle-4 {
    position: relative;
    height: 53px;
    top: 1px;
    border-radius: 5.44px;
    border: 1px solid;
    border-color: #ffffff;
    transform: rotate(-0.11deg);
  }
  
  .desktop .overlap-7 {
    position: absolute;
    width: 541px;
    height: 55px;
    top: 0;
    left: 0;
  }
  
  .desktop .text-wrapper-18 {
    position: absolute;
    width: 231px;
    top: 16px;
    left: 16px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .overlap-8 {
    position: absolute;
    width: 541px;
    height: 53px;
    top: 196px;
    left: 0;
    border-radius: 5.44px;
  }
  
  .desktop .text-wrapper-19 {
    position: absolute;
    width: 46px;
    top: 14px;
    left: 16px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .group-11 {
    position: absolute;
    width: 541px;
    height: 53px;
    top: 0;
    left: 0;
    border-radius: 5.44px;
    border: 1px solid;
    border-color: #ffffff;
  }
  
  .desktop .overlap-group-4 {
    position: absolute;
    width: 541px;
    height: 53px;
    top: 291px;
    left: 0;
    border-radius: 5.44px;
  }
  
  .desktop .text-wrapper-20 {
    position: absolute;
    width: 53px;
    top: 15px;
    left: 16px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .text-wrapper-21 {
    position: absolute;
    width: 471px;
    top: 512px;
    left: 110px;
    transform: rotate(0.11deg);
    font-family: "Inter-Italic", Helvetica;
    font-weight: 400;
    font-style: italic;
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .button-3 {
    all: unset;
    box-sizing: border-box;
    width: 257px;
    height: 86px;
    top: 576px;
    left: 217px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 40px;
    position: absolute;
    background-color: var(--orange-500);
    border-radius: 16px;
  }
  
  .desktop .text-wrapper-22 {
    position: absolute;
    width: 716px;
    top: 196px;
    left: 602px;
    font-family: "Inter-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .img-button {
    position: absolute;
    width: 598px;
    height: 445px;
    top: 1226px;
    left: 1191px;
    border-radius: 20px;
    background-image: url(./img/finance_durable.png);
    background-size: cover;
    background-position: 50% 50%;
  }
  
  .desktop .overlap-9 {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 8771px;
    left: 6485px;
    background-image: url(./img/hugeicons-bio-energy-2.png);
    background-size: 100% 100%;
  }
  
  .desktop .hugeicons-bio-energy {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
  }
  
  .desktop .overlap-10 {
    position: absolute;
    width: 100%;
    height: 1703px;
    top: 1616px;
    left: 0;
  }
  
  .desktop .group-12 {
    position: absolute;
    width: 100%;
    height: 1703px;
    top: 0;
    left: 0;
  }
  
  .desktop .group-13 {
    width: 1922px;
    height: 1703px;
  }
  
  .desktop .overlap-group-5 {
    position: relative;
    width: 100%;
    height: 1703px;
    background-color: #f7f7f7;
  }
  
  .desktop .text-wrapper-23 {
    position: absolute;
    width: 208px;
    top: 61px;
    left: 850px;
    font-family: "Teachers-Bold", Helvetica;
    font-weight: 700;
    color: #000000;
    font-size: 50px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .group-14 {
    position: absolute;
    width: 1627px;
    height: 251px;
    top: 226px;
    left: 160px;
  }
  
  .desktop .map-pins {
    position: absolute;
    width: 1296px;
    height: 673px;
    top: 940px;
    left: 312px;
  }
  
  .desktop .text-6 {
    display: flex;
    flex-direction: column;
    width: 1296px;
    align-items: center;
    gap: 28px;
    position: absolute;
    top: 580px;
    left: 312px;
  }
  
  .desktop .text-7 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .desktop .text-wrapper-24 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Teachers-Bold", Helvetica;
    font-weight: 700;
    color: var(--defaultblack);
    font-size: 50px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .desktop .text-wrapper-25 {
    position: relative;
    width: 1069px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  .desktop .text-8 {
    display: inline-flex;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .desktop .frame-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 10px;
    position: relative;
    flex: 0 0 auto;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-color: transparent;
  }
  
  .desktop .afrique-de-l-ouest-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .desktop .afrique-de-l-ouest {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Teachers-Bold", Helvetica;
    font-weight: 700;
    color: #000000;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .frame-2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 10px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .desktop .text-wrapper-26 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Teachers-Bold", Helvetica;
    font-weight: 700;
    color: var(--defaultblack);
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .desktop .group-15 {
    position: absolute;
    width: 1437px;
    height: 66px;
    top: 141px;
    left: 241px;
  }
  
  .desktop .component {
    /* position: absolute; */
    width: 53px;
    height: 53px;
    top: 13px;
    left: 0;
  }
  
  .desktop .healthicons {
    /* position: absolute; */
    width: 53px;
    height: 53px;
    top: 13px;
    left: 691px;
  }
  
  .desktop .healthicons-2 {
    /* position: absolute; */
    width: 53px;
    height: 53px;
    top: 0;
    left: 906px;
  }
  
  .desktop .covid-quarantine {
    /* position: absolute; */
    width: 53px;
    height: 53px;
    top: 8px;
    left: 1392px;
  }
  
  .desktop .game-icons-teacher {
    /* position: absolute; */
    width: 53px;
    height: 53px;
    top: 10px;
    left: 1121px;
  }
  
  .desktop .game-icons-wheat {
    /* position: absolute; */
    width: 53px;
    height: 53px;
    top: 20px;
    left: 464px;
  }
  
  .desktop .hugeicons-bio-energy-2 {
    /* position: absolute; */
    width: 53px;
    height: 53px;
    top: 8px;
    left: 232px;
  }
  .label {
    width: 181px;
    height: 98px;
  }
  
  .label .text-wrapper {
    position: fixed;
    width: 181px;
    top: 0;
    left: 0;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000ba;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  
  .label .clean-tech {
    position: fixed;
    width: 181px;
    font-family: "Teachers-Bold", Helvetica;
    font-weight: 700;
    color: #000000;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  @media screen and (max-width: 768px) {
    .height-wrapper {
      height: 100%;
    }
    .desktop {
      background-color: transparent;
      display: flex;
      flex-direction: row;
      justify-content: center;
      width: 100%;
    }
    
    .desktop .div {
      overflow: hidden;
      border: 1px solid;
      border-color: transparent;
      width: 100%;
      height: 6421px;
      position: relative;
    }
    
    .desktop .overlap {
      width: 100%;
      height: 1616px;
      top: 0;
      left: 0;
    }
    
    .desktop .adobestock {
      width: 100%;
      height: 1080px;
      /* top: 43px; */
      left: 0;
      background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.8) 99%
      );
      /* border-radius: 20px; */
      background-image: url(./img/menu.png);
      background-size: cover;
      background-position: 50% 50%;
    }
    
    .desktop .rectangle {
      position: absolute;
      width: 100%;
      height: 756px;
      top: 860px;
      left: 0;
      background-color: #ffffff;
    }
    
    .desktop .hero {
      display: flex;
      flex-direction: column;
      width: 100%;
      align-items: center;
      gap: 120px;
      padding: 0px 312px;
      position: absolute;
      top: 0;
      left: 0;
      background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.8) 100%
      );
    }
    
    .desktop .header {
      position: relative;
      width: 100%;
      height: 67px;
      margin-left: -312.00px;
      margin-right: -312.00px;
      background-color: var(--defaultblack);
    }
    
    .desktop .logo {
      position: absolute;
      width: 147px;
      height: 12px;
      top: 24px;
       left: 10px !important;    }
    
    .desktop .menu {
      display: inline-flex;
      align-items: center;
      gap: 20px;
      position: absolute;
      top: 20px;
       left: 10px !important;    }
    
    .desktop .text {
      position: relative;
      flex: 0 0 auto;
    }
    
    .desktop .div-wrapper {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 4px 12px;
      position: relative;
      flex: 0 0 auto;
    }
    
    .desktop .text-wrapper {
      position: relative;
      width: fit-content;
      margin-top: -1.00px;
      font-family: "Inter-Regular", Helvetica;
      font-weight: 400;
      color: #ffffffab;
      font-size: 16px;
      letter-spacing: 0;
      line-height: normal;
      white-space: nowrap;
    }
    
    .desktop .button {
      all: unset;
      box-sizing: border-box;
      display: flex;
      width: 151px;
      height: 35px;
      align-items: center;
      justify-content: center;
      padding: 4px 40px;
      position: absolute;
      top: 12px;
       left: 10px !important;
      background-color: var(--orange-500);
      border-radius: 16px;
    }
    
    .desktop .text-wrapper-2 {
      position: relative;
      width: fit-content;
      margin-left: -27.50px;
      margin-right: -27.50px;
      font-family: "Inter-Bold", Helvetica;
      font-weight: 700;
      color: #ffffff;
      font-size: 16px;
      letter-spacing: 0;
      line-height: normal;
      white-space: nowrap;
    }
    
    .desktop .img {
      position: absolute;
      width: 628px;
      height: 560px;
      top: 947px;
       left: 10px !important;      border-radius: 20px;
      background-image: url(./img/mission.png);
      background-size: cover;
      background-position: 50% 50%;
    }
    
    .desktop .text-2 {
      display: flex;
      flex-direction: column;
      width: 739px;
      align-items: flex-start;
      gap: 40px;
      position: absolute;
      top: 951px;
       left: 10px !important;    }
    
    .desktop .text-3 {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 40px;
      position: relative;
      align-self: stretch;
      width: 100%;
      flex: 0 0 auto;
    }
    
    .desktop .text-wrapper-3 {
      position: relative;
      width: 629px;
      margin-top: -1.00px;
      font-family: "Teachers-Bold", Helvetica;
      font-weight: 700;
      color: #000000d9;
      font-size: 50px;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .BEEYOON-accompagne {
      position: relative;
      align-self: stretch;
      height: 334px;
      font-family: "Inter-Bold", Helvetica;
      font-weight: 400;
      color: #000000bf;
      font-size: 20px;
      letter-spacing: 0;
      line-height: 28px;
    }
    
    .desktop .span {
      font-weight: 700;
    }
    
    .desktop .text-wrapper-4 {
      font-family: "Inter-Regular", Helvetica;
    }
    
    .desktop .frame {
      display: inline-flex;
      align-items: center;
      gap: 30px;
      position: absolute;
      top: 673px;
      left: 185px;
    }
    
    .desktop .logoipsum {
      position: relative;
      width: 126.82px;
      height: 28px;
    }
    
    .desktop .logo-STATION-f-svg {
      position: absolute;
      width: 116px;
      height: 21px;
      top: 4px;
      left: 0;
      object-fit: cover;
    }
    
    .desktop .financez-l-avenir {
      position: absolute;
      top: 212px;
       left: 10px !important;      font-family: "Teachers-Bold", Helvetica;
      font-weight: 700;
      color: #ffffff;
      font-size: 100px;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .rejoignez-BEEYOON-la {
      position: absolute;
      width: 591px;
      top: 487px;
       left: 10px !important;      font-family: "Inter-Regular", Helvetica;
      font-weight: 400;
      color: #ffffffb5;
      font-size: 16px;
      letter-spacing: 0;
      line-height: 24px;
    }
    
    .desktop .text-wrapper-5 {
      font-family: "Inter-Regular", Helvetica;
      font-weight: 400;
      color: #ffffffb5;
      font-size: 16px;
      letter-spacing: 0;
      line-height: 24px;
    }
    
    .desktop .text-wrapper-6 {
      font-family: "Inter-Bold", Helvetica;
      font-weight: 700;
    }
    
    .desktop .group {
      position: absolute;
      width: 392px;
      height: 460px;
      top: 204px;
       left: 10px !important;
    }
    
    .desktop .overlap-group {
      position: relative;
      width: 390px;
      height: 460px;
      border-radius: 32px;
    }
    
    .desktop .rectangle-2 {
      position: absolute;
      width: 390px;
      height: 460px;
      top: 0;
      left: 0;
      background-color: #d9d9d9;
      border-radius: 32px;
      opacity: 0.18;
    }
    
    .desktop .p {
      position: absolute;
      width: 257px;
      top: 307px;
      left: 10px !important;     transform: rotate(0.11deg);
      font-family: "Inter-Italic", Helvetica;
      font-weight: 400;
      font-style: italic;
      color: #ffffff;
      font-size: 15px;
      text-align: center;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .button-2 {
      all: unset;
      box-sizing: border-box;
      width: 191px;
      height: 45px;
      top: 378px;
      left: 10px !important;     
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 4px 40px;
      position: absolute;
      background-color: var(--orange-500);
      border-radius: 16px;
    }
    
    .desktop .text-wrapper-7 {
      position: relative;
      width: fit-content;
      font-family: "Inter-Bold", Helvetica;
      font-weight: 700;
      color: #ffffff;
      font-size: 16px;
      letter-spacing: 0;
      line-height: normal;
      white-space: nowrap;
    }
    
    .desktop .overlap-group-wrapper {
      position: absolute;
      width: 319px;
      height: 42px;
      top: 61px;
      left: 10px !important;   }
    
    .desktop .overlap-group-2 {
      position: relative;
      width: 317px;
      height: 42px;
      border-radius: 8px;
      border: 1px solid;
      border-color: #ffffff;
    }
    
    .desktop .text-wrapper-8 {
      position: absolute;
      top: 12px;
      left: 27px;
      opacity: 0.8;
      font-family: "Inter-Bold", Helvetica;
      font-weight: 700;
      color: #ffffff;
      font-size: 13px;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .overlap-wrapper {
      position: absolute;
      width: 319px;
      height: 42px;
      top: 116px;
      left: 10px !important;   }
    
    .desktop .group-2 {
      position: absolute;
      width: 319px;
      height: 42px;
      top: 171px;
      left: 10px !important;   }
    
    .desktop .group-3 {
      position: absolute;
      width: 319px;
      height: 42px;
      top: 226px;
      left: 10px !important;   }
    
    .desktop .overlap-2 {
      position: absolute;
      width: 1922px;
      height: 3088px;
      top: 3319px;
      left: 10px !important;}
    
    .desktop .rectangle-3 {
      position: absolute;
      width: 100%;
      height: 1631px;
      top: 0;
      left: 0;
      background-color: #f7f7f7;
    }
    
    .desktop .group-wrapper {
      position: absolute;
      width: 100%;
      height: 66px;
      top: 782px;
      left: 0;
    }
    
    .desktop .group-4 {
      width: 1922px;
      height: 66px;
    }
    
    .desktop .overlap-group-3 {
      position: relative;
      width: 100%;
      height: 66px;
      background-color: #0000000f;
    }
    
    .desktop .text-wrapper-9 {
      position: absolute;
      width: 280px;
      top: 22px;
       left: 10px !important;      font-family: "Inter-Bold", Helvetica;
      font-weight: 700;
      color: #ffffff;
      font-size: 24px;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .text-quotes {
      display: flex;
      flex-direction: column;
      width: 600px;
      height: 560px;
      align-items: center;
      padding: 120px 0px 98px;
      position: absolute;
      top: 882px;
       left: 10px !important;
    }
    
    .desktop .text-4 {
      display: flex;
      flex-direction: column;
      width: 574px;
      height: 182px;
      align-items: flex-end;
      gap: 28px;
      position: relative;
    }
    
    .desktop .text-wrapper-10 {
      position: relative;
      align-self: stretch;
      height: 192px;
      margin-top: -1.00px;
      margin-bottom: -9.00px;
      font-family: "Teachers-Bold", Helvetica;
      font-weight: 700;
      color: var(--defaultblack);
      font-size: 50px;
      letter-spacing: 0;
      line-height: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }
    
    .desktop .l-quipe-beeyoon-wrapper {
      display: flex;
      flex-direction: column;
      width: 574px;
      height: 47px;
      align-items: flex-end;
      gap: 28px;
      position: relative;
      margin-top: -84px;
    }
    
    .desktop .l-quipe-beeyoon {
      position: relative;
      width: 574px;
      height: 72px;
      margin-top: -1.00px;
      margin-bottom: -24.00px;
      font-family: "Teachers-Regular", Helvetica;
      font-weight: 400;
      color: transparent;
      font-size: 20px;
      letter-spacing: 0;
      line-height: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }
    
    .desktop .text-wrapper-11 {
      font-family: "Teachers-Italic", Helvetica;
      font-style: italic;
      color: #000000;
    }
    
    .desktop .text-wrapper-12 {
      font-family: "Teachers-Italic", Helvetica;
      font-style: italic;
      color: #535353;
    }
    
    .desktop .image {
      position: absolute;
      width: 99px;
      height: 75px;
      top: 0;
      left: 0;
    }
    
    .desktop .nous-formons-une-wrapper {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      gap: 40px;
      position: absolute;
      top: 1020px;
      left: 10px !important;   
    }
    
    .desktop .nous-formons-une {
      position: relative;
      width: 894px;
      height: 368px;
      margin-top: -1.00px;
      font-family: "Inter-Regular", Helvetica;
      font-weight: 400;
      color: #000000;
      font-size: 20px;
      letter-spacing: 0;
      line-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 15;
      -webkit-box-orient: vertical;
    }
    
    .desktop .text-wrapper-13 {
      position: absolute;
      top: 926px;
       left: 10px !important;      font-family: "Teachers-Bold", Helvetica;
      font-weight: 700;
      color: var(--defaultblack);
      font-size: 50px;
      text-align: right;
      letter-spacing: 0;
      line-height: normal;
      white-space: nowrap;
    }
    
    .desktop .group-5 {
      position: absolute;
      width: 742px;
      height: 464px;
      top: 164px;
       left: 10px !important;
    }
    
    .desktop .text-wrapper-14 {
      position: absolute;
      width: 566px;
      top: 0;
      left: 10px !important;     font-family: "Teachers-Bold", Helvetica;
      font-weight: 700;
      color: var(--defaultblack);
      font-size: 50px;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .BEEYOON-propose {
      position: absolute;
      width: 738px;
      height: 375px;
      top: 89px;
      left: 10px !important;  font-family: "Inter-Regular", Helvetica;
      font-weight: 400;
      color: #000000;
      font-size: 20px;
      letter-spacing: 0;
      line-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 15;
      -webkit-box-orient: vertical;
    }
    
    .desktop .image-2 {
      position: absolute;
      width: 646px;
      height: 456px;
      top: 164px;
       left: 10px !important;    }
    
    .desktop .group-6 {
      position: absolute;
      width: 100%;
      height: 66px;
      top: 0;
      left: 10px !important;}
    
    .desktop .group-7 {
      position: absolute;
      width: 100%;
      height: 384px;
      top: 2704px;
      left: 10px !important;}
    
    .desktop .overlap-3 {
      position: relative;
      height: 384px;
    }
    
    .desktop .footer {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 384px;
      align-items: center;
      gap: 60px;
      padding: 60px 312px 40px;
      position: absolute;
      top: 0;
      left: 10px !important;  background-color: var(--defaultblack);
    }
    
    .desktop .text-imgs {
      display: flex;
      width: 1296px;
      align-items: flex-start;
      justify-content: space-around;
      gap: 149px;
      position: relative;
      flex: 0 0 auto;
    }
    
    .desktop .logo-text {
      display: inline-flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      position: relative;
      flex: 0 0 auto;
    }
    
    .desktop .logo-2 {
      display: flex;
      width: 416px;
      align-items: center;
      gap: 8px;
      position: relative;
      flex: 0 0 auto;
    }
    
    .desktop .text-wrapper-15 {
      position: relative;
      width: 416px;
      margin-top: -1.00px;
      font-family: "Inter-Bold", Helvetica;
      font-weight: 700;
      color: var(--defaultwhite);
      font-size: 16px;
      text-align: center;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .text-5 {
      display: flex;
      flex-direction: column;
      width: 343px;
      height: 169px;
      align-items: flex-start;
      gap: 16px;
      position: relative;
    }
    
    .desktop .text-wrapper-16 {
      position: relative;
      width: 395px;
      height: 156px;
      margin-top: -1.00px;
      margin-right: -52.00px;
      font-family: "Inter-Regular", Helvetica;
      font-weight: 400;
      color: var(--defaultwhite);
      font-size: 16px;
      text-align: center;
      letter-spacing: 0;
      line-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical;
    }
    
    .desktop .text-icons {
      display: flex;
      width: 1296px;
      align-items: center;
      justify-content: space-around;
      gap: 389px;
      position: relative;
      flex: 0 0 auto;
    }
    
    .desktop .copyright-beeyoon {
      position: relative;
      width: fit-content;
      margin-top: -1.00px;
      font-family: "DM Sans-Regular", Helvetica;
      font-weight: 400;
      color: #ffffff99;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 26px;
      white-space: nowrap;
    }
    
    .desktop .group-8 {
      position: absolute;
      width: 1922px;
      height: 1115px;
      top: 1631px;
      left: 0;
    }
    
    .desktop .overlap-4 {
      position: relative;
      width: 100%;
      height: 1115px;
      background-color: #000000;
    }
    
    .desktop .group-9 {
      position: absolute;
      width: 694px;
      height: 703px;
      top: 370px;
       left: 10px !important;    }
    
    .desktop .overlap-5 {
      position: relative;
      width: 692px;
      height: 703px;
      background-image: url(./img/rectangle.png);
      background-size: 100% 100%;
    }
    
    .desktop .group-10 {
      position: absolute;
      width: 550px;
      height: 345px;
      top: 144px;
      left: 10px !important;   }
    
    .desktop .overlap-6 {
      position: absolute;
      width: 541px;
      height: 55px;
      top: 98px;
      left: 10px !important;}
    
    .desktop .text-wrapper-17 {
      position: absolute;
      width: 76px;
      top: 16px;
      left: 10px !important;     font-family: "Inter-Bold", Helvetica;
      font-weight: 700;
      color: #ffffff;
      font-size: 20px;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .rectangle-wrapper {
      position: absolute;
      width: 541px;
      height: 54px;
      top: 1px;
      left: 10px !important;  transform: rotate(0.11deg);
    }
    
    .desktop .rectangle-4 {
      position: relative;
      height: 53px;
      top: 1px;
      border-radius: 5.44px;
      border: 1px solid;
      border-color: #ffffff;
      transform: rotate(-0.11deg);
    }
    
    .desktop .overlap-7 {
      position: absolute;
      width: 541px;
      height: 55px;
      top: 0;
      left: 10px !important;}
    
    .desktop .text-wrapper-18 {
      position: absolute;
      width: 231px;
      top: 16px;
      left: 10px !important;     font-family: "Inter-Bold", Helvetica;
      font-weight: 700;
      color: #ffffff;
      font-size: 20px;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .overlap-8 {
      position: absolute;
      width: 541px;
      height: 53px;
      top: 196px;
      left: 10px !important;  border-radius: 5.44px;
    }
    
    .desktop .text-wrapper-19 {
      position: absolute;
      width: 46px;
      top: 14px;
      left: 10px !important;     font-family: "Inter-Bold", Helvetica;
      font-weight: 700;
      color: #ffffff;
      font-size: 20px;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .group-11 {
      position: absolute;
      width: 541px;
      height: 53px;
      top: 0;
      left: 10px !important;  border-radius: 5.44px;
      border: 1px solid;
      border-color: #ffffff;
    }
    
    .desktop .overlap-group-4 {
      position: absolute;
      width: 541px;
      height: 53px;
      top: 291px;
      left: 10px !important;  border-radius: 5.44px;
    }
    
    .desktop .text-wrapper-20 {
      position: absolute;
      width: 53px;
      top: 15px;
      left: 16px;
      font-family: "Inter-Bold", Helvetica;
      font-weight: 700;
      color: #ffffff;
      font-size: 20px;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .text-wrapper-21 {
      position: absolute;
      width: 471px;
      top: 512px;
      left: 110px;
      transform: rotate(0.11deg);
      font-family: "Inter-Italic", Helvetica;
      font-weight: 400;
      font-style: italic;
      color: #ffffff;
      font-size: 15px;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .button-3 {
      all: unset;
      box-sizing: border-box;
      width: 257px;
      height: 86px;
      top: 576px;
      left: 217px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 4px 40px;
      position: absolute;
      background-color: var(--orange-500);
      border-radius: 16px;
    }
    
    .desktop .text-wrapper-22 {
      position: absolute;
      width: 716px;
      top: 196px;
      left: 602px;
      font-family: "Inter-Bold", Helvetica;
      font-weight: 700;
      color: #ffffff;
      font-size: 32px;
      text-align: center;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .img-button {
      position: absolute;
      width: 598px;
      height: 445px;
      top: 1226px;
      left: 1191px;
      border-radius: 20px;
      background-image: url(./img/finance_durable.png);
      background-size: cover;
      background-position: 50% 50%;
    }
    
    .desktop .overlap-9 {
      position: absolute;
      width: 24px;
      height: 24px;
      top: 8771px;
      left: 6485px;
      background-image: url(./img/hugeicons-bio-energy-2.png);
      background-size: 100% 100%;
    }
    
    .desktop .hugeicons-bio-energy {
      position: absolute;
      width: 24px;
      height: 24px;
      top: 0;
      left: 0;
    }
    
    .desktop .overlap-10 {
      position: absolute;
      width: 100%;
      height: 1703px;
      top: 1616px;
      left: 0;
    }
    
    .desktop .group-12 {
      position: absolute;
      width: 100%;
      height: 1703px;
      top: 0;
      left: 0;
    }
    
    .desktop .group-13 {
      width: 1922px;
      height: 1703px;
    }
    
    .desktop .overlap-group-5 {
      position: relative;
      width: 100%;
      height: 1703px;
      background-color: #f7f7f7;
    }
    
    .desktop .text-wrapper-23 {
      position: absolute;
      width: 208px;
      top: 61px;
      left: 850px;
      font-family: "Teachers-Bold", Helvetica;
      font-weight: 700;
      color: #000000;
      font-size: 50px;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .group-14 {
      position: absolute;
      width: 1627px;
      height: 251px;
      top: 226px;
      left: 160px;
    }
    
    .desktop .map-pins {
      position: absolute;
      width: 1296px;
      height: 673px;
      top: 940px;
      left: 312px;
    }
    
    .desktop .text-6 {
      display: flex;
      flex-direction: column;
      width: 1296px;
      align-items: center;
      gap: 28px;
      position: absolute;
      top: 580px;
      left: 312px;
    }
    
    .desktop .text-7 {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      gap: 40px;
      position: relative;
      flex: 0 0 auto;
    }
    
    .desktop .text-wrapper-24 {
      position: relative;
      width: fit-content;
      margin-top: -1.00px;
      font-family: "Teachers-Bold", Helvetica;
      font-weight: 700;
      color: var(--defaultblack);
      font-size: 50px;
      letter-spacing: 0;
      line-height: normal;
      white-space: nowrap;
    }
    
    .desktop .text-wrapper-25 {
      position: relative;
      width: 1069px;
      font-family: "Inter-Regular", Helvetica;
      font-weight: 400;
      color: #000000;
      font-size: 16px;
      text-align: center;
      letter-spacing: 0;
      line-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    
    .desktop .text-8 {
      display: inline-flex;
      align-items: flex-start;
      gap: 40px;
      position: relative;
      flex: 0 0 auto;
    }
    
    .desktop .frame-wrapper {
      display: inline-flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      padding: 8px 10px;
      position: relative;
      flex: 0 0 auto;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      border-color: transparent;
    }
    
    .desktop .afrique-de-l-ouest-wrapper {
      display: inline-flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 20px;
      position: relative;
      flex: 0 0 auto;
    }
    
    .desktop .afrique-de-l-ouest {
      position: relative;
      width: fit-content;
      margin-top: -1.00px;
      font-family: "Teachers-Bold", Helvetica;
      font-weight: 700;
      color: #000000;
      font-size: 24px;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .frame-2 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 8px 10px;
      position: relative;
      flex: 0 0 auto;
    }
    
    .desktop .text-wrapper-26 {
      position: relative;
      width: fit-content;
      margin-top: -1.00px;
      font-family: "Teachers-Bold", Helvetica;
      font-weight: 700;
      color: var(--defaultblack);
      font-size: 24px;
      letter-spacing: 0;
      line-height: normal;
    }
    
    .desktop .group-15 {
      position: absolute;
      width: 1437px;
      height: 66px;
      top: 141px;
      left: 241px;
    }
    
    .desktop .component {
      /* position: absolute; */
      width: 53px;
      height: 53px;
      top: 13px;
      left: 0;
    }
    
    .desktop .healthicons {
      /* position: absolute; */
      width: 53px;
      height: 53px;
      top: 13px;
      left: 691px;
    }
    
    .desktop .healthicons-2 {
      /* position: absolute; */
      width: 53px;
      height: 53px;
      top: 0;
      left: 906px;
    }
    
    .desktop .covid-quarantine {
      /* position: absolute; */
      width: 53px;
      height: 53px;
      top: 8px;
      left: 1392px;
    }
    
    .desktop .game-icons-teacher {
      /* position: absolute; */
      width: 53px;
      height: 53px;
      top: 10px;
      left: 1121px;
    }
    
    .desktop .game-icons-wheat {
      /* position: absolute; */
      width: 53px;
      height: 53px;
      top: 20px;
      left: 464px;
    }
    
    .desktop .hugeicons-bio-energy-2 {
      /* position: absolute; */
      width: 53px;
      height: 53px;
      top: 8px;
      left: 232px;
    }
    .label {
      width: 181px;
      height: 98px;
    }
    
    .label .text-wrapper {
      position: fixed;
      width: 181px;
      top: 0;
      left: 0;
      font-family: "Inter-Regular", Helvetica;
      font-weight: 400;
      color: #000000ba;
      font-size: 16px;
      letter-spacing: 0;
      line-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
    }
  
    
    .label .clean-tech {
      position: fixed;
      width: 181px;
      font-family: "Teachers-Bold", Helvetica;
      font-weight: 700;
      color: #000000;
      font-size: 24px;
      letter-spacing: 0;
      line-height: normal;
    }
  }