.general_Discover_section{
  
  background-color: white;
   
height: 107vh;
width: 100%;
}

.dis_p_pr{
   
    width: 520px;
    color: white;
    color: white;
}

.Txt_center{
    text-align: center;
    width: 550px;
    gap: 30px;
    flex-direction: column;
    display: flex;
    margin-top: 40px;

}

.adv_tim{
   height: 30px;
    border-bottom: 1px solid;
    font-size: 1.4rem;
}

.general_content_discover{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.med1{
    text-align: center;
    width: 500px;
    color: white;
    height: 90px;
    font-weight: 200;
    font-size: 6rem;
    font-family: Tsec;
}

.le_hea1{
    display: flex;
   align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.sv2{
    position: relative;
    height: 7vh;
}

/*.sv2:hover{
    top:590px;
}*/

body, html{

    scroll-behavior: smooth;
  
}







.mov_a1{
    margin-right: 100px;
}

.img_dis_edit{
    object-fit: cover;
    height: 500px;
}

.txt_edt{
    margin-bottom: 70px;
    font-size: 1.1rem;
    width:400px ;
}

.left_txt_ele{
    gap: 40px;
    display: flex;
    padding: 46px;
    flex-direction: column;
}

.navbar_years{
   display: flex;
  
   justify-content: center;
    gap: 20px;
   
}
.general_elements_mov{
 
        position: absolute;
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    
        
}



.only_element, .only_element1{
    position: relative;
   display: flex; 
   gap: 20px;
 
}
.only_element2, .only_element3{
    position: relative;
   display: flex; 
   gap: 20px;
 
}
.only_element4, .only_element5{
    position: relative;
   display: flex; 
   gap: 20px;
 
}
.only_element5, .only_element6{
    position: relative;
   display: flex; 
   gap: 20px;
 
}


.only_element7, .only_element8{
    position: relative;
   display: flex; 
   gap: 20px;
 
}



.fun_right{
        left: 140px;
    top: 420px;
    position: absolute;
    
    
}

.fun_lef{
    position: absolute;
    right: 540px;
    top: 420px;
    
}

.elemen_ele{
    display: flex;
    flex-direction: row;
}

#prev-slid33r{
    width: 40px;
    background-color: white;
    border-radius: 100%;
}

#next-sliderr{
    width: 40px;
    background-color: white;
    border-radius: 100%;
}


     .all{
       position: relative;
        max-width: 870px;
        display: grid;
        scrollbar-width: none;
        grid-template-columns: repeat(10, 1fr);
        overflow-x: auto; }
        
        

        .slide_button,.slide_button1,.slide_button2,.slide_button3,.slide_button4,.slide_button5,.slide_button6,.slide_button7,.slide_button8 {
            cursor: pointer;
           
            bottom: 40px;
            z-index: 35;
           
            width: 40px;
            background-color: transparent;
            border: 1px solid black;
            border-radius: 100%;

            
          
        
        }
        .year_h{
            font-size: 4rem;
        }

       .imgedi:hover{
        transition-duration: .5s;
            transform: translateX(-3px);
        }

        .imgedi2:hover{
            transition-duration: .5s;
            transform: translateX(3px);
        }

        #next-slide3{
            cursor: pointer;
            border: 1px solid black;
            border-radius: 100%;
           
           
            width: 40px;
            background-color: transparent;
          
        }


        .all_on_eleme{
            position: absolute;
        }

        .enla_time{
            transform: translateX(100%);
            scroll-behavior: smooth;
            transition-duration: .5s;
        }

        .buttons_all_time{
            padding-top: 90px;
            z-index: 40;
            top: 0;
            position: absolute;
            display: flex;
            gap: 20px;
        
        
            
        
        }
        
        .section-button,.section-button1,.section-button2,.section-button3,.section-button4{
        
            position: relative;
            cursor: pointer;
            background-color: transparent;
            border: 0;
            text-transform: uppercase;
        }
        
        
        .section-button5,.section-button6,.section-button7,.section-button8,.section-button9{
        
            position: relative;
            cursor: pointer;
            background-color: transparent;
            border: 0;
            text-transform: uppercase;
        }
        
        
        
        
        
        
        .section-button::after,.section-button1::after,.section-button2::after,.section-button3::after,.section-button4::after{
           
            content: "";
            position: absolute;
            left: 0;
            top:100%;
            width:100%;
            height: 4px;
            opacity: 0;
            transform: scaleX(0);
          transform-origin: left;
          transition: transform 0.5s ease-in-out;
            border-bottom: 2px solid black;
        }
        
        
        .section-button5::after,.section-button6::after,.section-button7::after,.section-button8::after,.section-button9::after{
           
            content: "";
            position: absolute;
            left: 0;
            top:100%;
            width:100%;
            height: 4px;
            opacity: 0;
            transform: scaleX(0);
          transform-origin: left;
          transition: transform 0.5s ease-in-out;
            border-bottom: 2px solid black;
        }
        
        
        
        
        
        
        
        
        
        
        .section-button:hover::after,.section-button1:hover::after,.section-button2:hover::after,.section-button3:hover::after,.section-button4:hover::after{
            
            transform: scaleX(1);
            opacity: 1;
            
        
        }
        
        .section-button5:hover::after,.section-button6:hover::after,.section-button7:hover::after,.section-button8:hover::after,.section-button9:hover::after{
            
            transform: scaleX(1);
            opacity: 1;
            
        
        }
        
        
        
        
        
        /*.section-button1{
            font-size:1.1rem ;
            border-bottom: 2px solid #333;
        }*/
        
        
        
        .section-button1.acti {
            font-size: 1.1rem;
            border-bottom: 2px solid #333; /* Add a bottom border to the active button */
          }
          .section-button1.acti:hover{
            font-size: 1.1rem;
           border-bottom: 0;
          }
        
          .section-button2.acti {
            font-size: 1.1rem;
            border-bottom: 2px solid #333; /* Add a bottom border to the active button */
          }
          .section-button2.acti:hover{
            font-size: 1.1rem;
           border-bottom: 0;
          }
        
          .section-button3.acti {
            font-size: 1.1rem;
            border-bottom: 2px solid #333; /* Add a bottom border to the active button */
          }
          .section-button3.acti:hover{
            font-size: 1.1rem;
           border-bottom: 0;
          }
        
          .section-button4.acti {
            font-size: 1.1rem;
            border-bottom: 2px solid #333; /* Add a bottom border to the active button */
          }
          .section-button4.acti:hover{
            font-size: 1.1rem;
           border-bottom: 0;
          }
        
          .section-button1.acti {
            font-size: 1.1rem;
            border-bottom: 2px solid #333; /* Add a bottom border to the active button */
          }
          .section-button1.acti:hover{
            font-size: 1.1rem;
           border-bottom: 0;
          }
        
          .section-button5.acti {
            font-size: 1.1rem;
            border-bottom: 2px solid #333; /* Add a bottom border to the active button */
          }
          .section-button5.acti:hover{
            font-size: 1.1rem;
           border-bottom: 0;
          }
        
          .section-button6.acti {
            font-size: 1.1rem;
            border-bottom: 2px solid #333; /* Add a bottom border to the active button */
          }
          .section-button6.acti:hover{
            font-size: 1.1rem;
           border-bottom: 0;
          }
        
          .section-button7.acti {
            font-size: 1.1rem;
            border-bottom: 2px solid #333; /* Add a bottom border to the active button */
          }
          .section-button7.acti:hover{
            font-size: 1.1rem;
           border-bottom: 0;
          }
        
          .section-button8.acti {
            font-size: 1.1rem;
            border-bottom: 2px solid #333; /* Add a bottom border to the active button */
          }
          .section-button8.acti:hover{
            font-size: 1.1rem;
           border-bottom: 0;
          }
        
          .section-button9.acti {
            font-size: 1.1rem;
            border-bottom: 2px solid #333; /* Add a bottom border to the active button */
          }
          .section-button9.acti:hover{
            font-size: 1.1rem;
           border-bottom: 0;
          
            }
         /*//////////////////////////////nadaaaaa que verrrrr////////////////////////////////////////*/
        
        .section{
           
            padding-top: 120px;
            display: flex;
          
        }
        
        .general_content_tim{
          padding-top: 40px;
            position: relative;
            display: flex;
            height: 85%;
            position: relative;
            justify-content: center;
        }
        
        .aal_but{
            display: flex;
            gap: 120px;
            justify-content: center;
            display: flex;
            gap: 120px;
        }

        @media (max-width: 1140px){

           

            .general_content_tim {
                padding-top: 40px;
                position: relative;
                display: flex;
                height: auto;
                position: relative;
                justify-content: center;
                flex-direction: column;
                align-items: center;
            }
            .general_elements_mov {
                 position: relative; 
                display: flex;
                flex-direction: column;
                width: 100%;
                align-items: center; }


            .left_txt_ele{
                align-items: center;
            }

            .general_Discover_section {
                padding-bottom: 40px;
                background-color: white;
                height: auto; }
            .Txt_center{
                gap: 0;
                width: auto;
            }

            .med1{
                width: auto;
            }

            .dis_p_pr{
                text-align: center;
                width: auto;
            }

            .med1{
                font-size: 3rem;
                width: auto;
            }
            .slide_button{
                display: block;
            }

            .txt_edt {
              width: 300px;
                margin-bottom: 0;
            }

            .left_txt_ele{
                padding: 0;
            }

            
            .general_elements_mov .all{
                padding-top: 50px;
                overflow-x: none;
                max-width: 384px;
            }

            .section{
                padding-top: 100px;
                gap: 40px;
                display: flex;
                flex-direction: column;
               }
          
               .buttons_all_time{
                justify-content: center;
                flex-wrap: wrap;
               }

        }

        @media (max-width: 380px){
            .txt_edt {
                width: 200px;
                margin-bottom: 0;
      
        }

        .img_dis_edit {
            object-fit: cover;
            height: 317px; }


           .general_elements_mov .all {
            padding-top: 50px;
            overflow-x: none;
            max-width: 242px;}
    
            .section{
                padding-top: 100px;
                gap: 40px;
                display: flex;
                flex-direction: column;
               }
          
               .buttons_all_time{
                justify-content: center;
                flex-wrap: wrap;
               }
    
     }