.img_intro_pmdp img{
    width: 380px !important;
}
.page-id-1234 .cardd img {
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #ccc;
}
.page-id-1375 .cardd img {
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #ccc;
}
.contact_us_dgma img {
    width: 40px;
    height: 44px;
    background: #141313;
    padding: 5px;
}

h3.h3_services {
    font-size: 14px;
    color: #ccc;
}
.stats-block.stats-top.counter_team_dg {
    padding: 40px 20px;
    width: 50%;
    color: #fff;
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 50px;
    text-align: center;
}
.counter_team_dg  .aio-icon.none {
    color: #e86f3b !important;
    left: 5px;
    position: relative;
}




/*.page-id-1403 .hide_viewtower, .page-id-1343 .hide_engie, .page-id-1375 .hide_pommedepain, .page-id-1234 .hide_saydalia, .page-id-1434 .hide_anfaplace{
    display:none !important;
}*/
.back-shapes.back-shapes_slider {
    animation: 9;
    position: relative;
    overflow: visible;
}

.bloc_contact_small {
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 50px;
    padding: 20px;
    border-bottom: 0px !important;
    text-align: center;
}


.html5-video-player a{
    display: none !important;
}
.ytp-title-link {
     display: none !important;
}

.bloc_vid_new_all {
    border-radius: 20px !important;
    box-shadow: 0px 0px 10px 0px #0a1d23;
}

.voir_plus_dgma a {
    color: #fff;
}
.voir_plus_dgma a:hover {
    color: #fff;
}
.page-id-1554  article.category-offres {
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 50px;
    padding: 20px;
    border-bottom: 0px !important;
}
.offres_entetes_new {
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 50px;
    padding: 20px;
    border-bottom: 0px !important;
    margin-top: 40px;
}
.offres_entetes_new img {
    border-radius: 100px;
}
.offres_entetes_content {
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 50px;
    padding: 20px;
    border-bottom: 0px !important;
    margin-top: 40px;
}

.page-id-1554  button.g-filters-item.active {
    background: #d75e2b !important;
    color: #fff !important;
}
.page-id-1554  h3.w-post-elm {
    color: #fff;
}
.page-id-1554  h3.w-post-elm:hover {
    color: #fff;
}
.page-id-1554 time.w-post-elm.post_date {
    display: none;
}
.page-id-1554 .bloc_date_author {
    display: none;
}
.page-id-1554 .img_post_grille img {
    background-color: #eee;
    padding: 5px 4px 5px 5px;
    border-radius: 100px !important;
    width: 146px;
    height: 146px;
    object-fit: cover;
    transition: 0.3s;
}
.page-id-1554 .w-popup-box-content {
    background: black !important;
    color: #fff !important;
    border: 1px solid #736a6abd;
}
.page-id-1554 select {
    color: #fff;
    background: black !important;
}
.page-id-1554 input.wpcf7-form-control {
    color: #fff;
}
.page-id-1554 textarea {
    background: transparent;
    box-shadow: none;
    border: 1px solid #fff;
    border-radius: 0px !important;
    height: 100px;
    color: #fff;
}
.page-id-1554 .w-popup-box-content input.wpcf7-form-control.wpcf7-submit {
    background: #000 !important;
    float: right;
    padding: 10px 40px;
    border: 1px solid;
}
.page-id-1554  input[type="checkbox"] {
    border: 1px solid #fff;
    color: #fff;
}


h1.h1_new_pages {
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
}
h1.h1_new_pages::after {
    display: none !important;
}
.entete_new_pages a {
    color: #fff;
}
.entete_new_pages {
/*    border-bottom: 1px solid rgb(67 64 64);*/
}
nav.g-breadcrumbs:after {
    border-bottom: 1px solid rgb(67 64 64);
    padding-bottom: 40px;
    content: "";
    display: block;
    width: 440px;
    text-align: center;
    margin: 0 auto;
}
.nous_contacter_new {
    margin-top: 20px;
    border-radius: 30px;
    padding: 15px 40px;
    background: #e96f3b;
    color: #fff !important;
    letter-spacing: 1px;
    font-weight: 400;
    border: 1px solid #e96f3b;
}
.nous_contacter_new:hover {
    border: 1px solid #fff !important;
    background: transparent !important;
}




.img_team_01 img {
    border-radius: 20px;
}
.img_team_medium img {
    height: 280px;
    object-fit: cover;
    width: 250px !important;
}
.big_img_team_bloc {
    border-radius: 20px;
}
.img_small._team img {
    height: 320px;
    width: 100%;
    object-fit: cover;
}
.bloc_promesses_global {
    border-radius: 30px;
    padding: 60px;
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    font-size: 17px;
    line-height: 25px;
    min-height: 240px;
    color: #fff;

}
.promesses_titre_dgma_ {
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    padding-bottom: 20px;
    font-size: 18px;
}
.bloc_promesses_02 {
    position: relative;
    top: -60px;
}
.bloc_promesses_03 {
    top: -120px;
}
.bloc_promesses_04 {
    top: -180px;
}
.bloc_promesses_05 {
    top: -240px;
}

#carousell {
    position: relative;
    top: unset;
    left: 25%;
    transform-style: preserve-3d;
    height: 340px;
}
.bloc_quotes_dgma {
    border: 1px solid #ccc;
    padding: 28px !important;
    border-radius: 20px;
    font-size: 32px;
    line-height: 49px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.bloc_quotes_dgma:before {
    position: absolute;
    top: 10px;
    left: 20%;
    background: url(../../uploads/2024/12/citation.png);
    width: 50px;
    height: 50px;
    background-size: contain;
    content: "";
    filter: invert(1);
    background-repeat: no-repeat;
    transform: rotate(180deg);
}
.bloc_quotes_dgma:after {
    position: absolute;
    bottom: 10px;
    right: 20%;
    background: url(../../uploads/2024/12/citation.png);
    width: 50px;
    height: 50px;
    background-size: contain;
    content: "";
    filter: invert(1);
    background-repeat: no-repeat;
/*    transform: rotate(180deg);*/
}





.cardd {
    position: absolute;
    width: 300px;
    height: auto;
    transform-style: preserve-3d;
    transition: 1s;
    object-fit: cover;
}
.cardd:nth-child(1) {
  transform: translateX(0) translateZ(0);
  
}
.cardd:nth-child(2) {
  transform: translateX(-30%) translateZ(-50px) scale(0.8);
  
}
.cardd:nth-child(3) {
  transform: translateX(30%) translateZ(-50px) scale(0.8);
 
}




.img_anfaplace_rounder img {
    border-radius: 20px;
    height: 340px;
    object-fit: cover;
    width: 100% !important;
}

.video_videotower_reel video {
    height: 580px;
}
.video_videotower_reel  {
    text-align: center;
}
.float_img_anfaplace img {
    height: 550px;
    object-fit: cover;
}


.view_tower_img img {
    height: 680px;
    object-fit: cover;
    position: absolute;
    bottom: 0;
    overflow: visible;
}
.float_img.img_vt_01 {
    position: relative;
    bottom: -80px;
    right: -80px;
    z-index: 3;
}
.img_vt_02 {
    position: relative;
    right: 50px;
    z-index: 2;
}
.bloc_vt_imgs {
    left: 10%;
    position: relative;
}

.img_sac img {
    width: 70% !important;
}
.img_sac {
    transform: rotate(24deg);
    width: 100%;
    text-align: center !important;
}
.img_pain {
    position: absolute;
    bottom: -47px;
    text-align: center;
    transform: rotate(-12deg);
    right: -20px;
}
.img_pain img {
    width: 380px !important;
}
.img_cake {
    position: absolute;
    text-align: center;
    left: -40%;
    bottom: 45%;
    transform: rotate(-29deg);
}
.img_cake img {
    width: 31% !important;
}



.img_engie_section_01 img {
    border-radius: 20px;
    height: 470px;
    object-fit: cover;
}
.video_engie video {
    height: 470px;
    object-fit: cover;
    border-radius: 20px;
    width: 100%;
}
.vid_engie_3 .mejs-container * {
    font-family: Helvetica, Arial;
    border-radius: 60px !important;
}
.vid_engie_3 div#mep_0 {
    border-radius: 60px !important;
}

.box-canvas{
  position: relative;
  margin: auto;
  display: block;
  margin-top: 8%;
  margin-bottom: 8%;
  width: 600px;
  height:600px;
}

.big_wind_2 {
    position: absolute;
    right: -80%;
    filter: blur(1px);
    bottom: -125%;
}
.big_wind_2 .pole {
    width: 5px;
}
.big_wind_2 .blade::after {
    height: 10px;    
    width: 100px;
}

.pole {
  position: absolute;
/*  top: 150px;*/
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 400px;
  background-image: -webkit-radial-gradient(50% 0%, 8% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(50% 100%, 12% 50%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(0% 50%, 50% 7%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(100% 50%, 50% 5%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.1) 3.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0.1) 7.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, 0.2) 2.2%), -webkit-radial-gradient(50% 50%, 200% 50%, #e6e6e6 5%, #d9d9d9 30%, #999999 100%);
}

.blade::after {
  content: '';
  position: absolute;
  bottom: 0px;
  width: 200px;
  height: 20px;
  background-image: -webkit-radial-gradient(50% 0%, 8% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(50% 100%, 12% 50%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(0% 50%, 50% 7%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(100% 50%, 50% 5%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.1) 3.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0.1) 7.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, 0.2) 2.2%), -webkit-radial-gradient(50% 50%, 200% 50%, #e6e6e6 5%, #d9d9d9 30%, #999999 100%);
  clip-path: polygon(20% 0, 0% 100%, 100% 100%);
}

.blade {
  position: absolute;
  width: 20px;
  height: 10px;
  background: white;
}

.blade.one {
  top: 140px;
  left: 305px;
}

.blade.two {
  top: 150px;
  left: 275px;
  transform: rotate(120deg);
}

.blade.three {
  transform: rotate(240deg);
  top: 120px;
  left: 290px;
}

.blade-wrapper {
  position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 600px;
    animation: rotateBlades 5s infinite linear;
    top: -134px;
}

.blade-wrapper::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
 background-image: -webkit-radial-gradient(50% 0%, 8% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(50% 100%, 12% 50%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(0% 50%, 50% 7%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(100% 50%, 50% 5%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.1) 3.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0.1) 7.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, 0.2) 2.2%), -webkit-radial-gradient(50% 50%, 200% 50%, #e6e6e6 5%, #d9d9d9 30%, #999999 100%);
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  top: 125px;
}

@keyframes rotateBlades {
  0% {
    transform: translateX(-50%);
    transform-origin: 50% 140px;
  }
  
  100% {
    transform: translateX(-50%) rotate(360deg);
    transform-origin: 50% 140px;
  }
}



video.VideoMain.videoSalonSaydalia {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.drone_img {
    transform: rotate(-17deg);
    position: absolute;
    width: 260px !important;
    top: 8%;
    right: 76%;
}
.img_panneau_engie.align_none {
    position: absolute;
    bottom: -13px;
    height: 402px;
    filter: blur(1px);
}
.img_panneau_engie_02 {
    position: absolute;
    bottom: -25px;
    height: 670px;
    filter: blur(1px);
    right: 0;
}
.big_wind_ {
    position: absolute;
}





@keyframes float {
    0% {
        
        transform: translatey(0px);
    }
    50% {
        
        transform: translatey(-20px);
    }
    100% {
        
        transform: translatey(0px);
    }
}
.float_img img {
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}


.img_mockup {
    border-radius: 20px;
}
.img_mockup_height_2 img {
    height: 650px;
    width: 100% !important;
    object-fit: cover !important;
}
.img_mockup_height img {
    min-height: 383px;
    object-fit: cover;
}
.bloc_nos_studies {
    border-top: 1px solid rgb(238 238 238 / 40%);
    padding-top: 40px;
}





.saydalia_logo img {
    width: 330px !important;
}
.w-grid-item-h {
    border: 0px solid #eee;
}
.client_title {
    color: #595959;
    font-weight: 500;
}
.client_centent {
    font-weight: 500;
    padding-top: 10px;
}
.bloc_client_intro {
    border-bottom: 2px solid #ccc;
    padding-bottom: 40px;
}
.title_h2_case_study h2 {
    font-weight: 700;
    font-size: 25px;
    line-height: 35px;
    padding-bottom: 40px;
    letter-spacing: 1px;
}
.case_stydy_text {
    font-weight: 500;
}
.img_blog_saydalia img {
    width: 297px !important;
}
.img_blog_saydalia {
    text-align: center;
}

.animation-container {
    background: black;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.shape1 {
      position: absolute;
    top: 56%;
    left: 6%;
    width: 25rem;
    height: 25rem;
    background: #f0682f66;
    border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
    filter: blur(12rem);
/*  animation: shape1 20s infinite;*/
}

/*@keyframes shape1 {
  0% {
    transform: translate(0, 0);
    border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
  }
  25% {
    transform: translate(-55%, -10%);
    border-radius: 28% 72% 81% 19% / 78% 25% 75% 22%;
    height: 50rem;
    width: 80rem;
  }
  50% {
    transform: translate(-90%, -10%);
    border-radius: 60% 40% 0% 100% / 1% 74% 26% 99%;
  }
  75% {
    transform: translate(-30%, -10%);
    border-radius: 0% 100% 100% 0% / 0% 100% 100% 0%;
    height: 30rem;
    width: 45rem;
  }
  100% {
    transform: translate(0%, 0%);
    border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
  }
}*/

.shape2 {
  position: absolute;
  top: 33%;
  left: 40%;
  width: 35rem;
  height: 25rem;
  background: #07171c;
  border-radius: 73% 27% 77% 23% / 53% 4% 96% 47%;
  filter: blur(12rem);
/*  animation: shape2 35s infinite;*/
}

/*@keyframes shape2 {
  0% {
    transform: translate(0, 0);
    border-radius: 73% 27% 77% 23% / 53% 4% 96% 47%;
  }
  25% {
    transform: translate(-55%, -55%);
    border-radius: 28% 72% 81% 19% / 78% 25% 75% 22%;
    height: 50rem;
    width: 50rem;
  }
  50% {
    transform: translate(-70%, -70%);
    border-radius: 60% 40% 0% 100% / 1% 74% 26% 99%;
  }
  75% {
    transform: translate(-30%, -30%);
    border-radius: 0% 100% 100% 0% / 0% 100% 100% 0%;
  }
  100% {
    transform: translate(0%, 0%);
    border-radius: 73% 27% 77% 23% / 53% 4% 96% 47%;
  }
}*/

.shape3 {
  position: absolute;
  top: 20%;
  left: 80%;
  width: 25rem;
  height: 25rem;
/*  background: #1d140f;*/
  border-radius: 70% 30% 80% 20% / 42% 25% 75% 58%;
  filter: blur(14rem);
/*  animation: shape3 35s infinite;*/
}

/*@keyframes shape3 {
  0% {
    transform: translate(0, 0);
    border-radius: 70% 30% 80% 20% / 42% 25% 75% 58%;
  }
  25% {
    transform: translate(-125%, -25%);
    border-radius: 28% 72% 81% 19% / 78% 25% 75% 22%;
    height: 50rem;
    width: 50rem;
  }
  50% {
    transform: translate(-90%, -35%);
    border-radius: 60% 40% 0% 100% / 1% 74% 26% 99%;
  }
  75% {
    transform: translate(-30%, -40%);
    border-radius: 0% 100% 100% 0% / 0% 100% 100% 0%;
  }
  100% {
    transform: translate(0%, 0%);
    border-radius: 70% 30% 80% 20% / 42% 25% 75% 58%;
  }
}*/

.shape4 {
  position: absolute;
  top: 42%;
  left: 70%;
  width: 25rem;
  height: 25rem;
/*  background: #0c252d;*/
  border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
  filter: blur(5rem);
/*  // animation: shape1 20s infinite;*/
}

.shape5 {
  position: absolute;
  top: 33%;
  left: 40%;
  width: 35rem;
  height: 25rem;
  background: #091e25;
  border-radius: 73% 27% 77% 23% / 53% 4% 96% 47%;
  filter: blur(5rem);
  // animation: shape2 15s infinite;
}

.shape6 {
  position: absolute;
    top: 17%;
    left: 77%;
    width: 25rem;
    height: 25rem;
    background: hsl(195deg 98.9% 35.69% / 64%);
    border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
    filter: blur(12rem);
/*  // animation: shape3 30s infinite;*/
}
div#img_rotate_ :after {
    content: '';
    background: hsl(195deg 98.9% 35.69% / 64%);
    border-radius: 24% 76% 77% 23% / 30% 30% 70% 70%;
    filter: blur(12rem);
    width: 25rem;
    height: 25rem;
    display: block;
    position: absolute;
    top: 17%;
    left: 14%;
}



.shape5{
    display: none;
}
.shape2{
    display: none;
}

/*.page-id-557 .shape5{
    display: block;
}
.page-id-557 .shape2{
    display: block;
}
*/




.case_study_bloc {
   width: 100% !important;
    height: 440px;
    margin-bottom: 70px;
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 30px;
    padding: 33px;
    transform: rotate(344deg) !important;
}
.page-id-1141 .case_study_bloc {
    width: 100% !important;
    height: 440px;
    margin-bottom: 70px;
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 30px;
    padding: 33px;
    transform: unset !important;
/*    border: 1px solid rgb(131 118 118);*/
/*    right: -21px;*/
}


.img_casestudy img {
    border-radius: 10px;
    height: 280px;
    object-fit: fill;
}
.slick-track {
    padding-top: 30px;
}







/*   cards csss  */
section#pinned-section--- {

    border-radius: 15px !important;

}
.dm-front-card:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    background: black;

}
.dm-front-card p {
    font-size: 29px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 35px;
    padding-left: 20px;
    position: absolute;
    bottom: 35px;
}
.dm-flip-card.small_crad_ {
    height: 250px;
}
section#pinned-section--- {
    padding: 0px;

}
.bg_video_services_center_all {
    border-right: 15px solid hsl(0deg 0% 0% / 87%);
    border-left: 15px solid hsl(0deg 0% 0% / 87%);
}
.white_space_services {
    border-top: 15px solid hsl(0deg 0% 0% / 90%);
}
.bg_video_services {
  position: relative;
  width: 100%;
  height: 100vh; /* Adjust the height as needed */
  overflow: hidden;
}

.bg_video_services video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: -1; /* Keep the video in the background */
}

.dm-flip-card {
  
 position: relative;
    height: 450px;
    background: transparent;
    transform-style: preserve-3d;
    perspective: 2000px;

    
} 

.dm-front-card {
  
   position:absolute;
   height:100%;
   width:100%;   
   backface-visibility: hidden;
   transition: transform 1s;

   background-positon:center center;
     
}

/*Just overlay color of front image*/

.dm-front-card:after {
  
  content:'';
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
  opacity:0.5;
  
}
  
.dm-back-card {
  
   position:absolute;
   height:100%;
   width:100%;
   background:#d85f2d;
   backface-visibility: hidden;
   transform:rotateY(180deg); /*-180deg to flip direction*/
   transition: transform 1s;
   justify-content:center;
   align-items:center;
   display:flex;
   flex-direction:column;
   
  
}

.dm-flip-card:hover .dm-front-card {
        
    transform: rotateY(-180deg); /*180deg to flip direction*/
        
}
    
.dm-flip-card:hover .dm-back-card {
        
    transform:rotateY(0deg);
        
}











.client-logo:hover {
    transform: scale(1.05);
}


.bloc_engagement_down {
    position: relative;
    top: 85px;
}
.w-vwrapper.process-item-wrapper {
    margin-left: 7px;
}
div#img_rotate_ {
    position: relative;
    left: -25%;
}
.votre_imagination_bloc {
    left: 48%;
    top: -55px;
}
.engagement_titre_dgma strong {
    font-size: 20px;
}
.w-tabs-list {
    background: transparent !important;
}
.w-tabs-list-h {
    background: transparent !important;
}
.services_accordion {
    border-radius: 15px;
    padding: 55px;
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    z-index: 99;
    position: relative;
}
button.w-tabs-item {
    border: 1px solid #fff !important;
    margin-right: 25px;
    border-radius: 30px;
    color: #fff !important;
    letter-spacing: 1px;
}
.w-tabs.style_default>.w-tabs-list .w-tabs-item.active {
    border-color: transparent;
    border-radius: 30px;
    padding: 10px 30px;
    color: #fff !important;
    background: #4e4f51 !important;
}
.accordion__content {
    line-height: 20px;
    font-weight: 700;
    color: #979191;
    font-size: 15px;
    text-align: justify;
}

.accordions {
  width: 100%;
  margin: 0 auto;
}
.separator_new {
    border-bottom: 1px solid #5b5555;
    padding-top: 0px;
}
/*.accordion {*/
/*    overflow: hidden;*/
/*    transition: border-color .5s ease;*/
/*    padding: 40px;*/
/*    color: #fff;*/
/*}*/

.accordion:hover {
  border-color: #fff;
}

.accordion__header {
    cursor: pointer;
    font-weight: 500;
    font-size: 40px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 1rem;
    color: white;
    letter-spacing: 2px;
}
.accordion__header:after, .accordion__header:before {
    content: '';
    position: absolute;
    right: 40px;
    width: 2px;
    height: 0.75em;
    background-color: #666;
    transition: all 0.2s;
    font-size: 60px;
    font-weight: 900 !important;
}
.accordion__header:after {
  transform: rotate(90deg);
}

.accordion:has(input:checked) .accordion__header {
    color: #fff;
    padding-bottom: 40px;
}

.accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  * {
        padding: 0 1em 1em;
  }
}

.accordion input {
  display: none;
}

.accordion:has(input:checked) {
    background-color: black;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    border-radius: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.accordion input:checked ~ .accordion__header:before {
    transform: rotate(270deg) !important;
  background-color: #fff;
 }

.accordion input:checked ~ .accordion__header:after {
    transform: rotate(370deg) !important
  background-color: #fff;
 }

.accordion input:checked ~ .accordion__content {
    max-height: 1000px; /* Adjust based on content length */
}


.container_mouse {
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 2rem;
    cursor: pointer;
    position: relative;
    bottom: 0;
    text-align: center;
}

.container_mouse .mouse-btn {
    margin: 10px auto;
    width: 40px;
    height: 80px;
    border: 4px solid hsl(0deg 4.19% 67.25% / 41%);
    border-radius: 30px;
    display: flex;
    position: absolute;
    
}

.container_mouse .mouse-btn .mouse-scroll {
  display: block;
  width: 20px;
  height: 20px;
  background: linear-gradient(170deg, rgba(122, 122, 124, 0.918), rgb(123, 124, 124));
  border-radius: 50%;
  margin: auto;
  animation: scrolling 1s linear infinite;
}


@keyframes scrolling {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(20px);
  }
}

span.w-itext-part {
    color: #de6330;
}
.process-item-wrapper {
  width: 100vw;
/*  padding-block: 7rem;*/
}
.engagement_titre_dgma {
 width: 30%;
    border-radius: 15px;
    padding: 40px 75px 40px 30px;
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    font-size: 14px;
    line-height: 20px;
    min-height: 159px;
}
.w-hwrapper.inner-div.valign_middle {
    overflow-x: visible;
    width: 400%;
/*    height: 380px;*/
    display: flex;
    flex-wrap: nowrap;
}


/* Shapes & Animation
*/
.backwrap.gradient {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 710px;
    position: absolute;
    left: 0;
    bottom: -17%;
}
.back-shapes {
  width: 100%;
  height: 100%;
  position: relative;
/*  overflow: hidden;*/
}

.back-shapes img {
  opacity: 1;
  position: absolute;
  width: 1.5%;
}

.floating {
  position: absolute;
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 13s;
  -webkit-animation-duration: 13s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.floating2 {
  position: absolute;
  animation-name: floating2;
  -webkit-animation-name: floating2;
  animation-duration: 13s;
  -webkit-animation-duration: 13s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.floating.circle {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../../uploads/2024/11/Layer-9.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.floating2.circle2 {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url(../../uploads/2024/11/Layer-9.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
  position: absolute;
}

.floating.square {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(../../uploads/2024/11/Layer-6.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.floating.triangle {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(../../uploads/2024/11/Layer-4.png);  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.floating.cross {
  display: inline-block;
  width: 10px;
  height: 10px;
 background-image: url(../../uploads/2024/11/Layer-3.png);  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.floating.cross2 {
  display: inline-block;
  width: 30px;
  height: 30px;
 background-image: url(../../uploads/2024/11/Layer-3.png);  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}


@keyframes floating {
  0% {
    transform: translateY(0%) rotate(-35deg);
  }
  50% {
    transform: translateY(300%) rotate(35deg);
  }
  100% {
    transform: translateY(0%) rotate(-35deg);
  }
}
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(300%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}


@keyframes floating2 {
  0% {
    transform: translateY(0%) rotate(-10deg);
  }
  50% {
    transform: translateY(150%) rotate(15deg);
  }
  100% {
    transform: translateY(0%) rotate(-30deg);
  }
}
@-webkit-keyframes floating2 {
  0% {
    -webkit-transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}


.panel__section {
  width: 100%;
/*  height: 100vh;*/
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.votre_imagination_text2 {
    font-size: 70px;
    font-weight: 900;
    position: relative;
    width: 200%;
    z-index: 9;
    line-height: 70px;
}
.votre_imagination_text1 {
    font-size: 70px;
    font-weight: 900;
    position: relative;
    width: 200%;
    line-height: 70px;
}
.text_votre_imagination {
    position: relative;
    right: -79%;
    top: -6%;
    line-height: 55px;
}
div#img_rotate_ img {
    height: 700px;
    width: 100%;
    position: relative;
    z-index: 3;
}


.down_scroll a {
    color: #fff;
    font-size: 20px;
    position: absolute;
    bottom: 15%;
}

.down_scroll a:hover {
    color: #fff;
}
/*  css menu */
ul.w-nav-list.level_1 {
    background-color: rgb(36 35 35 / 55%) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}
.votre_imagination_text{
     z-index: 9;
    position: relative;   
}
a.w-nav-control.active .w-nav-icon {
    color: white !important;
}
a.w-nav-control {
    margin-top: 28px;
}
.w-nav-icon>div:before {
    display:none;
}
.w-nav-icon>div, .w-nav-icon>div:before, .w-nav-icon>div:after {

    display: none;

}
a.w-nav-control.active .w-nav-icon {
    background-image: url(../../uploads/2024/07/fermer.png);
    background-size: contain;
    background-repeat: no-repeat;
}
a.w-nav-control {
    background-image: url(../../uploads/2024/07/burger.png);
    background-size: contain;
    background-repeat: no-repeat;
}
span.w-nav-title {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
}
/* end css menu */
/*  css case study  */
.pin-spacer {
    padding-bottom: 0px !important;
}
.voir_plus_dgma {
    position: absolute;
    bottom: 77%;
    right: 0;
    font-size: 25px;
    letter-spacing: 3px;
}
.voir_plus_dgma i.fas.fa-arrow-right {
    font-size: 16px;
}
.section2_ {
    margin-bottom: -50vh !important;
}
.casestudy_link {
    text-align: right;
    right: 8px;
    position: absolute;
    bottom: 10px;
}
.casestudy_link a {
    background: #fff;
    padding: 10px 15px;
    border-radius: 50px;
    transform: rotate(312deg);
    position: absolute;
    right: 20px;
    bottom: 30px;
}
.img_casestudy img {
    border-radius: 10px;
}
.casestudy_content {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    width: 85%;
}
.casestudy_title {
    text-align: left;
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}
.page-id-1141 .casestudy_title {
    padding-top: 20px;
}
.h2_new_dgma._absolute {
    position: absolute;
    top: 15%;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.rotated_deiv {
    will-change: transform;
    transform: translate3d(-20.1396vw, -50.698vh, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-15deg) skew(0deg, 0deg) !important;
    transform-style: preserve-3d;
    flex-direction: column;
    display: flex;
    position: relative;
    margin: 0 auto;
    text-align: center;
    right: -60%;
}
.fullpage1,
.fullpage2 {
  height: 100vh;
  display: block;
  justify-content: flex-end;
  align-items: flex-start;
  background-size: 20px 20px;
/*  border-top: 1px solid rgb(128 128 128 / 67%);*/
    overflow: hidden;
/*    margin-top: 45px !important;*/

}

.itemcontainer1,
.itemcontainer2 {
  width: 100%;
  display: block;
  flex-direction: column;
  align-items: center;
  padding: 50vh 0px 0vh 0px;
}

.item {
    width: 350px;
    height: 440px;
    margin-bottom: 70px;
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 30px;
    padding: 33px;
    border: 1px solid rgb(128 128 128 / 67%);
}



/* end css case study*/



.bloc_engagement_dgma:hover {
    background-color: rgb(36 35 35 / 98%);
}
footer#page-footer {
    overflow: visible;
}
input:not([type=submit]):focus {
    box-shadow: 0px 0px 0px 0px #fff;
}
.cards {
    display: grid;
    grid-gap: 0px !important;
}
.services_dgma_title span {
    color: #dc602d;
}
.services_dgma_image img {
    width: 290px;
    height: auto;
}

.services_dgma_image {
    text-align: center;
    display: block;
    width: 50%;
    margin: 0 auto;
    z-index: 9999;
    position: relative;
}
.services_dgma_content {
    width: 80%;
    margin: 0 auto;
    font-size: 15px;
    text-align: justify;
    line-height: 25px;
    color: darkgray;
}
.services_dgma_title {
    display: block;
    padding: 40px 0px;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 80%;
    margin: 30px auto;
    border-bottom: 1px solid #ffffff30;
}
/* css case contact  */
.contact_bloc_dgma_new {
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 50px;
    padding: 10px 40px;
    border: 1px solid rgb(128 128 128 / 67%);
}

.contact_bloc_dgma_new input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    padding: 10px !important;
    background: #fff;
    color: #000 !important;
    border-radius: 20px;
    font-weight: 900;
}
.contact_bloc_dgma_new input {
    background: transparent;
    color: #fff;
    box-shadow: none;
    border-bottom: 1px solid #fff;
    margin: 0px !important;
    padding: 0px !important;
}
.contact_bloc_dgma_new textarea {
    background: transparent;
    border-radius: 0px !important;
    color: #fff;
    box-shadow: none;
    border-bottom: 1px solid #fff;
    margin: 0px !important;
    padding: 0px !important;
}
/* end css contact  */

/* css engagement    */
.bloc_engagement_dgma_4 {
    right: 30px;
}
.bloc_engagement_dgma_2 {
    right: -30px;
}
.bloc_engagement_dgma_1 {
    right: -60px;
}

.bloc_engag_down {
    top: 40px;
}
.bloc_engagement_dgma {
    border-radius: 15px;
    padding: 55px;
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

/* end css engagement   */

/* css logos*/
/* Overlay */
#full-screen-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Black overlay with 50% opacity */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease, visibility 0.1s ease; /* Smooth transition for opacity and visibility */
  z-index: 998; /* Ensure the overlay is below the hovered logo */
}

.overlay-visible #full-screen-overlay {
  opacity: 1;
  visibility: visible;
}

/* Hover effect for logos */
.logo_new_dgma_.hovered {
  z-index: 1000; /* Bring hovered logo above the overlay */
  transition: transform 0.1s ease;
  background: rgb(235 235 235 / 20%) !important; /* Slightly scale up the hovered logo */
}



.client-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.logo_new_dgma_ {
    width: 16%;
    height: 140px;
    text-align: center;
    display: block;
    position: relative;
    margin-bottom: 8px !important;
    padding-top: 10px;
    padding-bottom: 20px;
    background: #2f2929  url(../../../img/noise-transparent.png) repeat 0 0;
    background-repeat: repeat;
    animation: bg-animation .1s infinite;
    transition: opacity 0.1s ease;
    opacity: .9;
    visibility: visible;
    border-radius: 10px;
}
.client-logo img {
    width: 180px;
    margin: 0 auto;
    padding-top: 0%;
    height: 60px;
}

.client-logo {
  position: relative;
  width: 150px; 
  /*height: 150px; */
  margin: 10px;
  transition: transform 0.3s ease;
  z-index: 1; 
  text-align: center;
    display: inline-table;
}

.client-logo img {
  position: absolute;
  top: 9px;
  left: 0;
  transition: opacity 0.3s ease;
  object-fit: contain;
}

.client-logo .colored-logo {
  opacity: 0;
}

.logo_new_dgma_:hover .white-logo {
  opacity: 0;
}

.logo_new_dgma_:hover .colored-logo {
  opacity: 1;
  z-index:1000;
}




/* end css logos */


/* css services  */
.card-wrapper.card-wrapper-right {
    right: -40px !important;
    position: relative;
}

.oxi-image-hover-wrapper-1 .oxi-addons-row .oxi-image-hover-style {
    object-fit: contain;
    background: #20100e;
    padding: 20px 20px 20px 20px;
    margin-right: 10px;
}
.oxi-image-hover-wrapper-1 .oxi-addons-row .oxi-image-hover-caption-tab {
    background: transparent !important;
}
.card.brand-content-block {
    flex-wrap: wrap;
    display: flex;
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 50px;
    height: 530px !important;
}
.pin-spacer {
    margin-bottom: 0px !important;
}
.card-wrapper {
  width: 100%;
  perspective: 500px;
  margin-bottom: 50px;
}
.card-wrapper:last-child {
  margin-bottom: 0;
}

.cards {
  /*width: 70%;*/
  /*margin: 0 auto;*/
  /*padding: 0 50px;*/
}




/*  end css services  */


.h2_new_dgma h2 {
    font-size: 50px;
    font-weight: 700;
}
.text_intro_dgma {
    line-height: 28px;
    font-weight: 600;
    color: #979191;
}
.h1_dgma_new h1::after {
    display: none;
}





div#mep_0 {
    width: 100% !important;
    border-radius: 60px;
}
.wp-video {
    width: 100% !important;
    border-radius: 60px;
}
video#video-557-1_html5 {
    box-shadow: 0px 0px 10px 0px #363636;
    width: 1920px !important;
    height: auto !important;
    border-radius: 60px;
}
.mejs-controls {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
.img_logo_dgma img {
    width: 300px !important;
}
.big_text_dgma {
    font-size: 70px;
    font-weight: 700;
    line-height: 62px;
}
.img_dgma_absolute {
    position: absolute;
    right: -4%;
    top: 145px;
    transition: transform 0.5s ease;
    z-index: 1;
    width: 500px;
    /*transition: transform .1s ease;*/
}


.img_dgma_absolute:hover {
    /*transform: scale(1.1);*/
    /*filter: invert(1);*/
}





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

.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
}

#video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
}


/* The Transformation */
.img-hover-zoom--slowmo:hover img {
    /*filter: invert(1);*/
  
}




}
/*small screens*/
@media screen and (max-width: 1020px) {
main#page-content {
    background: black;
}
footer#page-footer {
    background: black;
}
.logo_new_dgma_ {
    width: 32%;
}
.engagement_titre_dgma {
    width: auto;
    border-radius: 15px;
    padding: 20px;
    min-height: 299px;
    margin-top: 30px;
}
.wpb_text_column.dm-front-card {
    background: #474545;
    border-radius: 20px;
}
.wpb_text_column.dm-back-card {
    border-radius: 20px;
}




}

/*  tablett css */

@media screen and (max-width: 1024px) {
.engagement_titre_dgma {
    width: auto;
    padding: 20px;
    min-height: 250px;
}
.client-logo img {
    width: 120px;
    margin: 0 auto;
    height: 64px;
    left: 3% !important;
}
.case_study_bloc {

    right: 9px;
}


.h1_dgma_new h1 {
    font-size: 25px;
}
.dm-front-card {
    background-image: url(../../uploads/2024/12/Sans-titre-1.jpg) !important;
    border-radius: 5px;
    background-size: cover;
    height: 400px !important;
    padding: 35px;
}
.dm-back-card {
    height: 400px !important;
    padding: 14px;
}
h3.h3_services {
    padding-left: 10px;
    position: absolute;
    bottom: 20px;
}
.h2_new_dgma h2 {
    font-size: 25px;
    text-align: center;
    padding-top: 30px;
}
.white_space_services {
    display: none;
}
.engagement_titre_dgma {

        min-height: 220px;
  
    }
.w-tabs-section-header {

    padding: 10px 7px;

}




}
/*  mobile css */

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

.bloc_contact_small {

    border-radius: 20px;

}



.page-id-1554 .img_post_grille img {
    width: 70px !important;
    height: 70px;
   border-width: 0px !important;

}
.page-id-1554 article.category-offres {
    border-radius: 10px;

}
.term-stage {
    position: absolute;
    left: 0;
    top: -115px;
}
.term-cdi{
    position: absolute;
    left: 0;
    top: -115px;
}
.term-cdd{
    position: absolute;
    left: 0;
    top: -115px;
}


.client-logo {
    margin: 0px;

}
.logo_new_dgma_:hover .white-logo {
    left: unset !important;
    position: absolute;
    top: 30px !important;
}
    .client-logo img {
        left: unset !important;
        position: relative;
        top: 30px !important;
        transition: opacity 0s ease;
    }
.show_on_click_mobile {
    display: none !important;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translateY(-20px);
}

.show_on_click_mobile.visible {
    display: block !important;
    opacity: 1;
    transform: translateY(0);
}
div#show_more_reference {
    width: 100%;
    float: left;
    font-size: 40px;
}

.slick-track {
    height: 432px;
}
.ult-carousel-wrapper {
    margin-bottom: 35px;
    padding-bottom: 0px;
}


rs-slide {
    border-radius: 15px;
}




main#page-content {
    background: black;
}

    
div#img_rotate_ img {
    height: 330px;
    width: 100%;
    position: relative;
    z-index: 3;
}    
div#img_rotate_ {
    left: unset;
}    
    
    
 .votre_imagination_bloc {
    left: unset;
    top: unset;
}
.votre_imagination_text1 {
    font-size: 46px;
    font-weight: 900;
    position: relative;
    width: 100%;
    z-index: 9;
    line-height: 46px;
    text-align: center;
}
.votre_imagination_text2 {
    font-size: 46px;
    font-weight: 900;
    position: relative;
    width: 100%;
    z-index: 9;
    line-height: 46px;
    text-align: center;
}   
    
    
    
    
 .big_text_dgma {
        font-size: 34px;
        font-weight: 600;
        line-height: 38px;
        letter-spacing: 1px;
}
.logo_new_dgma_ {
        width: 48%;
        float: left;
   margin-right: 2% !important;
}
.video-background {
        /* width: 500px; */
        /* object-fit: cover; */
        background: black;
 }
a.w-nav-control {
    right: 20px;
    position: relative;
}
 .img_dgma_absolute {
        width: 225px;
        top: -140%;
        right: -3%;
} 
video#video-557-1_html5 {
    border-radius: 10px;
}
.img_logo_dgma img {
    width: 200px !important;
}
.h1_dgma_new {
    text-align: center;
    padding-bottom:40px;
}
.h1_dgma_new h1{
     font-size: 30px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}
.img_logo_dgma img {
    width: 200px !important;
}
.h2_new_dgma h2 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 0px;
    padding-top: 0px;
}
.services_dgma_title {
    padding: 30px 0px 20px 0px;
    font-size: 22px;
    width: 80%;
    line-height: 35px;
    text-align: center;
}   
.services_dgma_image img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}    
  
.item {
    width: 265px;
    height: 350px;
    margin-bottom: 35px;
    border-radius: 20px;
    padding: 15px;

}    
.img_casestudy img {
    /*border-radius: 10px;
    height: 130px;
    width: 100%;
    object-fit: cover;*/
}    
.casestudy_link a {
    right: 5px;
    bottom: 6px;
}
.casestudy_title {
    font-size: 20px;
}
.voir_plus_dgma {
    display: none;
}
.bloc_engagement_dgma_1 {
    right: 0px;
}
.bloc_engagement_dgma_2 {
    right: -20px;
    top: -30px !important;
}
.bloc_engagement_dgma_3 {
    top: -60px;
}
footer#page-footer {
    background: black;
}




.bloc_engagement_dgma_4 {
    right: -20px;
    top: -90px;
}
.bloc_engagement_dgma {
    padding: 43px 20px;
    text-align: center;
    line-height: 21px;

}
.bloc_engagemment_ {
    padding-left: 40px;
    padding-right: 50px;
}
section#pinned-section--- {
    padding: 0px;
    border-radius: 15px;
}
.rotated_deiv {
    transform: translate3d(-20.1396vw, -50.698vh, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(356deg) skew(0deg, 0deg) !important;
    right: -37%;
}
.contact_bloc_dgma_new {
        border-radius: 20px;
        padding: 20px 20px;
        border: 0px;
        margin-top: 20px;
    }
.dm-front-card {
    background-color: rgb(36 35 35 / 55%);
    box-shadow: 0px 0 31px 0px rgb(0 0 0 / 10%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 50px;
    padding: 40px;
}
.dm-back-card {
    border-radius: 50px;
}
.dm-flip-card.small_crad_ {
    height: 400px;
    margin-bottom: 30px;
}
.dm-flip-card.big_crad_ {
    margin-bottom: 30px;
}
.bg_video_services_center_all {
    border-right: 0px solid hsl(0deg 0% 0% / 87%);
    border-left: 0px solid hsl(0deg 0% 0% / 87%);
    padding-left: 20px;
    padding-right: 21px;
}
.wpb_column.vc_column_container.bg_video_services_left_all.bg_video_services_all__ {
    padding-left: 20px;
    padding-right: 21px;
}
.wpb_column.vc_column_container.bg_video_services_right_all.bg_video_services_all__ {
    padding-left: 20px;
    padding-right: 21px;
}
.engagement_titre_dgma {
    width: 100%;
    margin-top: 0px;
    border-radius: 15px;
    min-height: 140px;
    padding: 20px;
}
.g-cols.wpb_row.via_grid.cols_4.laptops-cols_inherit.tablets-cols_inherit.mobiles-cols_1.valign_top.type_default.stacking_default {
    grid-gap: 20px;
}
.w-popup-box-content {

    border-radius: 0px;

}
#carousell {

    left: unset;
        margin-left: 20px;

}
  .page-id-1234   #carousell {
        left: unset;
        margin-left: 36px;
    }


.img_anfaplace_rounder img {

    object-fit: contain;

}
    .case_study_bloc {
       width: 81% !important;
        right: -25px;
        height: 371px;
    }
    .img_casestudy img {
        width: 100% !important;
        height: 225px;
        object-fit: cover;
    }  

 .page-id-1141 .img_casestudy img {
    height: 260px;
    object-fit: cover;
}


.casestudy_link {
    text-align: right;
    right: 25px;
    position: absolute;
    bottom: 45px;
}
.big_wind_ {
    position: relative;
}
.drone_img {
    top: 0%;
    right: 30%;
}
.box-canvas {

    margin-bottom: -8%;
    right: 45px;
}
.big_wind_ {
    position: relative;
    height: 500px;
    right: 26%;
    bottom: -26%;
}
.page-id-1375 #carousell {
    height: 445px;
}
.page-id-1234  #carousell {
    height: 445px;
    margin-bottom: 40px;
}    
.view_tower_img img {

    position: relative;

}
.bloc_vt_imgs {
    left: 2%;
    position: relative;
}
.page-id-1141  .case_study_bloc {
        width: 100% !important;
        right: unset;
    }
.page-id-1141 .case_study_bloc {

    margin-bottom: 10px;
}
.bloc_promesses_02 {
    position: relative;
    top: 0px;
}
.bloc_promesses_03 {
    top: 0px;
}
.bloc_promesses_04 {
    top: 0px;
}
.bloc_promesses_05 {
    top: 0px;
}
.bloc_promesses_global {
    margin-bottom: 30px;
}
.bloc_quotes_dgma:before {
    top: -25px;
}
.bloc_quotes_dgma:after {
    bottom: -24px;
}

h1.h1_new_pages {
    font-size: 28px;

}
.g-breadcrumbs {
    font-size: 13px;
}
.w-popup-box-content {

    border-radius: 0px !important;

}
.bloc_quotes_dgma {
    font-size: 22px;
    line-height: 36px;
    width: 94%;
}
.white_space_services {
    border-top: 15px solid hsl(0deg 0% 0% / 90%);
    display: none;
}
    .wpb_text_column.dm-front-card {
        background-image: url(../../uploads/2024/12/Sans-titre-1.jpg);
        border-radius: 5px;
        background-size: cover;
        height: 400px !important;
        padding: 35px;
    }
    .wpb_text_column.dm-back-card {
        height: 400px !important;
        border-radius: 5px;
    }
    .page-id-557 .case_study_bloc {
/*        right: -15%;*/
    }

.animation-container {
    display: none;  /* Hide animations on mobile devices */
  }
.dm-back-card strong {
    text-align: center !important;
    width: 100%;
    display: block;
}
.dm-front-card p {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 25px;
    padding-left: 10px;
    position: absolute;
    bottom: 35px;
}
footer#page-footer {
    padding-bottom: 80px;
}
h3.h3_services {
    padding-left: 10px;
    position: absolute;
    bottom: 20px;
}
.stats-block.stats-top.counter_team_dg {
    padding: 30px 10px;
    border-radius: 10px;

}
.casestudy_content {
    width: 87%;
}
.cardd img {
    width: 100% !important;
}
.casestudy_link a {
    padding: 5px 10px;
}

.cardd {

    width: 100%;

}
.vid_engie_3 .mejs-container * {
    border-radius: 10px !important;
}
#carousell {
    height: 400px;
}
 

.bloc_promesses_global {
    min-height: 320px;
}
 .page-id-1149     .slick-track {
        height: 380px;
    }

.bloc_promesses_global {
    padding: 40px
}
    





}



/*  small devices   */
@media screen and (max-width: 375px) {

.img_casestudy img {

        height: 200px;

    }



}


/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
.logo_new_dgma_ {
    width: 32%;
}
.img_casestudy img {
    border-radius: 10px;
    height: 220px;
    object-fit: cover;
}
.case_study_bloc {
    width: 98% !important;
    transform: rotate(360deg) !important;
    margin-right: 4px !important;
}
    .engagement_titre_dgma {
        width: 100%;
        padding: 20px;
        min-height: 160px;
    }
.big_wind_ {
    position: absolute;
    bottom: -88%;
    right: -62%;
}
.drone_img {
    top: 8%;
    right: 10%;
}
.img_casestudy img {
    width: 100% !important;
}
.w-tabs-section-title {
    font-size: 14px !important;
}
button.w-tabs-section-header.active {
    color: #fff !important;
}

.cardd {

    width: 210px;

}
.float_img_anfaplace img {
    height: 366px;
    object-fit: cover;
}
.img_pain {
    bottom: 100px;
}

.titre_footer_dgma {
    font-size: 13px !important;
}
.bloc_cases_studies_all  {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px !important;
}
.page-id-1141 .case_study_bloc {
    margin-bottom: 15px;
}
.casestudy_link {
    text-align: right;
    right: -15px;
    position: absolute;
    bottom: -2px;
}
.big_wind_2 {
    display: none;
}

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

.casestudy_link {
    right: -4px;

}

    

}