all set. except whatsapp messaging

assets/css/custom.css

@@ -4,17 +4,89 @@
 }
 
 .testimonial-text {
-  font-size: 16px !important; 
+  font-size: 16px !important;
   line-height: 23px !important;
   font-weight: 700 !important;
 }
 
-.uni-logo{
-  height: 100px ;
+.uni-logo {
+  height: 100px;
 }
 
-.success-img{
+.success-img {
   width: 100px !important;
   height: 100px !important;
   border-radius: 50% !important;
+}
+
+.blog-img {
+  height: 300px ;
+  object-fit: cover;
+}
+
+
+/* comming soon css --delete after removing secti */
+
+.bgimg {
+  /* Background image */
+  background-image: url('assets/images/gokul/blog/study1.jpg');
+  /* Full-screen */
+  height: 100%;
+  /* Center the background image */
+  background-position: center;
+  /* Scale and zoom in the image */
+  background-size: cover;
+  /* Add position: relative to enable absolutely positioned elements inside the image (place text) */
+  position: relative;
+  /* Add a white text color to all elements inside the .bgimg container */
+  color: white;
+  /* Add a font */
+  font-family: "Courier New", Courier, monospace;
+  /* Set the font-size to 25 pixels */
+  font-size: 25px;
+}
+
+/* Adjust top margin for tablet devices */
+@media (max-width: 976px) {
+  .bgimg {
+    margin-top: 60px;
+    margin-bottom: 150px;
+  }
+}
+
+/* Adjust top margin for mobile devices */
+@media (max-width: 480px) {
+  .bgimg {
+    margin-top: 30px;
+    margin-bottom: 300px;
+  }
+}
+
+/* Position text in the top-left corner */
+.topleft {
+  position: absolute;
+  top: 0;
+  left: 16px;
+}
+
+/* Position text in the bottom-left corner */
+.bottomleft {
+  position: absolute;
+  bottom: 0;
+  left: 16px;
+}
+
+/* Position text in the middle */
+.middle {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+}
+
+/* Style the <hr> element */
+hr {
+  margin: auto;
+  width: 40%;
 }