diff --git a/blocks/keyfeatures/keyfeatures.css b/blocks/keyfeatures/keyfeatures.css index e85981630f..d680bfcc6f 100644 --- a/blocks/keyfeatures/keyfeatures.css +++ b/blocks/keyfeatures/keyfeatures.css @@ -25,7 +25,7 @@ justify-content: start; padding: 16px 24px; flex-direction: column-reverse; - height: 220px; + min-height: 220px; row-gap: 10px; } @@ -35,7 +35,8 @@ } .section.home-loans-products-wrapper.home-loans-single-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link{ - height: 100%; + min-height: 280px; + row-gap: 1.5rem; } .section.home-loans-products-wrapper.home-loans-single-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper { @@ -44,7 +45,7 @@ } .section.home-loans-products-wrapper.personal-loan-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link{ - height: 260px; + min-height: 248px; } .section.home-loans-products-wrapper .homeloanteaser a:nth-child(2) img{ @@ -69,13 +70,13 @@ padding-bottom: 4px; width: 95%; } -.section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link .cmp-teaser__content p:nth-child(2){ +/* .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link .cmp-teaser__content p:nth-child(2){ -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden; -} +} */ .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link .cmp-teaser__content p:nth-child(1) strong{ color: #000; font-family: Nunito-Extrabold, sans-serif; @@ -147,7 +148,7 @@ line-height: 20px; } .section.home-loans-products-wrapper .homeloanteaser .keyfeature-container .keyfeatures .feature .feature-details div p:last-child strong{ - color: #333; + color: #333; font-family: Nunito-Bold, sans-serif; font-size: 1.125rem; font-weight: 700; @@ -265,7 +266,7 @@ } .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link{ padding: 16px 24px; - max-height: 207px; + min-height: 207px; height: 100%; } .section.home-loans-products-wrapper.home-loans-product-mob-align .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link { @@ -294,7 +295,7 @@ line-height: 20px; } .section.home-loans-products-wrapper.home-loans-single-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link{ - max-height: 267px; + min-height: 248px; } .section.home-loans-products-wrapper .keyfeature-container .keyfeatures-info .keyfeatures{ min-height: 220px; @@ -303,7 +304,7 @@ @media (min-width:768px) and (max-width: 1024px) { .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link{ - height: 268px; + min-height: 268px; row-gap: 12px; padding: 16px 24px; } diff --git a/styles/available-facilities/available-facilities.css b/styles/available-facilities/available-facilities.css index 8317d3a4c9..bc15d18a67 100644 --- a/styles/available-facilities/available-facilities.css +++ b/styles/available-facilities/available-facilities.css @@ -14,7 +14,7 @@ justify-content: space-between; row-gap: 40px; column-gap: 11pc; - + align-items: flex-start; } .section.available-facilities .columns-wrapper .columns >div >div >h2{ color: #333; diff --git a/styles/risk-gradation-popup/risk-gradation-popup.css b/styles/risk-gradation-popup/risk-gradation-popup.css index e20fd42fb2..3c5dc4147d 100644 --- a/styles/risk-gradation-popup/risk-gradation-popup.css +++ b/styles/risk-gradation-popup/risk-gradation-popup.css @@ -1,179 +1,113 @@ -.section.risk-gradation .default-content-wrapper #risk-gradation strong { - color: #000; - display: block; - font-family: Nunito-Extrabold, sans-serif; - font-size: 2rem; - font-weight: 800; - line-height: 40px; - margin-bottom: 8px; +dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup){ + max-height: calc(100% - 100px); + border-radius: 16px; } -.section.risk-gradation .default-content-wrapper>p { - color: #000; - font-family: Nunito-Regular, sans-serif; - font-size: 1.125rem; - font-weight: 400; - line-height: 24px; +dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup) .modal-content { + padding: 20px 100px 0px 85px; } -.section.risk-gradation .default-content-wrapper>ul>li::marker { +.section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper h3 { + font-size: 2rem; + line-height: 2.5rem; + margin-bottom: .5rem; + font-family: Nunito-Extrabold, sans-serif; + font-weight: 800; color: #000; - font-family: Nunito-Regular, sans-serif; - font-size: 1.125rem; - font-weight: 400; - line-height: 28px; } -.section.risk-gradation .default-content-wrapper>ul>li>p { - color: #000; - font-family: Nunito-Regular, sans-serif; +.section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper > p { font-size: 1.125rem; + line-height: 1.5rem; + font-family: Nunito-Regular, sans-serif; font-weight: 400; - line-height: 24px; } -.section.risk-gradation .default-content-wrapper>ul { +.section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper ul { + margin-top: 1rem; + margin-left: 1.5rem; + padding: unset; + border: unset; + border-radius: unset; list-style-type: disc; - margin-left: 24px; - margin-top: 16px; } -.section.risk-gradation .default-content-wrapper>ul>li{ - color: #000; - font-family: Nunito-Regular, sans-serif; +.section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper ul> li { font-size: 1.125rem; + line-height: 1.75rem; + font-family: Nunito-Regular, sans-serif; font-weight: 400; - line-height: 28px; - padding: 5px 0; -} - -.section.risk-gradation>.default-content-wrapper { - background-color: #fff; - border-radius: 16px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12); - color: rgba(0, 0, 0, .87); - display: flex; - flex-direction: column; - max-height: calc(100% - 4pc); - max-width: 60pc; - overflow-y: scroll; - /* position: fixed; */ - transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms; - width: calc(100% - 4pc); - z-index: 1001; - padding: 40px 77px 12px 91px; - position: relative; - left: 50%; - top: 50%; - translate: -50% -50%; -} - -.section.risk-gradation { - align-items: center; - /* display: flex; */ - height: 100%; - justify-content: center; - left: 0; - margin-bottom: 0; - margin-top: 0; - opacity: 1; - /* position: fixed; */ - top: 0; - transition: opacity 225ms cubic-bezier(.4, 0, .2, 1) 0ms; - /* visibility: hidden; */ - width: 100%; - z-index: 1210; + color: #000; + margin: 0; } -.section.risk-gradation .default-content-wrapper>p>em { - content: ''; - cursor: pointer; - height: 20px; - width: 20px; - background-size: 100%; - top: 16px; - right: 10px; - position: absolute; - background-image: url('/content/dam/piramalfinance/company/about-us/partnership/close.png'); +dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup) .close-button { + display: block; + padding-right: 30px; + color: rgba(0, 0, 0, 0.87); } @media screen and (max-width:767px) { - .section.risk-gradation>.default-content-wrapper { - padding: 46px 16px 16px 16px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - margin: 0 auto; - width: 100%; - height: 100%; - transform: unset; - left: unset; - top: auto; - translate: unset; - bottom: 0; - max-height: 92vh; - position: fixed; + dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup){ + padding-top: 45px; + padding-bottom: 20px; + max-height: unset; + margin-top: 52px; + max-height: calc(100% - 40px); + border-radius: 12px; } - .section.risk-gradation .default-content-wrapper #risk-gradation strong { + .section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper h3 { font-size: 1.125rem; - line-height: 24px; + line-height: 1.5rem; + margin-bottom: .5rem; + margin-top: 5px; } - .section.risk-gradation .default-content-wrapper>p { + .section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper > p { font-size: 0.875rem; - line-height: 20px; + line-height: 1.25rem; } - .section.risk-gradation .default-content-wrapper>ul { + .section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper ul { margin-top: 0; + margin-left: 1.5rem; + list-style-type: disc; + overflow-y: unset; + height: unset; } - .section.risk-gradation .default-content-wrapper>ul>li>p { + .section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper ul> li { font-size: 0.875rem; - line-height: 20px; - padding: 0; + line-height: 1.5rem; + margin: 0; } - .section.risk-gradation .default-content-wrapper>ul>li::marker { - font-size: 0.875rem; - line-height: 24px; + dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup) .close-button { + padding-right: 45px; + padding-top: 25px; } +} - .section.risk-gradation .default-content-wrapper>p>em { - top: 22px; +@media screen and (max-width:1024px) { + dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup) .modal-content { + padding: 0; + overflow-y: unset; } - .section.risk-gradation .default-content-wrapper::after { - position: absolute; - background-color: #c4c4c4; - border-radius: 6px; - content: ""; + dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup) .close-button { display: block; - height: 6px; - left: 50%; - margin: 8px auto auto; - position: absolute; - top: 0; - transform: translate(-50%); - width: 30px; } - /* .section.risk-gradation.overlay{ */ - /* transform: translateY(100%); + .section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper::before { + width: 30px; + height: 6px; + background-color: rgb(196, 196, 196); } - .section.risk-gradation{ - transform: translateY(100%); - transition: transform 225ms cubic-bezier(0,0,.2,1) 0ms, -webkit-transform 225ms cubic-bezier(0,0,.2,1) 0ms; - } */ } -@media screen and (min-width:768px) and (max-width:1024px) { - .section.risk-gradation>.default-content-wrapper { - padding: 40px 16px 12px; - } - - .section.risk-gradation .default-content-wrapper>p>em { - right: 24px; - top: 16px; - } +@media screen and (min-width:768px) and (max-width:1024px) { +.section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper h3 { + margin-top: 25px; +} } \ No newline at end of file diff --git a/styles/tab-with-cards/tab-with-cards.css b/styles/tab-with-cards/tab-with-cards.css index 8d4b76f3d5..f197251224 100644 --- a/styles/tab-with-cards/tab-with-cards.css +++ b/styles/tab-with-cards/tab-with-cards.css @@ -82,7 +82,7 @@ flex-direction: column; justify-content: end; min-height: 250px; - padding: 38px 32px; + padding: 38px 30px; width: 100%; }