Merge branch 'piramal-release' of https://github.com/omprakashgupta19…

…95/edge-delivery-crash-course into piramal-release
omprakashgupta1995 · Jun 18, 2024 · 38aa47c · 38aa47c
2 parents 67b222f + 7f0c244
commit 38aa47c
Show file tree

Hide file tree

Showing 2 changed files with 96 additions and 0 deletions.
diff --git a/blocks/hero/hero.css b/blocks/hero/hero.css
@@ -142,4 +142,91 @@ body {
   .home-loan-banner>div:last-child>div:first-child{
     display: none;
   }
+}
+
+
+
+/* About Us Banner */
+.section.about-us {
+  background-color: #365069;
+}
+
+.section.about-us .hero.about-us {
+  position: relative;
+  padding-bottom: unset;
+  padding-top: unset;
+}
+
+.section.about-us .hero.about-us >div:last-child {
+  max-width: 640px;
+  width: 100%;
+  padding: 130px 0px;
+  margin-top: unset;
+
+}
+
+.section.about-us .hero.about-us div:last-child h4,
+.section.about-us .hero.about-us div:last-child h3,
+.section.about-us .hero.about-us div:last-child h2 {
+  color: #fff;
+  font-family: Nunito-Regular, sans-serif;
+  font-size: 24px;
+  font-weight: 400;
+  line-height: 2pc;
+
+}
+
+.section.about-us .hero.about-us div:last-child h2 {
+  font-family: Nunito-Bold;
+}
+
+.section.about-us .hero.about-us div:last-child h3 {
+  font-size: 16px;
+  font-family: Nunito-Regular;
+}
+
+.section.about-us .hero.about-us div:last-child h4 {
+  margin-bottom: 30px;
+}
+
+.section.about-us .hero.about-us>div:first-child>div>picture>img{
+  width: 100%;
+  height: 365px;
+  /* height: 100%; */
+  max-width: 440px;
+}
+
+.section.about-us .hero.about-us>div:first-child{
+  max-width: 440px;
+  width: 100%;
+  height: 365px;
+}
+
+
+@media screen and (max-width:1200px) {
+  .section.about-us .hero.about-us{
+    padding:0px 16px;
+  }
+  .section.about-us .hero.about-us >div:last-child{
+    padding: unset;
+
+  }
+
+  .section.about-us .hero.about-us>div:last-child>div:first-child{
+    display: unset;
+    padding: 3pc 0 190px;
+  }
+  .section.about-us .hero.about-us div:last-child h4{
+    font-size: 14px;
+        line-height: 20px;
+  }
+  .section.about-us .hero.about-us div:last-child h2,.section.about-us .hero.about-us div:last-child h3{
+    font-size: 16px;
+    line-height: 20px;
+  }
+
+  .section.about-us .hero.about-us>div:first-child,.section.about-us .hero.about-us>div:first-child>div>picture>img{
+    height: 170px;
+    width: 200px;
+  }
 }
diff --git a/styles/styles.css b/styles/styles.css
@@ -208,3 +208,12 @@ main .section.light,
 main .section.highlight {
   background-color: var(--light-color);
 }
+
+
+
+
+.boxContainer{
+  max-width: 1240px;
+  width: 100%;
+  margin: 0 auto;
+}