/* * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }
*/
   a {
       text-decoration: none;
       color: unset;
   }

   body {
       font-family: "Poppins", sans-serif;
       background: #f5f5f5;
       color: #333;
   }

   .logoImg {
       width: 200px;
   }

   .no-shadow,
   .no-shadow:focus,
   .no-shadow:active {
       box-shadow: none !important;
   }

   /* NAVBAR */
   .mainNav {
       position: sticky;
       top: 0;
   }

   nav {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 10px 8%;
       background: #e3e3e3;
       color: #000;
   }

   nav ul {
       display: flex;
       list-style: none;
       gap: 30px;
   }

   nav ul li {
       cursor: pointer;
   }

   .btn {
       background: white;
       color: #1e4ed8;
       padding: 8px 18px;
       border-radius: 6px;
       font-weight: 600;
   }

   /* HERO */

   .hero {
       /* background: linear-gradient(135deg, #2563eb, #3b82f6); */
       background-image: url(./images/pexels-pixabay-531880.jpg);
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;
       color: white;
       text-align: center;
       padding: 80px 20px;
   }

   .hero h1 {
       font-size: 50px;
       margin-bottom: 15px;
       color: #000;
   }

   .hero p {
       color: #000;
       font-size: 20px;
   }

   .app-images {
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 40px;
       margin-top: 50px;
       flex-wrap: wrap;
   }

   .app-images img {
       width: 25%;
       /* height: 460px; */
       border-radius: 10px;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
       transition: all 0.4s;
   }

   .app-images img:hover {
       transform: scale(1.05);
   }

   /* .app-images img:nth-child(odd) {
       height: 500px;
   } */

   /* DOWNLOAD BUTTONS */

   .download {
       margin-top: 40px;
   }

   .download img {
       height: 70px;
       border-radius: 10px;
   }

   /* ABOUT */

   .about {
       padding: 80px 0;
       text-align: center;
       background: white;
       background-image: url(./images/white-trianglify.jpg);
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;
   }

   .about h2 {
       /* font-size: 40px; */
       margin-bottom: 20px;
   }

   .about p {
       /* max-width: 80%; */
       margin: auto;
       line-height: 1.7;
   }

   .contact {
       padding: 80px 0;
       text-align: center;
       background: #f7f7f7;
   }

   .contact h2 {
       margin-bottom: 20px;
   }

   footer {
       background: #111;
       color: white;
       text-align: center;
       padding: 20px;
   }

   @media screen and (max-width:768px) {

       .app-images img,
       .app-images img:nth-child(odd) {
           width: 100%;
           height: auto;
       }
   }