@media only screen and (max-width: 1000px) {
              
              .about {display: flex;flex-direction: column; }
              .about > .card:nth-of-type(1)  {max-width: 100%;padding: 0px; }   
			  .about > .card:nth-of-type(2)  {max-width: 100%;padding: 25px 30px;}   
			  .about .tooltip  {margin: 0px}
              .about ul:nth-child(1) { padding: 20px 45px; margin: 20px 10px; }
              .about ul li ,.card p ,.card ul li {font-family: Calibri,Cambria,Arial,sans-serif;font-size: 17px;line-height: 25px;font-weight: 400;}
               
              .card p { }
              .about .about-project  {margin: 0px ;    padding: 0px  ;}
              .about  .about-project p {margin: 30px 15px !important;    padding: 25px !important ;}

              .card p {}

              .row .card {width: 45%; margin: 20px 8px 0px 8px; height: max-content;} 
              .tooltip .tooltiptext {
              	                      display: block;  width: 100%;text-align: center;
									 
									  border-radius: 6px;
									 
									
									  position: relative;
									  z-index: 2;
								
									  bottom: 0%;
									  left: 0%;
									  margin-left: 0px; /* Use half of the width (120/2 = 60), to center the tooltip */
									}
                .tooltip:hover .tooltiptext {animation : none;}

				.tooltip:hover .card-title {animation : none;}
				.card .card-title {display: none;}
				.card-body p , .list-group-flush .list-group-item ,
				.list-group-flush .list-group-item:first-child{ background-color: #fff;  color: black;border-radius: 0px;padding: 3px ;}

				.container  p {padding: 25px;text-align: justify; }

				.container .image-groupe {margin: 30px 15px ;}
				     
                .container .image-groupe:nth-of-type(1)  img:nth-of-type(1) { width:100%;}

                .container .image-groupe:nth-of-type(1)  img:nth-of-type(2)  {width: 65%;}

                .container .image-groupe:nth-of-type(2)  img:nth-of-type(1) {width: 75%;}

                .container .image-groupe:nth-of-type(2)  img:nth-of-type(2){ width:75%;}
	
				   

				
}