From deb267aa097d90b9c1cba206a4de7f40f3a39e55 Mon Sep 17 00:00:00 2001
From: Vaibhav sasulkar <vaibhav.sasulkar@teknopoint.local>
Date: Wed, 3 Jul 2024 22:24:54 +0530
Subject: [PATCH]  footer done

---
 blocks/footer/footer.css           | 293 ++++++++++++++++++++++-------
 blocks/header/header.css           |  43 +++--
 blocks/testimonial/testimonial.css |  34 ++++
 3 files changed, 281 insertions(+), 89 deletions(-)

diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css
index afb53ff3da..b771b2c821 100644
--- a/blocks/footer/footer.css
+++ b/blocks/footer/footer.css
@@ -84,42 +84,11 @@ footer.footer-wrapper .footer {
   justify-content: center;
 }
 
-/* .footer-section-third .columns-2-cols > div > div{
-  display: flex;
-  gap: 20px;
-  align-items: center;
-}
-
-.footer-section-third .columns-2-cols > div > div p{
-  margin-top: 1em;
-  font-size: .875rem;
-  margin-bottom: 1em;
-}
-.footer-section-third .columns-2-cols > div > div a{
-color: #F58667;
-}
-.footer-section-third .columns > div div:last-child p{
-  margin-left: auto;
-}
-.footer-section-third .columns > div > div:first-child img{
-    width: 124px;
-    height: 38px;
-}
-
-.footer-section-third .columns > div{
-  display: flex;
-  justify-content: space-between;
-} */
-
 .footer-section-second .columns > div > div > ul {
   padding-left: 0;
   max-width: 260px;
   width: 100%;
 }
-/* .footer-section-third .columns > div > div:second-child {
-  display: flex;
-  justify-content: space-between;
-} */
 
 .footer-section-third .default-content-wrapper > p {
   font-size: 0.875rem;
@@ -139,10 +108,6 @@ color: #F58667;
   width: 128px;
 }
 
-/* .footer-wrapper .footer-section-third .rte-wrapper {
-  margin-left: auto;
-} */
-
 .footer-section-third .rte-wrapper .rte > div > div > p {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -197,11 +162,6 @@ color: #F58667;
 .footer-wrapper .section > div {
   margin: 0;
 }
-/* .footer-section-second .columns ul>li> ul>li{
-  font-size: 16px;
-  color: #fff;
-  margin-left: -40px;
-} */
 .footer-section-four.columns-container{
   flex-direction: column;
     display: flex;
@@ -217,9 +177,6 @@ color: #F58667;
   display: flex;
   flex-direction: column;
 }
-/* .footer-section-four .columns-img-col{
-  margin: 0 32px;
-} */
 .footer-section-four.columns-container .columns-wrapper .columns-6-cols div{
   align-items: center;
   column-gap: 96px;
@@ -258,15 +215,79 @@ color: #F58667;
   grid-column: span 3 / span 3;
 }
 
+/* footer third section onwords css start  */
+.section.mobile-footer-section-third,
+.section.mobile-left-side-footer {
+  display: none;
+}
+
+.section.footer-follow-us-wrapper {
+  padding: 50px 0 48px;
+}
+
+.section.footer-follow-us-wrapper .default-content-wrapper p {
+  color: #afb9c3;
+  font-family: 'Nunito-Regular',sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  text-align: center;
+}
+
+.section.footer-follow-us-wrapper .wrappercreation-wrapper .wrapper-creation-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  margin-top: 24px;
+  column-gap: 6pc
+}
+
+.section.footer-follow-us-wrapper .wrappercreation-wrapper .imgwithlink-wrapper .image-href-desktop  a>picture img {
+  height: 100%;
+  width: 100%;
+}
+
+.section.footer-last-wrapper .default-content-wrapper {
+  text-align: center  ;
+}
+
+.section.footer-last-wrapper .default-content-wrapper p>strong {
+  color: #afb9c3;
+  font-family: 'Nunito-Bold',sans-serif;
+  font-size: 1pc;
+  font-weight: 700;
+  line-height: 2pc;
+  text-align: center;
+}
+
+.section.footer-last-wrapper .default-content-wrapper p:nth-child(3) {
+  margin-top: 26px;
+}
+
+.section.footer-last-wrapper .default-content-wrapper p:nth-child(1),
+.section.footer-last-wrapper .default-content-wrapper p:nth-child(2) {
+  margin-top: unset;
+}
+
+.section.footer-last-wrapper .default-content-wrapper p {
+  color: #afb9c3;
+  font-family: 'Nunito-Regular',sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  margin-top: 6px;
+  text-align: center;
+}
+/* footer third section onwords css end  */
+
 @media screen and (max-width:1366px) {
   .footer-section-first .columns-wrapper p sup {
     right: 27%;
   }
   .footer-section-third {
-    grid-template-columns: 15% 15% 30% 1fr;
+    display: none;
   }
 }
-@media screen and (max-width: 767.99px) {
+@media screen and (max-width: 767px) {
   .footer-wrapper .footer {
     padding: 1.5rem 1rem;
   }
@@ -323,12 +344,6 @@ color: #F58667;
   .footer-section-four .default-content-wrapper p {
     font-size: 12px;
   }
-  /* .footer-section-third .columns > div div:last-child p {
-    margin: auto;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  } */
   .footer-section-second .columns > div > div {
     width: 50%;
   }
@@ -339,21 +354,6 @@ color: #F58667;
     padding-left: 0;
     margin: 0;
   }
-  /* .footer-section-third .columns-2-cols > div > div {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 10px;
-    align-items: center;
-    justify-content: center;
-  }
-  .footer-section-third .columns-wrapper .columns > div > div p:first-child {
-    margin: 0;
-    width: 100%;
-    text-align: center;
-  }
-  .footer-section-third .columns-2-cols > div > div p {
-    margin: 10px 0 0;
-  } */
   .footer-section-second .columns-2-cols ul li p:first-child{
     padding-bottom: unset;
   }
@@ -385,13 +385,8 @@ color: #F58667;
   .footer-section-four.columns-container .default-content-wrapper{
     padding-top: 18px;
   }
-  .footer-section-third{
-    grid-template-columns: 1fr;
-    justify-items: center;
-  }
-  .footer-section-third .imgwithlink-wrapper .imgwithlink .image-href-mobile a picture img{
-    height: 38px;
-    width: 128px;
+  .footer-section-third {
+    display: none;
   }
   .footer-section-second .columns-4-cols ul:first-child{
     margin-top: 24px;
@@ -447,6 +442,92 @@ color: #F58667;
   .footer-section-first .columns-wrapper p sup{
     left: 0;
   }
+
+/* footer third section onwords css start  */
+  .section.mobile-footer-section-third, 
+  .section.mobile-left-side-footer {
+    display: block;
+  }
+  .section.mobile-footer-section-third {
+    padding: 24px 0;
+    border-bottom: 1px solid #5e7387;
+  }
+  
+  .section.mobile-footer-section-third .default-content-wrapper p {
+    color: #fff;
+    font-family: 'Nunito-Bold',sans-serif;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 20px;
+    text-align: center;
+  }
+  
+  .section.mobile-footer-section-third .wrappercreation-wrapper .wrapper-creation-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 16px;
+    margin-top: 8px;
+  }
+  
+  .section.mobile-footer-section-third .wrappercreation-wrapper .wrapper-creation-container .image-href-mobile a>picture>img {
+    width: 128px;
+    height: 38px;
+  }
+
+  .section.mobile-left-side-footer {
+    padding: 16px 0;
+    border-bottom: 1px solid #5e7387;
+  }
+
+  .section.mobile-left-side-footer .default-content-wrapper p {
+    color: #fff;
+    font-family: 'Nunito-Regular',sans-serif;
+    font-size: 1pc;
+    font-weight: 400;
+    line-height: 24px;
+    text-align: center;
+  }
+
+  .section.mobile-left-side-footer .default-content-wrapper p>a {
+    display: block;
+    color: #f58667;
+  }
+
+  .section.footer-follow-us-wrapper {
+    padding: 24px 0;
+  } 
+
+  .section.footer-follow-us-wrapper .wrappercreation-wrapper .wrapper-creation-container {
+    margin-top: 16px;
+    column-gap: 32px;
+  }
+
+  .section.footer-follow-us-wrapper .wrappercreation-wrapper .imgwithlink-wrapper .image-href-mobile  a>picture img {
+    width: 22px;
+    height: 24px;
+  }
+
+  .section.footer-last-wrapper .default-content-wrapper p>strong {
+    font-size: 14px;
+    line-height: 22px;
+  }
+
+  .section.footer-last-wrapper .default-content-wrapper p {
+    margin-top: unset;
+    font-size: 12px;
+    line-height: 16px;
+  }
+
+  .section.footer-last-wrapper .default-content-wrapper p:nth-child(3),
+  .section.footer-last-wrapper .default-content-wrapper p:nth-child(4) {
+    margin-top: 16px;
+  }
+
+  .section.footer-last-wrapper .default-content-wrapper {
+    padding-bottom: 24px;
+  }
+/* footer third section onwords css end  */
 }
 
 @media screen and (max-width: 1400px) {
@@ -475,4 +556,70 @@ color: #F58667;
   .footer-section-first .columns > div div:nth-child(2) {
     width: 50%;
   }
+
+/* footer third section onwords css start  */
+  .section.mobile-footer-section-third, 
+  .section.mobile-left-side-footer {
+    display: block;
+  } 
+  .section.mobile-footer-section-third {
+    padding: 24px 0 32px;
+    border-bottom: 1px solid #5e7387;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 16px;
+  }
+  
+  .section.mobile-footer-section-third .default-content-wrapper p {
+    color: #fff;
+    font-family: 'Nunito-Bold',sans-serif;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 38px;
+    text-align: center;
+  }
+  
+  .section.mobile-footer-section-third .wrappercreation-wrapper .wrapper-creation-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 32px;
+    margin-top: 0;
+  }
+  
+  .section.mobile-footer-section-third .wrappercreation-wrapper .wrapper-creation-container .image-href-mobile a>picture>img {
+    width: 128px;
+    height: 38px;
+  }
+
+  .section.mobile-left-side-footer {
+    padding: 16px 0 24px;
+    border-bottom: 1px solid #5e7387;
+  }
+
+  .section.mobile-left-side-footer .default-content-wrapper p {
+    color: #fff;
+    font-family: 'Nunito-Regular',sans-serif;
+    font-size: 1pc;
+    font-weight: 400;
+    line-height: 24px;
+    text-align: center;
+  }
+
+  .section.mobile-left-side-footer .default-content-wrapper p>a {
+    display: inline;
+    color: #f58667;
+    margin-left: 16px;
+  }
+
+  .section.footer-follow-us-wrapper .wrappercreation-wrapper .imgwithlink-wrapper .image-href-mobile  a>picture img {
+    width: 25px;
+    height: 40px;
+  }
+
+  .section.footer-last-wrapper .default-content-wrapper {
+    padding-bottom: 48px;
+  }
+/* footer third section onwords css end  */
 }
\ No newline at end of file
diff --git a/blocks/header/header.css b/blocks/header/header.css
index e2de659fce..42d703e7db 100644
--- a/blocks/header/header.css
+++ b/blocks/header/header.css
@@ -317,7 +317,7 @@ header nav .nav-sections .nav-drop::after{
   align-items: center;
 }
 
-.header-wrapper .nav-wrapper nav .nav-brand .default-content-wrapper>p>picture>img {
+.header-wrapper .nav-wrapper nav .section.logo-header .imgwithlink-wrapper .image-href-desktop a>picture>img {
   max-width: 108px;
   display: inline-block;
   margin-right: 16px;
@@ -502,21 +502,21 @@ header nav .nav-sections .nav-drop::after{
   position: relative;
 }
 .login-button-wrapper .default-content-wrapper .button-container a{
-    align-items: center;
-    background: #fef0ec;
-    border: 1px solid #f26841;
-    border-radius: 19px;
-    color: #f26841;
-    display: flex;
-    font-family: Nunito-Bold, sans-serif;
-    font-size: 12px;
-    line-height: 16px;
-    min-width: 81px;
-    min-height: 38px;
-    padding-left: 16px;
-    padding-right: 8px;
-    text-decoration: none;
-    margin: unset;
+  align-items: center;
+  background: #fef0ec;
+  border: 1px solid #f26841;
+  border-radius: 19px;
+  color: #f26841;
+  display: flex;
+  font-family: Nunito-Bold, sans-serif;
+  font-size: 12px;
+  line-height: 16px;
+  min-width: 81px;
+  min-height: 38px;
+  padding-left: 16px;
+  padding-right: 8px;
+  text-decoration: none;
+  margin: unset;
 }
 .login-button-wrapper .default-content-wrapper p:last-child img{
   position: absolute;
@@ -820,6 +820,12 @@ header nav .nav-sections .default-content-wrapper > ul > li > ul::before {
   .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul {
     padding: 0 8% 0 11%;
   }
+
+  .header-wrapper .nav-wrapper nav .section.logo-header .imgwithlink-wrapper .image-href-desktop a>picture>img {
+    width: 82px;
+    height: 44px;
+    padding: unset;
+  }
 }
 
 @media screen and (max-width: 1400px) {
@@ -855,6 +861,11 @@ header nav .nav-sections .default-content-wrapper > ul > li > ul::before {
   .header-wrapper .nav-wrapper {
     height: 71px;
   }
+  .header-wrapper .nav-wrapper nav .section.logo-header .imgwithlink-wrapper .image-href-desktop a>picture>img {
+    width: 82px;
+    height: 44px;
+    padding: unset;
+  }
 }
 
 @media screen and (max-width:1366px) {
diff --git a/blocks/testimonial/testimonial.css b/blocks/testimonial/testimonial.css
index 1c98417648..67ae1125b9 100644
--- a/blocks/testimonial/testimonial.css
+++ b/blocks/testimonial/testimonial.css
@@ -723,3 +723,37 @@
 .testimonial.block.secondary .happy-customer .info-card .customerclassfive .card-images {
     display: none;
 } 
+
+.section.testimonial-content-wrapper {
+    padding: 64px 0;
+    background-color: var(--cloud);
+}
+
+.section.testimonial-content-wrapper .default-content-wrapper h2 {
+    color: #000;
+    display: block;
+    font-family: 'Nunito-Extrabold',sans-serif;
+    font-size: 32px;
+    font-weight: 800;
+    line-height: 40px;
+    padding-bottom: 8px;
+    text-align: center;
+}
+
+@media screen and (max-width:767px) {
+    .section.testimonial-content-wrapper {
+        padding: 40px 16px;
+    }
+
+    .section.testimonial-content-wrapper .default-content-wrapper h2 {
+        font-size: 20px;
+        line-height: 28px;
+        padding-bottom: 4px;
+    }
+}
+
+@media (min-width:768px) and (max-width:1024px) {
+    .section.testimonial-content-wrapper {
+        padding: 40px 16px;
+    }
+}
\ No newline at end of file