Mise à jour du design

themes/meghna-hugo/assets/css/style.css

@@ -120,8 +120,8 @@ a:hover {
   color: #fff;
 }
 
-.border-meghna {
-  border-top: 2px solid rgba(236, 239, 241, 0.07);
+/* .border-meghna {
+  border-top: 2px solid #fff;
   height: 1px;
   margin: 15px auto 0;
   position: relative;
@@ -137,8 +137,8 @@ a:hover {
   position: absolute;
   top: -4px;
   width: 50px;
-  background-color: #57cbcc;
-}
+  background-color: #fff;
+} */
 
 .color {
   color: #6CB670;
@@ -163,7 +163,7 @@ a:hover {
 }
 
 .bg-one {
-  background-color: #004938;
+  background-color: var(--green);
 }
 
 .bg-dark {
@@ -300,14 +300,13 @@ a:hover {
 }
 
 .title h2 {
-  text-transform: capitalize;
   font-weight: 700;
   font-size: 38px;
   color: #fff;
 }
 
 .title h2 span {
-  color: #57cbcc;
+  color: #fff;
 }
 
 .title p {
@@ -323,7 +322,7 @@ a:hover {
 }
 
 .section-bg {
-  background: #002d22;
+  background: var(--green-dark);
 }
 
 .overly {
@@ -459,6 +458,7 @@ a:hover {
 .hero-area .block {
   text-align: center;
   z-index: 99;
+  margin: 2rem;
 }
 
 .hero-area .block .video-button {
@@ -479,17 +479,24 @@ a:hover {
 .hero-area .block h1 {
   font-size: 90px;
   color: #fff;
-  text-transform: capitalize;
   font-weight: 700;
   margin-bottom: 20px;
+  font-family: "Zodiak-Variable", sans-serif;
+  font-variation-settings: 'wght' 400.0;
 }
 
-@media (max-width: 480px) {
+@media (max-width: 992px) {
   .hero-area .block h1 {
     font-size: 60px;
   }
 }
 
+@media (max-width: 575px) {
+  .hero-area .block h1 {
+    font-size: 40px;
+  }
+}
+
 .hero-area .block p {
   color: #fff;
   font-size: 20px;
@@ -958,10 +965,6 @@ a:hover {
   font-size: 50px;
 }
 
-.service-block h3 {
-  color: #d8993a;
-}
-
 /*=================================================================
   Services section 2
 ==================================================================*/
@@ -1236,7 +1239,6 @@ a:hover {
   margin: 0 0 6px;
   font-size: 20px;
   line-height: 1.5;
-  text-transform: capitalize;
 }
 
 .note .media-wrapper {
@@ -1246,7 +1248,6 @@ a:hover {
 .note .excerpt h3 {
   font-size: 20px;
   line-height: 1.5;
-  text-transform: capitalize;
 }
 
 .all-post {