body {
            background-color: black;
            color: white;
            font-family: 'Josefin Sans', sans-serif;
            font-size: 16px;
        }

        .logo img {
            margin: 3px 30px;
            width: 5rem;
            height: 5rem;
            border-radius: 50px;
        }

        * {
            margin: 0px;
            padding: 0px;
        }

        :root {
            --navbar--height: 59px;
        }

        #navbar {
            position: relative;
            top: 0px;
            display: flex;
            align-items: center;
        }

        #navbar::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: white;
            opacity: 0.5;
            z-index: -1;
        }

        ul {
            display: flex;
        }

        #navbar ul li {
            list-style: none;
            font-size: 1.5rem;

        }

        #navbar ul li a {
            color:white;
            display: block;
            padding: 3px 20px;
            text-decoration: none;
            font-size: 1.7rem;
        }

        #navbar ul li a:hover {
            color: black;
            background-color: white;
            border-radius: 50px;
        }


        /* Home Section */

        .home {
            display: flex;
            /* position: relative; */
            
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 3px 100px;
            height: 464px;

        }

        .home::before {
            content: "";
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background: url(img/background.jpg) no-repeat center center/cover;
            opacity: 0.5;
            z-index: -1;

        }

        h1 {
            text-align: center;
            font-size: 5rem;

        }

        .home p {
            text-align: center;
            font-size: 1.1rem;
        }

        .btn {
            padding: 6px 20px;
            border: 2px solid white;
            background-color: black;
            color: white;
            border-radius: 50px;
            margin: 20px;
            font-size: 1.5rem;
            cursor: pointer;
        }

        .btn:hover {
            background-color: white;
            color: black;
        }

        .services {
            display: flex;
            flex-direction: column;
            margin: 140px 34px;
            height: 500px;


        }


        .orders {
            display: flex;
        }

        .box {
            border: 3px solid white;
            border-radius: 50px;
            align-items: center;
            margin: 3px 30px;
            padding: 54px;
        }

        /* justify-content: center; 
        
        .services {
            margin: 34px;
            display: flex;
        }

        .services .box {
            border: 2px solid red;
            padding: 34px;
            margin: 2px 55px;
            border-radius: 28px;
            background: #000000;
            margin-bottom: 20px;
        } */

        .box img {
            height: 160px;
            display: block;
            margin: auto;
            top: 0px;
            left: 0px;
            height: 8rem;
            padding: 45px;
            border-radius: 2000px;

        }

        .box h2 {

            padding: 10px;
            font-size: 2.3rem;
        }



        /* Clients section */
        #clients {
            display: flex;
            margin: 40px;
            align-items: center;
            justify-content: center;
            position: relative;
           
            


        }
/* 
        #clients::before {
            content: "";
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background: url(img/logo1.jpg) no-repeat center center/cover;
            opacity: 0.4;
            z-index: -1;
            border-radius: 100px;

        } */

        #clients img {
            height: 260px;
            padding: 50px;
            height: 8rem;
            border-radius: 2000px;


        }

        #contact {
            position: relative;
        }

        /* #contact::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: -1;
            opacity: 0.7;
            background: url(img/support.jpg) no-repeat center center/cover;

        } */

        #contact-box {
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: 34px;
        }

        #contact-box input,
        #contact-box textarea {
            width: 100%;
            padding: 0.5rem;
            border-radius: 9px;
            font-size: 1.1rem;
        }

        #contact-box form {
            width: 40%;
        }

        #contact-box label {
            font-size: 1.3rem;
            font-family: 'Bree Serif', serif;

        }