update

static/front/assets/css/style.css

@@ -274,7 +274,7 @@ video {
     z-index: 99
 }
 
-.creasoft-wrap {
+.sectionblock-wrap {
     position: relative;
     overflow: hidden;
     z-index: 1
@@ -300,11 +300,11 @@ video {
 }
 
 .line_wrap.layout2 {
-    border-left: 1px solid rgba(246, 246, 246, .02)
+    border-left: 1px solid rgba(246, 246, 246, .06)
 }
 
 .line_wrap.layout2 .line_item {
-    border-right: 1px solid rgba(246, 246, 246, .02)
+    border-right: 1px solid rgba(246, 246, 246, .06)
 }
 
 .line_wrap:before {
@@ -315,8 +315,8 @@ video {
     position: absolute;
     -webkit-animation: scroll1 15s ease-out infinite;
     animation: scroll1 15s ease-out infinite;
-    background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent));
-    background-image: linear-gradient(0deg, #39A5C8, transparent)
+    background-image: -webkit-gradient(linear, left , right, from(#000000), to(transparent));
+    background-image: linear-gradient(0deg, #fc7a01, transparent)
 }
 
 .line_item {
@@ -345,15 +345,15 @@ video {
 .line_item:nth-child(odd):before {
     -webkit-animation: scroll2 15s ease-out infinite;
     animation: scroll2 15s ease-out infinite;
-    background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000000));
-    background-image: linear-gradient(0deg, transparent, #39A5C8)
+    background-image: -webkit-gradient(linear, left , right , from(transparent), to(#000000));
+    background-image: linear-gradient(0deg, transparent, #fc7a01)
 }
 
 .line_item:nth-child(even):before {
     -webkit-animation: scroll1 15s ease-out infinite;
     animation: scroll1 15s ease-out infinite;
-    background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent));
-    background-image: linear-gradient(0deg, #39A5C8, transparent)
+    background-image: -webkit-gradient(linear, left, right, from(#000000), to(transparent));
+    background-image: linear-gradient(0deg, #fc7a01, transparent)
 }
 
 @-webkit-keyframes scroll1 {
@@ -414,7 +414,7 @@ video {
 
 .breadcrumbs {
     position: relative;
-    height: 480px;
+    height: 380px;
     background-size: cover;
     background-position: center center;
     z-index: 1
@@ -433,7 +433,7 @@ video {
     top: 0;
     height: 100%;
     width: 100%;
-    background-color: #17161a;
+    background-color: #39A5C8;
     opacity: .93;
     z-index: -1
 }
@@ -2234,7 +2234,7 @@ only screen and (min-width:768px) and (max-width:991px) {
 
 .our-partner {
     padding: 100px 0;
-    background-color: #191a1c
+    background-color: #39A5C8
 }
 
 @media(max-width:767px) {
@@ -2245,7 +2245,7 @@ only screen and (min-width:768px) and (max-width:991px) {
 
 .our-partner .sec-title {
     margin-bottom: 10px;
-    border-right: 1px solid #75dab4
+    border-right: 1px solid #39A5C8
 }
 
 .our-partner .sec-title .swiper-button-next-c,
@@ -2255,7 +2255,7 @@ only screen and (min-width:768px) and (max-width:991px) {
     display: inline-block;
     height: 40px;
     width: 40px;
-    background-color: #0d0d0f;
+    background-color: #39A5C8;
     border-radius: 50%;
     line-height: 40px;
     text-align: center;
@@ -2266,7 +2266,7 @@ only screen and (min-width:768px) and (max-width:991px) {
 .our-partner .sec-title .swiper-button-next-c:hover,
 .our-partner .sec-title .swiper-button-prev-c:hover {
     color: #000;
-    background-color: #75dab4
+    background-color: #39A5C8
 }
 
 .our-partner .sec-title .swiper-button-prev-c {
@@ -2525,7 +2525,6 @@ only screen and (min-width:768px) and (max-width:991px) {
 
 footer {
     position: relative;
-    padding-top: 100px;
     margin-top: -100px;
     background-size: cover;
     background-position: center center;
@@ -2903,7 +2902,7 @@ footer.error {
     display: none
 }
 
-.creasoft-wrap.layout2 {    
+.sectionblock-wrap.layout2 {    
     background-repeat: repeat;
     background-color: #39A5C8
 }
@@ -5575,4 +5574,66 @@ scrollbar-track {
 
 .swiper-wrapper{
     margin-top: 35px;
+}
+
+.footheader {
+    position:relative;
+    text-align:center;
+    background: #39A5C8;
+    color:white;
+}
+
+.footheaderwaves {
+    position:relative;
+    width: 100%;
+    height:15vh;
+    margin-bottom:-7px; /*Fix for safari gap*/
+    min-height:100px;
+    max-height:150px;
+}
+
+.footcontent {
+    position:relative;
+    height:20vh;
+    text-align:center;
+    background-color: white;
+}
+
+.footheaderparallax > use {
+    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
+}
+.footheaderparallax > use:nth-child(1) {
+    animation-delay: -2s;
+    animation-duration: 7s;
+}
+.footheaderparallax > use:nth-child(2) {
+    animation-delay: -3s;
+    animation-duration: 10s;
+}
+.footheaderparallax > use:nth-child(3) {
+    animation-delay: -4s;
+    animation-duration: 13s;
+}
+.footheaderparallax > use:nth-child(4) {
+    animation-delay: -5s;
+    animation-duration: 20s;
+}
+@keyframes move-forever {
+0% {
+    transform: translate3d(-90px,0,0);
+}
+100% { 
+    transform: translate3d(85px,0,0);
+}
+}
+  
+/*Shrinking for mobile*/
+@media (max-width: 768px) {
+    .footheaderwaves {
+      height:40px;
+      min-height:40px;
+    }
+    .footcontent {
+      height:30vh;
+    }
 }