update

themes/leo_gstore/modules/leoblog/views/css/leoblog.css

@@ -406,3 +406,101 @@
         float: right; } }
 
 /*# sourceMappingURL=leoblog.css.map */
+
+.author-full-box{
+  padding: 25px;border: 1px solid #333;border-radius: 20px;margin: 50px 0;
+}
+
+.author-main-image{
+  display: flex;gap: 25px;
+}
+
+.author-main-image img{
+  width: 30%;
+}
+
+.author-description{
+  display: flex;flex-direction: column;justify-content: center;width: 70%;
+}
+
+.author-description-title{
+  color: #333;font-size: 2rem;margin: 0;font-weight: 500;
+} 
+
+.author-description-title a:hover, .expert-box div p a:hover{
+  color: #333;
+  text-decoration: underline;
+}
+
+.author-description-text{
+  color: #333;
+}
+
+.certificates-holder{
+  display: flex;gap: 15px;justify-content: center;margin: 25px 0;flex-wrap: wrap;
+}
+
+.certificates-holder a img{
+  width: 120px;
+}
+
+
+
+@media (max-width: 1200px){
+  .author-main-image img{
+    width: 40%;
+    height: 320px;
+  }
+}
+
+@media (max-width: 991px){
+  .author-main-image{
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .author-main-image img{
+    width: 50%;
+    height: auto;
+  }
+
+  .author-description{
+    width: 100%;
+  }
+}
+
+@media (max-width: 500px){
+  .author-main-image img{
+    width: 75%;
+  }
+}
+
+
+.expert-holder{
+  display: flex;
+  justify-content: space-between;
+  gap:30px;
+}
+
+.expert-box{
+  width: 33%; 
+  padding: 20px; 
+  border-radius: 12px; 
+  border: 1px solid #333;
+}
+
+@media (max-width: 991px){
+  .expert-box{
+    width: 50%; 
+  }
+}
+
+@media (max-width: 700px){
+  .expert-holder{
+    flex-direction: column;
+  }
+
+  .expert-box{
+    width: 100%; 
+  }
+}