interest rates accordian css modified

WWWPiramalFinanceCOM · Jul 9, 2024 · 769bfcd · 769bfcd
1 parent 6d0e14c
commit 769bfcd
Showing 1 changed file with 19 additions and 8 deletions.
diff --git a/styles/interest-rates-disclosure/interest-rates-disclosure.css b/styles/interest-rates-disclosure/interest-rates-disclosure.css
@@ -29,12 +29,21 @@
     background: var(--whitesmoke);
     border-radius: 4px;
     color: #333;
-    display: block;
+    display: flex;
+    padding: 20px 50px 20px 16px;
+    position: relative;
+}
+
+.section.interest-rates-accordian-wrapper .accordion-group-wrapper .accordion-group .accordion>details>summary>div>h3,
+.section.interest-rates-accordian-wrapper .accordion-group-wrapper .accordion-group .accordion>details>summary>div>p{
     font-family: Nunito-Regular, sans-serif;
     font-size: 16px;
     line-height: 24px;
-    padding: 20px 50px 20px 16px;
-    position: relative;
+    margin: 0;
+}
+
+.section.interest-rates-accordian-wrapper .accordion-group-wrapper .accordion-group .accordion>details>summary::before {
+    content: none;
 }
 
 .section.interest-rates-accordian-wrapper .accordion-group-wrapper .accordion-group .accordion>details>summary::after {
@@ -46,6 +55,7 @@
     height: 2px;
     position: absolute;
     right: 24px;
+    top: 9px;
     width: 12px;
 }
 
@@ -59,7 +69,7 @@
     content: "-";
 }
 
-.section.interest-rates-accordian-wrapper .accordion-group-wrapper .accordion-group .accordion>details>div {
+.section.interest-rates-accordian-wrapper .accordion-group-wrapper .accordion-group .accordion>details div {
     margin: 0;
 }
 
@@ -102,9 +112,12 @@
     font-family: Nunito-Regular, sans-serif;
     font-size: 16px;
     line-height: 24px;
-    margin: 0;
-    text-decoration: none;
     color: var(--text-color);
+    display: block;
+}
+
+.section.interest-rates-accordian-wrapper .accordion-group-wrapper .accordion-group .accordion>details>div>ul>li>ul>li>a:hover{
+    text-decoration: none;
 }
 
 .section.interest-rates-accordian-wrapper .accordion-group-wrapper .accordion-group .accordion>details>div>ul>li::after {
@@ -120,7 +133,6 @@
     color: #333;
 }
 
-
 @media screen and (max-width: 767px) {
     .section.interest-rates-accordian-wrapper .default-content-wrapper h2 {
         font-size: 16px;
@@ -146,7 +158,6 @@
         width: 15px;
     }
 }
-
 /* interest rate accordian end */