/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 .slick-slide {
    height: auto;
 }
 
 /* Styles pour la classe "tab-pane" */
 .tab-pane {
   font-family: Arial, sans-serif;
   background-color: transparent;
   padding: 20px;
   border-radius: 5px;
 }
 
 .mobtrigger span {
   font-size: 18px;
   font-weight: bold;
   color: #333;
 }
 
 .tabcontent {
   margin-top: 20px;
 }
 
 .tab_title {
   font-size: 24px;
   font-weight: bold;
   color: #555;
 }
 
 .tab_photos {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-top: 20px;
 }
 
 .tab_photo {
   width: 30%;
   margin-bottom: 20px;
 }
 
 .tab_img img {
   width: 100%;
   height: auto;
   border-radius: 5px;
 }
 
 .tab_name {
   font-size: 16px;
   font-weight: bold;
   color: #333;
   margin-top: 10px;
 }
 
 .tab_soustitre {
   font-size: 14px;
   color: #666;
 }
 
 button.tally {
   display: inline-block;
   background-color: #4285f4;
   color: #fff;
   text-decoration: none;
   padding: 10px 20px;
   border-radius: 5px;
   margin-top: 20px; 
   transition: background-color 0.3s ease;
 }
 
 button.tally :hover {
   background-color: #3367d6;
 }