/*
Theme Name: Diavnet
Theme URI: https://www.diavnet.com
Author: Diavnet
Author URI: https://www.diavnet.com
Description: Thème WordPress personnalisé développé par Diavnet.
Version: 1.0

*/


body{

width: 100%;

	font-family: poppins;
}


*{

	margin: 0;
	padding: 0;
}

.maps{


	width: 50%;
	float: right;
}

.contactform{

	width: 50%;
	float: left;
}

.inp{
	font-weight: bold;
}

.all852{

	    background-color: #465ca4;
padding-top:20px;

}

.mm{

	color: white;
	text-align: center;
	font-family: poppins;

}

.h1236{
	padding: 80px;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;

}



.sasa{
	background-color: none;
}


.sososo{


	color: black;
	text-align: center;

	margin-top: 70px;

	margin-bottom: 30px;
}


.title55{


color: white;
font-size: 60px;
font-weight: bolder;
 
text-transform: capitalize;
letter-spacing: 3px;
margin-bottom: 20px;
margin-left: 100px;

   }


 .btn55{
 	

 	text-transform: uppercase;
 	color: yellow;



 }

#kiki{

	margin-left: 100px;

	background-color:#FBBD02;
	padding: 7px;

}

.title22{


	color: white;
font-size: 20px;

 
text-transform: capitalize;
letter-spacing: 3px;

margin-left: 100px;
width: 40% ;

margin-bottom:30px;
}


.text10{

letter-spacing: 2px;

margin-top: 80px;
line-height: 15px;





}

.text20{

	letter-spacing: 2px;
	line-height: 30px;

}

#btnn55{
	margin-top: 20px;
	background-color:#8e6d09;
	color: white;
	padding: 7px;
	margin-left: 10px;
	font-size: 11px;
}


.title002{

	font-size: 18px;
}



.service002{
	font-size: 17px;
	letter-spacing: 1px;

	color:#fbbd02;

	margin-bottom: 80px;
	background-color: #f8f9fa;
    padding: 30px;
}

.service002:hover{

	background-color: #eae7e7;
}
		

}

.bt_bb_service_content_title{

color:black;
font-weight: bolder;
font-family: roboto;
font-size: 20px;
margin-top: 10px;

}

.bt_bb_service_content_text{
	color: black;
}


.nbr10{
	background-color: #fbbd02;
	padding-bottom: 37px;
}

.contact55{

	margin-top: 50px;
	letter-spacing: 2px;

}

.title01{

font-size: 20px;

margin-bottom: 80px;
}



.nbr20{
	background-color: #073373;
	letter-spacing: 2px;
}

.nbr30{
	background-color: #fbbd02;
	letter-spacing: 2px;
}

#btnn66{
	
    color: white;
    padding: 7px;
    margin-top: 20px;
    margin-bottom: 20px;
   
    text-align: center;

}



.post10{

	background-color: white;
}

.mm25 a {

	color: black;
	letter-spacing: 2px;
	font-family: poppins;
	text-transform: capitalize;
	text-decoration: none;

}




.pddnn{

	margin-bottom: 40px;
}


input{



	
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 23px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f3f6f9;
    background-clip: padding-box;
    
    border:1px solid #f3f6f9;
    border-bottom: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;



   
}

textarea{


    width: 100%;
    height: auto;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
 background-color: #f3f6f9;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-
}

label{
	font-family: poppins;
	font-size: 16px;
	letter-spacing: 2px;
	text-align: left;
	color: black;
	width: 100%;
}

.wpcf7-submit{

	background-color: #fbbd02;
	    display: block;
    width: 100%;
    height: auto;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
 
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: 13px;
    color: white;
    font-size: 20px;
    font-family: poppins;

}


.para10{

	padding-left: 20px;
	font-size: 14.5px;

}



.clr48{

	  

	    color: white;
	    font-family: poppins;
}


.mb-md-0{

	
    font-size: 17px;
    text-transform: capitalize;
}

.nav-link{

	margin-left: 15px;
}


.navbar-light .navbar-nav .nav-link {

	color:black;



}


.rdv56{


	color: white;
	font-family: poppins;
	font-size: 14px;
}


.top22{

	/*background: #cc9e16; */

	background: #161e44;  
    padding: 8px;  
   width: 100%;
}


.headerff10{
	width: 100%;
}

.appel22{
	color: white;
    font-family: 'Poppins';
    margin-left: 25px;
   
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 14px;
}

.nmbrr56{
	margin-left: 10px;
    border-radius: 10px 0px;
    color: white;
    font-weight: bold;
    font-size: 13px;
}


.adres23{

	padding: 10px;
	padding-bottom: 30px;
}

.adress7575{


	margin-top: 10px;
}

 .adress7575 .bt_bb_column_content{
	    background-color: #fbbd02;
    padding: 20px;
    border: 10px 0px 0px 10px;
    border-radius: 0px 10px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.adres23 a {

	color: black;
	text-decoration: none;
}


.mdd10{

	background-color: #161e44;
	width: 100%;

padding-top: 50px;
	
}

.yll10{

	color: #c8c8c8;
    
	width: 80%;
	line-height: 30px;

}


.esp223{

	margin-bottom: 20px;

}


.mdd10 ul {



    font-size: 16px;
  
    padding-left: 0px;
       
}

.mdd10 li{

	    padding-bottom: 10px;
	  list-style-image:url("wp-content/uploads/2021/07/yes.png");
	 
}




.mdd10 a {

	text-decoration: none;
    color: #c8c8c8;
}

.mdd10 a:hover{

	
    color: #fbbd02;
}


.menuu10{
	color: #fbbd02;
    text-transform: uppercase;
    text-align: left;
    font-size: 20px;
    letter-spacing: 1px;
    padding-bottom: 25px;
    margin-top: 42px;

}




.vava10{
	color: #c8c8af;
	font-size: 22px;
	list-style-type: none;
}

.es22{
	padding-left: 10px;
	font-size: 16px;
	
}


.ebb22{
	font-size: 16px;
   
    float: right;
    width: 84.4%;
}


.mdd200{
	    background-color: #10183c;
    color: white;
    text-align: center;
    padding: 20px;
    font-family: 'Poppins';
    font-size: 15px;
}


.dvnt10{
	float: left;
    color: white;
    text-decoration: none;
    color: yellow;
}


.logo23{

	padding-bottom: 25px;
}


.clr48 .dropdown-menu {



	width: 300px
}


.mdd10 .sub-menu {
	 display: none;
}


.ghl25{
	    margin-top: 60px;
    font-size: 30px;
    color: #465ca4;
    padding-bottom: 25px;

}

.ghl251{
	   

    font-size: 30px;
    color: #465ca4;
    

}


.text26{
	    line-height: 30px;
    letter-spacing: 0.6px;
    padding-bottom: 50px;

}

.text27{

	padding-top: 30px;
}

.vivo22{
	    box-shadow: 0px 5px 30px 0px rgb(44 67 83 / 10%);
}


.hiho25{
	width: 50%;
	padding: 20px;
}



.mrgnn{

	margin: 0;
	padding:0;
}



.lolo159 .bt_bb_row .bt_bb_column{

	margin: 0px;
	padding: 0px;
}


.coco147{

	padding: 10px;
   
    letter-spacing: 1.2px;
    padding-left: 20px;
    line-height: 34px;
    font-size: 16px;
}


.photo66{

	height: 500px;
}



/*
.mfp-counter{

display: none;

}

*/

.clr48 .nav-link{
    
       font-weight:600;
}



.service005{

	    font-size: 17px;
    letter-spacing: 1px;
    color: #fbbd02;
    margin-bottom: 80px;
    
    padding: 30px;
    padding-top: 0px;
  
    padding-bottom: 0px;
}

.service005  .bt_bb_service_content_text{

	color: white;
}




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

  	.espacee10{
  		padding-top: 10px;
  	}

  .texto26{

  	margin-bottom: 30px;
  }
  
  
  .ebb22{
      width:86%;
      
  }
  


  }




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

  	.clr48 .dropdown-menu{
  		width: 100%;
  	}

  	.title55{


color: white;
font-size: 40px;
font-weight: bolder;
 
text-transform: capitalize;
letter-spacing: 2px;
margin-bottom: 20px;
margin-left: 40px;

   }


   .title22{


	color: white;
font-size: 15px;

 
text-transform: capitalize;
letter-spacing: 2px;

margin-left: 40px;
width: 80%;

margin-bottom:10px;
}

#kiki{

	margin-left: 40px;

	background-color:#FBBD02;
	padding: 4px;
	font-size: 10px;


}


.slider2525 .slick-next  .slick-prev{


	display: none;
}



.photo66{

	height: auto;
}




.h1236 {
	padding: 0px;

}


 .contact83{

  	padding-top: 40px;
  }




  }



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


  	.h1236 {
	font-size: 30px;

}


  }

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


  	.h1236 {
	font-size: 20px;

}


  }

.col106{
	color:#BBBBBB;
}

.col106:hover{
	color:#ffc426;
}



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

 .wpr-mobile-nav-menu.wpr-mobile-mega-menu {

  width: 99%;
}
}
		


        /* Style du conteneur principal */
        #floating-container {
            position: fixed;
            bottom: 20px;
            right: 20px;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            z-index: 1000;
        }

        /* Style du bouton principal en bas avec l'icône "contact" */
        #floating-button {
            width: 60px;
            height: 60px;
            background-color: #51db77; /* Couleur verte de WhatsApp */
            border-radius: 50%;
            color: #fff;
            text-align: center;
            font-size: 20px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: transform 0.3s ease;
            animation: float 2s ease-in-out infinite;
        }

        /* Style des boutons WhatsApp, Appel et Email en bas  */
        .action-button {
            width: 50px;
            height: 50px;
            background-color: #51db77;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            font-size: 25px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 10px; /* Modifier pour afficher en bas */
            transform: translateY(20px);
            transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
            border: 0px;
            opacity: 0; /* Initialement caché */
            margin: 5px;
        }

        /* Style de l'icône "contact" */
        #contact-icon {
            font-size: 24px;
        }

        /* Style de l'animation du bouton principal (commence après 4 secondes) */
        @keyframes float {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-10px);
            }
        }
		
/*hna salat butoooooooooon*/

.dv1006{
	color:black;
}

.dv1006:hover{
	
	color:black;
}