css

app/design/frontend/Joshine/breeze/Magento_Checkout/templates/onepage.phtml

@@ -1069,7 +1069,7 @@ $isMobile = $mobileDetect->isMobile();
         }
         .checkout-index-index .label-title{
             position:relative;
-            margin:0.5rem 0px;
+            margin:30px 0px 0px;
         }
         .checkout-index-index .contact-title{
             line-height: 30px;
@@ -1403,11 +1403,12 @@ $isMobile = $mobileDetect->isMobile();
         margin-bottom: 20px;
     }
     .block-select-subtitle {
-        font-size: 14px;
+        font-size: 12px;
         font-weight: 400;
         word-break: break-word;
         color:#5D5B5A;
-        padding-left:5px
+        padding:0;
+        margin:0 auto;
     }
     #checkoutSteps{
         display: grid;
@@ -1674,23 +1675,21 @@ $isMobile = $mobileDetect->isMobile();
         font-size: 12px;
         color: #276EAF;
     }
-    .jkl {
-        width: 50px;
-        height: 50px;
-        border-radius: 50%;
-        background-color: red;
-        animation-name: rotate;
-        animation-duration: 2s;
-        animation-iteration-count: infinite;
-        animation-timing-function: linear;
-    }
-    @keyframes rotate {
-        0% {
-            transform: rotate(0);
-        }
-        100% {
-            transform: rotate(360deg);
+    .jkl{
+        width:20px;
+        height:20px;
+        border:2px solid #f2f2f2;
+        border-top-color:#dbb893;
+        border-radius:50%;
+        animation: fadenum 1s linear infinite;
+        -moz-animation: fadenum 1s linear infinite;
+        -webkit-animation: fadenum 1s linear infinite;
+        -o-animation: fadenum 1s linear infinite;
+        vertical-align: sub;
+        display: inline-block;
     }
+    @keyframes fadenum{
+        100%{transform:rotate(360deg);}
     }
 
     /********************************************address from end****************************************************/