risk gradation css added

WWWPiramalFinanceCOM · Sep 27, 2024 · 59c3fb4 · 59c3fb4
2 parents 059c5e9 + c585106
commit 59c3fb4
Show file tree

Hide file tree

Showing 15 changed files with 426 additions and 37 deletions.
diff --git a/blocks/cards/support-contact-us-page.css b/blocks/cards/support-contact-us-page.css
@@ -52,7 +52,9 @@
 .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li,
 .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li p,
 .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li strong,
-.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li h5 {
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li h5,
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li h6,
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li ul li {
  margin: 0;
  padding: 0;
  font-size: 1rem;
@@ -62,42 +64,83 @@
  font-family: Nunito-Regular, sans-serif;
 }
 
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li ul{
+ display: block;
+ margin-bottom: 6px;
+}
+
 .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li h3{
  color: #000000;
  font-size: 12px;
  font-weight: 700;
  font-family: Nunito-Bold, sans-serif;
 }
 
-.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li strong {
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li h6,
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li h4{
+ color: #7a7a83;
+ font-size: 12px;
+ padding-top: 2px;
+ font-weight: 400;
+ font-family: Nunito-Regular, sans-serif;
+}
+
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li h4{
+ color: #000;
+}
+
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li strong,
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li ul li strong {
  color: #4D4D4D;
  font-weight: 700;
  font-family: Nunito-Bold, sans-serif;
-
 }
-
 .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li a {
  color: #4D4D4D;
  font-weight: 700;
  font-family: Nunito-Bold, sans-serif;
  text-decoration: underline;
 }
 
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li a:has(sup),
+.section.support-contact-us-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .columns-wrapper .columns div div p>strong>a:has(sup){
+ background-color: unset;
+ padding: unset;
+ margin: unset;
+ border: unset;
+ overflow: unset;
+ text-decoration: none;
+}
+
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li a:has(sup) sup,
+.section.support-contact-us-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .columns-wrapper .columns div div p>strong>a:has(sup) sup{
+ color: #4d4d4d;
+ font-size: 16px;
+ font-weight: 700;
+ line-height: 24px;
+ font-family: Nunito-Bold, sans-serif;
+}
+
 .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li h5{
  color: #27272A;
  font-family: Nunito-Regular, sans-serif;
  font-weight: 400;
 }
 
-.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li:has(em) em {
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li ul li:has(em){
  position: absolute;
  top: 0;
  right: 0;
+}
+
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li:has(em) em {
+ /* position: absolute; */
+ top: 0;
+ right: 0;
  color: #F26841;
  font-size: .85rem;
  line-height: 20px;
  font-weight: 700;
- border-bottom: 1px dashed;
  font-style: normal;
  font-family: Nunito-Bold, sans-serif;
 }
@@ -106,9 +149,9 @@
  font-size: .85rem;
  line-height: 20px;
  font-weight: 700;
- border-bottom: 1px dashed;
+ /* border-bottom: 1px dashed; */
  font-style: normal;
- text-decoration: none;
+ text-decoration: underline dashed;
  font-family: Nunito-Bold, sans-serif;
 }
 .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body>p span {
@@ -169,22 +212,29 @@
  display: none;
  }
 
- .section.contact-us-card-wrapper .cards-wrapper .cards ul li:last-child .cards-card-body ul {
+ .section.contact-us-card-wrapper .cards-wrapper .cards ul li:last-child >.cards-card-body >ul {
  margin-bottom: 25px;
  }
 
- .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li:has(em) em,
- .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li:has(a em) a em {
+ .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li ul li:has(em) {
  bottom: 0;
  top: unset;
  right: unset;
  }
 
  .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li,
+ .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li p,
  .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li strong,
  .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li h5 {
  font-size: 12px;
  }
+ .section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li a:has(sup) sup,
+.section.support-contact-us-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .columns-wrapper .columns div div p>strong>a:has(sup) sup{
+ font-size: 14px;
+}
+.section.contact-us-card-wrapper .cards-wrapper .cards ul li .cards-card-body ul li ul {
+ margin-bottom: 6px;
+}
 }
 
 /* Download Piramal App Start */
@@ -204,7 +254,7 @@
 
 .section.contact-us-download-wrapper div:nth-child(2) ul li {
  max-width: 110px;
- font: 400 12px 'nunito-regular', 'sans-serif';
+ font: 700 12px 'Nunito-Bold', 'sans-serif';
  line-height: 16px;
 }
 
@@ -236,18 +286,28 @@
  left: 25px;
 
 }
-@media (min-width: 1025px) and (max-width: 1400px) {
+.section.contact-us-download-wrapper.contact-us-download-wrapper .imgwithlink-wrapper>.imgwithlink>.image-href-desktop>a>picture>img{
+ min-height: 260px;
+ height: 260px;
+}
+@media (min-width: 1025px) and (max-width: 1300px) {
  .section.contact-us-download-wrapper div:nth-child(2) {
- left: calc((100% - 820px) / 2);
+ left: calc((100% - 891px) / 2);
  }
 }
-@media screen and (min-width: 768px) and (max-width: 1024px) {
+/* @media (min-width: 1025px) and (max-width: 1300px) {
+ 
+} */
+@media screen and (min-width: 767px) and (max-width: 1024px) {
  .section.contact-us-download-wrapper div:nth-child(2) {
  /* top: 146px; */
- left: 64px;
+ left: 58px;
  }
+ .section.download-piramal-wrapper .default-content-wrapper>*:nth-child(n+1) {
+ display: flex;
+ }
 }
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 767px) {
  .section.download-piramal-wrapper div:nth-child(2) {
  display: block;
  left: unset;

diff --git a/blocks/carousel/carousel.css b/blocks/carousel/carousel.css
@@ -1,6 +1,7 @@
 @import "../teaser/teaser.css";
 @import "../detailed-teaser/detailed-teaser.css";
 @import "./glider.min.css";
+@import url("./embed-banner-carousel.css");
 
 /* carousel wrapper stretches over complete width */
 .section div.carousel-wrapper {