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

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

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

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

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

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

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

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

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

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

²
/* .division-2 {
    color: white;
} */

/* @media (max-width: 1200px) {
    .faded-blue {
        width: 100%;
        padding: 10px;
    }

    .corail-blue {
        width: 30%;
        left: 20%;
    }

    .white {
        width: 90%;
        left: 70%;
    }
}

@media (max-width: 768px) {
    .faded-blue {
        width: 100%;
        padding: 5px;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .corail-blue {
        width: 40%;
        left: 20%;
    }

    .white {
        width: 100%;
        left: 50%;
    }
}

@media (max-width: 576px) {
    .faded-blue, .corail-blue, .white {
        width: 100%;
        padding: 5px;
        left: 50%;
        transform: translateX(-50%);
    }

    .faded-blue {
        top: 60%;
    }

    .corail-blue {
        top: 20%;
    }

    .white {
        top: 40%;
    }
} */

html, body {
    height: 100%;
    margin: 0;
}

.content {
    width: auto;
}

.navigation a {
    color:black;
    font-size: 15px;
    list-style: 24.2px;
    font-family: 'SemiBold';
}

.navigation a:hover {
    color: #29C8E7;
}

.layout {
    background-image: url('../images/Background.jpeg');
    background-size: cover;
    width: auto;
    height: auto;
    position: relative;
    /* background-image: url('../images/Background.jpeg');
    background-size: cover;
    width: 100%;
    height: 100vh;
    position: relative; */
}

.faded-blue{
    background-color: rgba(46, 74, 174, 0.54);
    width: 917px;
    height: 264px;
    position: absolute;
    left: 452px;
    top: 320px;
    /* background-color: rgba(46, 74, 174, 0.54);
    width: 90%;
    max-width: 917px;
    height: auto;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -40%); */
}

.corail-blue{
    background-color: #29C8E7;
    width: 188px;
    height: 320px;
    position: absolute;
    left: 452px;
    /* background-color: #29C8E7;
    width: 20%;
    max-width: 188px;
    height: auto;
    min-height: 320px;
    position: absolute;
    left: 25%;
    top: 10%;
    transform: translateX(-50%); */
}

.corail-blue-1{
    background-color: #29C8E7;
    width: 100px;
    height: 267px;
}

.corail-blue-2{
    background-color: #29C8E7;
    width: 93px;
    height: 192px;
}

.corail-blue-horizontal {
    background-color: #29C8E7;
    width: 291px;
    height: 96px;
    margin-top: 150px;
}

.corail-blue-3 {
    background-color: #29C8E7;
    width: 139px;
    height: 225px;
}

.corail-blue-square {
    background-color: #29C8E7;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 235px;
    left: 514px;
}

.white{
    background-color: #FFF;
    width: 632px;
    height: 946px;
    position: relative;
    left: 737px;
    /* background-color: #FFF;
    width: 80%;
    max-width: 632px;
    height: auto;
    min-height: 946px;
    position: absolute;
    left: 75%;
    top: 20%;
    transform: translateX(-50%); */
}

.white img {
    position: absolute;
    top: 74px;
}

.layout-blue {
    background-color:  rgb(46, 74, 174);
    width: 100%;
    height: auto;
}

.background-band-blue {
    background-color:  rgb(46, 74, 174);
    width: 100%;
    height: 169px;
    /* position: absolute;
    top: 768px; */
}

.background-band-sky-blue {
    background-color: rgba(46, 74, 174, 0.1);
    width: 100%;
    height: 405px;
    position: absolute;
    top: 600px;
}

.text {
    font-family: 'SemiBold';
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
}

.text-1 {
    font-family: 'Light';
    font-size: 18px;
    font-weight: 600;
    line-height: 22.5px;
    text-align: left;
}

.text-2 {
    font-family: 'SemiBold';
    font-weight: 600;
    font-size: 36px;
    line-height: 43.57px;
    margin-top: 157px;
}

.text-3 {
    font-family: 'SemiBold';
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}

.text-4 {
    font-family: 'SemiBold';
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
}

.texte-5 {
    font-family: 'SemiBold';
    font-weight: 600;
    font-size: 15px;
    line-height: 22.5px;
}

.text-6 {
    font-family: 'SemiBold';
    font-weight: 700;
    font-size: 24px;
    line-height: 29.05px;
}

.text-16 {
    font-family: 'SemiBold';
    font-weight: 700;
    font-size: 24px;
    line-height: 29.05px;
}

.big-title {
    font-family: 'Bold';
    font-size: 64px;
    font-weight: 700;
    line-height: 77.45px;
    text-align: left;
}

.title {
    font-family: 'SemiBold';
    font-weight: 600;
    font-size: 36px;
    line-height: 43.57px;
    margin-top: 157px;
}

.title-1 {
    font-family: 'SemiBold';
    font-weight: 600;
    font-size: 36px;
    line-height: 43.57px;
    margin-top: 40px;
}

.left-frame, .right-frame {
    /* border-right: 1px solid #29C8E7; */
    flex: 1;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    padding: 20px;
    box-sizing: border-box;
}

.vertical-line {
    width: 2px;
    background-color: #29C8E7;
    opacity: 0.5;
}

.right-frame-images {
    display: flex;
    align-items: center;
}

.left-frame-image {
    margin-top: 200px;
}

.logos {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

hr.division {
    border: 2px solid #FFF;
    opacity: 1;
    width: 300px;
    border-radius: 1px;
}

hr.division-2 {
    border: 1px solid #fcfafb;
}

hr.division-3 {
    border: 1px solid #fcfafb;
    opacity: 0.7;
}

.contact-mail-1 {
    border-right: #00A099 1px solid;
    height: 35px;
}

.foot-bold {
    font-family: 'SemiBold';
    color: white;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.foot-light {
    font-family: 'Light';
    color: white;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.text-thin {
    font-family: 'Thin';
    bottom: 0;
}

.text-Light {
    font-family: 'Light';
    font-weight: 700;
    font-size: 16px;
    line-height: 21px
}

.foot hr {
    margin-top: 0;
    opacity: 0.9;
}

/* .foot .layout-blue {
    height: 707px;
    width: 1253px;
} */

.layout-blue a {
    text-decoration: none;
}

.cadre {
    width: 100%;
    background: #FFF;
    height: auto;
}

.schema {
    width: 100%;
    /* height: 100vh; */
    background:  rgb(46, 74, 174);
    height: auto;
    position: relative;
    /* background-image: url('../images/removebg\ 1.png'); */
}

.schema-1 {
    width: 100%;
    /* height: 100vh; */
    background:  rgb(46, 74, 174);
    height: auto;
    background-image: url('../images/removebg\ 1.png');
    background-repeat: no-repeat;
}

.schema-1 .corpus {
    margin-top: 140px;
    margin-bottom: 200px;
}

.schema img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.grey {
    background-color: #D9D9D9;
    height: auto;
    width: auto;
}

.grey-white {
    background-color: #FFF;
    /* background-color: rgba(217, 217, 217, 0.05); */
    height: auto;
    width: auto;
}

.grey-white .corpus {
    margin-top: 85px;
    margin-bottom: 150px;
}

.single-rounded-corner-box {
    height: 110px;
    width: 110px;
    border-top-right-radius: 50px;
    background-color: #29C8E7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail-text{
    font-family: 'Light';
    font-weight: 400;
    font-size: 14px;
    line-height: 17.5px;
}

.detail-title {
    font-family: 'Bold';
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #123189;
}

@media(max-width : 768px) {

    .div-text-4 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .content {
        background-color: rgba(217, 217, 217, 0.05);
    }

    .faded-blue{
        background-color: rgba(46, 74, 174, 0.54);
        width: auto;
        height: 150px;
        top: 214px;
        left: 53px;
        position: absolute;
    }

    .corail-blue{
        background-color: #29C8E7;
        width: 100px;
        height: 223px;
        top: -10px;
        left: 53px;
        position: absolute;
    }

    .corail-blue-3 {
        background-color: #29C8E7;
        width: 56px;
        height: 122px;
        top: 292px;
        left: 23px;
    }

    .corpus .text-4 {
        font-family: 'SemiBold';
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        text-align: left;
    }

    .white{
        background-color: #FFF;
        width: 307px;
        height: 736px;
        left: 207px;
        position: relative;
    }

    .grey {
        width: 100%;
    }

    .schema-1 .corpus {
        margin-top: 70px;
        margin-bottom: 50px;
    }

    .big-title {
        font-family: 'Bold';
        font-size: 34px;
        font-weight: 700;
        line-height: 39.05px;
        text-align: left;
    }

    .Logo-demate {
        width: 89px;
        height: 26px;
        top: 89px;
        left: 25px;
    }

    .corail-blue-1 {
        background-color: #29C8E7;
        width: 50px;
        height: 117px;
    }

    .corail-blue-2 {
        background-color: #29C8E7;
        width: 54px;
        height: 104px;
    }

    .corail-blue-square {
        background-color: #29C8E7;
        width: 22px;
        height: 22px;
        top: 171px;
        left: 161px;
        position: absolute;
    }

    .text-1 {
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
    }

    .text-16 {
        font-family: 'SemiBold';
        font-weight: 600;
        font-size: 17px;
        line-height: 20px;
        margin-top: 0px;
    }

    .text-2 {
        font-weight: 600;
        font-size: 17px;
        line-height: 20px;
        margin-top: 89px;
    }

    .text-6 {
        font-weight: 600;
        font-size: 17px;
        line-height: 20px;
        margin-top: 70px;
    }

    .rounded-corner-img {
        width: 20.86px;
        height: 20.86px;
        top: 34.36px;
        left: 10.23px;
    }

    .div-text-2 {
        display: flex;
        justify-content: center;
        align-items: baseline;
    }

    .text-Light {
        font-family: 'Light';
        letter-spacing: -1px;
        font-weight: 400;
        font-size: 13px;
    }

    .single-rounded-corner-box {
        height: 45px;
        width: 45px;
        border-top-right-radius: 50%;
        background-color: #29C8E7;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .detail-text{
        font-family: 'Light';
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
    }

    .details .detail-text {
        font-family: 'Thin';
        font-size: 10px;
        font-weight: 400;
        line-height: 12.5px;
        text-align: left;
    }

    .frame-33 .img-fluid {
        width: 45px;
        height: 45px;
    }

    .frame-12 .title {
        font-size: 17px;
        font-weight: 600;
        line-height: 25.5px;
        /* text-align: left; */
        font-family: 'SemiBold';
        margin-top: 80px;
    }

    .title-1 {
        font-size: 17px;
        font-weight: 600;
        line-height: 25.5px;
        /* text-align: left; */
        font-family: 'SemiBold';
        margin-top: 0px;
    }
    
    .detail-title {
        font-family: 'Bold';
        font-weight: 700;
        font-size: 13px;
        line-height: 19.5px;
        color: #123189;
    }

    .rounded-corner-img {
        width: 45px;
    }

    .image-1 {
        width: 30px;
    }

    .text-3 {
        font-size: 10px;
        line-height: 12px;
    }

    .left-frame {
        border-right: none;
    }

    .footer-box {
        margin-top: 200px;
    }

    .footer-img {
        width: 110px;
        height: 45px;
    }

    .foot-bold {
        font-family: 'SemiBold';
        color: white;
        font-size: 11px;
        font-weight: 700;
        line-height: 16.5px;
    }
    
    .foot-light {
        font-family: 'Light';
        color: white;
        font-size: 9px;
        font-weight: 400;
        line-height: 13.5px;
    }

    .foot-logo-mail {
        width: 13px;
        height: 10px;
        border: 4px;
    }

    .right-frame-images {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .left-frame-image {
        width: 100%;
        margin-top: 0px;
    }

    .logos {
        border-right: none;
    }

    .background-band-blue {
        
    }

    .background-band-sky-blue {
        background-color: rgba(46, 74, 174, 0.1);
        width: 100%;
        height: 155px;
        position: absolute;
        top: 500px;
    }

    .corail-blue-square {
        width: 22px;
        height: 22px;
        top: 171px;
        left: 130px;
    }
}

@media (max-width: 480px) {
    .big-title {
        font-family: 'Bold';
        font-size: 24px;
        font-weight: 700;
        line-height: 29.05px;
        text-align: left;
    }

    .faded-blue{
        background-color: rgba(46, 74, 174, 0.54);
        width: 361px;
        height: 127px;
        top: 214px;
        left: 53px;
        position: absolute;
    }

    .white{
        background-color: #FFF;
        width: 207px;
        height: 736px;
        left: 207px;
        position: relative;
    }

    .background-band-sky-blue {
        background-color: rgba(46, 74, 174, 0.1);
        width: 100%;
        height: 105px;
        position: absolute;
        top: 450px;
    }
}

/* @media (max-width: 1200px) {
    .big-title {
        font-family: 'Bold';
        font-size: 24px;
        font-weight: 700;
        line-height: 29.05px;
        text-align: left;
    }

    .faded-blue{
        background-color: rgba(46, 74, 174, 0.54);
        width: 361px;
        height: 127px;
        top: 214px;
        left: 53px;
        position: absolute;
    }

    .white{
        background-color: #FFF;
        width: 207px;
        height: 736px;
        left: 207px;
        position: relative;
    }
} */

/* @media (max-width: 1200px) {
    .faded-blue {
        width: 100%;
        padding: 10px;
    }

    .corail-blue {
        width: 30%;
    }

    .white {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .faded-blue {
        width: 100%;
        padding: 5px;
    }

    .corail-blue {
        width: 40%;
    }

    .white {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .white {
        width: 100%;
        padding: 5px;
        margin: 10px 0;
        background-color: #FFF;
        width: 207px;
        height: 736px;
        left: 207px;
        position: relative;
    }
} */