Carousel slider styled

Author: TimOsahenru

assets/css/bpd.css

@@ -517,3 +517,51 @@ ul.speaking-list {
     max-width: 60%;
   }
 }
+
+header {
+  padding: 40px 20px;
+  margin-bottom: 20px;
+  /* background-color: black; */
+}
+.slider-container {
+  min-height: 300px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  /* background-image: url("/assets/images/hero-bpd-background.jpg"); */
+  background-color: #222;
+  padding: 40px;
+  border-radius: 10px;
+  margin: 0 auto;
+  width: 85%;
+  /* max-width: 1000px; */
+}
+.email-circle {
+  width: 200px;
+  height: 200px;
+  background-color: #fff;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0 auto 15px;
+  overflow: hidden;
+}
+.email-circle img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.carousel-item {
+  text-align: center;
+}
+.post-title {
+  font-size: 25px;
+  font-weight: bold;
+  color: white;
+  margin-bottom: 10px;
+}
+.post-summary {
+  font-size: 15px;
+  color: #f1f1f1;
+}