diff --git a/Countdown-removebg-preview.png b/Countdown-removebg-preview.png
new file mode 100644
index 0000000..04b59ef
Binary files /dev/null and b/Countdown-removebg-preview.png differ
diff --git a/index.html b/index.html
index ecab5e3..363d6ac 100644
--- a/index.html
+++ b/index.html
@@ -2,305 +2,110 @@
 <html lang="en">
 
 <head>
-  <meta charset="UTF-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Homepage</title>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" />
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
-    integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous" />
-  <link rel="stylesheet" href="style.css" />
-  <link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png" />
-  <link rel="icon" type="image/png" sizes="32x32" href="favicon_io/favicon-32x32.png" />
-  <link rel="icon" type="image/png" sizes="16x16" href="favicon_io/favicon-16x16.png" />
-  <link rel="manifest" href="favicon_io/site.webmanifest" />
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
-  
-  <style>
-    .carousel {
-      height: 40em;
-    }
-
-    .footer-basic {
-      padding: 40px 0;
-      background-color: #ffffff;
-      color: #4b4c4d;
-    }
-
-    .footer-basic ul {
-      padding: 0;
-      list-style: none;
-      text-align: center;
-      font-size: 18px;
-      line-height: 1.6;
-      margin-bottom: 0;
-    }
-
-    .footer-basic li {
-      padding: 0 10px;
-    }
-
-    .footer-basic ul a {
-      color: inherit;
-      text-decoration: none;
-      opacity: 0.8;
-    }
-
-    .footer-basic ul a:hover {
-      opacity: 1;
-    }
-
-    .footer-basic .social {
-      text-align: center;
-      padding-bottom: 25px;
-    }
-
-    .footer-basic .social>a {
-      font-size: 24px;
-      width: 40px;
-      height: 40px;
-      line-height: 40px;
-      display: inline-block;
-      text-align: center;
-      border-radius: 50%;
-      border: 1px solid #ccc;
-      margin: 0 8px;
-      color: inherit;
-      opacity: 0.75;
-    }
-
-    .footer-basic .social>a:hover {
-      opacity: 0.9;
-    }
-
-    .footer-basic .copyright {
-      margin-top: 15px;
-      text-align: center;
-      font-size: 13px;
-      color: #aaa;
-      margin-bottom: 0;
-    }
-
-    .card.bg-4 {
-      background: rgba(255, 255, 255, 0.9) url("https://i.scdn.co/image/ab67706c0000bebb01b4eb9c4a97c5d464c39b1a");
-      background-size: cover;
-    }
-  </style>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Countdowntimer</title>
+  <link rel="stylesheet" href="style.css">
+  <!--=============== BOXICONS ===============-->
+  <link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>
+  <!--=============== CDN ===============-->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 </head>
 
 <body>
-  <nav id="navbar" class="sticky">
-    <ul class="menu">
-      <div>
-        <li class="logo"><img src="Countdown.png" alt="Logo">
-        </li>
-      </div>
-      <div class="links">
-
-        <li class="item"><a href="index.html">Home</a></li>
-
-        <li class="item"><a href="./about.html">About</a></li>
-        <li class="item has-submenu">
-          <a class="submenu-title" tabindex="0">Services</a>
-          <ul class="submenu">
-            <li class="subitem">
-              <a href="./components/CountdownTimer.html">Timer app</a>
-            </li>
-            <li class="subitem">
-              <a href="./to-doLISt/index.html">Todo Manager</a>
-            </li>
-            <li class="subitem"><a href="#">Music Player</a></li>
-          </ul>
-        </li>
-        <li class="item has-submenu">
-          <a class="submenu-title" tabindex="0">Plans</a>
-          <ul class="submenu">
-            <li class="subitem"><a href="#">Freelancer</a></li>
-            <li class="subitem"><a href="#">Startup</a></li>
-            <li class="subitem"><a href="#">Enterprise</a></li>
-          </ul>
-        </li>
-        <li class="item"><a href="./blog.html">Blog</a></li>
-        <li class="item"><a href="./contact.html">Contact</a></li>
-
-        <li class="item button button1"><a href="LOGIN/LogIn.html">Log In</a></li>
+  <header>
+    <div class="logo">
+      <h1> Count... </h1>
+    </div>
+    <div class="menu_avez_movie">
+      <ul>
+        <li>Home</li>
+        <li>Products</li>
+        <li>Contact</li>
+      </ul>
+    </div>
+  </header>
 
-      </div>
-      <div>
-        <li class="item searched d-flex my-2">
-          <input type="search" placeholder="Search" id="form1" class="form-control" />
-          <button type="button" class="btn btn-primary mx-1">
-            <i class="fas fa-search"></i>
-          </button>
-        </li>
-        <li class="toggle">
-          <a href="#"><i class="fas fa-bars"></i></a>
-        </li>
-      </div>
-    </ul>
-  </nav>
-  <div class="carousel">
-    <img src="https://source.unsplash.com/1600x900/?quote" alt="quote" class="slide active fade" />
-    <img src="https://source.unsplash.com/1600x900/?quote" alt="quote" class="slide fade" />
-  </div>
- 
-  
-  <div class="container20">
 
-    <div class="card1">
-      <div class="face face1">
-        <div class="content">
-          <span class="stars"></span>
-          <h2 class="java">Music Instruments App</h2>
-          <p class="java">This is the best Music Instruments Sound app which will make this app unique from other apps.</p>
-          <a href="Pages/Musicapp/index.html" class="goto-btn">Open</a>
+  <section class="main-section">
+    <div class="avez_movie_main_section">
+      <div class="avez_movie_main_content">
+        <h1>Countdowntimer</h1>
+        <h2>The One Stop Platform to make command on your Time...</h2>
+        <h3> Wanna manage the time <span>Countdowntimer...</span> </h3>
+        <div class="avez_movie_btn">
+          <a href="#">Get Started <i &RightArrow; </a>
         </div>
       </div>
-      <div class="face face2">
-        <h2>Music Instruments App</h2>
+      <div class="avez_movie_main_image">
+        <img src="Countdown-removebg-preview.png" alt="">
       </div>
     </div>
-  
-    <div class="card1">
-      <div class="face face1">
-        <div class="content">
-          <span class="stars"></span>
-          <h2 class="python">Todo Manager</h2>
-          <p class="python">Procrastination is opportunity's natural assassin</p>
-          <a href="to-doLISt/index.html" class="goto-btn">Open</a>
+  </section>
+
+  <section>
+    <div class="avezProductSection">
+      <h1>Our Products</h1>
+      <div class="avezCardsTimer">
+        <div class="avezCardTimer">
+          <div class="imageTimer">
+            <img src="images/blog3.jpeg" alt="">
+          </div>
+          <div class="title">
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, quisquam.
+          </div>
         </div>
-      </div>
-      <div class="face face2">
-        <h2>Todo Manager</h2>
-      </div>
-    </div>
-  
-    <div class="card1">
-      <div class="face face1">
-        <div class="content">
-          <span class="stars"></span>
-          <h2 class="cSharp">Countdown Timer</h2>
-          <p class="cSharp">A simple web app for setting up a Countdown from right now to a
-            specific date</p>
-            <a href="components/CountdownTimer.html" class="goto-btn">Open</a>
+        <div class="avezCardTimer">
+          <div class="imageTimer">
+            <img src="images/blog3.jpeg" alt="">
+          </div>
+          <div class="title">
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, quisquam.
+          </div>
+        </div>
+        <div class="avezCardTimer">
+          <div class="imageTimer">
+            <img src="images/blog3.jpeg" alt="">
+          </div>
+          <div class="title">
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, quisquam.
+          </div>
         </div>
-      </div>
-      <div class="face face2">
-        <h2>Countdown Timer</h2>
       </div>
     </div>
-    <div class="card1">
-      <div class="face face1">
-        <div class="content">
-          <span class="stars"></span>
-          <h2 class="python">lofi-beats</h2>
-          <p class="python"> A lofi beats playlist which helps you concentrate and focus.</p>
-          <a href="Pages/Musicapp/index.html" class="goto-btn">Open</a>
+  </section>
+
+
+
+  <footer class="footer_section_avez">
+    <div class="avez_movie_footer_container">
+      <div class="avez_movie_footer_logo">
+        <h1>Countdowntimer</h1>
+        <h3>Wanna manage the time <span>Countdowntimer...</span> </h3>
+        <div class="avez_movie_socials">
+          <ul>
+            <li>
+              <i class=''>f</i>
+              <i class=''>f</i>
+              <i class=''>f</i>
+              <i class=''>f</i>
+            </li>
+          </ul>
         </div>
       </div>
-      <div class="face face2">
-        <h2>lofi-beats</h2>
+      <div class="avez_movie_footer_desc">
+        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Reiciendis praesentium quibusdam modi maiores vero. Ab
+        consequuntur eius sunt et illo nostrum laboriosam recusandae unde pariatur, accusantium quasi quae numquam
+        sapiente.
       </div>
     </div>
-  </div>
-
-  <script>
-    let slideIndex = 0;
-    const showSlides = async () => {
-      let slides = document.getElementsByClassName("slide");
-      let url;
-      try {
-        let response = await fetch(
-          "https://source.unsplash.com/1600x900/?quote"
-        );
-        url = response.url;
-      } catch (error) {
-        console.log(error);
-
-      }
-      slides[slideIndex].classList.toggle("active");
-      slideIndex++;
-      slideIndex %= slides.length;
-      slides[slideIndex].classList.toggle("active");
-      slides[slideIndex].src = url;
-    };
-    setInterval(showSlides, 5000);
-    const toggle = document.querySelector(".toggle");
-    const menu = document.querySelector(".menu");
-    /* Toggle mobile menu */
-    function toggleMenu() {
-      if (menu.classList.contains("active")) {
-        menu.classList.remove("active");
-        // adds the menu (hamburger) icon
-        toggle.querySelector("a").innerHTML = "<i class='fas fa-bars'></i>";
-      } else {
-        menu.classList.add("active");
-        // adds the close (x) icon
-        toggle.querySelector("a").innerHTML = "<i class='fas fa-times'></i>";
-      }
-    }
-    /* Event Listener */
-    toggle.addEventListener("click", toggleMenu, false);
-    const items = document.querySelectorAll(".item");
-
-    /* Activate Submenu */
-    function toggleItem() {
-      if (this.classList.contains("submenu-active")) {
-        this.classList.remove("submenu-active");
-      } else if (menu.querySelector(".submenu-active")) {
-        menu
-          .querySelector(".submenu-active")
-          .classList.remove("submenu-active");
-        this.classList.add("submenu-active");
-      } else {
-        this.classList.add("submenu-active");
-      }
-    }
-
-    /* Event Listeners */
-    for (let item of items) {
-      if (item.querySelector(".submenu")) {
-        item.addEventListener("click", toggleItem, false);
-        item.addEventListener("keypress", toggleItem, false);
+    <div class="branding_avez_dev">
+      &copy; 2022 Countdown Timer
+    </div>
+  </footer>
 
-      }
-    }
-    /* Close Submenu From Anywhere */
-    function closeSubmenu(e) {
-      if (menu.querySelector(".submenu-active")) {
-        let isClickInside = menu
-          .querySelector(".submenu-active")
-          .contains(e.target);
 
-        if (!isClickInside && menu.querySelector(".submenu-active")) {
-          menu
-            .querySelector(".submenu-active")
-            .classList.remove("submenu-active");
-        }
-      }
-    }
-    /* Event listener */
-    document.addEventListener("click", closeSubmenu, false);
-  </script>
-  <div class="footer-basic">
-    <footer>
-      <div class="social"><a href="#"><i class="icon ion-social-instagram"></i></a><a href="#"><i
-            class="icon ion-social-linkedin"></i></a><a href="#"><i class="icon ion-social-pinterest"></i></a><a
-          href="#"><i class="icon ion-social-facebook"></i></a><a href="#"><i class="icon ion-social-youtube"></i></div>
-      <ul class="list-inline">
-        <li class="list-inline-item"><a href="#">Home</a></li>
-        <li class="list-inline-item"><a href="#">Services</a></li>
-        <li class="list-inline-item"><a href="./about.html">About</a></li>
-        <li class="list-inline-item"><a href="#">Terms</a></li>
-        <li class="list-inline-item"><a href="#">Privacy Policy</a></li>
-      </ul>
-      <p class="copyright">CountdownTimer © 2021</p>
-    </footer>
-  </div>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
index f192e1b..5763c42 100644
--- a/style.css
+++ b/style.css
@@ -1,492 +1,356 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;500&display=swap');
 
 * {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  font-family: "Roboto", sans-serif;
-}
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    transition: 0.5s ease;
+    font-family: 'Poppins', sans-serif;
+    margin: auto;
+    max-width: 120rem;
+    color: #fff;
+    font-style: normal;
+    cursor:default;
 
-body {
-  background-image: linear-gradient(to right top, #06002a, #08164c, #0d2672, #11369a, #1148c4, #0063da, #007eed, #0098ff, #00b7ff, #00d3ff, #00ebf1, #00ffd4);
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 2rem;
-  padding: 1rem;
-  font-family: sans-serif;
-  font-size: 16px;
-  margin: 0px;
-  padding: 0px;
-  padding-bottom: 20px;
-}
 
-nav {
-  height: 15vh;
-  background-color: #152932;
 }
-
-.sticky {
-  position: sticky;
-  top: 0;
-  height: 100px;
-  width: 100%;
-  z-index: 1;
+body{
+    background-color: #141414;
+    
 }
 
-.menu a {
-  color: white;
-  font-size: 20px;
-  font-weight: 500;
-  cursor: pointer;
+:root{
+    --main-color:#00c2cbed;
 }
 
-.menu a:hover {
-  color: #00c2cb;
-  font-size: 22px;
-  text-decoration: none;
-}
+header{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 1.8rem;
 
-.has-submenu {
-  z-index: 100;
 }
 
-.menu,
-.submenu {
-  list-style-type: none;
+.menu_avez_movie ul {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 1rem;
 }
 
-.menu {
-  padding-top: 5px;
-  padding-bottom: 5px;
+.menu_avez_movie ul li{
+    margin-left: 1rem;
+    cursor: pointer;
 }
 
-.menu .logo {
-  margin-right: 80px;
-}
-.logo img{
-  height: 80px;
-  width: 80px;
-  border-radius: 50px;
-  border: 2px solid #00c2cb;
-  box-shadow: #00c2cb 0px 5px 15px;
-  margin-top: 5px;
-}
-.item {
-  padding: 10px;
+.menu_avez_movie ul li:hover{
+    color: var(--main-color);
 }
 
-.button1 {
-  height: 20px;
-  margin-left: 30px;
-  margin-right: -12px;
+
+.logo h1{
+    color: var(--main-color);
+    margin-top: 1rem;
 }
 
-.button1 a {
-  color: black;
-  padding: 9px 5px;
-  border-radius: 8px;
+/* MovieSLider */
+
+.movieCards
+{
+    overflow-x: auto;
+    display: flex;
+    width: 100%;
 }
 
-.button1 a:hover {
-  color: white;
-  font-size: 20px;
+.movieCard{
+    margin: 2rem;
+    height: 65vh;
+
 }
 
-.links {
-  display: flex;
-  justify-content: space-between;
+.movieImg{
+    width: 15rem;
+    height: 27rem;
+
 }
 
-.searched {
-  left: 20px;
+.movieImg img{
+    width: 100%;
+    height: 100%;
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
 }
 
-.menu input {
-  border-radius: 8px;
-  border: 1px black solid;
+.movieContent{
+    display: flex;
+    background-color: #fff;
+    height: 3.5rem;
+    border-bottom-left-radius: 15px;
+    border-bottom-right-radius: 15px;
+    color: #000;
+    font-size: 1.5rem;
 }
 
 
-/* Mobile menu */
-.menu {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  align-items: center;
+.addFav{
+    color: rgba(255, 0, 0, 0.662);
+    width: 40px;
+    height: 30px;
+    border-radius: 7px;
+    border: 2px solid rgba(255, 0, 0, 0.662);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
 }
 
-.menu li a {
-  display: block;
-  padding: 15px 5px;
-}
+.addFav:hover{
+    background-color: rgba(255, 0, 0, 0.9);
+    border:none;
+    color: wheat;
 
-.toggle {
-  order: 1;
-  font-size: 20px;
 }
 
-.item.button {
-  order: 2;
+.movieCard:hover{
+    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0);
+    border-radius: 15px;
+    cursor: pointer;
+    transform: scale(1.1);
 }
 
-.item {
-  order: 3;
-  width: 100%;
-  text-align: center;
-  display: none;
+::-webkit-scrollbar{
+    background: #5c554817;
+    height: 10px;
+    border-radius: 10
 }
 
-.active .item {
-  display: block;
+::-webkit-scrollbar-thumb{
+    background-color: #5c554863;
 }
 
-.button.secondary {
-  /* divider between buttons and menu links */
-  border-bottom: 1px #444 solid;
+.main-section{
+    height: 100vh;
 }
 
-/* Submenu up from mobile screens */
-.submenu {
-  display: none;
+.avez_movie_main_section{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-left: 3rem;
+    margin-right: 3rem;
+    margin-bottom: 3rem;
+    margin-top: 4rem;
 }
 
-.submenu-active .submenu {
-  display: block;
+.avez_movie_main_content{
+    width: 50%;
 }
 
-.has-submenu i {
-  font-size: 12px;
+.avez_movie_main_content h1{
+    font-size: 4rem;
 }
 
-.has-submenu>a::after {
-  font-family: "Font Awesome 5 Free";
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 900;
-  content: "\f078";
-  color: white;
+.avez_movie_main_content h2{
+    font-size: 3rem;
 }
 
-.submenu-active {
-  border-radius: 3px;
+
+.avez_movie_main_content h3{
+    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
 }
 
-/* Tablet menu */
-@media all and (min-width: 700px) {
-  .menu {
-    justify-content: space-evenly;
-  }
 
-  .logo {
-    flex: 1;
-  }
-  .item.button {
-    width: auto;
-    order: 1;
-    display: block;
-  }
+.avez_movie_main_content span{
+    color: #00c2cbed;
+}
 
-  .toggle {
-    flex: 1;
-    text-align: right;
-    order: 2;
-  }
+.avez_movie_main_image{
+    width: 600px;
+}
 
-  /* Button up from tablet screen */
-  .menu li.button a {
-    padding: 7px 10px;
-    margin: 5px 0;
-  }
+.avez_movie_main_image img{
+    width: 100%;
+    height: 100%;
+}
 
-  .button a {
-    background: #0080ff;
-    border: 1px royalblue solid;
-  }
+a{
+    text-decoration: none;
+    cursor: pointer;
+}
 
-  .button.secondary {
-    border: 0;
-  }
+.avez_movie_btn{
+    margin-top: 2rem;
 
-  .button.secondary a {
-    background: transparent;
-    border: 1px #0080ff solid;
-  }
+}
 
-  .button a:hover {
-    text-decoration: none;
-  }
-}
-
-/* Desktop menu */
-@media screen and (max-width:1160px){
-  .menu input{
-    display: none;
-  }
-}
-
-@media all and (min-width: 960px) {
-  .menu {
-    align-items: flex-start;
-    flex-wrap: nowrap;
-    background: none;
-  }
-
-  .logo {
-    order: 0;
-  }
-
-  .item {
-    order: 1;
-    position: relative;
-    display: block;
-    width: auto;
-  }
-
-  .button {
-    order: 2;
-  }
-
-  .submenu-active .submenu {
-    display: block;
-    position: absolute;
-    left: 0;
-    top: 68px;
-    width: auto;
-  }
-
-  .subitem a {
-    color: white;
-    background-color: #152932;
-    text-align: center;
-    margin-bottom: 0;
-    font-size: 20px;
-  }
+.avez_movie_btn a{
+    font-size: 1.5rem;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    padding-left: 25px;
+    padding-right: 50px;
+    background:linear-gradient(660deg, black, var(--main-color));
+    border-radius: 10px;
+}
 
-  .toggle {
-    display: none;
-  }
+.avez_movie_btn a:hover{
+    background:linear-gradient(90deg, black, var(--main-color));
 
-  .submenu-active {
-    border-radius: 0;
-  }
 }
 
-.carousel {
-  text-align: center;
-  margin: auto;
+.movieName{
+    color: black !important;
+
 }
 
-@media screen and (max-width: 768px) {
-  .carousel {
-    width: 100%;
 
-    height: 30vh;
+.avez_section2 {
+    height: 100vh;
+    margin-top: -15rem;
+    margin-bottom: -38rem;
+}
 
-  }
+.avez_search_title {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 2rem;
+    margin-top: 2rem;
+}
 
-  .active {
-    width: 100%;
-    margin: 0px;
+.avez_search_title span {
+    color: var(--main-color);
+}
 
-  }
+.avez_search {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 2rem;
+}
 
-  .slide {
-    width: 100%;
-    margin: 0px;
-  }
+.avez_search input {
+    width: 800px;
+    height: 40px;
+    outline: none;
+    border: none;
+    color: black;
+    padding: 7px;
+    border-radius: 3px;
+    font-size: 1.1rem;
+    margin-top: 2rem;
+}
 
-  .card {
-    width: 70%;
-    height: 100px;
+.avez_search button {
+    height: 40px;
+    color: #000;
+    padding: 5px;
+    outline: none;
+    border-radius: 3px;
+    border: none;
+    cursor: pointer;
+    background-color: var(--main-color);
+    color: #fff;
+}
 
-  }
+.avez_movie_favourites{
+    margin: 3rem;
 }
 
-.slide {
-  display: none;
+
+.footer_section_avez{
+    padding-top: 2rem;
+    background-color: #34312b42;
 }
 
-.active {
-  display: block;
-  background-color: white;
-  animation: fade 1.4s;
-  object-fit: contain;
-  width: 75%;
-  aspect-ratio: 16/9;
-  text-align: center;
-  margin: auto;
+.avez_movie_footer_container{
+    display: grid;
+    justify-content: center;
+    align-items: center;
+    grid-template-columns: 1fr 1fr;
 }
 
-.cards-container {
-  display: flex;
-  justify-content: space-evenly;
-  align-items: center;
-  gap: 15px;
-  flex-wrap: wrap;
+.avez_movie_footer_desc{
+    width: 50%;
 }
 
-/*card styles*/
+.branding_avez_dev{
+    text-align: center;
+    margin-top: 2rem;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    background-color: #151515;
+}
 
-.card {
-  width: 250px;
-  height: 350px;
-  /* color: white; */
-  border-radius: 0.5rem;
-  background-color: white;
-  overflow: hidden;
-  position: relative;
+.avez_movie_footer_logo h1{
+    font-size: 4rem;
 }
 
+.avez_movie_footer_logo h3{
+    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
+    padding-bottom: 2rem;
+}
 
-.goto-btn {
-  text-decoration: none;
-  color: black;
-  background-color: #1da1f2;
-  font-size: 1.1rem;
-  padding: 0.25em 0.5em;
-  border-radius: 6px;
-  transition: all 0.1s;
-  width: min-content;
-  color: white;
-  font-size: 1rem;
-  position: center;
-  bottom: 3rem;
+li{
+    list-style: none;
 }
 
-.goto-btn:hover {
-  outline: 4px solid #1187d192;
+.avez_movie_socials ul li i{
+    background-color: #151515;
+    display: inline;
+    padding: 16px 25px;
+    border-radius: 50%;
+    margin-right: 6px;
+    cursor: pointer;
 }
 
+.avez_movie_socials ul li i:hover{
+    color: #00c2cbed;
+}
 
-@keyframes fade {
-  from {
-    opacity: 0.4;
-  }
+.avez_movie_socials ul{
+    padding-bottom: 2rem;
 
-  to {
-    opacity: 1;
-  }
+}
 
+.avezProductSection{
+    text-align: center;
+    height: 100vh;
 }
 
-::-webkit-scrollbar {
-  width: 12px;
+.avezProductSection h1{
+    font-size: 3rem;
+    margin-bottom: 2rem;
 }
 
-::-webkit-scrollbar-track {
-  background-color: aqua;
+.avezCardsTimer{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    box-shadow:0 17px 50px 0 rgba(11,20,26,.19),0 12px 15px 0 rgba(11,20,26,.24);
 }
 
-::-webkit-scrollbar-thumb {
-  background-color: rgb(58 58 173);
-  background-clip: content-box;
-  border: 2px solid transparent;
-  border-radius: 15px;
+.avezCardTimer{
+    width: 300px;
+    height: 400px;
+    text-align: center;
+    background-color: #fff;
+    border-radius: 5px;
+    margin: 1rem;
+}
 
+.imageTimer{
+    width: 300px;
+    height: 300px;
 }
 
-.container20{
-    max-width: 100vw;
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-    grid-gap: 35px;
-    margin: 0 auto;
-    padding: 40px 0;
-}
-
-    .card1 {
-      position: relative;
-      width: 300px;
-      height: 400px;
-      margin: 0 auto;
-      background: #000;
-      border-radius: 15px;
-      box-shadow: 0 15px 60px rgba(0, 0, 0, 0.5);
-    }
-
-      .face {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-        .face1 {
-          box-sizing: border-box;
-          padding: 20px;
-        }
-
-          h2 {
-            margin: 0;
-            padding: 0;
-          }
-
-          .java {
-            background-color: #fffc00;
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-          }
-
-          .python {
-            background-color: #00fffc;
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-          }
-
-          .cSharp {
-            background-color: #fc00ff;
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-          }
-    
+.imageTimer img{
+    width: 100%;
+    height: 100%;
+    border-top-left-radius:5px ;
+    border-top-right-radius:5px ;
+}
 
-        .face2 {
-          transition: 0.5s;
-        }
-
-          .card1 .h2 {
-            margin: 0;
-            padding: 0;
-            font-size: 10em;
-            color: #fff;
-            transition: 0.5s;
-            text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-            z-index: 10;
-          
-        }
-
-    .card1:hover .face.face2 {
-      height: 60px;}
-
-      h2 {
-        font-size: 2em;
-      }
-   
-
-    .card1:nth-child(1) .face.face2 {
-      background: url("./music.png");
-      background-size: cover;
-      border-radius: 15px;
-    }
-
-    .card1:nth-child(2) .face.face2 {
-      background: url("./todoman.png");
-      background-size: cover;
-      border-radius: 15px;
-    }
-
-    .card1:nth-child(3) .face.face2 {
-      background: rgba(255, 255, 255, 0.9) url("./timer.jpg");
-      background-size: cover;
-      border-radius: 15px;
-    }
-    .card1:nth-child(4) .face.face2 {
-      background: rgba(255, 255, 255, 0.9) url("./Screenshot\ 2022-10-10\ 120912.png");
-      background-size: cover;
-      border-radius: 15px;
-    }
-  
+.title{
+    color: #000;
+    margin-top: 10px;
+}
