@font-face {
    font-family: 'BoldOblique';
    src: url('/assets/Fonts/HurmeGeometricSans1\ BoldOblique.otf');
}

/* @font-face {
  font-family: 'Regular';
  src: url('/assets/Fonts/');
} */

@font-face {
    font-family: 'HairlineOblique';
    src: url('/assets/Fonts/HurmeGeometricSans1\ HairlineOblique.otf');
}

@font-face {
    font-family: 'LightOblique';
    src: url('/assets/Fonts/HurmeGeometricSans1\ LightOblique.otf');
}

@font-face {
    font-family: 'Oblique';
    src: url('/assets/Fonts/HurmeGeometricSans1\ Oblique.otf');
}

@font-face {
    font-family: 'SemiBoldOblique';
    src: url('/assets/Fonts/HurmeGeometricSans1SemiBoldOblique.otf');
}

@font-face {
    font-family: 'Hairline';
    src: url('/assets/Fonts/HurmeGeometricSans1\ Hairline.otf');
}

@font-face {
    font-family: 'Light';
    src: url('/assets/Fonts/HurmeGeometricSans1\ Light.otf');
}

@font-face {
    font-family: 'SemiBold';
    src: url('/assets/Fonts/HurmeGeometricSans1\ SemiBold.otf');
}

@font-face {
    font-family: 'Thin';
    src: url('/assets/Fonts/HurmeGeometricSans1\ Thin.otf');
}

@font-face {
    font-family: 'Bold';
    src: url('/assets/Fonts/HurmeGeometricSans1\ Bold.otf');
}

@keyframes rebound {
  0% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0, 0);
  }

  40% {
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
  }

  80% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0, 0);
  }
}

/*reset.css*/

:root {
  --primary-color: #212241;
  --bs-primary: var(--primary-color);
}

/* a[href^="mailto:"]:hover {
  cursor: url('/images/phone_call_icon.png'), auto;
} */

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

.navbar {
  box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
}

body {
    line-height: 1;
}

select {
  outline: none;
}

.dropdown ul {
  font-family: 'Light';
  font-size: 14px;
  border-radius: 0%;
}

.contact-button, .sign-in-button, .profile, .button-consulter, .button-prev, .button-next {
  cursor: pointer;
}

ol, ul {
    list-style: none;
}

.plans a {
    text-decoration: none;
}

.plans ul h6 {
  opacity: 0.9;
}

.plans a:hover {
    color: #3F7FBE;
}

.plans ul {
    padding-left: 0px;
}

.contact-us ul {
    padding-left: 0px;
}

.contact-us a {
    text-decoration: none;
}

blockquote, q {
    quotes: none;
}

.navigation a {
    color:#181A3A;
    font-size: 12px;
    font-weight: 600;
    font-family: 'SemiBold';
}

.navigation a:hover {
    color: #38A6CA;
}

.nav-item-i {
    border-right: 1px solid rgba(192, 192, 192, 0.1);
}

.sign-in-div {
    border-left: 1px solid rgba(192, 192, 192, 0.1);
    display: flex;
    align-items: center;
}

.contact {
    width: 2px;
    height: 10px;
    background-color: #181A3A;
}

.sign-in-button {
    background-color: #3F7FBE;
}

.contact-button {
    background-color: #3F7FBE;
    border-radius: 0%;
    width: fit-content;
}

.button a {
  text-decoration: none;
}

.text-important {
  font-family: 'Bold';
}

.text-regular-big-dark .ovagroup {
  color: rgb(24, 26, 58);
  font-family: 'SemiBold';
}

.text-regular-small-white {
    opacity: 1;
    color: rgba(255, 255, 255, 1);
    font-family: "Thin";
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
}

.text-regular-big-white {
    opacity: 1;
    color: rgba(255, 255, 255, 1);
    font-family: "Thin";
    font-size: 15px;
    font-weight: 400;
    text-align: left;
}

.text-regular-small-dark {
    opacity: 1;
    color: rgba(0, 0, 0, 1);
    font-family: "Thin";
    font-size: 15px;
    font-weight: 400;
    text-align: left;
}

.text-regular-dark {
    opacity: 1;
    color: rgba(0, 0, 0, 1);
    font-family: "Light";
    font-size: 13px;
    font-weight: 400;
    text-align: left;
}

.text-regular-white {
    opacity: 1;
    color: rgba(255, 255, 255, 1);
    font-family: "Light";
    font-size: 13px;
    font-weight: 400;
    text-align: left;
}

.detail-service .text-regular-white {
  font-size: 15px;
}

.text-regular-big-dark {
    opacity: 1;
    color: rgba(0, 0, 0, 1);
    font-family: "Light";
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

.text-semiBold-white {
    opacity: 1;
    color: rgba(255, 255, 255, 1);
    font-family: "SemiBold";
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}

.text-semiBold-dark {
    opacity: 1;
    color: rgba(0, 0, 0, 1);
    font-family: "SemiBold";
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.card-text-white {
    opacity: 1;
    color: rgba(255, 255, 255, 1);
    font-family: "SemiBold";
    font-size: 19px;
    font-weight: 600;
    text-align: left;
}

.card-text-dark {
    opacity: 1;
    color: rgba(0, 0, 0, 1);
    font-family: "SemiBold";
    font-size: 19px;
    font-weight: 600;
    text-align: left;
}

.text-bold-big-white {
    opacity: 1;
    color: rgba(255, 255, 255, 1);
    font-family: "Bold";
    font-size: 40px;
    font-weight: 700;
    text-align: left;
}

.text-bold-big-dark {
    opacity: 1;
    color: rgba(0, 0, 0, 1);
    font-family: "Bold";
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 0px;
    text-align: left;
}

.section-top {
    background-color: #212241;
}

.section-1 {
    overflow-x: hidden;
}

.section-2 {
    background-image: linear-gradient(to top, #fff, rgba(0, 22, 66, 0.6) 40%), url('/images/backgroud.png');
    background-size: cover, auto;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
}

.section-2-text {
    padding-inline: 150px;
    padding-top: 100px;
}

.section-2 img {
    width: 100%;
}

.section-bottom {
    background-color: #fff;
    width: 100%;
}

.text-bold-small {
    opacity: 1;
    font-family: "Bold";
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0px;
    text-align: left;
}

.layout-gray {
    width: 90%;
    background-color: #F2F2F2;
    margin-bottom: -50px;
}

.layout-gray-parent {
    display: flex;
    justify-content: end;
}

.text-layout-gray {
    opacity: 1;
    color: rgba(100, 99, 99, 1);
    font-family: "Light";
    font-size: 25px;
    font-weight: 400;
    text-align: left;
}

.benefits {
    border-left: #3F7FBE solid 5px;
    display: flex;
    align-items: center;
    background-color: #fff;
}

.blue-band {
    opacity: 1;
    background-color: rgba(56, 166, 202, 1);
    width: 10px;
    height: 70%;
}

.detail-task {
    background-color: #212241;
}

.division {
    background-color: #fff;
    width: 13px;
}

.team-project {
    background-color: #F2F2F2;
    padding-inline: 120px;
}

.section-4 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.cards {
    padding-left: 150px;
    padding-right: 150px;
    padding-bottom: 150px;
}

.cards .col-3 {
    padding-inline: 1px;
}

.card-1 {
    background-color: #A250A1;
    /* position: relative; */
}

.card-2 {
    background-color: #D2D0E0;
}

.card-3 {
    background-color: #3F7FBE;
}

.card-4 {
    background-color: #FCDFD8;
}

.tiret-white {
    width: 21px;          /* Largeur du tiret */
    height: 1px;          /* Hauteur du tiret (peut être ajustée) */
    background-color: white; /* Couleur du tiret */
  }

  .tiret-dark {
    width: 21px;          /* Largeur du tiret */
    height: 1px;          /* Hauteur du tiret (peut être ajustée) */
    background-color: black; /* Couleur du tiret */
  }

  .card-1, .card-2, .card-3, .card-4 {
    position: relative;
    height: 370px;
  }

  .etiquette {
    width: 40px;
    right: 10px;
    position: absolute;
    bottom: 10px;
    /* display: ; */
  }

  .band {
    /* position: relative; */
    margin-top: auto;
  }

  .cvtheque {
    width: 100%;
  }

  .options {
    display: flex;
    justify-content: center;
    border-bottom: solid 1px rgba(185, 185, 185, 0.1);
  }

  .option {
    display: flex;
    align-items: center;
    width: auto;
  }

  .option-i {
    border-right: solid 1px rgba(185, 185, 185, 0.1);
  }

  .location-text {
    opacity: 1;
    color: rgba(160, 171, 184, 1);
    font-family: "Light";
    font-size: 12px;
    font-weight: 400;
    text-align: left;
  }

  .detail {
    display: flex;
    justify-content: space-between;
  }

  .skill-name {
    opacity: 1;
    color: rgba(0, 0, 0, 1);
    font-family: "Light";
    font-size: 16px;
    font-weight: 400;
    text-align: left;
  }

  .descrition-text {
    opacity: 1;
    color: rgba(73, 71, 71, 1);
    font-family: "Light";
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    line-height: 15.520000457763672px;
  }

  .reference {
    background-color: #E2E4EA;
    width: fit-content;
  }

  .button-envoyer {
    background-color: #fff;
    width: fit-content;
  }

  .button-envoyer:hover {
    background-color: #212241;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out, background-color 0.5s ease-out;
    transform: translate(5%, 5%) scale(1.1);
  }

  .button-hiring {
    background-color: #A250A1;
    width: fit-content;
  }

  .button-hiring:hover {
    transition: transform 0.5s ease-out, opacity 0.5s ease-out, background-color 0.5s ease-out;
    transform: translate(5%, 5%) scale(1.1);
  }

  .button-consulter {
    background-color: #212241;
    width: fit-content;
  }

  .option:hover {
    background-color: #3F7FBE;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out, background-color 0.5s ease-out;
    transform: translate(5%, 5%) scale(1.1);
  }

  .card-title-text:hover {
    color: #A250A1;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out, color 0.5s ease-out;
    transform: translate(5%, 5%) scale(1.1);
  }

  .card-title:hover {
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    transform: translate(5%, 5%) scale(1.1);
  }

  .button-consulter:hover {
    background-color: #A250A1;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out, background-color 0.5s ease-out;
    transform: translate(5%, 5%) scale(1.1);
  }

  .contact-button:hover {
    background-color: #A250A1;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out, background-color 0.5s ease-out;
    transform: translate(5%, 5%) scale(1.1);
  }

 .section-top-left a {
    text-decoration: none;
  }

  .sign-in-button:hover {
    background-color: #181A3A;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out, background-color 0.5s ease-out;
    transform: translate(5%, 5%) scale(0.9);
  }

  .benefits:hover {
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    transform: translate(-2%, 2%)  scale(1.1);
  }

  .reference:hover {
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    transform: translate(5%, 5%) scale(1.1);
  }

  .pink :hover{
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    transform: translate(-2%, 2%)  scale(1.1);
  }
  .dark:hover{
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    transform: translate(-2%, 2%)  scale(1.1);
  }
  .blue:hover{
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    transform: translate(-2%, 2%)  scale(1.1)
  }
  .high-blue:hover{
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    transform: translate(-2%, 2%)  scale(1.1)
  }
  .purple:hover{
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    transform: translate(-2%, 2%)  scale(1.1)
  }

  .op-name {
    color: black;
    transition: color 0.3s ease;
  }

  .op-name:hover {
    color: #fff;
  }

  .button-consulter-text {
    opacity: 1;
    color: rgba(255, 255, 255, 1);
    font-family: "Light";
    font-size: 12px;
    font-weight: 400;
    text-align: left;
  }

  .references {
    display: flex;
    flex-wrap: wrap;
  }

  .card-title-text {
    opacity: 1;
    color: #3F7FBE;;
    transition: color 0.5s ease;
    font-family: "SemiBold";
    font-size: 21px;
    font-weight: 600;
    text-align: left;
  }

  .reference-text {
    opacity: 1;
    color: rgba(0, 0, 0, 1);
    font-family: "Light";
    font-size: 12px;
    font-weight: 400;
    text-align: left;
  }

  .cv {
    border: solid 1px #D2D8E7 ;
    background-color: #fff;
  }

  .cvs {
    margin-inline: 100px;
  }

  .section-6 {
    padding-inline: 150px;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: linear-gradient(to top, rgba(0, 22, 66, 0.8), rgba(0, 22, 66, 0.8) 40%), url("/assets/images/smiling-caucasian-woman.png");
  }

  .hiring {
    margin-bottom: 100px;
  }

  .newsletter {
    background-color: #3F7FBE;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: -180px;
    width: 75%;
  }

  .newsletter-parent {
    display: flex;
    justify-content: center;
  }

  .blue-dash {
    background-color: #3F7FBE;
    width: 20%;
    height: 5px;
  }

  .section-3 {
    padding-inline: 150px;
    padding-top: 150px;
  }

  input[type="text"] {
    background-color: rgba(255, 255, 255, 0.3);
    font-family: 'Light';
    width: 100%;
    height: auto;
    padding: 10px;
    outline: none;
    color: #fff;
  }

  input[type="text"]:focus {
    border: none;
    background-color: rgba(255, 255, 255, 0.3);
  }

  .foot {
    margin-top: 150px;
  }

  .task-force .col-12 {
    padding-inline: 1px;
  }

  /* Cache l'input checkbox par défaut */
input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

/* Style de la "checkbox" personnalisée */
input[type="checkbox"] + span::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-color: rgba(255, 255, 255, 0.3);
}

/* Style de la "checkbox" cochée */
input[type="checkbox"]:checked + span::before {
    background-color: #3F7FBE;
    border-color: #3F7FBE;
    content: '✓'; /* Ajouter une coche */
    color: white;
    text-align: center;
    line-height: 16px;
}

/* Pour changer l'apparence au survol */
input[type="checkbox"]:hover + span::before {
    background-color: rgba(255, 255, 255, 0.6);
}

.contact-footer {
    padding-inline: 150px;
}

.purple {
    width: 80px;
    height: 80px;
    background-color: #A250A1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pink {
    width: 80px;
    height: 80px;
    background-color: #FCDFD8;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blue {
    width: 80px;
    height: 80px;
    background-color: #38A6CA;
    display: flex;
    justify-content: center;
    align-items: center;
}

.high-blue {
    width: 80px;
    height: 80px;
    background-color: #3F7FBE;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dark {
    width: 80px;
    height: 80px;
    background-color: #D2D0E0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.round-blue {
    background-color: #3F7FBE;
    width: 100px;
    height: 100px;
    border-bottom-right-radius: 100px;
    margin-left: 320px;
}

.section-1 .section-top {
    padding-inline: 150px;
}

.section-top-left {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-1 .section-bottom {
    padding-inline: 150px;
    padding-top: 150px;
    padding-bottom: 150px;
}

.partners {
  width: 100%;
  padding-inline: 15%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.cards .col-lg-3 {
    padding-inline: 2px;
    padding-top: 3px;
}

.cards .col-lg-3:hover {
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    transform: translate(-2%, 2%)  scale(1.1);
  }

  .partner {
    border-right: 1px solid rgba(192, 192, 192, 0.5);
  }

  .partners .up {
    border-bottom: 1px solid rgba(192, 192, 192, 0.5);
  }

  .logo:hover {
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    transform: translate(-2%, 2%)  scale(1.1);
  }

  .img-manager img {
    width: 380px;
  }

  .s {
    top: 340px;
    position: absolute;
}

.foot p, .foot span {
    opacity: 0.9;
}

.network a:hover {
  animation: rebound 0.5s;
}

.infos .text-regular-white {
  font-size: 16px;
}

.tab div.active {
  background-color: #3F7FBE;
  color: white;
  transition: 0.3s;
}

.tab span {
    font-size: 12px;
    font-weight: 600;
    font-family: 'SemiBold';
}

.tab .service-links {
  cursor: pointer;
  overflow: hidden;
  transition: 0.3s;
}

.tab .service-links:hover {
  background-color: #3F7FBE;
  color: white;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out, color 0.5s, background-color 0.5s;
  transform: translate(-2%, 2%)  scale(1.1);
}

.service-content {
  transition: 0.3s;
}
.audit-services {
  transition: 0.3s;
}

section {
  width: 100%;
}

.illustration-service {
  overflow: hidden;
}

.illustration-service img {
  height: auto;
}

.contact-footer .plans li {
  margin-bottom: 15px;
}

@media (max-width : 767.98px) {

    .img-manager {
        display: flex;
        justify-content: center;
    }

    .round-blue {
        margin-left: 360px;
    }

    .partners {
        width: 100%;
        padding-inline: 25px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section-1 .section-top {
        padding-inline: 25px;
    }

    .section-3 {
        padding-inline: 25px;
    }
    
    .section-top-left {
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .canvas-box-1 {
        display: flex;
        justify-content: center;
    }
    
    .section-1 .section-bottom {
      padding-inline: 20px;
      padding-top: 120px;
      padding-bottom: 50px;
  }

  .canvas {
    margin-top: 50px;
  }

    .text-regular-small-white {
        opacity: 1;
        color: rgba(255, 255, 255, 1);
        font-family: "Thin";
        font-size: 15px;
        font-weight: 400;
        text-align: left;
    }
    
    .text-regular-big-white {
        opacity: 1;
        color: rgba(255, 255, 255, 1);
        font-family: "Thin";
        font-size: 15px;
        font-weight: 400;
        text-align: left;
    }
    
    .text-regular-small-dark {
        opacity: 1;
        color: rgba(0, 0, 0, 1);
        font-family: "Thin";
        font-size: 15px;
        font-weight: 400;
        text-align: left;
    }
    
    .text-regular-dark {
        opacity: 1;
        color: rgba(0, 0, 0, 1);
        font-family: "Light";
        font-size: 13px;
        font-weight: 400;
        text-align: left;
    }
    
    .text-regular-white {
        opacity: 1;
        color: rgba(255, 255, 255, 1);
        font-family: "Light";
        font-size: 13px;
        font-weight: 400;
        text-align: left;
    }
    
    .text-regular-big-dark {
        opacity: 1;
        color: rgba(0, 0, 0, 1);
        font-family: "Light";
        font-size: 16px;
        font-weight: 400;
        text-align: left;
    }
    
    .text-semiBold-white {
        opacity: 1;
        color: rgba(255, 255, 255, 1);
        font-family: "SemiBold";
        font-size: 12px;
        font-weight: 600;
        text-align: left;
    }
    
    .text-semiBold-dark {
        opacity: 1;
        color: rgba(0, 0, 0, 1);
        font-family: "SemiBold";
        font-size: 16px;
        font-weight: 600;
        text-align: left;
    }
    
    .card-text-white {
        opacity: 1;
        color: rgba(255, 255, 255, 1);
        font-family: "SemiBold";
        font-size: 20px;
        font-weight: 600;
        text-align: left;
    }
    
    .card-text-dark {
        opacity: 1;
        color: rgba(0, 0, 0, 1);
        font-family: "SemiBold";
        font-size: 20px;
        font-weight: 600;
        text-align: left;
    }
    
    .text-bold-big-white {
        opacity: 1;
        color: rgba(255, 255, 255, 1);
        font-family: "Bold";
        font-size: 25px;
        font-weight: 700;
        text-align: left;
    }
    
    .text-bold-big-dark {
        opacity: 1;
        color: rgba(0, 0, 0, 1);
        font-family: "Bold";
        font-size: 25px;
        font-weight: 700;
        letter-spacing: 0px;
        text-align: left;
    }

    .cvs {
        margin-inline: 25px;
    }

    .section-6 {
        padding-inline: 25px;
        padding-top: 50px;
        padding-bottom: 50px;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: linear-gradient(to top, rgba(0, 22, 66, 0.8), rgba(0, 22, 66, 0.8) 40%), url("/assets/images/smiling-caucasian-woman.png");
      }

      .cards {
        padding-inline: 25px;
        padding-top: 25px;
        padding-bottom: 50px;
      }

      .team-project {
        padding-inline: 25px;
        padding-top: 50px;
        padding-bottom: 50px;
      }

      .section-2 {
        background-image: linear-gradient(to top, #fff, rgba(0, 22, 66, 0.6) 40%), url('/images/backgroud.png');
        background-size: cover, auto;
        background-position: center, center;
        background-repeat: no-repeat, no-repeat;
        padding-inline: 20px;
    }

    .section-4 {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .contact-footer {
        padding-inline: 25px;
    }

    .newsletter {
        background-color: #3F7FBE;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: -180px;
        width: 90%;
    }

    .options {
        border-bottom: solid 1px rgba(185, 185, 185, 0.1);
      }
    
      .option {
        display: flex;
        align-items: center;
        width: auto;
      }
    
      .option-i {
        
      }

      .section-2-text {
        padding-inline: 0px;
        padding-top: 0px;
    }

    .layout-gray-parent{
        display: flex;
        justify-content: center;
    }

    .partners img {
        width: 50%;
    }

    .logo {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px;
    }

    .s {
        top: 240px;
        margin-left: auto;
        position: absolute;
    }
  }

  @media (min-width: 768px) and (max-width: 991.98px) {
    
    .team-project {
        background-color: #F2F2F2;
        padding-inline: 25px;
    }

    .contact-footer {
        padding-inline: 100px;
    }

    .s {
        top: 240px;
        margin-left: auto;
        position: absolute;
    }

    .cards {
        padding-inline: 25px;
        padding-bottom: 100px;
    }

    .partners {
        width: 100%;
        padding-inline: 0px;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .section-1 .section-top {
        padding-inline: 25px;
    }

    .section-1 .section-bottom {
        padding-inline: 25px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section-2-text {
        padding-inline: 25px;
        padding-top: 0px;
    }

    .cvs {
        margin-inline: 0px;
    }

    .section-3 {
        padding-inline: 25px;
    }

    .img-manager img {
        width: 90%;
      }
    
  }

  @media (min-width: 1900px) {
    .content .max-width {
      max-width: 1900px;
    }

    .content {
      display: flex;
      justify-content: center;
    }

    .section-2 {
      background-image: linear-gradient(to top, #fff, rgba(0, 22, 66, 0.6) 40%), url(/images/backgroud.png);
      background-size: 100% 100%;
      background-position: center, center;
      background-repeat: no-repeat, no-repeat;
    }
  }

/* .employees {
    background-image: url('/images/employees.png');
    background-size: cover;
    background-repeat: no-repeat;
} */