body{height: 5000px; font-family: Arial, sans-serif;margin: 0; }

.img-slide {
    top: 0;
    left: 0;
    width: 900px;
    height: auto;
    transition: transform 0.1s ease-out ; 
}
.container {
    
  overflow: hidden;
 }

ul{list-style-type: none;}

a{text-decoration-line: none; color: #000;}

.head1{width:100%;
    position: relative;
    
}
.head1 img{width: 350px;
    height: auto;
    top: -50px; 
    position: relative;
    text-align: left;
    margin-left: -65px; }

.login{
    position: absolute;
    top: 10px;          
    right: 20px;       
    display: flex;      
    align-items: center;
    float:inline-end;}
.login ul {
    display: flex;       
    list-style: none;      
    padding: 0;           
    margin: 0;             
    align-items: center;   }

.login li {
    margin-right: 20px;   
}

.login img {
    width: 30px;          
    height: auto;
}

.h1font{text-align: center; font-size: 65px;margin: 0;padding: 0;} 
.font01{text-align: center; font-size: 20px;margin: 0;padding: 0;}

.container {
    position: relative;
    width: 100%;
   display: flex;
   align-items: center;
}

.containe{
    position: relative;
    width: 100%;
   display: flex;
   align-items: center;
}


.img-slide-left {
    position: relative;
    transform: translateX(-100%); 
    transition: transform 1s ease-out; 
    opacity: 0; 
}

.smmertext-{
    position: relative;
    transform: translateX(-338%); 
}

.smmertext{
    position: relative;
    transform: translateX(-400%); 
}


.img-slide-right {
    position: relative;
    transform: translateX(100%); 
    transition: transform 1s ease-out; 
    opacity: 0; 
}

.slide-in-left{
    transform: translateX(0%); 
    opacity: 1; 
}


.slide-in-right{
    transform: translateX(80%); 
    opacity: 1; 
}

.line{ width: 450px;
        height:139px;
        border: 1px solid black ; 
        position: absolute;
        left: 17%;
        border-left: 0;
        border-right: 0;
        margin-top: 305px;

}

.line-right{ width: 450px;
    height:139px;
    border: 1px solid black ; 
    position: absolute;
    left: 60%;
    border-left: 0;
    border-right: 0;
    margin-top: 305px;
    text-align: left;
}

.line-text{

    display: block;      
    float:inline-end;
    position: relative;
    left: -200px;
    top:-93% ;
   
}

.line-text-r{

    display: block;      
    float:inline-end;
    position: relative;
    left: -200px;
    top:-93%;
   
}

.info{
   text-align: center;
   margin-top: 150px;
}
.btnbox{height:400px;}

.btn{
    color:#fff;
    background-color:#12b4e6;
    font-size:20px;
    border-radius: 20px 0 20px 0;
    width: 200px;
    height: 50px;
    margin-top: 50px;
    border: none;
    position: absolute; 
    left: 50%; 
    transform: translate(-50%, 200%);
    
}