@import url(../../../../cdn/fonts.googleapis.com/fonts.css);
.bleu {
  color: #00B7E9;
}

.white {
  color: #F9F9F9;
}

.black {
  color: #141414;
}

p {
  line-height: 1.2;
  padding: unset;
  margin: 0;
}

* {
  font-family: "Montserrat", sans-serif;
}

.w-200 {
  font-weight: 200;
}

.w-300 {
  font-weight: 300;
}

.w-400 {
  font-weight: 400;
}

.w-500 {
  font-weight: 500;
}

.w-600 {
  font-weight: 600;
}

.w-700 {
  font-weight: 700;
}

.w-900 {
  font-weight: 900;
}

.uper {
  text-transform: uppercase;
}

.center {
  text-align: center;
}

/* <= Space*/
@media (min-width: 992px) {
  .p60 {
    font-size: 4.17vw;
  }
  .p36 {
    font-size: 2.5vw;
  }
  .p32 {
    font-size: 2.22vw;
  }
  .p21 {
    font-size: 1.46vw;
  }
  .p18 {
    font-size: 1.25vw;
  }
  .p16 {
    font-size: 1.11vw;
  }
  .p14 {
    font-size: 0.97vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .p60 {
    font-size: 7.19vw;
  }
  .p36 {
    font-size: 4.31vw;
  }
  .p32 {
    font-size: 3.83vw;
  }
  .p21 {
    font-size: 2.51vw;
  }
  .p18 {
    font-size: 2.16vw;
  }
  .p16 {
    font-size: 1.92vw;
  }
  .p14 {
    font-size: 1.68vw;
  }
}
@media (max-width: 767px) {
  .p60 {
    font-size: 8vw;
  }
  .p36 {
    font-size: 7vw;
  }
  .p32 {
    font-size: 6.21vw;
  }
  .p21 {
    font-size: 5.38vw;
  }
  .p18 {
    font-size: 3.62vw;
  }
  .p16 {
    font-size: 4.1vw;
  }
  .p14 {
    font-size: 3.59vw;
  }
}
@media (min-width: 992px) {
  .gp5 {
    gap: 0.35vw;
  }
  .gp10 {
    gap: 0.69vw;
  }
  .gp15 {
    gap: 1.04vw;
  }
  .gp20 {
    gap: 1.39vw;
  }
  .gp30 {
    gap: 2.08vw;
  }
  .gp40 {
    gap: 2.78vw;
  }
  .gp70 {
    gap: 4.86vw;
  }
  .pd40 {
    padding: 2.78vw;
  }
  .pd30 {
    padding: 2.08vw;
  }
  .pd20 {
    padding: 1.39vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .gp5 {
    gap: 0.6vw;
  }
  .gp10 {
    gap: 1.2vw;
  }
  .gp10 {
    gap: 1.2vw;
  }
  .gp20 {
    gap: 2.4vw;
  }
  .gp30 {
    gap: 3.59vw;
  }
  .gp40 {
    gap: 4.79vw;
  }
  .gp70 {
    gap: 8.83vw;
  }
  .pd40 {
    padding: 2.4vw;
  }
  .pd30 {
    padding: 3.59vw;
  }
  .pd20 {
    padding: 2.4vw;
  }
}
@media (max-width: 767px) {
  .gp5 {
    gap: 1.28vw;
  }
  .gp10 {
    gap: 2.56vw;
  }
  .gp20 {
    gap: 5.13vw;
  }
  .gp30 {
    gap: 7.69vw;
  }
  .gp40 {
    gap: 10.26vw;
  }
  .gp70 {
    gap: 17.95vw;
  }
  .pd40 {
    padding: 5.13vw;
  }
  .pd30 {
    padding: 7.69vw;
  }
  .pd20 {
    padding: 5.13vw;
  }
}
.mx1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx7 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx8 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx9 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  line-clamp: 9;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx10 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

@media (min-width: 992px) {
  .pd40-r-l {
    padding-right: 2.78vw;
    padding-left: 2.78vw;
  }
  .pd40-t-b {
    padding-top: 2.78vw;
    padding-bottom: 2.78vw;
  }
  .pd30-r-l {
    padding-right: 2.08vw;
    padding-left: 2.08vw;
  }
  .pd30-t-b {
    padding-top: 2.08vw;
    padding-bottom: 2.08vw;
  }
  .pd20-r-l {
    padding-right: 1.39vw;
    padding-left: 1.39vw;
  }
  .pd20-t-b {
    padding-top: 1.39vw;
    padding-bottom: 1.39vw;
  }
  .pd15-r-l {
    padding-right: 1.04vw;
    padding-left: 1.04vw;
  }
  .pd15-t-b {
    padding-top: 1.04vw;
    padding-bottom: 1.04vw;
  }
  .pd10-r-l {
    padding-right: 0.69vw;
    padding-left: 0.69vw;
  }
  .pd10-t-b {
    padding-top: 0.69vw;
    padding-bottom: 0.69vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pd40-t-b {
    padding-top: 4.79vw;
    padding-bottom: 4.79vw;
  }
  .pd40-r-l {
    padding-right: 4.79vw;
    padding-left: 4.79vw;
  }
  .pd30-t-b {
    padding-top: 3.59vw;
    padding-bottom: 3.59vw;
  }
  .pd30-r-l {
    padding-right: 3.59vw;
    padding-left: 3.59vw;
  }
  .pd20-t-b {
    padding-top: 2.4vw;
    padding-bottom: 2.4vw;
  }
  .pd20-r-l {
    padding-right: 2.4vw;
    padding-left: 2.4vw;
  }
  .pd15-t-b {
    padding-top: 1.8vw;
    padding-bottom: 1.8vw;
  }
  .pd15-r-l {
    padding-right: 1.8vw;
    padding-left: 1.8vw;
  }
  .pd10-t-b {
    padding-top: 1.2vw;
    padding-bottom: 1.2vw;
  }
  .pd10-r-l {
    padding-right: 1.2vw;
    padding-left: 1.2vw;
  }
}
@media (max-width: 767px) {
  .pd40-t-b {
    padding-top: 10.26vw;
    padding-bottom: 10.26vw;
  }
  .pd40-r-l {
    padding-right: 10.26vw;
    padding-left: 10.26vw;
  }
  .pd30-t-b {
    padding-top: 7.69vw;
    padding-bottom: 7.69vw;
  }
  .pd30-r-l {
    padding-right: 7.69vw;
    padding-left: 7.69vw;
  }
  .pd20-t-b {
    padding-top: 5.13vw;
    padding-bottom: 5.13vw;
  }
  .pd20-r-l {
    padding-right: 5.13vw;
    padding-left: 5.13vw;
  }
  .pd15-t-b {
    padding-top: 3.85vw;
    padding-bottom: 3.85vw;
  }
  .pd15-r-l {
    padding-right: 3.85vw;
    padding-left: 3.85vw;
  }
  .pd10-t-b {
    padding-top: 2.56vw;
    padding-bottom: 2.56vw;
  }
  .pd10-r-l {
    padding-right: 2.56vw;
    padding-left: 2.56vw;
  }
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  outline: none;
}

html,
body,
button,
div,
p,
h1,
img,
input {
  -webkit-tap-highlight-color: transparent;
}

img {
  max-width: unset;
}

.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main,
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: unset !important;
}

.wpc-edit-filter-set {
  display: none !important;
}

.entry-title {
  display: none !important;
}

.elementor-element {
  margin: unset !important;
}

.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding: unset !important;
}

body {
  background-color: black;
  font-family: "Poppins", sans-serif;
  background-image: url(../../../../cdn/i.ibb.co/wCTzxQm/body-bk.png) !important;
  overflow-x: hidden;
  background-size: cover;
}

.page-id-18 {
  background-image: url(../../../../cdn/i.ibb.co/bHyzF77/home-bk.png) !important;
}

.page-id-131 {
  background-image: url(../../../../cdn/i.postimg.cc/C12JCQL4/Group-5448-online.png) !important;
}

* {
  scroll-behavior: smooth;
}

a {
  text-decoration: unset !important;
  color: unset;
}

strong {
  font-weight: unset;
}

.hide {
  display: none !important;
}

.visibility-off {
  visibility: hidden !important;
}

.fl_row {
  display: flex;
  flex-direction: row;
}

.fl_col {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .container_full {
    padding-right: 3.13vw;
    padding-left: 3.13vw;
  }
  .container_boxed {
    padding-right: 9vw;
    padding-left: 9vw;
  }
  .Hspace {
    padding-top: 7.8vw;
    padding-bottom: 7.8vw;
  }
}
@media (max-width: 992px) {
  .fl_row {
    flex-wrap: wrap;
  }
  body {
    margin-top: -5px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container_full,
  .container_boxed {
    padding-left: 4.32vw;
    padding-right: 4.32vw;
  }
}
@media (max-width: 767px) {
  .container_full,
  .container_boxed {
    padding-left: 9.23vw;
    padding-right: 9.23vw;
  }
}
.btn_light {
  width: -moz-fit-content;
  width: fit-content;
}
.btn_light p {
  width: -moz-fit-content;
  width: fit-content;
  color: #F9F9F9;
  border: 0.07vw solid #00B7E9;
  padding: 0.69vw 3.82vw;
  border-radius: 0.35vw;
  font-weight: 900;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn_light p::after {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background-color: #00B7E9;
  z-index: -1;
}
.btn_light p:hover::after {
  height: 100%;
}
@media (max-width: 992px) {
  .btn_light p {
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.jc {
  justify-content: center;
}

.large_btn p {
  padding-right: 2.08vw !important;
  padding-left: 2.08vw !important;
}

#Home_block_06 {
  display: none !important;
}

#load-more {
  border: unset !important;
  background-color: unset !important;
  outline: unset !important;
}
#load-more:hover {
  border: unset !important;
  background-color: unset !important;
  outline: unset !important;
}

.loading-animation {
  display: none;
  text-align: center;
}

.loading-circle {
  border: 4px solid #ffffff;
  /* White border */
  border-top: 4px solid transparent;
  /* Transparent top border */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
  /* Add a spinning animation */
  margin: 0 auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#header {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#header .header {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  display: flex;
  height: 100%;
}
#header .header .primary_header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#header .header .primary_header .logo_menu {
  align-items: center;
}
#header .header .primary_header .logo_menu .toggle_menu {
  cursor: pointer;
}
#header .header .primary_header .logo_menu .toggle_menu img {
  width: 1.94vw;
  -o-object-fit: cover;
     object-fit: cover;
}
#header .header .primary_header .logo_menu .toggle_menu .swipe_right {
  left: 0 !important;
}
#header .header .primary_header .logo_menu .toggle_menu .menu_canvas {
  position: fixed;
  top: 0;
  left: -100%;
  width: 26%;
  height: 100%;
  z-index: 99999;
  background-color: #141414;
  transition: all 0.3s;
}
#header .header .primary_header .logo_menu .toggle_menu .menu_canvas .close_btn {
  position: absolute;
  top: 1.39vw;
  right: 1.39vw;
  width: 3.33vw;
  transition: all 0.3s;
  cursor: pointer;
}
#header .header .primary_header .logo_menu .toggle_menu .menu_canvas .close_btn:hover {
  transform: rotate(90deg);
}
#header .header .primary_header .logo_menu .toggle_menu .menu_canvas .nav_canvas {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header .header .primary_header .logo_menu .toggle_menu .menu_canvas .nav_canvas ul {
  display: flex;
  flex-direction: column;
  gap: 2.78vw;
}
#header .header .primary_header .logo_menu .toggle_menu .menu_canvas .nav_canvas ul a {
  color: #F9F9F9;
  font-size: 0.97vw;
  position: relative;
  transition: all 0.3s;
}
#header .header .primary_header .logo_menu .logo img {
  width: 8.33vw;
  -o-object-fit: cover;
     object-fit: cover;
}
#header .header .primary_header .nav_header ul {
  display: flex;
  gap: 3.13vw;
}
#header .header .primary_header .nav_header ul .current_page_item a {
  color: #00B7E9 !important;
}
#header .header .primary_header .nav_header ul .current_page_item a::before {
  color: #00B7E9 !important;
}
#header .header .primary_header .nav_header ul li a {
  color: #F9F9F9;
  font-size: 0.97vw;
  position: relative;
  transition: all 0.3s;
}
#header .header .primary_header .nav_header ul li a::before {
  position: absolute;
  top: -1.25vw;
  right: 0;
  color: #F9F9F9;
  font-size: 0.97vw;
}
#header .header .primary_header .nav_header ul li a:hover {
  color: #00B7E9;
}
#header .header .primary_header .nav_header ul li a:hover:before {
  color: #00B7E9;
}
#header .header .primary_header .nav_header ul li:nth-of-type(1) a::before {
  content: "01";
}
#header .header .primary_header .nav_header ul li:nth-of-type(2) a::before {
  content: "02";
}
#header .header .primary_header .nav_header ul li:nth-of-type(3) a::before {
  content: "03";
}
#header .header .primary_header .nav_header ul li:nth-of-type(4) a::before {
  content: "04";
}
#header .header .primary_header .nav_header ul li:nth-of-type(5) a::before {
  content: "05";
}
#header .header .primary_header .nav_header ul li:nth-of-type(6) a {
  display: none;
}
#header .header .mobile_menu {
  position: absolute;
  width: 90%;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  top: 3vw;
}
#header .header .nav_canvas_mobile {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #141414;
  transition: all 0.3s;
}
#header .header .nav_canvas_mobile .close_btn_mobile {
  width: 50px;
  position: absolute;
  top: 30px;
  right: 30px;
}
#header .header .nav_canvas_mobile ul {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
#header .header .nav_canvas_mobile ul li a {
  color: #F9F9F9 !important;
  font-size: 36px;
}
#header .header .swipe_up {
  bottom: 0 !important;
}
@media (min-width: 992px) {
  #header {
    height: 6.94vw;
    margin-bottom: 3vw;
  }
  #header .mobile_menu {
    display: none !important;
  }
}
@media (max-width: 992px) {
  #header .desktop_menu {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #header {
    height: 11.98vw;
  }
}
@media (max-width: 767px) {
  #header {
    height: 18.64vw;
  }
}

#footer {
  background-color: #141414;
  justify-content: center;
}
#footer .block-A {
  justify-content: space-between;
}
#footer .block-A .elements_block {
  gap: 10.83vw;
}
#footer .block-A .elements_block .logo_footer img {
  -o-object-fit: cover;
     object-fit: cover;
}
#footer .block-A .elements_block .menu_contact {
  gap: 4.83vw;
}
#footer .block-A .elements_block .menu_contact .contact_info .fl_row {
  align-items: center;
}
#footer .block-A .elements_block .menu_contact .contact_info .fl_row p {
  color: #F9F9F9;
}
#footer .block-A .elements_block .menu_contact .nav_footer ul li a {
  color: #F9F9F9;
}
#footer .block-A .social_media .fl_row img {
  transition: all 0.3s;
  cursor: pointer;
}
#footer .block-A .social_media .fl_row img:hover {
  transform: scale(1.1);
}
#footer .block-B {
  width: 100%;
  border-top: 2px solid #F9F9F9;
}
#footer .block-B .block_elements {
  width: 100%;
  justify-content: space-between;
}
#footer .block-B .block_elements .copyright {
  gap: 7.3vw;
}
@media (min-width: 992px) {
  #footer .logo_footer img {
    width: 13.33vw;
  }
  #footer .contact_info {
    max-width: 21.4vw;
  }
  #footer .contact_info .fl_row {
    flex-wrap: unset !important;
  }
  #footer .contact_info .fl_row img {
    width: 1.67vw;
    height: 1.67vw;
  }
  #footer .nav_footer {
    gap: 8.33vw;
  }
  #footer .social_media .fl_row img {
    width: 1.53vw;
  }
}
@media (max-width: 992px) {
  #footer .nav_footer {
    justify-content: space-between;
    width: 100%;
  }
  #footer .contact_info .fl_row {
    flex-wrap: unset !important;
  }
  #footer .b_top {
    display: none !important;
  }
  #footer .copyright {
    display: flex;
    justify-content: center;
    gap: 40px;
  }
  #footer .social_media .fl_row img {
    width: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #footer .block-A {
    gap: 4.79vw !important;
  }
}
@media (max-width: 767px) {
  #footer .block-A {
    gap: 10.26vw !important;
  }
}

.header_page {
  margin: 0 auto;
  position: relative;
}
.header_page p {
  color: #F9F9F9;
  text-align: center;
}
.header_page .bk_container img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: -1;
  opacity: 0.4;
}
.header_page .block_content {
  height: 100%;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .header_page {
    max-width: 62.15vw;
    height: 24vw;
  }
  .header_page .bk_container img {
    width: 45.56vw;
  }
}
@media (max-width: 992px) {
  .header_page {
    padding: 0 20px;
    margin-top: -105px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    min-height: 510px;
  }
}
#Contact_footer {
  background-image: url(../../../../cdn/i.postimg.cc/BQP95xhK/Contact-footer-bk-online.jpg);
  background-size: cover;
  padding-top: 23.6vw;
  padding-bottom: 3vw;
  margin-top: -23.4vw;
}
#Contact_footer .p60 {
  max-width: 65vw;
}
#Contact_footer .wrapper {
  justify-content: space-between;
  padding-bottom: 0 !important;
}
#Contact_footer .wrapper .form_section div {
  width: 100%;
}
#Contact_footer .wrapper .form_section .form::-moz-placeholder {
  color: #F9F9F9 !important;
}
#Contact_footer .wrapper .form_section .form::placeholder {
  color: #F9F9F9 !important;
}
#Contact_footer .wrapper .form_section .form label {
  display: none !important;
}
#Contact_footer .wrapper .form_section .form .frm_fields_container {
  gap: 2.78vw;
}
#Contact_footer .wrapper .form_section .form .frm_fields_container input,
#Contact_footer .wrapper .form_section .form .frm_fields_container textarea {
  background-color: transparent !important;
  border-bottom: solid #F9F9F9 !important;
  border-width: 0 0 1px 0;
  border-radius: unset !important;
  width: 100%;
  box-shadow: unset !important;
  color: #F9F9F9 !important;
}
#Contact_footer .wrapper .form_section .form .frm_button_submit {
  box-shadow: unset !important;
  background-color: transparent !important;
  color: #F9F9F9 !important;
  border: 1px solid #00B7E9 !important;
  transition: all 0.3s;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
#Contact_footer .wrapper .form_section .form .frm_button_submit:hover {
  background-color: #00B7E9 !important;
}
@media (min-width: 992px) {
  #Contact_footer .form_section {
    width: 37.5vw;
  }
  #Contact_footer .form_section .frm_fields_container {
    gap: 2.78vw;
  }
  #Contact_footer .form_section .frm_fields_container input,
  #Contact_footer .form_section .frm_fields_container textarea {
    height: 4.13vw !important;
    padding: 0.35vw !important;
    font-size: 1.46vw !important;
  }
  #Contact_footer .form_section .frm_fields_container textarea {
    min-height: 4.13vw !important;
  }
  #Contact_footer .form_section .frm_fields_container .frm_button_submit {
    width: 13.33vw !important;
    padding: 0.69vw 2.78vw !important;
    font-size: 0.97vw !important;
  }
  #Contact_footer .telegram_element {
    width: 25vw;
    margin: unset !important;
  }
}
@media (max-width: 992px) {
  #Contact_footer .form_section {
    gap: 40px !important;
  }
  #Contact_footer .telegram_element {
    position: absolute;
    bottom: 50px;
    right: 100px;
  }
}
.home_page {
  background-size: cover;
  background-attachment: scroll;
  margin-top: -0.1vw;
}

#Primary_block {
  height: 100vh;
  position: relative;
  padding-top: 6vw;
}
#Primary_block .shape_block img {
  position: absolute;
  display: flex;
  right: 0;
  animation: jump 2s ease infinite;
}
@keyframes jump {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
@media (min-width: 992px) {
  #Primary_block {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  #Primary_block .content_block {
    max-width: 55vw;
    padding-left: 9vw;
  }
  #Primary_block .content_block .p18 {
    max-width: 43vw;
  }
  #Primary_block .shape_block img {
    width: 53.61vw;
    right: 0;
    top: -7vw;
  }
}
@media (max-width: 992px) {
  #Primary_block {
    padding-top: 17.47vw !important;
    height: unset !important;
    padding-bottom: 18.47vw;
  }
  #Primary_block .shape_block {
    display: none !important;
  }
  #Primary_block .btn_light {
    width: 100%;
  }
  #Primary_block .btn_light a,
  #Primary_block .btn_light p {
    width: 65% !important;
  }
}
#Home_block_02 .left_block {
  background-color: #141414;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
}
#Home_block_02 .left_block img {
  -o-object-fit: cover;
     object-fit: cover;
  animation: rotate 80s ease infinite;
}
@keyframes rotate {
  0%, 100% {
    transform: rotate(0deg);
    /* Start and end position */
  }
  50% {
    transform: rotate(360deg);
    /* Middle position - adjust the jump height as needed */
  }
}
@media (min-width: 992px) {
  #Home_block_02 .left_block {
    height: 21vw;
    aspect-ratio: 1/1;
  }
  #Home_block_02 .left_block #Home_block_02 .left_block img {
    width: 23.9vw;
    margin: 2.78vw;
  }
  #Home_block_02 .right_block {
    width: 60vw;
  }
}
@media (max-width: 992px) {
  #Home_block_02 .left_block {
    aspect-ratio: 1/1;
  }
  #Home_block_02 .left_block img {
    width: 85%;
  }
  #Home_block_02 .btn_light {
    width: 100%;
  }
  #Home_block_02 .btn_light p,
  #Home_block_02 .btn_light a {
    width: 100% !important;
  }
}
#Home_block_03 {
  padding-top: 5.9vw;
  justify-content: space-between;
  align-items: center;
}
#Home_block_03 div {
  flex: 1;
}
#Home_block_03 div p {
  text-align: center;
}
@media (max-width: 992px) {
  #Home_block_03 {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
    flex-direction: column !important;
  }
}

#Home_block_04 {
  padding-top: 5.9vw;
  justify-content: space-between;
  align-items: center;
}
#Home_block_04 .left_block {
  width: 45.56vw;
}
#Home_block_04 .right_block {
  flex: 1;
}
@media (max-width: 992px) {
  #Home_block_04 {
    padding-bottom: 80px;
  }
  #Home_block_04 .left_block {
    width: unset !important;
  }
}

#Home_block_05 {
  padding-top: 8.51vw;
  margin-left: 9vw;
  overflow: hidden;
  position: relative;
}
#Home_block_05 .mySwiper_expertises {
  overflow: unset !important;
}
#Home_block_05 .mySwiper_expertises .swiper-wrapper .swiper-slide {
  background-color: #171717;
  border-radius: 30px;
  color: #F9F9F9;
  position: relative;
}
#Home_block_05 .mySwiper_expertises .swiper-wrapper .swiper-slide .p16 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}
#Home_block_05 .mySwiper_expertises .swiper-wrapper .swiper-slide .icon {
  position: absolute;
  left: 2.78vw;
  -o-object-fit: cover;
     object-fit: cover;
}
#Home_block_05 .mySwiper_expertises .swiper-wrapper .swiper-slide .p60 {
  text-align: right;
  opacity: 0.3;
}
#Home_block_05 .mySwiper_expertises .swiper-wrapper .swiper-slide-active {
  background-color: #004654 !important;
}
#Home_block_05 .mySwiper_expertises .swiper-wrapper .swiper-slide-active .p16 {
  -webkit-line-clamp: 12 !important;
  line-clamp: 12 !important;
}
#Home_block_05 .swiper-scrollbar {
  left: unset !important;
  bottom: 0vw !important;
  background-color: #87898A !important;
}
#Home_block_05 .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #00B7E9 !important;
}
#Home_block_05 .remote_swiper {
  display: flex;
  gap: 3vw;
  position: absolute;
  bottom: 1.1vw;
  right: 50vw;
  align-items: center;
  z-index: 5;
}
#Home_block_05 .remote_swiper .swiper-button-next_expertise {
  display: flex;
  flex-direction: row-reverse !important;
  align-items: center;
  gap: 1vw;
}
#Home_block_05 .remote_swiper img {
  cursor: pointer;
  transition: all 0.3s;
  width: 3vw;
  aspect-ratio: 1/1;
}
#Home_block_05 .remote_swiper img:hover {
  transform: scale(1.1);
}
@media (min-width: 992px) {
  #Home_block_05 {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  #Home_block_05 .swiper-wrapper .swiper-slide {
    height: 27.29vw;
    width: 29.3vw !important;
  }
  #Home_block_05 .swiper-wrapper .swiper-slide .icon {
    top: -3.13vw;
    width: 8.54vw;
  }
  #Home_block_05 .swiper-wrapper .swiper-slide-active {
    height: 32.57vw !important;
  }
  #Home_block_05 .swiper-scrollbar {
    width: 54.97vw !important;
    right: 2.8vw !important;
  }
  #Home_block_05 .swiper-scrollbar .swiper-scrollbar-drag {
    width: 20.38vw !important;
  }
}
@media (max-width: 992px) {
  #Home_block_05 {
    padding-bottom: 100px;
    margin: unset !important;
  }
  #Home_block_05 .icon {
    top: -3.13vw;
    width: 20vw;
  }
  #Home_block_05 .swiper-scrollbar {
    bottom: -76px !important;
  }
  #Home_block_05 .swiper {
    height: 430px !important;
  }
  #Home_block_05 .remote_swiper {
    left: 0 !important;
    right: unset !important;
    bottom: -47px;
  }
  #Home_block_05 .remote_swiper img {
    width: 50px !important;
  }
}
#Home_block_06 {
  padding-top: 8.51vw;
  padding-bottom: 8.51vw;
  overflow: hidden;
  gap: 3.47vw;
}
#Home_block_06 .mySwiper_portfolio {
  position: relative;
  width: 100%;
}
#Home_block_06 .mySwiper_portfolio .swiper-slide {
  padding: 0 0 5vw 5vw;
  justify-content: flex-end;
}
#Home_block_06 .mySwiper_portfolio .swiper-slide .bk_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  filter: brightness(0.5);
}
#Home_block_06 .mySwiper_portfolio .swiper-slide .scroll_bar_item {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  gap: 40px;
}
#Home_block_06 .mySwiper_portfolio .swiper-slide .scroll_bar_item p {
  transform: rotate(-90deg);
}
#Home_block_06 .mySwiper_portfolio .swiper-slide .scroll_bar_item .scroll_item {
  align-items: center;
  position: relative;
}
#Home_block_06 .mySwiper_portfolio .swiper-slide .scroll_bar_item .scroll_item .base {
  width: 10px;
  height: 40px;
  border-radius: 25px;
  background-color: #F9F9F9;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transition: all 0.3s;
  animation: scroll 5s ease infinite;
}
@keyframes scroll {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(80px);
  }
}
#Home_block_06 .mySwiper_portfolio .swiper-slide .scroll_bar_item .scroll_item .line {
  width: 2px;
  height: 120px;
  background-color: #F9F9F9;
}
#Home_block_06 .mySwiper_portfolio .swiper-pagination {
  position: absolute;
  right: 0 !important;
  top: 0 !important;
  left: unset !important;
  display: flex;
  flex-direction: column !important;
  justify-content: space-between;
  height: 100%;
}
#Home_block_06 .mySwiper_portfolio .swiper-pagination span {
  color: #F9F9F9;
  font-weight: 900;
}
#Home_block_06 .mySwiper_portfolio .swiper-pagination-bullet {
  flex: 1;
  width: 100%;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: unset !important;
  margin: unset !important;
}
#Home_block_06 .mySwiper_portfolio .swiper-pagination-bullet-active {
  color: #fff;
  background: rgba(0, 0, 0, 0.4) !important;
}
@media (min-width: 992px) {
  #Home_block_06 .swiper-pagination {
    width: 3.55vw !important;
  }
  #Home_block_06 .swiper-pagination span {
    font-size: 1.25vw !important;
  }
  #Home_block_06 .swiper-slide {
    height: 43.75vw;
  }
  #Home_block_06 .swiper-slide .p16 {
    max-width: 37.5vw;
  }
}
@media (max-width: 992px) {
  #Home_block_06 {
    padding-left: unset !important;
    padding-right: unset !important;
  }
  #Home_block_06 .swiper-slide {
    height: 60vh;
  }
  #Home_block_06 .swiper-slide .p16 {
    max-width: 80vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #Home_block_06 .swiper-pagination {
    width: 8.55vw !important;
  }
  #Home_block_06 .swiper-pagination span {
    font-size: 2.16vw !important;
  }
}
@media (max-width: 767px) {
  #Home_block_06 .swiper-pagination {
    width: 8.55vw !important;
  }
  #Home_block_06 .swiper-pagination span {
    font-size: 3.62vw !important;
  }
}

#Home_block_07 {
  padding-top: 8.51vw;
  padding-bottom: 8.51vw;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
}
#Home_block_07 .block_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#Home_block_07 .logos {
  flex-wrap: wrap;
}
#Home_block_07 .swiper-container {
  overflow: hidden;
}
#Home_block_07 .swiper-container .swiper-wrapper {
  align-items: center;
}
#Home_block_07 .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  #Home_block_07 .block_title {
    max-width: 34vw;
  }
  #Home_block_07 .logos img {
    min-width: 8vw;
    min-height: 2.4vw;
    max-width: 8vw;
    max-height: 8vw;
  }
  #Home_block_07 .swiper-wrapper {
    align-items: center;
  }
  #Home_block_07 .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
    width: 350px !important;
  }
  #Home_block_07 .swiper-wrapper .swiper-slide img {
    width: 11vw;
  }
}
@media (max-width: 992px) {
  #Home_block_07 {
    gap: 40px;
  }
  #Home_block_07 .logos {
    gap: unset !important;
    justify-content: space-between;
  }
  #Home_block_07 .logos img {
    min-width: 39vw;
    min-height: 17.4vw;
    max-width: 8vw;
    max-height: 8vw;
  }
}
#Prefooter {
  padding-top: 8.51vw;
  padding-bottom: 8.51vw;
  overflow: hidden;
  align-items: center;
  justify-content: space-around;
  position: relative;
}
#Prefooter .bk_block {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
#Prefooter .left_block {
  z-index: 2;
}
#Prefooter .block_element {
  display: flex;
  flex: 1;
}
@media (min-width: 992px) {
  #Prefooter .left_block {
    gap: 5.56vw;
  }
  #Prefooter .left_block .block_title {
    max-width: 22.22vw;
  }
  #Prefooter .left_block .block_description {
    max-width: 32.22vw;
  }
  #Prefooter .left_block .block_description .light_btn img {
    width: 2.43vw;
  }
}
@media (max-width: 992px) {
  #Prefooter {
    padding-bottom: 16vw !important;
    gap: 40px;
  }
  #Prefooter .left_block {
    gap: 40px;
  }
}
@media (min-width: 992px) {
  #Expertises_block_01 .wrapper .p18 {
    max-width: 61.67vw;
  }
}
#Expertises_block_02 .wrapper {
  justify-content: space-between;
}
@media (min-width: 992px) {
  #Expertises_block_02 .wrapper {
    justify-content: space-between;
  }
  #Expertises_block_02 .wrapper .p18 {
    max-width: 37.5vw;
  }
}
#Expertises_block_03 .List_experises {
  display: grid;
}
#Expertises_block_03 .List_experises .Single_card {
  background-color: #171717;
  position: relative;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.3s;
}
#Expertises_block_03 .List_experises .Single_card p {
  color: white;
}
#Expertises_block_03 .List_experises .Single_card .card_header img {
  object-fit: cover;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
}
#Expertises_block_03 .List_experises .Single_card .card_body {
  padding-top: 3.13vw;
}
#Expertises_block_03 .List_experises .Single_card:hover {
  background-color: #004654;
}
@media (min-width: 992px) {
  #Expertises_block_03 {
    margin-top: 3vw;
  }
  #Expertises_block_03 .List_experises {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6vw 2.78vw;
  }
  #Expertises_block_03 .List_experises .Single_card {
    background-color: #171717;
    position: relative;
    border-radius: 30px;
    height: 32.85vw;
    cursor: pointer;
    transition: all 0.3s;
  }
  #Expertises_block_03 .List_experises .Single_card p {
    color: white;
  }
  #Expertises_block_03 .List_experises .Single_card .card_header img {
    width: 8.55vw;
    object-fit: cover;
    position: absolute;
    left: 2.78vw;
    -o-object-fit: cover;
    object-fit: cover;
    top: -3.13vw;
    width: 8.54vw;
  }
}
@media (max-width: 992px) {
  #Expertises_block_03 .List_experises {
    gap: 85px;
    margin-top: 20px;
  }
  #Expertises_block_03 .Single_card {
    background-color: #004654 !important;
    height: 450px !important;
  }
  #Expertises_block_03 .Single_card .card_header img {
    width: 100px;
    left: 20px;
    top: -65px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #Expertises_block_03 .List_experises {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;
  }
}
@media (max-width: 767px) {
  #Expertises_block_03 .List_experises {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px;
  }
  #Expertises_block_03 .List_experises .mx10 {
    -webkit-line-clamp: 15 !important;
    line-clamp: 10 !important;
  }
}

#Portfolio_block_01 {
  overflow: hidden;
  gap: 3.47vw;
}
#Portfolio_block_01 .filter_container {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  background-color: rgba(35, 42, 44, 0.5960784314);
  border-radius: 0.83vw;
}
#Portfolio_block_01 .filter_container .filter_elements {
  padding-right: 4.78vw;
  padding-left: 4.78vw;
}
#Portfolio_block_01 .filter_container .filter_elements * {
  color: #F9F9F9;
  margin: unset !important;
  padding: unset !important;
}
#Portfolio_block_01 .filter_container .filter_elements .wpc-filters-section {
  display: flex;
  gap: 2.78vw;
}
#Portfolio_block_01 .filter_container .filter_elements .wpc-filters-section .wpc-filter-header {
  display: flex;
}
#Portfolio_block_01 .filter_container .filter_elements .wpc-filters-section ul {
  display: flex;
  flex-wrap: wrap;
}
#Portfolio_block_01 .filter_container .filter_elements .wpc-filters-section ul a {
  font-weight: 600;
  display: flex;
  align-items: center;
}
#Portfolio_block_01 .filter_container .filter_elements .wpc-filters-section ul input[type=radio] {
  display: none;
}
#Portfolio_block_01 .filter_container .filter_elements .wpc-filters-section ul .wpc-term-selected a {
  color: #00B7E9 !important;
}
#Portfolio_block_01 .filter_container .filter_elements .wpc-filters-section ul li {
  display: flex;
  align-items: center;
  gap: 20px;
}
#Portfolio_block_01 .filter_container .filter_elements .wpc-filters-section ul li::before {
  content: "/";
  font-weight: 300 !important;
  font-size: 2.3vw;
}
#Portfolio_block_01 .filter_container .filter_elements .wpc-filters-section ul li:nth-of-type(1)::before {
  display: none;
}
#Portfolio_block_01 .mySwiper_portfolio {
  position: relative;
  width: 100%;
}
#Portfolio_block_01 .mySwiper_portfolio .swiper-slide {
  padding: 0 0 5vw 5vw;
  justify-content: flex-end;
}
#Portfolio_block_01 .mySwiper_portfolio .swiper-slide .scroll_bar_item {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  gap: 40px;
}
#Portfolio_block_01 .mySwiper_portfolio .swiper-slide .scroll_bar_item p {
  transform: rotate(-90deg);
}
#Portfolio_block_01 .mySwiper_portfolio .swiper-slide .scroll_bar_item .scroll_item {
  align-items: center;
  position: relative;
}
#Portfolio_block_01 .mySwiper_portfolio .swiper-slide .scroll_bar_item .scroll_item .base {
  width: 10px;
  height: 40px;
  border-radius: 25px;
  background-color: #F9F9F9;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transition: all 0.3s;
  animation: scroll 5s ease infinite;
}
@keyframes scroll {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(80px);
  }
}
#Portfolio_block_01 .mySwiper_portfolio .swiper-slide .scroll_bar_item .scroll_item .line {
  width: 2px;
  height: 120px;
  background-color: #F9F9F9;
}
#Portfolio_block_01 .mySwiper_portfolio .swiper-slide .bk_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  filter: brightness(0.5);
}
#Portfolio_block_01 .mySwiper_portfolio .swiper-pagination {
  position: absolute;
  right: 0 !important;
  top: 0 !important;
  left: unset !important;
  display: flex;
  flex-direction: column !important;
  justify-content: space-between;
  height: 100%;
}
#Portfolio_block_01 .mySwiper_portfolio .swiper-pagination span {
  color: #F9F9F9;
  font-weight: 900;
}
#Portfolio_block_01 .mySwiper_portfolio .swiper-pagination-bullet {
  flex: 1;
  width: 100%;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: unset !important;
  margin: unset !important;
}
#Portfolio_block_01 .mySwiper_portfolio .swiper-pagination-bullet-active {
  color: #fff;
  background: rgba(0, 0, 0, 0.4) !important;
}
@media (min-width: 992px) {
  #Portfolio_block_01 {
    padding-top: 4.51vw;
    padding-bottom: 8.51vw;
  }
  #Portfolio_block_01 .wpc-filters-section {
    gap: 2.78vw;
  }
  #Portfolio_block_01 .wpc-filters-section .wpc-filter-header .wpc-filter-title {
    font-size: 0.97vw;
  }
  #Portfolio_block_01 .wpc-filters-section ul {
    gap: 1.39vw;
  }
  #Portfolio_block_01 .wpc-filters-section ul a {
    font-size: 0.97vw !important;
  }
  #Portfolio_block_01 .swiper-pagination {
    width: 3.55vw !important;
  }
  #Portfolio_block_01 .swiper-pagination span {
    font-size: 1.25vw !important;
  }
  #Portfolio_block_01 .swiper-slide {
    height: 43.75vw;
  }
  #Portfolio_block_01 .swiper-slide .p16 {
    max-width: 37.5vw;
  }
}
@media (max-width: 992px) {
  #Portfolio_block_01 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: unset !important;
    padding-right: unset !important;
  }
  #Portfolio_block_01 .wpc-filters-section {
    flex-direction: column;
  }
  #Portfolio_block_01 .wpc-filters-ul-list {
    gap: 20px;
  }
  #Portfolio_block_01 .swiper-slide {
    height: 60vh;
  }
  #Portfolio_block_01 .swiper-slide .p16 {
    max-width: 80vw;
  }
  #Portfolio_block_01 .filter_container {
    width: 100% !important;
    min-height: 30px;
    display: flex;
    align-items: center;
  }
  #Portfolio_block_01 .filter_container .filter_elements {
    padding: 20px !important;
  }
  #Portfolio_block_01 .filter_container .filter_elements .wpc-filters-section ul li {
    gap: 5px;
  }
  #Portfolio_block_01 .filter_container .filter_elements p,
  #Portfolio_block_01 .filter_container .filter_elements a,
  #Portfolio_block_01 .filter_container .filter_elements label {
    font-size: 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #Portfolio_block_01 .swiper-pagination {
    width: 8.55vw !important;
  }
  #Portfolio_block_01 .swiper-pagination span {
    font-size: 2.16vw !important;
  }
}
@media (max-width: 767px) {
  #Portfolio_block_01 .swiper-pagination {
    width: 8.55vw !important;
  }
  #Portfolio_block_01 .swiper-pagination span {
    font-size: 3.62vw !important;
  }
}

#Recrutement_listing {
  padding-top: 5.56vw;
}
#Recrutement_listing .recrutement-post {
  justify-content: space-between;
}
#Recrutement_listing .line_diver {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
#Recrutement_listing .line_diver hr {
  width: 72.72vw;
  height: 0.14vw;
  background-color: #3F4445;
  border: none;
}
#Recrutement_listing .pagination {
  justify-content: center;
}
#Recrutement_listing .pagination a:hover {
  color: #00B7E9 !important;
}
@media (min-width: 992px) {
  #Recrutement_listing .left_block {
    max-width: 21.32vw;
  }
  #Recrutement_listing .right_block {
    max-width: 53.6vw;
  }
}
@media (max-width: 992px) {
  #Recrutement_listing .btn_light {
    width: 250px !important;
  }
  #Recrutement_listing .btn_light p {
    width: 100%;
    height: 45px !important;
  }
  #Recrutement_listing hr {
    width: 100vw !important;
  }
}
#Current_Recrutement_Post .bk_top {
  height: 43.75vw;
  -o-object-fit: cover;
     object-fit: cover;
}
#Current_Recrutement_Post .post_data {
  justify-content: space-between;
}
#Current_Recrutement_Post .post_data .left_block {
  max-width: 53.61vw;
}
#Current_Recrutement_Post .post_data .right_block {
  max-width: 21.4vw;
  background-color: #004654;
  flex: 1;
  border-radius: 1.74vw;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
#Current_Recrutement_Post .postuler_popup {
  width: 100%;
  display: flex;
  justify-content: center;
}
#Current_Recrutement_Post .postuler_popup p {
  cursor: pointer;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  background-color: rgba(20, 20, 20, 0.7215686275);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup {
  position: relative;
  width: 50vw;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #004654;
  border-radius: 1.74vw;
  display: flex;
  flex-direction: column;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup p {
  color: #F9F9F9;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .close_btn {
  position: absolute;
  top: 0.69vw;
  right: 0.69vw;
  cursor: pointer;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form::-moz-placeholder {
  color: #F9F9F9 !important;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form::placeholder {
  color: #F9F9F9 !important;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form label {
  display: none !important;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_fields_container {
  display: flex;
  flex-direction: column;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_fields_container input,
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_fields_container textarea {
  background-color: transparent !important;
  border-bottom: solid #F9F9F9 !important;
  border-width: 0 0 1px 0;
  border-radius: unset !important;
  box-shadow: unset !important;
  color: #F9F9F9 !important;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_dropzone.frm_single_upload {
  max-width: unset !important;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_dropzone.frm_single_upload * {
  color: #F9F9F9 !important;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .with_frm_style .frm_dropzone,
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_dropzone .dz-message {
  background-color: transparent !important;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_upload_icon:before {
  filter: invert(1);
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .with_frm_style .frm_message,
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_success_style {
  background-color: #F9F9F9;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .with_frm_style .frm_message p,
#Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_success_style p {
  color: #141414 !important;
  text-align: center;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .frm_submit {
  display: flex;
  justify-content: flex-end;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .frm_submit .frm_button_submit {
  box-shadow: unset !important;
  background-color: transparent !important;
  color: #F9F9F9 !important;
  border: 1px solid #00B7E9 !important;
  transition: all 0.3s;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
#Current_Recrutement_Post .postuler_popup .overlay_popup .frm_submit .frm_button_submit:hover {
  background-color: #00B7E9 !important;
}
@media (min-width: 992px) {
  #Current_Recrutement_Post .postuler_popup .overlay_popup .popup .close_btn {
    top: 0.69vw;
    right: 0.69vw;
  }
  #Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_fields_container {
    gap: 0.69vw;
  }
  #Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_fields_container input,
  #Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_fields_container textarea {
    font-size: 1.46vw !important;
    padding: 0.35vw !important;
    width: 100%;
  }
  #Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_fields_container input {
    height: 4.13vw !important;
  }
  #Current_Recrutement_Post .postuler_popup .overlay_popup .popup .form .frm_fields_container textarea {
    min-height: 4.13vw !important;
    max-height: 12vw !important;
  }
  #Current_Recrutement_Post .postuler_popup .overlay_popup .frm_submit {
    display: flex;
    justify-content: flex-end;
  }
  #Current_Recrutement_Post .postuler_popup .overlay_popup .frm_submit .frm_button_submit {
    box-shadow: unset !important;
    padding: 0.69vw 2.78vw !important;
    background-color: transparent !important;
    color: #F9F9F9 !important;
    border: 1px solid #00B7E9 !important;
    transition: all 0.3s;
    font-size: 0.97vw !important;
    font-weight: bold;
    text-transform: uppercase;
    width: 13.33vw !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #Current_Recrutement_Post .postuler_popup .overlay_popup .frm_submit .frm_button_submit:hover {
    background-color: #00B7E9 !important;
  }
}
@media (max-width: 992px) {
  #Current_Recrutement_Post {
    padding: unset !important;
  }
  #Current_Recrutement_Post .bk_top {
    height: 250px !important;
  }
  #Current_Recrutement_Post .post_data {
    flex-direction: column;
    gap: 40px;
    padding-bottom: unset !important;
  }
  #Current_Recrutement_Post .left_block,
  #Current_Recrutement_Post .right_block {
    max-width: unset !important;
    margin: 0 20px;
  }
  #Current_Recrutement_Post .postuler_popup {
    padding-bottom: 40px;
  }
  #Current_Recrutement_Post .btn_light p {
    width: 200px !important;
    height: 50px !important;
  }
  #Current_Recrutement_Post .popup {
    width: 90% !important;
  }
  #Current_Recrutement_Post .popup input {
    height: 40px !important;
  }
  #Current_Recrutement_Post .popup input,
  #Current_Recrutement_Post .popup textarea {
    font-size: unset !important;
  }
  #Current_Recrutement_Post .close_btn {
    top: 10px !important;
    right: 10px !important;
    width: 25px !important;
  }
  #Current_Recrutement_Post .frm_button_submit {
    width: 150px !important;
  }
}
#contact_page .contact_form {
  align-items: center;
}
#contact_page .contact_form .left_block img {
  -o-object-fit: cover;
     object-fit: cover;
}
#contact_page .contact_form .right_block {
  flex: 1;
}
#contact_page .contact_form .right_block::-moz-placeholder {
  color: #F9F9F9 !important;
}
#contact_page .contact_form .right_block::placeholder {
  color: #F9F9F9 !important;
}
#contact_page .contact_form .right_block label {
  display: none !important;
}
#contact_page .contact_form .right_block .frm_fields_container {
  display: flex;
  flex-direction: column;
  gap: 0.3vw;
}
#contact_page .contact_form .right_block .frm_fields_container input,
#contact_page .contact_form .right_block .frm_fields_container textarea {
  background-color: transparent !important;
  border-bottom: solid #F9F9F9 !important;
  border-width: 0 0 1px 0;
  border-radius: unset !important;
  width: 100%;
  box-shadow: unset !important;
  color: #F9F9F9 !important;
}
#contact_page .contact_form .right_block .frm_button_submit {
  box-shadow: unset !important;
  background-color: transparent !important;
  color: #F9F9F9 !important;
  border: 1px solid #00B7E9 !important;
  transition: all 0.3s;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
#contact_page .contact_form .right_block .frm_button_submit:hover {
  background-color: #00B7E9 !important;
}
@media (min-width: 992px) {
  #contact_page .top_contact .block_text {
    max-width: 61.5vw;
  }
  #contact_page .contact_form {
    align-items: center;
  }
  #contact_page .contact_form .left_block img {
    width: 37.64vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #contact_page .frm_fields_container input,
  #contact_page .frm_fields_container textarea {
    font-size: 1.46vw !important;
    padding: 0.35vw !important;
  }
  #contact_page .frm_fields_container input {
    height: 4.13vw !important;
  }
  #contact_page .frm_fields_container textarea {
    min-height: 4.13vw !important;
    max-height: 12vw !important;
  }
  #contact_page .frm_button_submit {
    box-shadow: unset !important;
    padding: 0.69vw 2.78vw !important;
    width: 13.33vw !important;
    font-size: 0.97vw !important;
  }
}
@media (max-width: 992px) {
  #contact_page .block_element {
    position: absolute;
    bottom: 74px;
    left: 57%;
  }
}
#Incentive_block_01 .wrapper {
  justify-content: space-between;
}
#Incentive_block_01 .wrapper .right_block img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  #Incentive_block_01 .left_block {
    max-width: 49.56vw;
  }
  #Incentive_block_01 .right_block img {
    width: 29.44vw;
  }
}
@media (max-width: 992px) {
  #Incentive_block_01 .wrapper {
    gap: 40px;
  }
  #Incentive_block_01 .wrapper .right_block img {
    width: 100%;
  }
}
#Incentive_block_02 .wrapper .left_block {
  align-items: center;
  position: relative;
}
#Incentive_block_02 .wrapper .left_block img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
}
#Incentive_block_02 .wrapper .right_block .list_item {
  align-items: center;
}
#Incentive_block_02 .wrapper .right_block .list_item .number {
  background-color: #00B7E9;
  border-radius: 50%;
  display: flex;
  aspect-ratio: 1/1;
}
#Incentive_block_02 .wrapper .right_block .list_item .number p {
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  #Incentive_block_02 .wrapper {
    gap: 5.83vw;
  }
  #Incentive_block_02 .wrapper .left_block img {
    width: 45.47vw;
    height: 38vw;
    right: -14vw;
    top: 6vw;
  }
  #Incentive_block_02 .wrapper .right_block {
    gap: 5vw;
  }
  #Incentive_block_02 .wrapper .right_block .list_item:nth-of-type(1) {
    padding-left: 1.53vw;
  }
  #Incentive_block_02 .wrapper .right_block .list_item:nth-of-type(2) {
    padding-left: 5.07vw;
  }
}
@media (max-width: 992px) {
  #Incentive_block_02 .wrapper {
    gap: 40px;
  }
  #Incentive_block_02 .wrapper .left_block img {
    display: none;
  }
  #Incentive_block_02 .wrapper .right_block {
    gap: 40px;
  }
  #Incentive_block_02 .wrapper .right_block .list_item {
    gap: 15px !important;
  }
}
#Incentive_block_03 {
  overflow: hidden;
}
#Incentive_block_03 .cards_container {
  position: relative;
}
#Incentive_block_03 .cards_container .single_card {
  aspect-ratio: 1/1;
  background-color: #004654;
  position: absolute;
  top: 0;
  border-radius: 25px;
  transition: all 0.3s;
  box-shadow: 21px 0px 24px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
#Incentive_block_03 .cards_container .single_card:hover {
  z-index: 8;
}
#Incentive_block_03 .cards_container .single_card .card_footer {
  justify-content: space-between;
  align-items: center;
}
#Incentive_block_03 .cards_container .single_card .card_footer p {
  opacity: 0.5;
}
#Incentive_block_03 .cards_container .single_card .card_footer img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  #Incentive_block_03 {
    min-height: 50vw;
  }
  #Incentive_block_03 .cards_mobile {
    display: none !important;
  }
  #Incentive_block_03 .single_card {
    width: 35.42vw;
  }
  #Incentive_block_03 .single_card:nth-of-type(1) {
    z-index: 7;
    left: 0;
  }
  #Incentive_block_03 .single_card:nth-of-type(2) {
    z-index: 6;
    left: 9vw;
  }
  #Incentive_block_03 .single_card:nth-of-type(3) {
    z-index: 5;
    left: 16vw;
  }
  #Incentive_block_03 .single_card:nth-of-type(4) {
    z-index: 4;
    left: 23vw;
  }
  #Incentive_block_03 .single_card:nth-of-type(5) {
    z-index: 3;
    left: 30vw;
  }
  #Incentive_block_03 .single_card:nth-of-type(6) {
    z-index: 2;
    left: 37vw;
  }
  #Incentive_block_03 .single_card:nth-of-type(7) {
    z-index: 1;
    left: 45.8vw;
  }
  #Incentive_block_03 .single_card:hover {
    z-index: 8;
    transform: translateY(-1vw);
  }
  #Incentive_block_03 .single_card .card_footer p {
    font-size: 8.33vw;
  }
}
@media (max-width: 992px) {
  #Incentive_block_03 {
    padding-bottom: 60px;
  }
  #Incentive_block_03 .cards_desktop {
    display: none !important;
  }
  #Incentive_block_03 .cards_container {
    display: flex;
    justify-content: center;
  }
  #Incentive_block_03 .cards_container .single_card {
    box-shadow: unset !important;
    width: 80%;
    margin: 0 auto;
    position: relative !important;
  }
  #Incentive_block_03 .cards_container .single_card .card_header {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  #Incentive_block_03 .cards_container .single_card .card_footer {
    justify-content: space-between;
    align-items: center;
  }
  #Incentive_block_03 .cards_container .single_card .card_footer p {
    opacity: 0.5;
    font-size: 40px;
  }
  #Incentive_block_03 .cards_container .single_card .card_footer img {
    display: none;
  }
  #Incentive_block_03 .swiper-pagination {
    bottom: -2rem;
  }
  #Incentive_block_03 .swiper-pagination .swiper-pagination-bullet {
    background-color: #F9F9F9 !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #Incentive_block_03 .card_body .p16 {
    font-size: 40px;
  }
}
#Incentive_block_04 .wrapper .schema .schema_img {
  display: flex;
  justify-content: center;
}
#Incentive_block_04 .wrapper .schema .schema_img img {
  width: 77.78vw;
}
@media (min-width: 992px) {
  #Incentive_block_04 .desktop_mobile {
    display: none !important;
  }
}
@media (max-width: 992px) {
  #Incentive_block_04 .desktop_schema {
    display: none !important;
  }
  #Incentive_block_04 .schema_img img {
    width: 100% !important;
  }
}
#Incentive_block_05 {
  margin-bottom: 2vw;
}
#Incentive_block_05 .block_header {
  margin-left: auto;
}
#Incentive_block_05 .Team_listing {
  display: grid;
}
#Incentive_block_05 .Team_listing .card_user {
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#Incentive_block_05 .Team_listing .card_user .card_img {
  width: 100%;
}
#Incentive_block_05 .Team_listing .card_user .card_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(1);
  transition: all 0.3s;
}
#Incentive_block_05 .Team_listing .card_user .card_info {
  width: 100%;
  background-color: #004654;
  border-radius: 20px;
  z-index: 2;
  justify-content: center;
}
#Incentive_block_05 .Team_listing .card_user:hover img {
  filter: grayscale(0);
  transform: translateY(3vw);
}
@media (min-width: 992px) {
  #Incentive_block_05 .block_header {
    max-width: 45.56vw;
    margin-left: auto;
  }
  #Incentive_block_05 .Team_listing {
    grid-template-columns: repeat(3, 1fr);
    gap: 0 100px;
  }
  #Incentive_block_05 .Team_listing .card_user .card_img {
    height: 30.56vw;
  }
  #Incentive_block_05 .Team_listing .card_user .card_img img {
    max-height: 30.28vw;
    transform: translateY(4vw);
  }
  #Incentive_block_05 .Team_listing .card_user .card_info {
    height: 11.8vw;
  }
  #Incentive_block_05 .Team_listing .card_user:nth-of-type(3n) {
    margin-bottom: -15vw;
  }
  #Incentive_block_05 .Team_listing .card_user:nth-of-type(3n + 1), #Incentive_block_05 .Team_listing .card_user:nth-of-type(3n + 1) {
    margin-top: -15vw;
    margin-bottom: 15vw;
  }
}
#Incentive_block_05 .load-more-button {
  padding-top: 3%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  #Incentive_block_05 {
    margin-top: 50px;
    gap: 50px;
  }
  #Incentive_block_05 .Team_listing {
    gap: 50px;
  }
  #Incentive_block_05 .Team_listing .card_info {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #Incentive_block_05 .Team_listing .card_img {
    max-height: 350px;
  }
  #Incentive_block_05 .Team_listing .card_img img {
    -o-object-fit: contain;
       object-fit: contain;
    filter: grayscale(1);
    transition: all 0.3s;
  }
}
#Incentive_block_06 {
  z-index: 2;
  margin-bottom: 3vw;
}
#Incentive_block_06 .map_hotspot {
  width: 83.33vw;
  display: flex;
  justify-content: center;
  position: relative;
}
#Incentive_block_06 .map_hotspot .map_world {
  width: 100%;
}
#Incentive_block_06 .map_hotspot .targets .country * {
  transition: all 0.3s;
}
#Incentive_block_06 .map_hotspot .targets .country .country_box {
  opacity: 0;
  z-index: -1;
  height: 6.5vw;
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  align-items: flex-end;
}
#Incentive_block_06 .map_hotspot .targets .country .country_box .line_info {
  width: 2px;
  height: 1vw;
  background-color: #F9F9F9;
}
#Incentive_block_06 .map_hotspot .targets .country .country_box .country_info {
  height: 100%;
}
#Incentive_block_06 .map_hotspot .targets .country:hover img {
  filter: brightness(1);
}
#Incentive_block_06 .map_hotspot .targets .country:hover .country_box {
  opacity: 1;
  z-index: 1;
}
#Incentive_block_06 .map_hotspot .targets .country:hover .country_box .line_info {
  width: 2px;
  height: 6.5vw;
}
#Incentive_block_06 .map_hotspot .targets .tunisia img {
  position: absolute;
  top: 9.2vw;
  left: 40.7vw;
  width: 1vw;
  filter: brightness(0.5);
  transition: all 0.3s;
  cursor: pointer;
}
#Incentive_block_06 .map_hotspot .targets .tunisia .country_box {
  left: 41.1vw;
  top: 2.5vw;
}
#Incentive_block_06 .map_hotspot .targets .canada img {
  position: absolute;
  top: 8vw;
  left: 6.7vw;
  width: 14.8vw;
  filter: brightness(0.5);
  transition: all 0.3s;
  cursor: pointer;
}
#Incentive_block_06 .map_hotspot .targets .canada .country_box {
  left: 12.1vw;
  top: 1.8vw;
}
#Incentive_block_06 .map_hotspot .targets .belgium img {
  position: absolute;
  top: 6vw;
  left: 40.3vw;
  width: 2vw;
  filter: brightness(0.5);
  transition: all 0.3s;
  cursor: pointer;
}
#Incentive_block_06 .map_hotspot .targets .belgium .country_box {
  left: 41.1vw;
  top: -0.8vw;
}
@media (min-width: 992px) {
  #Incentive_block_06 .tunisia img {
    position: absolute;
    top: 9.2vw;
    left: 40.7vw;
    width: 1vw;
    filter: brightness(0.5);
    transition: all 0.3s;
    cursor: pointer;
  }
  #Incentive_block_06 .tunisia .country_box {
    left: 41.1vw;
    top: 2.5vw;
  }
  #Incentive_block_06 .canada img {
    position: absolute;
    top: 8vw;
    left: 6.7vw;
    width: 14.8vw;
    filter: brightness(0.5);
    transition: all 0.3s;
    cursor: pointer;
  }
  #Incentive_block_06 .canada .country_box {
    left: 12.1vw;
    top: 1.8vw;
  }
  #Incentive_block_06 .belgium img {
    position: absolute;
    top: 6vw;
    left: 40.3vw;
    width: 2vw;
    filter: brightness(0.5);
    transition: all 0.3s;
    cursor: pointer;
  }
  #Incentive_block_06 .belgium .country_box {
    left: 41.1vw;
    top: -0.8vw;
  }
}
@media (max-width: 992px) {
  #Incentive_block_06 .line_info {
    display: none !important;
  }
  #Incentive_block_06 .country_box {
    height: -moz-fit-content !important;
    height: fit-content !important;
    background-color: white;
    color: black;
    padding: 20px;
    max-width: 250px;
  }
  #Incentive_block_06 .canada .country_box {
    left: 0px !important;
    top: -73px !important;
  }
  #Incentive_block_06 .belgium .country_box {
    left: 41px !important;
    top: -73px !important;
  }
  #Incentive_block_06 .tunisia .country_box {
    left: 20px !important;
    top: -87px !important;
  }
}