@font-face {
  font-family: Poppins;
  src: url(../fonts/Poppins-Regular.ttf);

}

.titleright h2{
   font-weight: bold;
    text-align: right;
    font-size: 34px;
    display: inline-block;
    width: 60%;
    float: right;
}
.propritaire_page{background: url('../img/background/Propritaire_page.png');padding: 60px 0;background-size: 100% 100%  }
          .propritaire_hover_card {
            background: rgba(255,255,255,0.77);padding: 10px;filter: drop-shadow(0px 5px 6px rgba(0, 0, 0, 0.161));
            box-shadow: 5px 0 0px 0px rgb(204 204 204 / 33%);   
          }  
          .lb-propritaire {
              
              overflow: visible;
              width: 166px;
              white-space: nowrap;
              text-align: left;
              font-family: Poppins;
              font-style: normal;
               font-size: 32px;
              color: rgba(0,0,0,1);
          }
          .section-content-txt{display: inline-block;}
          div.p-propritaire {
              overflow: auto;
              height: 388px;
              text-align: left;
              font-family: Poppins;
              font-style: normal;
              font-weight: normal;
               
              color: rgba(0,0,0,1);
              width: 100%;
              margin: 0;
              background: transparent;
          }
          .Propritaire_video {
              height: 360px;  padding: 30px;  
              overflow: visible;background: rgba(255,255,255,0.77);position: relative;
          }
          #Vous_tes_propritaire_ {
             
              overflow: visible;  
              text-align: left;
              font-family: Poppins;
              font-style: normal;
              font-weight: bold;
              font-size: 32px;
              color: rgba(0,0,0,1);
          }a.a-video {
              width: 75px;
              height: 75px;
              background: hsl(0deg 0% 0% / 45%);
              display: inline-block;
              line-height: 75px;
              font-size: 40px;
              color: white !important;
              border-radius: 50%;
          }


           .section-titre span {
              font-size: 80px;
              overflow: hidden;
              float: right;
              display: inline-block;
              width: auto;
              margin-right: -15px;
              color: #8810ff;
          }


         .section-btn-video {
              text-align: center;
              top: 50%;
              transform: translateY(-50%);
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
          }
          .btn-theme {
              float: right;
              display: inline-block;
              background: black;
              border: 2px solid white;
              border-radius: 30px;
              white-space: nowrap;
              text-align: left;
              font-family: Poppins;
              font-style: normal;
              
              font-size: 25px;
              color: white !important;
          }
          .section-content-txt .btn-theme{margin-top: 15px}

          .section-btn-ident {
              width: 100%;
              /* text-align: center; */
              display: inline-block;
              text-align: center;
              padding: 90px 0;
          }
          .section-btn-ident .btn-theme{float: none;padding: 10px 30px;font-weight: bold;}
          .propritaire_hover_card:hover{   background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(136 16 255 / 47%)), to(#8810ff));
                    background: -webkit-linear-gradient(top, rgb(136 16 255 / 47%), #8810ff);
                    background: -moz-linear-gradient(top, rgb(136 16 255 / 47%), #8810ff);
                    background: -o-linear-gradient(top, rgb(136 16 255 / 47%), #8810ff);
                    background: linear-gradient(top, rgb(136 16 255 / 47%), #8810ff);
                     
                    transition: opacity 15s linear;}
          .propritaire_hover_card:hover .section-titre span{
                color: white !important;
                animation: moveToRight 2s ease-in-out;
                animation-delay: 500ms;
            }

            .propritaire_hover_card:hover .hide-prop{display: block !important; }

            .propritaire_hover_card:hover .force-overflow p,
            .propritaire_hover_card:hover .lb-propritaire  {color: white}
             @keyframes moveToRight {
              0% {
                transform: translateX(0px);
              }20% {
                transform: translateX(-50px);
              }40% {
                transform: translateX(-150px);
              }
              60% {
                transform: translateX(-200px);
              }80% {
                transform: translateX(-250px);
              }100% {
                transform: translateX(-260px);
              } 
            }
        
            .force-overflow
            {
              min-height: 450px;
            }
            .style-1::-webkit-scrollbar-track
            {
              -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
              border-radius: 10px;
              background-color: #000; 
            }

            .style-1::-webkit-scrollbar
            {
              width: 15px;
              background-color: #FFF; 
            }

            .style-1::-webkit-scrollbar-thumb
            {
              border-radius: 10px;
              -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
              background-color: #FFF; border: 2px solid #000;
            } 

            .nego_page{background: url('../img/background/Ngociateur_page.png');padding:100px 0;background-size: 100% 100%  }
            .nego_hover_card:hover {
             background: #d80000; 
               
          }  

          .section-titre-nego span { color: #d80000}
          /*.nego_hover_card .section-content-txt .lb-propritaire {color: #d80000}*/

          .accomp_page{background: url('../img/background/Accompagnateur_page.png');padding:100px 0;background-size: 100% 100%  }
            .accomp_hover_card:hover {
             background: #107eff; 
               
          }  

          .section-titre-accomp span {font-size: 60px;color: #107EFF}
          /*.accomp_hover_card .section-content-txt .lb-propritaire,.accomp_hover_card .force-overflow p{color: white}*/
          .small-11.small-centered.columns{z-index: 0}
          #demos {
              background: black;
          }

         footer .sectin-widget label {

            font-weight: bold;
            font-size: 30px;
            color: white;
            border-bottom: 2px solid;
            display: inline-block;
            margin-bottom: 30px;
          }


         footer .sectin-widget ul li {
               margin-bottom: 20px;
          }  

         footer .sectin-widget  i{
            font-size: 30px;
            margin-right: 10px;
        }

         .text-her {
        color: white;
        -webkit-transform-origin-x: 90%;
        writing-mode: tb;
        text-align: right;
        margin: 0;
        padding: 0;
        width: 100%;
        margin-top: 50%;
    }

    .small-centered.columns h4{
    font-weight: bold;
    color: white;
    font-family: 'FontAwesome';
    font-size: 34px;
}

 .owl-stage-outer .item p {
    height: 300px;
    display: inline-block;
    overflow: auto;
}
.scrol_top  {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: rgb(0 0 0 / 17%);
    width: 50px;
    height: 50px;
    line-height: 40px;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid white;
    color: white;
    font-weight: normal;
}
.scrol_top:hover {background:white !important;color: #333 !important;}
.rais li:hover  {list-style: none;}
.rais li:hover a{width: 40px;
    height: 40px;
    text-align: center;
    line-height: 50px;
    background: white;
    display: inline-block;
    border-radius: 12px;} 
.rais li:hover a i{    font-size: 30px;color: black;margin : 0
}