/* all */
body,
* {
   /* font-family: 'AeonikTrial', sans-serif; */
}

/* all end */
/* font */
  @font-face {
    font-family: 'AeonikTrial';
    src: url('font/aeoniktrial-regular.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'AeonikTrial';
    src: url('font/aeoniktrial-regularitalic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'AeonikTrial';
    src: url('font/aeoniktrial-light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'AeonikTrial';
    src: url('font/aeoniktrial-lightitalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'AeonikTrial';
    src: url('font/aeoniktrial-bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'AeonikTrial';
    src: url('font/aeoniktrial-bolditalic.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
}

/* font end*/

/* page header */
.header .menu-toggle {
    display: none;
}

.header {
    display: flex;
    justify-content: center;
    top: 0;
    z-index: 2;
}

.header .menu-mobile {
    display: none;
}

.header .container:has(.content) {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 0;
}

.header .container .content {
    display: flex;
    justify-content: space-between;
    align-items: end;
    border-bottom: 2px solid #ffffff25;
    position: relative;
    z-index: 3;
    height: 100%;
    flex-direction: row;
    flex-wrap: wrap;
	    padding-top: 50px;
}
.header .top-bar img{
	    width: 20px;
}
.header .top-bar {
	    width: 100%;
	    color: white;
	    background: linear-gradient(119.36deg, #C18542 0%, #D19753 39%, #E8B06B 99%);
	    padding: 10px;
	text-align:end;
	
	
}

.header .logo {
    padding: 26px 0px;
}
.header .logo img {
    width: 160px;
}

.header .menu {
    display: flex;
    column-gap: 0px;
    height: 160px;
    position: relative;
    align-items: center;
}

.header .menu .menu-link {
    color: white;
    text-decoration: none;
    height: 100%;
    display: flex;
    padding: 0px 19px;
    align-items: center;
    font-size: 18px;
    width: 170px;
    text-align: center;
    transition: font-weight 0.3s ease, background-color 0.3s ease, color 0.3s ease;
    justify-content: center;
}

.header .menu.blue .menu-link {
    color: #002349;
}

.header .contact-button {
    margin-left: 30px;
}

.header .menu .menu-link.active,
.header .menu .menu-link:hover {
    font-weight: 700;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    border-bottom: 1px solid #FFFFFF;
}

/* page header end */

/* colors text */
.blue-color {
    color: #002349;
}
.open-blue-color {
    color: #0e394c21;
}
.white-color {
    color: white;
}
.gray-color {
    color: #767676;
}

/* colors text end*/

/* load more */
.load-more {}

.load-more a {
    width: 20%;
    display: flex;
    justify-content: center;
    column-gap: 15px;
}

/* load end*/
.contact-frm .inpt-groupe.message p{
	width:100%
}
/* see more button part */
.see-more-part {
    position: relative;
    display: flex;
    align-items: center;
}

.see-more-part .see-more {
    width: 100%;
    color: #002349;
}

.see-more-part .arrow {
    position: absolute;
    right: 20px;
}

/* see more button part end */

/* buttons bg */
.button-orange {
    background: linear-gradient(119.36deg, #C18542 0%, #D19753 39%, #E8B06B 99%);
    box-shadow: 0px 4px 14px rgba(122, 122, 122, 0.25);
}

.button-blue {
    background: #0E394C;
    outline: 3px solid #0E394C;
    border: 3px solid #ffffff63;
    box-shadow: 0px 4px 14px rgba(122, 122, 122, 0.25);
}
.button-open-blue {
    background: #0e394c2b;
    outline: 3px solid #0e394c26;
    border: 3px solid #0e394c2b;
    box-shadow: 0px 4px 14px rgba(122, 122, 122, 0.25);
    color: #0E394C !important;
}

.button-open-orange {
    background: rgba(232, 176, 107, 0.1);
    box-shadow: 0px 4px 14px rgba(122, 122, 122, 0.25);
}

.button-white {
    background: white !important;
    outline: 3px solid white !important;
    border: 3px solid #0E394C !important;
    color: #0E394C !important;
}

.button-o-b {
    color: white;
    text-decoration: none;
    padding: 11px 46px;
    font-weight: 600;
    font-size: 15px;
    transition: 0.5s;
    text-align: center;
}

.button-orange:hover {
    background: linear-gradient(100.66deg, #002349 8.95%, #003773 30.06%, #003B7A 62.52%);
}
.button-open-blue:hover {
    background: #0E394C;
    outline: 3px solid #0E394C;
    border: 3px solid #ffffff63;
    color: white !important;
}
.button-blue:hover {
    background: #0e394c2b;
    outline: 3px solid #0e394c26;
    border: 3px solid #0e394c2b;
    box-shadow: 0px 4px 14px rgba(122, 122, 122, 0.25);
    color: #0E394C !important;
}
.button-white:hover {
    background: #0E394C !important;
    outline: 3px solid #0E394C !important;
    border: 3px solid #ffffff63 !important;
    box-shadow: 0px 4px 14px rgba(122, 122, 122, 0.25) !important;
    color: white !important;
}
/* buttons bg end*/
/* contact form */
.contact-frm .inpt-groupe label {
    color: #0E394C;
    font-weight: 600;
    font-size: 14px;
}

.contact-frm .inpt-groupe.inpt-icn {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.contact-frm .inpt-groupe.inpt-file {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.contact-frm .inpt-groupe.inpt-icn .icn {
    position: absolute;
    right: 10%;
    z-index: 9;
}

.contact-frm .inpt-groupe.inpt-icn .inpt-txt {
    width: 100%;
    background: rgba(0, 35, 73, 0.1);
    border: none;
    padding: 10px 57px 10px 30px;
    position: relative;
    transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.contact-frm .inpt-groupe.inpt-icn .inpt-txt:focus,
.contact-frm .inpt-groupe.inpt-icn .inpt-txt:active {
    background: rgb(5 5 5 / 4%);
    color: #0E394C;
    outline: none;
    /* Optional: Removes the default outline */
    box-shadow: 0px 0px 10px rgba(0, 35, 73, 0.5);
}

.contact-frm .inpt-groupe.inpt-icn .inpt-txt:focus-visible {
    outline: none;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.contact-frm .inpt-groupe.civility {
    width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contact-frm .inpt-groupe.civility input:checked {
    background-color: #c98e4a;
    border-color: #c98e4a;
    width: 2em;
    height: 2em;
}

.contact-frm .inpt-groupe.civility input {
    width: 2em;
    height: 2em;
}

.contact-frm .inpt-groupe.civility p {
    display: flex;
    align-items: center;
}

.contact-frm .inpt-groupe.name {
    width: 32%;
}

.contact-frm .inpt-groupe.email {
    width: 32%;
}

.contact-frm .inpt-groupe.phone {
    width: 23%;
}

.contact-frm .inpt-groupe.domainexp {
    width: 23%;
}

.contact-frm .inpt-groupe.yearsexp {
    width: 23%;
}

.contact-frm .inpt-groupe.nivetude {
    width: 23%;
}

.contact-frm .inpt-groupe.fonction {
    width: 23%;
}

.contact-frm .inpt-groupe.cv {
    width: 23%;
}

.contact-frm .inpt-groupe.lettre {
    width: 23%;
}

.contact-frm .inpt-groupe.message {
    width: 100%;
}


.contact-frm .inpt-groupe.inpt-icn .inpt {
    display: flex;
    align-items: center;

}

.contact-frm .inpt-groupe.check-box.readApp {
    width: 66%;
}

.contact-frm .inpt-groupe.check-box.readApp input:checked {
    background-color: #c98e4a;
    ;
    border-color: #c98e4a;
}

.contact-frm .inpt-groupe.submit {
    width: 30%;
    display: flex;
    justify-content: end;
}

.contact-frm .inpt-groupe.submit button {
    width: 90%;
}

.contact-frm .inpt-groupe.inpt-icn.message .inpt-txt {
    padding-left: 80px;
	 height: 150px;
}

.contact-frm .inputs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 2%;
    row-gap: 40px;
}

.contact-frm .inpt-groupe.civility .inpt {
    display: flex;
    column-gap: 39%;
    justify-content: center
}

.contact-frm .inpt-groupe.civility .inpt p {
    margin: 0;
}

.contact-frm .inpt-groupe.civility .inpt .check-1 {
    display: flex;
    column-gap: 100%;
    flex-direction: row-reverse;
}

.contact-frm .inpt-groupe.inpt-file {}

.contact-frm .inpt-groupe.inpt-file input#file-upload-button {
    display: none;
}

#file-upload-button {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.contact-frm .inpt-groupe.inpt-file input {
    width: 100%;
    background: rgba(0, 35, 73, 0.1);
    border: none;
    padding: 10px 57px 10px 30px;
    position: relative;
    transition: background 0.3sease, color 0.3sease, box-shadow 0.3sease;
}

.contact-frm .inpt-groupe.inpt-file .inpt {}

.contact-frm .inpt-groupe.inpt-file .inpt .cloud-icn {}

.contact-frm .inpt-groupe.inpt-file .inpt .cloud-icn .icn {}

.contact-frm .inpt-groupe.inpt-file .msg {
    display: flex;
    column-gap: 7px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.contact-frm .inpt-groupe.inpt-file .msg p {
    font-size: 12px;
    margin: 0;
}

.contact-frm .inpt-groupe.inpt-file .msg img {}

/* contact form end */
/* font weight */
.f-400 {
    font-weight: 400;
}

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

/* font weight end */


/* page footer */

.footer {
    padding: 30px 0px 0px 0px;
    background-color: #0E394C;
    position: relative;
}
.footer .footer-bg {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: contain;
    height: 79%;

}

.footer .part-1 {
    display: flex
    ;
        padding-bottom: 50px;
        flex-direction: row;
        flex-wrap: wrap;
        border-bottom: 1px solid #ffffff21;
}

.footer .part-1 .logo {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    row-gap: 20px;
}
.footer .part-1 .logo .description {
    color: #ffffffa3;
    text-align: justify;
    width: 80%;
}

.footer .part-1 .logo img {
    width: 170px;
}

.footer .part-1 .logo .desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    margin-top: 40px;
    width: 70%;
    text-align: justify;
}

.footer .part-1 .links {
    width: 60%;
    display: flex
;
    padding-top: 60px;
    flex-direction: row;
    flex-wrap: wrap;
}

.footer .part-1 .links .lnks {
    width: 55%;
    display: flex
;
    flex-direction: column;
}

.footer .part-1 .links .heading {
    font-weight: 700;
    font-size: 25px;
    color: white;
}

.footer .part-1 .links .contact {
    width: 45%;
    display: flex
;
    flex-direction: column;
}

.footer .part-1 .links .link {
    font-weight: 400;
    font-size: 16px;
    color: #ffffffab;
    text-decoration: none;
    margin: 4px 0px;
    display: flex;
    column-gap: 15px;
}
.footer .part-1 .links .link img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(20%) hue-rotate(118deg) brightness(104%) contrast(104%);
}
.footer .part-2 .social{
	    column-gap: 11%;
}
.footer .part-2 .social a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
}
.footer .part-2 .social a img {
	width:100%;
}
.footer .part-2 {
    border-top: 1px solid #0023491b;
    padding: 17px 41px;
    display: flex;
    justify-content: space-between;
	align-items:center;
}

.footer .part-2 .desc {
    margin: 0;
    color: white;
}

.footer .part-2 .conf {
    color: white;
    text-decoration: none;
}

/* project cards */
.project-cards {
    min-height: 400px;
    display: flex;
    justify-content: center;
    column-gap: 0%;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 20px;
}

.project-cards .card {
    width: 33%;
    display: flex;
    align-items: center;
    border: none;
    background: none;
    padding: 30px;
    position: relative;
    justify-content: center;
    text-decoration: none;
}

.project-cards .card .crd-main-icn {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 220px;
}

.project-cards .crd-img {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}

.project-cards .crd-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.project-cards .crd-content {
    padding-top: 30px;
    width: 85%;
    display: flex;
    flex-direction: column;
    padding: 20px 20px;
    height: 100%;
    transform: translateY(-28px);
    background: white;
    box-shadow: 0px 34px 54px rgba(204, 204, 204, 0.25);
}

.project-cards .crd-content .crd-title {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 10px;
}

.project-cards .crd-content .crd-date {
    font-size: 15px;
    font-weight: 600;

}

.project-cards .crd-content .crd-dsc {
    font-weight: 400;
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
    margin-bottom: 25px;
}

/* project cards end */
/* project detail */


.project-dt .section-1 {
    position: relative;
    padding: 50px 0px;
}

.project-dt .section-1 .filter {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(177.9deg, #F7F8FA 1.74%, rgba(247, 248, 250, 0.9) 48.52%, #F7F8FA 96.69%);
    z-index: -1;
}

.project-dt .section-1 .img-section {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: cover;
    z-index: -2;
}

.project-dt .section-1 .content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 2%;
}

.project-dt .section-1 .content .breadcrumb {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 10px;
    width: 100%;
    align-items: center;
}

.project-dt .section-1 .content .breadcrumb .ttl {
    font-size: 25px;
}

.project-dt .section-1 .content .breadcrumb .ttl.ttl-blue {
    color: #0023497b;
}

.project-dt .section-1 .content .breadcrumb .ttl.ttl-orange {
    color: #d2975475;
}

.project-dt .section-1 .content .breadcrumb .icn {
    color: #d2975475;
    font-size: 25px;
}

.project-dt .section-1 .content .left-sd {
    width: 47%;
}

.project-dt .section-1 .content .left-sd .top-content {
    padding-top: 30px;
}

.project-dt .section-1 .content .left-sd .top-content .ttl {
/*     background: linear-gradient(103.58deg, #C18542 10.99%, #D19753 36.9%, #E8B06B 76.75%), #002349;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
/*     background-clip: text; */
/*     text-fill-color: transparent; */
    font-weight: 700;
    font-size: 30px;
}

.project-dt .section-1 .content .left-sd .top-content .dsc {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    color: #002349;
}

.project-dt .section-1 .content .left-sd .bottom-content {
    padding-top: 50px;
}

.project-dt .section-1 .content .left-sd .bottom-content .ttl {
    color: #002349;
    font-weight: 700;
    font-size: 20px;
}

.project-dt .section-1 .content .left-sd .bottom-content .dsc {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
}

.project-dt .section-1 .content .right-sd {
    width: 47%;
}

.project-dt .section-1 .content .right-sd .imgs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 3%;
    row-gap: 50px;
}

.project-dt .section-1 .content .right-sd .imgs .img-sd {
    width: 47%;
    height: 150px;
    object-fit: cover;
}

.project-dt .section-1 .content .right-sd .imgs .right-bottom {}

.project-dt .section-1 .content .right-sd .imgs .left-bottom {}

.project-dt .section-1 .content .right-sd .imgs .right-top {
    transform: translateX(34%);
}

.project-dt .section-1 .content .right-sd .imgs .left-top {
    transform: translateX(34%);
}


/* section 2 */
.project-dt .section-2 {
    padding: 50px 0px;
}

.project-dt .section-2 .sides {
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.project-dt .section-2 .sides .left-sd {
    width: 43%;
    position: relative;
}

.project-dt .section-2 .sides .left-sd img {
    width: 100%;
}


.project-dt .section-2 .sides .right-sd {
    position: relative;
    width: 55%;
}

.project-dt .section-2 .sides .right-sd .description {
    font-weight: 700;
    font-size: 16px;
    line-height: 29px;
}

.project-dt .section-2 .sides .right-sd .heading {
    font-weight: 700;
    font-size: 30px;
}

.project-dt .section-2 .sides .right-sd .goal {
    display: flex;
    align-items: self-start;
}

.project-dt .section-2 .sides .right-sd .goal:last-child {
    margin-bottom: 29px;
}

.project-dt .section-2 .sides .right-sd .goal img {
    margin-top: 1%;
}

.project-dt .section-2 .sides .bg {
    position: absolute;
    width: 55%;
    height: 100%;
    object-fit: cover;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.project-dt .section-2 .sides .right-sd .goal p {
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}

.project-dt .section-2 .sides .right-sd .see-more {}

/* section 2 end */

/* section 3 */
.project-dt .section-3 {
    padding: 50px 0px;
}

.project-dt .section-3 .content .description {
    padding-top: 20px;
    font-size: 16px;
    line-height: 29px;
}

.project-dt .section-3 .content .heading {
    font-weight: 700;
    font-size: 30px;
}

.project-dt .section-3 .content .goals {
    padding-top: 10px;
}

.project-dt .section-3 .content .goal {
    display: flex;
    align-items: self-start;
}

.project-dt .section-3 .content .goal:last-child {
    margin-bottom: 29px;
}

.project-dt .section-3 .content .goal .img {
    margin-top: 0.2%;
}

.project-dt .section-3 .content .bg {
    position: absolute;
    width: 55%;
    height: 100%;
    object-fit: cover;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.project-dt .section-3 .content .goal p {
    font-weight: 400;
    font-size: 16px;
    margin: 0;
}

.project-dt .section-3 .content .imgs {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.project-dt .section-3 .content .imgs .img {
    width: 33%;
}

/* section 3 end */
/* section 4 */
.project-dt .section-4 .img-section {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: cover;
    z-index: -2;
}

.project-dt .section-4 {
    padding: 50px 0px;
    position: relative;
}

.project-dt .section-4 .sides {
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.project-dt .section-4 .sides .right-sd {
    width: 50%;
    position: relative;
}

.project-dt .section-4 .sides .right-sd img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}


.project-dt .section-4 .sides .left-sd {
    position: relative;
    width: 50%;
}

.project-dt .section-4 .sides .left-sd .description {
    font-size: 16px;
    line-height: 29px;
    text-align: justify;
    padding-top: 30px;
}

.project-dt .section-4 .sides .left-sd .heading {
    font-weight: 700;
    font-size: 30px;
}

.project-dt .section-4 .sides .bg {
    position: absolute;
    width: 55%;
    height: 100%;
    object-fit: cover;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.project-dt .section-4 .filter {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(177.9deg, #F7F8FA 1.74%, rgba(247, 248, 250, 0.9) 48.52%, #F7F8FA 96.69%);
    z-index: -1;
}



/* section 4 end */
/* project detail end */
/* page footer end */
/* responsive  1350 */
@media screen and (max-width:1350px) {
    .header .menu .menu-link {
        font-size: 15px;
        width: 130px;
    }
}

/* responsive  1350 end */
/* responsive  1200 */
@media screen and (max-width:1200px) {

    /* header */
    .button-o-b {
        text-align: center;
    }

    .header .menu .menu-link {
        font-size: 15px;
        width: 100px;
    }

    .header .logo img {
        width: 120px;
    }

    /* header end */

    /* footer */
    .footer .part-1 .links .link {
        font-size: 13px;
    }

    .footer .part-1 .links .heading {
        font-size: 25px;
    }

    .footer .part-1 .logo .desc {
        font-size: 13px;
        line-height: 29px;
    }

    .footer .part-1 .logo img {
        width: 150px;
    }

    /* footer end */
}
/* bread crumb */
.breadc img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.breadc .title{
    color: white;
    z-index: 9;
    position: relative;
    
}
.breadc .filter{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(14, 57, 76, 0.95), rgba(14, 57, 76, 0.95));
    z-index: 1;

}
.breadc{
    position: relative;
    height: 340px;
    display: flex
;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 70px;
    
}
/* bread crumb end */
/* responsive  1200 end*/

/* responsive  992 */

@media screen and (max-width:992px) {

    /* header mobile */
    .header .menu-toggle {
        display: block;
    }

    .header .menu {
        display: none;
    }

    .header .menu-mobile {
        visibility: hidden;
        /* Instead of display: none */
        opacity: 0;
        transform: translateY(-100%);
        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(14, 57, 76, 0.95), rgba(14, 57, 76, 0.95));
            mix-blend-mode: normal;
        backdrop-filter: blur(12.5px);
        z-index: 1000;
        pointer-events: none;
        /* Prevent interaction when hidden */
    }

    .header .menu-mobile.active {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
        padding-top: 90%;
        overflow-y: scroll;
        padding-bottom: 20%;
    }

    .header .menu-mobile .menu-link {
        margin-top: 21px;
        padding: 20px;
        font-weight: 300;
        color: white;
        text-decoration: none;
        font-size: 20px;
        text-align: center;
        width: 90%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        transition: 0.5s;
    }

    .header .menu-mobile .contact {
        width: 90%;
        margin-top: 38px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .menu-mobile .contact .tel {
        display: flex;
        column-gap: 12px;
    }

    .header .menu-mobile .contact .tel a {
        text-decoration: none;
        color: white;
        font-size: 19px;
    }

    .header .menu-mobile .contact .social {
        display: flex;
        column-gap: 10px;
    }

    .header .menu-mobile .contact .social img {
        width: 100%;
    }

    .header .menu-mobile .contact .social a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
    }

    .header .menu-mobile .menu-link.active {
        background: linear-gradient(360deg, rgba(193, 133, 66, 0.1) 0%, rgba(193, 133, 66, 0) 100%);
        border-bottom: 1px solid #C18542;
        font-weight: 500;
    }

    .header .menu-mobile .contact-button {
        margin-top: 50px;
        width: 65%;
        background: #0e394c73;
        outline: 3px solid #0e394c73;
        border: 3px solid #ffffffad;
        color: white !important;
        margin: 40px 0px 0px 0px;
    }

    .header .icns {
        padding: 20px;
        display: flex;
        cursor: pointer;
        background: #0E394C;
        outline: 3px solid #0E394C;
        border: 3px solid #ffffff63;
        box-shadow: 0px 4px 14px rgba(122, 122, 122, 0.25);
    }

    .header .logo-mb img {
        position: absolute;
        left: 30px;
        top: 25px;
        width: 120px;
    }

    .header .menu-toggle span {
        background-color: white;
        height: 3px;
        width: 25px;
        margin: 5px 0;
        display: block;
    }

    /* Close button styling */
    .header .menu-mobile .close-menu {
        position: absolute;
        top: 38px;
        right: 30px;
        color: white;
        cursor: pointer;
        padding: 7px 35px;
        font-size: 17px;
    }

    .header .container .content {
        width: 100%;
		padding-top:30px;
        align-items: center;
    }
    .footer .footer-bg {
        width: 100%;
    }
    /* header mobile end */

    /* projet dt */
    .project-dt .section-1 .content .breadcrumb .ttl {
        font-size: 20px;
    }

    .project-dt .section-1 .content .breadcrumb .icn {
        font-size: 20px;
    }

    .project-dt .section-1 .content .left-sd .top-content .ttl {
        font-size: 25px;
    }

    .project-dt .section-1 .content .left-sd .top-content .dsc {
        font-size: 13px;
    }

    .project-dt .section-1 .content .left-sd .bottom-content .dsc {
        font-size: 13px;
    }
    .project-dt .section-1 .content .left-sd .bottom-content {
        padding-top: 0px;
    }
    .project-dt .section-2 .sides .left-sd {
        width: 100%;
    }
    .project-dt .section-2 .sides  {
       row-gap: 20px;
    }
    .project-dt .section-2 {
        padding-bottom: 20px;
    }
    .project-dt .section-2 .sides .right-sd {
        width: 100%;
    }

    .project-dt .section-2 .sides .right-sd .heading {
        text-align: center;
        font-size: 20px;
        padding-bottom: 20px;
    }

    .project-dt .section-2 .sides .right-sd .goals {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }

    .project-dt .section-2 .sides .right-sd .goal p {
        font-size: 13px;
    }
    .project-dt .section-3 {
        padding-top: 0px;
    }
    .project-dt .section-3 .content .heading {
        font-size: 20px;
        text-align: center;
    }
    .project-dt .section-3 .content .description {
        font-size: 13px;
    }
    .project-dt .section-3 .content .goal p {
        font-size: 13px;
    }
    .project-dt .section-3 .content .imgs .img {
        width: 44%;
    }
    .project-dt .section-4 .sides .left-sd .heading {
        font-size: 20px;
        text-align: center;
    }
    .project-dt .section-4 .sides .left-sd .description {
        font-size: 13px;
        padding-top: 20px;
    }
    .project-dt .section-4 .sides .left-sd {
        position: relative;
        width: 100%;
    }
    
    .project-dt .section-4 .sides .right-sd {
        position: relative;
        width: 100%;
    }
    .project-dt {
        padding-top: 130px;
    }
    .breadc .title {
        z-index: 2;
    }


    /* projet dt end*/

}

/* responsive  992 end*/

/* responsive  768 */

@media screen and (max-width:768px) {
	.header .top-bar {
text-align:center;
}
	.project-cards .crd-img .see-more{
		position: absolute;
    width: auto;
     left: unset; 
     bottom: unset; 
    top: 4%;
    color: #646464;
    font-size: 10px;
    width: 50%;
    padding: 6px 0px;
	}
	.project-cards .crd-img img {
		height:unset;
    width: 100%;
    object-fit: contain;
    object-position: left;
}
	.project-cards .crd-img {
    justify-content: end;
    position: relative;
    align-items: unset; 
}
	.contact-frm .inpt-groupe.inpt-icn.message .inpt-txt {
    padding-left: 30px;
    padding-right: 20px;
}
    .see-more-part .see-more {
        text-align: left;
		        font-size: 13px;
    }
	.contact-frm .inpt-groupe.civility .inpt .check-1 {
    column-gap: 40%;
}
	    .contact-frm .inpt-groupe.civility {
        width: 100%;
    }

    .footer .part-1 .links .heading {
        font-size: 16px;
    }

    .contact-frm .inpt-groupe.submit {
        width: 100%;
        display: flex;
        justify-content: center;
    }
	
    .contact-frm .inpt-groupe.submit input{
        width: 100%;
    }

    .contact-frm .inpt-groupe label {
        font-size: 14px;
    }

    .contact-frm .inpt-groupe.check-box.readApp {
        width: 100%;
		padding:0;
    }
	.contact-frm .inpt-groupe.check-box.readApp .wpcf7-list-item {
    margin: 0;
}
	.contact-frm .inputs {
    row-gap: 0px;
}

    .contact-frm .inpt-groupe.inpt-file {
        width: 100%;
    }

    .contact-frm .inpt-groupe.civility {
        width: 100%;
        row-gap: 30px;
    }

    .contact-frm .inpt-groupe.inpt-icn {
        width: 100% !important;
    }

    .load-more a {
        width: 70%;
    }

    .project-cards .card {
        width: 100%;
    }

    .container {
        width: 90%;
    }

    .footer {
        padding: 45px 0px 0px 0px;
    }

    .footer .part-1 {
        display: flex;
        padding-bottom: 27px;
        flex-direction: column;
        position: relative;
    }

    .footer .part-1 .logo {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .footer .part-1 .logo .desc {
        font-size: 13px;
        width: 100%;
    }

    .footer .part-1 .links {
        width: 100%;
        display: flex;
        padding-top: 55px;
        flex-direction: column;
        row-gap: 24px;
    }

    .footer .part-1 .links .lnks {
        width: 100%;
    }

    .footer .part-1 .links .link {
        color: white;
    }

    .footer .part-2 {
        padding: 23px 37px 23px 37px;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 15px;
    }

    .footer .part-2 .desc {
        margin: 0;
        text-align: center;
		width:100%;
    }
    .footer .part-1 .links .contact {
        width: 100%;
    }
    /* project dt */
    .project-dt .section-1 .content .left-sd {
        width: 100%;
    }
    .project-dt .section-1 .content .right-sd {
        width: 100%;
    }
    .project-dt .section-1 .content .right-sd .imgs .left-top {
        transform: translateX(0%);
    }
    .project-dt .section-1 .content .right-sd .imgs .right-top {
        transform: translateX(0%);
    }
    .project-dt .section-3 .content .imgs .img {
        width: 90%;
    }
    .project-dt .section-1 .content .right-sd .imgs .img-sd {
        width: 100%;
    }
    .project-dt .section-1 .content .right-sd .imgs {
        flex-wrap: unset; 
        overflow-x: scroll;
    }
    .project-dt .section-3 .content .imgs {
        flex-wrap: unset; 
        overflow-x: scroll;
        justify-content: start;
    }
    .project-dt .section-4 .sides .left-sd {
        order: 2;
    }
    .project-dt .section-4 .sides .right-sd img {
        height: 200px;
    }
    .project-dt .section-4 .sides{
        row-gap: 30px;
    }
    /* project dt end */
    .project-cards .crd-content .crd-title {
        font-size: 18px;
    }
    .project-cards .crd-content .crd-dsc {
        font-size: 12px;
    }
    .load-more {
        margin-top: 30px;
    }
}

/* responsive  768 end*/