/***************************************************************************************************************
||||||||||||||||||||||||||||       MASTER STYLESHEET FOR The Expeart      ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||||              TABLE OF CONTENT                  ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

1. Imported styles
2. Global styles
3. Header styles
4. Slider styles
5. Our Services styles
6. Our features styles
7. About section styles
8. Team Member styles
9. call to action styles
10. Blog styles
11. Testimonial styles
12. contact styles
13. Subscription styles
14. Footer styles
15. Inner banner styles
16. Inner banner styles
17. Project content styles
18. Shop styles
19. Cart Page styles
20. Checkout page styles
21. fact section styles

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/

/* ==============================
   1. Imported styles
   ============================== */
/**/


/* ==============================
   2. whatsapp
   ============================== */


*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'poppins', sans-serif;
  color: #444;
}
body2{
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #34a8f0;
}
.container2{
  background-color: white;
  border-radius: 5px;
  padding: 30px;
  width: 450px;
}
.container2 p{
  margin: 20px 0;
}
form2 div{
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
span2 input{
  width: 100%;
  padding: 10px;
  margin: 5px 0 20px 0;
  background-color: #eee;
  border: none;
  outline: none;
}
textarea2{
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  background-color: #eee;
  border: none;
  outline: none;
}
button2{
  background-color: #e53653;
  padding: 10px 30px;
  border-radius: 5px;
  color: white;
  border: none;
  margin-top: 20px;
}
button2:hover{
  background-color: #a20d26;
  cursor: pointer;
}


/* Breadcrumb */
.breadcrumb {
  padding: 0;
  margin: 10px 0 20px 0;
  list-style: none;
  background-color: transparent;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #bdbdbd;
  content: "/\00a0";
}
.breadcrumb > li a {
  color: #fff;
  padding: 3px 5px;
  text-decoration: underline;
}
.breadcrumb > .active {
  color: #fff;
}