.player {
    margin-top: 20vh;
    pointer-events: auto;
}
.player iframe{
    width: 860px !important;
    height: 515px !important;
}
.playervideo{
    width:70%;
    height:400px;
}
.site {
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    
}

.sitebody {
    
    margin: auto;
}
#button {
    display: inline-block;
    
    position: fixed;
    bottom: 25px;
    right: 45px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
  }
  
  #button:hover {
    cursor: pointer;
    
  }
 
  
  #button.show {
    opacity: 1;
    visibility: visible;
  }  

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}
body{
    background-color: rgba(24, 24, 24, 1);
}
* {
    margin: 0px;
    padding: 0px;
    text-decoration: none !important;
    color: rgb(248, 248, 248);
}
b{font-weight: bold;
    color: rgba(245, 182, 85, 1) ;
}

strong
{font-weight: bold;
    color: rgba(245, 182, 85, 1);
}
.headerback {
    height: 100vh;
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /* background-attachment: fixed; */
    background-image: url(././images/header-img.jpg);
}

.secttitle h2{
font-size: 40px;
font-weight: 900;
font-family: "poppinsbold";
}
.secttitle h1{
    font-size: 25px;
    line-height: 30px;
font-weight: 200 !important;
font-family: "poppinsregular";
}

.itemweb{
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}


.title-page h1{
    padding-top: 10rem !important;
    padding-bottom: 3rem;
    font-family: "poppinsbold";
    font-size: 40px !important;
}

.site {
    width: 100% !important;
    background-color: rgba(24, 24, 24, 1);
}

@font-face {
    font-family: "quranyregular";
    src: url("././font/Quarany/Qurany.ttf");
}

@font-face {
    font-family: "poppinsbold";
    src: url("././font/Poppins-Bold.ttf");
}

@font-face {
    font-family: "poppinsregular";
    src: url("././font/Poppins-Light.ttf");
}

@keyframes logoappear {
    0% {
      transform: translateY(-20%);
      opacity: 0.0 ;
    }
    100% {
      transform: translateY(0);
    }
  }
  .imghero{
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-name: logoappear;
    
    
  }


/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed;
    /* Stay in place */
    z-index: 10000000;
    /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0);
    /* Black fallback color */
    background-color: rgba(0, 0, 0, 0.9);
    /* Black w/opacity */
    background-image: url(././images/img-nav.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    overflow-x: hidden;
    /* Disable horizontal scroll */
    transition: 0.3s;
    /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 35%;
    /* 25% from the top */
    width: 100%;
    /* 100% width */
    text-align: center;
    /* Centered text/links */
    margin-top: 30px;
    /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    /* font-size: 36px; */
    color: #f3f3f3;
    font-family: "poppinsbold";
    margin: 0rem 0.5rem 0rem 1rem;

    transition: 0.3s;
    /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay-content a:hover,
.overlay-content a:focus {
    color: rgba(231, 44, 57, 1);
    font-size: 45px !important;
    
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px !important;
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}
.back{
    position: relative;
    z-index: 0;
        

  }

  .back::before{
    content: '';
    position: absolute;
    bottom: 300;
    right: 0;
    width: 0;
    margin-top: 25px;
    z-index: 10;
    
    height: 2px;
    background-color: rgba(255, 72, 85, 1);
    
    transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  }
  
  @media (hover: hover) and (pointer: fine) {
    .back:hover::before{
      left: 0;
      right: auto;
      width: 100%;
      
  }

.scrollimg   {
    height: 62px !important;
    width: 62px !important;
}
  }
.headerback>img {
    height: 300px;
    margin-top: 10rem !important;
}

.menu {
    height: 2rem;
}

.menu>p {
    font-family: "quranyregular";
    font-size: 1rem;
    color: rgb(245, 245, 245);
    margin-right: 0.5rem;
    margin-top: 0.3rem;
}

.overlay-content>a {
    font-family: "poppinsbold";

}

.sidebar {

    height: 100vh;

    position: relative;
}
.navbar-brand img{
    height: 50px !important;
}
.sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sidebar>a {
    margin-top: 1.5rem;
    height: 2rem;
    z-index: 2001
}

.barresocial {
    width: 0rem;
    z-index: 0;
}

.blocprest {
    transition: all .2s ease-in-out;
 }


.blocprest:hover{
    transform: scale(1.1);
    background-blend-mode:lighten;

}

h1 {
    font-size: 20px !important;
    font-family: "quranyregular";
    color: rgb(245, 245, 245);
}
.domex h3{
    font-family: "poppinsbold";
    color: rgb(245, 245, 245);
    font-size: 30px;
}
.domex h2{
  
    color: rgb(245, 245, 245);
    font-size: 18px;
    

}
.sect03{
    margin-top: 15rem !important;
}
h2 {
    font-family: "poppinsregular";
    color: rgb(245, 245, 245);
    font-size: 25px;
}

.sect02-02 {
    background-image: url(././images/illu02.jpg);
    height: 440px;
    
     
    background-position: center center;

    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 10rem !important;
    font-family: 'Raleway', sans-serif !important;
    transition:  .35s ease;
    

}









.sect02-01 {
    background-image: url(././images/illu-webdesign.jpg);
    height: 440px;
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 2rem !important;
    font-family: 'Raleway', sans-serif !important;
    transition:  .35s ease;

}

.sect02-03 {
   
    height: 440px;
    
    margin-top: 2rem !important;
    font-family: 'Raleway', sans-serif !important;
    transition:  .35s ease;
    background-image: url(././images/illu03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.sect02-03::before

{
    content: "";
  
    position: absolute;
    height: 440px;
    width: 296px;
    top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.75;
}
.bouton {
    opacity: 0;
    margin-bottom: 5rem;
    transition: opacity .35s ease;
    color: rgb(245, 245, 245) !important;
    border: solid 2px rgba(231, 44, 57, 1);
    padding: .6rem 2rem 0.6rem 2rem;
    border-radius: 5px;
    text-align: center;
}
.bouton-tab {
    opacity: 0;
    margin-bottom: 2rem !important;
    transition: opacity .35s ease;
    color: rgb(245, 245, 245) !important;
    border: solid 2px rgba(231, 44, 57, 1);
    padding: 0rem 2rem 0rem 2rem;
    background-color: rgba(231, 44, 57, 1);
    border-radius: 5px;
    text-align: center;
}
.tab-p{
    margin: 0 !important;
}


.bouton:hover {
    opacity: 0;
    margin-bottom: 5rem;
    transition-property:color ;
    transition:  .5s ease;
    color: rgb(245, 245, 245) !important;
    border: solid 2px rgba(231, 44, 57, 1);
    background-color:rgba(231, 44, 57, 1) ;
    padding: .6rem 2rem 0.6rem 2rem;
    border-radius: 5px;
    text-align: center;
}

.real{
    font-family: 'Raleway', sans-serif !important;
    font-weight: 100;
    font-size: 16px !important; 
    color: rgba(255, 72, 85, 1)!important;
    
    transition:  .3s ease; 
   
 }
 .real:hover{
    outline: #161616;
 }

 .real2{
    font-family: 'Raleway', sans-serif !important;
    font-weight: 600;
    font-size: 16px !important; 
    color: rgba(255, 72, 85, 1)!important;
    
    transition:  .3s ease; 
   
 }
 .real2:hover{
    outline: #161616;
 }



.backletter {

    background-image: url(././images/back-letter.jpg);
    background-position: center center;
    background-repeat:no-repeat;
    background-size: contain;
    max-width: 1440px;
    

}
.bouton p {
    margin: 0px !important;
}

.voletsect2{
    margin-bottom: 12rem !important;
}
.block-expertise{
    width: 100%;
    background-color:rgba(30, 30, 30, 1) ;
    padding: 2rem 2rem 2rem 2rem !important;
    box-shadow: 4px 5px 3px -2px #161616;
    transition:  1s ease;
    height: 260px;
    
    
}

.block-expertise h3 {
    font-family: "poppinsbold"; 
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.block-expertise p {
    font-family: 'Raleway', sans-serif !important;
    color: #f8f8f8;
    /* font-size: 16px; */
    
}
.contact{
   font-family: 'Raleway', sans-serif !important;
   font-weight: 400;
   font-size: 15px !important; 

   transform: scale(1);
background: linear-gradient(240deg, rgba(231,44,57,1) 0%, rgba(177,21,32,1) 100%);border: none;
   padding: .5rem 1rem .5rem 1rem ;
   text-align: center;
   transition: all 0.1s  ease-in;
}
.contact:hover {
    transform: scale(1.1);
 
    box-shadow: rgba(80, 0, 0, 0.568) 0px 3px 8px;
    
}
.section05{
/*  
    background: -webkit-linear-gradient(22deg, rgb(28, 28, 28), rgb(39, 39, 39));
    background: linear-gradient(22deg, rgb(28, 28, 28), rgb(39, 39, 39)); */
    



    

    margin-top: 15rem;
    background-color: #1D1D1D;
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-position: center center;
    background-repeat: repeat;
    background-size: contain;
}
.text05 h3{
    
    font-family: 'poppinsbold', sans-serif !important;
    font-size: 40px;
    margin-bottom: 3rem;
    /* font-size: 32px !important; */

    
}
.text05 p{
    margin-bottom: 3rem !important;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Raleway', sans-serif !important;
}
/* .text05{
    padding-right: 3rem;
} */






.section05 h4 {
    font-family: 'Raleway';
font-size: 16px;
text-transform: uppercase;
font-weight: 300;

letter-spacing: 0.125em;
text-align: left;
opacity: 50%;

}
.section06{
    margin-top: 12rem !important;
}
.text06 h2{
    font-size: 28px;
    font-family: 'poppinsbold', sans-serif !important;
}
.text06 h3{
    margin-bottom: 5rem;
    font-size: 16px;
    font-family: 'Raleway', sans-serif !important;
}
.blockimg{
    width: 100%;
    background-color:rgba(30, 30, 30, 1) ;
    
    
    box-shadow: 4px 5px 3px -2px #161616;
}
.blockimg img{
    box-shadow: 3px 4px 3px -2px #161616;
    max-width: 100%;
    
    height: auto;
}
.block7{
    max-width: 100%;
    height: auto;
}

.arrow{
    content: "\2192";
    font-size: 1.8rem;
    color:rgba(255, 72, 85, 1)!important;
  }
  span { 
    color:rgba(255, 72, 85, 1);
  }
  .subtitle {
    color: rgba(245, 182, 85, 1) ;
  }
  .img-text h3{
    font-family: 'poppinsbold', sans-serif !important;
  }
  .img-text h4{
    font-family: 'Raleway', sans-serif !important;
    color:rgba(255, 72, 85, 1);
  }
  .com {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400;
    font-size: 32px;
    text-align: center;
    margin-top: 6rem;

  }
  .thundertext h2 {
    font-family: 'poppinsbold', sans-serif !important;
    font-size: 40px;
    
    
  }


  
  .catchphrase{
      margin-top: 5rem;
  }
  .boutonsearch {
    background-color:rgba(205, 42, 53, 1) ;
    border: none;
    font-family: "clearsanslight";
    font-size: 18px;
    padding: 10px 30px 10px 30px !important;
    border-radius: 5px;
    color: rgb(245, 245, 245);

}

.boutonsearch:hover {
    background-color:rgba(205, 42, 53, 1) ;
    border-color: rgba(205, 42, 53, 1)  !important;
    box-shadow: rgba(205, 42, 53, 1) !important;
    color: rgb(245, 245, 245);
    transition: 0.3s;

}

.faqrecherche h2 {
    font-size: 5rem;
    font-family: "clearsansbold";
}
.faqrecherche h6 {
    font-size: 1.5rem;
    font-family: "clearsansregular";
}
.text-faq{
    color: black;
}
.boutonfaq {
    background-color: rgb(26, 24, 24);
    border: none;
    font-family: "clearsanslight";
    font-size: 18px;
    padding: 10px 50px 3px 50px !important;
    border-radius: 0%;
    color: rgb(245, 245, 245);
    background-image: url(././images/arrow-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 3%;
    background-size: 1.5%;
    height:50px ;
    width: 100%;
}
.boxcontact{
    background-color:rgba(30, 30, 30, 1);
    border-radius: 5px;
    width: 30rem;
    /* height: max-content; */
    font-family: "clearsansregular" !important;
    
}
.messageform{
    min-height: 10rem !important;
    margin-top: 0;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400;
    font-size: 14px !important;
    background-color: rgba(45, 45, 45, 1);
    border: none;
}
.checkbox-form{
    background-color: rgba(45, 45, 45, 1);
    border: none;
}
.formtext{
    margin-top: 0;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400;
    font-size: 14px !important;
    background-color: rgba(45, 45, 45, 1);
    border: none;
}
.boxcontact > h6 {
    font-size: 2rem;
    font-family: 'poppinsbold', sans-serif !important;
    color: rgb(245, 245, 245);
}
.textup > h3 {
    font-size: 2.5rem ;
    font-family: 'poppinsbold', sans-serif !important;
    color: rgb(245, 245, 245);
}
.textup{
    
    height: 15%;
}
.textup2 > h3 {
    font-size: 1.5rem ;
    font-family: 'poppinsbold', sans-serif !important;
    color: rgb(245, 245, 245);
}

.textdown{
    
    font-size: 14px ;
    font-family: 'Raleway', sans-serif !important;
    text-align: center;
}
label{
    color: rgba(206, 206, 206, 1) !important;
    font-family:"poppinsregular" ;
    opacity: 80%;
}
.conf{
    color: rgba(206, 206, 206, 1) !important;
    font-family:"poppinsregular" ;
    opacity: 40%;
    font-size: 12px;

}
.contactform{
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700;
    font-size: 18px !important; 
    background: rgb(231,44,57);
 background: linear-gradient(240deg, rgba(231,44,57,1) 0%, rgba(177,21,32,1) 100%);border: none;
    padding: .8rem 2.5rem .8rem 2.5rem ;
    transition:  0.3s ease; 
 }
 .contactform:hover {
    background: rgb(245, 56, 69);
 background: linear-gradient(240deg, rgb(243, 61, 73) 0%, rgb(207, 31, 43) 100%);border: none; ;
    
    
}
.boxsocialdow  img {
    height: 2.5rem;
}
.foot a {
    
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Raleway', sans-serif !important;
    margin: 0rem 0.5rem 0rem 1rem;

    
    /* Transition effects on hover (color) */
}
ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}
.footR img {
    height: 2rem;
}
.footerbox{
    height: 12rem;
    background-color:rgba(30, 30, 30, 1) ;
}
.copyright{
    font-family: 'Raleway', sans-serif !important;
    font-size: 12px;
    color: #f8f8f8;
    opacity: 50%;
    margin: 0%;
}
.img-photo{
    background-image: url(././images/illu04.jpg);
    height: 430px;
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /* background-attachment: fixed; */}
    
/* TEST */

.zoom {
    transition: transform .5s;
    
  }

  .zoom:hover {
   
    transform: scale(1.1); 
  }

.gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    
}


  .gallery-block .heading{
      margin-bottom: 50px;
      text-align: center;
  }
  
  .gallery-block .heading h2{
      font-weight: bold;
      font-size: 1.4rem;
      text-transform: uppercase;
  }
  
  .gallery-block.compact-gallery .item{
    overflow: hidden;
    margin: 0 ;
    height: fit-content;
    
    opacity: 1;
  }
  
  .gallery-block.compact-gallery .item .image{
    transition: 0.8s ease;
  }
  
  
  /* .box-gallery{
      padding: 0 !important;
      margin: 0 !important;
  } */
  
  .gallery-block.compact-gallery .item .description{
    
      
      bottom: 0;
      left: 0;
      color: #fff;
      font-size: 17px;
      line-height: 18px;
      width: 100%;
      
      opacity: 1;
      color: #fff;
      transition: 0.8s ease;
      text-align: center;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
      background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.39));
  }
  
  .gallery-block.compact-gallery .item .description .description-heading{
    font-size: 1em;
    font-weight: bold;
  }
  
  .gallery-block.compact-gallery .item .description .description-body{
    font-size: 0.8em;
    
    font-weight: 300;
  }
  
  @media (min-width: 576px) {
  
    .gallery-block.compact-gallery .item .description {
      opacity: 0; 
    }
  
    .gallery-block.compact-gallery .item a:hover .description {
      opacity: 1; 
    } 
  
    .gallery-block .zoom-on-hover:hover .image {
      transform: scale(1.3);
      opacity: 0.7; 
    }
  }
  .playervideo{
    width:70%;
    height:500px;
}
.imagevideo{
    pointer-events: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
video::-webkit-media-controls-panel {
    background-image: linear-gradient(transparent, transparent) !important;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
}
.comingsoon img {
height: 450px;
}

/* mediaqueries */


@media screen and (min-width: 321px) and (max-width:769px) { 
    .bouton-tab {
        opacity: 0.9 !important;
        margin-bottom: 1rem;
        transition: opacity .35s ease;
        color: rgb(245, 245, 245) !important;
        border: solid 2px rgba(205, 42, 53, 1);
        
        background-color: rgba(205, 42, 53, 1);
        border-radius: 5px;
        text-align: center;
    }
    .sect02-01 {
        height: 300px !important;
        margin: 0 !important;
     }
    .sect02-02 {
        height: 300px !important;
    
        margin: 0 !important;
     }
    .sect02-03{
        height: 300px !important;
        
        margin: 0 !important;
     }
    .playervideo{
        width:90%;
        height:400px;
    }
    
    .comingsoon img {
        height: 150px !important;
        }
    .player iframe{
        width: 660px !important;
        height: 415px !important;
    }
    
    
    .block-expertise h3 {
        font-family: "poppinsbold"; 
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
        font-size: 17px;
    }
    .img-photo{
        background-image: url(././images/illu04.jpg);
        height: 230px;
        min-height: 100px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        /* background-attachment: fixed; */
        
    }
    .block-expertise{
        width: 95%;
        background-color:rgba(30, 30, 30, 1) ;
        padding: 1rem 1rem 1rem 1rem !important;
        box-shadow: 4px 5px 3px -2px #161616;
        height: 280px;
    }

.bloctext > h3{
    margin-bottom: 1rem !important;
    font-family: 'poppinsbold', sans-serif !important;
    font-size: 20px !important;
}
.text05 p{
    margin-bottom: 1rem !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 16px !important;
}
.contact{
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700;
    font-size: 14px !important; 
    background: rgb(231,44,57);
 background: linear-gradient(240deg, rgba(231,44,57,1) 0%, rgba(177,21,32,1) 100%);border: none;
    padding: .5rem 2rem .5rem 2rem ;
    transition:  .3s ease; 
 }

.section05{
    margin-top: 7rem;
    
}
.imghero{
    height: 20% !important;
}
.thundertext img {
    display: none !important;
}
.overlay-content img{
    display: none;
}
.barresocial{
    display: none !important;
}
.com {
    
    font-size: 30px;
    margin-top: 3rem;

}
.thundertext h2 {
        font-size: 48px;  
  }
  .section06{
    margin-top: 8rem !important;
}
.sect01-img img {
    margin-bottom: 3rem;
    
}
}

@media screen and (min-width: 20px) and (max-width:426px) {
    .bouton{
        display: none;
    }
    .comingsoon img {
        height: 150px !important;
        }
    .player iframe{
        width: 320px !important;
        height: 215px !important;
    }
    .playervideo{
        width:100%;
        height:200px;
    }
    .sect05-img img {
        display: none;
          
          
      }
      .sect01-img img {
        margin-bottom: 3rem;
        width:100%;
      height: auto;
    }
    .real{
        font-family: 'Raleway', sans-serif !important;
        font-weight: 100;
        font-size: 14px !important; 
        color: rgba(255, 72, 85, 1)!important;
        
        transition:  .3s ease; 
       
     } 
      
    .sect03{
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
    .bouton-tab {
        opacity: 0.9 !important;
        margin-bottom: 1rem;
        transition: opacity .35s ease;
        color: rgb(245, 245, 245) !important;
        border: solid 2px rgba(205, 42, 53, 1);
        
        background-color: rgba(205, 42, 53, 1);
        border-radius: 5px;
        text-align: center;
    }
    .img-photo{
        background-image: url(././images/illu04.jpg);
        height: 230px;
        min-height: 100px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        /* background-attachment: fixed; */
        
    }
    .bout-expert {
        opacity: 100% !important;
        display: contents;
    }
    

    .navbar-brand img{
        height: 40px !important;
    }
    .imghero{
        height: 200px !important;
    }
    .thundertext img {
        display: none !important;
    }
    .barresocial{
        display: none !important;
    }
    .overlay-content img{
        display: none;
    }

    .headerback {
        height: 500px;
        min-height: 400px;
}

.block-expertise{
    width: 95%;
    background-color:rgba(30, 30, 30, 1) ;
    padding: 1rem 1rem 1rem 1rem !important;
    box-shadow: 4px 5px 3px -2px #161616;
    
}
.mobileexpert{
    width: 95%;
    background-color:rgba(30, 30, 30, 1) ;
    padding: 1rem 1rem 1rem 1rem !important;
    box-shadow: 4px 5px 3px -2px #161616;
    height: 250px;
    
}
.imghero{
    height: 30% !important;
}
.sect02-01 {
    height: 200px !important;
    margin: 0 !important;
 }
.sect02-02 {
    height: 200px !important;

    margin: 0 !important;
 }
.sect02-03{
    height: 200px !important;
    margin: 0 !important;
 }

 .text05 p{
    margin-bottom: 1rem !important;
}
.section05{
    margin-top: 5rem;
    background-color: #1D1D1D;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.section06{
    margin-top: 6rem !important;
}
.bloctext > h3{
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
    font-family: 'poppinsbold', sans-serif !important;
    font-size: 20px !important;
}
.text05 p{
    margin-bottom: 1rem !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 14px !important;
}
.contact{
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700;
    font-size: 14px !important; 
    background: rgb(231,44,57);
 background: linear-gradient(240deg, rgba(231,44,57,1) 0%, rgba(177,21,32,1) 100%);border: none;
    padding: .5rem 2rem .5rem 2rem ;
    transition:  .3s ease; 
 }

.voletsect2{
    margin-bottom: 5rem !important;
}
.com {
    
    font-size: 20px;
    margin-top: 3rem;

}
.thundertext h2 {
        font-size: 25px;  
  }
  .textup > h3 {
    font-size: 1.5rem ;
    font-family: 'poppinsbold', sans-serif !important;
    color: rgb(245, 245, 245);
}
.textup{
    
    height: 15%;
}
.textup2 > h3 {
    font-size: 1.5rem ;
    font-family: 'poppinsbold', sans-serif !important;
    color: rgb(245, 245, 245);
}
.textdown{
    
    font-size: 14px ;
    font-family: 'Raleway', sans-serif !important;
    text-align: center;
}
}
@media screen and (min-width: 769px) and (max-width: 1200px) { 
.block-expertise h3 {
    font-family: "poppinsbold"; 
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
    font-size: 18px ;
}
.block-expertise{
    width: 100%;
    background-color:rgba(30, 30, 30, 1) ;
    padding: 1rem 1rem 1rem 1rem !important;
    box-shadow: 4px 5px 3px -2px #161616;
    transition:  1s ease;
    height: 270px;
    
    
}
.bloctext p {
    font-size: 14px;
}

.overlay a {
    font-size: 30px !important;
}
.sect01-img img {
    margin-bottom: 3rem;
    width: 100%;
    height: auto;
   
}
}
@media screen and (min-width: 1201px) and (max-width: 1360px) { 
    .block-expertise h3 {
        
        font-size: 22px !important;
    }
    .overlay-content > a {
        font-size: 20px !important;
    }
    .playervideo{
        width:70%;
        height:500px;
    }
    .sect01-img img {
        margin-bottom: 3rem;
        width:auto;
        height:80%;
    }
}