body{
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            margin: 0%;
            font-size: medium;
            background-image: url("images/background.jpeg");
            background-repeat: no-repeat;
            background-size: cover;
            
        }
        .line{
            background-color: rgb(29, 13, 29);
            color: white;
            margin-left: 32%;
            margin-right: 32%;
            border-radius: 12px;
            text-align: center;
            margin-top: 5%;
            margin-bottom: 10%;        
            
        }
        .contact-details{
            background-color: purple;
        padding-top: 1%;
        padding-bottom: 1%;
            margin-right: 35%;
            margin-left: 35%;
            margin-top: 1%;
            margin-bottom: 20%;
            border-radius: 20px;
            text-align: center;
            
        }
        .contact-detail{
            text-align: center;
        }
    
        /*...........................................................nav bar...................................................*/
         nav{
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: black;
            padding: 10px 20px;
         }
         
        .nav-links{
            list-style: none;
            display: flex;
            gap: 25px;
        }

        .nav-links a{
            color: #fff;
            text-decoration: none;
            font-size: 18px;
        }
        .nav-links a :hover{
            background-color: #555;
        }
/*......................................index page.......................................*/
.inter{
    background-color: rgb(29, 1, 29);
    border-radius: 12px;
    color: white;
    padding: 8px;
    text-align: center;
    padding-bottom: 2%;

}

/*....................................................foooter.......................................................*/
.foo{
    background-color: rgb(75, 0, 75);
    margin-top: 3%;
    border-radius: 12px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 10%;
    
    
}
.box{
    display: inline-block;
    width: 45%;
    text-align: center;
    color: white;
    
}

.foot-links{
      list-style: none;
            display: flex;
            gap: 40px;
            flex-wrap: wrap;


}
a:hover{
            
 color: gold;
 transition: 0.3s;
 text-decoration: none;
}
a{
    text-decoration: none;
    color: white;
}
.foot-links :hover{
    color: gold;
}
.foot-links a{
            color: #fff;
            text-decoration: none;
            font-size: 18px;
        }
/*....................................................sliding-images................................................*/
        .slider{
            width: 55%;
            margin: auto;
            text-align: center;
        }
        .slider img{
            height: 55%;
            border-radius: 10px;
        }
/*......................................................moving-text.......................................*/

        
        

        .moving-text {
            display: inline-block;
            white-space: nowrap;
            font-size: medium;
            color: rgb(7, 7, 29);
            position: relative;
            animation: moveText 20s linear infinite;
            
        }
        .moving{
             border: solid, rgb(173, 106, 204);
             margin-top: 2%;
             margin-bottom: 2%;
             
        }

        @keyframes moveText {
             0% {
                 transform: translateX(100%);
            }
               100% {
                transform: translateX(-100%);
               }
               
        }