no message

assets/css/animation.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/animation.scss"],"names":[],"mappings":"AAAA,uBACE,GACE,mBAGF,KACE,cAEA,UACE,6FASN,0BACE,GACE,cACA,UAGF,KACE,UACE,oFAOF,WAIJ,QACE,kBACA,iBAGF,aACE,kBACA,cACA,iBACA,kBACA,sBACA,2BACA,8BACA,WACA,iBACA,WACA,YACA,mBACA,qCAGF,oBACE,cACA,WACA,gBACA,0BAEA,mBAGF,mBACE,cACA,WACA,gBACA,cAEA,0BAEA,8CAEA,mBAIF,sBACE,4BACA,kCAEA,oCACA,qCAGA,mBAGF,qBACE,+BACA,kCACA,sBAEA,uCACA,qCACA,8BAGF,eACE,UACA,UACE,4FAQJ,SACE,UAGF,WACE,UAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,oBAGF,uCACE,oBAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,oBAGF,uCACE,oBAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE","file":"animation.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/animation.scss"],"names":[],"mappings":"AAAA,uBACE,GACE,mBAGF,KACE,cAEA,UACE,6FASN,0BACE,GACE,cACA,UAGF,KACE,UACE,oFAOF,WAIJ,QACE,kBAGF,aACE,kBACA,aACA,mBACA,iBACA,kBACA,sBACA,2BACA,8BACA,WACA,WACA,YACA,mBACA,qCAGF,oBACE,cACA,WACA,gBACA,0BACA,mBACA,iBAGF,mBACE,cACA,WACA,gBACA,yBACA,0BACA,8CACA,mBAIF,sBACE,4BACA,kCAEA,oCACA,qCAGA,mBAGF,qBACE,+BACA,kCACA,sBAEA,uCACA,qCACA,8BAGF,eACE,UACA,UACE,4FAQJ,SACE,UAGF,WACE,UAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,oBAGF,uCACE,oBAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,oBAGF,uCACE,oBAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE,oBAKF,sCACE,YAGF,uCACE,YAGF,wCACE,oBAGF,qCACE","file":"animation.css"}

assets/scss/animation.scss

@@ -36,20 +36,19 @@
 }
 
 .number {
-  position: relative;
-  line-height: 1.75;
+  position: relative;  
 }
 
 .number span {
   position: absolute;
-  display: block;
+  display: flex;
+  align-items: center;
   font-weight: bold;
   text-align: center;  
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;  
-  color: white;
-  line-height: 1.75;
+  color: white;  
   width: 100%;
   height: 100%;
   perspective: 7.14em;
@@ -60,21 +59,18 @@
   display: block;
   height: 50%;
   overflow: hidden;
-  border-radius: 20% 20% 0 0;
-  
+  border-radius: 20% 20% 0 0;  
   background: #8b2ef4; /* Old browsers */
+  padding-top: 15px;
 }
 
 .number span:after {
   display: block;
   height: 50%;
   overflow: hidden;
-  line-height: 0;
-  
-  border-radius: 0 0 20% 20%;
-  
-  transition: color 100ms, background-color 100ms;
-  
+  line-height: 0!important;
+  border-radius: 0 0 20% 20%;  
+  transition: color 100ms, background-color 100ms;  
   background: #7F1BF2; /* Old browsers */
 }
 

assets/scss/style.scss

@@ -1134,7 +1134,7 @@ img{
           font-size: 120px;
           color: #ffffff;
           width: 140px;
-          line-height: 1.75;
+          
           font-weight: 800;
           height: 210px;
           border-radius: 20%;;
@@ -1261,7 +1261,7 @@ img{
             font-weight: 800;
             height: 210px;
             display: inline-block;
-            line-height: 2;
+            
             text-align: center;
             box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
             border-radius: 30px;
@@ -1730,20 +1730,20 @@ img{
             font-size: 30px;
           }
         }
-        .count--num{
-          width: 100%;
+        .count--num{          
           justify-content: center;
-          .number{
-            font-size: 100px;
-            width: 120px;
-            height: 174px;
-            &:nth-child(4){
-              margin-left: 40px;
-            }
-            &:nth-child(5){
-              margin-right: 40px;
-            }
-          }
+          transform: scale(.8);
+          // .number{
+          //   font-size: 100px;
+          //   width: 120px;
+          //   height: 174px;
+          //   &:nth-child(4){
+          //     margin-left: 40px;
+          //   }
+          //   &:nth-child(5){
+          //     margin-right: 40px;
+          //   }
+          // }
         }
       }
     }
@@ -1903,20 +1903,32 @@ img{
             }
           }
         }
-        .count--num{
-          gap: 5px;
-          .number{
-            font-size: 60px;
-            line-height: 2;
-            width: 90px;
-            height: 120px;
-            &:nth-child(4){
-              margin-left: 20px;
-            }
-            &:nth-child(5){
-              margin-right: 20px;
-            }
-          }
+        // .count--num{
+        //   gap: 5px;
+        //   .number{
+        //     font-size: 60px;
+            
+        //     width: 90px;
+        //     height: 120px;
+        //     &:nth-child(4){
+        //       margin-left: 20px;
+        //     }
+        //     &:nth-child(5){
+        //       margin-right: 20px;
+        //     }
+        //   }
+        // }
+      }
+    }
+  }
+}
+
+@media(max-width:950px){
+  .evt--section03{
+    .section--container{
+      .count--wrap{      
+        .count--num{                    
+          transform: scale(.6);          
         }
       }
     }
@@ -2148,6 +2160,7 @@ img{
           font-size: 14px;
         }
       }
+      
       .count--wrap{
         .evt--btn{
           font-size: 24px;
@@ -2168,12 +2181,14 @@ img{
             }
           }
         }
+
         .count--num{
-          .number{
-            font-size: 40px;
-            width: 60px;
-            height: 80px;
-          }
+          // .number{
+          //   font-size: 40px;
+          //   width: 60px;
+          //   height: 80px;
+          // }
+          transform: scale(.4);          
         }
       }
     }
@@ -2336,17 +2351,7 @@ img{
       }
       .count--wrap{
         .count--num{
-          .number{
-            font-size: 24px;
-            height: 72px;
-            line-height: 3;
-            &:nth-child(4){
-              margin-left: 10px;
-            }
-            &:nth-child(5){
-              margin-right: 10px;
-            }
-          }
+          transform: scale(.3);     
         }
       }      
     }
@@ -2361,3 +2366,16 @@ img{
 }
 
 
+@media(max-width:370px) {
+  .evt--section03{    
+    .section--container{
+      .count--wrap{
+        .count--num{
+          transform: scale(.2);     
+        }
+      }      
+    }
+  }
+}
+
+