/* footer section styles */

        .footer-container .footer-social-main-links img{

            width: 25px;
        }

        .footer-container{
            width: 100%;
            min-height: 250px;
            background-image: url(../assert/footer.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center ;
            position: relative;
            z-index: 1;
            opacity: 1;

    
        }

        .footer-container::before{
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            background-color: rgba(0, 0, 0, 0.397);

        }

        .footer-container .footer-center{
            display: grid;
            grid-template-rows: repeat(3,1fr);
            justify-content: center;
            align-items: center;
            gap:20px;

            
        }

          .footer-center .footer-main-links{
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 40px;
            
        }

        .footer-links{
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            
        }

        .footer-link{
            color: white;
            font-size: 20px;
            font-weight: bold;
            text-transform: capitalize;
            text-align: center;
            letter-spacing: 1px;
            transition: all 0.3s linear;

        }


    
        .footer-center .footer-social-main-links {
            display: flex; 
            justify-content: center;
            align-items: center; 

        }

        .footer-social-links{
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }

        .footer-social-links .footer-social-link img{
            width: 30px;
            height: 30px;
            border: 2px solid white;
            border-radius: 10px;
            padding: 5px;
            transition: all 0.3s linear;
            
        }
        .footer-social-links .footer-social-link img:hover{
            transform: translateY(-4px);
        }


        .footer-center .copyrights{
            color: white;
            font-size: 20px;
            font-weight: bold;
            text-transform: capitalize;
            letter-spacing: 1px;
            text-align: center;
        }



        .footer-links .active,.footer-links .footer-link:hover{

            text-decoration: underline;
            

        }