/* screen - web-1920-3 */

.web-1920-3 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-3 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-3 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-3 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  cursor: pointer;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-3 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  cursor: pointer;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-3 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  cursor: pointer;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-3 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  cursor: pointer;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-3 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  cursor: pointer;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-3 .mask-group-3-C61RwL {
  
  --z-index: 7;
    background-color: transparent;
    background-image: url(../img/mask-group-3-1@1x-min.png);
    background-size: 100% 100%;
    height: 332px;
    left: 1547px;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 382px;
    width: 312px;

  }

.web-1920-3 .mask-group-4-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../img/mask-group-4-1@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-3 .rectangle-8-C61RwL {
  --z-index: 9;
  background-color: transparent;
  cursor: pointer;
  height: 491px;
  left: 1600px;
  opacity: 1;
  position: absolute;
  top: 332px;
  width: 269px;
}

.web-1920-3 .group-13-C61RwL {
  --z-index: 10;
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 922px;
  opacity: 1;
  position: absolute;
  top: 890px;
  width: 76px;
}

.web-1920-3 .group-12-WQXeF1 {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-3 .rectangle-9-nfbLIN {
  --z-index: 0;
  background-color: #2e5b2a;
  height: calc(100.00% - 2px);
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: calc(100.00% - 2px);
}

.web-1920-3 .rectangle-10-nfbLIN {
  --z-index: 1;
  background-color: transparent;
  border: 0.5px solid;
  border-color: #2e5b2a;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-3 .about-WQXeF1 {
  --z-index: 1;
  background-color: transparent;
  bottom: calc(15.00% - 3px);
  color: #efe5c7;
  font-family: 'Poppins', Helvetica;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  height: 18px;
  letter-spacing: 0.00px;
  line-height: 11px;
  opacity: 1;
  position: absolute;
  right: calc(47.22% - 19px);
  text-align: left;
  white-space: nowrap;
  width: 40px;
}

.web-1920-3 .group-11-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 55px;
  left: 866px;
  opacity: 1;
  position: absolute;
  top: 942px;
  width: 189px;
}

.web-1920-3 .group-15-bAyQtV {
  --z-index: 0;
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0px;
  opacity: 0.4;
  position: absolute;
  top: 0px;
  width: 50px;
}

.web-1920-3 .group-7-fb6Rhh {
  --z-index: 0;
  background-color: transparent;
  height: 36px;
  left: 7px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 14px);
}

.web-1920-3 .group-6-6syXdW {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-3 .b-kyd-zc-cV0PGv {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: -18px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: calc(100.00% + 36px);
}

.web-1920-3 .group-5-GMtXbr {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/group-5-1@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-3 .english-fb6Rhh {
  --z-index: 1;
  background-color: transparent;
  bottom: -2px;
  color: #13244c;
  font-family: 'HelveticaNeue-Regular', Helvetica;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  height: 14px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 11px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.web-1920-3 .group-14-bAyQtV {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: calc(48.37% - 17px);
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 36px;
}

.web-1920-3 .group-4-Tckf0K {
  --z-index: 0;
  background-color: transparent;
  height: 36px;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-3 .group-3-N8jjlw {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-3 .pn-uw9y-slNpgn {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: -9px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: calc(100.00% + 18px);
}

.web-1920-3 .group-2-jzGzIr {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-3 .path-6-Il8xcd {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-6-1@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-3 .path-7-Il8xcd {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-7-1@1x-min.png);
  background-size: 100% 100%;
  height: 16px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(49.92% - 8px);
  top: calc(45.65% - 7px);
  width: 17px;
}

.web-1920-3 .path-8-Il8xcd {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/path-8-1@1x-min.png);
  background-size: 100% 100%;
  bottom: calc(49.36% - 2px);
  height: 4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(49.95% - 2px);
  width: 4px;
}

.web-1920-3 .path-9-Il8xcd {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/path-9-1@1x-min.png);
  background-size: 100% 100%;
  height: 2px;
  left: calc(41.97% - 1px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(47.45% - 1px);
  width: 4px;
}

.web-1920-3 .path-10-Il8xcd {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/path-10-1@1x-min.png);
  background-size: 100% 100%;
  height: 2px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(41.84% - 1px);
  top: calc(47.38% - 1px);
  width: 3px;
}

.web-1920-3 .path-11-Il8xcd {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/path-11-1@1x-min.png);
  background-size: 100% 100%;
  height: 3px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(49.94% - 1px);
  top: calc(36.30% - 1px);
  width: 2px;
}

.web-1920-3 .path-12-Il8xcd {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/path-12-1@1x-min.png);
  background-size: 100% 100%;
  bottom: calc(39.94% - 1px);
  height: 3px;
  left: calc(45.79% - 1px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 3px;
}

.web-1920-3 .path-13-Il8xcd {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/path-13-1@1x-min.png);
  background-size: 100% 100%;
  bottom: calc(39.97% - 1px);
  height: 3px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(45.65% - 1px);
  width: 3px;
}

.web-1920-3 .arabe-Tckf0K {
  --z-index: 1;
  background-color: transparent;
  bottom: -2px;
  color: #13244c;
  font-family: 'HelveticaNeue-Regular', Helvetica;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  height: 14px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 11px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.web-1920-3 .group-16-bAyQtV {
  --z-index: 2;
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 54px;
}

.web-1920-3 .group-10-zEHPzx {
  --z-index: 0;
  background-color: transparent;
  height: 36px;
  left: 7px;
  opacity: 0.44;
  position: absolute;
  top: 0px;
  width: 36px;
}

.web-1920-3 .group-9-isZGtt {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-3 .n-rhpn-b-ttuxEf {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: -9px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: calc(100.00% + 18px);
}

.web-1920-3 .group-8-RM157U {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-3 .path-31-7w6I1d {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-31-1@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 18px;
}

.web-1920-3 .path-32-7w6I1d {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-32-1@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 18px;
}

.web-1920-3 .path-33-7w6I1d {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/path-33-1@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(50.00% - 9px);
  top: 1px;
  width: 18px;
}

.web-1920-3 .franais-zEHPzx {
  --z-index: 1;
  background-color: transparent;
  bottom: -2px;
  color: #13244c;
  font-family: 'HelveticaNeue-Regular', Helvetica;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  height: 14px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 11px;
  opacity: 0.44;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

/* screen - web-1920-4 */

.web-1920-4 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-4 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-10@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-4 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-10@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-4 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-4 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-4 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-4 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-4 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-4 .mask-group-4-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-4-1@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-4 .rectangle-1-C61RwL {
  --z-index: 8;
  -webkit-backdrop-filter: blur(50px) brightness(98.24512004852295%);
  backdrop-filter: blur(50px) brightness(98.24512004852295%);
  background-color: #ffffff01;
  height: 1080px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-4 .mask-group-3-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/mask-group-3-1@1x-min.png);
  background-size: 100% 100%;
  height: 1018px;
  left: 58px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 62px;
  width: 957px;
}

.web-1920-4 .mask-group-5-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/mask-group-5-10@1x-min.png);
  background-size: 100% 100%;
  height: 832px;
  left: 1056px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 148px;
  width: 897px;
}

.web-1920-4 .group-1-C61RwL {
  --z-index: 11;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1783px;
  opacity: 1;
  position: absolute;
  top: 88px;
  width: 20px;
}

.web-1920-4 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-13@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-4 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-13@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-4 .rectangle-11-C61RwL {
  --z-index: 12;
  background-color: transparent;
  cursor: pointer;
  height: 79px;
  left: 747px;
  opacity: 1;
  position: absolute;
  top: 178px;
  width: 33px;
}

.web-1920-4 .rectangle-21-C61RwL {
  --z-index: 13;
  background-color: transparent;
  cursor: pointer;
  height: 31px;
  left: 733px;
  opacity: 1;
  position: absolute;
  top: 291px;
  width: 33px;
}

.web-1920-4 .rectangle-23-C61RwL {
  --z-index: 14;
  background-color: transparent;
  cursor: pointer;
  height: 26px;
  left: 624px;
  opacity: 1;
  position: absolute;
  top: 298px;
  width: 33px;
}

.web-1920-4 .rectangle-24-C61RwL {
  --z-index: 15;
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  left: 594px;
  opacity: 1;
  position: absolute;
  top: 344px;
  width: 63px;
}

.web-1920-4 .rectangle-14-C61RwL {
  --z-index: 16;
  background-color: transparent;
  cursor: pointer;
  height: 29px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 33px;
}

.web-1920-4 .rectangle-37-C61RwL {
  --z-index: 17;
  background-color: transparent;
  cursor: pointer;
  height: 14px;
  left: 616px;
  opacity: 1;
  position: absolute;
  top: 221px;
  width: 66px;
}

.web-1920-4 .rectangle-38-C61RwL {
  --z-index: 18;
  background-color: transparent;
  cursor: pointer;
  height: 14px;
  left: 564px;
  opacity: 1;
  position: absolute;
  top: 236px;
  width: 104px;
}

.web-1920-4 .rectangle-39-C61RwL {
  --z-index: 19;
  background-color: transparent;
  cursor: pointer;
  height: 13px;
  left: 564px;
  opacity: 1;
  position: absolute;
  top: 253px;
  width: 84px;
}

.web-1920-4 .rectangle-40-C61RwL {
  --z-index: 20;
  background-color: transparent;
  cursor: pointer;
  height: 13px;
  left: 620px;
  opacity: 1;
  position: absolute;
  top: 270px;
  width: 78px;
}

.web-1920-4 .rectangle-41-C61RwL {
  --z-index: 21;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 461px;
  opacity: 1;
  position: absolute;
  top: 270px;
  width: 142px;
}

.web-1920-4 .rectangle-19-C61RwL {
  --z-index: 22;
  background-color: transparent;
  cursor: pointer;
  height: 54px;
  left: 951px;
  opacity: 1;
  position: absolute;
  top: 164px;
  width: 49px;
}



/* screen - web-1920-2 */

.web-1920-2 {
  background-color: #ffffff;
    height: 11950px;
    opacity: 1;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    width: 1920px;
}

.web-1920-2 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-2 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-2 .rectangle-1-C61RwL {
  --z-index: 2;
  -webkit-backdrop-filter: blur(16.461200714111328px) brightness(103.49540996551514%);
  backdrop-filter: blur(16.461200714111328px) brightness(103.49540996551514%);
  background-color: #ffffff01;
  height: 1064px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-2 .sans-titre-4-12-C61RwL {
 --z-index: 3;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    background-color: transparent;
    background-image: url(../img/fr--apropos-de-nous-11102023-12@1x-min.png);
    opacity: 1;
    background-color: transparent;
    height: 11879px;
    background-repeat: no-repeat;
    left: 15px;
    object-fit: cover;
    position: absolute;
    top: 20px;
    width: 1895px;
  
}


.web-1920-2 .group-1-C61RwL {
  --z-index: 4;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1826px;
  opacity: 1;
  position: absolute;
  top: 66px;
  width: 20px;
}

.web-1920-2 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-2 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-2 .group-18-C61RwL {
      --z-index: 5;
    background-color: transparent;
    height: 22px;
    left: 1796px;
    opacity: 1;
    position: absolute;
    top: 11789px;
    width: 31px;
}

.web-1920-2 .path-34-0xverS {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-34@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 13px);
  left: -6px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -6px;
  width: 28px;
}

.web-1920-2 .path-35-0xverS {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-35@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 13px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 28px;
}


/* screen - web-1920-11 */

.web-1920-11 .rectangle-56-C61RwL {
 --z-index: 10;
 opacity: 1;
  background-color: var(--san-felix);
  height: 601px;
  left: 375px;
  position: absolute;
  top: 2446px;
  width: 1171px;
}

.web-1920-11 .rectangle-57-C61RwL {
   --z-index: 10;
  background-color: var(--san-felix);
  opacity: 1;
  height: 601px;
  left: 375px;
  position: absolute;
  top: 3476px;
  width: 1171px;
}

.rectangle-57-C61RwL video{
  width: 100%  !important;height: 100%  !important;
}


.rectangle-56-C61RwL video{
  width: 100%  !important;height: 100%  !important;
}


.web-1920-11 {
  background-color: #ffffff;
  height: 7289px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-11 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-11 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-11 .rectangle-1-C61RwL {
  --z-index: 2;
  -webkit-backdrop-filter: blur(16.461200714111328px) brightness(103.49540996551514%);
  backdrop-filter: blur(16.461200714111328px) brightness(103.49540996551514%);
  background-color: #ffffff01;
  height: 1064px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-11 .sans-titre-4-12-C61RwL {
  --z-index: 3;
  background-image: url(../img/univers5-08@1x-min.png);
  left: 17px;
  opacity: 1;


  background-color: transparent;
    height: 7289px;
    left: 1px;
    object-fit: cover;
    position: absolute;
    top: -1px;
    width: 1919px;
    background-color: transparent;
    opacity: 0; /* Set initial opacity to hide the pop-up */
    transition: opacity 1.5s ease; /* Adjust the duration as needed */
    transform: scale(0);
    transition: transform 1.3s ease, opacity 1.5s ease; /* Adding scale transition */
}

.sans-titre-4-12-C61RwL.scaling-up {
  transform: scale(1); /* Scale up to 100% */
}



.web-1920-11 .group-1-C61RwL {
  --z-index: 4;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1826px;
  opacity: 1;
  position: absolute;
  top: 66px;
  width: 20px;
}

.web-1920-11 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-11 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-11 .group-18-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 22px;
  left: 1770px;
  opacity: 1;
  position: absolute;
  top: 7150px;
  width: 31px;
}

.web-1920-11 .path-34-0xverS {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-34@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 13px);
  left: -6px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -6px;
  width: 28px;
}

.web-1920-11 .path-35-0xverS {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-35@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 13px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 28px;
}





/* screen - web-1920-5 */

.web-1920-5 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-5 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-5 .fresque_2x2_26042023_vang-va2-01-C61RwL {

  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-5 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  cursor: pointer;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-5 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  cursor: pointer;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-5 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  cursor: pointer;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-5 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  cursor: pointer;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-5 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  cursor: pointer;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-5 .mask-group-3-C61RwL {
  --z-index: 7;
    background-color: transparent;
    background-image: url(../img/mask-group-3-1@1x-min.png);
    background-size: 100% 100%;
    height: 332px;
    left: 1547px;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 382px;
    width: 312px;
}

.web-1920-5 .mask-group-4-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../img/mask-group-4-1@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-5 .rectangle-8-C61RwL {
  --z-index: 9;
  background-color: transparent;
  cursor: pointer;
  height: 491px;
  left: 1600px;
  opacity: 1;
  position: absolute;
  top: 332px;
  width: 269px;
}

.web-1920-5 .group-13-C61RwL {
  --z-index: 10;
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 910px;
  opacity: 1;
  position: absolute;
  top: 890px;
  width: 136px;
}

.web-1920-5 .group-12-WQXeF1 {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: -14px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-5 .rectangle-9-nfbLIN {
  --z-index: 0;
  background-color: #2e5b2a;
  height: calc(100.00% - 2px);
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: calc(100.00% - 2px);
}

.web-1920-5 .rectangle-10-nfbLIN {
  --z-index: 1;
  background-color: transparent;
  border: 0.5px solid;
  border-color: #2e5b2a;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-5 .about-WQXeF1 {
--z-index: 1;
    background-color: transparent;
    bottom: calc(15.00% - 3px);
    color: #efe5c7;
    font-family: 'Poppins', Helvetica;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    height: 18px;
    letter-spacing: 0.00px;
    line-height: 11px;
    opacity: 1;
    position: absolute;
    right: calc(78.22% - 19px);
    text-align: left;
    white-space: nowrap;
    width: 51px;
}

.web-1920-5 .group-11-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 55px;
  left: 866px;
  opacity: 1;
  position: absolute;
  top: 942px;
  width: 189px;
}

.web-1920-5 .group-15-bAyQtV {
  --z-index: 0;
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0px;
  opacity: 0.4;
  position: absolute;
  top: 0px;
  width: 50px;
}

.web-1920-5 .group-7-fb6Rhh {
  --z-index: 0;
  background-color: transparent;
  height: 36px;
  left: 7px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 14px);
}

.web-1920-5 .group-6-6syXdW {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-5 .b-kyd-zc-cV0PGv {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: -18px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: calc(100.00% + 36px);
}

.web-1920-5 .group-5-GMtXbr {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/group-5@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-5 .english-fb6Rhh {
  --z-index: 1;
  background-color: transparent;
  bottom: -2px;
  color: #13244c;
  font-family: 'HelveticaNeue-Regular', Helvetica;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  height: 14px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 11px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.web-1920-5 .group-14-bAyQtV {
  --z-index: 1;
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: calc(48.37% - 17px);
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 36px;
}

.web-1920-5 .group-4-Tckf0K {
  --z-index: 0;
  background-color: transparent;
  height: 36px;
  left: 1px;
  opacity: 0.44;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-5 .group-3-N8jjlw {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-5 .pn-uw9y-slNpgn {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: -9px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: calc(100.00% + 18px);
}

.web-1920-5 .group-2-jzGzIr {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-5 .path-6-Il8xcd {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-6-1@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-5 .path-7-Il8xcd {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-7@1x-min.png);
  background-size: 100% 100%;
  height: 16px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(49.92% - 8px);
  top: calc(45.65% - 7px);
  width: 17px;
}

.web-1920-5 .path-8-Il8xcd {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/path-8-1@1x-min.png);
  background-size: 100% 100%;
  bottom: calc(49.36% - 2px);
  height: 4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(49.95% - 2px);
  width: 4px;
}

.web-1920-5 .path-9-Il8xcd {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/path-9-1@1x-min.png);
  background-size: 100% 100%;
  height: 2px;
  left: calc(41.97% - 1px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(47.45% - 1px);
  width: 4px;
}

.web-1920-5 .path-10-Il8xcd {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/path-10-1@1x-min.png);
  background-size: 100% 100%;
  height: 2px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(41.84% - 1px);
  top: calc(47.38% - 1px);
  width: 3px;
}

.web-1920-5 .path-11-Il8xcd {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/path-11-1@1x-min.png);
  background-size: 100% 100%;
  height: 3px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(49.94% - 1px);
  top: calc(36.30% - 1px);
  width: 2px;
}

.web-1920-5 .path-12-Il8xcd {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/path-12-1@1x-min.png);
  background-size: 100% 100%;
  bottom: calc(39.94% - 1px);
  height: 3px;
  left: calc(45.79% - 1px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 3px;
}

.web-1920-5 .path-13-Il8xcd {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/path-13-1@1x-min.png);
  background-size: 100% 100%;
  bottom: calc(39.97% - 1px);
  height: 3px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(45.65% - 1px);
  width: 3px;
}

.web-1920-5 .arabe-Tckf0K {
  --z-index: 1;
  background-color: transparent;
  bottom: -2px;
  color: #13244c;
  font-family: 'HelveticaNeue-Regular', Helvetica;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  height: 14px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 11px;
  opacity: 0.44;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.web-1920-5 .group-16-bAyQtV {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 54px;
}

.web-1920-5 .group-10-zEHPzx {
  --z-index: 0;
  background-color: transparent;
  height: 36px;
  left: 7px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 36px;
}

.web-1920-5 .group-9-isZGtt {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-5 .n-rhpn-b-ttuxEf {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: -9px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: calc(100.00% + 18px);
}

.web-1920-5 .group-8-RM157U {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-5 .path-31-7w6I1d {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-31-1@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 18px;
}

.web-1920-5 .path-32-7w6I1d {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-32-1@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 18px;
}

.web-1920-5 .path-33-7w6I1d {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/path-33-1@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(50.00% - 9px);
  top: 1px;
  width: 18px;
}

.web-1920-5 .franais-zEHPzx {
  --z-index: 1;
  background-color: transparent;
  bottom: -2px;
  color: #13244c;
  font-family: 'HelveticaNeue-Regular', Helvetica;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  height: 14px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 11px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}
/* screen - web-1920-1 */

.web-1920-1 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-1 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-1 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-1 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  cursor: pointer;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-1 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  cursor: pointer;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-1 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  cursor: pointer;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-1 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  cursor: pointer;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-1 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  cursor: pointer;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-1 .mask-group-3-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-3-1@1x-min.png);
  background-size: 100% 100%;
  height: 332px;
  left: 1561px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 401px;
  width: 312px;
}

.web-1920-1 .mask-group-4-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../img/mask-group-4-1@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-1 .rectangle-8-C61RwL {
  --z-index: 9;
  background-color: transparent;
  cursor: pointer;
  height: 491px;
  left: 1600px;
  opacity: 1;
  position: absolute;
  top: 332px;
  width: 269px;
}

.web-1920-1 .group-11-C61RwL {
  --z-index: 10;
  background-color: transparent;
  height: 55px;
  left: 866px;
  opacity: 1;
  position: absolute;
  top: 942px;
  width: 189px;
}

.web-1920-1 .group-15-bAyQtV {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 50px;
}

.web-1920-1 .group-7-fb6Rhh {
  --z-index: 0;
  background-color: transparent;
  height: 36px;
  left: 7px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 14px);
}

.web-1920-1 .group-6-6syXdW {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-1 .b-kyd-zc-cV0PGv {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: -18px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: calc(100.00% + 36px);
}

.web-1920-1 .group-5-GMtXbr {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/group-5-2@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-1 .english-fb6Rhh {
  --z-index: 1;
  background-color: transparent;
  bottom: -2px;
  color: #13244c;
  font-family: 'HelveticaNeue-Regular', Helvetica;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  height: 14px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 11px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.web-1920-1 .group-14-bAyQtV {
  --z-index: 1;
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: calc(48.37% - 17px);
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 36px;
}

.web-1920-1 .group-4-Tckf0K {
  --z-index: 0;
  background-color: transparent;
  height: 36px;
  left: 1px;
  opacity: 0.44;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-1 .group-3-N8jjlw {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-1 .pn-uw9y-slNpgn {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: -9px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: calc(100.00% + 18px);
}

.web-1920-1 .group-2-jzGzIr {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-1 .path-6-Il8xcd {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-6-1@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-1 .path-7-Il8xcd {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-7-1@1x-min.png);
  background-size: 100% 100%;
  height: 16px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(49.92% - 8px);
  top: calc(45.65% - 7px);
  width: 17px;
}

.web-1920-1 .path-8-Il8xcd {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/path-8-1@1x-min.png);
  background-size: 100% 100%;
  bottom: calc(49.36% - 2px);
  height: 4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(49.95% - 2px);
  width: 4px;
}

.web-1920-1 .path-9-Il8xcd {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/path-9-1@1x-min.png);
  background-size: 100% 100%;
  height: 2px;
  left: calc(41.97% - 1px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(47.45% - 1px);
  width: 4px;
}

.web-1920-1 .path-10-Il8xcd {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/path-10-1@1x-min.png);
  background-size: 100% 100%;
  height: 2px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(41.84% - 1px);
  top: calc(47.38% - 1px);
  width: 3px;
}

.web-1920-1 .path-11-Il8xcd {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/path-11-1@1x-min.png);
  background-size: 100% 100%;
  height: 3px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(49.94% - 1px);
  top: calc(36.30% - 1px);
  width: 2px;
}

.web-1920-1 .path-12-Il8xcd {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/path-12-1@1x-min.png);
  background-size: 100% 100%;
  bottom: calc(39.94% - 1px);
  height: 3px;
  left: calc(45.79% - 1px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 3px;
}

.web-1920-1 .path-13-Il8xcd {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/path-13-1@1x-min.png);
  background-size: 100% 100%;
  bottom: calc(39.97% - 1px);
  height: 3px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(45.65% - 1px);
  width: 3px;
}

.web-1920-1 .arabe-Tckf0K {
  --z-index: 1;
  background-color: transparent;
  bottom: -2px;
  color: #13244c;
  font-family: 'HelveticaNeue-Regular', Helvetica;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  height: 14px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 11px;
  opacity: 0.44;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.web-1920-1 .group-16-bAyQtV {
  --z-index: 2;
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 54px;
}

.web-1920-1 .group-10-zEHPzx {
  --z-index: 0;
  background-color: transparent;
  height: 36px;
  left: 7px;
  opacity: 0.44;
  position: absolute;
  top: 0px;
  width: 36px;
}

.web-1920-1 .group-9-isZGtt {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-1 .n-rhpn-b-ttuxEf {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: -9px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: calc(100.00% + 18px);
}

.web-1920-1 .group-8-RM157U {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1920-1 .path-31-7w6I1d {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-31-1@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 18px;
}

.web-1920-1 .path-32-7w6I1d {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-32-1@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 18px;
}

.web-1920-1 .path-33-7w6I1d {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/path-33-1@1x-min.png);
  background-size: 100% 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(50.00% - 9px);
  top: 1px;
  width: 18px;
}

.web-1920-1 .franais-zEHPzx {
  --z-index: 1;
  background-color: transparent;
  bottom: -2px;
  color: #13244c;
  font-family: 'HelveticaNeue-Regular', Helvetica;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  height: 14px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 11px;
  opacity: 0.44;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.web-1920-1 .group-13-C61RwL {
  --z-index: 11;
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 922px;
  opacity: 1;
  position: absolute;
  top: 890px;
  width: 76px;
}

.web-1920-1 .group-12-WQXeF1 {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-1 .rectangle-9-nfbLIN {
  --z-index: 0;
  background-color: #2e5b2a;
  height: calc(100.00% - 2px);
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: calc(100.00% - 2px);
}

.web-1920-1 .rectangle-10-nfbLIN {
  --z-index: 1;
  background-color: transparent;
  border: 0.5px solid;
  border-color: #2e5b2a;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1920-1 .about-WQXeF1 {
  --z-index: 1;
  background-color: transparent;
  bottom: calc(15.00% - 3px);
  color: #efe5c7;
  font-family: 'Poppins', Helvetica;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  height: 18px;
  letter-spacing: 0.00px;
  line-height: 11px;
  opacity: 1;
  position: absolute;
  right: calc(47.22% - 19px);
  text-align: left;
  white-space: nowrap;
  width: 40px;
}
/* screen - web-1920-6 */

.web-1920-6 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-6 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-6 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-6 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-6 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-6 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-6 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-6 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-6 .mask-group-4-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-4-3@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-6 .rectangle-1-C61RwL {
  --z-index: 8;
  -webkit-backdrop-filter: blur(50px) brightness(98.24512004852295%);
  backdrop-filter: blur(50px) brightness(98.24512004852295%);
  background-color: #ffffff01;
  height: 1080px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-6 .mask-group-3-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/mask-group-3-4@1x-min.png);
  background-size: 100% 100%;
  height: 1018px;
  left: 58px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 62px;
  width: 957px;
}

.web-1920-6 .mask-group-5-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/mask-group-5@1x-min.png);
  background-size: 100% 100%;
  height: 832px;
  left: 1056px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 148px;
  width: 897px;
}

.web-1920-6 .group-1-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 20px;
  left: 1783px;
  opacity: 1;
  position: absolute;
  top: 88px;
  width: 20px;
}

.web-1920-6 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-6 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-6 .rectangle-11-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 31px;
  left: 747px;
  opacity: 1;
  position: absolute;
  top: 226px;
  width: 33px;
}

.web-1920-6 .rectangle-12-C61RwL {
  --z-index: 13;
  background-color: #ffffff;
  box-shadow: 0px 3px 86px #00000096;
  height: 524px;
  left: 533px;
  opacity: 1;
  position: absolute;
  top: 278px;
  width: 855px;
}

.web-1920-6 .mask-group-6-C61RwL {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/mask-group-6@1x-min.png);
  background-size: 100% 100%;
  height: 403px;
  left: 635px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 339px;
  width: 650px;
}

.web-1920-6 .group-17-C61RwL {
  --z-index: 15;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1336px;
  opacity: 1;
  position: absolute;
  top: 309px;
  width: 20px;
}

.web-1920-6 .line-1-B2GfxI {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-6 .line-2-B2GfxI {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}



/* screen - web-1920-7 */

.web-1920-7 .rectangle-26-C61RwL {
 --z-index: 10;
 opacity: 1;
  background-color: var(--san-felix);
  height: 601px;
  left: 375px;
  position: absolute;
  top: 3473px;
  width: 1171px;
}

.web-1920-7 .rectangle-55-C61RwL {
   --z-index: 10;
  background-color: var(--san-felix);
  opacity: 1;
  height: 601px;
  left: 375px;
  position: absolute;
  top: 4503px;
  width: 1171px;
}

.rectangle-26-C61RwL video{
  width: 100%  !important;height: 100%  !important;
}


.rectangle-55-C61RwL video{
  width: 100%  !important;height: 100%  !important;
}


.web-1920-7 {
  background-color: #ffffff;
  height: 10374px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-7 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-7 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-7 .rectangle-1-C61RwL {
  --z-index: 2;
  -webkit-backdrop-filter: blur(16.461200714111328px) brightness(103.49540996551514%);
  backdrop-filter: blur(16.461200714111328px) brightness(103.49540996551514%);
  background-color: #ffffff01;
  height: 1064px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-7 .sans-titre-4-12-C61RwL {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/univers1-11@1x-min.png);
  left: 17px;
  opacity: 1;
  background-color: transparent;
  height: 10374px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: -1px;
  width: 1919px;
  background-color: transparent;
  opacity: 0; /* Set initial opacity to hide the pop-up */
  transition: opacity 1.5s ease; /* Adjust the duration as needed */
  transform: scale(0);
  transition: transform 1.3s ease, opacity 1.5s ease; /* Adding scale transition */
}

.sans-titre-4-12-C61RwL.scaling-up {
  transform: scale(1); /* Scale up to 100% */
}


.web-1920-7 .group-1-C61RwL {
  --z-index: 4;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1826px;
  opacity: 1;
  position: absolute;
  top: 66px;
  width: 20px;
}

.web-1920-7 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-7 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-7 .group-18-C61RwL {
 --z-index: 5;
  background-color: transparent;
  height: 22px;
  left: 1770px;
  opacity: 1;
  position: absolute;
  top: 10261px;
  width: 31px;
}

.web-1920-7 .path-34-0xverS {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-34@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 13px);
  left: -6px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -6px;
  width: 28px;
}

.web-1920-7 .path-35-0xverS {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-35@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 13px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 28px;
}




/* screen - web-1920-8 */


.web-1920-8 .rectangle-58-C61RwL {
 --z-index: 10;
 opacity: 1;
  background-color: var(--san-felix);
  height: 601px;
  left: 375px;
  position: absolute;
  top: 2446px;
  width: 1171px;
}

.web-1920-8 .rectangle-59-C61RwL {
   --z-index: 10;
  background-color: var(--san-felix);
  opacity: 1;
  height: 601px;
  left: 375px;
  position: absolute;
  top: 3476px;
  width: 1171px;
}


.rectangle-59-C61RwL video{
  width: 100%  !important;height: 100%  !important;
}


.rectangle-58-C61RwL video{
  width: 100%  !important;height: 100%  !important;
}


.web-1920-8 {
  background-color: #ffffff;
  height: 7289px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-8 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;

}

.web-1920-8 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-8 .rectangle-1-C61RwL {
  --z-index: 2;
  -webkit-backdrop-filter: blur(16.461200714111328px) brightness(103.49540996551514%);
  backdrop-filter: blur(16.461200714111328px) brightness(103.49540996551514%);
  background-color: #ffffff01;
  height: 1064px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-8 .sans-titre-4-12-C61RwL {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/univers4-08@1x-min.png);
  left: 17px;
  opacity: 1;


  background-color: transparent;
    height: 8317px;
    left: 1px;
    object-fit: cover;
    position: absolute;
    top: -1px;
    width: 1919px;
    background-color: transparent;
    opacity: 0; /* Set initial opacity to hide the pop-up */
    transition: opacity 1.5s ease; /* Adjust the duration as needed */
    transform: scale(0);
    transition: transform 1.3s ease, opacity 1.5s ease; /* Adding scale transition */
  }

  .sans-titre-4-12-C61RwL.scaling-up {
    transform: scale(1); /* Scale up to 100% */

  }


.web-1920-8 .group-1-C61RwL {
  --z-index: 4;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1826px;
  opacity: 1;
  position: absolute;
  top: 66px;
  width: 20px;
}

.web-1920-8 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-8 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-8 .group-18-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 22px;
  left: 1770px;
  opacity: 1;
  position: absolute;
  top: 7170px;
  width: 31px;
}

.web-1920-8 .path-34-0xverS {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-34@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 13px);
  left: -6px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -6px;
  width: 28px;
}

.web-1920-8 .path-35-0xverS {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-35@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 13px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 28px;
}





/* screen - web-1920-9 */

.web-1920-9 {
  background-color: #ffffff;
  height: 6261px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-9 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-9 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-9 .rectangle-1-C61RwL {
  --z-index: 2;
  -webkit-backdrop-filter: blur(16.461200714111328px) brightness(103.49540996551514%);
  backdrop-filter: blur(16.461200714111328px) brightness(103.49540996551514%);
  background-color: #ffffff01;
  height: 1064px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-9 .sans-titre-4-12-C61RwL {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/univers3-07@1x-min.png);
 left: 17px;
  opacity: 1;


  background-color: transparent;
    height: 8317px;
    left: 1px;
    object-fit: cover;
    position: absolute;
    top: -1px;
    width: 1919px;
    background-color: transparent;
    opacity: 0; /* Set initial opacity to hide the pop-up */
    transition: opacity 1.5s ease; /* Adjust the duration as needed */
    transform: scale(0);
    transition: transform 1.3s ease, opacity 1.5s ease; /* Adding scale transition */
}

.sans-titre-4-12-C61RwL.scaling-up {
  transform: scale(1); /* Scale up to 100% */
}



.web-1920-9 .group-1-C61RwL {
  --z-index: 4;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1826px;
  opacity: 1;
  position: absolute;
  top: 66px;
  width: 20px;
}

.web-1920-9 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-9 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-9 .group-18-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 22px;
  left: 1770px;
  opacity: 1;
  position: absolute;
  top: 6125px;
  width: 31px;
}

.web-1920-9 .path-34-0xverS {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-34@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 13px);
  left: -6px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -6px;
  width: 28px;
}

.web-1920-9 .path-35-0xverS {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-35@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 13px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 28px;
}






/* screen - web-1920-10 */


.web-1920-10 .rectangle-60-C61RwL {
 --z-index: 10;
 opacity: 1;
  background-color: var(--san-felix);
  height: 601px;
  left: 375px;
  position: absolute;
  top: 2446px;
  width: 1171px;
}

.web-1920-10 .rectangle-61-C61RwL {
   --z-index: 10;
  background-color: var(--san-felix);
  opacity: 1;
  height: 601px;
  left: 375px;
  position: absolute;
  top: 3476px;
  width: 1171px;
}

.rectangle-60-C61RwL video{
  width: 100%  !important;height: 100%  !important;
}


.rectangle-61-C61RwL video{
  width: 100%  !important;height: 100%  !important;
}


.web-1920-10 {
  background-color: #ffffff;
  height: 8317px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-10 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-10 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-10 .rectangle-1-C61RwL {
  --z-index: 2;
  -webkit-backdrop-filter: blur(16.461200714111328px) brightness(103.49540996551514%);
  backdrop-filter: blur(16.461200714111328px) brightness(103.49540996551514%);
  background-color: #ffffff01;
  height: 1064px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-10 .sans-titre-4-12-C61RwL {
  --z-index: 3;
  background-image: url(../img/univers2-09@1x-min.png);
  left: 17px;
  opacity: 1;


  background-color: transparent;
    height: 8317px;
    left: 1px;
    object-fit: cover;
    position: absolute;
    top: -1px;
    width: 1919px;
    background-color: transparent;
    opacity: 0; /* Set initial opacity to hide the pop-up */
    transition: opacity 1.5s ease; /* Adjust the duration as needed */
    transform: scale(0);
    transition: transform 1.3s ease, opacity 1.5s ease; /* Adding scale transition */
}

.sans-titre-4-12-C61RwL.scaling-up {
  transform: scale(1); /* Scale up to 100% */
}


.web-1920-10 .group-1-C61RwL {
  --z-index: 4;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1826px;
  opacity: 1;
  position: absolute;
  top: 66px;
  width: 20px;
}

.web-1920-10 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-10 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-10 .group-18-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 22px;
  left: 1770px;
  opacity: 1;
  position: absolute;
  top: 8185px;
  width: 31px;
}

.web-1920-10 .path-34-0xverS {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/path-34@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 13px);
  left: -6px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -6px;
  width: 28px;
}

.web-1920-10 .path-35-0xverS {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-35@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 13px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -6px;
  top: -6px;
  width: 28px;
}



/* screen - web-1920-6 */

.web-1920-14 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-14 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-14 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-14 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-14 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-14 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-14 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-14 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-14 .mask-group-4-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-4-3@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-14 .rectangle-1-C61RwL {
  --z-index: 8;
  -webkit-backdrop-filter: blur(50px) brightness(98.24512004852295%);
  backdrop-filter: blur(50px) brightness(98.24512004852295%);
  background-color: #ffffff01;
  height: 1080px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-14 .mask-group-3-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/mask-group-3-4@1x-min.png);
  background-size: 100% 100%;
  height: 1018px;
  left: 58px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 62px;
  width: 957px;
}

.web-1920-14 .mask-group-5-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/mask-group-5@1x-min.png);
  background-size: 100% 100%;
  height: 832px;
  left: 1056px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 148px;
  width: 897px;
}

.web-1920-14 .group-1-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 20px;
  left: 1783px;
  opacity: 1;
  position: absolute;
  top: 88px;
  width: 20px;
}

.web-1920-14 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-14 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-14 .rectangle-11-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 31px;
  left: 747px;
  opacity: 1;
  position: absolute;
  top: 226px;
  width: 33px;
}

.web-1920-14 .rectangle-12-C61RwL {
  --z-index: 13;
  background-color: #ffffff;
  box-shadow: 0px 3px 86px #00000096;
  height: 524px;
  left: 533px;
  opacity: 1;
  position: absolute;
  top: 278px;
  width: 855px;
}

.web-1920-14 .mask-group-6-C61RwL {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/mask-group-14@1x-min.png);
  background-size: 100% 100%;
  height: 403px;
  left: 635px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 339px;
  width: 650px;
}

.web-1920-14 .group-17-C61RwL {
  --z-index: 15;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1336px;
  opacity: 1;
  position: absolute;
  top: 309px;
  width: 20px;
}

.web-1920-14 .line-1-B2GfxI {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-14 .line-2-B2GfxI {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}



/* screen - web-1920-19 */

.web-1920-19 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-19 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-19 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-19 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-19 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-19 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-19 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-19 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-19 .mask-group-4-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-4-3@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-19 .rectangle-1-C61RwL {
  --z-index: 8;
  -webkit-backdrop-filter: blur(50px) brightness(98.24512004852295%);
  backdrop-filter: blur(50px) brightness(98.24512004852295%);
  background-color: #ffffff01;
  height: 1080px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-19 .mask-group-3-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/mask-group-3-4@1x-min.png);
  background-size: 100% 100%;
  height: 1018px;
  left: 58px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 62px;
  width: 957px;
}

.web-1920-19 .mask-group-5-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/mask-group-5@1x-min.png);
  background-size: 100% 100%;
  height: 832px;
  left: 1056px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 148px;
  width: 897px;
}

.web-1920-19 .group-1-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 20px;
  left: 1783px;
  opacity: 1;
  position: absolute;
  top: 88px;
  width: 20px;
}

.web-1920-19 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-19 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-19 .rectangle-11-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 31px;
  left: 747px;
  opacity: 1;
  position: absolute;
  top: 226px;
  width: 33px;
}

.web-1920-19 .rectangle-12-C61RwL {
  --z-index: 13;
  background-color: #ffffff;
  box-shadow: 0px 3px 86px #00000096;
  height: 524px;
  left: 533px;
  opacity: 1;
  position: absolute;
  top: 278px;
  width: 855px;
}

.web-1920-19 .mask-group-6-C61RwL {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/mask-group-19@1x-min.png);
  background-size: 100% 100%;
  height: 403px;
  left: 635px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 339px;
  width: 650px;
}

.web-1920-19 .group-17-C61RwL {
  --z-index: 15;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1336px;
  opacity: 1;
  position: absolute;
  top: 309px;
  width: 20px;
}

.web-1920-19 .line-1-B2GfxI {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-19 .line-2-B2GfxI {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}




/* screen - web-1920-20 */

.web-1920-20 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-20 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-20 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-20 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-20 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-20 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-20 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-20 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-20 .mask-group-4-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-4-3@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-20 .rectangle-1-C61RwL {
  --z-index: 8;
  -webkit-backdrop-filter: blur(50px) brightness(98.24512004852295%);
  backdrop-filter: blur(50px) brightness(98.24512004852295%);
  background-color: #ffffff01;
  height: 1080px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-20 .mask-group-3-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/mask-group-3-4@1x-min.png);
  background-size: 100% 100%;
  height: 1018px;
  left: 58px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 62px;
  width: 957px;
}

.web-1920-20 .mask-group-5-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/mask-group-5@1x-min.png);
  background-size: 100% 100%;
  height: 832px;
  left: 1056px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 148px;
  width: 897px;
}

.web-1920-20 .group-1-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 20px;
  left: 1783px;
  opacity: 1;
  position: absolute;
  top: 88px;
  width: 20px;
}

.web-1920-20 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-20 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-20 .rectangle-11-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 31px;
  left: 747px;
  opacity: 1;
  position: absolute;
  top: 226px;
  width: 33px;
}

.web-1920-20 .rectangle-12-C61RwL {
  --z-index: 13;
  background-color: #ffffff;
  box-shadow: 0px 3px 86px #00000096;
  height: 524px;
  left: 533px;
  opacity: 1;
  position: absolute;
  top: 278px;
  width: 855px;
}

.web-1920-20 .mask-group-6-C61RwL {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/mask-group-20@1x-min.png);
  background-size: 100% 100%;
  height: 403px;
  left: 635px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 339px;
  width: 650px;
}

.web-1920-20 .group-17-C61RwL {
  --z-index: 15;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1336px;
  opacity: 1;
  position: absolute;
  top: 309px;
  width: 20px;
}

.web-1920-20 .line-1-B2GfxI {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-20 .line-2-B2GfxI {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}





/* screen - web-1920-21 */

.web-1920-21 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-21 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-21 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-21 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-21 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-21 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-21 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-21 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-21 .mask-group-4-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-4-3@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-21 .rectangle-1-C61RwL {
  --z-index: 8;
  -webkit-backdrop-filter: blur(50px) brightness(98.24512004852295%);
  backdrop-filter: blur(50px) brightness(98.24512004852295%);
  background-color: #ffffff01;
  height: 1080px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-21 .mask-group-3-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/mask-group-3-4@1x-min.png);
  background-size: 100% 100%;
  height: 1018px;
  left: 58px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 62px;
  width: 957px;
}

.web-1920-21 .mask-group-5-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/mask-group-5@1x-min.png);
  background-size: 100% 100%;
  height: 832px;
  left: 1056px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 148px;
  width: 897px;
}

.web-1920-21 .group-1-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 20px;
  left: 1783px;
  opacity: 1;
  position: absolute;
  top: 88px;
  width: 20px;
}

.web-1920-21 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-21 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-21 .rectangle-11-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 31px;
  left: 747px;
  opacity: 1;
  position: absolute;
  top: 226px;
  width: 33px;
}

.web-1920-21 .rectangle-12-C61RwL {
  --z-index: 13;
  background-color: #ffffff;
  box-shadow: 0px 3px 86px #00000096;
  height: 524px;
  left: 533px;
  opacity: 1;
  position: absolute;
  top: 278px;
  width: 855px;
}

.web-1920-21 .mask-group-6-C61RwL {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/mask-group-21@1x-min.png);
  background-size: 100% 100%;
  height: 403px;
  left: 635px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 339px;
  width: 650px;
}

.web-1920-21 .group-17-C61RwL {
  --z-index: 15;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1336px;
  opacity: 1;
  position: absolute;
  top: 309px;
  width: 20px;
}

.web-1920-21 .line-1-B2GfxI {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-21 .line-2-B2GfxI {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}





/* screen - web-1920-18 */

.web-1920-18 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-18 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-18 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-18 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-18 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-18 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-18 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-18 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-18 .mask-group-4-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-4-3@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-18 .rectangle-1-C61RwL {
  --z-index: 8;
  -webkit-backdrop-filter: blur(50px) brightness(98.24512004852295%);
  backdrop-filter: blur(50px) brightness(98.24512004852295%);
  background-color: #ffffff01;
  height: 1080px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-18 .mask-group-3-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/mask-group-3-4@1x-min.png);
  background-size: 100% 100%;
  height: 1018px;
  left: 58px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 62px;
  width: 957px;
}

.web-1920-18 .mask-group-5-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/mask-group-5@1x-min.png);
  background-size: 100% 100%;
  height: 832px;
  left: 1056px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 148px;
  width: 897px;
}

.web-1920-18 .group-1-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 20px;
  left: 1783px;
  opacity: 1;
  position: absolute;
  top: 88px;
  width: 20px;
}

.web-1920-18 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-18 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-18 .rectangle-11-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 31px;
  left: 747px;
  opacity: 1;
  position: absolute;
  top: 226px;
  width: 33px;
}

.web-1920-18 .rectangle-12-C61RwL {
  --z-index: 13;
  background-color: #ffffff;
  box-shadow: 0px 3px 86px #00000096;
  height: 524px;
  left: 533px;
  opacity: 1;
  position: absolute;
  top: 278px;
  width: 855px;
}

.web-1920-18 .mask-group-6-C61RwL {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/mask-group-18@1x-min.png);
  background-size: 100% 100%;
  height: 403px;
  left: 635px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 339px;
  width: 650px;
}

.web-1920-18 .group-17-C61RwL {
  --z-index: 15;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1336px;
  opacity: 1;
  position: absolute;
  top: 309px;
  width: 20px;
}

.web-1920-18 .line-1-B2GfxI {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-18 .line-2-B2GfxI {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}





/* screen - web-1920-17 */

.web-1920-17 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-17 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-17 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-17 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-17 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-17 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-17 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-17 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-17 .mask-group-4-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-4-3@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-17 .rectangle-1-C61RwL {
  --z-index: 8;
  -webkit-backdrop-filter: blur(50px) brightness(98.24512004852295%);
  backdrop-filter: blur(50px) brightness(98.24512004852295%);
  background-color: #ffffff01;
  height: 1080px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-17 .mask-group-3-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/mask-group-3-4@1x-min.png);
  background-size: 100% 100%;
  height: 1018px;
  left: 58px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 62px;
  width: 957px;
}

.web-1920-17 .mask-group-5-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/mask-group-5@1x-min.png);
  background-size: 100% 100%;
  height: 832px;
  left: 1056px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 148px;
  width: 897px;
}

.web-1920-17 .group-1-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 20px;
  left: 1783px;
  opacity: 1;
  position: absolute;
  top: 88px;
  width: 20px;
}

.web-1920-17 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-17 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-17 .rectangle-11-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 31px;
  left: 747px;
  opacity: 1;
  position: absolute;
  top: 226px;
  width: 33px;
}

.web-1920-17 .rectangle-12-C61RwL {
  --z-index: 13;
  background-color: #ffffff;
  box-shadow: 0px 3px 86px #00000096;
  height: 524px;
  left: 533px;
  opacity: 1;
  position: absolute;
  top: 278px;
  width: 855px;
}

.web-1920-17 .mask-group-6-C61RwL {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/mask-group-17@1x-min.png);
  background-size: 100% 100%;
  height: 403px;
  left: 635px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 339px;
  width: 650px;
}

.web-1920-17 .group-17-C61RwL {
  --z-index: 15;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1336px;
  opacity: 1;
  position: absolute;
  top: 309px;
  width: 20px;
}

.web-1920-17 .line-1-B2GfxI {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-17 .line-2-B2GfxI {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}




/* screen - web-1920-16 */

.web-1920-16 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-16 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-16 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-16 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-16 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-16 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-16 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-16 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-16 .mask-group-4-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-4-3@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-16 .rectangle-1-C61RwL {
  --z-index: 8;
  -webkit-backdrop-filter: blur(50px) brightness(98.24512004852295%);
  backdrop-filter: blur(50px) brightness(98.24512004852295%);
  background-color: #ffffff01;
  height: 1080px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-16 .mask-group-3-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/mask-group-3-4@1x-min.png);
  background-size: 100% 100%;
  height: 1018px;
  left: 58px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 62px;
  width: 957px;
}

.web-1920-16 .mask-group-5-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/mask-group-5@1x-min.png);
  background-size: 100% 100%;
  height: 832px;
  left: 1056px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 148px;
  width: 897px;
}

.web-1920-16 .group-1-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 20px;
  left: 1783px;
  opacity: 1;
  position: absolute;
  top: 88px;
  width: 20px;
}

.web-1920-16 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-16 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-16 .rectangle-11-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 31px;
  left: 747px;
  opacity: 1;
  position: absolute;
  top: 226px;
  width: 33px;
}

.web-1920-16 .rectangle-12-C61RwL {
  --z-index: 13;
  background-color: #ffffff;
  box-shadow: 0px 3px 86px #00000096;
  height: 524px;
  left: 533px;
  opacity: 1;
  position: absolute;
  top: 278px;
  width: 855px;
}

.web-1920-16 .mask-group-6-C61RwL {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/mask-group-16@1x-min.png);
  background-size: 100% 100%;
  height: 403px;
  left: 635px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 339px;
  width: 650px;
}

.web-1920-16 .group-17-C61RwL {
  --z-index: 15;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1336px;
  opacity: 1;
  position: absolute;
  top: 309px;
  width: 20px;
}

.web-1920-16 .line-1-B2GfxI {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-16 .line-2-B2GfxI {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}





/* screen - web-1920-15 */

.web-1920-15 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-15 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-15 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-15 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-15 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-15 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-15 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-15 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-15 .mask-group-4-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-4-3@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-15 .rectangle-1-C61RwL {
  --z-index: 8;
  -webkit-backdrop-filter: blur(50px) brightness(98.24512004852295%);
  backdrop-filter: blur(50px) brightness(98.24512004852295%);
  background-color: #ffffff01;
  height: 1080px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-15 .mask-group-3-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/mask-group-3-4@1x-min.png);
  background-size: 100% 100%;
  height: 1018px;
  left: 58px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 62px;
  width: 957px;
}

.web-1920-15 .mask-group-5-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/mask-group-5@1x-min.png);
  background-size: 100% 100%;
  height: 832px;
  left: 1056px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 148px;
  width: 897px;
}

.web-1920-15 .group-1-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 20px;
  left: 1783px;
  opacity: 1;
  position: absolute;
  top: 88px;
  width: 20px;
}

.web-1920-15 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-15 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-15 .rectangle-11-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 31px;
  left: 747px;
  opacity: 1;
  position: absolute;
  top: 226px;
  width: 33px;
}

.web-1920-15 .rectangle-12-C61RwL {
  --z-index: 13;
  background-color: #ffffff;
  box-shadow: 0px 3px 86px #00000096;
  height: 524px;
  left: 533px;
  opacity: 1;
  position: absolute;
  top: 278px;
  width: 855px;
}

.web-1920-15 .mask-group-6-C61RwL {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/mask-group-15@1x-min.png);
  background-size: 100% 100%;
  height: 403px;
  left: 635px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 339px;
  width: 650px;
}

.web-1920-15 .group-17-C61RwL {
  --z-index: 15;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1336px;
  opacity: 1;
  position: absolute;
  top: 309px;
  width: 20px;
}

.web-1920-15 .line-1-B2GfxI {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-15 .line-2-B2GfxI {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}





/* screen - web-1920-12 */

.web-1920-12 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-12 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-12 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-12 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-12 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-12 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-12 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-12 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-12 .mask-group-4-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-4-3@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-12 .rectangle-1-C61RwL {
  --z-index: 8;
  -webkit-backdrop-filter: blur(50px) brightness(98.24512004852295%);
  backdrop-filter: blur(50px) brightness(98.24512004852295%);
  background-color: #ffffff01;
  height: 1080px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-12 .mask-group-3-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/mask-group-3-4@1x-min.png);
  background-size: 100% 100%;
  height: 1018px;
  left: 58px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 62px;
  width: 957px;
}

.web-1920-12 .mask-group-5-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/mask-group-5@1x-min.png);
  background-size: 100% 100%;
  height: 832px;
  left: 1056px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 148px;
  width: 897px;
}

.web-1920-12 .group-1-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 20px;
  left: 1783px;
  opacity: 1;
  position: absolute;
  top: 88px;
  width: 20px;
}

.web-1920-12 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-12 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-12 .rectangle-11-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 31px;
  left: 747px;
  opacity: 1;
  position: absolute;
  top: 226px;
  width: 33px;
}

.web-1920-12 .rectangle-12-C61RwL {
  --z-index: 13;
  background-color: #ffffff;
  box-shadow: 0px 3px 86px #00000096;
  height: 524px;
  left: 533px;
  opacity: 1;
  position: absolute;
  top: 278px;
  width: 855px;
}

.web-1920-12 .mask-group-6-C61RwL {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/mask-group-12@1x-min.png);
  background-size: 100% 100%;
  height: 403px;
  left: 635px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 339px;
  width: 650px;
}

.web-1920-12 .group-17-C61RwL {
  --z-index: 15;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1336px;
  opacity: 1;
  position: absolute;
  top: 309px;
  width: 20px;
}

.web-1920-12 .line-1-B2GfxI {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-12 .line-2-B2GfxI {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}





/* screen - web-1920-13 */

.web-1920-13 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-13 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-13 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-13 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-13 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-13 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-13 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-13 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-13 .mask-group-4-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-4-3@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-13 .rectangle-1-C61RwL {
  --z-index: 8;
  -webkit-backdrop-filter: blur(50px) brightness(98.24512004852295%);
  backdrop-filter: blur(50px) brightness(98.24512004852295%);
  background-color: #ffffff01;
  height: 1080px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-13 .mask-group-3-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/mask-group-3-4@1x-min.png);
  background-size: 100% 100%;
  height: 1018px;
  left: 58px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 62px;
  width: 957px;
}

.web-1920-13 .mask-group-5-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/mask-group-5@1x-min.png);
  background-size: 100% 100%;
  height: 832px;
  left: 1056px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 148px;
  width: 897px;
}

.web-1920-13 .group-1-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 20px;
  left: 1783px;
  opacity: 1;
  position: absolute;
  top: 88px;
  width: 20px;
}

.web-1920-13 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-13 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-13 .rectangle-11-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 31px;
  left: 747px;
  opacity: 1;
  position: absolute;
  top: 226px;
  width: 33px;
}

.web-1920-13 .rectangle-12-C61RwL {
  --z-index: 13;
  background-color: #ffffff;
  box-shadow: 0px 3px 86px #00000096;
  height: 524px;
  left: 533px;
  opacity: 1;
  position: absolute;
  top: 278px;
  width: 855px;
}

.web-1920-13 .mask-group-6-C61RwL {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/mask-group-13@1x-min.png);
  background-size: 100% 100%;
  height: 403px;
  left: 635px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 339px;
  width: 650px;
}

.web-1920-13 .group-17-C61RwL {
  --z-index: 15;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1336px;
  opacity: 1;
  position: absolute;
  top: 309px;
  width: 20px;
}

.web-1920-13 .line-1-B2GfxI {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-13 .line-2-B2GfxI {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}





/* screen - web-1920-13 */

.web-1920-13 {
  background-color: #ffffff;
  height: 1080px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.web-1920-13 .x1-fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/1fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 1079px;
  left: -658px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 3237px;
}

.web-1920-13 .fresque_2x2_26042023_vang-va2-01-C61RwL {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/fresque-2x2-26042023-vang-va2-01-1@1x-min.png);
  background-size: 100% 100%;
  height: 625px;
  left: 23px;
  mix-blend-mode: darken;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 228px;
  width: 1874px;
}

.web-1920-13 .rectangle-2-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 483px;
  left: 366px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 266px;
}

.web-1920-13 .rectangle-3-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 483px;
  left: 58px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-13 .rectangle-4-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 242px;
  left: 698px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 563px;
}

.web-1920-13 .rectangle-6-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 259px;
  left: 679px;
  opacity: 1;
  position: absolute;
  top: 564px;
  width: 582px;
}

.web-1920-13 .rectangle-5-C61RwL {
  --z-index: 6;
  background-color: transparent;
  height: 504px;
  left: 1290px;
  opacity: 1;
  position: absolute;
  top: 319px;
  width: 284px;
}

.web-1920-13 .mask-group-4-C61RwL {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/mask-group-4-3@1x-min.png);
  background-size: 100% 100%;
  height: 172px;
  left: 1683px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 659px;
  width: 186px;
}

.web-1920-13 .rectangle-1-C61RwL {
  --z-index: 8;
  -webkit-backdrop-filter: blur(50px) brightness(98.24512004852295%);
  backdrop-filter: blur(50px) brightness(98.24512004852295%);
  background-color: #ffffff01;
  height: 1080px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.web-1920-13 .mask-group-3-C61RwL {
  --z-index: 9;
  background-color: transparent;
  background-image: url(../img/mask-group-3-4@1x-min.png);
  background-size: 100% 100%;
  height: 1018px;
  left: 58px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 62px;
  width: 957px;
}

.web-1920-13 .mask-group-5-C61RwL {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/mask-group-5@1x-min.png);
  background-size: 100% 100%;
  height: 832px;
  left: 1056px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 148px;
  width: 897px;
}

.web-1920-13 .group-1-C61RwL {
  --z-index: 11;
  background-color: transparent;
  height: 20px;
  left: 1783px;
  opacity: 1;
  position: absolute;
  top: 88px;
  width: 20px;
}

.web-1920-13 .line-1-VyzZeT {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-13 .line-2-VyzZeT {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-13 .rectangle-11-C61RwL {
  --z-index: 12;
  background-color: transparent;
  height: 31px;
  left: 747px;
  opacity: 1;
  position: absolute;
  top: 226px;
  width: 33px;
}

.web-1920-13 .rectangle-12-C61RwL {
  --z-index: 13;
  background-color: #ffffff;
  box-shadow: 0px 3px 86px #00000096;
  height: 524px;
  left: 533px;
  opacity: 1;
  position: absolute;
  top: 278px;
  width: 855px;
}

.web-1920-13 .mask-group-6-C61RwL {
  --z-index: 14;
  background-color: transparent;
  background-image: url(../img/mask-group-13@1x-min.png);
  background-size: 100% 100%;
  height: 403px;
  left: 635px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 339px;
  width: 650px;
}

.web-1920-13 .group-17-C61RwL {
  --z-index: 15;
  background-color: transparent;
  cursor: pointer;
  height: 20px;
  left: 1336px;
  opacity: 1;
  position: absolute;
  top: 309px;
  width: 20px;
}

.web-1920-13 .line-1-B2GfxI {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/line-1-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}

.web-1920-13 .line-2-B2GfxI {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/line-2-1@1x-min.png);
  background-size: 100% 100%;
  height: calc(100.00% + 8px);
  left: -4px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -4px;
  width: calc(100.00% + 8px);
}