diff --git a/.eslintrc.js b/.eslintrc.js index c7b4836d58..65b6f5455b 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -3,7 +3,6 @@ module.exports = { extends: [ 'airbnb-base', 'plugin:json/recommended', - 'plugin:xwalk/recommended', ], env: { browser: true, diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md index 026dac98f7..bf9a7c4e28 100644 --- a/.github/pull_request_template.md +++ b/.github/pull_request_template.md @@ -3,5 +3,5 @@ Please always provide the [GitHub issue(s)](../issues) your PR is for, as well a Fix # Test URLs: -- Before: https://main--{repo}--{owner}.hlx.live/ -- After: https://--{repo}--{owner}.hlx.live/ +- Before: https://main--piramalfinance--shamalijadhav.hlx.live/ +- After: https://--piramalfinance--shamalijadhav.hlx.live/ diff --git a/.github/workflows/cleanup-on-create.yaml b/.github/workflows/cleanup-on-create.yaml deleted file mode 100644 index 2796366b65..0000000000 --- a/.github/workflows/cleanup-on-create.yaml +++ /dev/null @@ -1,49 +0,0 @@ -# This workflow will run upon repository creation and clean up -# all files that are not strictly required to build an AEM Live project -# but that we use to develop the project template. This includes this -# particular workflow file. -on: - create: - branches: - - main - workflow_dispatch: -jobs: - cleanup: - runs-on: ubuntu-latest - permissions: - contents: write - actions: write - # only run if commit message is "Initial commit" on main branch - if: ${{ github.event_name == 'workflow_dispatch' || ( github.ref == 'refs/heads/main' && !(contains(github.event, 'head_commit') || github.event.head_commit.message == 'Initial commit' )) }} - steps: - - name: Checkout - uses: actions/checkout@v4 - - name: Use Node.js 20 - uses: actions/setup-node@v4 - with: - node-version: 20 - - name: Remove Helper Files - run: | - rm -rf \ - .github/workflows/cleanup-on-create.yaml \ - CHANGELOG.md - - - name: Initialize README - # replace {repo} and {owner} with the actual values - run: | - sed -i.bak "s/{repo}/$(basename ${{ github.repository }})/g" README.md - sed -i.bak "s/{owner}/$(dirname ${{ github.repository }})/g" README.md - - name: Initialize Pull Request Template - run: | - sed -i.bak "s/{repo}/$(basename ${{ github.repository }})/g" .github/pull_request_template.md - sed -i.bak "s/{owner}/$(dirname ${{ github.repository }})/g" .github/pull_request_template.md - - - # commit back to the repository - - name: Commit changes - run: | - git config --local user.email "helix@adobe.com" - git config --local user.name "AEM Bot" - git add . - git commit -m "chore: cleanup repository template" - git push diff --git a/README.md b/README.md index 896a0ea2de..27929efa1e 100644 --- a/README.md +++ b/README.md @@ -2,8 +2,8 @@ Your project's description... ## Environments -- Preview: https://main--{repo}--{owner}.hlx.page/ -- Live: https://main--{repo}--{owner}.hlx.live/ +- Preview: https://main--piramalfinance--WWWPiramalFinanceCOM.hlx.page/ +- Live: https://main--piramalfinance--WWWPiramalFinanceCOM.hlx.live/ ## Installation @@ -23,4 +23,4 @@ npm run lint 1. Add the [AEM Code Sync GitHub App](https://github.com/apps/aem-code-sync) to the repository 1. Install the [AEM CLI](https://github.com/adobe/helix-cli): `npm install -g @adobe/aem-cli` 1. Start AEM Proxy: `aem up` (opens your browser at `http://localhost:3000`) -1. Open the `{repo}` directory in your favorite IDE and start coding :) +1. Open the `piramalfinance` directory in your favorite IDE and start coding :) diff --git a/blocks/accordion-group/accordion-group.css b/blocks/accordion-group/accordion-group.css new file mode 100644 index 0000000000..9663697992 --- /dev/null +++ b/blocks/accordion-group/accordion-group.css @@ -0,0 +1,23 @@ +@import "../accordion/accordion.css"; + +/* inside accordion group we can have text below first div */ + +.shade-box { + background-color: var(--spectrum-gray-100); + padding: 14px 21px 21px; + border-radius: 7px; + margin-bottom: 28px; +} + +.accordion-group>.accordion details div { + font-size: var(--exlm-font-size-content); + line-height: var(--exlm-line-height-h4); + margin-left: 14px; + margin-top: 14px; +} + +/* override /docs font size */ +.accordion-group>.accordion details summary { + font-size: var(--spectrum-font-size-200); + line-height: var(--exlm-line-height-h4); +} \ No newline at end of file diff --git a/blocks/accordion-group/accordion-group.js b/blocks/accordion-group/accordion-group.js new file mode 100644 index 0000000000..fa630d9996 --- /dev/null +++ b/blocks/accordion-group/accordion-group.js @@ -0,0 +1,84 @@ +import { generateAccordionDOM } from "../accordion/accordion.js"; + +export default function decorate(block) { + // each row is an accordion entry + const accordions = [...block.children]; + + // loop through all accordion blocks + [...accordions].forEach((accordion) => { + // generate the accordion + const accordionDOM = generateAccordionDOM(accordion); + // empty the content ,keep root element with UE instrumentation + accordion.textContent = ""; + // add block classes + accordion.classList.add("accordion", "block"); + accordion.append(accordionDOM); + }); + + // use same styling as shade-box from /docs + block.classList.add("shade-box"); + try { + openFunctionFAQ(block); + block.closest(".faq-view-more-logic") ? viewMoreLogicFAQ() : ""; + } catch (error) { + console.error(error); + } +} + +function openFunctionFAQ(block) { + const titles = block.querySelectorAll("details summary"); + + titles.forEach(function (title) { + title.addEventListener("click", function () { + if(this.classList.contains('active')){ + setTimeout(() => { + this.closest("details").removeAttribute("open"); + }, 1000); + this.classList.remove("active"); + }else{ + titles.forEach(function (title) { + title.closest("details").removeAttribute("open"); + title.classList.remove("active"); + }); + + this.classList.toggle("active"); + } + }); + }); + +} + +function viewMoreLogicFAQ() { + document.querySelectorAll(".faq-section-wrapper.faq-view-more-logic").forEach((each) => { + const allFAQSection = each.querySelectorAll(".accordion.block"); + + allFAQSection.forEach((eachFAQ, index) => { + if (index == 5) { + eachFAQ.classList.add("faq-blur"); + } + eachFAQ.classList.toggle("dp-none", index > 5); + }); + + const buttonContainer = each.querySelector(".button-container"); + if (buttonContainer) { + const buttonText = buttonContainer.querySelector("a").textContent.trim(); + buttonContainer.innerHTML = buttonText; + viewMoreFAQ(each); + } + }); +} +function viewMoreFAQ(eachs) { + const faqButtonContainer = eachs.querySelector(".faq-section-wrapper .button-container"); + faqButtonContainer.addEventListener("click", function () { + const isViewMoreFAQ = this.textContent.toLowerCase() === "view more"; + this.innerText = isViewMoreFAQ ? "View Less" : "View More"; + + eachs.querySelectorAll(".accordion.block").forEach((eachFAQ, index) => { + if (index == 5) { + var checkBlurClass = eachFAQ.classList.contains("faq-blur"); + checkBlurClass ? eachFAQ.classList.remove("faq-blur") : eachFAQ.classList.add("faq-blur"); + } + eachFAQ.classList.toggle("dp-none", !isViewMoreFAQ && index > 5); + }); + }); +} diff --git a/blocks/accordion/accordion.css b/blocks/accordion/accordion.css new file mode 100644 index 0000000000..b590eae124 --- /dev/null +++ b/blocks/accordion/accordion.css @@ -0,0 +1,442 @@ +.accordion details { + display: block; + background-color: var(--spectrum-gray-100); + color: var(--non-spectrum-grey); + padding: 0 16px; +} + +.accordion details summary { + box-sizing: content-box; + cursor: pointer; + list-style: none; + padding: 16px 0; + font-weight: var(--font-weight-700); + font-size: var(--spectrum-font-size-100); + line-height: 21px; +} + +.accordion details summary :where(h2, h3, h4, h5, h6) { + margin: 0; + font: inherit; + color: inherit; + display: inline; +} + +.accordion details summary::before { + content: url("../../icons/chevron_right.svg"); + position: relative; + top: 3.5px; + left: -4.2px; + margin-right: -2px; +} + +.accordion details summary::-webkit-details-marker { + display: none; +} + +.accordion details summary::marker { + content: none; +} + +.accordion details div>div { + color: var(--non-spectrum-raisin-black); + font-size: var(--spectrum-font-size-200); + line-height: var(--spectrum-line-height-m); + margin-left: 14px; + margin-top: 14px; +} + +.accordion details h1, +.accordion details h2, +.accordion details h3 { + margin-top: 14px; +} + +.accordion p { + margin-top: 14px; +} + +.accordion p:last-child { + margin-bottom: 0; +} + +.accordion ul { + margin-top: 14px; +} + +.accordion ul li { + margin-top: 0; + margin-bottom: 14px; + line-height: 1.5; +} + +.accordion ul li:last-child { + margin-bottom: 0; +} + +.accordion ul li ul { + margin-bottom: 14px; +} + +.accordion ol li p { + margin-bottom: 8px; +} + +ol .accordion summary { + font-size: var(--spectrum-font-size-200); +} + +ol .accordion ul { + margin-bottom: 14px; +} + +.accordion details .accordion { + margin: 0; +} + +.accordion details details summary { + font-size: var(--spectrum-font-size-200); + line-height: 24px; +} + +.accordion details[open] { + padding-bottom: 16px; +} + +.accordion details[open] summary::before { + content: url("../../icons/chevron_down.svg"); +} + +.accordion .code-wrapper, +.accordion .code-wrapper div, +.accordion .note-wrapper, +.accordion .note-wrapper div { + margin-left: 0; + margin-top: 0; +} + +.accordion .code pre { + padding: 14px; + line-height: 21px; +} + +.accordion .code code { + font-size: var(--spectrum-font-size-100); +} + +.shade-box .accordion-wrapper:first-child details { + padding-top: 16px; +} + +/* faq Accordion */ + +.faq-accordion-css .accordion-group-wrapper { + background-color: #fff; + border-radius: 24px; + -webkit-box-shadow: 0 4px 9pt rgba(51, 51, 51, .08); + box-shadow: 0 4px 9pt rgba(51, 51, 51, .08); + padding: 0 2pc; + border: 1px solid hsla(0, 2%, 75%, .4); +} + +.faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box { + padding: unset; + border-radius: unset; + margin-bottom: unset; +} + +.faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block { + border-bottom: 1px dashed #ccc; +} + + +.faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details { + padding: unset; +} + +.faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details>div { + padding-bottom: 44px; + padding-left: 20px; + margin-left: unset; + margin-top: unset; +} + +.faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details>div p { + margin-top: unset; + margin-top: unset; + color: #333; + font-family: Nunito-Bold, sans-serif; + font-size: 18px; + font-weight: 700; + line-height: 28px; + padding-bottom: 4px; +} + +.faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details h3, +.faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary { + margin-top: unset; + color: #333; + font-family: Nunito-Bold, sans-serif; + font-size: 20px; + font-weight: 700; + line-height: 28px; + padding-bottom: 4px; + +} + +.faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary { + align-items: center; + cursor: pointer; + display: flex; + justify-content: space-between; + padding: 2pc 0; + position: relative; + +} + +.faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary::after { + content: ""; + display: inline-block; + width: 20px; + height: 20px; + background-image: url('../../icons/downArrow.png'); + background-size: cover; + margin-left: 10px; +} + +.faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary.active::after { + transform: rotateX(175deg); + +} + +.faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary::before { + content: unset +} + +.faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block:last-child { + border-bottom: unset; +} + + +/* Faq Accordion With Orange Heading on Active */ +.faq-section-wrapper.faq-accordion-css-with-orange-heading { + background-color: rgba(255, 244, 231, 0.3); + padding-bottom: 72px; + padding-top: 72px; +} + +.faq-accordion-css-with-orange-heading .default-content-wrapper h2 { + color: #000; + display: block; + font-family: Nunito-Extrabold, sans-serif; + font-size: 2pc; + font-weight: 800; + line-height: 40px; + padding-bottom: 8px; +} + +.faq-accordion-css-with-orange-heading .default-content-wrapper, +.faq-accordion-css-with-orange-heading .accordion-group-wrapper { + max-width: 1240px; + margin: auto; +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box { + background-color: unset; + padding: unset; + border-radius: unset; + margin-bottom: unset; +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper { + background-color: unset; + border-radius: unset; + box-shadow: unset; + padding: unset; + border: none; +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details>div { + color: #666; + font-family: Nunito-Regular, sans-serif; + font-size: 20px; + font-weight: 400; + line-height: 28px; + padding-bottom: 24px; + padding-left: unset; +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details { + padding: unset; +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block { + border-bottom: 1px dashed #ccc; +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary { + align-items: center; + cursor: pointer; + display: flex; + justify-content: space-between; + padding: 2pc 0; + position: relative; + +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary::after { + content: ""; + display: inline-block; + width: 20px; + height: 20px; + background-image: url('../../icons/downArrow.png'); + background-size: cover; + /* margin-left: 10px; */ +} + + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary.active::after { + transform: rotateX(175deg); + +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary::before { + content: unset +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details h3, +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary { + margin-top: unset; + color: #333; + font-family: Nunito-Regular, sans-serif; + font-size: 20px; + font-weight: 400; + line-height: 28px; + +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary { + padding: 24px 0px +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary:first { + padding-top: unset; +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details>div { + color: #666; + font-family: Nunito-Regular, sans-serif; + font-size: 20px; + font-weight: 400; + line-height: 28px; + margin-left: unset; + margin-top: unset; +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary.active h3, +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary.active { + color: #f26841; + font-weight: 700; +} +.faq-blur{ + border-bottom: none !important; + opacity: .3; +} +.faq-section-wrapper .default-content-wrapper { + text-align: center; + align-items: center; + display: flex; + justify-content: center; + padding-top: 10px; +} +.faq-section-wrapper .default-content-wrapper .button-container { + background-color: transparent; + border: 1px solid #365069; + border-radius: 8px; + color: #365069; + cursor: pointer; + padding: 1pc 24px; + font-family: nunito-bold; + font-size: 18px; +} + +/* .faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details>div>article>div, +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details>div>article>div>article>div { + margin: 0; +} + +.faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details>div>article>div>article>div>p { + margin: 0; +} */ + +/* End */ +@media screen and (max-width:768px) { + .faq-section-wrapper .default-content-wrapper .button-container{ + width: 100%; + font-size: 16px; + } +} +@media screen and (max-width:1024px) { + .faq-accordion-css .accordion-group-wrapper { + padding: 0px 16px; + border-radius: 12px; + } + + .faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details h3 { + font-size: 18px; + line-height: 28px; + } + + .faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary { + padding: 1pc 0; + font-size: 18px; + line-height: 28px; + } + + .faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details>div { + padding-bottom: 2pc; + padding-left: unset; + } + + .cmp-container--documentrequired>.cmp-container .documentrequired .required-document-container { + padding: 12px 16px + } + + .faq-accordion-css .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details>div p { + font-size: 16px; + + } + + /* accordion with orange heading */ + .faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details>div { + font-size: 16px; + + } + + .faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details h3, + .faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary { + font-size: 16px; + line-height: 24px; + align-items: flex-start; + /* width: 83%; */ + } + + + .faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block details h3 { + width: 83%; + } + + .faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary.active h3, + .faq-accordion-css-with-orange-heading .accordion-group-wrapper .accordion-group.block.shade-box .accordion.block summary.active { + color: #f26841; + font-size: 16px; + } + + .faq-accordion-css-with-orange-heading .default-content-wrapper h2 { + font-size: 20px; + line-height: 28px; + } + .section.faq-section-wrapper .default-content-wrapper{ + padding-top: 10px; + } +} \ No newline at end of file diff --git a/blocks/accordion/accordion.js b/blocks/accordion/accordion.js new file mode 100644 index 0000000000..c5dadb15d5 --- /dev/null +++ b/blocks/accordion/accordion.js @@ -0,0 +1,26 @@ +/* this function also gets called by accordion-group */ +export function generateAccordionDOM(block) { + const details = document.createElement("details"); + const summary = document.createElement("summary"); + details.append(summary); + Array.from(block.children).forEach((element, i) => { + if (i === 0) { + const heading = element.querySelector("h2,h3,h4,h5,h6"); + summary.append(heading || element.textContent.trim()); + } else { + const elementText = element.textContent.trim(); + var elementDiv = document.createElement("div"); + elementDiv.innerHTML = elementText; + details.append(elementDiv); + } + }); + return details; +} + +export default function decorate(block) { + const dom = generateAccordionDOM(block); + block.textContent = ""; + block.append(dom); +} + + diff --git a/blocks/carousel/carousel.css b/blocks/carousel/carousel.css new file mode 100644 index 0000000000..04d1652f12 --- /dev/null +++ b/blocks/carousel/carousel.css @@ -0,0 +1,556 @@ +@import "../teaser/teaser.css"; +@import "../detailed-teaser/detailed-teaser.css"; + +/* carousel wrapper stretches over complete width */ +.section div.carousel-wrapper { + margin-bottom: var(--spectrum-spacing-500); + max-width: unset; + + /* stretches to window edge in mobile view */ + margin-left: calc(-1 * var(--space-token-xs)); + margin-right: calc(-1 * var(--space-token-xs)); +} + +/* contains all teaser divs */ +.carousel.block>.panel-container { + display: flex; + scroll-snap-type: x mandatory; + overflow: auto; + scroll-behavior: smooth; + margin: auto; + align-items: stretch; + -ms-overflow-style: none; + scrollbar-width: none; +} + +.carousel.block>.panel-container::-webkit-scrollbar { + display: none; +} + +/* teaser inside carousel have same height and texts are centered */ +.carousel.block>.panel-container>.detailed-teaser.block, +.carousel.block>.panel-container>.teaser.block { + flex-shrink: 0; + scroll-snap-align: start; + height: auto; +} + +.carousel.block>.panel-container>.detailed-teaser.block>.foreground, +.carousel.block>.panel-container>.teaser.block>.foreground { + height: 100%; + display: flex; +} + +.carousel.block>.panel-container>.teaser.block>.foreground { + align-items: center; +} + +/* contains the carousel buttons */ +.carousel.block>.button-container { + display: flex; + justify-content: center; + gap: 4px; + padding-top: 22px; +} + +/* defines look of a button */ +.carousel.block>.button-container button { + display: block; + height: 10px; + width: 10px; + padding: 0; + margin: 0; + border-radius: 5px; + border: 1px solid grey; + background-color: transparent; +} + +.carousel.block>.button-container button.selected { + background-color: grey; +} + +.primary.block>.carousel-navigation-buttons { + display: none; +} + +.secondary.block>.button-container { + display: none; +} + +/* homepage top banner carousel css start */ +.section.banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser { + position: relative; + height: 529px; +} + +.section.banner-carousel-wrapper .carousel-wrapper .carousel.block { + position: relative; + margin-top: unset; + margin-bottom: unset; +} + +.banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser .foreground { + width: 60%; +} + +.banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser .foreground .long-description { + margin-top: 16px; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .front-picture { + position: absolute; + right: 150px; + bottom: 0; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background { + background-position: 100%; + background-size: 100%; + background-repeat: no-repeat; + display: flex; + align-items: center; + padding: 0 150px; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .front-picture img { + height: 100%; + max-height: 335px; + max-width: 394px; + width: 100%; + display: block; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .title>h2, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .eyebrow, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five .background .foreground .text .title>h3, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five .background .foreground .text .eyebrow, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six .background .foreground .text .title>h3, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six .background .foreground .text .eyebrow, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven .background .foreground .text .title>h3, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven .background .foreground .text .eyebrow { + color: var(--black); + font-family: "Nunito-Extrabold", sans-serif; + font-size: 3pc; + font-weight: 800; + line-height: 60px; + margin: unset; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p>em, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p>strong, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>p, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-one>.background .foreground .text .long-description>p, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .text .long-description>p, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.--skyblue>.background .foreground .text .long-description>p { + color: var(--gradient-gray); + font-family: "Nunito-Regular", sans-serif; + font-size: 24px; + font-weight: 400; + line-height: 2pc; + margin: unset; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground { + width: 45%; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p>em { + text-decoration: line-through; + font-style: normal; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p>strong { + color: var(--orange); +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description { + margin-right: 30px; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .short-description>p { + color: var(--black); + font-family: "Nunito-Regular", sans-serif; + font-size: 24px; + font-weight: 400; + line-height: 2pc; + margin: unset; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .cta { + position: unset; + margin-top: 2rem; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .cta>a, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li>p>a { + background: var(--orange); + border-radius: 8px; + color: #fff; + font-family: 'Nunito-Bold', sans-serif; + font-size: 18px; + font-weight: 700; + line-height: 28px; + padding: 18px 2.16pc 18px 34.65px; + width: fit-content; + position: unset; + margin: 0; +} + +.section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container { + position: absolute; + left: 150px; + bottom: 60px; +} + +.section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container>button { + height: 8px; + width: 8px; + background-color: var(--black); + opacity: .2; + border: unset; +} + +.section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container>button.selected { + width: 24px; + background-color: var(--black); + opacity: 1; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.--coralred>.background .foreground .text .title>h2 { + color: var(--orange); +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-two>.background .foreground .text .title>h2, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven .background .foreground .text .title>h3, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven .background .foreground .text .eyebrow, +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .text .long-description>p { + color: var(--white); +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-two>.background .foreground .text .eyebrow { + font-family: 'Nunito-Regular', sans-serif; + font-size: 24px; + font-weight: 400; + line-height: 2pc; + margin-bottom: 20px; + color: var(--white); +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-two>.background .front-picture { + bottom: 80px; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .cta-image-wrapper { + display: flex; + align-items: center; + gap: 20px; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .cta-image-wrapper>.cta-image>a img { + height: 58px; + width: 196px; + border-radius: 10px; + display: block; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li { + display: flex; + align-items: center; + gap: 32px; + margin-top: 32px; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li>p { + position: unset; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li>ul>li { + color: #666; + font-family: 'Nunito-Regular', sans-serif; + font-size: 1pc; + font-weight: 400; + line-height: 28px; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li>ul>li>a { + color: #365069; + font-family: 'Nunito-Bold', sans-serif; + font-size: 20px; + font-weight: 700; + line-height: 28px; + text-decoration: underline; +} + +.section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-one>.background .foreground .text .long-description>p{ + color: var(--black); +} + +@media screen and (max-width:768px) { + .section.banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser { + height: 100%; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background { + padding: 0; + background-size: 100% 100%; + } + + .banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser .foreground, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground { + width: 100%; + min-height: 450px; + padding: 0 16px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .title>h2, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .eyebrow, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five .background .foreground .text .title>h3, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five .background .foreground .text .eyebrow, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six .background .foreground .text .title>h3, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six .background .foreground .text .eyebrow, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven .background .foreground .text .title>h3, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven .background .foreground .text .eyebrow { + font-size: 1.5rem; + line-height: 32px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p>em, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p>strong, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>p, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-one>.background .foreground .text .long-description>p, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .text .long-description>p, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.--skyblue>.background .foreground .text .long-description>p { + font-size: .875rem; + line-height: 1rem; + } + + .banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser .foreground .long-description { + margin-top: 12px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .cta>a, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li>p>a { + font-size: .875rem; + line-height: 1.25rem; + padding: 14px 16px; + margin: 0; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .cta { + margin-top: 24px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description { + margin-right: 0; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li { + align-items: start; + gap: 20px; + flex-direction: column; + margin-top: 24px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li>ul>li { + font-size: .75rem; + line-height: 1rem; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li>ul>li>a { + font-size: .875rem; + line-height: 1.25rem; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text { + padding-top: 40px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container { + left: 12px; + bottom: 40px; + gap: 8px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container>button { + height: 5px; + width: 5px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container>button.selected { + width: 13px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-two>.background .foreground .text .eyebrow { + font-size: .875rem; + line-height: 1rem; + margin-bottom: 12px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .front-picture img { + max-height: 170px; + max-width: 200px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .front-picture { + right: 16px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-two>.background .front-picture { + bottom: 0; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .cta-image-wrapper { + gap: 12px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .cta-image-wrapper>.cta-image>a img { + height: 30px; + width: 100px; + border-radius: 2px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-one>.background .foreground .text .long-description>p{ + margin-top: 20px; + } +} + +@media screen and (min-width:768px) and (max-width:1024px) { + .section.banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser { + height: 440px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background { + padding: 0 16px; + padding-top: 40px; + align-items: start; + background-size: cover; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .front-picture img { + max-height: 170px; + max-width: 200px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .front-picture { + right: 16px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .title>h2, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .eyebrow, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five .background .foreground .text .title>h3, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five .background .foreground .text .eyebrow, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six .background .foreground .text .title>h3, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six .background .foreground .text .eyebrow, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven .background .foreground .text .title>h3, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven .background .foreground .text .eyebrow { + font-size: 24px; + line-height: 32px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .short-description>p, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p>em, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-five>.background .foreground .text .long-description>p>strong, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .long-description>p, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-one>.background .foreground .text .long-description>p, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .text .long-description>p { + font-size: 14px; + line-height: 20px; + } + + .banner-carousel-wrapper .carousel-wrapper .carousel .panel-container .teaser .foreground .long-description { + margin-top: 12px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .cta { + margin-top: 24px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background .foreground .text .cta>a, + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li>p>a { + font-size: 14px; + line-height: 20px; + padding: 14px 16px; + margin: unset; + } + + .section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container { + left: 16px; + bottom: 70px; + gap: 8px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container>button { + height: 5px; + width: 5px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .carousel.block .button-container>button.selected { + width: 13px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li { + align-items: start; + gap: 20px; + flex-direction: column; + margin-top: 24px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li>ul>li { + font-size: .75rem; + line-height: 1rem; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-six>.background .foreground .text .short-description>ul>li>ul>li>a { + font-size: .875rem; + line-height: 1.25rem; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-two>.background .foreground .text .eyebrow { + font-size: 14px; + line-height: 20px; + margin-bottom: 12px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .cta-image-wrapper { + gap: 12px; + } + + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-seven>.background .foreground .cta-image-wrapper>.cta-image>a img { + height: 30px; + width: 100px; + border-radius: 5px; + } + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-one>.background .foreground .text .long-description>p{ + margin-top: 20px; + } + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block.teaser-block-two>.background .front-picture { + bottom: 0; + } +} + +/* @media screen and (min-width:768px) and (max-width:1024px) { + .section.banner-carousel-wrapper .carousel-wrapper .panel-container .teaser.block>.background { + padding: 0 16px; + background-color: red; + } +} */ + +/* homepage top banner carousel css end */ + +/* ----- TABLET ----- */ +@media (min-width: 600px) { + .section div.carousel-wrapper { + /* stretches to window edge, cover section padding */ + margin-left: calc(-1 * var(--space-token-xl)); + margin-right: calc(-1 * var(--space-token-xl)); + } +} + +@media (min-width: 600px) { + .section.carousel-container { + padding-top: 0; + padding-bottom: 0; + } +} \ No newline at end of file diff --git a/blocks/carousel/carousel.js b/blocks/carousel/carousel.js new file mode 100644 index 0000000000..11eab88de0 --- /dev/null +++ b/blocks/carousel/carousel.js @@ -0,0 +1,120 @@ +import { generateDetailedTeaserDOM } from '../detailed-teaser/detailed-teaser.js'; +import { generateTeaserDOM } from '../teaser/teaser.js'; + +const carouselContainerMapping = {} +carouselContainerMapping["detailed-teaser"] = generateDetailedTeaserDOM; +carouselContainerMapping["ss-teaser"] = generateDetailedTeaserDOM; + +// callback for touch based scrolling event +function updateButtons(entries) { + entries.forEach((entry) => { + // if panel has become > 60% visible + if (entry.isIntersecting) { + // get the buttons + // const carouselButtons = entry.target.parentNode.parentNode.querySelector('.button-container'); + const carouselButtons = entry.target.parentNode.parentNode.lastChild; + // remove selected state from whatever button has it + [...carouselButtons.querySelectorAll(':scope button')].forEach((b) => b.classList.remove('selected')); + // add selected state to proper button + carouselButtons + .querySelector(`:scope button[data-panel='${entry.target.dataset.panel}']`) + .classList.add('selected'); + } + }); +} + +// intersection observer for touch based scrolling detection +const observer = new IntersectionObserver(updateButtons, { threshold: 0.6, rootMargin: '500px 0px' }); + +export default function decorate(block) { + // the panels container + const panelContainer = document.createElement('div'); + panelContainer.classList.add('panel-container'); + + // the buttons container + const buttonContainer = document.createElement('div'); + buttonContainer.classList.add('button-container'); + + + const slideNavButtons = document.createElement("div"); + slideNavButtons.classList.add("carousel-navigation-buttons"); + slideNavButtons.innerHTML = ` + + + `; + // block.appendChild(slideNavButtons); + + const carouselshowtype = block.children[2].innerText.trim() || "primary"; + block.classList.add(carouselshowtype); + // get all children elements + // const panels = [...block.children]; + const panels = Array.from(block.children).slice(3); + + // loop through all children blocks + [...panels].forEach((panel, i) => { + // generate the panel + const [imagebg, image, classList, ...rest] = panel.children; + const classesText = classList.textContent.trim(); + const classes = (classesText ? classesText.split(',') : []).map((c) => c && c.trim()).filter((c) => !!c); + let blockType = 'teaser'; + // const blockType = [...classes].includes('detailed-teaser') ? 'detailed-teaser' : 'teaser'; + // check if we have to render teaser or a detailed teaser + // const teaserDOM = + // blockType === 'detailed-teaser' + // ? generateDetailedTeaserDOM([imagebg, image, ...rest], classes) + // : generateTeaserDOM([imagebg, image, ...rest], classes); + let generateOtherComponent = null; + classes.forEach(function (className) { + if (carouselContainerMapping[className]) { + blockType = className; + generateOtherComponent = carouselContainerMapping[className]; + } + }) + generateOtherComponent = generateOtherComponent ? generateOtherComponent([imagebg, image, ...rest], classes) : generateTeaserDOM([imagebg, image, ...rest], classes); + panel.textContent = ''; + panel.classList.add(blockType, 'block'); + classes.forEach((c) => panel.classList.add(c.trim())); + panel.dataset.panel = `panel_${i}`; + panel.append(generateOtherComponent); + panelContainer.append(panel); + + if (panels.length > 1) { + // generate the button + const button = document.createElement('button'); + buttonContainer.append(button); + button.title = `Slide ${i + 1}`; + button.dataset.panel = `panel_${i}`; + if (!i) button.classList.add('selected'); + + observer.observe(panel); + + // add event listener to button + button.addEventListener('click', () => { + panelContainer.scrollTo({ top: 0, left: panel.offsetLeft - panel.parentNode.offsetLeft, behavior: 'smooth' }); + }); + } + }); + + block.textContent = ''; + block.append(panelContainer); + block.append(slideNavButtons); + + function activePanelContainer(panel) { + panelContainer.scrollTo({ top: 0, left: panel.offsetLeft - panel.parentNode.offsetLeft, behavior: 'smooth' }); + } + block.querySelector(".slide-prev").addEventListener("click", function (e) { + const actviveBtn = buttonContainer.querySelector(".selected") + const activePanel = block.querySelector('[data-panel=' + actviveBtn.dataset.panel + ']'); + const panel = activePanel.previousElementSibling; + panel && activePanelContainer(panel) + }) + block.querySelector(".slide-next").addEventListener("click", function (e) { + const actviveBtn = buttonContainer.querySelector(".selected") + const activePanel = block.querySelector('[data-panel=' + actviveBtn.dataset.panel + ']'); + const panel = activePanel.nextElementSibling; + panel && activePanelContainer(panel) + }) + if (buttonContainer.children.length) block.append(buttonContainer); +} diff --git a/blocks/city-list/city-list.css b/blocks/city-list/city-list.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/city-list/city-list.js b/blocks/city-list/city-list.js new file mode 100644 index 0000000000..cb8c15f011 --- /dev/null +++ b/blocks/city-list/city-list.js @@ -0,0 +1,30 @@ +import { getProps, renderHelper } from "../../scripts/scripts.js"; + +export default function decorate(block) { + const [url] = getProps(block); + + const resp = [ + { + url: "https://publish-p133703-e1305981.adobeaemcloud.com/in/en/home-loan/ahmedabad.html", + text: "Ahmedabad" + }, + { + url: "https://publish-p133703-e1305981.adobeaemcloud.com/in/en/home-loan/chennai.html", + text: "Chennai" + }, + { + url: "https://publish-p133703-e1305981.adobeaemcloud.com/in/en/home-loan/delhi.html", + text: "Delhi" + }, + { + url: "https://publish-p133703-e1305981.adobeaemcloud.com/in/en/home-loan/bangalore.html", + text: "Bangalore" + } + ] + + + let li = renderHelper(resp, `
+
  • {text}
    • +
    `) + block.innerHTML = '
      ' + li + '
    ' +} \ No newline at end of file diff --git a/blocks/code/code.css b/blocks/code/code.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/code/code.js b/blocks/code/code.js new file mode 100644 index 0000000000..75af65e3c3 --- /dev/null +++ b/blocks/code/code.js @@ -0,0 +1,14 @@ +export default async function decorate(block){ + const titleData = block.children[0]?.querySelector('p')?.textContent.trim() || ''; + block.innerHTML = ''; + if(titleData){ + const titleElement = document.createElement('div'); + titleElement.innerHTML = titleData; + block.append(titleElement); + } + + const iframe = block.querySelectorAll('iframe'); + if(iframe.length != 0){ + block.parentElement.classList.add('iframe-width'); + } +} \ No newline at end of file diff --git a/blocks/contentfragment/contentfragment.css b/blocks/contentfragment/contentfragment.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/contentfragment/contentfragment.js b/blocks/contentfragment/contentfragment.js new file mode 100644 index 0000000000..56dc86e94f --- /dev/null +++ b/blocks/contentfragment/contentfragment.js @@ -0,0 +1,134 @@ +export default async function decorate(blocks) { + try { + let cfURL = blocks.querySelector("a")?.textContent.trim(); + cfURL = cfURL?.replace("/content/dam/", "/api/assets/"); + var hardCodedVal = { + links: [ + { + rel: ["self"], + href: "https://author-p133703-e1305981.adobeaemcloud.com/api/assets/piramalfinance/in/en/content-fragment/faq/location/home-loan/ahmedabad-/how-is-the-emi-calculated-for-a-home-loan-in-ahmedabad-.json", + }, + { + rel: ["parent"], + href: "https://author-p133703-e1305981.adobeaemcloud.com/api/assets/piramalfinance/in/en/content-fragment/faq/location/home-loan/ahmedabad-.json", + }, + ], + class: ["assets/asset"], + actions: [ + { + method: "DELETE", + name: "delete", + href: "https://author-p133703-e1305981.adobeaemcloud.com/api/assets/piramalfinance/in/en/content-fragment/faq/location/home-loan/ahmedabad-/how-is-the-emi-calculated-for-a-home-loan-in-ahmedabad-", + title: "Delete", + }, + { + method: "PUT", + name: "update-fragment", + href: "https://author-p133703-e1305981.adobeaemcloud.com/api/assets/piramalfinance/in/en/content-fragment/faq/location/home-loan/ahmedabad-/how-is-the-emi-calculated-for-a-home-loan-in-ahmedabad-", + type: "application/json", + title: "Update Content Fragment", + }, + ], + properties: { + publishedBy: "rajashree", + metadata: {}, + created: 1715257713711, + description: "", + published: 1715675350483, + title: "How is the EMI calculated for a home loan in Ahmedabad?", + contentFragment: true, + createdBy: "rajashree", + elementsOrder: ["faqAnswer"], + elements: { + faqAnswer: { + variationsOrder: [], + translatable: false, + ":type": "text/html", + variations: {}, + dataType: "string", + title: "FAQ Answer", + multiValue: false, + value: + "\u003Cp\u003EWhen calculating the EMI for a home loan in Ahmedabad, use this formula: P x R x (1+R)^N / [(1+R)^N-1]. Here, N stands for loan tenure, P for the principal loan amount, and R for the monthly interest rate.\u003C/p\u003E\n", + }, + }, + name: "how-is-the-emi-calculated-for-a-home-loan-in-ahmedabad-", + modified: 1715257732445, + modifiedBy: "rajashree", + "cq:model": { + path: "/conf/piramalfinance/settings/dam/cfm/models/faq", + }, + "srn:paging": { + total: 0, + offset: 0, + limit: 20, + }, + }, + }; + + let html = `
    +
    +
    +
    +
    +
    +
    {properties.title}
    + +
    +
    + piramal faqs +
    +
    +
    +
    +
    `; + + var newXFHtml = renderHelper([hardCodedVal], html); + blocks.innerHTML = newXFHtml; + + } catch (error) { + console.error(error); + } +} + +function renderHelper(data, template, callBack) { + var dom = document.createElement("div"); + dom.innerHTML = template; + var loopEl = dom.getElementsByClassName("forName"); + Array.prototype.slice.call(loopEl).forEach(function (eachLoop) { + var templates = ""; + var localtemplate = eachLoop.innerHTML; + for (var key in data) { + if (Object.hasOwnProperty.call(data, key)) { + var element = data[key]; + // data.forEach(function (element, index) { + var dataItem = callBack ? callBack(element, key) : element; + var keys = Object.keys(dataItem); + var copyTemplate = localtemplate; + copyTemplate.split("{").forEach(function (ecahKey) { + var key = ecahKey.split("}")[0]; + var keys = key.split("."); + var value = dataItem; + keys.forEach(function (key) { + if (value && value.hasOwnProperty(key)) { + value = value[key]; + } else { + value = ""; + } + }); + copyTemplate = copyTemplate.replace("{" + key + "}", value); + }); + templates += copyTemplate; + // }); + } + } + eachLoop.outerHTML = templates; + }); + return dom.innerHTML; +} + + diff --git a/blocks/detailed-teaser/detailed-teaser.css b/blocks/detailed-teaser/detailed-teaser.css new file mode 100644 index 0000000000..f3a9fb566b --- /dev/null +++ b/blocks/detailed-teaser/detailed-teaser.css @@ -0,0 +1,309 @@ +/* ----- MOBILE / Default ----- */ + +/* teaser wrapper stretches over complete width */ +.section div.detailed-teaser-wrapper { + max-width: unset; + + /* stretches to window edge in mobile view */ + margin-left: calc(-1 * var(--space-token-xs)); + margin-right: calc(-1 * var(--space-token-xs)); + } + + .detailed-teaser.block { + width: 100%; + height:100%; + position: relative; + overflow-x: hidden; + display:flex; + flex-direction: row; + } + + /* the background image container */ + .detailed-teaser.block > .background { + display:block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + } + + /* the background image */ + .detailed-teaser.block > .background img { + display:block; + object-fit: cover; + object-position:center; + height: 100%; + width: 100%; + } + + /* the foreground contains texts and subject image */ + .detailed-teaser.block > .foreground { + display: flex; + flex-direction: column; + position:relative; + max-width: var(--non-spectrum-max-width); + margin: auto; + } + + /* the text block (eyebrow content, title , descr , cta) */ + .detailed-teaser.block > .foreground > .text { + order: 0; + display: flex; + flex-direction: column; + justify-content: center; + padding: var(--spectrum-spacing-400) var(--space-token-xs); + max-width: 550px; + } + + /* change the order if text should be at the bottom */ + .detailed-teaser.block.right > .foreground > .text { + order: 1; + } + + /* eyebrow content */ + .detailed-teaser.block > .foreground > .text > .eyebrow { + margin-bottom: 26px; + } + + .detailed-teaser.block > .foreground > .text > .eyebrow:empty { + display: none; + } + + /* the optional logo image in eyebrow content */ + .detailed-teaser.block > .foreground > .text > .eyebrow > .logo { + margin: 0; + } + + .detailed-teaser.block > .foreground > .text > .eyebrow > .logo img { + height:32px; + } + + /* the eyebrow titles */ + .detailed-teaser.block > .foreground > .text > .eyebrow > .title { + font-size: var(--spectrum-font-size-300); + font-weight: var(--font-weight-700); + color: var(--non-spectrum-grey); + margin: 0; + } + + .detailed-teaser.block > .foreground > .text > .eyebrow > .subtitle { + font-size: var(--spectrum-font-size-100); + font-weight: var(--font-weight-700); + color: #8C8C8C; + margin: 0; + } + + .detailed-teaser.block.dark > .foreground > .text > .eyebrow > .subtitle { + color: #ccc; + } + + /* the main title */ + /* stylelint-disable-next-line no-descending-specificity */ + .detailed-teaser.block > .foreground > .text > .title { + font-size: 24px; + font-weight: var(--font-weight-700); + line-height: 27px; + color: var(--non-spectrum-custom-dark); + } + + .detailed-teaser.block > .foreground > .text > .title :where(h1,h2,h3,h4,h5,h6) { + margin: 0; + color: inherit; + font: inherit; + } + + /* description */ + .detailed-teaser.block > .foreground > .text > .description, + .detailed-teaser.block > .foreground > .text > .description * { + font-size: 22px; + color: var(--non-spectrum-custom-dark); + line-height: 30px; + margin-top: 10px; + -webkit-line-clamp: 5; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + } + + .detailed-teaser.block.dark > .foreground > .text > .title, + .detailed-teaser.block.dark > .foreground > .text > .eyebrow > .title, + .detailed-teaser.block.dark > .foreground > .text > .description, + .detailed-teaser.block.dark > .foreground > .text > .description * { + color: var(--background-color); + } + + + /* the list of CTA's */ + .detailed-teaser.block > .foreground > .text > .cta { + display: flex; + gap: var(--spectrum-spacing-400); + margin-top: 20px; + padding: 0; + width:min-content; + } + + .detailed-teaser.block > .foreground > .text > .cta:empty { + display: none; + } + + /* the cta buttons */ + .detailed-teaser.block > .foreground > .text > .cta > a.button { + margin: 0; + font-size: 15px; + font-weight: var(--font-weight-700); + line-height: 15px; + padding: 5px 14px 6px; + } + + /* behavior for primary and secondary */ + .detailed-teaser.block > .foreground > .text > .cta > a.button.secondary { + background-color: unset; + border: 2px solid currentcolor; + color: currentcolor; + } + + .detailed-teaser.block.dark > .foreground > .text > .cta > a.button { + background-color: var(--background-color); + border: 2px solid transparent; + color: currentcolor; + } + + .detailed-teaser.block.dark > .foreground > .text > .cta > a.button.secondary { + background-color: unset; + border: 2px solid currentcolor; + color: var(--background-color); + } + + /* spacer/subject image */ + .detailed-teaser.block > .foreground > .spacer { + display:block; + order: 1; + padding: 0 var(--space-token-xs) var(--spectrum-spacing-400) var(--space-token-xs); + } + + /* change the order if text should be on the right */ + .detailed-teaser.block.right > .foreground > .spacer { + order: 0; + padding-bottom: 0; + padding-top: var(--spectrum-spacing-400); + } + + .detailed-teaser.block > .foreground > .spacer:empty { + display:none; + } + + /* stylelint-disable-next-line no-descending-specificity */ + .detailed-teaser.block > .foreground > .spacer img { + border-radius: 30px; + } + + /* ----- TABLET ----- */ + @media (min-width: 600px) { + .section div.detailed-teaser-wrapper { + /* stretches to window edge, cover section padding */ + margin-left: calc(-1 * var(--space-token-xl)); + margin-right: calc(-1 * var(--space-token-xl)); + } + + /* foreground container, flex (text + spacer), always on top */ + .detailed-teaser.block > .foreground { + padding: 0 var(--space-token-xl); + min-height:320px; + } + + /* limit width of text part and set order */ + .detailed-teaser.block > .foreground > .text { + padding: var(--spectrum-spacing-500) 0; + } + + /* teaser on browse pages has different width for text */ + body[class ^= 'browse-'] .detailed-teaser.block > .foreground > .text, + body[class ^= 'article-'] .detailed-teaser.block > .foreground > .text { + min-width:unset; + } + + .detailed-teaser.block > .foreground > .text > .title { + font-size: 32px; + font-weight: 800; + } + + /* spacer/subject image */ + .detailed-teaser.block > .foreground > .spacer { + padding-left: 0; + padding-right: 0; + } + + /* it gets a border */ + body[class ^= 'browse-'] .section div.detailed-teaser-wrapper , + body[class ^= 'article-'] .section div.detailed-teaser-wrapper { + border: 1px solid var(--spectrum-gray-200); + border-radius: 4px; + } + + body[class ^= 'browse-'] .section div.detailed-teaser-wrapper .background img , + body[class ^= 'article-'] .section div.detailed-teaser-wrapper .background img { + border-radius: 4px; + } + + body[class ^= 'browse-'] .detailed-teaser.block > .foreground > .spacer img , + body[class ^= 'article-'] .detailed-teaser.block > .foreground > .spacer img { + object-position: left; + } + + body[class ^= 'browse-'] .section div.detailed-teaser-wrapper .foreground , + body[class ^= 'article-'] .section div.detailed-teaser-wrapper .foreground { + min-height:240px; + padding: 0 var(--space-token-xxl); + } + } + + @media (min-width: 1024px) { + /* switch to left right */ + .detailed-teaser.block .foreground { + flex-direction: row; + gap: 40px; + justify-content: space-between; + max-width: var(--non-spectrum-max-width); + width:100%; + } + + /* the cta buttons */ + .detailed-teaser.block > .foreground > .text > .cta > a.button { + line-height: unset; + } + + /* teaser on browse pages has different width for text */ + .detailed-teaser.block > .foreground > .text { + min-width:550px; + } + + /* the subject image /spacer */ + .detailed-teaser.block > .foreground > .spacer { + display: flex; + align-items: center; + padding: var(--spectrum-spacing-500) 0; + } + + .detailed-teaser.block > .foreground > .spacer img { + border-radius: 30px; + padding: 0; + object-fit:cover; + min-height: 260px; + max-height: 290px; + object-position: center; + } + + /* when shown on a page with a rail + no longer goes from end to end */ + body[class ^= 'browse-'] .section div.detailed-teaser-wrapper, + body[class ^= 'article-'] .section div.detailed-teaser-wrapper { + margin-left: unset; + margin-right: unset; + } + + body[class ^= 'browse-'] .section div.detailed-teaser-wrapper .foreground, + body[class ^= 'article-'] .section div.detailed-teaser-wrapper .foreground { + padding: 0 var(--space-token-l); + } + } \ No newline at end of file diff --git a/blocks/detailed-teaser/detailed-teaser.js b/blocks/detailed-teaser/detailed-teaser.js new file mode 100644 index 0000000000..7f8fb01c9a --- /dev/null +++ b/blocks/detailed-teaser/detailed-teaser.js @@ -0,0 +1,57 @@ +import { decorateButtons } from '../teaser/teaser.js'; + +// eslint-disable-next-line no-unused-vars +export function generateDetailedTeaserDOM(props, classes) { + // Extract properties, always same order as in model, empty string if not set + const [backImage, eyebrowContent, title, description, subjectImage, firstCta, secondCta] = props; + const backPicture = backImage.querySelector('picture'); + const subjectPicture = subjectImage.querySelector('picture'); + + // add classes for the different eyebrow elements + if (eyebrowContent) { + eyebrowContent.classList.add('eyebrow'); + [...eyebrowContent.children].forEach((p, i) => { + // eslint-disable-next-line default-case + switch (i) { + case 0: + // if first p has an image , otherwise its eyebrow title + p.classList.add(p.firstElementChild && p.firstElementChild.tagName === 'PICTURE' ? 'logo' : 'title'); + break; + case 1: + // if eybrow title is already set it eyebrow subtitle, otherwise its eyebrow title + p.classList.add(p.previousElementSibling.classList.contains('eyebrow-title') ? 'subtitle' : 'title'); + break; + case 2: + // third p is always sub title if existing + p.classList.add('subtitle'); + break; + } + }); + } + + // Build DOM + const teaserDOM = document.createRange().createContextualFragment(` +
    ${backPicture ? backPicture.outerHTML : ''}
    +
    +
    + ${eyebrowContent.outerHTML} +
    ${title.innerHTML}
    +
    ${description.innerHTML}
    +
    ${decorateButtons(firstCta, secondCta)}
    +
    +
    + ${subjectPicture ? subjectPicture.outerHTML : ''} +
    +
    + `); + // add final teaser DOM and classes if used as child component + return teaserDOM; +} + +export default function decorate(block) { + // get the first and only cell from each row + const props = [...block.children].map((row) => row.firstElementChild); + const teaserDOM = generateDetailedTeaserDOM(props, block.classList); + block.textContent = ''; + block.append(teaserDOM); +} diff --git a/blocks/eligibilitycalculator/eligibilitycalculator.css b/blocks/eligibilitycalculator/eligibilitycalculator.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/eligibilitycalculator/eligibilitycalculator.js b/blocks/eligibilitycalculator/eligibilitycalculator.js new file mode 100644 index 0000000000..85478c7a46 --- /dev/null +++ b/blocks/eligibilitycalculator/eligibilitycalculator.js @@ -0,0 +1,145 @@ +import { renderCalculatorData } from "../emiandeligiblitycalc/renderhpcal.js"; +import { homeLoanCalcFunc } from "../emiandeligiblitycalc/homeloancalculators.js"; +import { eligibilityCalculatorHTM } from "./templatehtml.js"; +import {xfShowHideBodyClick, firstTabActive } from "../emiandeligiblitycalc/commonfile.js"; + +let calculatorType, emiCalDiv, elgCalDiv, emiOverlay, elgOverlay, overlay; + +export default function decorate(block) { + let cfURL = block.querySelector("a")?.textContent.trim(); + // const cfRepsonse = CFApiCall(cfURL); + + const callJson = { + total: 1, + offset: 0, + limit: 1, + data: [ + { + maindivbackground: "emi", + title: "EMI Calculator", + mainheadingclass: "", + salaried: { + salariedcheck: true, + salariedtabid: "salariedTab", + salariedtabname: "employementStatus", + salariedtabvalue: "80", + salariedtabtext: "I'm Salaried", + calculatorsalariedimg: "/content/dam/piramalfinance/product-page/home-loan/calculator-salaried.svg", + calculatorsalariedimgalt: "salaried", + }, + business: { + businesscheck: true, + businesstabid: "businessTab", + businesstabname: "employementStatus", + businesstabvalue: "60", + businesstabtext: "I'm doing Business", + calculatorbusinessimg: "/content/dam/piramalfinance/product-page/home-loan/calculator-business.svg", + calculatorbusinessimgalt: "business", + }, + selectloantype: { + checboxemitab: true, + subheading: "Select loan type", + subheadingtow: "", + }, + tabname: { + firsttabbname: "Home Loan", + secondtabbname: "Business Loan", + thridtabname: "", + }, + chechboxemiobj: { + chechboxemi: true, + loanamout: [ + { + label: "Loan amount (Rs.)", + labelyearsvalue: "", + rupeesign: "₹", + dataslider: "em1", + dataattr: "loanamt", + rangeminvalue: "500000", + rangemaxvalue: "50000000", + rangestep: "10000", + displayvalue: "2500000", + minvaluetext: "5L", + maxvaluetext: "5Cr", + }, + { + label: "Loan Tenure (Years)", + labelyearsvalue: "Years", + rupeesign: "", + dataslider: "em2", + dataattr: "tenure", + rangeminvalue: "5", + rangemaxvalue: "30", + rangestep: "1", + displayvalue: "10", + minvaluetext: "5Y", + maxvaluetext: "30Y", + }, + { + label: "Interest Rate (% p.a)", + labelyearsvalue: "%", + rupeesign: "", + dataslider: "em3", + dataattr: "roi", + rangeminvalue: "10.5", + rangemaxvalue: "20", + rangestep: "0.1", + displayvalue: "10", + minvaluetext: "10.50%", + maxvaluetext: "20%", + }, + ], + }, + calendarbox: "/content/dam/piramalfinance/homepage/images/calc-calendarwebp", + calendarmobile: "/content/dam/piramalfinance/homepage/images/calc-calendarwebp", + outputtext: "Your home loan EMI is", + principaltext: "Principal amount", + interesttext: "Interest amount", + button1text: "Talk to loan expert", + button2text: "Apply loan now", + pageproperties: "hl", + }, + ], + ":type": "sheet", + }; + + block.innerHTML = CalcHTM(callJson);; + try { + elgCalDiv = document.querySelector(".homepage-eligibility-calculator-call-xf"); + elgOverlay = document.querySelector(".cmp-container--caloverlay"); + overlay = document.querySelector(".modal-overlay"); + eligibilityCalculatorCallXf(); + homeLoanCalcFunc(); + } catch (error) { + console.warn(error); + } +} + +export async function CFApiCall(cfurl) { + const cfModification = cfurl?.replace("/content/dam/", "/api/assets/"); + const response = await fetchAPI(cfModification); + const responseJson = await response.json(); + return responseJson; +} + +export function eligibilityCalculatorCallXf() { + document.querySelectorAll("[data-teaserv2-xf='homepage-eligibility-calculator-call-xf']") && + document.querySelectorAll("[data-teaserv2-xf='homepage-eligibility-calculator-call-xf']").forEach((eachTeaserv2) => { + eachTeaserv2.addEventListener("click", function (e) { + e.stopImmediatePropagation(); + const xfGetAttr = this.getAttribute("data-teaserv2-xf"); + const findSectionXFShow = document.querySelector("." + xfGetAttr); + findSectionXFShow.querySelector(".overlayDiv").classList.add("show"); + if(xfGetAttr == "homepage-eligibility-calculator-call-xf"){ + findSectionXFShow.classList.remove("dp-none"); + calculatorType = "eligibility"; + elgOverlay.classList.add("show"); + overlay.classList.add("show"); + document.body.style.overflow = "hidden"; + renderCalculatorData(calculatorType); + firstTabActive(); + } + xfShowHideBodyClick(findSectionXFShow); + }); + }); +} \ No newline at end of file diff --git a/blocks/embed/embed.css b/blocks/embed/embed.css new file mode 100644 index 0000000000..9aebfdc1df --- /dev/null +++ b/blocks/embed/embed.css @@ -0,0 +1,62 @@ +.embed { + width: unset; + text-align: center; + max-width: 800px; + margin: 32px auto; + } + + .embed > div { + display: flex; + justify-content: center; + } + + .embed.embed-twitter .twitter-tweet-rendered { + margin-left: auto; + margin-right: auto; + } + + .embed .embed-placeholder { + width: 100%; + aspect-ratio: 16 / 9; + position: relative; + } + + .embed .embed-placeholder > * { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + inset: 0; + } + + .embed .embed-placeholder picture img { + width: 100%; + height: 100%; + object-fit: cover; + } + + .embed .embed-placeholder-play button { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(3); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 20px; + padding: 0; + } + + .embed .embed-placeholder-play button::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 10px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 6px solid; + top: 4px; + left: 7px; + } \ No newline at end of file diff --git a/blocks/embed/embed.js b/blocks/embed/embed.js new file mode 100644 index 0000000000..41e0ec3b77 --- /dev/null +++ b/blocks/embed/embed.js @@ -0,0 +1,113 @@ +/* + * Embed Block + * Show videos and social posts directly on your page + * https://www.hlx.live/developer/block-collection/embed + */ + +const loadScript = (url, callback, type) => { + const head = document.querySelector('head'); + const script = document.createElement('script'); + script.src = url; + if (type) { + script.setAttribute('type', type); + } + script.onload = callback; + head.append(script); + return script; + }; + + const getDefaultEmbed = (url) => `
    + +
    `; + + const embedYoutube = (url, autoplay) => { + const usp = new URLSearchParams(url.search); + const suffix = autoplay ? '&muted=1&autoplay=1' : ''; + let vid = usp.get('v') ? encodeURIComponent(usp.get('v')) : ''; + const embed = url.pathname; + if (url.origin.includes('youtu.be')) { + [, vid] = url.pathname.split('/'); + } + const embedHTML = `
    + +
    `; + return embedHTML; + }; + + const embedVimeo = (url, autoplay) => { + const [, video] = url.pathname.split('/'); + const suffix = autoplay ? '?muted=1&autoplay=1' : ''; + const embedHTML = `
    + +
    `; + return embedHTML; + }; + + const embedTwitter = (url) => { + const embedHTML = ``; + loadScript('https://platform.twitter.com/widgets.js'); + return embedHTML; + }; + + const loadEmbed = (block, link, autoplay) => { + if (block.classList.contains('embed-is-loaded')) { + return; + } + + const EMBEDS_CONFIG = [ + { + match: ['youtube', 'youtu.be'], + embed: embedYoutube, + }, + { + match: ['vimeo'], + embed: embedVimeo, + }, + { + match: ['twitter'], + embed: embedTwitter, + }, + ]; + + const config = EMBEDS_CONFIG.find((e) => e.match.some((match) => link.includes(match))); + const url = new URL(link); + if (config) { + block.innerHTML = config.embed(url, autoplay); + block.classList = `block embed embed-${config.match[0]}`; + } else { + block.innerHTML = getDefaultEmbed(url); + block.classList = 'block embed'; + } + block.classList.add('embed-is-loaded'); + }; + + export default function decorate(block) { + const placeholder = block.querySelector('picture'); + const link = block.querySelector('a').href; + block.textContent = ''; + + if (placeholder) { + const wrapper = document.createElement('div'); + wrapper.className = 'embed-placeholder'; + wrapper.innerHTML = '
    '; + wrapper.prepend(placeholder); + wrapper.addEventListener('click', () => { + loadEmbed(block, link, true); + }); + block.append(wrapper); + } else { + const observer = new IntersectionObserver((entries) => { + if (entries.some((e) => e.isIntersecting)) { + observer.disconnect(); + loadEmbed(block, link); + } + }); + observer.observe(block); + } + } \ No newline at end of file diff --git a/blocks/emiandeligiblitycalc/bizemielical.js b/blocks/emiandeligiblitycalc/bizemielical.js new file mode 100644 index 0000000000..cf19bddd2f --- /dev/null +++ b/blocks/emiandeligiblitycalc/bizemielical.js @@ -0,0 +1,109 @@ +export const calculator = (loanDetails) => { + // Parameter Validation + if (!loanDetails || typeof loanDetails !== 'object') { + console.warn("Invalid loan details provided."); + return false; + } + + const monthlyLoanTenure = loanDetails.tenure * 12; + const roi = (loanDetails.roi * 0.01) / 12; + + return { + monthlyLoanTenure, + roi, + loanDetails, + "result": function () { + return getResult(this); + } + }; +}; + +const calculateEligibility = (calculatorObj) => { + + const loanDetails = calculatorObj.loanDetails; + const applicableFoir = loanDetails.foir * 0.01; + let result = 0; + + let productType = document.querySelector("#calculator-product-type").value; + if(productType == "pl") { + result = CalculateBusinessLoanEligibility(loanDetails.income, calculatorObj.monthlyLoanTenure, loanDetails.otherLoan, calculatorObj.roi); + return {result}; + } + + //eligibility emi + const eligibilityEmi = getProductBasedEmiEligibility(loanDetails.income, loanDetails.otherLoan, applicableFoir); + + // Not Eligible + if (eligibilityEmi <= 0) { + return 0; + } + + const E = eligibilityEmi; + const n = calculatorObj.monthlyLoanTenure; + const R = calculatorObj.roi; + + + // Formula: E*((1-(1/(1+R)^n))/R) + result = Math.round(E * (1 - (1 / Math.pow((1 + R), n))) / R); + + + return {result}; +}; + +const calculateLoanEmi = (calculatorObj) => { + + let L = calculatorObj.loanDetails.loanAmt; + let n = calculatorObj.monthlyLoanTenure; + let R = calculatorObj.roi; + + let emi = (L * R * Math.pow(1 + R, n)) / (Math.pow(1 + R, n) - 1); + emi = Math.round(emi); + + //Interest Amount Calculation + //emi * monthly tenure - loan amount + let interestAmt = emi * n - L; + + return {"result": emi, interestAmt, "principalAmt": L}; +}; + + +function getResult(calculatorObj) { + let calType = calculatorObj.loanDetails.calType; + console.log(calculatorObj); + if(calType) { + if(calType == "emi"){ + return calculateLoanEmi(calculatorObj); + } else { + return calculateEligibility(calculatorObj); + } + } +} + + +function getProductBasedEmiEligibility(income, otherLoan, applicableFoir) { + let productType = document.querySelector("#calculator-product-type").value; + //business loan eligibility emi formula: (income - otherloan) * applicablefoir + let homePage = document.querySelector(".overlayDiv.show .homeloancalculator"); + if(homePage) { + productType = homePage.querySelector("#calculator-product-type").value; + } + + let eligibilityEmi = (income - otherLoan) * applicableFoir; + + if(productType == "hl") { + //home loan eligibility emi formula: income * applicablefoir - otherloan + eligibilityEmi = income * applicableFoir - otherLoan; + } + + return eligibilityEmi; +} + +const CalculateBusinessLoanEligibility = (ic, y, ee, ir) => { + // business loan Eligibility Calculator + let applicableAmount = (ic - ee) * 0.5; + let p= Math.pow(1 + ir, y); + let eligibleLoanAmount = 1 / p; + eligibleLoanAmount = (applicableAmount * (1 - eligibleLoanAmount)) / ir; + eligibleLoanAmount = Math.round(eligibleLoanAmount); + return eligibleLoanAmount <= 0 ? 0 : eligibleLoanAmount; +}; \ No newline at end of file diff --git a/blocks/emiandeligiblitycalc/calculatordefaultvalue.js b/blocks/emiandeligiblitycalc/calculatordefaultvalue.js new file mode 100644 index 0000000000..a241cb9b5c --- /dev/null +++ b/blocks/emiandeligiblitycalc/calculatordefaultvalue.js @@ -0,0 +1,13 @@ +let calDefaultValueObj = {}; + +window.addEventListener("DOMContentLoaded", function() { + let calculators = document.querySelectorAll(".homeloancalculator .calctabs .commoncalculator"); + + calculators.forEach((cal, index) => { + const resetId = "calid-" + index; + cal.dataset.resetId = resetId; + calDefaultValueObj[resetId] = Object.fromEntries([...cal.querySelectorAll("input[type=range]")].map(input => [input.id, input.value])); + }); + + sessionStorage.setItem("calDefaultValueObj", JSON.stringify(calDefaultValueObj)); +}); \ No newline at end of file diff --git a/blocks/emiandeligiblitycalc/calhelpers.js b/blocks/emiandeligiblitycalc/calhelpers.js new file mode 100644 index 0000000000..c47d67c96f --- /dev/null +++ b/blocks/emiandeligiblitycalc/calhelpers.js @@ -0,0 +1,29 @@ +import { currenyCommaSeperation } from "../../scripts/scripts.js"; +import { calculator } from "../emiandeligiblitycalc/bizemielical.js"; +import { getCalculatorInput } from "../emiandeligiblitycalc/getcalculatordata.js"; + +export function workflowHomeLoanCalculation(currentCalculator, calType) { + let resultObj = getCalculationResult(currentCalculator, calType); + console.log(resultObj); + + if(resultObj != null) { + renderData(currentCalculator, resultObj); + } +} + +export function getCalculationResult(currentCalculator, calculatorType) { + let calDataObj = getCalculatorInput(currentCalculator, calculatorType) + const fn = calculator(calDataObj); + return fn ? fn.result() : null; +} + +export function renderData(parentElement, resultObj) { + let nullDom = {}; + let resultAmtElement = parentElement.querySelector("[data-cal-result=resultAmt]") || nullDom; + let principalAmtElement = parentElement.querySelector("[data-cal-result=principalAmt]") || nullDom; + let interestAmtElement = parentElement.querySelector("[data-cal-result=interestAmt]") || nullDom; + console.log(JSON.stringify(resultObj)); + resultAmtElement.textContent = "₹" + currenyCommaSeperation(resultObj.result ? resultObj.result : 0) + "/-"; + principalAmtElement.textContent = currenyCommaSeperation(resultObj.principalAmt ? resultObj.principalAmt : 0); + interestAmtElement.textContent = currenyCommaSeperation(resultObj.interestAmt ? resultObj.interestAmt : 0); +} \ No newline at end of file diff --git a/blocks/emiandeligiblitycalc/commonfile.js b/blocks/emiandeligiblitycalc/commonfile.js new file mode 100644 index 0000000000..f3ab358690 --- /dev/null +++ b/blocks/emiandeligiblitycalc/commonfile.js @@ -0,0 +1,23 @@ +import { resetCalculator } from "../emiandeligiblitycalc/resetCalculator.js"; + + +export function xfShowHideBodyClick(findSectionXFShow) { + let body = document.querySelector("body"); + body.classList.add("overlay-active"); + body.addEventListener("click", function (e) { + if (!e.target.closest(".show")) { + findSectionXFShow.querySelector(".overlayDiv").classList.remove("show"); + document.body.style.overflow = "scroll"; + body.classList.remove("overlay-active"); + } + }); + } + +export function firstTabActive() { + let calculator = document.querySelector(".overlayDiv.show .homeloancalculator"); + let firstTab = calculator.querySelector(".tab-emi-calc"); + let firstCalDiv = calculator.querySelector(".emicalculator"); + resetCalculator(firstCalDiv); + firstTab.click(); +} + \ No newline at end of file diff --git a/blocks/emiandeligiblitycalc/emiandeligiblitycalc.css b/blocks/emiandeligiblitycalc/emiandeligiblitycalc.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/emiandeligiblitycalc/emiandeligiblitycalc.js b/blocks/emiandeligiblitycalc/emiandeligiblitycalc.js new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/emiandeligiblitycalc/getcalculatordata.js b/blocks/emiandeligiblitycalc/getcalculatordata.js new file mode 100644 index 0000000000..d3756255d8 --- /dev/null +++ b/blocks/emiandeligiblitycalc/getcalculatordata.js @@ -0,0 +1,44 @@ +export function getCalculatorInput(calculator, calType) { + if(calculator == null) return; + + let incomeValue = calculator.querySelector("[data-cal-input=income]")?.value.replaceAll(",", ""); + let isBusinessTabActive = calculator.closest(".homeloancalculator").querySelector(".tab-eligibility-calc.active"); + let loanType = calculator.closest(".homeloancalculator").querySelector("[data-cal-foir]:checked").dataset.calFoir; + let getIncome = loanType == "biz" && !isBusinessTabActive? incomeValue / 12 : incomeValue; + + let isCombineEmiEligibility = calculator.closest(".homeloancalculator").querySelector(".combined-emi-eligibility"); + if(isCombineEmiEligibility) { + getIncome = loanType == "biz" ? incomeValue / 12 : incomeValue; + } + + let obj = {}; + obj.income = getIncome; + obj.otherLoan = calculator.querySelector("[data-cal-input=otherloan]")?.value.replaceAll(",", ""); + obj.loanAmt = calculator.querySelector("[data-cal-input=loanamt]")?.value.replaceAll(",", ""); + obj.roi = calculator.querySelector("[data-cal-input=roi]")?.value; + obj.tenure = calculator.querySelector("[data-cal-input=tenure]")?.value; + obj.foir = calculator.closest(".homeloancalculator").querySelector("[data-cal-foir]:checked")?.value; + if(!isCombineEmiEligibility && isBusinessTabActive && loanType == "biz") obj.foir = 50; + obj.calType = calType; + + changeLoanAmtLabel(calculator, calType, loanType); + return obj; +} + +let previousLoanAmtLabel; +function changeLoanAmtLabel(calculator, calType, loanType) { + let incomeInput = calculator.querySelector("[data-cal-input=income]"); + if(incomeInput == null) return; + + let loanAmtLabel = incomeInput.closest(".loanamount").querySelector("label"); + + if(loanAmtLabel && loanType) { + if(previousLoanAmtLabel == null){ previousLoanAmtLabel = loanAmtLabel.textContent.trim() } + if(calType == "eligibility" && loanType == "biz") { + loanAmtLabel.textContent = " Gross Annual Income (Rs.)"; + } + else if(calType == "eligibility" && loanType == "salaried") { + loanAmtLabel.textContent = previousLoanAmtLabel; + } + } +} \ No newline at end of file diff --git a/blocks/emiandeligiblitycalc/homeloancalculators.js b/blocks/emiandeligiblitycalc/homeloancalculators.js new file mode 100644 index 0000000000..a595d7f540 --- /dev/null +++ b/blocks/emiandeligiblitycalc/homeloancalculators.js @@ -0,0 +1,293 @@ +import { currenyCommaSeperation } from "../../scripts/scripts.js"; +import { resetCalculator } from "./resetCalculator.js"; + +/* document.addEventListener("DOMContentLoaded", function () { + homeLoanCalcFunc(); +}); */ + +export function homeLoanCalcFunc() { + + var salariedDivs = document.querySelectorAll(".onetab"); + var businessDivs = document.querySelectorAll(".twotab"); + + var salariedRadios = document.querySelectorAll(".input_salary_checkbox"); + var businessRadios = document.querySelectorAll(".input_business_checkbox"); + + // just below heading tabs color changes and input click code start + salariedDivs.forEach(function (salariedDiv, index) { + salariedDiv.addEventListener("click", function () { + handleTabClick(salariedDiv, true, index); + }); + }); + businessDivs.forEach(function (businessDiv, index) { + businessDiv.addEventListener("click", function () { + handleTabClick(businessDiv, false, index); + }); + }); + + function handleTabClick(tabDiv, isSalaried, index) { + var backgroundDiv = tabDiv.closest(".home-loan-calculator-parent"); + var calculatorDiv = tabDiv.parentElement.closest(".home-loan-calculator-parent ").nextElementSibling; + var radioInput = isSalaried ? salariedRadios[index] : businessRadios[index]; + var docRequiredBackground = document.querySelector("#document-required-container"); + var docSalaries = document.querySelectorAll(".cmp-text--doc-salary"); + var docBusinesses = document.querySelectorAll(".cmp-text--doc-business"); + + radioInput.checked = true; + tabDiv.style.background = isSalaried ? "#fff7f4" : "#eef3ff"; + var otherTabDiv = isSalaried ? businessDivs[index] : salariedDivs[index]; + otherTabDiv.style.background = "#ffffff"; + + calculatorDiv.style.background = isSalaried ? "#fff7f4" : "#eef3ff"; + backgroundDiv.style.background = isSalaried ? "-webkit-linear-gradient(right, #fff 50%, #fff7f4 50%)" : "-webkit-linear-gradient(right, #eef3ff 50%, #fff 50%)"; + if (docRequiredBackground) { + docRequiredBackground.style.background = isSalaried ? "#fff7f4" : "#eef3ff"; + } + if (docSalaries) { + docSalaries.forEach((docSalary) => { + docSalary.style.display = isSalaried ? "block" : "none"; + }); + + docBusinesses.forEach((docBusiness) => { + docBusiness.style.display = isSalaried ? "none" : "block"; + }); + } + } + + // just below heading tabs color changes and input click code end. + + // blueTabparent and redparent + // var bluetabParent = document.querySelector(".blue-tab"); + // var lightredParent = document.querySelector(".light-red-tab"); + + // if (bluetabParent) { + // salariedDivs.forEach(function(salariedDiv, index) { + // salariedDiv.removeEventListener("click", function() { + // handleTabClick(salariedDiv, true, index); + // }); + // }); + // } + + // if (lightredParent) { + // businessDivs.forEach(function(businessDiv, index) { + // businessDiv.removeEventListener("click", function() { + // handleTabClick(businessDiv, false, index); + // }); + // }); + // } + + // this for emi and elg calculator click + const emiTabs = document.querySelectorAll(".tab-emi-calc"); + const elgTabs = document.querySelectorAll(".tab-eligibility-calc"); + const emiDivs = document.querySelectorAll(".emicalculator"); + const emiCalDiv = document.querySelector(".home-page-calculator-call-xf"); + const elgDivs = document.querySelectorAll(".eligibilitycalculator"); + const firstHead = document.querySelector(".first-head"); + const secondHead = document.querySelector(".second-head"); + const gstBtn = document.querySelector(".gst-third-tab"); + + // Function to handle click on emi tabs + function handleEmiTabClick(index) { + // Activate emi tab and deactivate eligibility tab + let isAlreadyActive = emiTabs[index].classList.contains("active"); + emiTabs[index].classList.add("active"); + elgTabs[index].classList.remove("active"); + + // Show emi div and hide eligibility div + emiDivs[index].style.display = "block"; + elgDivs[index].style.display = "none"; + + if (isAlreadyActive == false) { + resetCalculator(emiDivs[index]); + } + + if (secondHead) { + secondHead.style.display = "none"; + firstHead.style.display = "block"; + } + } + + // Function to handle click on eligibility tabs + function handleElgTabClick(index) { + // Activate eligibility tab and deactivate emi tab + let isAlreadyActive = elgTabs[index].classList.contains("active"); + + elgTabs[index].classList.add("active"); + emiTabs[index].classList.remove("active"); + + // Show eligibility div and hide emi div + elgDivs[index].style.display = "block"; + emiDivs[index].style.display = "none"; + + if (isAlreadyActive == false) { + resetCalculator(elgDivs[index]); + } + + if (secondHead) { + firstHead.style.display = "none"; + secondHead.style.display = "block"; + } + } + + function handleSalaryTabClickNone(index) { + var salariedDivs = document.querySelectorAll(".onetab"); + + salariedDivs[index].style.display = "none"; + } + function handleSalaryTabClickBlock(index) { + var salariedDivs = document.querySelectorAll(".onetab"); + + salariedDivs[index].style.display = "block"; + } + + // Add event listeners to emi tabs + if (emiTabs[0]) { + emiTabs[0].addEventListener("click", function () { + handleEmiTabClick(0); + if (gstBtn) { + gstBtn.classList.remove("active"); + } + }); + } + + if (emiTabs[1]) { + emiTabs[1].addEventListener("click", function () { + handleEmiTabClick(1); + + // handleSalaryTabClickBlock(1); + }); + } + if (gstBtn) { + gstBtn.addEventListener("click", function () { + elgTabs[0].classList.remove("active"); + emiTabs[0].classList.remove("active"); + gstBtn.classList.add("active"); + elgDivs[0].style.display = "block"; + emiDivs[0].style.display = "none"; + }); + } + // Add event listeners to eligibility tabs + if (elgTabs[0]) { + elgTabs[0].addEventListener("click", function () { + handleElgTabClick(0); + if (gstBtn) { + gstBtn.classList.remove("active"); + } + // handleSalaryTabClickNone(0); + }); + } + if (elgTabs[1]) { + elgTabs[1].addEventListener("click", function () { + handleElgTabClick(1); + + // handleSalaryTabClickNone(1); + }); + } + + // Slider linear gradient and slider value and input value code start + var sliderValues = document.querySelectorAll(".slider-value"); + + sliderValues.forEach(function (sliderValue) { + var sliderId = sliderValue.dataset.slider; + var myRangeSlider = document.getElementById(sliderId); + var calInput = myRangeSlider.dataset.calInput; + + sliderValue.value = formatIndianNumber(myRangeSlider.value); + + myRangeSlider.addEventListener("input", function () { + updateInputValue(); + sliderValue.value = formatIndianNumber(myRangeSlider.value); + }); + + sliderValue.addEventListener("focusout", function () { + var parsedValue = parseFloat(sliderValue.value.replaceAll(",", "")) || 0; + var minValue = parseFloat(myRangeSlider.min); + var maxValue = parseFloat(myRangeSlider.max); + if (parsedValue < minValue) { + parsedValue = minValue; + } + if (parsedValue > maxValue) { + parsedValue = maxValue; + } + myRangeSlider.value = parsedValue; + if (this.dataset.calInput === "roi") { + sliderValue.value = parseFloat(parsedValue); + } else { + sliderValue.value = formatIndianNumber(parsedValue); + } + updateInputValue(); + + sliderValue.dispatchEvent(new Event("change", { bubbles: true })); + }); + + function updateInputValue() { + var valPercent = ((myRangeSlider.value - myRangeSlider.min) / (myRangeSlider.max - myRangeSlider.min)) * 100; + myRangeSlider.style.background = `linear-gradient(90deg, #da4d34 ${valPercent}%, #dbd7d8 ${valPercent}%)`; + } + + myRangeSlider.dispatchEvent(new Event("input")); + + function formatIndianNumber(value) { + // let newvalue = value.replace(/,/g, ""); + let val = value; + return isNaN(Number(val)) ? 0 : currenyCommaSeperation(val); + } + + sliderValue.addEventListener("input", function (number) { + var inputValue = sliderValue.value; + + // Remove non-numeric characters except the decimal point + var cleanedValue = inputValue.replace(/[^\d.]/g, ""); + let inputType = this.dataset.calInput; + // not accept decimal point + + var parsedValue = cleanedValue; + cleanedValue = String(cleanedValue); + + if (inputType === "roi") { + parsedValue = parsedValue; + } else if (inputType === "tenure") { + parsedValue = cleanedValue.replace(/\./g, "").replaceAll(",", ""); + } else { + parsedValue = formatIndianNumber(parsedValue); + } + + sliderValue.value = parsedValue; + }); + + sliderValue.addEventListener("change", function (e) { + var inputValue = sliderValue.value; + + // Remove non-numeric characters except the decimal point + var cleanedValue = inputValue.replace(/[^\d.]/g, ""); + let inputType = this.dataset.calInput; + // not accept decimal point + + var minValue = parseFloat(myRangeSlider.min); + var maxValue = parseFloat(myRangeSlider.max); + + if (cleanedValue < minValue) { + cleanedValue = minValue; + } + if (cleanedValue > maxValue) { + cleanedValue = maxValue; + } + + var parsedValue = String(cleanedValue); + + if (inputType === "roi") { + parsedValue = parsedValue; + } else if (inputType === "tenure") { + parsedValue = parsedValue.replace(/\./g, "").replaceAll(",", ""); + } else { + parsedValue = formatIndianNumber(parsedValue); + } + + sliderValue.value = parsedValue; + myRangeSlider.value = cleanedValue; + updateInputValue(); + }); + }); + + // Slider linear gradient and slider value and input value code end +} diff --git a/blocks/emiandeligiblitycalc/overlayCalculator.js b/blocks/emiandeligiblitycalc/overlayCalculator.js new file mode 100644 index 0000000000..0c79f11e3d --- /dev/null +++ b/blocks/emiandeligiblitycalc/overlayCalculator.js @@ -0,0 +1,60 @@ +import { resetCalculator } from "./resetCalculator.js"; +// import { renderCalculatorData } from "./renderhpcal.js"; + +export default function overlayCalculator() { + var emiCalDiv = document.querySelector(".cmp-teaser--emicalculatorteaser"); + var elgCalDiv = document.querySelector(".cmp-teaser--elgcalculatorteaser"); + var emiOverlay = document.querySelector(".cmp-container--emicaloverlay"); + var elgOverlay = document.querySelector(".cmp-container--elgcaloverlay"); + var overlay = document.querySelector(".modal-overlay"); + + let calculatorType = ""; + if (emiCalDiv) { + emiCalDiv.addEventListener("click", function (element) { + if (!emiOverlay.classList.contains("show")) { + calculatorType = "emi"; + emiOverlay.classList.add("show"); + overlay.classList.add("show"); + document.body.style.overflow = "hidden"; + renderCalculatorData(calculatorType); + firstTabActive(); + } else { + emiOverlay.classList.remove("show"); + overlay.classList.remove("show"); + document.body.style.overflow = "auto"; + } + }); + } + if (elgCalDiv) { + elgCalDiv.addEventListener("click", function (element) { + if (!elgOverlay.classList.contains("show")) { + calculatorType = "eligibility"; + elgOverlay.classList.add("show"); + overlay.classList.add("show"); + document.body.style.overflow = "hidden"; + renderCalculatorData(calculatorType); + firstTabActive(); + } else { + elgOverlay.classList.remove("show"); + overlay.classList.remove("show"); + + document.body.style.overflow = "auto"; + } + }); + } + + overlay.addEventListener("click", function () { + overlay.classList.remove("show"); + document.body.style.overflow = "auto"; + emiOverlay.classList.remove("show"); + elgOverlay.classList.remove("show"); + }); + +function firstTabActive() { + let calculator = document.querySelector(".overlayDiv.show .homeloancalculator"); + let firstTab = calculator.querySelector(".tab-emi-calc"); + let firstCalDiv = calculator.querySelector(".emicalculator"); + resetCalculator(firstCalDiv); + firstTab.click(); + } +} diff --git a/blocks/emiandeligiblitycalc/renderemielical.js b/blocks/emiandeligiblitycalc/renderemielical.js new file mode 100644 index 0000000000..d3f745b1dc --- /dev/null +++ b/blocks/emiandeligiblitycalc/renderemielical.js @@ -0,0 +1,30 @@ +import { workflowHomeLoanCalculation } from "./calhelpers.js"; + +window.addEventListener("DOMContentLoaded", function(){ + let calculators = document.querySelectorAll(".homeloancalculator"); + calculators.forEach(cal => {renderCalculatorData(cal)}); +}); + +function renderCalculatorData(calculator) { + let calType = getCalType(calculator); + + workflowHomeLoanCalculation(calculator, calType); + + calculator.addEventListener("change", function({currentTarget}) { + let calType = getCalType(currentTarget); + workflowHomeLoanCalculation(currentTarget, calType); + }); + + if(calType != "emi") { + let calTabs = calculator.querySelectorAll(".onetab, .twotab"); + calTabs.forEach(t => t.addEventListener("click", function({currentTarget}){ + let calculator = currentTarget.closest(".homeloancalculator"); + let calType = getCalType(calculator); + workflowHomeLoanCalculation(calculator, calType); + })); + } +} + +function getCalType(calculator) { + return calculator.querySelector(".home-loan-calculator-parent.emi") ? "emi" : "eligibility" +} \ No newline at end of file diff --git a/blocks/emiandeligiblitycalc/renderhpcal.js b/blocks/emiandeligiblitycalc/renderhpcal.js new file mode 100644 index 0000000000..bfb14cc6a6 --- /dev/null +++ b/blocks/emiandeligiblitycalc/renderhpcal.js @@ -0,0 +1,69 @@ +import { workflowHomeLoanCalculation } from "../emiandeligiblitycalc/calhelpers.js"; + +export function renderCalculatorData(calType) { + let calculators = document.querySelector(".overlayDiv.show .homeloancalculator .calctabs").children; + let currentCalculator = Array.from(calculators).filter((element) => element.style.display != "none")[0]; + if (currentCalculator == null) return; + + workflowHomeLoanCalculation(currentCalculator, calType); + trackCalTabClick(currentCalculator, calType); + onInputCalculate(currentCalculator, calType); + innerTabClick(calType); +} + +function trackCalTabClick(currentCalculator, calType) { + let mainComponent = document.querySelector(".overlayDiv.show .homeloancalculator"); + let calTabs = mainComponent.querySelectorAll(".onetab, .twotab"); + + if (mainComponent.dataset.calTabClickEvent == null) { + mainComponent.dataset.calTabClickEvent = true; + calTabs.forEach((element) => + element.addEventListener("click", function () { + let calculators = document.querySelector(".overlayDiv.show .homeloancalculator .calctabs").children; + let currentCalculator = Array.from(calculators).filter((element) => element.style.display != "none")[0]; + if (currentCalculator == null) return; + workflowHomeLoanCalculation(currentCalculator, calType); + }) + ); + } +} + +function onInputCalculate(currentCalculator, calType) { + let mainComponent = document.querySelector(".overlayDiv.show .homeloancalculator"); + + if (mainComponent.dataset.calInputEvent == null) { + mainComponent.dataset.calInputEvent = true; + mainComponent.addEventListener("change", function ({ target }) { + if (target.tagName != "INPUT") return; + let currentCalculator = target.closest(".commoncalculator"); + workflowHomeLoanCalculation(currentCalculator, calType); + }); + } +} + +function innerTabClick(calType) { + let mainComponent = document.querySelector(".overlayDiv.show .homeloancalculator"); + let tabs = mainComponent.querySelectorAll(".tab-common"); + if (mainComponent.dataset.innerTabClick) return; + mainComponent.dataset.innerTabClick = true; + + let productTypeInput = mainComponent.querySelector("#calculator-product-type"); + + tabs.forEach((t) => + t.addEventListener("click", function ({ currentTarget }) { + if (currentTarget.classList.contains("tab-eligibility-calc")) { + productTypeInput.value = "bl"; + mainComponent.querySelector("[data-cal-foir=biz]").click(); + mainComponent.querySelector("#salaryTab").style.display = "none"; + mainComponent.querySelector("#businessTab").style["borderRadius"] = "0px 12px 0px 0px"; + } else { + productTypeInput.value = "hl"; + mainComponent.querySelector("#salaryTab").style.display = "block"; + mainComponent.querySelector("#businessTab").style["borderRadius"] = "12px 0px 0px 0px"; + + mainComponent.querySelector("[data-cal-foir=salaried]").click(); + } + // renderCalculatorData(calType); + }) + ); +} diff --git a/blocks/emiandeligiblitycalc/resetCalculator.js b/blocks/emiandeligiblitycalc/resetCalculator.js new file mode 100644 index 0000000000..52a0c43604 --- /dev/null +++ b/blocks/emiandeligiblitycalc/resetCalculator.js @@ -0,0 +1,16 @@ +export function resetCalculator(calculator) { + let calDefaultValueObj = JSON.parse(sessionStorage.getItem("calDefaultValueObj")); + + let calId = calculator.dataset.resetId; + + if(calDefaultValueObj == null) return; + let calObj = calDefaultValueObj[calId] || {}; + + for(let id in calObj) { + let rangeInput = calculator.querySelector("[id=" + id + "]"); + rangeInput.value = calObj[id]; + rangeInput.dispatchEvent(new Event("input", {bubbles: true})); + } + + // calculator.dispatchEvent(new Event("change", {bubbles: true})); +} \ No newline at end of file diff --git a/blocks/emiandeligiblitycalc/templatehtml.js b/blocks/emiandeligiblitycalc/templatehtml.js new file mode 100644 index 0000000000..b2e5949644 --- /dev/null +++ b/blocks/emiandeligiblitycalc/templatehtml.js @@ -0,0 +1,210 @@ +export function CalcHTM(callJson) { + const salaried = callJson.data[0].salaried.salariedcheck + ? ` +
  • +
    +
    + + +
    +
    + +
    +
    +
    +
    + ${callJson.data[0].salaried.calculatorsalariedimgalt} +
    + +
    +
    • ` + : ""; + + const business = callJson.data[0].business.businesscheck + ? ` +
  • +
    +
    + + +
    +
    + +
    +
    + +
    +
    + ${callJson.data[0].business.calculatorbusinessimgalt} +
    +
    + +
    • ` + : ""; + + let emiinputdiv = ""; + callJson.data[0]["chechboxemiobj"]["chechboxemi"] && + callJson.data[0]["chechboxemiobj"].loanamout.forEach(function (each, index) { + emiinputdiv += `
    +
    + + +
    + + ${each.rupeesign} + + + + + ${each.labelyearsvalue} + +
    +
    +
    + +
    + ${each.minvaluetext} + ${each.maxvaluetext} +
    +
    +
    `; + }); + + const rightSideAmount = callJson.data[0].principaltext + ? `
    +
    +

    ${callJson.data[0].principaltext}

    +

    ₹25,00,000 +

    +
    +
    +

    ${callJson.data[0].interesttext}

    +

    ₹16,32,560 +

    +
    +
    ` + : ""; + + const emidiv = callJson.data[0].chechboxemiobj.chechboxemi + ? ` +
    +
    +
    + ${emiinputdiv} +
    +
    +
    +
    + calendar + calendar + +

    + ${callJson.data[0].outputtext} +

    +
    ₹34,438/-
    + +
    + + ${rightSideAmount} + +
    +
    +
    +
    ` + : ""; + + return ` +
    +
    +
    +
    +

    ${callJson.data[0].title}

    +
    +
    +
    +
    + +
    +
      + + ${salaried} + + ${business} + +
    +
    +
    + +
    +
    +
    +
    +

    ${callJson.data[0].selectloantype.subheading}

    +

    ${callJson.data[0].selectloantype.subheadingtow}

    +
    +
    +
      + + +
    • +

      ${callJson.data[0].tabname.firsttabbname}

      +
      • + +
    • +

      ${callJson.data[0].tabname.secondtabbname}

      +
      • + +
    • +

      ${callJson.data[0].tabname.thridtabname}

      +
      • + + +
    +
    +
    + + + ${emidiv} + +
    + +
    + + + + + + + + + + +
    +
    +
    +
    + +
    + + +
    +
    +
    + `; +} diff --git a/blocks/experiencefragment/experiencefragment.css b/blocks/experiencefragment/experiencefragment.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/experiencefragment/experiencefragment.js b/blocks/experiencefragment/experiencefragment.js new file mode 100644 index 0000000000..15c88828fe --- /dev/null +++ b/blocks/experiencefragment/experiencefragment.js @@ -0,0 +1,29 @@ + +export default async function decorate(blocks) { + try { + const blockProps = Array.from(blocks.children, (row) => row.firstElementChild); + const [xfPath, xfAuhtorURL] = blockProps; + const xfURLLink = xfPath.querySelector('a').textContent.trim(); + const xfAuhorLink = xfAuhtorURL.querySelector('a').textContent.trim(); + const xfFragemntData = await fetch(`${xfAuhorLink}${xfURLLink}/master.html`); + let xfResponseawait = await xfFragemntData.text(); + const currUrl = new URL(location.href); + xfResponseawait = xfResponseawait.replace(/\/etc.clientlibs/g, xfAuhorLink + "/etc.clientlibs") + const xfDiv = document.createElement('div'); + xfDiv.innerHTML = xfResponseawait; + blocks.innerHTML = '' + blocks.append(xfDiv); + /* document.querySelectorAll('.overlayDiv') && document.querySelectorAll('.overlayDiv').forEach(function (eachOverlay) { + eachOverlay.classList.remove('overlayDiv'); + }); */ + /* setTimeout(function () { + xfDiv.querySelectorAll("script").forEach(function (script) { + const newscript = document.createElement("script"); + newscript.src = script.src; + blocks.append(newscript); + }) + }, 1000); */ + } catch (error) { + console.error(error); + } +} \ No newline at end of file diff --git a/blocks/financialreports/financialreports.css b/blocks/financialreports/financialreports.css new file mode 100644 index 0000000000..6786363463 --- /dev/null +++ b/blocks/financialreports/financialreports.css @@ -0,0 +1,400 @@ +/*--------------accordianpdf CSS Starts----------------*/ +/* .accordianpdf { + margin-top: 16px; + + .created-date { + font-size: 12px; + font-family: nunito-regular; + line-height: 24px; + margin-bottom: 4px; + display: block; + } +} */ + +/* .accordianpdf .accordianBox{ display: none;} +.accordianpdf .subAccordianBox { + padding: 0px; + margin-bottom: 16px; +} + +.accordianpdf .subAccordianWrap .subAccordianContent { + position: relative; + display: none; +} + +.accordianpdf .publicDisclosuresWrap ul { + border-color: #cccccc; + border-style: solid; + border-width: 1px 1px 0px 1px; +} + +.accordianpdf .publicDisclosuresWrap ul li { + background: #ffffff; + border-bottom: 1px solid #cccccc; + position: relative; +} + +.accordianpdf .publicDisclosuresWrap ul li a { + padding: 12px 40px; + position: relative; + display: block; + font-family: nunito-regular; + font-size: 16px; + line-height: 24px; + cursor: pointer; + + @include lowerTablet() { + font-size: 12px; + line-height: 18px; + padding: 12px 25px; + } + + &::after { + content: "\f1c1"; + font-family: "FontAwesome"; + position: absolute; + right: 24px; + top: 50%; + transform: translateY(-50%); + } + + &:hover { + color: #f26841; + } +} + + +@media (max-width:1300px) { + .accordianpdf { + padding-top: 20px; + } + + .accordianpdf .accordianContent { + // padding-top: 35px; + } + +} */ + + +/* @media (max-width: 767px) { + + .accordianpdf .accordianContent { + // padding-top: 45px; + } + + .accordianpdf { + padding-top: 0px; + } + + .accordianpdf .publicDisclosuresWrap ul li a { + padding: 20px 60px 20px 40px; + + @include lowerTablet() { + padding: 12px 50px 12px 18px; + } + } + + .accordianpdf .publicDisclosuresWrap ul li a:before { + left: 5px; + } +} */ + +/*--------------accordianpdf CSS End----------------*/ + +/* .innersubAccordianContent { + padding-left: 18px; + margin-top: 10px; + padding-bottom: 10px; + + @include lowerTablet() { + padding-left: 10px; + } +} + +.innerSubAccordianData { + display: none; +} + +.accordianpdf { + .subAccordianBox { + + .subAccordianTitle, + .subAccordianLink, + .innersubAccordianTitle { + font-family: nunito-regular; + font-size: 16px; + line-height: 24px; + color: darkcharcoal; + display: block; + position: relative; + background: #f8f8f8; + padding: 20px 50px 20px 16px; + border-radius: 4px; + + @include lowerTablet() { + padding: 20px 50px 20px 16px; + } + + &:hover { + text-decoration: none; + } + } + + .subAccordianTitle, + .innersubAccordianTitle { + &:after { + position: absolute; + content: '+'; + font-family: nunito-extrabold; + font-size: 28px; + font-weight: 800; + right: 24px; + width: 12px; + height: 2px; + color: black; + } + } + + .innersubAccordianTitle { + padding: 16px 50px 16px 18px; + } + + .subAccordianLink { + &::after { + content: "\f1c1"; + font-family: "FontAwesome"; + position: absolute; + right: 24px; + top: 50%; + transform: translateY(-50%); + } + + &:hover { + background: #f26841; + color: #fff; + } + } + + .innerSubAccordianData { + a { + font-family: nunito-regular; + font-size: 16px; + line-height: 24px; + cursor: pointer; + + @include lowerTablet() { + font-size: 12px; + line-height: 18px; + } + + &::after { + content: "\f1c1"; + font-family: "FontAwesome"; + position: absolute; + right: 24px; + top: 50%; + transform: translateY(-50%); + } + + &:hover { + color: #f26841; + } + } + } + } + + .subAccordianBox.active { + + .subAccordianTitle, + .innersubAccordianContent.active .innersubAccordianTitle { + background: #f26841; + color: #fff; + + &::after { + content: "-"; + color: #fff; + } + } + } +} + +.accordianpdf-null-data { + display: none; +} + +.accordianpdf .publicDisclosuresWrap ul.grey-border { + border: 1px solid #cccccc; +} */ + + + +/* financial reports start */ + +.section.financial-report-content-wrap .default-content-wrapper h2 { + color: var(--orange); + font-family: Nunito-Extrabold, sans-serif; + font-size: 28px; + font-weight: 800; + line-height: 42px; + margin: 24px 0; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section { + margin-bottom: 16px; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .innersubAccordianTitle { + text-decoration: none; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianTitle { + background: var(--whitesmoke); + border-radius: 4px; + color: #333; + display: block; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + line-height: 24px; + padding: 20px 50px 20px 16px; + position: relative; + text-decoration: none; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox.active .subAccordianTitle { + background: #f26841; + color: #fff; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox.active .subAccordianTitle::after { + color: white; +} + + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianTitle::after { + color: #000; + content: "+"; + font-family: Nunito-Extrabold, sans-serif; + font-size: 28px; + font-weight: 800; + height: 2px; + position: absolute; + right: 24px; + width: 12px; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox.active .subAccordianTitle::after { + color: #fff; + content: "-"; +} + +/* .section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap { + border: 1px solid #ccc; +} */ + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap .innersubAccordianContent { + margin-top: 10px; + padding-bottom: 10px; + padding-left: 18px; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap .innersubAccordianContent .innersubAccordianTitle { + background: #f8f8f8; + border-radius: 4px; + color: #333; + display: block; + font-family: Nunito-Regular, sans-serif; + font-size: 1pc; + line-height: 24px; + position: relative; + padding: 1pc 50px 1pc 18px; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap .innersubAccordianContent.active .innersubAccordianTitle { + background: #f26841; + color: #fff; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap .innersubAccordianContent .innersubAccordianTitle::after { + color: #000; + content: "+"; + font-family: Nunito-Extrabold, sans-serif; + font-size: 28px; + font-weight: 800; + width: 12px; + height: 2px; + position: absolute; + right: 24px; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap .innersubAccordianContent.active .innersubAccordianTitle::after { + color: #fff; + content: "-"; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap.innerSubAccordianData { + position: relative; + border: solid #ccc; + border-width: 1px 1px 0; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap.innerSubAccordianData>ul>li { + padding: 9pt 40px; + position: relative; + border-bottom: 1px solid #ccc; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap.innerSubAccordianData>ul>li>a { + position: relative; + cursor: pointer; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + line-height: 24px; + color: #000; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap.innerSubAccordianData>ul>li::after { + content: ""; + font-family: FontAwesome; + position: absolute; + right: 24px; + top: 25%; + +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap.innerSubAccordianData>ul>li>a:hover { + color: #f26841; + text-decoration: none; +} + +.section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .grey-border { + border: 1px solid #ccc; + display: none; +} + +.dsp_block { + display: block !important; +} + +@media screen and (max-width: 768px) { + .section.financial-report-content-wrap .default-content-wrapper h2 { + font-size: 18px; + line-height: 27px; + margin: 40px 0 14px; + } + + .section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap .innersubAccordianContent { + padding-left: 10px; + } + + .section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap.innerSubAccordianData>ul>li { + padding: 12px 50px 9pt 18px; + } + + .section.financial-report-content-wrap .financialreports-wrapper .financialreports .accordianpdf-section .container .accordianContent .accordianBox .subAccordianWrap .subAccordianBox .subAccordianContent .publicDisclosuresWrap.innerSubAccordianData>ul>li>a { + font-size: 12px; + line-height: 18px; + } +} + + +/* financial reports end */ \ No newline at end of file diff --git a/blocks/financialreports/financialreports.js b/blocks/financialreports/financialreports.js new file mode 100644 index 0000000000..23067cfe2b --- /dev/null +++ b/blocks/financialreports/financialreports.js @@ -0,0 +1,146 @@ +import { fetchAPI, getProps, renderHelper } from "../../scripts/scripts.js"; + +export default async function decorate(block) { + const props = getProps(block); + const [url, type] = props; + block.innerHTML = ""; + try { + const resp = await fetchAPI("GET", url); + const data = await resp.json(); + const years = data.result[0]; + Object.keys(years).forEach(function (year) { + const months = years[year][0]; + let monthsli = ''; + Object.keys(months).forEach(function (month) { + monthsli += ` +
    +
    +
    + ${month} + +
    +
    +
    + `; + }); + block.innerHTML += ` +
    +
    +
    +
    +
    +
    + ${year} + +
    +
    +
    +
    +
    +
    + ` + }) + + // Set initial display to none for all subAccordianContent elements + var subAccordianContents = block.querySelectorAll('.subAccordianContent'); + subAccordianContents.forEach(function (content) { + content.style.display = 'none'; + }); + + + // Function to handle click on main accordion titles + function handleMainAccordionClick(event) { + var parent = event.target.parentNode; + var siblings = getSiblings(parent); + + parent.classList.toggle('active'); + siblings.forEach(function (sibling) { + sibling.classList.remove('active'); + }); + + var content = parent.querySelectorAll('.subAccordianContent'); + content.forEach(function (el) { + var computedStyle = window.getComputedStyle(el); + el.parentElement.style.display = computedStyle.getPropertyValue('display') === 'none' ? 'block' : 'none'; + el.style.display = computedStyle.getPropertyValue('display') === 'none' ? 'block' : 'none'; + }) + + siblings.forEach(function (sibling) { + var siblingContent = sibling.querySelector('.subAccordianContent'); + var siblingComputedStyle = window.getComputedStyle(siblingContent); + if (siblingComputedStyle.getPropertyValue('display') === 'block') { + siblingContent.style.display = 'none'; + } + }); + } + + + // Event listeners for main accordion titles + var mainAccordionTitles = block.querySelectorAll('.subAccordianTitle'); + mainAccordionTitles.forEach(function (title) { + title.addEventListener('click', handleMainAccordionClick); + }); + + + + // Event listeners for inner accordion titles + var innerAccordionTitles = block.querySelectorAll('.innersubAccordianTitle'); + innerAccordionTitles.forEach(function (title) { + title.addEventListener('click', handleInnerAccordionClick); + }); + } catch (error) { + console.error(error); + } + // renderHelper() +} + +// import { getSiblings, handleInnerAccordionClick } from "./accordianclick"; +// Function to handle click on inner accordion titles +export function handleInnerAccordionClick(event) { + var parent = event.target.parentNode; + var siblings = getSiblings(parent); + + parent.classList.toggle('active'); + siblings.forEach(function (sibling) { + sibling.classList.remove('active'); + }); + + var content = parent.querySelector('.innerSubAccordianData'); + var computedStyle = window.getComputedStyle(content); + content.style.display = computedStyle.getPropertyValue('display') === 'none' ? 'block' : 'none'; + + siblings.forEach(function (sibling) { + var siblingContent = sibling.querySelector('.innerSubAccordianData'); + var siblingComputedStyle = window.getComputedStyle(siblingContent); + if (siblingComputedStyle.getPropertyValue('display') === 'block') { + siblingContent.style.display = 'none'; + } + }); +} + +// Function to get siblings of an element +export function getSiblings(elem) { + var siblings = []; + var sibling = elem.parentNode.firstChild; + for (; sibling; sibling = sibling.nextSibling) { + if (sibling.nodeType === 1 && sibling !== elem) { + siblings.push(sibling); + } + } + return siblings; +} \ No newline at end of file diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css index 1976b73423..f9a4dd3109 100644 --- a/blocks/footer/footer.css +++ b/blocks/footer/footer.css @@ -1,4 +1,4 @@ -footer { +/* footer { padding: 2rem; background-color: var(--light-color); font-size: var(--body-font-size-s); @@ -11,4 +11,422 @@ footer .footer { footer .footer p { margin: 0; +} */ + +footer.footer-wrapper { + padding: 0px; + background: #365069 !important; +} +/* Footer Background Color */ + +/* Footer max Width Container */ +footer.footer-wrapper .footer { + margin: 0 auto; + max-width: 1240px; + padding: 48px 12px; +} +.footer-wrapper p { + color: #fff; +} + +.footer-section-first { + border-bottom: 1px solid rgb(94 115 119); +} +.footer-section-second { + border-bottom: 1px solid rgb(94 115 119); + padding: 1rem; +} +.footer-section-third { + border-bottom: 1px solid rgb(94 115 119); + padding: 1.5rem 0; + display: flex; + align-items: center; + justify-content: space-between; +} +.footer-section-second { + border-bottom: 1px solid rgb(94 115 119); + padding: 1rem 0; +} +.footer-section-first .columns-img-col { + margin-bottom: 30px; +} +.footer-section-first .columns-img-col img { + width: 9.5rem; + height: 4.25rem; +} + +.footer-section-first .columns-wrapper p { + font-size: 1rem; + line-height: 1.5rem; + font-weight: 700; + color: #fff; + text-align: right; + margin-right: 20%; + position: relative; +} +.footer-section-first .columns-wrapper p sup{ + background-color: #41C672; + color: #fff; + font-size: 12px; + font-family: 'Nunito-Bold'; + padding: 6px 10px; + min-height: 24px; + width: 50px; + line-height: 12px; + display: flex; + border-radius: 4px; + position: absolute; + bottom: 0px; + margin-right: 6px; + right: 23%; + text-align: center; + 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; +} +/* .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; + line-height: 2.375rem; + font-family: "Nunito-Bold"; + margin: unset; +} + +.footer-section-third + .imgwithlink-wrapper + .image-href-desktop + > a + > picture + > img { + height: 2.375rem; + margin-left: 1rem; + 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; + margin: unset; + font-family: "Nunito-Regular"; +} +.footer-section-four .default-content-wrapper p { + color: #afb9c3; + font-family: Nunito-Regular, sans-serif; + font-size: 14px; + line-height: 20px; + margin-top: 6px; + text-align: center; +} +.footer-section-four .default-content-wrapper p:first-child{ + font-family: "Nunito-bold"; + font-size: 16px; + margin-bottom: 26px; + line-height: 32px; +} + +.footer-section-second .columns > div { + align-items: unset; +} +.footer-section-second ul > li > p { + font-size: 18px; + font-weight: 700; + color: #fff; + padding-bottom: 8px; + font-family: nunito-bold; +} + +.footer-section-second ul > li > ul > li { + font-size: 16px; + color: #fff; + margin-top: 0.5rem; + font-family: nunito-regular; +} + +.footer-section-second ul > li::marker { + color: transparent; +} +.footer-section-second .columns-4-cols ul:first-child, +.footer-section-second .columns-2-cols ul:first-child{ + margin-top: 2.5rem; +} +.footer-section-second .columns-2-cols ul li p:first-child{ + padding-bottom: 8px; +} +.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; +} +.footer-section-four .columns-wrapper .columns-3-cols{ + margin-top: 24px; + margin-bottom: 48px; +} +.footer-section-four .columns-wrapper .columns-3-cols .columns-img-col{ + gap: 32px; +} +.footer-section-four .default-content-wrapper{ + 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; + display: flex; + flex-wrap: wrap; + justify-content: center; + row-gap: 32px; +} +.footer-section-four.columns-container .default-content-wrapper{ + padding-top: 48px; +} +.footer-section-four.columns-container .columns > div > div { + flex: unset; +} +.footer-section-third{ + display: grid; + grid-template-columns: 13% 13% 40% 1fr; +} +.footer-section-third .default-content-wrapper p a{ + color: #f58667; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; + margin-left: 16px; + text-decoration: none; +} +.footer-section-second{ + display: grid; + gap: 2px; + grid-template-columns: repeat(2, minmax(0, 1fr)); +} +.footer-section-second .columns-wrapper:first-child{ + grid-column: span 3 / span 3; +} +@media screen and (max-width: 767.99px) { + .footer-wrapper .footer { + padding: 1.5rem 1rem; + } + .footer-wrapper .footer-section-first .columns-img-col img { + width: 85px; + height: 38px; + } + .footer-section-first .columns > div { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + } + .footer-section-first .columns > div > div p { + font-size: 12px; + width: 100%; + margin-left: auto; + } + .footer-section-second ul > li > p { + font-size: 0.875rem; + line-height: 1.25rem; + font-weight: 700; + color: #fff; + } + .footer-section-second ul > li > ul > li { + font-size: 0.75rem; + line-height: 1rem; + color: #fff; + /* margin-left: -40px; */ + margin-top: 0.5rem; + } + .footer-section-second .columns > div { + display: flex; + flex-wrap: wrap; + flex-direction: row; + } + .footer-section-four .columns > div { + display: flex; + flex-direction: row; + justify-content: space-evenly; + } + .footer-section-four .columns img { + width: 100%; + height: 1.5rem; + } + .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%; + } + .footer-section-second ul > li > ul { + margin-top: 10px 0; + } + .footer-section-second .columns > div > div > ul { + 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-first .columns > div > div:last-child { + margin-right: 20%; + } + .footer-section-second .columns-2-cols ul li p:first-child{ + padding-bottom: unset; + } + .footer-section-third .imgwithlink-wrapper .imgwithlink .image-href-mobile img{ + height: 2.375rem; + width: 100%; + } + .footer-section-third { + flex-direction: column; + } + .footer-section-second ul > li > ul > li{ + color: #fff; + font-family: Nunito-Regular, sans-serif; + font-size: 12px; + line-height: 16px; + margin-top: unset; + } + .footer-section-second .columns-wrapper{ + grid-column: span 6 / span 6; + } + .footer-section-four.columns-container .columns-wrapper .columns-6-cols div{ + column-gap: 32px; + } + .footer-section-four .default-content-wrapper p:first-child{ + margin-bottom: 16px; + font-size: 14px; + } + .footer-section-four.columns-container .default-content-wrapper{ + padding-top: 24px; + } + .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-second .columns-4-cols ul:first-child{ + margin-top: 24px; + } + .footer-section-second{ + padding-top: unset; + } + .footer-section-first .columns > div > .columns-img-col{ + margin-bottom: unset; + } + .footer-section-first{ + padding: 24px 0; + } + .footer-section-first .columns > div > div:last-child{ + margin-right: 10%; + } + .footer-section-first .columns-wrapper p sup{ + background-color: #41C672; + color: #fff; + font-size: 12px; + font-family: 'Nunito-Bold'; + padding: 6px 10px; + min-height: 24px; + width: 50px; + line-height: 12px; + display: flex; + border-radius: 4px; + position: absolute; + bottom: 0px; + margin-right: 6px; + text-align: center; + justify-content: center; + right: 77px; + } +} + +@media screen and (max-width: 1400px) { + footer.footer-wrapper .footer { + max-width: 76.1%; + } +} + +@media screen and (max-width: 1024px) { + footer.footer-wrapper .footer { + max-width: 100% ; + padding: 0 16px; + } + .footer-section-four.columns-container .default-content-wrapper p :last-child{ + display: none; + } + .footer-section-second ul > li > ul{ + display: flex; + flex-direction: column; + gap: 8px; + } + .footer-section-four .columns-wrapper .columns .columns-img-col picture img{ + height: 25px; + width: 25px; + } +} \ No newline at end of file diff --git a/blocks/header/header.css b/blocks/header/header.css index 741e2da19e..53c61fcf65 100644 --- a/blocks/header/header.css +++ b/blocks/header/header.css @@ -80,7 +80,7 @@ header nav .nav-hamburger button { header nav .nav-hamburger-icon, header nav .nav-hamburger-icon::before, -header nav .nav-hamburger-icon::after { +header nav .nav-hamburger-icon::after{ box-sizing: border-box; display: block; position: relative; @@ -131,11 +131,11 @@ header nav[aria-expanded='true'] .nav-hamburger-icon::after { transform: rotate(-45deg); } +header nav .nav-hamburger { + display: none; + visibility: hidden; +} @media (width >= 900px) { - header nav .nav-hamburger { - display: none; - visibility: hidden; - } } /* brand */ @@ -273,3 +273,489 @@ header nav .nav-sections ul > li > ul > li { header nav .nav-tools { grid-area: tools; } + +/* header custom css */ + +header nav .nav-sections .nav-drop::after{ + content: none !important; +} + +.header-wrapper .nav-wrapper{ + position: relative; +} + +.header-wrapper .nav-wrapper { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + height: 112px; + background-color: #fff; + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; + display: flex; + align-items: center; + flex-wrap: nowrap; + justify-content: flex-start; +} + +.header-wrapper .nav-wrapper nav { + display: flex; + justify-content: space-between; + max-width: 1240px; + width: 100%; + margin: 0 auto; + gap: 0; + padding: 0; +} + +.header-wrapper .nav-wrapper nav .nav-sections { + display: flex; + flex-basis: auto; + background-color: #fff; + flex-grow: 1; + align-items: center; +} + +.header-wrapper .nav-wrapper nav .nav-brand .default-content-wrapper>p>picture>img { + max-width: 108px; + display: inline-block; + margin-right: 16px; + padding-top: 5px; + padding-bottom: 5px; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper { + margin-left: auto; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul { + gap: unset; + align-items: center; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li { + position: unset; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>p { + margin-right: 1rem; + padding: 8px 8px 8px 8px; + position: relative; + color: var(--darkcharcoal); + cursor: pointer; + font-family: 'Nunito-Bold',sans-serif; + font-size: 16px; + line-height: 24px; + text-decoration: none; +} +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>p sup{ + background-color: #41c672; + color: #fff; + font-size: 10px; + font-family: 'Nunito-Bold'; + padding: 2px 4px; + height: 18px; + width: 33px; + line-height: 12px; + display: flex; + align-items: center; + border-radius: 4px; + position: absolute; + bottom: 32px; +} +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop { + position: unset; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop { + padding-right: 20px; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul { + width: 100%; + left: 0; + padding: 0 8.7%; + background-color: rgb(239 239 239); + position: absolute; + top: 100%; + margin-top: 0; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul>li { + width: 25%; + display: flex; + flex-wrap: wrap; + padding-left: 8px; + padding-right: 8px; + height: max-content; + color: var(--darkcharcoal); + font-family: 'Nunito-Bold',sans-serif; + font-size: 16px; + font-weight: 700; + line-height: 24px; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul>li>p { + font-family: 'Nunito-Bold', sans-serif; + font-size: 16px; + font-weight: 700; + line-height: 24px; + margin-left: 10px; + height: max-content; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul>li>ul { + display: block; + width: 100%; + margin-top: 12px; + margin-left: 10px; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul>li>ul>li { + font-family: 'Nunito-Regular', sans-serif; + font-size: 14px; + margin-bottom: 12px; + color: rgb(51 51 51); + font-weight: 300; + line-height: normal; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li[aria-expanded="true"]>ul { + display: flex; + flex-wrap: wrap; + gap: unset; + padding-top: 1rem; + padding-bottom: 1rem; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop>p { + position: relative; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop>p::after { + content: ''; + display: inline-block; + position: absolute; + top: 13px; + right: -15px; + transform: rotate(135deg); + width: 8px; + height: 8px; + transition-duration: .5s; + border: 2px solid currentcolor; + border-radius: 0 1px 0 0; + border-width: 2px 2px 0 0; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop>p:last-child::after{ + top: 30px; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop[aria-expanded="true"]>p::after { + top: unset; + bottom: 13px; + transform: rotate(315deg); +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop[aria-expanded="true"]>p::before { + content: ""; + position: absolute; + left: 0; + bottom: -36px; + width: calc(100% + 15px); + height: 2px; + background-color: #f26841; + transition: all ease 0.3s; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul>li>ul>li:hover { + color: rgb(242 104 65); +} + + +/* @media screen and (min-width: 768px) { + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop[aria-expanded="true"]>picture::before { + content: ""; + position: absolute; + left: 0; + bottom: -35px; + width: calc(100% + 15px); + height: 2.5px; + background-color: #f26841; + transition: all ease 0.3s; + } +} */ +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li:last-child p{ + align-items: center; + color: #333; + cursor: pointer; + font-family: Nunito-Bold, sans-serif; + font-size: 16px; + font-weight: 600; + line-height: 24px; + text-decoration: none; + padding: 9px 6px; +} +.login-button-wrapper .default-content-wrapper { + 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; +} +.login-button-wrapper .default-content-wrapper p:last-child img{ + position: absolute; + height: 25px; + width: 25px; + top: 6px; + right: 7px; +} +.navigation-level-active p{ + color: #333 !important; +} +.navigation-level-inactive p{ + color: #ccc !important; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li:last-child[aria-expanded="true"]>p::before { + content: ""; + position: absolute; + left: 0; + bottom: -40px; + width: calc(100% + 15px); + height: 2px; + background-color: #f26841; + transition: all ease 0.3s; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li:nth-child(5)[aria-expanded="true"]>ul>li:hover { + color: var(--orange); +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li:last-child ul>li { + width: 12%; +} + +header nav .nav-sections .default-content-wrapper > ul > li > ul::before { + content: none; +} + +.header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper > ul > li:nth-child(2) > ul > li:nth-child(1) > p::before { + content: url('https://publish-p133703-e1305981.adobeaemcloud.com…nt/dam/piramalfinance/header-images/home-loan.svg'); +} + +@media screen and (max-width: 767.99px) { + .header-wrapper .nav-wrapper nav{ + min-height: unset !important; + } + + .header-wrapper .nav-wrapper { + height: 71px; + } + + .header-wrapper .nav-wrapper .nav-hamburger { + position: absolute; + height: 30px; + width: 30px; + right: 1rem; + display: block; + visibility: visible; + } + + .header-wrapper .nav-wrapper .nav-hamburger button { + height: 30px; + width: 30px; + } + + .header-wrapper .nav-wrapper .nav-hamburger button .nav-hamburger-icon { + height: 1.5px; + background: #666666; + width: 26px; + } + + .header-wrapper .nav-wrapper .nav-hamburger button .nav-hamburger-icon::before { + top: -8.5px; + } + + .header-wrapper .nav-wrapper .nav-hamburger button .nav-hamburger-icon::after { + top: 7.5px; + } + + .header-wrapper .nav-wrapper .nav-hamburger button .nav-hamburger-icon::before, .header-wrapper .nav-wrapper .nav-hamburger button .nav-hamburger-icon::after { + width: 26px; + background: #666666; + } + + .header-wrapper .nav-wrapper nav .nav-sections { + display: none; + } + + .header-wrapper .nav-wrapper nav[aria-expanded="true"] .nav-sections { + display: block; + position: absolute; + top: 100%; + overflow-y: auto; + overflow-x: hidden; + height: calc(100vh - 35px); + left: 0; + background-color: rgb(250 250 250); + width: 100%; + } + + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li { + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + padding-bottom: 0; + } + + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>p { + padding: 0; + padding: 16px 12px 0 12px; + padding-bottom: 16px; + margin-right: 0; + padding: 16px 12px; + } + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li:first-child>p { + padding-left: 19%; + + } + + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop { + padding-right: 0; + } + + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li[aria-expanded="true"]>ul { + display: none; + background-color: #fff; + } + + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul>li { + width: 100%; + background-color: #fff; + font-family: 'Nunito-Regular', sans-serif; + font-size: 14px; + font-weight: 400; + padding: 16px 12px; + padding-bottom: 0; + } + + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul>li>p { + font-size: 14px; + display: block; + } + + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul>li>ul { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + margin-left: 0; + padding-left: 10px; + } + + /* .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop[aria-expanded="true"]>p::after { + top: 50%; + right: 20px; + transform: rotate(315deg); + } */ + + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop>p::after { + top: 50%; + right: 20px; + transform: rotate(315deg); + } + + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop.active > ul { + display: flex; + } + + .header-wrapper .nav-wrapper .nav-hamburger button[aria-label="Close navigation"] .nav-hamburger-icon { + width: 0; + } + + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul { + position: unset; + } + + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul { + padding: 0 !important; + } + + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop[aria-expanded="true"]>p::before{ + content: none; + } + + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop[aria-expanded="true"]>p::after { + top: 50%; + bottom: 0; + transform: rotate(135deg); + } + .login-button-wrapper .default-content-wrapper { + left: -45px; + } + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul>li>ul>li { + margin-bottom: 16px; + } + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li.nav-drop[aria-expanded="false"]>p { + color: var(--orange); + } + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li:last-child p { + padding: 16px 12px; + } + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>p sup{ + bottom: 17px; + left: 12px; + padding: 4px 10px 4px 8px; + font-size: 12px; + width: 47px; + background-color: #41C672; + color: #fff; + font-size: 12px; + font-family: 'Nunito-Bold'; + padding: 6px 10px; + min-height: 24px; + width: 50px; + line-height: 12px; + display: flex; + border-radius: 4px; + position: absolute; + margin-right: 6px; + text-align: center; + justify-content: center; + right: 77px; + } +} + +@media screen and (max-width: 1400px) { + .header-wrapper .nav-wrapper nav { + max-width: 76.1%; + } +} + +@media screen and (max-width: 1024px) { + .header-wrapper .nav-wrapper nav { + max-width: 100%; + padding: 0 16px; + } +} + +@media screen and (max-width:1366px) { + .header-wrapper .nav-wrapper nav .nav-sections .default-content-wrapper>ul>li>ul { + padding: 0 13%; + } +} + +/* header custom css */ + + + diff --git a/blocks/header/header.js b/blocks/header/header.js index f7f719d5c2..cb3bb17b7a 100644 --- a/blocks/header/header.js +++ b/blocks/header/header.js @@ -3,6 +3,7 @@ import { loadFragment } from '../fragment/fragment.js'; // media query match that indicates mobile/tablet width const isDesktop = window.matchMedia('(min-width: 900px)'); +const isMobile = window.matchMedia('(max-width: 768px)'); function closeOnEscape(e) { if (e.code === 'Escape') { @@ -124,6 +125,11 @@ export default async function decorate(block) { const expanded = navSection.getAttribute('aria-expanded') === 'true'; toggleAllNavSections(navSections); navSection.setAttribute('aria-expanded', expanded ? 'false' : 'true'); + }else if(isMobile.matches){ + // Custom Event Function + const expanded = navSection.getAttribute('aria-expanded') === 'true'; + toggleAllNavMobile(navSections); + navSection.setAttribute('aria-expanded', expanded ? 'false' : 'true'); } }); }); @@ -146,4 +152,36 @@ export default async function decorate(block) { navWrapper.className = 'nav-wrapper'; navWrapper.append(nav); block.append(navWrapper); + + try { + clickToBlurHeader() + } catch (error) { + console.log(error) + } +} + + +// Custom Event +function toggleAllNavMobile(sections, expanded = false) { + sections.querySelectorAll('.nav-sections .default-content-wrapper > ul > li').forEach((section) => { + section.setAttribute('aria-expanded', expanded ? 'false' : 'true'); + }); } + +function clickToBlurHeader() { + var headerDropDownList = document.querySelectorAll('.header-wrapper .section.nav-sections .default-content-wrapper ul:first-child > .nav-drop'); + headerDropDownList.forEach(function (eachHeaderdrop) { + eachHeaderdrop.addEventListener('click', function (e) { + const siblings = document.querySelectorAll('.header-wrapper .section.nav-sections .default-content-wrapper ul:first-child > li') + siblings.forEach(function (eachSibling) { + if (eachSibling.classList.contains('navigation-level-inactive')) { + eachSibling.classList.remove('navigation-level-inactive') + } else { + eachSibling.classList.add('navigation-level-inactive') + } + }) + this.classList.remove('navigation-level-inactive'); + this.classList.add('navigation-level-active'); + }); + }); +} \ No newline at end of file diff --git a/blocks/homeloancalculator/homeloancalculator.css b/blocks/homeloancalculator/homeloancalculator.css new file mode 100644 index 0000000000..8f567939b4 --- /dev/null +++ b/blocks/homeloancalculator/homeloancalculator.css @@ -0,0 +1,1813 @@ +/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/glob-import-loader/index.js??ruleSet[1].rules[1].use[4]!./src/main/webpack/clientlibs/homepage/overlaycalculator/css/overlaycalculator.scss ***! + \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ + .overlayDiv { + -webkit-transition: -webkit-transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms; + transition: -webkit-transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms; + transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms; + transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms; + -webkit-transform: translateX(100%); + transform: translateX(100%); + right: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + background: #ffffff; + overflow-y: scroll; + top: 0; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + height: 100%; + display: flex; + outline: 0; + z-index: 1200; + position: fixed; + overflow-y: auto; + flex-direction: column; + -webkit-overflow-scrolling: touch; + } + @media screen and (max-width: 1024px) { + .overlayDiv { + -webkit-transform: translateY(100%); + transform: translateY(100%); + height: 90%; + width: 100%; + border-radius: 16px 16px 0px 0px; + top: auto; + left: 0; + right: 0; + bottom: 0; + /* height: auto; */ + max-height: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + } + .overlayDiv > .cmp-container .home-loan-title { + background-color: #ffffff; + padding: 32px 5px 16px 32px; + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .home-loan-title { + padding: 38px 16px 16px 16px; + } + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .home-loan-title .cmp-title { + text-align: center; + } + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .overlayDiv > .cmp-container .home-loan-title .cmp-title { + text-align: start; + } + } + .overlayDiv > .cmp-container .home-loan-title .cmp-title .cmp-title__text { + margin-bottom: unset; + font-family: "Nunito-Extrabold", sans-serif; + font-weight: 800; + font-size: 24px; + line-height: 36px; + color: #333333; + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .overlayDiv > .cmp-container .home-loan-title .cmp-title .cmp-title__text { + margin-left: 16px; + } + } + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent { + max-width: 100%; + } + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .firsttab { + padding: 16px 24px 0px; + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .firsttab { + padding: 16px 16px 0px; + } + } + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .firsttab .customecheck { + margin-right: unset; + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .firsttab .customecheck { + gap: 40px; + } + } + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .firsttab .customecheck .salary-parent input:checked ~ label { + font-size: 12px; + line-height: 32px; + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .firsttab .customecheck .salary-parent input:checked ~ label { + font-size: 12px; + line-height: 32px; + width: 76%; + } + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .firsttab .customecheck .salary-parent input:checked ~ label { + width: 81%; + } + } + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .firsttab .customecheck .salary-parent label { + width: 81%; + font-size: 12px; + line-height: 32px; + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .firsttab .customecheck .salary-parent label { + font-size: 12px; + line-height: 32px; + } + } + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .firsttab .customecheck .customimage { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: end; + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .firsttab .customecheck .customimage { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + } + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .firsttab .customecheck .customimage img { + width: 145px; + height: 97px; + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .firsttab .customecheck .customimage img { + width: 94px; + height: 64px; + } + } + .overlayDiv > .cmp-container .homeloancalculator .home-loan-calculator-parent .hlc-subparent .secondtab .customecheck { + margin-left: unset; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child { + padding: 12px 16px; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child { + max-width: 100%; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .mainheading p { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 16px; + line-height: 24px; + color: #333333; + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .mainheading p { + font-size: 14px; + line-height: 21px; + } + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs { + margin-top: 16px; + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs { + margin-top: 12px; + } + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs { + margin-top: 16px; + } + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul { + -webkit-box-shadow: none; + box-shadow: none; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-common { + padding: 8px 12px; + border: 1px solid #333333; + border-radius: 50px; + margin-right: 8px; + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-common { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-common p { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 12px; + line-height: 15px; + color: #333333; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .active { + background: #365069; + border-bottom: unset; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .active p { + color: #ffffff; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi { + margin-top: 62px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 8px; + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi { + margin-top: 40px; + } + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv { + width: 100%; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv { + width: 100%; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput { + max-width: 450px; + min-height: 132px; + margin-bottom: unset; + width: 100%; + position: relative; + -webkit-box-pack: unset; + -ms-flex-pack: unset; + justify-content: unset; + padding: 18px; + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput { + padding: 10px; + } + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput { + max-width: 100%; + } + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .outputimg { + display: none; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .outputimg2 { + position: absolute; + top: -18px; + display: block; + width: 94px; + height: 53px; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .outputdes { + margin-top: 20px; + font-size: 14px; + line-height: 21px; + margin-bottom: 8px; + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .outputdes { + margin-top: 40px; + } + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .outputans { + font-size: 32px; + line-height: 48px; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding-bottom: 32px; + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + } + @media screen and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi { + margin-bottom: 24px; + } + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi { + margin-bottom: 32px; + } + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 12px; + padding-bottom: unset; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout, .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .secondamount { + text-align: end; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout p, .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .secondamount p { + font-size: 14px; + line-height: 21px; + color: rgba(0, 0, 0, 0.8705882353); + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout .amount, .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .secondamount .amount { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 16px; + line-height: 24px; + color: #000000; + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout .amount span, .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .secondamount .amount span { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 16px; + line-height: 24px; + color: rgba(0, 0, 0, 0.8705882353); + } + .overlayDiv > .cmp-container .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .customerbuttons { + padding-top: 8px; + } + .overlayDiv > .cmp-container .homeloancalculator .homepagemobiledesign { + display: none; + } + @media screen and (max-width: 767px) { + .overlayDiv > .cmp-container .homeloancalculator .homepagemobiledesign { + display: block; + border-radius: 6px; + background-color: #C4C4C4; + width: 30px; + height: 6px; + margin: auto; + position: absolute; + top: 0; + margin-top: 8px; + left: 50%; + -webkit-transform: translate(-50%); + transform: translate(-50%); + } + } + + .overlayDiv.show { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + +/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/glob-import-loader/index.js??ruleSet[1].rules[1].use[4]!./src/main/webpack/clientlibs/productpage/homeloancalculators/css/homeloancalculators.scss ***! + \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ + .homeloancalculator .home-loan-calculator-parent { + background: -webkit-linear-gradient(right, #ffffff 50%, #fff7f4 50%); + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent { + background-color: #ffffff; + max-width: 1240px; + margin: 0 auto; + } + @media screen and (max-width: 1400px) { + .homeloancalculator .home-loan-calculator-parent .hlc-subparent { + max-width: 76.1%; + } + } + @media screen and (max-width: 1024px) { + .homeloancalculator .home-loan-calculator-parent .hlc-subparent { + max-width: 100%; + } + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab { + background: #fff7f4; + padding: 12px 24px 0 0; + width: 50%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + border-radius: 0 12px 0px 0px; + padding-left: 20px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab { + padding-left: unset; + padding: 16px 16px 0 16px; + } + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + max-width: 540px; + width: 100%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-right: 60px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; + margin-right: unset; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .salary-parent { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: start; + gap: 12px; + width: 50%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-bottom: 8px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .salary-parent { + width: 100%; + gap: 19px; + } + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .salary-parent input { + display: none; + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .salary-parent input:checked ~ .blackborder .black { + background: #333333; + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .salary-parent input:checked ~ label { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 20px; + line-height: 28px; + color: #333333; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .salary-parent input:checked ~ label { + font-size: 12px; + line-height: 24px; + } + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .salary-parent label { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 20px; + line-height: 28px; + color: #333333; + -ms-flex-item-align: self-end; + align-self: self-end; + width: 86%; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .salary-parent label { + width: 75%; + font-size: 12px; + line-height: 24px; + } + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .salary-parent .blackborder { + border: 2px solid #333333; + height: 22px; + width: 22px; + border-radius: 100%; + position: relative; + -webkit-transition: border 0.25s linear; + transition: border 0.25s linear; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .salary-parent .blackborder { + height: 16px; + width: 16px; + } + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .salary-parent .blackborder .black { + content: ""; + display: block; + height: 12px; + width: 12px; + border-radius: 100%; + background: transparent; + position: absolute; + -webkit-transition: background 0.25s linear; + transition: background 0.25s linear; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .salary-parent .blackborder .black { + height: 8px; + width: 8px; + } + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .customimage { + width: 50%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .customimage { + -ms-flex-item-align: center; + align-self: center; + } + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .customimage .customer { + width: 177px; + height: 119px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .firsttab .customecheck .customimage .customer { + width: 94px; + height: 64px; + } + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .secondtab { + width: 50%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + border-radius: 12px 0px 0px 0px; + background: #ffffff; + padding-right: 20px; + padding-left: unset; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .secondtab { + padding: 16px 16px 0 16px; + } + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .secondtab .customecheck { + max-width: 600px; + width: 100%; + margin-left: 84px; + margin-right: unset; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .secondtab .customecheck { + margin-left: unset; + } + } + .homeloancalculator .home-loan-calculator-parent .hlc-subparent .radiotab .secondtab .customecheck .customimage { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } + .homeloancalculator .calculator-parent { + background: #fff7f4; + } + .homeloancalculator .calculator-parent .calculator-parent-child { + padding: 40px 0px 32px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child { + padding: 20px 16px 24px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child { + background: #ffffff; + max-width: 1240px; + width: 100%; + margin: 0 auto; + padding: 32px; + -webkit-box-shadow: 0px 4px 12px rgba(51, 51, 51, 0.08); + box-shadow: 0px 4px 12px rgba(51, 51, 51, 0.08); + border-radius: 24px; + } + @media screen and (max-width: 1400px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child { + max-width: 76.1%; + } + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child { + max-width: 100%; + padding: 0 16px; + } + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child { + padding: 16px; + max-width: 100%; + border-radius: 12px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .mainheading p { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 16px; + line-height: 28px; + color: #666666; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .mainheading p { + font-size: 14px; + line-height: 20px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .mainheading .second-head { + display: none; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul { + -webkit-box-shadow: rgb(235, 238, 240) 0px -2px 0px inset; + box-shadow: rgb(235, 238, 240) 0px -2px 0px inset; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + line-height: 32px; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-common { + padding: 16px 24px 8px; + cursor: pointer; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-common { + padding: 12px 0px 6px; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + text-align: center; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-common p { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 24px; + line-height: 32px; + color: #333333; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-common p { + font-size: 16px; + line-height: 24px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .active { + border-bottom: 2px solid #F26841; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .active p { + font-family: "Nunito-Extrabold", sans-serif; + font-weight: 800; + font-size: 24px; + line-height: 32px; + color: #F26841; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .active p { + font-size: 16px; + line-height: 24px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-bottom: 32px; + margin-top: 46px; + gap: 80px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 0px; + margin-top: 24px; + margin-bottom: 12px; + } + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi { + margin-bottom: 32px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + width: 50%; + gap: 32px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv { + gap: 24px; + width: 100%; + margin-bottom: 16px; + } + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv { + width: 50%; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 16px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: unset; + -ms-flex-pack: unset; + justify-content: unset; + margin-bottom: 4px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .description { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 16px; + line-height: 24px; + color: #666666; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .description { + font-size: 14px; + line-height: 20px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs { + width: 125px; + padding-bottom: 8px; + border-bottom: 1px solid #afb9c3; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs { + width: 100%; + padding-bottom: 4px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs .rupee { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 16px; + line-height: 24px; + color: #000000; + margin-right: 12px; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs .textvalue { + display: none; + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 14px; + line-height: 24px; + color: #afb9c3; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs label { + display: none; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs input { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 16px; + line-height: 24px; + color: #333333; + outline: none; + width: 98px; + border: none; + cursor: pointer; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs input::-webkit-input-placeholder { + font-size: 12px; + opacity: 0.6; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs input::-moz-placeholder { + font-size: 12px; + opacity: 0.6; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs input:-ms-input-placeholder { + font-size: 12px; + opacity: 0.6; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs input::-ms-input-placeholder { + font-size: 12px; + opacity: 0.6; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs input::placeholder { + font-size: 12px; + opacity: 0.6; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs input:disabled { + cursor: not-allowed; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs input:disabled::-webkit-input-placeholder { + opacity: 0.3; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs input:disabled::-moz-placeholder { + opacity: 0.3; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs input:disabled:-ms-input-placeholder { + opacity: 0.3; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs input:disabled::-ms-input-placeholder { + opacity: 0.3; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs input:disabled::placeholder { + opacity: 0.3; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs input { + width: 100%; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .yearstext { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .yearstext .rupee { + display: none; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .yearstext input { + width: 60px; + text-align: center; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .yearstext input { + width: 100%; + text-align: start; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .yearstext .textvalue { + display: block; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .rangediv { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .rangediv .range-slider__range { + margin: 12px 0px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .rangediv .range-slider__range { + display: none; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .rangediv .values { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .rangediv .values .text { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 16px; + line-height: 24px; + color: #808080; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .rangediv .values .text { + font-size: 14px; + line-height: 20px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment .inputdivs { + padding: 4px 0px 5px; + position: relative; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment .inputdivs::before { + border-bottom: 1px solid rgba(0, 0, 0, 0.4196078431); + left: 0px; + bottom: 0px; + content: " "; + position: absolute; + right: 0px; + -webkit-transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + pointer-events: none; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment .inputdivs:hover::before { + border-bottom: 2px solid rgba(0, 0, 0, 0.8705882353); + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment .inputdivs::after { + border-bottom: 2px solid #20303f; + left: 0px; + bottom: 0px; + content: ""; + position: absolute; + right: 0px; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; + transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; + transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; + transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; + pointer-events: none; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment .inputdivs:focus-within::before { + border-bottom-color: #20303f; + /* Change to desired color */ + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment .inputdivs:focus-within::after { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment .inputdivs input { + font-family: "Nunito-Regular", sans-serif; + line-height: 20px; + width: 100%; + background: transparent; + z-index: 1; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment .inputdivs input:disabled { + cursor: not-allowed; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment .inputdivs img { + width: 20px; + height: 20px; + cursor: pointer; + position: absolute; + right: 0; + } + @media screen and (max-width: 767px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.clearAll .data { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.clearAll .data .description { + font-size: 20px; + color: #000; + } + @media screen and (max-width: 767px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.clearAll .data .description { + font-size: 16px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.clearAll .data .clearAllText { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 16px; + line-height: 24px; + color: #F26841; + text-decoration: underline; + cursor: pointer; + } + @media screen and (max-width: 767px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.clearAll .data .clearAllText { + font-size: 14px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .boxCont.scrolladd { + max-height: 417px; + height: 100%; + overflow-y: auto; + padding-right: 12px; + padding-top: 6px; + -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), inset 0 2px 4px 0 rgba(0, 0, 0, 0.05); + box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), inset 0 2px 4px 0 rgba(0, 0, 0, 0.05); + } + @media screen and (max-width: 767px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .boxCont.scrolladd { + max-height: unset; + overflow-y: unset; + padding-right: 0px; + padding-top: 0px; + -webkit-box-shadow: unset; + box-shadow: unset; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .boxCont.scrolladd::-webkit-scrollbar { + width: 4px; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .boxCont.scrolladd::-webkit-scrollbar-thumb { + border-radius: 10px; + background: #ebeef0; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .boxCont.scrolladd::-webkit-scrollbar-track { + background: #c4c4c4; + border-radius: 10px; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment.partpaymentCardContainer { + padding: 24px 24px 16px; + border-radius: 16px; + border: 1px solid rgb(254, 240, 236); + margin-bottom: 16px; + } + @media screen and (max-width: 767px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment.partpaymentCardContainer { + row-gap: 20px; + padding: 24px 24px 12px; + } + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment.partpaymentCardContainer .description { + font-size: 16px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment.partpaymentCardContainer .inputdivs { + padding: 4px 0px 5px; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount.partPayment.partpaymentCardContainer .data { + margin-bottom: 24px; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .add-more-part-payment-btn { + text-align: center; + cursor: pointer; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .add-more-part-payment-btn .addMorePartPayment { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 14px; + line-height: 20px; + color: #F26841; + vertical-align: baseline; + cursor: pointer; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .add-more-part-payment-btn.disabled { + opacity: 0.5; + pointer-events: none; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .partpaymentSection { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 24px; + } + @media screen and (max-width: 767px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .partpaymentSection { + gap: unset; + } + } + @media screen and (max-width: 767px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .partpaymentSection .paymentInputContainer { + margin: 24px 0px 16px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .partpaymentSection .paymentInputContainer .loanamount .data { + margin-bottom: 16px; + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .partpaymentSection .paymentInputContainer .loanamount .data { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv { + width: 50%; + margin-top: 14px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv { + width: 100%; + } + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv { + width: 50%; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent { + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput { + margin-bottom: 36px; + background: rgba(227, 246, 233, 0.5019607843); + border-radius: 12px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 100%; + padding: 20px; + text-align: center; + min-height: 257px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput { + padding: 10px; + position: relative; + min-height: 132.8px; + margin-bottom: 32px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .outputimg { + width: 128px; + height: 100px; + margin-bottom: 16px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .outputimg { + display: none; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .outputimg2 { + display: none; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .outputimg2 { + display: block; + width: 94px; + height: 53px; + position: absolute; + top: -24px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .outputdes { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 16px; + line-height: 24px; + color: #333333; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .outputans, .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput span { + font-family: "Nunito-Extrabold", sans-serif; + font-weight: 800; + font-size: 40px; + line-height: 48px; + color: #365069; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .outputans, .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput span { + font-size: 32px; + line-height: 48px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut { + background-color: rgb(227, 246, 233); + min-height: unset; + height: unset; + border-radius: 24px; + padding: 0px 44px; + margin-bottom: 48px; + } + @media screen and (max-width: 767px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut { + padding: 0px 8px; + margin-bottom: 16px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-column-gap: 32px; + -moz-column-gap: 32px; + column-gap: 32px; + border-bottom: 1px solid rgb(215, 220, 225); + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + min-height: 204px; + height: 100%; + } + @media screen and (max-width: 767px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer { + min-height: 224px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer:nth-child(1) .text-and-img { + padding-right: 40px; + } + @media screen and (max-width: 767px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer:nth-child(1) .text-and-img { + padding-right: unset; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer .text-and-img { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 32px; + } + @media screen and (max-width: 767px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer .text-and-img { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 20px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer .text-and-img .amountContainer { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + } + @media screen and (max-width: 767px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer .text-and-img .amountContainer { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer .text-and-img .amountContainer .outputans .amount-1 { + font-family: "Nunito-Extrabold", sans-serif; + font-weight: 800; + font-size: 32px; + line-height: 48px; + color: #365069; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer .text-and-img .amountContainer .outputans .amount-2, .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer .text-and-img .amountContainer .outputans .amount-3 { + font-family: "Nunito-Extrabold", sans-serif; + font-weight: 800; + font-size: 32px; + line-height: 48px; + color: #365069; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer:last-child { + border-bottom: unset; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer:last-child .text-and-img img { + width: 48px; + height: 44px; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer img { + width: 56px; + height: 56px; + margin-bottom: 0px; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer .outputans { + font-size: 32px; + } + @media screen and (max-width: 767px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + max-width: 473px; + min-width: -webkit-fit-content; + min-width: -moz-fit-content; + min-width: fit-content; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput.partPaymentMainOutPut .parpaymentmainoutputcontainer img { + display: block; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout p { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 16px; + line-height: 24px; + color: #333333; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout p { + font-size: 14px; + line-height: 20px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout .amount { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 20px; + line-height: 28px; + color: #000000; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout .amount { + font-size: 16px; + line-height: 24px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout .amount span { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 20px; + line-height: 28px; + color: #000000; + padding-right: 4px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout .amount span { + font-size: 16px; + line-height: 24px; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .eligibilitycalculator { + display: none; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .eligibilitycalculator .parent-emi .outputdiv .output-parent .mainoutput .outputimg { + margin-bottom: 100px; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .eligibilitycalculator .parent-emi .outputdiv .output-parent .amountdiv { + display: none; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .calctabs .elgblock { + display: block; + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .customerbuttons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-top: 12px; + gap: 16px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .customerbuttons { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding-top: 8px; + } + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .customerbuttons { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .customerbuttons .expert { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 16px; + line-height: 24px; + color: #365069; + padding: 12px 32px; + border: 1px solid #365069; + cursor: pointer; + text-align: center; + border-radius: 8px; + background: transparent; + width: 366px; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .customerbuttons .expert { + width: 100%; + font-size: 14px; + line-height: 20px; + padding: 9.5px 32px; + } + } + @media screen and (min-width: 768px) and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .customerbuttons .expert { + width: 366px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + } + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .customerbuttons .orangeexpert { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 16px; + line-height: 24px; + color: #ffffff; + background-color: #F26841; + border: unset; + } + @media screen and (max-width: 1024px) { + .homeloancalculator .calculator-parent .calculator-parent-child .cp-child .customerbuttons .orangeexpert { + font-size: 14px; + line-height: 20px; + } + } + + .homepagemobiledesign { + display: none; + } + + .homeloancalculator .light-red-tab { + background: -webkit-linear-gradient(right, #ffffff 50%, #fff7f4 50%); + pointer-events: none; + } + .homeloancalculator .light-red-tab .hlc-subparent .radiotab .firsttab { + background: #fff7f4; + } + .homeloancalculator .light-red-tab .hlc-subparent .radiotab .secondtab { + background: #ffffff; + } + .homeloancalculator .light-red-tab ~ .calculator-parent { + background: #fff7f4; + } + + .homeloancalculator .blue-tab { + background: -webkit-linear-gradient(right, #ffffff 50%, #EEF3FF 50%); + pointer-events: none; + } + .homeloancalculator .blue-tab .hlc-subparent .radiotab .firsttab { + background: #EEF3FF; + } + .homeloancalculator .blue-tab .hlc-subparent .radiotab .secondtab { + background: #ffffff; + } + .homeloancalculator .blue-tab ~ .calculator-parent { + background: #EEF3FF; + } + + .homeloancalculator .white-tab { + background: #ffffff; + pointer-events: none; + } + .homeloancalculator .white-tab .hlc-subparent .radiotab .firsttab { + background: #ffffff; + } + .homeloancalculator .white-tab .hlc-subparent .radiotab .secondtab { + background: #ffffff; + } + .homeloancalculator .white-tab ~ .calculator-parent { + background: #ffffff; + } + + .tab-center--calculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-emi-calc { + width: 50%; + text-align: center; + } + @media screen and (max-width: 767px) { + .tab-center--calculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-emi-calc { + width: unset; + } + } + .tab-center--calculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-eligibility-calc { + width: 50%; + text-align: center; + } + @media screen and (max-width: 767px) { + .tab-center--calculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-eligibility-calc { + width: unset; + } + } + + .range-slider__range { + position: relative; + -webkit-appearance: none; + -moz-appearance: none; + display: block; + width: 100%; + height: 4px; + background-color: rgb(219, 215, 216); + border-radius: 8px; + /* outline: none; */ + } + + .range-slider__range::-webkit-slider-runnable-track { + -webkit-appearance: none; + height: 8px; + } + + .range-slider__range::-moz-track { + -moz-appearance: none; + height: 8px; + } + + .range-slider__range::-ms-track { + appearance: none; + height: 8px; + } + + .range-slider__range::-webkit-slider-thumb { + -webkit-appearance: none; + height: 25px; + width: 25px; + background-color: #ffffff; + border: 2px solid #da4e34; + border-radius: 50%; + cursor: pointer; + margin-top: -7px; + } + + .range-slider__range::-moz-range-thumb { + -webkit-appearance: none; + height: 25px; + width: 25px; + background-color: #ffffff; + border: 2px solid #da4e34; + border-radius: 50%; + cursor: pointer; + margin-top: -7px; + } + + .range-slider__range::-ms-thumb { + -webkit-appearance: none; + height: 25px; + width: 25px; + background-color: #ffffff; + border: 2px solid #da4e34; + border-radius: 50%; + cursor: pointer; + margin-top: -7px; + } + + .gst-third-tab { + display: none; + } + + .gst-calculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul { + -webkit-box-shadow: unset; + box-shadow: unset; + } + .gst-calculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-common { + padding: 10px 14px; + margin: 0 8px; + border: 1px solid #333333; + border-radius: 62.5px; + } + @media screen and (max-width: 1024px) { + .gst-calculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-common { + padding: 8px 12px; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + } + } + .gst-calculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-common p { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 14px; + line-height: 20px; + color: #000000; + } + @media screen and (max-width: 1024px) { + .gst-calculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .tab-common p { + font-size: 12px; + line-height: 16px; + } + } + .gst-calculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .gst-third-tab { + display: block; + } + .gst-calculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .active { + background-color: #365069; + } + .gst-calculator .calculator-parent .calculator-parent-child .cp-child .headingtabs .headul .active p { + color: #ffffff; + } + .gst-calculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount:nth-child(1) { + padding-top: 16px; + } + .gst-calculator .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput { + margin-bottom: 2px; + } + + @media screen and (max-width: 767px) { + .part-payment ~ .calculator-parent .calculator-parent-child { + padding: 20px 16px 24px; + } + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi { + margin-top: 0; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv { + margin-top: 62px; + } + @media screen and (max-width: 767px) { + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv { + margin-top: 40px; + } + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs img { + width: 24px; + height: 24px; + } + @media screen and (max-width: 767px) { + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .loanamount .data .inputdivs img { + right: -5px; + } + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .partpaymentSection .loanamount .data .inputdivs { + border-bottom: unset; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .partpaymentSection .loanamount .data .inputdivs .datepickerInit { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 14px; + line-height: 20px; + color: rgba(0, 0, 0, 0.8705882353); + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .partpaymentSection .loanamount .data .inputdivs .slider-value { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 16px; + line-height: 24px; + color: rgba(0, 0, 0, 0.8705882353); + } + @media screen and (max-width: 767px) { + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .paymentInputContainer .boxCont .partpaymentCardContainer .data { + margin-bottom: 4px !important; + } + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .paymentInputContainer .boxCont .partpaymentCardContainer .data .inputdivs.disabled-parent img { + opacity: 0.5; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .paymentInputContainer .boxCont .partpaymentCardContainer .data .inputdivs.disabled-parent::before { + border-bottom: 1px dotted #afb9c3; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .paymentInputContainer .boxCont .partpaymentCardContainer .data .inputdivs.disabled-parent::after { + display: none; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .paymentInputContainer .boxCont .partpaymentCardContainer .loanamount .data .inputdivs { + border-bottom: 1px solid #afb9c3; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .paymentInputContainer .boxCont .partpaymentCardContainer .loanamount .data .inputdivs::before { + display: none; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .paymentInputContainer .boxCont .partpaymentCardContainer .loanamount .data .inputdivs::after { + display: none; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .inputDiv .paymentInputContainer .clearAll .data { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv { + margin-top: 0px; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent { + -webkit-box-pack: unset; + -ms-flex-pack: unset; + justify-content: unset; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout p { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 18px; + line-height: 28px; + color: #000000; + } + @media screen and (max-width: 767px) { + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout p { + font-size: 14px; + line-height: 20px; + } + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout .amount span { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 24px; + line-height: 32px; + color: #000000; + } + @media screen and (max-width: 767px) { + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .firstamout .amount span { + font-size: 16px; + line-height: 24px; + } + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .secondamount p { + text-align: right; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .amountdiv .secondamount .amount span:nth-child(2) { + padding-right: 0px; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .text-and-img img { + display: block; + } + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .text-and-img .amountContainer .outputdes { + text-align: start; + } + @media screen and (max-width: 767px) { + .part-payment ~ .calculator-parent .calculator-parent-child .cp-child .calctabs .commoncalculator .parent-emi .outputdiv .output-parent .mainoutput .text-and-img .amountContainer .outputdes { + font-size: 14px; + line-height: 20px; + } + } + \ No newline at end of file diff --git a/blocks/homeloancalculator/homeloancalculator.js b/blocks/homeloancalculator/homeloancalculator.js new file mode 100644 index 0000000000..83d157eb17 --- /dev/null +++ b/blocks/homeloancalculator/homeloancalculator.js @@ -0,0 +1,145 @@ +import { renderCalculatorData } from "../emiandeligiblitycalc/renderhpcal.js"; +import { homeLoanCalcFunc } from "../emiandeligiblitycalc/homeloancalculators.js"; +import { CalcHTM } from "../emiandeligiblitycalc/templatehtml.js"; +import {xfShowHideBodyClick, firstTabActive } from "../emiandeligiblitycalc/commonfile.js"; + +let calculatorType,emiOverlay, elgOverlay, overlay; + +export default function decorate(block) { + let cfURL = block.querySelector("a")?.textContent.trim(); + // const cfRepsonse = CFApiCall(cfURL); + + const callJson = { + total: 1, + offset: 0, + limit: 1, + data: [ + { + maindivbackground: "emi", + title: "EMI Calculator", + mainheadingclass: "", + salaried: { + salariedcheck: true, + salariedtabid: "salariedTab", + salariedtabname: "employementStatus", + salariedtabvalue: "80", + salariedtabtext: "I'm Salaried", + calculatorsalariedimg: "/content/dam/piramalfinance/product-page/home-loan/calculator-salaried.svg", + calculatorsalariedimgalt: "salaried", + }, + business: { + businesscheck: true, + businesstabid: "businessTab", + businesstabname: "employementStatus", + businesstabvalue: "60", + businesstabtext: "I'm doing Business", + calculatorbusinessimg: "/content/dam/piramalfinance/product-page/home-loan/calculator-business.svg", + calculatorbusinessimgalt: "business", + }, + selectloantype: { + checboxemitab: true, + subheading: "Select loan type", + subheadingtow: "", + }, + tabname: { + firsttabbname: "Home Loan", + secondtabbname: "Business Loan", + thridtabname: "", + }, + chechboxemiobj: { + chechboxemi: true, + loanamout: [ + { + label: "Loan amount (Rs.)", + labelyearsvalue: "", + rupeesign: "₹", + dataslider: "em1", + dataattr: "loanamt", + rangeminvalue: "500000", + rangemaxvalue: "50000000", + rangestep: "10000", + displayvalue: "2500000", + minvaluetext: "5L", + maxvaluetext: "5Cr", + }, + { + label: "Loan Tenure (Years)", + labelyearsvalue: "Years", + rupeesign: "", + dataslider: "em2", + dataattr: "tenure", + rangeminvalue: "5", + rangemaxvalue: "30", + rangestep: "1", + displayvalue: "10", + minvaluetext: "5Y", + maxvaluetext: "30Y", + }, + { + label: "Interest Rate (% p.a)", + labelyearsvalue: "%", + rupeesign: "", + dataslider: "em3", + dataattr: "roi", + rangeminvalue: "10.5", + rangemaxvalue: "20", + rangestep: "0.1", + displayvalue: "10", + minvaluetext: "10.50%", + maxvaluetext: "20%", + }, + ], + }, + calendarbox: "/content/dam/piramalfinance/homepage/images/calc-calendarwebp", + calendarmobile: "/content/dam/piramalfinance/homepage/images/calc-calendarwebp", + outputtext: "Your home loan EMI is", + principaltext: "Principal amount", + interesttext: "Interest amount", + button1text: "Talk to loan expert", + button2text: "Apply loan now", + pageproperties: "hl", + }, + ], + ":type": "sheet", + }; + + block.innerHTML = CalcHTM(callJson); + try { + emiOverlay = document.querySelector(".cmp-container--caloverlay"); + overlay = document.querySelector(".modal-overlay"); + homeLoancalculatorCallXf(); + homeLoanCalcFunc(); + } catch (error) { + console.warn(error); + } +} + +export async function CFApiCall(cfurl) { + const cfModification = cfurl?.replace("/content/dam/", "/api/assets/"); + const response = await fetchAPI(cfModification); + const responseJson = await response.json(); + return responseJson; +} + +export function homeLoancalculatorCallXf() { + document.querySelectorAll("[data-teaserv2-xf='home-page-calculator-call-xf']") && + document.querySelectorAll("[data-teaserv2-xf='home-page-calculator-call-xf']").forEach((eachTeaserv2) => { + eachTeaserv2.addEventListener("click", function (e) { + e.stopImmediatePropagation(); + const xfGetAttr = this.getAttribute("data-teaserv2-xf"); + const findSectionXFShow = document.querySelector("." + xfGetAttr); + findSectionXFShow.querySelector(".overlayDiv").classList.add("show"); + if (xfGetAttr == "home-page-calculator-call-xf") { + findSectionXFShow.classList.remove("dp-none"); // look + calculatorType = "emi"; + emiOverlay.classList.add("show"); + overlay.classList.add("show"); + document.body.style.overflow = "hidden"; + renderCalculatorData(calculatorType); + firstTabActive(); + } + xfShowHideBodyClick(findSectionXFShow); + }); + }); +} + diff --git a/blocks/imgwithlink/imgwithlink.css b/blocks/imgwithlink/imgwithlink.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/imgwithlink/imgwithlink.js b/blocks/imgwithlink/imgwithlink.js new file mode 100644 index 0000000000..198d280c7a --- /dev/null +++ b/blocks/imgwithlink/imgwithlink.js @@ -0,0 +1,46 @@ +export default function decorate(block) { + const newDiv = createImageWithLink(block); + if (newDiv) { + block.innerHTML = ""; + block.appendChild(newDiv); + aTagPreventDefault(); + } +} + +function createImageWithLink(block) { + const isMobile = window.matchMedia("(max-width: 768px)").matches; + const blockDiv = document.createElement("div"); + blockDiv.innerHTML = block.innerHTML.trim(); + + const pictureIndex = isMobile ? 3 : 0; + const textIndex = isMobile ? 5 : 2; + const blockPic = blockDiv.children[pictureIndex]?.querySelector("picture") || blockDiv.children[0]?.querySelector("picture"); + const hrefElem = blockDiv.children[textIndex]?.innerText.trim() || blockDiv.children[2]?.innerText.trim(); + + if (!blockPic || !hrefElem) { + console.warn("Required elements not found in the block."); + return document.createElement("div"); + } + + const createHref = document.createElement("a"); + createHref.href = hrefElem; + createHref.target = "_blank"; + createHref.classList.add("anchor-event-link"); + createHref.appendChild(blockPic); + + const createDiv = document.createElement("div"); + createDiv.classList.add(isMobile ? "image-href-mobile" : "image-href-desktop"); + createDiv.appendChild(createHref); + + return createDiv; +} + +function aTagPreventDefault() { + const anchorLinks = document.querySelectorAll('.anchor-event-link'); + + anchorLinks?.forEach(link => { + if (link.getAttribute('href') === '#') { + link.addEventListener('click', e => e.preventDefault()); + } + }); +} \ No newline at end of file diff --git a/blocks/keyfeatures/keyfeatures.css b/blocks/keyfeatures/keyfeatures.css new file mode 100644 index 0000000000..bb2dc3233d --- /dev/null +++ b/blocks/keyfeatures/keyfeatures.css @@ -0,0 +1,269 @@ +.section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation{ + margin-top: 40px; + } + .section.home-loans-products-wrapper .default-content-wrapper #more-home-loan-products{ + color: #000; + font-family: Nunito-Extrabold, sans-serif; + font-size: 32px; + font-weight: 800; + line-height: 40px; + padding-bottom: 8px; + } +.section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container{ + display: grid; + grid-template-rows: auto 1fr; + grid-template-columns: repeat(3, 1fr); + column-gap: 20px; +} +.section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper { + position: relative; +} +.section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link{ + background: #fff9f2; + border-radius: 9pt 9pt 0 0; + display: flex; + justify-content: start; + padding: 16px 24px; + flex-direction: column-reverse; + height: 220px; + row-gap: 10px; +} + +.section.home-loans-products-wrapper .homeloanteaser a:nth-child(2) img{ + position: absolute; + top: 17px; + right: 24px; + height: 32px; + width: 32px; + cursor: pointer; +} + +.section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link:hover{ + text-decoration: none; +} + +.section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link .cmp-teaser__content p{ + color: #666; + font-family: Nunito-Regular, sans-serif; + font-size: 1pc; + font-weight: 400; + line-height: 24px; + 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){ + -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; + font-size: 18px; + font-weight: 800; + line-height: 28px; +} +.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):hover{ + color: #f26841; +} +.section.home-loans-products-wrapper .cmp-teaser__link .cmp-teaser__image img{ + height: 12px; + width: 137px; + cursor: pointer; +} + +.section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link .cmp-teaser__image .cmp-image__image{ + height: 12px; + width: 137px; + cursor: pointer; +} +.section.home-loans-products-wrapper .homeloanteaser .cmp-teaser .keyfeature-container .keyfeatures-info { + position: relative; + background-color: #fff4e7; + border-radius: 8px; + height: 100%; + position: relative; + z-index: 20; +} +.section.home-loans-products-wrapper .homeloanteaser .cmp-teaser .keyfeature-container{ + border-top: 1px solid #eeebeb; +} +.section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .keyfeature-container .keyfeatures-info .plusicon, +.section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .keyfeature-container .keyfeatures-info .minusicon{ + height: 16px; + width: 16px; + position: absolute; + top: 20px; + z-index: -1; + top: 20px; + right: 24px +} +.section.home-loans-products-wrapper .homeloanteaser .cmp-teaser .keyfeature-container .keyfeatures-info .heading{ + color: #333; + cursor: pointer; + font-family: Nunito-Bold, sans-serif; + font-size: 16px; + font-weight: 700; + line-height: 24px; + padding: 16px 24px; + cursor: pointer; +} + +.section.home-loans-products-wrapper .homeloanteaser .keyfeature-container .keyfeatures .feature{ + position: relative; + display: flex; + align-items: center; + padding-top: 24px; +} +.section.home-loans-products-wrapper .homeloanteaser .keyfeature-container .keyfeatures .feature .feature-details{ + padding-left: 16px; +} + +.section.home-loans-products-wrapper .homeloanteaser .keyfeature-container .keyfeatures .feature .feature-details div p:first-child{ + color: #666; + font-family: Nunito-Regular, sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 20px; +} +.section.home-loans-products-wrapper .homeloanteaser .keyfeature-container .keyfeatures .feature .feature-details div p:last-child strong{ + color: #333; + font-family: Nunito-Bold, sans-serif; + font-size: 18px; + font-weight: 700; + line-height: 26px; + padding-top: 4px; +} +.section.home-loans-products-wrapper.loan-product-two-cards .wrappercreation-wrapper .wrappercreation .wrapper-creation-container { + grid-template-columns: repeat(2, 1fr); +} +.section.home-loans-products-wrapper .keyfeature-container .keyfeatures-info .keyfeatures{ + padding: 0 24px 16px; +} +.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures div .homeloanteaser .cmp-teaser .cmp-teaser__link .cmp-teaser__image .cmp-image .cmp-image__image{ + width: 100%; + max-width: 137px; + height: 96px; +} +.view-more-less-js .default-content-wrapper .button-container{ + color: #f26841; + font-family: Nunito-Bold, sans-serif; + font-size: 24px; + font-weight: 700; + line-height: 28px; + display: inline-block; + position: relative; +} +.view-more-less-js .default-content-wrapper .button-container::after{ + content: ''; + position: absolute; + border: solid #f26841; + border-width: 0 2px 2px 0; + display: inline-block; + padding: 4px; + top: 7px; + right: -17px; + border-radius: 2px; + transform: rotate(45deg); +} +.view-more-less-js .wrappercreation-wrapper .default-content-wrapper{ + position: absolute; + bottom: 0; + left: 50%; + transform: translate(-50%, 0); +} +.view-more-less-js .wrappercreation-wrapper .wrappercreation .wrapper-creation-container{ + position: relative; + padding-bottom: 60px; +} +.view-more-less-js .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper:nth-child(n+4) { + margin-top: 20px; + } +.view-more-less-js .default-content-wrapper p strong{ + color: #000; + display: block; + font-family: Nunito-Extrabold, sans-serif; + font-size: 32px; + font-weight: 800; + line-height: 40px; + margin-bottom: 8px; +} +.view-more-less-js .default-content-wrapper p{ + color: #000; + font-family: Nunito-Regular, sans-serif; + font-size: 18px; + font-weight: 400; + line-height: 24px; +} +@media screen and (max-width: 767.99px) { + .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container{ + grid-template-columns: 1fr; + margin-top: 16px; + row-gap: 20px; + } + .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation{ + margin-top: unset; + } + .section.home-loans-products-wrapper .default-content-wrapper #more-home-loan-products{ + font-size: 20px; + line-height: 28px; + padding-bottom: 4px; + margin-bottom: 0; + } + .section.home-loans-products-wrapper .homeloanteaser .keyfeature-container .keyfeatures .feature .feature-details div p:last-child strong{ + font-size: 16px; + line-height: 24px; + } + .section.home-loans-products-wrapper .homeloanteaser .keyfeature-container .keyfeatures .feature .feature-details div p:first-child{ + font-size: 12px; + line-height: 16px; + } + .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link .cmp-teaser__content p{ + font-size: 14px; + line-height: 20px; + } + .section.home-loans-products-wrapper .homeloanteaser .cmp-teaser .keyfeature-container .keyfeatures-info .heading{ + font-size: 14px; + line-height: 20px; + } + .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; + height: 100%; + } + .section.home-loans-products-wrapper.loan-product-two-cards .wrappercreation-wrapper .wrappercreation .wrapper-creation-container { + grid-template-columns: 1fr + } + + .view-more-less-js .wrappercreation-wrapper .wrappercreation .wrapper-creation-container{ + padding-bottom: 40px; + } + .view-more-less-js .default-content-wrapper .button-container{ + font-size: 18px; + line-height: 28px; + } + .view-more-less-js .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper:nth-child(n+4) { + margin-top: unset; + } + .view-more-less-js .default-content-wrapper p strong{ + font-size: 18px; + line-height: 24px; + } + .view-more-less-js .default-content-wrapper p { + font-size: 14px; + line-height: 20px; + } +} + +@media screen and (max-width: 1023.99px) { + .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link{ + height: 268px; + row-gap: 12px; + padding: 16px 24px; + } + .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link .cmp-teaser__content p{ + width: 100%; + } +} \ No newline at end of file diff --git a/blocks/keyfeatures/keyfeatures.js b/blocks/keyfeatures/keyfeatures.js new file mode 100644 index 0000000000..802e2d2c7e --- /dev/null +++ b/blocks/keyfeatures/keyfeatures.js @@ -0,0 +1,244 @@ +export default function decorate(block) { + const props = [...block.children].map(row => row); + const getHTML = generateFeatureHTML(props); + const newDivFeature = document.createElement('div'); + newDivFeature.innerHTML = getHTML; + block.innerHTML = ''; + block.append(newDivFeature); + try { + featureDropDownClick(); + document.querySelector('.home-loans-products-wrapper.view-more-less-js') ? viewLogic() : ""; + } catch (error) { + console.warn(error) + } +} + +function generateFeatureHTML(props) { + let [ + containerLink, + cardDescription, + leftSideImage, + leftSideImageAlt, + rightSideImage, + rightSideImageAlt, + rightSideImageLink, + keyFeatureTitle, + keyFeatureImagePlus, + keyFeatureImageMinus, + keyFeatureInnerImage1, + keyFeatureInnerText1, + keyFeatureInnerImage2, + keyFeatureInnerText2, + keyFeatureInnerImage3, + keyFeatureInnerText3, + ] + = props; + + containerLink = containerLink?.textContent?.trim() || ""; + cardDescription = cardDescription?.querySelector('div > div') || ""; + leftSideImage = leftSideImage?.querySelector('div > picture > img')?.src || ""; + leftSideImageAlt = leftSideImageAlt?.textContent.trim() || ""; + rightSideImage = rightSideImage?.querySelector('div > picture > img')?.src || ""; + rightSideImageAlt = rightSideImageAlt?.textContent?.trim() || ""; + rightSideImageLink = rightSideImageLink?.textContent?.trim() || ""; + keyFeatureTitle = keyFeatureTitle?.textContent?.trim() || ""; + keyFeatureImagePlus = keyFeatureImagePlus?.querySelector('div > picture > img')?.src || ""; + keyFeatureImageMinus = keyFeatureImageMinus?.querySelector('div > picture > img')?.src || ""; + + keyFeatureInnerText1 = keyFeatureInnerText1?.querySelector('div > div') || ""; + keyFeatureInnerText2 = keyFeatureInnerText2?.querySelector('div > div') || ""; + keyFeatureInnerText3 = keyFeatureInnerText3?.querySelector('div > div') || ""; + keyFeatureInnerImage1 = keyFeatureInnerImage1?.querySelector('div > picture > img')?.src || ""; + keyFeatureInnerImage2 = keyFeatureInnerImage2?.querySelector('div > picture > img')?.src || ""; + keyFeatureInnerImage3 = keyFeatureInnerImage3?.querySelector('div > picture > img')?.src || ""; + + // Generate HTML + /* const html = `
    +
    + +
    + ${cardDescription.outerHTML} +
    +
    +
    + ${leftSideImageAlt} +
    +
    +     + + ${rightSideImageAlt} + + ${keyFeatureTitle} +
    +
    +

    ${keyFeatureTitle}

    + plusicon + + +
    +
    +
    +
    ` */ + + const keyFeatureDiv = keyFeatureTitle ? ` +
    +
    +

    ${keyFeatureTitle}

    + plusicon + + +
    +
    ` : ''; + + const html = `
    +
    + +
    + ${cardDescription.outerHTML} +
    +
    +
    + ${leftSideImageAlt} +
    +
    +     + + ${rightSideImageAlt} + + ${keyFeatureDiv} +
    +
    `; + + return html; +} + + +function featureDropDownClick() { + var featureClick = document.querySelectorAll('.keyfeatures-info .heading') + featureClick.forEach(function (btn) { + btn.addEventListener('click', function (e) { + e.stopImmediatePropagation(); + var wrapperContainer = this.closest('.wrapper-creation-container'); + var keyfeaturesList = wrapperContainer.querySelectorAll('.keyfeatures-info .keyfeatures'); + keyfeaturesList.forEach(function (keyfeatures) { + if (keyfeatures.style.display === 'none') { + keyfeatures.style.display = 'block'; + document.querySelectorAll('.plusicon').forEach(function (icon) { + icon.style.display = 'none'; + }) + document.querySelectorAll('.minusicon').forEach(function (icon) { + icon.style.display = 'block'; + }) + } else { + keyfeatures.style.display = 'none'; + document.querySelectorAll('.plusicon').forEach(function (icon) { + icon.style.display = 'block'; + }) + document.querySelectorAll('.minusicon').forEach(function (icon) { + icon.style.display = 'none'; + }) + } + }); + }) + }) +} + +function viewLogic() { + document.querySelectorAll('.home-loans-products-wrapper.view-more-less-js').forEach(each => { + const wrapper = each.querySelector('.wrappercreation-wrapper'); + const keyFeatures = wrapper.querySelectorAll('.keyfeatures-wrapper'); + + keyFeatures.forEach((eachFeature, index) => { + eachFeature.classList.toggle("dp-none", index > 2); + }); + + const buttonContainer = wrapper.querySelector('.button-container'); + if (buttonContainer) { + const buttonText = buttonContainer.querySelector('a').textContent.trim(); + buttonContainer.innerHTML = buttonText; + viewMoreLogic(each); + } + }); +} + +function viewMoreLogic(each) { + const buttonContainer = each.querySelector('.wrappercreation-wrapper .button-container'); + buttonContainer.addEventListener('click', function () { + const isViewMore = this.textContent.toLowerCase() === 'view more'; + this.innerText = isViewMore ? "View Less" : "View More"; + + each.querySelectorAll('.keyfeatures-wrapper').forEach((eachFeature, index) => { + eachFeature.classList.toggle("dp-none", !isViewMore && index > 2); + }); + }); +} diff --git a/blocks/offer-documents/offer-documents.css b/blocks/offer-documents/offer-documents.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/offer-documents/offer-documents.js b/blocks/offer-documents/offer-documents.js new file mode 100644 index 0000000000..65dde77716 --- /dev/null +++ b/blocks/offer-documents/offer-documents.js @@ -0,0 +1,85 @@ +import { getProps } from "../../scripts/scripts.js"; + +export default function decorate(block) { + const [mainTitle, title, subTitle, content, button, buttonURL, type, image] = getProps(block, { + index: [3, 7] + }); + + if (type === "secondary") { + block.innerHTML = ` +
    +
    +

    + ${mainTitle} +

    +
    +
    + ` + return; + } + block.innerHTML = ` +
    +
    +

    ${image.outerHTML.includes("picture") ? image.outerHTML : mainTitle}

    +
    +
    +
    +
    +
    +
    +

    ${title}

    +

    ${subTitle}

    +

    + close +

    +
    +
    +
    + ${content.innerHTML} +

    + + + ${button} + + +

    +
    +
    +
    +
    +
    +
    +
    + ` + block.addEventListener("click", function (e) { + e.stopPropagation(); + e.currentTarget.querySelector(".stake-pop-up")?.classList.add("dp-block"); + }) + block.querySelectorAll(".stake-pop-up .text.popupText .cmp-text .cross-container img").forEach(function (ele) { + ele.addEventListener("click", function (currentEle) { + currentEle.stopImmediatePropagation(); + currentEle.target.closest('.stake-pop-up').classList.remove('dp-block') + }) + }) +} + +// block.addEventListener("click", function (e) { +// document.body.classList.add("popup-active"); +// }); + +// document.querySelector(".cross-container").addEventListener("click", function (e) { +// e.stopPropagation(); +// document.body.classList.remove("popup-active"); +// }); +// } + +// // Create and append the overlay to the body +// const overlay = document.createElement('div'); +// overlay.className = 'overlay'; +// document.body.appendChild(overlay); + +// // Add click event to overlay to close the popup +// overlay.addEventListener('click', function () { +// document.body.classList.remove('popup-active'); +// }); \ No newline at end of file diff --git a/blocks/rte/rte.css b/blocks/rte/rte.css new file mode 100644 index 0000000000..984c171d5f --- /dev/null +++ b/blocks/rte/rte.css @@ -0,0 +1,43 @@ +/* privacy policy content css start */ +.section.content-wrapper .rte.block > div >div>p{ + font-family: "Nunito-Regular"; + font-size: 16px; + line-height: 24px; + margin: 7px 0 0; + color: #333; +} + +.section.content-wrapper .rte.block > div >div>h4 { + margin-top: 16px; + text-decoration: underline; + font-family: "Nunito-Regular"; + font-size: 16px; + line-height: 24px; + font-weight: 400; + color: #333; +} + +.section.content-wrapper .rte.block > div >div>ul>li { + font-family: "Nunito-Regular"; + font-size: 16px; + line-height: 24px; + font-weight: 400; + color: #333; + padding: 5px 0; +} + +.section.content-wrapper .rte.block > div >div>ul { + list-style: disc; + padding-left: 25px; +} + +.section.content-wrapper .rte.block > div >div>ul>li::marker { + font-size: 25px; +} + +.section.content-wrapper .rte.block > div >div>p>a { + text-decoration: none; + color: #000; +} +/* privacy policy content css end */ + diff --git a/blocks/rte/rte.js b/blocks/rte/rte.js new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/tab-container/tab-container.css b/blocks/tab-container/tab-container.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/tab-container/tab-container.js b/blocks/tab-container/tab-container.js new file mode 100644 index 0000000000..b4ad0ea02d --- /dev/null +++ b/blocks/tab-container/tab-container.js @@ -0,0 +1,46 @@ +import { generateDetailedTeaserDOM } from '../detailed-teaser/detailed-teaser.js'; +import { generateTeaserDOM } from '../teaser/teaser.js'; + +const carouselContainerMapping = {} +carouselContainerMapping["detailed-teaser"] = generateDetailedTeaserDOM; +carouselContainerMapping["ss-teaser"] = generateDetailedTeaserDOM; + +export default function decorate(block) { + const tabid = block.children[0].innerText.trim(); + const tabclass = block.children[1].innerText.trim() || "dp-none"; + const section = block.closest(".section"); + const tabName = section.querySelector("#" + tabid); + block.classList.add(tabclass); + if (tabclass === "active") { + tabName.classList.add("active"); + } + const panelContainer = document.createElement('div'); + panelContainer.classList.add('panel-container'); + block.dataset.id = tabid.trim().replace(/ /g, '-'); + const panels = Array.from(block.children).slice(2); + block.children[0].remove(); + block.children[1].remove(); + [...panels].forEach((panel, i) => { + // generate the panel + const [imagebg, image, classList, ...rest] = panel.children; + const classesText = classList.textContent.trim(); + const classes = (classesText ? classesText.split(',') : []).map((c) => c && c.trim()).filter((c) => !!c); + let blockType = 'teaser'; + let generateOtherComponent = null; + classes.forEach(function (className) { + if (carouselContainerMapping[className]) { + blockType = className; + generateOtherComponent = carouselContainerMapping[className]; + } + }) + generateOtherComponent = generateOtherComponent ? generateOtherComponent([imagebg, image, ...rest], classes) : generateTeaserDOM([imagebg, image, ...rest], classes); + panel.textContent = ''; + panel.classList.add(blockType, 'block'); + classes.forEach((c) => panel.classList.add(c.trim())); + panel.dataset.panel = `panel_${i}`; + panel.append(generateOtherComponent); + panelContainer.append(panel); + }); + block.textContent = ''; + block.append(panelContainer); +} \ No newline at end of file diff --git a/blocks/tab-link/tab-link.css b/blocks/tab-link/tab-link.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/tab-link/tab-link.js b/blocks/tab-link/tab-link.js new file mode 100644 index 0000000000..b990544c41 --- /dev/null +++ b/blocks/tab-link/tab-link.js @@ -0,0 +1,44 @@ +import { getProps } from "../../scripts/scripts.js"; + +export default function decorate(block) { + console.log("tab link block"); + + const heading = block.querySelector("p"); + const activeTab = block.querySelector("strong"); + const div = document.createElement("div"); + // heading.remove(); + div.innerHTML = ` +
    +
    +

    ${heading.innerText}

    +

    ${activeTab.innerText}

    +
    +
    ` + block.insertBefore(div, block.children[0]); + const model = block.children[1]; + model.classList.add("compony-details"); + div.querySelector(".active-tab-name").addEventListener('click', function (e) { + // if (e.currentTarget.classList) { + // model.classList.add("model-mob-hide"); + // } else { + // model.classList.remove("model-mob-hide"); + // } + if (model.classList.contains("model-mob-hide")) { + model.classList.remove("model-mob-hide"); + document.body.classList.remove("overlay-active"); + } else { + model.classList.add("model-mob-hide"); + document.body.classList.add("overlay-active"); + } + }) + + // Add a click event to the overlay to close the modal + const overlay = document.createElement("div"); + overlay.classList.add("body-overlay"); + document.body.appendChild(overlay); + + overlay.addEventListener('click', function () { + model.classList.remove("model-mob-hide"); + document.body.classList.remove("overlay-active"); + }); +} \ No newline at end of file diff --git a/blocks/tab-name/tab-name.css b/blocks/tab-name/tab-name.css new file mode 100644 index 0000000000..6808845380 --- /dev/null +++ b/blocks/tab-name/tab-name.css @@ -0,0 +1,55 @@ +/* body { + font-family: Arial, sans-serif; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; +} */ +.normal .carousel-control{ + display: none; +} +.carousel { + position: relative; + /* width: 80%; */ + /* max-width: 600px; */ + overflow: hidden; + border: 1px solid #ddd; + border-radius: 10px; +} + +.carousel .carousel-inner { + display: flex; + transition: transform 0.5s ease; +} + +.carousel .carousel-item { + min-width: 100%; + box-sizing: border-box; + padding: 20px; + text-align: center; + background-color: #f0f0f0; +} + +.carousel .carousel-control { + position: absolute; + top: 50%; + transform: translateY(-50%); + background-color: rgba(0, 0, 0, 0.5); + color: white; + border: none; + padding: 10px; + cursor: pointer; +} + +.carousel .carousel-control.prev { + left: 10px; +} + +.carousel .carousel-control.next { + right: 10px; +} + +.teaser.block{ + overflow: visible;; +} \ No newline at end of file diff --git a/blocks/tab-name/tab-name.js b/blocks/tab-name/tab-name.js new file mode 100644 index 0000000000..ae8a8427e4 --- /dev/null +++ b/blocks/tab-name/tab-name.js @@ -0,0 +1,76 @@ +import { createCarousle, getProps } from "../../scripts/scripts.js"; + +function createButton(text, picture) { + const button = document.createElement("button"); + button.classList.add("carousel-control", text); + button.innerHTML = (picture) + return button; +} +export default function decorate(block) { + // const [name, id, type] = block.children; + // const names = name.innerText.split(","); + // const ids = id.innerText.split(","); + // const classes = type.innerText.trim(); + const [name, id, classes, prev, next, ...imageSrc] = getProps(block, { + index: [3, 4] + }); + const names = name.split(","); + const ids = id.split(","); + const imagesSrc = [...imageSrc]; + + let tabsTemplate = ''; + block.innerHTML = ''; + block.classList.add(classes ? classes : "normal"); + const carouselInner = document.createElement("div"); + carouselInner.classList.add("carousel-inner"); + carouselInner.id = "carouselInner"; + names.forEach(function (eachName, index) { + const div = document.createElement("div"); + const img = document.createElement("img"); + img.src = imagesSrc[index]; + img.alt = eachName; + img.id = ids[index].trim().replace(/ /g, '-'); + div.id = ids[index].trim().replace(/ /g, '-'); + if (index) { + div.classList.add("carousel-item"); + } else { + div.classList.add("carousel-item", "active"); + } + div.append(imagesSrc[index] ? img : eachName.trim()); + carouselInner.append(div); + // carouselInner.append(imagesSrc[index] ? img : div); + // observer.observe(div); + // tabsTemplate += `
    ${eachName.trim()}
    ` + }); + + const prevButton = createButton("prev", prev?.outerHTML); + const nextButton = createButton("next", next?.outerHTML); + prevButton.classList.add(classes === "normal" ? "dp-none" : "dp-normal"); + nextButton.classList.add(classes === "normal" ? "dp-none" : "dp-normal"); + // + // + block.append(carouselInner); + + if (classes === "carousel") { + createCarousle(block, prevButton, nextButton); + } + + block.addEventListener("click", function (e) { + const currentEl = e.target; + const id = currentEl.id; + const tabContainer = id && document.querySelector('[data-id=' + id + ']') + if (tabContainer) { + const section = tabContainer.closest(".section"); + section.querySelectorAll(".tab-container").forEach(function (el, index) { + // section.querySelector(".tab-name").children[0].children[index].classList.remove("active"); + section.querySelector(".tab-name").children[0].children[index].classList.remove("active"); + el.classList.add("dp-none"); + el.classList.remove("active"); + }) + tabContainer.classList.remove("dp-none"); + tabContainer.classList.add("active"); + currentEl.classList.add("active"); + currentEl.closest(".carousel-item")?.classList.add("active"); + } + }) +} \ No newline at end of file diff --git a/blocks/tabs/tabs.css b/blocks/tabs/tabs.css new file mode 100644 index 0000000000..c3cb7fe174 --- /dev/null +++ b/blocks/tabs/tabs.css @@ -0,0 +1,140 @@ +.tabs { + background-color: var(--spectrum-gray-100); + padding: 14px 21px 21px; + border-radius: 7px; + margin-bottom: 28px; + } + .tabs::before { + content: ""; + display: block; + width: 100%; + height: 2px; + background: var(--spectrum-gray-300); + position: relative; + top: 56px; + } + .tabs .tab-list { + overflow-x: auto; + white-space: nowrap; + } + .tabs .tab-list button.tab-title { + background: none; + color: var(--spectrum-gray-700); + padding: 0; + margin: 0; + height: 56px; + line-height: 56px; + white-space: nowrap; + font-family: var(--body-font-family); + font-size: var(--exlm-font-size-content); + font-weight: 400; + border: 0; + border-radius: 0; + position: relative; + } + .tabs .tab-list button.tab-title:not(:first-child) { + margin-left: 24px; + } + .tabs .tab-list button.tab-title[aria-selected=true] { + color: var(--text-color); + border-bottom: 2px solid var(--text-color); + border-radius: 0; + } + .tabs .tab-content { + padding: 10.5px 0; + color: var(--spectrum-gray-800); + font-family: var(--body-font-family); + font-size: var(--exlm-font-size-content); + font-weight: 400; + } + .tabs .tab-content .tabpanel { + display: none; + margin-bottom: 12px; + } + .tabs .tab-content .tabpanel.active { + display: block; + } + + /* tabs inside tabs start */ + .section.tabs-container > .default-content-wrapper h3 { + font-family: 'Nunito-Extrabold', sans-serif; + font-size: 40px; + line-height: 3pc; + margin-bottom: 1.4pc; + } + + .section.tabs-container .tabs-wrapper .tab-list button.tab-title { + font-family: Nunito-Regular,sans-serif; + font-size: 24px; + font-weight: 400; + line-height: 2pc; + margin-right: 40px; + padding: unset; + } + + .section.tabs-container .tabs-wrapper .tab-list button.tab-title:not(:first-child) { + margin-left: unset; + } + + .section.tabs-container .tabs-wrapper>.tabs { + padding: unset; + } + + .section.tabs-container .tabs-wrapper .tab-list button.tab-title[aria-selected=true] { + border-bottom: 2px solid var(--orange); + color: var(--orange); + font-family: 'Nunito-Extrabold',sans-serif; + font-weight: 800; + } + + .section.tabs-container .tabs-wrapper .tabs>.tab-content{ + border-radius: 1pc; + box-shadow: 0 4px 9pt rgba(51,51,51,.078); + display: block; + margin: auto auto 24px; + padding: 24px; + width: 100%; + } + + .section.tabs-container .tabs-wrapper .tabs>.tab-content .tabpanel { + margin: unset; + } + + .section.tabs-container .tabs-wrapper .tabs>.tab-content .tabpanel>ul { + margin: unset; + padding-left: 1pc; + } + + .section.tabs-container .tabs-wrapper .tabs>.tab-content .tabpanel>ul>li { + margin-bottom: 1pc; + font-family: 'Nunito-Regular',sans-serif; + font-size: 18px; + line-height: 28px; + list-style-type: disc; + } + + @media screen and (max-width:768px) { + .section.tabs-container > .default-content-wrapper h3 { + font-size: 24px; + line-height: 2pc; + margin-bottom: 0.5pc; + } + + .section.tabs-container .tabs-wrapper .tab-list button.tab-title { + font-size: 1pc; + line-height: 24px; + margin-right: 1pc; + height: auto; + } + + .section.tabs-container .tabs-wrapper .tabs>.tab-content { + margin-bottom: 1pc; + padding: 1pc; + } + + .section.tabs-container .tabs-wrapper .tabs>.tab-content .tabpanel>ul>li { + font-size: 14px; + line-height: 20px; + } + } + /* tabs inside tabs end */ \ No newline at end of file diff --git a/blocks/tabs/tabs.js b/blocks/tabs/tabs.js new file mode 100644 index 0000000000..250586d3a6 --- /dev/null +++ b/blocks/tabs/tabs.js @@ -0,0 +1,116 @@ +// import { createTag } from '../../scripts/scripts.js'; + +/** + * Helper function to create DOM elements + * @param {string} tag DOM element to be created + * @param {array} attributes attributes to be added + */ +function createTag(tag, attributes, html) { + const el = document.createElement(tag); + if (html) { + if (html instanceof HTMLElement || html instanceof SVGElement) { + el.append(html); + } else { + el.insertAdjacentHTML('beforeend', html); + } + } + if (attributes) { + Object.entries(attributes).forEach(([key, val]) => { + el.setAttribute(key, val); + }); + } + return el; + } + +function changeTabs(e) { + const { target } = e; + const tabMenu = target.parentNode; + const tabContent = tabMenu.nextElementSibling; + + tabMenu.querySelectorAll('[aria-selected="true"]').forEach((t) => t.setAttribute('aria-selected', false)); + + target.setAttribute('aria-selected', true); + + tabContent.querySelectorAll('[role="tabpanel"]').forEach((p) => p.classList.remove('active')); + + tabContent.parentNode.querySelector(`#${target.getAttribute('aria-controls')}`).classList.add('active'); +} + +function initTabs(block) { + const tabs = block.querySelectorAll('[role="tab"]'); + + tabs.forEach((tab) => { + tab.addEventListener('click', changeTabs); + }); +} + +let initCount = 0; +export default function decorate(block) { + const tabList = createTag('div', { class: 'tab-list', role: 'tablist' }); + const tabContent = createTag('div', { class: 'tab-content' }); + + const tabNames = []; + const tabContents = []; + // list of Universal Editor instrumented 'tab content' divs + const tabInstrumentedDiv = []; + + [...block.children].forEach((child) => { + // keep the div that has been instrumented for UE + tabInstrumentedDiv.push(child); + + [...child.children].forEach((el, index) => { + if (index === 0) { + tabNames.push(el.textContent.trim()); + } else { + tabContents.push(el.childNodes); + } + }); + }); + + tabNames.forEach((name, i) => { + const tabBtnAttributes = { + role: 'tab', + class: 'tab-title', + id: `tab-${initCount}-${i}`, + tabindex: i > 0 ? '0' : '-1', + 'aria-selected': i === 0 ? 'true' : 'false', + 'aria-controls': `tab-panel-${initCount}-${i}`, + 'aria-label': name, + 'data-tab-id': i, + }; + + const tabNameDiv = createTag('button', tabBtnAttributes); + tabNameDiv.textContent = name; + tabList.appendChild(tabNameDiv); + }); + + tabContents.forEach((content, i) => { + const tabContentAttributes = { + id: `tab-panel-${initCount}-${i}`, + role: 'tabpanel', + class: 'tabpanel', + tabindex: '0', + 'aria-labelledby': `tab-${initCount}-${i}`, + }; + + // get the instrumented div + const tabContentDiv = tabInstrumentedDiv[i]; + // add all additional attributes + Object.entries(tabContentAttributes).forEach(([key, val]) => { + tabContentDiv.setAttribute(key, val); + }); + + // default first tab is active + if (i === 0) tabContentDiv.classList.add('active'); + tabContentDiv.replaceChildren(...Array.from(content)); + tabContent.appendChild(tabContentDiv); + }); + + // Replace the existing content with the new tab list and tab content + block.innerHTML = ''; // Clear the existing content + block.appendChild(tabList); + block.appendChild(tabContent); + + initTabs(block); + initCount += 1; +} diff --git a/blocks/teaser/teaser.css b/blocks/teaser/teaser.css new file mode 100644 index 0000000000..38e447410c --- /dev/null +++ b/blocks/teaser/teaser.css @@ -0,0 +1,490 @@ +/* ----- MOBILE / Default ----- */ + +/* teaser wrapper stretches over complete width */ +.section div.teaser-wrapper { + max-width: unset; + + /* stretches to window edge in mobile view */ + margin-left: calc(-1 * var(--space-token-xs)); + margin-right: calc(-1 * var(--space-token-xs)); + } + + .teaser.block { + width: 100%; + height:100%; + } + + /* the foreground contains text and spacer */ + .teaser.block > .foreground { + max-width: var(--non-spectrum-max-width); + margin: auto; + } + + /* the text block (eyebrow, title , descr , ctr) */ + .teaser.block > .foreground > .text { + display: flex; + flex-direction: column; + justify-content: center; + padding: var(--spectrum-spacing-400) var(--space-token-xs); + } + + /* the eybrow title, hidden in mobile */ + .teaser.block > .foreground > .text > .eyebrow { + display:none; + font-family: var(--body-font-family); + font-size: var(--spectrum-font-size-75); + font-weight: var(--font-weight-700); + color: var(--spectrum-gray-700); + margin-bottom: var(--space-token-xs); + } + + /* the main title, hidden in mobile */ + .teaser.block > .foreground > .text > .title { + display: none; + font-family: var(--body-font-family); + font-size: var(--spectrum-heading-size-l); + font-weight: var(--font-weight-700); + line-height: var(--spectrum-line-height-xxl); + margin-bottom: var(--space-token-xxs); + } + + .teaser.block.dark > .foreground > .text > .title { + color: var(--background-color); + } + + /* the short description */ + .teaser.block > .foreground > .text > .short-description, + .teaser.block > .foreground > .text > .short-description * { + font-family: var(--body-font-family); + font-size: var(--spectrum-font-size-300); + font-weight: var(--font-weight-700); + line-height: var(--spectrum-line-height-l); + color: var(--background-color); + margin: 0; + } + + /* long description , hidden in mobile */ + .teaser.block > .foreground > .text > .long-description { + display: none; + } + + .teaser.block > .foreground > .text > .long-description, + .teaser.block > .foreground > .text > .long-description * { + font-family: var(--body-font-family); + font-size: var(--spectrum-body-size-l); + line-height: var(--spectrum-line-height-l); + margin: 0; + } + + .teaser.block.dark > .foreground > .text > .long-description, + .teaser.block.dark > .foreground > .text > .long-description * { + color: var(--background-color); + } + + /* the list of CTA's */ + .teaser.block > .foreground > .text > .cta { + display: flex; + gap: var(--spectrum-spacing-400); + margin-top: var(--spectrum-spacing-400); + padding: 0; + width:min-content; + } + + .teaser.block > .foreground > .text > .cta:empty { + display: none; + } + + /* the cta buttons in mobile view */ + .teaser.block > .foreground > .text > .cta > a.button { + background-color: var(--background-color); + border: 2px solid transparent; + color:var(--teaser-background-color); + margin: 0; + font-family: var(--body-font-family); + font-size: 15px; + font-weight: var(--font-weight-700); + line-height: 15px; + padding: 5px 14px 6px; + } + + .teaser.block > .foreground > .text > .cta > a.button.secondary { + background-color: unset; + border: 2px solid var(--background-color); + color:var(--background-color); + } + + /* spacer div */ + .teaser.block > .foreground > .spacer { + display:none; + } + + /* The background color for mobile view */ + .teaser.block > .foreground , + .teaser.block.dark > .foreground { + --teaser-background-color : var(--spectrum-red-700); + + background-color: var(--teaser-background-color); + } + + /* the background image , hidden in mobile */ + .teaser.block > .background img { + display:none; + width: auto; + height: max-content; + object-fit: cover; + } + + /* ----- TABLET ----- */ + @media (min-width: 600px) { + .section.teaser-container { + padding: 0 56px; + } + + .section div.teaser-wrapper { + /* stretches to window edge, cover section padding */ + margin-left: calc(-1 * var(--space-token-xl)); + margin-right: calc(-1 * var(--space-token-xl)); + } + + /* remove background color , add border */ + .teaser.block, + .teaser.block.dark { + position: relative; + padding: 0; + overflow: hidden; + } + + /* foreground container, flex (text + spacer), always on top */ + .teaser.block > .foreground { + position: relative; + display: flex; + padding: 0 var(--space-token-xl); + background-color: unset; + min-height:420px; + } + + .teaser.block.dark > .foreground { + background-color: unset; + } + + /* limit width of text part and set order */ + .teaser.block > .foreground > .text { + width:40%; + order: 0; + padding: var(--spectrum-spacing-500) 0; + } + + /* change the order if text should be on the right */ + .teaser.block.right > .foreground > .text { + order: 1; + } + + /* turn on the eybrow */ + .teaser.block > .foreground > .text > .eyebrow { + display: block; + } + + /* turn on the title */ + .teaser.block > .foreground > .text > .title { + display: block; + } + + .teaser.block > .foreground > .text > .title :where(h1,h2,h3,h4,h5,h6) { + margin: 0; + color: inherit; + font: inherit; + } + + .teaser.block.dark > .foreground > .text > .eyebrow { + color: var(--background-color); + } + + /* turn of short description */ + .teaser.block > .foreground > .text > .short-description { + display: none; + } + + /* turn on long description */ + .teaser.block > .foreground > .text > .long-description { + /* display: block; */ + display: -webkit-box; + -webkit-line-clamp: 5; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + } + + /* revert to normal button behavior for primary and secondary */ + .teaser.block > .foreground > .text > .cta > a.button { + background-color: var(--link-color); + border: 2px solid transparent; + color: var(--background-color); + } + + .teaser.block > .foreground > .text > .cta > a.button.secondary { + background-color: unset; + border: 2px solid currentcolor; + color: currentcolor; + } + + .teaser.block.dark > .foreground > .text > .cta > a.button { + background-color: var(--background-color); + border: 2px solid transparent; + color: currentcolor; + } + + .teaser.block.dark > .foreground > .text > .cta > a.button.secondary { + background-color: unset; + border: 2px solid currentcolor; + color: var(--background-color); + } + + /* spacer */ + .teaser.block > .foreground > .spacer { + display:block; + order: 1; + flex-grow:2; + } + + /* change the order if text should be on the right */ + .teaser.block.right > .foreground > .spacer { + order: 0; + } + + /* the background image container */ + .teaser.block > .background { + display:block; + position: absolute; + width:100%; + height: 100%; + top: 0; + left: 0; + } + + + /* reomve background color to avoid flicker on load */ + .teaser.block > .background , + .teaser.block.dark > .background { + background-color: unset; + } + + /* the image, shifted left or right so background subject + does not overlap with text */ + .teaser.block > .background img { + display:block; + height:100%; + width: 100%; + object-position: 60%; + } + + .teaser.block.right > .background img { + display:block; + height:100%; + width: 100%; + object-position: 40%; + } + + /* teaser on browse pages has different width for text */ + body[class ^= 'browse-'] .teaser.block > .foreground > .text, + body[class ^= 'article-'] .teaser.block > .foreground > .text { + width:55%; + } + + /* teaser on browse has smaller height no background shift required */ + body[class ^= 'browse-'] .teaser.block > .background img, + body[class ^= 'article-'] .teaser.block > .background img { + object-position: right; + } + + body[class ^= 'browse-'] .teaser.block.right > .background img, + body[class ^= 'article-'] .teaser.block.right > .background img { + object-position: left; + } + + /* it gets a border */ + body[class ^= 'browse-'] .section div.teaser-wrapper, + body[class ^= 'article-'] .section div.teaser-wrapper { + border: 1px solid var(--spectrum-gray-200); + border-radius: 4px; + } + + body[class ^= 'browse-'] .section div.teaser-wrapper .background img, + body[class ^= 'article-'] .section div.teaser-wrapper .background img { + border-radius: 4px; + } + + body[class ^= 'browse-'] .section div.teaser-wrapper .foreground, + body[class ^= 'article-'] .section div.teaser-wrapper .foreground { + min-height:240px; + padding: 0 var(--space-token-xl); + } + + /* the main title, hidden in mobile */ + body[class ^= 'browse-'] .teaser.block > .foreground > .text > .title, + body[class ^= 'article-'] .teaser.block > .foreground > .text > .title { + font-size: var(--spectrum-font-size-600); + line-height: 37.5px; + } + + body[class ^= 'browse-'] .teaser.block > .foreground > .text > .long-description, + body[class ^= 'article-'] .teaser.block > .foreground > .text > .long-description, + body[class ^= 'browse-'] .teaser.block > .foreground > .text > .long-description *, + body[class ^= 'article-'] .teaser.block > .foreground > .text > .long-description * { + font-size: var(--spectrum-body-size-s); + line-height: 18.2px; + } + + body[class ^= 'browse-'] .teaser.block > .foreground > .text > .cta > a.button, + body[class ^= 'article-'] .teaser.block > .foreground > .text > .cta > a.button { + font-size: 13px; + line-height: 16px; + padding: 4px 14px 6px; + } + } + + @media (min-width: 786px) { + /* teaser on browse pages has different width for text */ + body[class ^= 'browse-'] .teaser.block > .foreground > .text, + body[class ^= 'article-'] .teaser.block > .foreground > .text { + width:60%; + } + } + + @media (min-width: 1024px) { + /* the background image, start align right */ + .teaser.block > .background img { + object-position: right; + } + + /* the background image, start align left */ + .teaser.block.right > .background img { + object-position: left; + } + + /* teaser on browse pages has different width for text */ + body[class ^= 'browse-'] .teaser.block > .foreground > .text, + body[class ^= 'article-'] .teaser.block > .foreground > .text { + width:50%; + } + + /* when shown on a page with a rail + no longer goes from end to end */ + body[class ^= 'browse-'] .section div.teaser-wrapper, + body[class ^= 'article-'] .section div.teaser-wrapper { + margin-left: unset; + margin-right: unset; + } + + body[class ^= 'browse-'] .section div.teaser-wrapper .foreground, + body[class ^= 'article-'] .section div.teaser-wrapper .foreground { + padding: 0 var(--space-token-l); + } + } + + @media (min-width: 1200px) { + /* when shown on a page with a rail he eybrow title */ + body:not([class ^= 'browse-']) .teaser.block > .foreground > .text > .eyebrow, + body:not([class ^= 'article-']) .teaser.block > .foreground > .text > .eyebrow { + font-size: var(--spectrum-font-size-100); + } + + body[class ^= 'browse-'] .section div.teaser-wrapper .foreground, + body[class ^= 'article-'] .section div.teaser-wrapper .foreground { + padding: 0 var(--spectrum-spacing-600); + } + + /* teaser on browse pages has different width for text */ + body[class ^= 'browse-'] .teaser.block > .foreground > .text, + body[class ^= 'article-'] .teaser.block > .foreground > .text { + width:60%; + } + + /* the main title */ + body:not([class ^= 'browse-']) .teaser.block > .foreground > .text > .title, + body:not([class ^= 'article-']) .teaser.block > .foreground > .text > .title { + font-size: var(--spectrum-heading-size-xl); + line-height: 46.8px; + } + } + + @media (min-width: 1440px) { + /* teaser on browse pages has different width for text */ + body[class ^= 'browse-'] .teaser.block > .foreground > .text, + body[class ^= 'article-'] .teaser.block > .foreground > .text { + width:70%; + } + } + +/* about us cards carousel start */ +/* .section.carousel-container .default-content-wrapper>p>strong{ + margin: 20px 0 24px; + color: var(--black); + display: block; + font-family: 'Nunito-Extrabold',sans-serif; + font-size: 2pc; + line-height: 40px; +} + +.section.carousel-container .carousel-wrapper .panel-container .teaser.block { + position: relative; + padding: 82px 16px 10px 40px; +} + +.section.carousel-container .carousel-wrapper .panel-container .teaser.block .background img { + object-fit: fill; + background-position: 100%; + background-repeat: no-repeat; +} + +.section.carousel-container .carousel-wrapper .panel-container .teaser.block .front-picture { + position: absolute; +} + +.section.carousel-container .carousel-wrapper .panel-container .teaser.block .front-picture img{ + height: 72px; + width: 72px; +} + +.section.carousel-container .carousel-wrapper .panel-container .teaser.block .foreground .text .long-description>p, +.section.carousel-container .carousel-wrapper .panel-container .teaser.block .foreground .text .short-description>p { + color: var(--darkcharcoal); + display: block; + font-family: 'Nunito-Regular',sans-serif; + font-size: 1pc; + line-height: 24px; + margin-bottom: 2pc; +} + +.section.carousel-container .carousel-wrapper .panel-container .teaser.block .foreground .text .long-description>p>strong, +.section.carousel-container .carousel-wrapper .panel-container .teaser.block .foreground .text .short-description>p>strong{ + color: var(--black); + font-family: 'Nunito-Bold',sans-serif; + font-size: 1pc; + line-height: 24px; +} + +.section.carousel-container .carousel-wrapper .panel-container .teaser.block .foreground .text .cta { + position: absolute; + top: 10px; + left: 7%; +} + +.section.carousel-container .carousel-wrapper .panel-container .teaser.block .foreground .text .cta>a { + background-color: var(--greyishblue); + border-radius: 67px; + padding: 10px 20px; + width: 10pc; + color: #fff; + font-family: 'Nunito-Bold',sans-serif; + font-size: 20px; + line-height: 28px; +} + +@media screen and (max-width:768px) { + .section.carousel-container .default-content-wrapper>p>strong { + font-size: 20px; + line-height: 28px; + margin: 20px 0; + } +} */ +/* about us cards carousel end */ \ No newline at end of file diff --git a/blocks/teaser/teaser.js b/blocks/teaser/teaser.js new file mode 100644 index 0000000000..b81c021b4a --- /dev/null +++ b/blocks/teaser/teaser.js @@ -0,0 +1,102 @@ +export function decorateButtons(...buttons) { + return buttons + .map((div) => { + const a = div.querySelector("a"); + if (a) { + a.classList.add("button"); + if (a.parentElement.tagName === "EM") a.classList.add("secondary"); + if (a.parentElement.tagName === "STRONG") a.classList.add("primary"); + return a.outerHTML; + } + return ""; + }) + .join(""); +} +function createAnchor(element) { + const a = document.createElement("a"); + a.href = element.innerText.trim(); + return a; +} +export function generateTeaserDOM(props, classes) { + // Extract properties, always same order as in model, empty string if not set + const nullDom = document.createElement("a"); + nullDom.classList.add("null-dom"); + const [ + pictureBgContainer, + pictureContainer, + eyebrow, + title, + longDescr, + shortDescr, + firstCta, + secondCta, + ctaImage, + ctaImageAlt, + ctaImageUrl, + ctaImage2, + ctaImageAlt2, + ctaImageUrl2, + ctaImage3, + ctaImageAlt3, + ctaImageUrl3, + mobileImage, + ] = props; + + const bgPicture = pictureBgContainer.querySelector("picture"); + const picture = pictureContainer.querySelector("picture"); + const hasShortDescr = shortDescr.textContent.trim() !== ""; + // Build DOM + const ctaImageAnchor = ctaImageUrl.querySelector("a") || createAnchor(ctaImageUrl); + const ctaImageAnchor2 = ctaImageUrl2.querySelector("a") || createAnchor(ctaImageUrl2); + const ctaImageAnchor3 = ctaImageUrl3.querySelector("a") || createAnchor(ctaImageUrl3); + ctaImageAnchor.innerHTML = ctaImage.innerHTML; + ctaImageAnchor2.innerHTML = ctaImage2.innerHTML; + ctaImageAnchor3.innerHTML = ctaImage3.innerHTML; + const bgPictureStyle = bgPicture?.querySelector('img')?.src || ""; + const mobileImageStyle = mobileImage?.querySelector('img')?.src || ""; + let bgImageAllow = bgPictureStyle; + const isMobile = window.matchMedia('(max-width: 768px)'); + if(isMobile){ + bgImageAllow = mobileImageStyle; + } + + const teaserDOM = document.createRange().createContextualFragment( + ` +
    +
    ${picture ? picture.outerHTML : ""}
    +
    +
    + ${eyebrow.textContent.trim() !== "" ? `
    ${eyebrow.textContent.trim()}
    ` : ``} +
    ${title.innerHTML}
    +
    ${longDescr.innerHTML}
    + +
    ${shortDescr.innerHTML}
    +
    ${decorateButtons(firstCta, secondCta)}
    +
    +
    +
    +
    ${ctaImageAnchor ? ctaImageAnchor.outerHTML : ""}
    +
    ${ctaImageAnchor2 ? ctaImageAnchor2.outerHTML : ""}
    +
    ${ctaImageAnchor3 ? ctaImageAnchor3.outerHTML : ""}
    +
    +
    + ` + ); + + // set the mobile background color + const backgroundColor = [...classes].find((cls) => cls.startsWith("bg-")); + if (backgroundColor) { + teaserDOM.querySelector(".foreground").style.setProperty("--teaser-background-color", `var(--${backgroundColor.substr(3)})`); + } + + // add final teaser DOM and classes if used as child component + return teaserDOM; +} + +export default function decorate(block) { + // get the first and only cell from each row + const props = [...block.children].map((row) => row.firstElementChild); + const teaserDOM = generateTeaserDOM(props, block.classList); + block.textContent = ""; + block.append(teaserDOM); +} diff --git a/blocks/teaserv2/teaserv2.css b/blocks/teaserv2/teaserv2.css new file mode 100644 index 0000000000..ecb687214d --- /dev/null +++ b/blocks/teaserv2/teaserv2.css @@ -0,0 +1,73 @@ +.personal-loan-green-banner .teaserv2-wrapper{ + margin: 0 auto; + max-width: 1240px; + margin-bottom: 70px; + margin-top: 70px; +} + +.personal-loan-green-banner .teaserv2.block a .bg-image{ + background-position: center; + background-repeat: no-repeat; + background-size: cover; + align-items: center; + background-position: 100% !important; + border-radius: 16px; + display: flex; + height: 100%; + min-height: 188px; + padding: 16px; + +} +.personal-loan-green-banner .teaserv2.block a:hover{ +text-decoration: none; +} + +.personal-loan-green-banner .teaserv2.block .description{ + color: #277742; + font-family: Nunito-Regular, sans-serif; + font-size: 24px; + font-weight: 400; + line-height: 38px; + padding-left: 31px; + width: 80%; +} + + +.personal-loan-green-banner .teaserv2.block .description b,.personal-loan-green-banner .teaserv2.block .description strong{ + color: #277742; + font-family: Nunito-Bold, sans-serif; + font-size: 24px; + font-weight: 700; + line-height: 38px; +} + + +@media screen and (max-width:768px) { + .personal-loan-green-banner .teaserv2.block .description{ + font-size: 14px; + line-height: 20px; + padding-left: unset; + width: 72%; + + } + + .personal-loan-green-banner .teaserv2-wrapper{ + padding: 0px 16px; + margin-bottom: 40px; + margin-top: 40px; + } + + .personal-loan-green-banner .teaserv2.block a .bg-image{ + + background-position: center; + background-repeat: no-repeat; + background-size: cover; + min-height: 96px; + padding: 8px 16px; + } + + .personal-loan-green-banner .teaserv2.block .description b,.personal-loan-green-banner .teaserv2.block .description strong{ + font-size: 14px; + line-height: 20px; + } +} \ No newline at end of file diff --git a/blocks/teaserv2/teaserv2.js b/blocks/teaserv2/teaserv2.js new file mode 100644 index 0000000000..4da4695a46 --- /dev/null +++ b/blocks/teaserv2/teaserv2.js @@ -0,0 +1,56 @@ +export default function decorate(block) { + const props = Array.from(block.children, (row) => row.firstElementChild); + const renderTeaserHTML = renderTeaserHTMLFactory(props); + block.innerHTML = ""; + block.append(renderTeaserHTML); +} + +function renderTeaserHTMLFactory(props) { + const [mainHref, bgImage, frontImage, title, description, mobileDescription, button, buttonHref, bgColor, teaserv2Attr] = props; + + const createElement = (tag, className, content) => { + const element = document.createElement(tag); + if (className) element.className = className; + if (content) element.innerHTML = content || ""; + return element; + }; + + const mainLink = mainHref?.textContent.trim() || ""; + const container = document.createElement("a"); + if (mainLink) container.href = mainLink; + + const bgImageSrc = bgImage?.querySelector("picture > img")?.src || ""; + const bgBannerColor = bgColor?.textContent.trim()?.src || ""; + const bgImageDiv = createElement("div", "bg-image"); + if (bgImageSrc) bgImageDiv.style.backgroundImage = `url(${bgImageSrc})`; + if (bgBannerColor) bgImageDiv.style.backgroundColor = bgBannerColor; + + const frontImagePic = frontImage?.querySelector("picture"); + const frontImageDiv = createElement("div", "front-image"); + if (frontImagePic) frontImageDiv.append(frontImagePic); + + const titleDiv = createElement("div", "title", title?.textContent.trim() || ""); + const descriptionDiv = createElement("div", "description", description?.textContent.trim() || ""); + + let newButtonTag = ""; + const buttonHrefAnchor = buttonHref?.querySelector("a") || ""; + if (buttonHrefAnchor) { + buttonHrefAnchor.innerText = button?.textContent.trim() || ""; + newButtonTag = buttonHrefAnchor.outerHTML; + } else if (button) { + newButtonTag = createElement("div", "button-container-text", button?.textContent.trim() || ""); + } + + bgImageDiv.append(frontImageDiv, titleDiv, descriptionDiv, newButtonTag); + + const teaserv2AttrGet = teaserv2Attr?.textContent?.trim() || ""; + teaserv2Attr.closest(".teaserv2-wrapper").setAttribute("data-teaserv2-xf", teaserv2AttrGet); + + if (container.tagName === "A") { + container.append(bgImageDiv); + } + + return container; +} + + diff --git a/blocks/testimonial/renderHelper.js b/blocks/testimonial/renderHelper.js new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/testimonial/template.js b/blocks/testimonial/template.js new file mode 100644 index 0000000000..831a966f2f --- /dev/null +++ b/blocks/testimonial/template.js @@ -0,0 +1,40 @@ +export const customerTemplate = ` +
    +
    +
    + {ribbononealt} + {ribbontwoalt} + {ribbonthreealt} + {ribbonfouralt} + + {cards} +
    +
    +
    +` +export const customerCard = + ` +
    +
    +
    + cutomer img +
    +
    +
    +
    +
    +
    +
    +

    + {customerDetails} + {customerName} + {customerProfession} +

    +
    +
    +
    +
    +` + +// export customerTemplate; +// export customerCard; \ No newline at end of file diff --git a/blocks/testimonial/testimonial.css b/blocks/testimonial/testimonial.css new file mode 100644 index 0000000000..1c98417648 --- /dev/null +++ b/blocks/testimonial/testimonial.css @@ -0,0 +1,725 @@ +/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/glob-import-loader/index.js??ruleSet[1].rules[1].use[4]!./src/main/webpack/clientlibs/homepage/happycustomer/css/happycustomer.scss ***! + \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +.cmp-container--happycustomer { + padding: 64px 0; +} + +@media screen and (max-width: 1024px) { + .cmp-container--happycustomer { + padding: 40px 16px; + } +} + +.happy-customer .title { + font-family: "Nunito-Extrabold", sans-serif; + font-weight: 800; + font-size: 32px; + line-height: 40px; + color: #333333; + text-align: center; +} + +@media screen and (max-width: 1024px) { + .happy-customer .title { + font-size: 20px; + line-height: 40px; + } +} + +.happy-customer .info-card { + max-width: 743px; + width: 100%; + margin: 0 auto; + margin-top: 100px; + position: relative; +} + +@media screen and (min-width: 1200px) and (max-width: 1400px) { + .happy-customer .info-card { + max-width: 624px; + } +} + +@media screen and (max-width: 767px) { + .happy-customer .info-card { + width: 100%; + margin-top: 41px; + } +} + +.happy-customer .info-card .left-top { + width: 15px; + height: 19px; + position: absolute; + left: 255px; + top: -20px; +} + +@media screen and (max-width: 1024px) { + .happy-customer .info-card .left-top { + left: 35px; + top: 15px; + } +} + +.happy-customer .info-card .right-top { + width: 58px; + height: 58px; + position: absolute; + right: 200px; + top: -20px; +} + +@media screen and (max-width: 1024px) { + .happy-customer .info-card .right-top { + right: 10px; + top: 15px; + } +} + +.happy-customer .info-card .left-bottom { + width: 37px; + height: 31px; + position: absolute; + left: 185px; + top: 140px; +} + +@media screen and (max-width: 1024px) { + .happy-customer .info-card .left-bottom { + left: 15px; + top: 155px; + } +} + +.happy-customer .info-card .right-bottom { + width: 62px; + height: 67px; + position: absolute; + right: 190px; + top: 130px; +} + +@media screen and (max-width: 1024px) { + .happy-customer .info-card .right-bottom { + right: 15px; + top: 150px; + } +} + +.happy-customer .info-card .customer-info { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.happy-customer .info-card .customer-info .card-images { + width: 205px; + height: 205px; + z-index: 1; +} + +.happy-customer .info-card .customer-info .card-images .personimg { + width: 205px; + height: 205px; + margin-bottom: 10px; + border-radius: 50%; +} + +.happy-customer .info-card .customer-info .zoom-circleone { + border-radius: 50%; + background: #F26841; + width: 204px; + height: 204px; + position: absolute; + opacity: 0; + -webkit-animation: scaleIn 6s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32); + animation: scaleIn 6s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32); + -webkit-animation-delay: 0s; + animation-delay: 0s; +} + +@media screen and (max-width: 767px) { + .happy-customer .info-card .customer-info .zoom-circleone { + width: 175px; + height: 175px; + top: 18px; + } +} + +@-webkit-keyframes scaleIn { + 0% { + -webkit-transform: scale(0.8, 0.8); + transform: scale(0.8, 0.8); + opacity: 0.1; + } + + 100% { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); + opacity: 0; + } +} + +@keyframes scaleIn { + 0% { + -webkit-transform: scale(0.8, 0.8); + transform: scale(0.8, 0.8); + opacity: 0.1; + } + + 100% { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); + opacity: 0; + } +} + +.happy-customer .info-card .customer-info .zoom-circletwo { + border-radius: 50%; + background: #F26841; + width: 204px; + height: 204px; + position: absolute; + opacity: 0; + -webkit-animation: scaleIn 6s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32); + animation: scaleIn 6s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32); + -webkit-animation-delay: 1s; + animation-delay: 1s; +} + +@media screen and (max-width: 767px) { + .happy-customer .info-card .customer-info .zoom-circletwo { + width: 175px; + height: 175px; + top: 18px; + } +} + +@keyframes scaleIn { + 0% { + -webkit-transform: scale(0.8, 0.8); + transform: scale(0.8, 0.8); + opacity: 0.1; + } + + 100% { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); + opacity: 0; + } +} + +.happy-customer .info-card .customer-info .zoom-circlethree { + border-radius: 50%; + background: #F26841; + width: 204px; + height: 204px; + position: absolute; + opacity: 0; + -webkit-animation: scaleIn 6s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32); + animation: scaleIn 6s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32); + -webkit-animation-delay: 2s; + animation-delay: 2s; +} + +@media screen and (max-width: 767px) { + .happy-customer .info-card .customer-info .zoom-circlethree { + width: 175px; + height: 175px; + top: 18px; + } +} + +@keyframes scaleIn { + 0% { + -webkit-transform: scale(0.8, 0.8); + transform: scale(0.8, 0.8); + opacity: 0.1; + } + + 100% { + -webkit-transform: scale(2, 2); + transform: scale(2, 2); + opacity: 0; + } +} + +.happy-customer .info-card .customer-info .customer-comments { + -webkit-box-shadow: 0px 4px 12px rgba(51, 51, 51, 0.2); + box-shadow: 0px 4px 12px rgba(51, 51, 51, 0.2); + padding: 32px 64px; + border-radius: 24px; + position: relative; + background-color: #ffffff; + margin-top: 15px; +} + +@media screen and (max-width: 1024px) { + .happy-customer .info-card .customer-info .customer-comments { + padding: 16px; + } +} + +.happy-customer .info-card .customer-info .customer-comments .arrowup { + width: 28px; + height: 14px; + border-left: 13px solid transparent; + border-right: 16px solid transparent; + border-bottom: 13px solid #ffffff; + content: " "; + position: absolute; + left: 48%; + z-index: 9; + margin-top: -46px; +} + +@media screen and (max-width: 1024px) { + .happy-customer .info-card .customer-info .customer-comments .arrowup { + border-left: 18px solid transparent; + border-right: 21px solid transparent; + border-bottom: 15px solid #ffffff; + left: 48%; + margin-top: -30px; + } +} + +@media screen and (max-width: 767px) { + .happy-customer .info-card .customer-info .customer-comments .arrowup { + left: 45%; + } +} + +.happy-customer .info-card .customer-info .customer-comments .comments { + text-align: center; +} + +.happy-customer .info-card .customer-info .customer-comments .comments p .custinfo { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 18px; + line-height: 28px; + color: #333333; + margin-bottom: 20px; + display: block; +} + +@media screen and (max-width: 1024px) { + .happy-customer .info-card .customer-info .customer-comments .comments p .custinfo { + font-size: 16px; + line-height: 24px; + } +} + +.happy-customer .info-card .customer-info .customer-comments .comments p .custname { + font-family: "Nunito-Bold", sans-serif; + font-weight: 700; + font-size: 24px; + line-height: 32px; + color: #333333; + margin-bottom: 4px; + display: block; +} + +@media screen and (max-width: 1024px) { + .happy-customer .info-card .customer-info .customer-comments .comments p .custname { + font-size: 14px; + line-height: 20px; + } +} + +.happy-customer .info-card .customer-info .customer-comments .comments p .custprofession { + font-family: "Nunito-Regular", sans-serif; + font-weight: 400; + font-size: 16px; + line-height: 24px; + color: #808080; +} + +@media screen and (max-width: 1024px) { + .happy-customer .info-card .customer-info .customer-comments .comments p .custprofession { + font-size: 12px; + line-height: 16px; + } +} + +.happy-customer .info-card .customerclasstwo { + position: absolute; + top: 125px; + right: -115px; + -webkit-animation-duration: 5s; + animation-duration: 5s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: floating-two; + animation-name: floating-two; + -webkit-animation-delay: 6s; + animation-delay: 6s; +} + +@media screen and (max-width: 1024px) { + .happy-customer .info-card .customerclasstwo { + display: none; + } +} + +.happy-customer .info-card .customerclasstwo .card-images { + width: 60px; + height: 60px; +} + +.happy-customer .info-card .customerclasstwo .card-images .personimg { + width: 60px; + height: 60px; +} + +.happy-customer .info-card .customerclasstwo .zoom-circleone { + display: none; +} + +.happy-customer .info-card .customerclasstwo .zoom-circletwo { + display: none; +} + +.happy-customer .info-card .customerclasstwo .zoom-circlethree { + display: none; +} + +.happy-customer .info-card .customerclasstwo .customer-comments { + display: none; +} + +@-webkit-keyframes floating-two { + 0% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } + + 50% { + -webkit-transform: translatey(-20px); + transform: translatey(-20px); + border-radius: 50%; + } + + 100% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } +} + +@keyframes floating-two { + 0% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } + + 50% { + -webkit-transform: translatey(-20px); + transform: translatey(-20px); + border-radius: 50%; + } + + 100% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } +} + +.happy-customer .info-card .customerclassthree { + position: absolute; + top: -40px; + right: 20px; + -webkit-animation-duration: 5s; + animation-duration: 5s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: floating-three; + animation-name: floating-three; + -webkit-animation-delay: 4s; + animation-delay: 4s; +} + +@media screen and (max-width: 1024px) { + .happy-customer .info-card .customerclassthree { + display: none; + } +} + +.happy-customer .info-card .customerclassthree .card-images { + width: 87px; + height: 87px; +} + +.happy-customer .info-card .customerclassthree .card-images .personimg { + width: 87px; + height: 87px; +} + +.happy-customer .info-card .customerclassthree .zoom-circleone { + display: none; +} + +.happy-customer .info-card .customerclassthree .zoom-circletwo { + display: none; +} + +.happy-customer .info-card .customerclassthree .zoom-circlethree { + display: none; +} + +.happy-customer .info-card .customerclassthree .customer-comments { + display: none; +} + +@-webkit-keyframes floating-three { + 0% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } + + 50% { + -webkit-transform: translatey(-20px); + transform: translatey(-20px); + border-radius: 50%; + } + + 100% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } +} + +@keyframes floating-three { + 0% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } + + 50% { + -webkit-transform: translatey(-20px); + transform: translatey(-20px); + border-radius: 50%; + } + + 100% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } +} + +.happy-customer .info-card .customerclassfour { + position: absolute; + top: -40px; + left: 0px; + -webkit-animation-duration: 5s; + animation-duration: 5s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: floating-four; + animation-name: floating-four; + -webkit-animation-delay: 2s; + animation-delay: 2s; +} + +@media screen and (max-width: 1024px) { + .happy-customer .info-card .customerclassfour { + display: none; + } +} + +.happy-customer .info-card .customerclassfour .card-images { + width: 60px; + height: 60px; +} + +.happy-customer .info-card .customerclassfour .card-images .personimg { + width: 60px; + height: 60px; +} + +.happy-customer .info-card .customerclassfour .zoom-circleone { + display: none; +} + +.happy-customer .info-card .customerclassfour .zoom-circletwo { + display: none; +} + +.happy-customer .info-card .customerclassfour .zoom-circlethree { + display: none; +} + +.happy-customer .info-card .customerclassfour .customer-comments { + display: none; +} + +@-webkit-keyframes floating-four { + 0% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } + + 50% { + -webkit-transform: translatey(-20px); + transform: translatey(-20px); + border-radius: 50%; + } + + 100% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } +} + +@keyframes floating-four { + 0% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } + + 50% { + -webkit-transform: translatey(-20px); + transform: translatey(-20px); + border-radius: 50%; + } + + 100% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } +} + +.happy-customer .info-card .customerclassfive { + position: absolute; + top: 125px; + left: -130px; + -webkit-animation-duration: 5s; + animation-duration: 5s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: floating-five; + animation-name: floating-five; + -webkit-animation-delay: 0s; + animation-delay: 0s; +} + +@media screen and (max-width: 1024px) { + .happy-customer .info-card .customerclassfive { + display: none; + } +} + +.happy-customer .info-card .customerclassfive .card-images { + width: 87px; + height: 87px; +} + +.happy-customer .info-card .customerclassfive .card-images .personimg { + width: 87px; + height: 87px; +} + +.happy-customer .info-card .customerclassfive .zoom-circleone { + display: none; +} + +.happy-customer .info-card .customerclassfive .zoom-circletwo { + display: none; +} + +.happy-customer .info-card .customerclassfive .zoom-circlethree { + display: none; +} + +.happy-customer .info-card .customerclassfive .customer-comments { + display: none; +} + +@-webkit-keyframes floating-five { + 0% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } + + 50% { + -webkit-transform: translatey(-20px); + transform: translatey(-20px); + border-radius: 50%; + } + + 100% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } +} + +@keyframes floating-five { + 0% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } + + 50% { + -webkit-transform: translatey(-20px); + transform: translatey(-20px); + border-radius: 50%; + } + + 100% { + -webkit-transform: translatey(0px); + transform: translatey(0px); + border-radius: 50%; + } +} + +/* .happy-customer .info-card .customerclasstwo .card-images, +.happy-customer .info-card .customerclassthree .card-images, +.happy-customer .info-card .customerclassfour .card-images, +.happy-customer .info-card .customerclassfive .card-images { + display: none; +} + +.happy-customer .info-card .customerclasstwo .card-images, +.happy-customer .info-card .customerclassthree .card-images, +.happy-customer .info-card .customerclassfour .card-images, +.happy-customer .info-card .customerclassfive .card-images { + display: none; +} */ + +.testimonial.block.secondary .happy-customer .info-card .customerclasstwo .card-images, +.testimonial.block.secondary .happy-customer .info-card .customerclassthree .card-images, +.testimonial.block.secondary .happy-customer .info-card .customerclassfour .card-images, +.testimonial.block.secondary .happy-customer .info-card .customerclassfive .card-images { + display: none; +} diff --git a/blocks/testimonial/testimonial.js b/blocks/testimonial/testimonial.js new file mode 100644 index 0000000000..a0e317b772 --- /dev/null +++ b/blocks/testimonial/testimonial.js @@ -0,0 +1,143 @@ +import { fetchAPI, getProps, renderHelper } from "../../scripts/scripts.js"; +import { customerTemplate, customerCard } from "./template.js"; + +export default async function decorate(block) { + // const props = Array.from(block.children).map(function (el) { + // return el.innerHTML.includes("picture") ? el.querySelector("img").src.trim() : el.innerText.trim(); + // }) + const props = getProps(block); + const [url, time, ribbononeimg, ribbontwoimg, ribbonthreeimg, ribbonfourimg, classess] = props; + block.classList.add(classess); + try { + const resp = await fetchAPI("GET", url) + } catch (error) { + console.warn(error); + } + + const cards = renderHelper([ + { + ":path": "https://publish-p133703-e1305981.adobeaemcloud.com/content/piramalfinance-edge/cf/happy-customer/jcr:content/row", + "customerImage": "https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/homepage/testimonials/ch-maruthi-prasad.webp", + "customerDetails": "I was very much delighted with the way the loan was disbursed. I would like to also thank for the quickest response by Piramal Finance executive. The loan was disbursed in a week’s time in a hassle free manner.", + "customerDetailsClass": "", + "customerName": "CH Maruthi Prasad", + "customerNameClass": "", + "customerProfession": "VT Engineering, Indore", + "customerProfessionClass": "", + "customerId": "customer5", + "customerClass": "customerclassfive" + }, + { + ":path": "https://publish-p133703-e1305981.adobeaemcloud.com/content/piramalfinance-edge/cf/happy-customer/jcr:content/row_1912225365", + "customerImage": "https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/homepage/testimonials/dileep-s.webp", + "customerDetails": "Appreciate the efforts of Piramal Finance for quick and smooth processing of my Loan Against Property. Piramal Finance team understood my requirements and explained the process, product details and required document list. Piramal Finance was helpful in every step and gave me quick loan sanction. Thank you Piramal Finance.", + "customerDetailsClass": "", + "customerName": "Dileep S", + "customerNameClass": "", + "customerProfession": "Peenya", + "customerProfessionClass": "", + "customerId": "customer3", + "customerClass": "customerclassthree" + }, + { + ":path": "https://publish-p133703-e1305981.adobeaemcloud.com/content/piramalfinance-edge/cf/happy-customer/jcr:content/row_557713100", + "customerImage": "https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/homepage/testimonials/mohd-irshad-ansari.webp", + "customerDetails": "I have availed Loan From Piramal Finance for Business Expansion. I was attended with utmost professional attitude and perfection. Piramal Finance very patiently answered all my queries and resolved all doubts. Once again, thanks a lot for serving my needs with such warmth.", + "customerDetailsClass": "", + "customerName": "Mohd Irshad Ansari", + "customerNameClass": "", + "customerProfession": "VT Engineering, Indore", + "customerProfessionClass": "", + "customerId": "customer4", + "customerClass": "customerclassfour" + }, + { + ":path": "https://publish-p133703-e1305981.adobeaemcloud.com/content/piramalfinance-edge/cf/happy-customer/jcr:content/row_1116482712", + "customerImage": "https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/homepage/testimonials/nirmal-dand.webp", + "customerDetails": "We are in the business of financial planning but the day I finalized my property, I needed to get a loan I found Piramal Finance to be the best option. They cater to all the requirements of their customers and helped me at every single step to get a business loan.", + "customerDetailsClass": "", + "customerName": "Nirmal Dand", + "customerNameClass": "", + "customerProfession": "Financial Planner", + "customerProfessionClass": "", + "customerId": "customer2", + "customerClass": "customerclasstwo" + }, + { + ":path": "https://publish-p133703-e1305981.adobeaemcloud.com/content/piramalfinance-edge/cf/happy-customer/jcr:content/row_1065156299", + "customerImage": "https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/homepage/testimonials/uday-biradar.webp", + "customerDetails": "I and my family were planning on buying a new home for which we needed a loan and I chose Piramal Capital & Housing Finance. From collecting documents to guiding me at every step, Piramal has been a strong support system through the process.", + "customerDetailsClass": "", + "customerName": "Uday Biradar", + "customerNameClass": "", + "customerProfession": "Software Director", + "customerProfessionClass": "", + "customerId": "customer1", + "customerClass": "customerclassone" + } + ], customerCard) + + block.innerHTML = renderHelper([ + { + ribbononeimg, ribbontwoimg, ribbonthreeimg, ribbonfourimg, cards + } + ], customerTemplate); + + function rotateData() { + const customerDivs = document.querySelectorAll('.customer-info'); + const customerDataArray = []; + + + customerDivs.forEach((div) => { + const customerData = { + imageSrc: div.querySelector('.personimg').src, + description: div.querySelector('.comments .custinfo').textContent, + name: div.querySelector('.comments .custname').textContent, + custprofession: div.querySelector('.comments .custprofession').textContent, + }; + customerDataArray.push(customerData); + }) + rotateCustomerDataArray(customerDataArray); + } + if (time) { + // var timevalue = time; + if (typeof time === "number") { + time = parseInt(time) + } + setInterval(() => { + rotateData(); + }, time); + } + + + + + function rotateCustomerDataArray(customerDataArray) { + + const lastItem = customerDataArray.pop(); + + for (let i = customerDataArray.length - 1; i >= 0; i--) { + customerDataArray[i + 1] = customerDataArray[i]; + } + + + customerDataArray[0] = lastItem; + + renderData(customerDataArray) + } + + + function renderData(array) { + const customerDivs = document.querySelectorAll('.customer-info'); + customerDivs.forEach(function (e, i) { + e.querySelector('.personimg').src = array[i].imageSrc; + e.querySelector('.comments .custinfo').textContent = array[i].description; + e.querySelector('.comments .custname').textContent = array[i].name; + e.querySelector('.comments .custprofession').textContent = array[i].custprofession; + + }) + + + } + +} \ No newline at end of file diff --git a/blocks/wrappercreation/wrappercreation.css b/blocks/wrappercreation/wrappercreation.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/blocks/wrappercreation/wrappercreation.js b/blocks/wrappercreation/wrappercreation.js new file mode 100644 index 0000000000..eb0d936335 --- /dev/null +++ b/blocks/wrappercreation/wrappercreation.js @@ -0,0 +1,20 @@ +export default function decorate(block) { + const mainParentContainer = block.parentElement.closest('.section'); + const mainParentContainerChildren = Array.from(mainParentContainer.children); + let wrapperChecker = false; + let currentIndex, contentDiv; + contentDiv = document.createElement('div'); + contentDiv.classList.add('wrapper-creation-container') + + mainParentContainerChildren.forEach( (child, index) => { + if( ((currentIndex + 1) == index) || wrapperChecker){ + wrapperChecker = true; + contentDiv.append(child); + }else if(child.classList.contains('wrappercreation-wrapper')){ + currentIndex = index; + } + }); + + block.innerHTML = ''; + block.appendChild(contentDiv); +} \ No newline at end of file diff --git a/component-definition.json b/component-definition.json index 5100d0bcd8..16658313d9 100644 --- a/component-definition.json +++ b/component-definition.json @@ -135,8 +135,468 @@ } } } + }, + { + "title": "RTE", + "id": "rte", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "RTE", + "model": "rte" + } + } + } + } + }, + { + "title": "City List", + "id": "city-list", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "city-list", + "model": "city-list" + } + } + } + } + }, + { + "title": "Image With Link", + "id": "imgwithlink", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "imgwithlink", + "model": "imgwithlink", + "classes": "image-bg" + } + } + } + } + }, + { + "title": "Testimonial", + "id": "testimonial", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "testimonial", + "model": "testimonial" + } + } + } + } + }, + { + "title": "Financial Reports", + "id": "financialreports", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "financialreports", + "model": "financialreports" + } + } + } + } + }, + { + "title": "Offer documents", + "id": "offer-documents", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "offer-documents", + "model": "offer-documents" + } + } + } + } + }, + { + "title": "Carousel", + "id": "carousel", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "Carousel", + "model": "carousel", + "filter": "teaser", + "teaser": { + "name": "Teaser", + "model": "teaser", + "fileReference": "/content/dam/default-teaser-banner.png", + "title": "Teaser Title", + "titleType": "h3", + "longDescr": "

    Teaser Description

    ", + "classes": [ + "light", + "left" + ] + } + } + } + } + } + }, + { + "title": "Tab Link", + "id": "tab-link", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "Tab Link", + "model": "tab-link" + } + } + } + } + }, + { + "title": "Tab Name", + "id": "tab-name", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "Tab Name", + "model": "tab-name" + } + } + } + } + }, + { + "title": "Tab Container", + "id": "tab-container", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "Tab Container", + "model": "tab-container", + "filter": "teaser", + "teaser": { + "name": "Teaser", + "model": "teaser", + "fileReference": "/content/dam/default-teaser-banner.png", + "title": "Teaser Title", + "titleType": "h3", + "longDescr": "

    Teaser Description

    ", + "classes": [ + "light", + "left" + ] + } + } + } + } + } + }, + { + "title": "Teaser", + "id": "teaser", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "Teaser", + "model": "teaser", + "fileReference": "/content/dam/default-teaser-banner.png", + "title": "Teaser Title", + "titleType": "h3", + "longDescr": "

    Teaser Description

    ", + "classes": [ + "light", + "left" + ] + } + } + } + } + }, + { + "title": "Tabs", + "id": "tabs", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "Tabs", + "model": "tabs", + "filter": "tab", + "item1": { + "sling:resourceType": "core/franklin/components/block/v1/block/item", + "name": "Tab", + "model": "tab", + "title": "Tab", + "content": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua." + } + } + } + } + } + }, + { + "title": "Tab", + "id": "tab", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "Tab", + "model": "tab", + "title": "Tab", + "filter": "section", + "content": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua." + } + } + } + } + }, + { + "title": "Detailed Teaser", + "id": "detailed-teaser", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "Detailed Teaser", + "model": "detailed-teaser", + "fileReference": "/content/dam/adobe-summit-background.jpeg", + "eyebrow_logo": "/content/dam/summit-logo.png", + "eyebrow_title": "Eyebrow title", + "eyebrow_subtitle": "Eyebrow subtitle", + "title": "Detailed Teaser Title", + "titleType": "h3", + "description": "Description", + "subject": "/content/dam/summit-subject.png", + "classes": [ + "light", + "left", + "detailed-teaser" + ] + } + } + } + } + }, + { + "title": "Accordion Group", + "id": "accordion-group", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "Accordion Group", + "model": "accordion-group", + "filter": "accordion", + "item": { + "sling:resourceType": "core/franklin/components/block/v1/block/item", + "name": "Accordion", + "model": "accordion", + "heading": "Lorem ipsum", + "headingType": "h3", + "body": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua." + } + } + } + } + } + }, + { + "title": "Accordion", + "id": "accordion", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block/item", + "template": { + "name": "Accordion", + "model": "accordion", + "heading": "Lorem ipsum", + "body": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua." + } + } + } + } + }, + { + "title": "Teaser V2", + "id": "teaserv2", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "teaserv2", + "model": "teaserv2" + } + } + } + } + }, + { + "title": "Code", + "id": "code", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "Code", + "model": "code" + } + } + } + } + }, + { + "title": "Content fragment", + "id": "contentfragment", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "contentfragment", + "model": "contentfragment" + } + } + } + } + }, + { + "title": "Experience fragment", + "id": "experiencefragment", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "experiencefragment", + "model": "experiencefragment" + } + } + } + } + }, + { + "title": "Wrapper Creation", + "id": "wrappercreation", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "wrappercreation", + "model": "wrappercreation" + } + } + } + } + }, + { + "title": "Add Container", + "id": "container", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "container", + "model": "container" + } + } + } + } + }, + { + "title": "Key Feature", + "id": "keyfeatures", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "keyfeatures", + "model": "keyfeatures" + } + } + } + } + }, + { + "title": "Home Loan Calculator", + "id": "homeloancalculator", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "homeloancalculator", + "model": "homeloancalculator" + } + } + } + } + }, + { + "title": "Eligibility Calculator", + "id": "eligibilitycalculator", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "eligibilitycalculator", + "model": "eligibilitycalculator" + } + } + } + } + }, + { + "title": "Emi & Eligibilty Calculator", + "id": "emiandeligiblitycalc", + "plugins": { + "xwalk": { + "page": { + "resourceType": "core/franklin/components/block/v1/block", + "template": { + "name": "emiandeligiblitycalc", + "model": "emiandeligiblitycalc" + } + } + } + } } ] } ] -} +} \ No newline at end of file diff --git a/component-filters.json b/component-filters.json index 1f64a75654..d5e0b2c7e0 100644 --- a/component-filters.json +++ b/component-filters.json @@ -2,7 +2,11 @@ { "id": "main", "components": [ - "section" + "section", + "title", + "tab-name", + "tab-container", + "container" ] }, { @@ -15,7 +19,27 @@ "text", "image", "button", - "title" + "title", + "hero", + "cards", + "columns", + "rte", + "imgwithlink", + "carousel", + "teaser", + "tab-container", + "tabs", + "detailed-teaser", + "accordion-group", + "teaserv2", + "code", + "contentfragment", + "experiencefragment", + "wrappercreation", + "container", + "mycontainer", + "keyfeatures", + "embed" ] }, { @@ -27,7 +51,33 @@ "title", "hero", "cards", - "columns" + "columns", + "rte", + "city-list", + "imgwithlink", + "testimonial", + "financialreports", + "offer-documents", + "carousel", + "teaser", + "tab-link", + "tab-name", + "tab-container", + "tabs", + "detailed-teaser", + "accordion-group", + "teaserv2", + "code", + "contentfragment", + "experiencefragment", + "wrappercreation", + "container", + "mycontainer", + "keyfeatures", + "embed", + "homeloancalculator", + "emiandeligiblitycalc", + "eligibilitycalculator" ] }, { @@ -35,5 +85,82 @@ "components": [ "card" ] + }, + { + "id": "carousel", + "components": [ + "text", + "image", + "button", + "title", + "hero", + "teaser", + "detailed-teaser" + ] + }, + { + "id": "tab-container", + "components": [ + "text", + "image", + "button", + "title", + "hero", + "teaser", + "detailed-teaser" + ] + }, + { + "id": "tab-name", + "components": [ + "tab-container" + ] + }, + { + "id": "tab", + "components": [ + "tab", + "tabs", + "text", + "image", + "button", + "title", + "hero", + "teaser", + "columns", + "container" + ] + }, + { + "id": "tabs", + "components": [ + "tabs", "tab", "container" + ] + }, + { + "id": "accordion", + "components": ["accordion"] + }, + { + "id": "text", + "rte": { + "format": ["bold", "italic", "underline", "strikethrough"], + "alignment": ["left", "center", "right"], + "indentation": ["indent", "outdent"], + "sr_script": ["superscript", "subscript"], + "list": ["bullist", "numlist"], + "insert": ["link", "image", "table"], + "advanced": [], + "extensions": [], + "editor": ["removeformat"] + } + }, + { + "id" : "div", + "components": null + }, + { + "id":"container", + "components" : [] } ] diff --git a/component-models.json b/component-models.json index ef36352158..8269f42130 100644 --- a/component-models.json +++ b/component-models.json @@ -52,7 +52,7 @@ "valueType": "string", "name": "fileReference", "label": "Image", - "multi": false + "multi": true }, { "component": "text", @@ -185,5 +185,1650 @@ "valueType": "string" } ] + }, + { + "id": "rte", + "fields": [ + { + "component": "richtext", + "name": "rte", + "label": "Rich-Text Field", + "valueType": "string", + "raw": true + } + ] + }, + { + "id": "city-list", + "fields": [ + { + "component": "text", + "name": "city-list", + "label": "City List Path", + "description": "Set city list api path", + "valueType": "string", + "raw": false + } + ] + }, + { + "id": "imgwithlink", + "fields": [ + { + "component": "reference", + "valueType": "string", + "name": "fileReference1", + "label": "Image Desktop", + "multi": false + }, + { + "component": "text", + "valueType": "string", + "name": "alt1", + "value": "Default alt Desktop", + "label": "Alt Text Desktop" + }, + { + "component": "text", + "valueType": "string", + "name": "href1", + "value": "#", + "label": "Link Desktop" + }, + { + "component": "reference", + "valueType": "string", + "name": "fileReference2", + "label": "Image Mobile", + "multi": false + }, + { + "component": "text", + "valueType": "string", + "name": "alt2", + "value": "Default alt Mobile", + "label": "Alt Text Mobile" + }, + { + "component": "text", + "valueType": "string", + "name": "href2", + "value": "#", + "label": "Link Mobile" + } + ] + }, + { + "id": "testimonial", + "fields": [ + { + "component": "text", + "valueType": "string", + "name": "testimonial", + "value": "", + "label": "Testimonial Path", + "description": "Sets the path of the testimonial." + }, + { + "component": "text", + "valueType": "string", + "name": "rotation-time", + "value": "", + "label": "Rotation Time", + "description": "Sets the rotation time of the testimonial." + }, + { + "component": "reference", + "valueType": "string", + "name": "fileReference1", + "label": "Ribbon Image 1", + "description": "Sets the ribbon image of the testimonial.", + "multi": false + }, + { + "component": "reference", + "valueType": "string", + "name": "fileReference2", + "label": "Ribbon Image 2", + "description": "Sets the ribbon image of the testimonial.", + "multi": false + }, + { + "component": "reference", + "valueType": "string", + "name": "fileReference3", + "label": "Ribbon Image 3", + "description": "Sets the ribbon image of the testimonial.", + "multi": false + }, + { + "component": "reference", + "valueType": "string", + "name": "fileReference4", + "label": "Ribbon Image 4", + "description": "Sets the ribbon image of the testimonial.", + "multi": false + }, + { + "component": "select", + "name": "carouselshowtype", + "value": "primary", + "label": "Type", + "valueType": "string", + "options": [ + { + "name": "primary", + "value": "primary" + }, + { + "name": "secondary", + "value": "secondary" + } + ] + } + ] + }, + { + "id": "financialreports", + "fields": [ + { + "component": "text", + "valueType": "string", + "name": "financialreports", + "value": "", + "label": "Financial Reports Path", + "description": "Sets the path of the financial reports." + }, + { + "component": "select", + "name": "financialreportsshowtype", + "value": "primary", + "label": "Type", + "valueType": "string", + "options": [ + { + "name": "primary", + "value": "primary" + }, + { + "name": "secondary", + "value": "secondary" + } + ] + } + ] + }, + { + "id": "offer-documents", + "fields": [ + { + "component": "text", + "valueType": "string", + "name": "offer-documents-title", + "value": "", + "label": "Offer documents title", + "description": "Sets the title of the documents." + }, + { + "component": "text", + "valueType": "string", + "name": "documents-disclaimer-title", + "value": "", + "label": "Documents disclaimer title", + "description": "Sets the disclaimer title of the documents." + }, + { + "component": "text", + "valueType": "string", + "name": "documents-disclaimer-subtitle", + "value": "", + "label": "Documents disclaimer sub title", + "description": "Sets the disclaimer sub title of the documents." + }, + { + "component": "richtext", + "valueType": "string", + "name": "documents-disclaimer-content", + "value": "", + "label": "Documents disclaimer content", + "raw": true, + "description": "Sets the disclaimer content of the documents." + }, + { + "component": "text", + "valueType": "string", + "name": "documents-btn-text", + "value": "I Agree", + "label": "Documents Button Text", + "description": "Sets the text of the button." + }, + { + "component": "text", + "valueType": "string", + "name": "documents-url", + "value": "", + "label": "Documents URL", + "description": "Sets the url of the documents." + }, + { + "component": "select", + "name": "disclaimershowtype", + "value": "primary", + "label": "Type", + "valueType": "string", + "options": [ + { + "name": "primary", + "value": "primary" + }, + { + "name": "secondary", + "value": "secondary" + } + ] + }, + { + "component": "reference", + "valueType": "string", + "name": "offer-documents-image", + "value": "", + "label": "Offer documents image", + "description": "Sets the image of the documents." + } + ] + }, + { + "id": "carousel", + "fields": [ + { + "component": "reference", + "valueType": "string", + "name": "previcon", + "value": "", + "label": "Previous Icon" + }, + { + "component": "reference", + "valueType": "string", + "name": "nexticon", + "value": "", + "label": "Next Icon" + }, + { + "component": "select", + "name": "carouselshowtype", + "value": "primary", + "label": "Type", + "valueType": "string", + "options": [ + { + "name": "primary", + "value": "primary" + }, + { + "name": "secondary", + "value": "secondary" + } + ] + } + ] + }, + { + "id": "tab-container", + "fields": [ + { + "component": "text", + "valueType": "string", + "name": "tab-container", + "value": "", + "label": "Tab Container", + "description": "Sets the id of the tab." + }, + { + "component": "select", + "valueType": "string", + "name": "isactive", + "value": "dp-none", + "label": "Is Active", + "options": [ + { + "name": "Hide", + "value": "dp-none" + }, + { + "name": "Active", + "value": "active" + } + ] + } + ] + }, + { + "id": "tab-link", + "fields": [ + { + "component": "richtext", + "name": "tab-link-2", + "label": "Rich-Text Field", + "valueType": "string", + "raw": true + } + ] + }, + { + "id": "tab-name", + "fields": [ + { + "component": "text", + "valueType": "string", + "name": "tab-name", + "value": "", + "label": "Tab Name", + "description": "Sets the name of the tab.", + "multi": true + }, + { + "component": "text", + "valueType": "string", + "name": "tab-id", + "value": "", + "label": "Tab Id", + "description": "Sets the id of the tab.", + "multi": true + }, + { + "component": "select", + "name": "tabshowtype", + "value": "normal", + "label": "Type", + "valueType": "string", + "options": [ + { + "name": "normal", + "value": "normal" + }, + { + "name": "carousel", + "value": "carousel" + } + ] + }, + { + "component": "reference", + "valueType": "string", + "name": "tabpictureprev", + "value": "", + "label": "Set previous icon on tab carousel" + }, + { + "component": "reference", + "valueType": "string", + "name": "tabpicturenext", + "value": "", + "label": "Set next icon on tab carousel" + }, + { + "component": "reference", + "valueType": "string", + "name": "tab-image-1", + "value": "", + "label": "Tab Image 1", + "description": "Sets the path of the image on the tab." + }, + { + "component": "reference", + "valueType": "string", + "name": "tab-image-2", + "value": "", + "label": "Tab Image 2", + "description": "Sets the path of the image on the tab." + }, + { + "component": "reference", + "valueType": "string", + "name": "tab-image-3", + "value": "", + "label": "Tab Image 3", + "description": "Sets the path of the image on the tab." + } + ] + }, + { + "id": "tabs", + "fields": [] + }, + { + "id": "teaser", + "fields": [ + { + "component": "reference", + "valueType": "string", + "name": "fileReference", + "label": "Background Image", + "description": "The teaser image, Background", + "multi": false + }, + { + "component": "reference", + "valueType": "string", + "name": "fileReference1", + "label": "The Multi teaser image", + "description": "The Multi teaser image", + "multi": false + }, + { + "component": "text", + "valueType": "string", + "name": "fileReferenceAlt", + "value": "", + "label": "Image Description", + "description": "A descriptive text of the image will be shown as tooltip." + }, + { + "component": "multiselect", + "name": "classes", + "label": "Style", + "valueType": "string", + "required": true, + "options": [ + { + "name": "Theme", + "children": [ + { + "name": "Light", + "value": "light" + }, + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ] + }, + { + "name": "Alignment", + "children": [ + { + "name": "Left", + "value": "left" + }, + { + "name": "Right", + "value": "right" + } + ] + }, + { + "name": "Background Color", + "children": [ + { + "name": "Background Image", + "value": "bg-image" + }, + { + "name": "Yellow Light", + "value": "bg-yellow-light" + }, + { + "name": "Blue Light", + "value": "bg-blue-light" + }, + { + "name": "Purple", + "value": "bg-purple" + }, + { + "name": "Orange", + "value": "bg-orange" + }, + { + "name": "Seafoam", + "value": "bg-spectrum-seafoam-700" + }, + { + "name": "Yellow", + "value": "bg-spectrum-yellow-700" + }, + { + "name": "darkcharcoal", + "value": "--darkcharcoal" + }, + { + "name": "darkgrey", + "value": "--darkgrey" + }, + { + "name": "white", + "value": "--white" + }, + { + "name": "orange", + "value": "--orange" + }, + { + "name": "black", + "value": "--black" + }, + { + "name": "grey", + "value": "--grey" + }, + { + "name": "darkblack", + "value": "--darkblack" + }, + { + "name": "green", + "value": "--green" + }, + { + "name": "greyishblue", + "value": "--greyishblue" + }, + { + "name": "floralwhite", + "value": "--floralwhite" + }, + { + "name": "lilen", + "value": "--lilen" + }, + { + "name": "dustygrey", + "value": "--dustygrey" + }, + { + "name": "matterhorn", + "value": "--matterhorn" + }, + { + "name": "chinesesilver", + "value": "--chinesesilver" + }, + { + "name": "midnight", + "value": "--midnight" + }, + { + "name": "pattensblue", + "value": "--pattensblue" + }, + { + "name": "rosewhite", + "value": "--rosewhite" + }, + { + "name": "solitude", + "value": "--solitude" + }, + { + "name": "swansdown", + "value": "--swansdown" + }, + { + "name": "camarone", + "value": "--camarone" + }, + { + "name": "zinc", + "value": "--zinc" + }, + { + "name": "cloud", + "value": "--cloud" + }, + { + "name": "silver", + "value": "--silver" + }, + { + "name": "arsenic", + "value": "--arsenic" + }, + { + "name": "whisper", + "value": "--whisper" + }, + { + "name": "fossil", + "value": "--fossil" + }, + { + "name": "blackpearl", + "value": "--blackpearl" + }, + { + "name": "lightgrey", + "value": "--lightgrey" + }, + { + "name": "blue", + "value": "--blue" + }, + { + "name": "whitesmoke", + "value": "--whitesmoke" + }, + { + "name": "coral", + "value": "--coral" + }, + { + "name": "salmon", + "value": "--salmon" + }, + { + "name": "seashell", + "value": "--seashell" + }, + { + "name": "pale", + "value": "--pale" + }, + { + "name": "cinnabar", + "value": "--cinnabar" + }, + { + "name": "coralred", + "value": "--coralred" + }, + { + "name": "flamingo", + "value": "--flamingo" + }, + { + "name": "mischka", + "value": "--mischka" + }, + { + "name": "midorange", + "value": "--midorange" + }, + { + "name": "pearl", + "value": "--pearl" + }, + { + "name": "submidorange", + "value": "--submidorange" + }, + { + "name": "Skyblue", + "value": "--skyblue" + }, + { + "name": "redgradient", + "value": "bg--linear-red" + } + ] + }, + { + "name": "Style To Add", + "children": [ + { + "name": "Teaser 1", + "value": "teaser-block-one" + }, + { + "name": "Teaser 2", + "value": "teaser-block-two" + }, + { + "name": "Teaser 3", + "value": "teaser-block-three" + }, + { + "name": "Teaser 4", + "value": "teaser-block-four" + }, + { + "name": "Teaser 5", + "value": "teaser-block-five" + }, + { + "name": "Teaser 6", + "value": "teaser-block-six" + }, + { + "name": "Teaser 7", + "value": "teaser-block-seven" + }, + { + "name": "Teaser 8", + "value": "teaser-block-eight" + }, + { + "name": "Teaser 9", + "value": "teaser-block-nine" + } + ] + }, + { + "name": "Col To Add", + "children": [ + { + "name": "col-1", + "value": "col-1" + }, + { + "name": "col-2", + "value": "col-2" + }, + { + "name": "col-3", + "value": "col-3" + }, + { + "name": "col-4", + "value": "col-4" + }, + { + "name": "col-5", + "value": "col-5" + }, + { + "name": "col-6", + "value": "col-6" + }, + { + "name": "col-7", + "value": "col-7" + }, + { + "name": "col-8", + "value": "col-8" + }, + { + "name": "col-9", + "value": "col-9" + }, + { + "name": "col-10", + "value": "col-10" + }, + { + "name": "col-11", + "value": "col-11" + }, + { + "name": "col-12", + "value": "col-12" + }, + { + "name": "mob-col-1", + "value": "mob-col-1" + }, + { + "name": "mob-col-2", + "value": "mob-col-2" + }, + { + "name": "mob-col-3", + "value": "mob-col-3" + }, + { + "name": "mob-col-4", + "value": "mob-col-4" + }, + { + "name": "mob-col-5", + "value": "mob-col-5" + }, + { + "name": "mob-col-6", + "value": "mob-col-6" + }, + { + "name": "mob-col-7", + "value": "mob-col-7" + }, + { + "name": "mob-col-8", + "value": "mob-col-8" + }, + { + "name": "mob-col-9", + "value": "mob-col-9" + }, + { + "name": "mob-col-10", + "value": "mob-col-10" + }, + { + "name": "mob-col-11", + "value": "mob-col-11" + }, + { + "name": "mob-col-12", + "value": "mob-col-12" + } + ] + }, + { + "name": "block classes", + "children": [ + { + "name": "gridcolumnfw", + "value": "card-full-width" + } + ] + } + ] + }, + { + "component": "text", + "valueType": "string", + "name": "eyebrow", + "value": "", + "label": "Eyebrow", + "description": "Sets the small pre-title above the title." + }, + { + "component": "text", + "valueType": "string", + "name": "title", + "value": "", + "label": "Heading", + "description": "Sets the main title of the teaser.", + "multi": true + }, + { + "component": "select", + "valueType": "string", + "name": "titleType", + "value": "h3", + "label": "Heading Type", + "options": [ + { + "name": "H1", + "value": "h1" + }, + { + "name": "H2", + "value": "h2" + }, + { + "name": "H3", + "value": "h3" + }, + { + "name": "H4", + "value": "h4" + }, + { + "name": "H5", + "value": "h5" + }, + { + "name": "H6", + "value": "h6" + } + ] + }, + { + "component": "richtext", + "valueType": "string", + "name": "longDescr", + "value": "", + "label": "Long Description", + "description": "The description shown in Desktop and Tablet view." + }, + { + "component": "richtext", + "valueType": "string", + "name": "shortDescr", + "value": "", + "label": "Short Description", + "description": "The description shown in Mobile view. If not set long text is used." + }, + { + "component": "select", + "name": "cta1Type", + "value": "primary", + "label": "First CTA Type", + "description": "'Primary' will render button filled, 'Secondary' with an outline.", + "valueType": "string", + "options": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + } + ] + }, + { + "component": "text", + "valueType": "string", + "name": "cta1Text", + "value": "", + "label": "First CTA Text", + "description": "Text to be shown inside button." + }, + { + "component": "text", + "valueType": "string", + "name": "cta1", + "value": "", + "label": "First CTA Link", + "description": "What link to open when clicking the button." + }, + { + "component": "select", + "name": "cta2Type", + "value": "primary", + "label": "Second CTA Type", + "description": "'Primary' will render button filled, 'Secondary' with an outline.", + "valueType": "string", + "options": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + } + ] + }, + { + "component": "text", + "valueType": "string", + "name": "cta2Text", + "value": "", + "label": "Second CTA Text", + "description": "Text to be shown inside button." + }, + { + "component": "text", + "valueType": "string", + "name": "cta2", + "value": "", + "label": "Second CTA Link", + "description": "What link to open when clicking the button." + }, + { + "component": "reference", + "valueType": "string", + "name": "ctaImageOne", + "label": "CTA Image 1", + "description": "Select CTA Image 1" + }, + { + "component": "text", + "valueType": "string", + "name": "ctaImageAltOne", + "value": "", + "label": "CTA Image Alt 1", + "description": "Enter CTA Alt 1" + }, + { + "component": "text", + "valueType": "string", + "name": "ctaImageURLOne", + "value": "", + "label": "CTA Image URL 1", + "description": "Enter CTA Image URL 1" + }, + { + "component": "reference", + "valueType": "string", + "name": "ctaImageTwo", + "label": "CTA Image 2", + "description": "Select CTA Image 2" + }, + { + "component": "text", + "valueType": "string", + "name": "ctaImageAltTwo", + "value": "", + "label": "CTA Image Alt 2", + "description": "Enter CTA Alt 2" + }, + { + "component": "text", + "valueType": "string", + "name": "ctaImageURLTwo", + "value": "", + "label": "CTA Image URL 2", + "description": "Enter CTA Image URL 2" + }, + { + "component": "reference", + "valueType": "string", + "name": "ctaImageThree", + "label": "CTA Image 3", + "description": "Select CTA Image 3" + }, + { + "component": "text", + "valueType": "string", + "name": "ctaImageAltThree", + "value": "", + "label": "CTA Image Alt 3", + "description": "Enter CTA Alt 3" + }, + { + "component": "text", + "valueType": "string", + "name": "ctaImageURLThree", + "value": "", + "label": "CTA Image URL 3", + "description": "Enter CTA Image URL 3" + }, + { + "component": "reference", + "valueType": "string", + "name": "mobile-bg-image", + "label": "Mobile Background Image", + "description": "Mobile Background Image" + } + ] + }, + { + "id": "tab", + "fields": [ + { + "component": "text", + "valueType": "string", + "name": "title", + "value": "", + "label": "Heading" + }, + { + "component": "richtext", + "valueType": "string", + "name": "content", + "value": "", + "label": "Body" + } + ] + }, + { + "id": "detailed-teaser", + "fields": [ + { + "component": "multiselect", + "name": "classes", + "label": "Style", + "valueType": "string", + "required": true, + "maxSize": 2, + "options": [ + { + "name": "Theme", + "children": [ + { + "name": "Light", + "value": "light" + }, + { + "name": "Dark", + "value": "dark" + } + ] + }, + { + "name": "Alignment", + "children": [ + { + "name": "Left", + "value": "left" + }, + { + "name": "Right", + "value": "right" + } + ] + } + ] + }, + { + "component": "reference", + "valueType": "string", + "name": "fileReference", + "label": "Background Image", + "multi": false + }, + { + "component": "reference", + "valueType": "string", + "name": "eyebrow_logo", + "label": "Logo Image", + "description": "Optional Logo above eyebrow.", + "multi": false + }, + { + "component": "text", + "valueType": "string", + "name": "eyebrow_logoAlt", + "value": "", + "label": "Logo Image alt text", + "description": "A descriptive text of the logo image." + }, + { + "component": "text", + "valueType": "string", + "name": "eyebrow_title", + "value": "", + "label": "Eyebrow Main Title", + "description": "Sets the small Eyebrow above the title." + }, + { + "component": "text", + "valueType": "string", + "name": "eyebrow_subtitle", + "value": "", + "label": "Eybrow Sub Title", + "description": "Second, smaller eyebrow line." + }, + { + "component": "text", + "valueType": "string", + "name": "title", + "value": "", + "label": "Heading", + "description": "Sets the main title of the teaser." + }, + { + "component": "select", + "valueType": "string", + "name": "titleType", + "value": "h3", + "label": "Heading Type", + "options": [ + { + "name": "H1", + "value": "h1" + }, + { + "name": "H2", + "value": "h2" + }, + { + "name": "H3", + "value": "h3" + }, + { + "name": "H4", + "value": "h4" + }, + { + "name": "H5", + "value": "h5" + }, + { + "name": "H6", + "value": "h6" + } + ] + }, + { + "component": "richtext", + "valueType": "string", + "name": "description", + "value": "", + "label": "Teaser Text" + }, + { + "component": "reference", + "valueType": "string", + "name": "subject", + "label": "Subject Image", + "description": "Optional Subject Image.", + "multi": false + }, + { + "component": "text", + "valueType": "string", + "name": "subjectAlt", + "value": "", + "label": "Subject Alt Text", + "description": "A descriptive text of the subject image." + }, + { + "component": "select", + "name": "cta1Type", + "value": "primary", + "label": "First CTA Type", + "description": "'Primary' will render button filled, 'Secondary' with an outline.", + "valueType": "string", + "options": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + } + ] + }, + { + "component": "text", + "valueType": "string", + "name": "cta1Text", + "value": "", + "label": "First CTA Text", + "description": "Text to be shown inside button." + }, + { + "component": "text", + "valueType": "string", + "name": "cta1", + "value": "", + "label": "First CTA Link", + "description": "What link to open when clicking the button." + }, + { + "component": "select", + "name": "cta2Type", + "value": "primary", + "label": "Second CTA Type", + "description": "'Primary' will render button filled, 'Secondary' with an outline.", + "valueType": "string", + "options": [ + { + "name": "Primary", + "value": "primary" + }, + { + "name": "Secondary", + "value": "secondary" + } + ] + }, + { + "component": "text", + "valueType": "string", + "name": "cta2Text", + "value": "", + "label": "Second CTA Text", + "description": "Text to be shown inside button." + }, + { + "component": "text", + "valueType": "string", + "name": "cta2", + "value": "", + "label": "Second CTA Link", + "description": "What link to open when clicking the button." + } + ] + }, + { + "id": "accordion-group", + "fields": [] + }, + { + "id": "accordion", + "fields": [ + { + "component": "text", + "valueType": "string", + "name": "heading", + "value": "", + "label": "Heading" + }, + { + "component": "select", + "valueType": "string", + "name": "headingType", + "value": "h3", + "label": "Heading Type", + "options": [ + { + "name": "H2", + "value": "h2" + }, + { + "name": "H3", + "value": "h3" + }, + { + "name": "H4", + "value": "h4" + }, + { + "name": "H5", + "value": "h5" + }, + { + "name": "H6", + "value": "h6" + } + ] + }, + { + "component": "richtext", + "valueType": "string", + "name": "body", + "value": "", + "label": "Body" + } + ] + }, + { + "id": "teaserv2", + "fields": [ + { + "component": "text", + "valueType": "string", + "name": "href", + "value": "", + "label": "Link", + "description": "Main Anchor Tag" + }, + { + "component": "reference", + "valueType": "string", + "name": "fileReference", + "label": "Background Image", + "description": "Background Image" + }, + { + "component": "reference", + "valueType": "string", + "name": "fileReference1", + "label": "Image", + "description": "Front Image" + }, + { + "component": "text", + "valueType": "string", + "name": "fileReferenceAlt", + "value": "", + "label": "Alt Text Front Image", + "description": "Alt text for front image" + }, + { + "component": "text", + "valueType": "string", + "name": "title", + "value": "", + "label": "Heading", + "description": "Sets the main title of the teaser." + }, + { + "component": "richtext", + "valueType": "string", + "name": "longDescr", + "value": "", + "label": "Long Description", + "description": "The description shown in Desktop and Tablet view." + }, + { + "component": "richtext", + "valueType": "string", + "name": "shortDescr", + "value": "", + "label": "Short Description", + "description": "The description shown in Mobile view. If not set long text is used." + }, + { + "component": "text", + "valueType": "string", + "name": "cta1Text", + "value": "", + "label": "First CTA Text", + "description": "Text to be shown inside button." + }, + { + "component": "text", + "valueType": "string", + "name": "ctaTexthref", + "value": "", + "label": "First CTA Link", + "description": "What link to open when clicking the button." + }, + { + "component": "text", + "valueType": "string", + "name": "bgcolor", + "value": "", + "label": "Background Color Code", + "description": "Background Color Code" + }, + { + "component": "text", + "valueType": "string", + "name": "teaserv2Attribute", + "value": "", + "label": "teaserv2 Attribute", + "description": "Set TeaserV2 Attribute" + } + ] + }, + { + "id": "code", + "fields": [ + { + "component": "text-area", + "valueType": "string", + "name": "htmlCode", + "value": "", + "label": "Author HTML Code" + } + ] + }, + { + "id": "contentfragment", + "fields": [ + { + "component": "aem-content-fragment", + "name": "picker", + "label": "Content Fragment Picker", + "valueType": "string", + "variationName": "contentFragmentVariation" + } + ] + }, + { + "id": "experiencefragment", + "fields": [ + { + "component": "aem-experience-fragment", + "name": "picker", + "label": "Experience Fragment Picker", + "valueType": "string", + "variationName": "experienceFragmentVariation" + }, + { + "component": "text", + "name": "Domain Name", + "label": "Domain Name", + "valueType": "string" + } + ] + }, + { + "id": "wrappercreation", + "fields": [] + }, + { + "id": "container", + "fields": [ + { + "component": "container", + "label": "Container", + "name": "container", + "valueType": "string", + "collapsible": true, + "fields": [ + { + "component": "text-input", + "label": "Simple Text 1", + "name": "text", + "valueType": "string" + }, + { + "component": "text-input", + "label": "Simple Text 2", + "name": "text2", + "valueType": "string" + } + ] + } + ] + }, + { + "id": "mycontainer", + "fields": [ + { + "name": "content", + "label": "Content", + "component": "myContainer" + } + ] + }, + { + "id": "keyfeatures", + "fields": [ + { + "component": "richtext", + "name": "text", + "label": "Main Href", + "valueType": "string" + }, + { + "component": "richtext", + "name": "innerhref", + "label": "Inner text", + "valueType": "string" + }, + { + "component": "reference", + "valueType": "string", + "name": "leftsideimage", + "label": "Left-Side Image" + }, + { + "component": "richtext", + "name": "leftsideimagealt", + "label": "Left-Side Image Alt", + "valueType": "string" + }, + { + "component": "reference", + "valueType": "string", + "name": "rightsideimage", + "label": "Right-Side Image" + }, + { + "component": "richtext", + "name": "rightsideimagealt", + "label": "Right-Side Image Alt", + "valueType": "string" + }, + { + "component": "richtext", + "name": "rightsideimagelink", + "label": "Right-Side Image Link", + "valueType": "string" + }, + { + "component": "richtext", + "name": "keyfeaturetitle", + "label": "Key Feature Title", + "valueType": "string" + }, + { + "component": "reference", + "valueType": "string", + "name": "keyfeatureimageplus", + "label": "Key Feature Image Plus" + }, + { + "component": "reference", + "valueType": "string", + "name": "keyfeatureimageminus", + "label": "Key Feature Image Minus" + }, + { + "component": "reference", + "valueType": "string", + "name": "keyfeatureimageinnerimage1", + "label": "Key Feature Inner Image" + }, + { + "component": "richtext", + "name": "keyfeatureinnertext1", + "label": "Key Feature Inner Text", + "valueType": "string" + }, + { + "component": "reference", + "valueType": "string", + "name": "keyfeatureimageinnerimage2", + "label": "Key Feature Inner Image" + }, + { + "component": "richtext", + "name": "keyfeatureinnertext2", + "label": "Key Feature Inner Text", + "valueType": "string" + }, + { + "component": "reference", + "valueType": "string", + "name": "keyfeatureimageinnerimage3", + "label": "Key Feature Inner Image" + }, + { + "component": "richtext", + "name": "keyfeatureinnertext3", + "label": "Key Feature Inner Text", + "valueType": "string" + } + ] + }, + { + "id": "embed", + "fields": [ + { + "component": "text", + "valueType": "string", + "name": "videourl", + "label": "videourl" + }, + { + "component": "reference", + "valueType": "string", + "name": "thumbnail", + "label": "thumbnail" + } + ] + }, + { + "id": "homeloancalculator", + "fields": [ + { + "component": "text-input", + "label": "URL of Content Fragment", + "name": "text", + "valueType": "string" + } + ] + }, + { + "id": "eligibilitycalculator", + "fields": [ + { + "component": "text-input", + "label": "URL of Content Fragment", + "name": "text", + "valueType": "string" + } + ] + }, + { + "id": "emiandeligiblitycalc", + "fields": [] } -] +] \ No newline at end of file diff --git a/fonts/Nunito-Light.woff2 b/fonts/Nunito-Light.woff2 new file mode 100644 index 0000000000..81d8f75d05 --- /dev/null +++ b/fonts/Nunito-Light.woff2 @@ -0,0 +1,281 @@ +wOF2  ª  ` ©œ  „0‚lš`?STATD •* +„·@ƒÉr ‘ 6$¢ ‹(Í5 [áÅ‘ÖƶKó? 0(J·!À£MÕLýy^Aæýµdô\–ìè¶V1ݏÜLs÷ùpöÿÿÿÿÿ¿#YÈØþnÛý~ €€i†šfebî^-Ü"¬©³pè‰àÐÐAdpqšçIÓq¶ÑæÑ`XühëFýDÅUÓ+"VÇÞB6㇣àT¢R¶ñ|öx^íúE¥ôÆ=y‡Œ·ô•*ãwAµžÎÃLkºse[6 œjeu˜Ûc +‹ðæòj^-ºªpkR×ÍÍ¢ùÎ·Ýá ðôUÉÊðð]ì³üWñq¡~vVË{wåwthT ­œ_®‰ý–¼Ú“È*LøGTLd|åîpCa§,WÔ þ”)ÏHãâìîN%*Q‰JÜ>,Û*¦#U‘ÝxcÿU{ÊóEߢò|Wú¡éï£Eyœ´ØãÓ·Íd‘±§RÆ“]ØL]âËô×ñتD´±â¬g|ùçÿÇžÿ͵÷yï›&Ĥªx…úâI£f^ŠxfDïéÖìÞ¥’ +¡ÅB‚¡- vºÁŠˆ¥ýc‹¬¼ü‹…o¶ÂW,<ú”—WÀJM@ªÄP hèV­ýÛÓ=oO}Æ$7UO¥bQ±´ÈHÅýU È#h‚Ûáù¹õ$Jrñÿú¯ØÆ6V°`‹¶ÁÝÒ" +"*b#z +ŠQ}FÆçÝyŠÑwrô]ùšK¥ŸB_Z³½y$À·Ö|§«žªLÙ£\[Ô,='$?á^3é4å/|+SÒ¹ŸRq+©T7Þ¸¦t2è-$NnӐeÌPtkšåF\ 5(E)vx¼ÚæÚÈÈ)’oºwèݬŸ¡§3åîI”ìz ºâžL(Ù…Ñö'ü†ß¥e%‚ô=ºjçV(ê"gº÷? ²@ăÀ#øªÉ5Mm¾ª(àH±ÜM" @» XJÝ‹Šºhî7€ ( ‚¿Õ^×KR·£ˆÆ6BňÙ†ø~¡D¶Ci_˜yË/e递Çؤ¯íŸßq槈ˆµ +¦_DÌí¹/e¡.1Ähë–(†@XYKûVÕ s%a ²“5( â3•Ïçßð?ïœß¾½ïO~á`îÔf÷í 4x·”’´¶IšÂ <½Ð{îÌÛ¬}àx¡Ò¤ Tž6ZRàY2æ¥'…zç9²y³–cg¿'¡+yl-ÎÅÞ]úëÕ¨ïÎv°)3‹ÚÝ$eR¹¨] ÁmõX²"ËC;Z ó %O@\í—ø÷¦ší\@H«ˆËä9Qrä9µ!‡*¦Ý¿K-v‹DJŠ 2BA¤(ƒA9Ó!SrJHéGb°BôX)\äÅJ‡îÆ•ËPÙ­+uÌåu‹òšÒµ‹ÊEíÊÿ·´’ößÚš¬wÖ“Ch“&:f„¤ßÕúÓ*•úÖZ]’Cˆ(ªúwµªÓhf£s†~Æf†&ÐÌÜÏð !ß1¸ðÎ 3Ã×»j–ôß³9·óX“Ôª©åTpƒqðºhºöDÏ­oÃgY€3x9-hVpðÿÿ{›vîÚtÅ£ËB±F +BáFü?¥]ú£¼ªõÔ*,2ÎfTJW VžÇ¥J-}ÿŽ1ÑDT¯kŠ5:‰µ¾¨s:Íõ:ôíNVx— w@—·…ÒU™DY abÿzj~²ÂЛ*ÖÏ:ÁÙ²L`<|ÞxKžø&ÿv»+ü‚Ë%•0Áx>[8}餃#(œÀZ®;nέ‰q8ÀÚˆ¼Ì´+@*"RIJˆwâ÷ü老°KZµVUôFD¹cDŒÊý÷Þ÷à¿ííŸþ®]=NAš ¡‘BD$„Ã!¤ç7}¾m¹¨ ­¯P¤B€»·Ã-y‡Ÿ5{q܃•`Çß~Úÿà’[ê_Ï}›f#*J9T–Í<øwÃ%Y¼AœÄ©„PJø¡—ù¡Ï¯©ïK§ëXÔLpâj¤ópu¨;¼¸ xp#Œ²o·쯷 +}Û÷ þq#™ ;þäd®êwh‡wdÇvÁžˆ B s0BBù¬Êèö(a!Kˆ51D¢° ²ÈZÈ:ù‡4­>H¿~˜>: ˜ˆ (~8(a(Q$(q2(U:¨™ f— +S:Ô²¡ÔmÊêi¨W}„jJ¥ acoq|4a[Î< íˆ ßbždä΍¿æ3ºczÝýÙXsP"O ›ž:.nÎ+îìçM‹uÒ•eY°Êüû÷¸+ §“üm2€«òüAÓáj“SeHч?Óû%wÕ©ñ üñ—ÍJ×.ZùSw#«ž +aYðªn¥t}þÆc1©O=!°ôY°a™lÕ=?£OËx££­~Ù£¬V§çZâ?ð‘Õ}Ü»ôÝ}ÛÓU¸è±Ê)Ž§ÁŶ͞6ǐ†^Ï®Lä=7A}–?«oé^ߍޜõòÿbÓS ÓÍq¯N’Á÷«Ø ì[õzÜp/7‹ƒØ<¹^öYañþJu¤«A_W}Õ CôùªœM™æÞ¶lõÌȳöÅ@­€ØÉ:Lj ;;¼±­“R/ÙQmk[4@ÕÖ½‡À›N鞬xd|YæíñæüÆÙÑcyFð@vç6þï;håu¸(Úû´;6Ï=¹;þݯzëö¨ÜÀªOk‹—CzDa•Ç*ïè¯ËV˜Ú`á3 ü‚9­ +ö¼‹àÍstþŒÑ! ~=t¦¶þe25£_Ÿ="Ôª»£c +AsˆW·o®BVJæл\±•—Ÿ)Ρìùì;³²ÝŽ¯z•=€œŸ2=8ÕZ©Lqb_<±öÑy8­iL +²1…¤SÈöXåÇsRÙmû.\6î Ë}-KyF‰³„}Ï’ Õ^Jp•òýHÀuB’ôrÜËÍ0ÄWÌèàüýõd:w©k<6›¯¼;×çâœþü"µM”_ñs—ñŸ×sÓ÷Qò,Ç—‘¿g[õ8Éï-8Þš$Ø+wæVØ»Šõm'—5] ĉ¨á+¬Ç!£®ð_–{„œË8>zÍ#׶=”Ãéz<¿Ó™¶á»Ëñ;7Ã+P™T +÷Sª¿~lëij¡®Ì<üuÖAÑõò@hto;DZэÀtõ=híø­~­ Œ4ÈxÀ·uŽ™ßh¤a·\šÈOùŽÅ]1ÙßàO}ž”ç¤=0ùU߶ü½áFMq£†ÀnqÏøú7ò]4–±Î´¨§Ô¢©þéªÀNç¦O›¬ þɯÔt¬Ó—BO;V¿ù;©£l0Äfã'¤¤FnÚl På,]ÜNÐØÕg÷‚˜x¡m{2§çw[Iù+Îçu¤ø¢™‹™yh& ]äƒÿì;:àe^é©î?\©Ëݼl ¼[s7(¾‘ +”äD| Kèdh@œ÷ÒŸ>§ÁŸŸRWòïIw¡¸>ÅnþÌ®íVÍçïÛ¨Âcx>ÖþŠV¢f~懭Ï>“ÓšeAà5©DB¤­Ûµ[îKT‡<O¸nkÖþnaß +52)ÈŒÏY½ôI=ŸÀÍ|ïÏ«ßË>¯ÓØugö|çç÷‰ÿÞŸÑøCáeø_Ë`øwJŸ@eƒMÂïz|B6n8<šp›»ÊqÕŽß²qôÉ©EÏÑí©¶‹qïæIþls›Wé@VGƒNi™Àd1ò9¸6÷RV­ a]o ¸(QVÆ›xpð${M6ø¾˜ÌŠƒ€‰sÄɲÂØL²S}Óo§ú\bnê“]ãpˆÂ“¼Y%i5Ó.=ÍPUɆ' +~BUÆv¸ÕÈF@htX½‘1±ÈÞxd›¬ +Onv«²«¦SRБ!iJö–œ/©h âŒód(ìºt/»¸‹Þ÷¦`êÌ‚31Ã`XÚ†Rì^ì([VM{pü­°ë士Û4Ó TTš%³ùýt0à±qˆ±tx§­ï n¸Ù\¨ãCµ38IšwI::|/È,Ù,/[n#ïB”@CPèä³rêÉDá)M$ϱÚ`kvlèã±]FrInèp>Ag]˱üu-Ù}/pÝ0EÚì>h¸/n º—ÒÀœ +yg´{uôÅ„†ât‚qC4D€Ã‹*|Íã×ldKJq{%P€á¿{EÛÇ죺 Äüeܶ`K ëœ ïb™ÓÍ4a¿rñk=+ÝÏôÊì6¨–•eE#Ìû`Q•=O4Niã)œðI25žÖ“À¯ +¨S½¨­¦Üo=á»xc—áW"štûT”ªSUJ›¥YÉnJ fí<Ž]È–3ûx*ø<>Wöy8gWpw*¤:¤–ôǐMāYñi”M‡5I|ÇIÇB¬µ´h½;(v/SvQvcsܦ^[ Klp.QÕVÛ+ßöŽ[î» ÐÆ„hy*@ +GEÈ$³Žé¢rô"èu—­>és÷íÄž:g^7·pé©Ÿþˆ#6!#N’L…Š”ÕU{eõõnºþ†æ›nní¾5N›vìa/ûQ ù’ðí»[]­MŽ±Å±ßp,K@ŸY +­¸ýE <“íBé›7l½íáŽ#ƒ©¼]èYȏ§ þ¾ïO~øÙ±¨û£?iÿ¯í£ÃÏÿ1~Òç Á3Ÿõá¿$˜ožSM¸63Ne°-•ßŸ){ÓÐa^ð›»²pH4"rTÛÛÖÆC |B0#•žß104÷A‰èi£Ö*òÞwæÇ9šÇÉT8´²¡8S"’ò!Ÿ‡õ`˜àVn†èõÑ21䔌 †æ‡ˆ È# ¼ u€Žªtîw·UÖ±zŠÄļ–`°Õº cÚƶT§‡Îÿ.&F+ü)MAä mx›Üq>n©'‘·çWDy*YTjÄVçû,úrزgÒPªùãŒö̏Âܐ†›”Op^Vh–à$.ÕKÞ0VX²Ã°åáØQñýÈöVˆ· B¥†Âë"?£ÜWI›mà³Ô†¤m.éžðt’·@ + ëçl¶ñœ±–QùX7îÑÙÕQ”;ï«ñd +Üü.Ù^Dpª¹¾"‹ÿXt2õ(IïëS+»9=Db÷¯,qvnšoZ~þ6 . +Ílj1ßHØ“ &•ÆםÝÁÑkrµaVÎDMƒÀ?7#mƒ¨J‡;ÛÙ ëC–\¬Ú*ÃA±à33°“—±„†úd¸¯»Q·OÎœC)j/ŶƋgkâÃEËg{lbqM³J<§ÒøalÓK@'9]ÕfJ,Ñ¿RÅFY ;Ø@ÑßÒ¦á“nHCS,Cooåxd$ØesYõÝÆy{¤ˆ¥òYdéS`DVµ­¼uœèÍ8É“Å&Ѫ +áK²I•V‹?Ñ…§¼§-m|EÀC”#”O?PÈÁGúÇ¿6 +VH>eÌ=–`«¥2*Ý:eyh =©ÔÎhŠçߣ!øpîXa>(GFÑqâûë¾ 6€éΡI£C†R‡P¹`­tQ®·DV®åDc¡¦,3øBÚFO^èɲ¦ãã¡ÀS8åB âݯzø™®ÂCxu"Uº5ßwÛ[ñ¤ +ßä¯Ð,ûÜÝêî&ªÉîaï‹3ôØ \s5³ÙÏ}=Fö×^±Sm +¨‡î£í{kœêmú-=sß‹Š_rߤc^0&ü- +¦4,!~…ôqcÄ+NXî{SŒ&øv<ˆo}eúTn6©b[Ê¿—6ÙoRq0­*t3FœEÅñú{:V +OÈÅt0¦F82µ–ýHÆv—èP§ø€'a‹vAñrqLŽel‡›äˈõÛÅ«\Ö  +üxÒ¯'òåj·J§çŸ…«Æ½pÈ™Y¥÷¨Ð'Ùͽ¼>6¦FòÈž0É]ÁdÒSQß+Þ”‚ÕîÂO¸M­qR V]maZë.U\UëÅ9­‹ÇT6À1 ¹êÐv‹à~5óº @^»’Vû*µ ìÀWKÚ¤º|ÝT%1¯mr%FÅŽ„NÓй©ìî Bƒ+µní¨&S;°˜]ë<›)‹;×Ì íJþBÌÝN”j/,í±Âk5YÕZ~µdKCänŸíŠ$Iíü +ºmå\?=¿™ïœÙ7©“揲èp—Ü +uTøÀ¿~*ÌŽQ‘Q8©-Õ¶6i7IVÍU‘«i$ÄDId¾F,zE˜¾·h/‘³gMXÊQºR4ÁÍ&üݯ9ÑITTÚ‹û +“Gx:嶍­þ¤G¾'å'·WÒ5~|<”±|jÆMÞÝFñ¤\Eâ4•Òƒp +š8¡Þ¹¨U•&;´Ú -Ã@,šB¶X²å-UQ³<&C„¶^ůeÌ(/>vó^ZåmÌ­kž‹Éî£uä~o…'ùÏVžEQ/?‚}˜=‹ø*ÂU…Y'+„÷2hØðÛïƒø~œ5É“…ïà¨îâ:k$¤¡ÁMíP™g¢¥çýþB¥ˆ²aÛCɾ´óaÐÏ´¨Ÿ‹l®©ÌÖ—£eˆ»¨«°âÛŒþ\rØWï½ l|Cô&ªÏ2T„Ĩ…Ï¢£ÕÍU`™©ƒjÓÜÔÝꢑ^•”GÑÖæå8±ºô [½¹N†Oo'Uwñ¸i&Š­b“SØ +U cò\‡—?ô!V<­%7YÖ&Þè©ÒxÜ-J¿ÞVu¡=[-…©â +ʁžÊÎ?•ìÙ×ãäÑvZ_^¸+·fdùóõU™ÂÔ‡$äp /çÃ\†õÏBä/DJ×ÿ¦pꜹñðó"UΉgõ÷ Ô®¦rÔ)Eç8›YSÛ-属i~ªÍ.ÀSª”ÒIØÖ×Å4Ù3Êø÷9­_A8R7ù˜b|V܇NêD"ÑÌÕV¨Æìº/ÉؤչP·${Üœ|¬ ¥àýeÝÍ¡D§V™:Û†Õ´ЛØz¶±W!Sé2†aj»Ò i:åÆôäS=ÙG½–P;ÌÞ–VDâo^®b®ÅHÛ¨·Øø*Û”9P&JÒ•§Z<Ùé-_¯íùG4<¥HçNYÙcwöÌ ®¼›´¸„ü˜X¡m‡ôý¦°Âsv„‚õCÁõ-b7Q”“¦Qjìк"›ôFts¾÷³ùNIø%ÍÆ'éÙ}¹’u~ +c6™!2\­šð4¤Û£u…·Öu‘ÊKDòR…X? –HßÃ9š¬¼zöªÒòøZ¹J]³öâZ¿l:†}ËDZÇÉÆ;êvh:!˜Œë&œ ˜…œ +˜CÛó¥—s/4Ò·Ï«þ‹]·ôRÉÀ•»ZŐ¯¾f×^ëºuׯ +7TÉ‰ú?I¹AÝ!Œ¬Æ?ÉÉ+¨ä'ÿÃÁCüX€”ÿO!¯o’züÉ\E)º§˜'yªz^ñã P” JS–W9„ðj R‘7¯þ6ïøñ=¡W¦ +Šj£&ìkóºÔ ¡BhÆ“-BkÚf}íáSM´8t¤‹{Ò‹€.}ñd?†øq€¿Ž”A¾…ch 1OŽ0š0Æ„Û00høb‚ ŠH‚[)(¢4Ð#»ðãëî üÜý€ßÛé Ì”¼Ñ]9rÃÉ“_¸®B¤Q¤hÅÒ)Ù¤Wª¬`叔*e4j¤Rmô®N“øšÅ5&T âV«Öý8ãÃiÓQ¨‰H SB“2×dÌ>;¦iÈÝtE™!­™#ƒYÄ®9Ȥg¤6—œõ§>âbe’ùsûšŽÏ¢ÐŒÖ™Ô±A!†)f›•JÄ‘#gNâ^+Íy˜‹"d ­2*s8ßdªÍ+[²WåV‰¬ì°óowQ#챇ƒ½"$9ŒpÄMÈ-EFó[÷»#ÆAf÷¥R&ʼáè­Z&œŒðqÆ ¨†Ï`Òp2kÁ 1mdY!³}€yÔdwÁ/ù{L~ÿ¢ Y1¢ExYþµåñ*¿ ++´¤¢Jfei¥È6T^TTvÔP쬉/«[w>-jÒìN4“0eq¹¨ãÍ ßÆŠ˜……â”ð¬ÎëLó ´^ ®ò9R‘üÅ~…”ÄDŽçŸGäˆ-a4±¡‚XÂØò‡'QxôHÈxÌ®;Ô7#p[íi¬¤€_dDü.w¦&QrVË*¶! D<· í$¹¤L”eBÁãif——Ï"A~Y´.VQðSá^•Gé«VÛ +HŠêjÄdÄl&¢´kWTB&e@”žNAV]ò¨[д迤`É° mƒÒدÊLžÞQ \ä6ùÌŠ>7”ï:‚n쎗ö_ŽØò‚‚9XP¢gw²…>÷…;„>ÿŠûìÉ}™;9î‚C +gKM O!J؁>Oq‡eš<—-Üy-â¹*Üy›çwBÁœç-çÎÔ–’ ~ø°N$Ôç¯Ë†|Ä :oåÃ6„}é3 Út`Ñ™.‚C¨ùd`ðÌP|8 åQ%cŒE øð.sßÇÀÖoºì”¸YYqÉ t&£`2Šîòúx3ò“ xhàá$‰4ÒÁà ƒ0ð\nƒq¹ìÀCŠª>`¦ã +"Ò Á1“ùxCüÏ™:$ðž[VÜrèÇ-ÖŸe¿u À0çߝ>þå^7Yo,¼aüõ ®‹^ûݵ®· Ú›®¶\é½¥„üžË>ñ«-”ç¼çÞÄw÷rñŽu€bQÜ)ŸÌÍ>­·n°Aün£¿Â¬¶ºÞ¥ÒýªÛ`R àƒùݱÀ8!Α +çŠDâǪb'2HænQÉ»ß?ïQWž-­â׎HÅâîÏßuÎö0¶¶ð=ž|ì‹ùÌcÙ%-[y–W2¬ð•¹Ó{õo‰¸mÜ&ñYà égݯ¯Gi)J±æ—)¼2Ó[)~­¶“p íϬG‚צˆu¾\-èòÅã-h.w¡é¹ä³Nɽm¸ýCÚJ8vc×qÃM·²ÛhÕìïÚ½ý}<ðÐ#=ñ4ž& Ü'°Eð"x£ `ÇÃL³Ì6Ç\!B…‹)Ê<ó-°Ð"‹-m©Ë­°Ò*qÖˆ·V‚uÖÛ`£‹q¯;$ +*:&¬àæ«f¹-ÑZ‚² X»ñâl°±gÙĘ€KÃ.€]ÛÈÛŽvÚe·=±wbÀn#øb«.KäTHmú¶­SðþL° ÐaÑ¿  #3 «Xñlì$rJâ’,Eª4é²dË‘+_BEŠ•(U¦Ü¢ØÚž¼xóáËÏHþT±Åü¶œr›YoË£U›v쏖 ˜K"¦Ö }|ùÉ?‚žl1JÕœkûýìœ@ —PÕbà É<4Eüï‘Ç +eø«S¯ÁG§&ç¶ñJL=¼|(ÿ=òX¡¢¬ùòJ‹Vm>i§ñ™V‡ÎÐ7‹Ùrä–×÷ç¼rϐà\£2WuO}­Vüt}ªÊ~úx:uÏÿOi^è¹^¾‘k©â_æÝ>ºWäø}ù>î«Àe¸F  ¢aãàâá3eFÀœ…Ë“‚õ¤0yBÊf%™Æx|'ÀO{yG¥zzg¦â~<Ì´Íã£ONOqÀ/Y¾™c¾ýÝ¥ÜAf^÷ö Isþw ãï ,Æwq€ÞàíX@@냪yCé O?”%<úð÷K ïÃ<¤ ëž>Ÿ Ó9Èø¸(<ö*>îüÿùŒ!^JËO`Š=2ÌLz9DÄ·ÌaÂÂ>lxf÷è²dÅzk?º£ c` ÇT\2ØdŸáEÇk÷]óÒ5tªºŽzP2>zº÷æîÕÝ·8Ýí\;9cæAéôÏÍÉï©~üx•÷wÜڏ÷Ûc€™bq® »rH5*0ì1ê|#Á=c°#9¶>î‚I}ÊÚ^¾„QÊÁT©îþÔ®|…Ìë1EÂÝ Vhm„±¨—§ûÇÜ<©‹ÍsJIžS@e£R„mÈ[¼ +ͧx‘`~Á‰œÔ97ï}Y OêðG0 N:˜ÔÄŽptŽ“/â È@ÍÙÈ8mÑ®6D6›Ñ-ÁÅ1/Ðp~É}‘\IYyËdZqŸúÃUé ±¾nÿüD‹)¶ø·'Çã%¿¨å+A~OŠ +=~é±ËB¾ˆXàa…á#<0)=’Fš{Ò .L<Žj+;n×¾‡4ì;²yßz¶ QKÔÕDÎêÜÛW{X¤ÊU7Ž£[«ZžúÛYIvÙ,N´©¤ô#A¶2&íðpV°i(>DBÔ!õL J]PõââŒ:¤o÷pQۏúäúÕ#ç¬ÐÛP·ÝÆž˜ŒøL4Öm…&½î¤¨ýè+5¸Šœ»ÿP¡×Üùßõ‡=ÿŽ?Cd@5Êàt°sà@’MòN‰I‚$OEêí€$Æ$¢&_N<¤C>”ƒê¡Ý(ÙaöᜰqüühͲ˜Òb¸“^FãÕ»õÿµ·›p»¡Q,Œ¸I + §q9ýóm—âʌȆѮdèµEÆ`$0Á$̹èÿàÇi›ùâð2Àx怠¾Öh«‹ÒÔ¸d@Ð >aos@¸‰1Ä}/ï×ûŸƒ€8–¼;Üû!Y YiY†Ð·ÇUërÏzàwmxÑìÎæ*Ë-)sÀV}àËj  + ÃÁ7Â$ÅÂ9#2(˜%F¤ 'g’‘†OÆÈ‘ŠGÊÀÁIÏ‘"Løk>‡„V\^HØÄbÄ扈E$ÙZá¥LÀK#€çÔˆáùaDpÃϹÒÄÌ8ÌE|lhA½Ô´}Þƒ!Œ`Üû7yYË^Ά-wyËßð¬p«V™µ’uyðŸ­$ò€Ä%$b™Ó¢¸ž±ÚÖ¬-ãØzœÚŠs;q™@à:ÜF‡bà>‡ ŠâQ§ˆž"mUn©¢L½§å-HÌ!æñUY‡ß9„æ®9<ͽ7E7?ò7áË<’çüÿFr€ëà?Cþ߀óÄø÷A_ô—)Òiw¾Ñ’}úݱÌðoFrG6Ò) g¤–ºì``Å;]pþ«÷ú_@\ƒnâÎ_R’Ú›?IòlEKö\•}®+ÝZ""œð¹+-£×!G]û±$Á"¸„i'Õ¾ŽUÔ³>Uõ§Þê_-há>Ù x3ßê·ömy»ßooÂý±ù8}¶ðFå)®2U¨J-ÔFÕMõœK– +µÆ™bŽyð½h_Ou¢•6ºÖ[}Ð7ô£IëŽ=íàU×^Ëw?ð°Ë‰ +V˜¢.Öæ’Ï„fj£ÌÂ<3ÿLKBϳ¿ü6l31  ’x$ ×Ï›€f¯ß½»O5íס¾á×”Ç9Þòó(ÏS[ ÒüƲÊÓoÓCw?Ì£:ÆSx*OÙ~6»é_£ddGkuMŠUª´²j®ÖÊ©ê›L¹ª´è0[ïƒ\ÞûC-tªuã½ÈÆäÊkÞñÆÛïºï!APWBÅ+†/POcî®Îø €êPÕ©¨ +þ~W4·^ŽC™Ç]R-ªÇÕš±ºðq 7q—pçrmÅe–Z< jhhýûeŒ}7øi5®ÜyŸüñ²ŸyÏãþøò|ùwsYýÜôbÛ H¼=à­úAUùìÀ›ó—}º½¸Ýò,€—©þ·_ê—U4z÷_F^ú~KZÔèÆt MM´ÐXsZ aÏöQ [Þê6š×—€×_Ü‹ oóÌå’e*Vª\FÍZ´¯]‡N=p¾ÚããÊU þ/–4¿ÉMov½ƒ¨_ç»{G]u;¸Û +“nçÙŽîžhi½§Ðç xÎtl·4+·ÛaÕrTÊ“ïÚIÓb"&áÀC¨0 D[o£ÍvQ;"ÃïþpÏCÅ>¨Ó¤Y×îÛQÛº'vבÐÇEüpQS¦ÊPle—_E£j®?CÆœEËöBo«®¦VhƘç®ß¥+²XˆIŒ’p³Ì:#Mô³·\û¶ˆ_„‹f8½h±¥Ó2*ôD Œi>k"2Á<ùš&NŒeVp’쌣Ž»æ‡Í¸¢ÄϼÐâ·"U€ÁH,„±‘ a´Bãç*>{ áklrwÛüz7›¼ʯP±7ºØ[,ó «|Á.”ÉAäÁ¤¡9GàÑÌ$”ÑnNR^1D-<µyiEcq 3ZWºµ¥ŠÍ&¡4«Š³Ô†²l*·<[+ðME¶UèÛŠí¬ÜÞªì¯Ö¾jªv¸[.$v¬»~MèVZfòwe–•Ë¿ù=È';G%ü_\A15Ux_©§ý§ºWÞöRUåz¯µÚtצ·v=}r.¶²Š}®‘#÷[l¯Ô‡jÀ0Ü iÊq9a#Á¦@¸š¯`‘7LgFbËsˆ/Å÷õ8ŸHfVw²{ÞÿÞU"§€Ç%™æÞNÕçfiõëÈý§34ê?¶[« +Ëš<ʼ%VŨ#«LñeuIó؃¸g×ϽZ%¤ 8&Z§7¨5F6S¬@c°‰L¥Ñ,I„4R&W)£´&ó=æêÕ§ßK +Xf…-¶Ún›vÚkÝùýø"‹˜ç ;â¨}ö;¶Òr›íb={*îtü™ÐAS:ÂW7c>ÂÄ…lgíçç.$^t^Jºìº’r-õzڍô›·2ogÝɾ›s/÷~þÂG…EOŠŸ–<+ý£ìyù‹Š—+_ú³êuõ_5×þS÷¦þ߆·£ß55½oþ0æc˧±Ÿ[¿Œû:þþ7mßÛLøÙΈþïôk’áÉèjÞƒ©u÷7—¢À>,×HQÌ.Ò¬"øÄ4?%Y-Êde‰+±£2»«t :«—Ôh×S¹‘Ú¥¤.&q;›»9ä”WÈ?¹ÝÏ+¿°Âr•«¶×*+ÓX•úÞùX¥OÕÓ¥a–˜ç&F±ã˜ MÜh iÕW4FtC(¾J`z"s“ñ‹Å?Ž€ÂL‰KÛš’­.ÉéÎÆr¢vßÕéd]Rë–R‡ô8~Šççø~IàǸ^öXiEÊ{¢¢g^÷Ü›^xÕSš>j¯¶&µˆ¡µiRŠV½ZŠo¿2A‡mڍ÷3¹XX9EøÙ9è…¹y<â¬óöˆ{Ú=ºä&ÀyàÚ/ù xÁ‹ ¼îIàÞww¼ ¾Ì^vŠkØJ–£û›òrÕþ§í&ø“ÙÇZ2‘a/o˜rôˆ0™Ñ2ÑåJŽS%†¦UÅ”–\œÔ’{X–G’§xxDA.8Jò«×ÛC49ïó|ѐk„d2¹1ˆH~Êp©Ú)IY·DCX"V4¡í0„›´Áà ç0ÉFc¥³ˆ½{†HÝc>Ý +NîÛÝjˆžéç¼üÈØâ’gî¦|^Dæár¤=Q‘òahÂâ1† ß@ ^|òŒKD +m—7%àÛácóÛ4ø‡‚*WÚP8‚2b­3)k ÀäG—À©#“sì>%58/ÏCÞÝ0ÆÛ1'¤"¤ &ù¤XÍÚ]ÁšÛ¨ÓmˆfN¼“ÝË_‘þ.Ïeצ:¿ýžc‹]ŽUaËE·Ä'hÖ0ýqUíÕÇwʍèŒH父(ELb‚’t¤&‡ÃÊ`EnVä<ÖïɝӍ;ëEU¾"]q˜oœÝ “~]/7§ã•ûÃí®"y\¯Jä„„<·ûêê“Þ¬ÅÜ,´˜n=ÏÅ\KGÔ¡!Ù¨<–Ü©É0Î?ÞݺµYVöyUh²<´ë㶟ì×Ír}ÞVÕ¼2ì‡f)›õ ÇöÞb wòÑ©ñ…ºäúz~KÆ}_µ}>Úà tÅ ¶#FÕZè éæ»wWÐc>ÂK霬–E‘w’âöèÍž°8.㸠-÷)¥i Ë6ÔèãÝÛßzÿÅñËîéïþÍ}÷ª…[°%¯npì_Þ@ê/>îãÈ]AǐÙÉ$Áá ßóÆb¶hdã+’r˜zJg±€ÂOÂß$¥Ô±ê ‰·ªJÇjŠZµÅ§†Ò„y2;k¤»Óð£…ÆR)M˜Ž5Qš±0õ¨ÞŒ¢ÎßÆÍ&Ê´0fev¿^)'?:œü¸W1àˆpÆ÷q¢ü)Wi¢SdGï.Ù1ÎrÉlñœqUyÚ’˜¸LÜQ4 +dzùÔÙXuÊžFé6H â¨c«š in:k`e'qGVô®ÒU¹T²¿ˆæ•K5å@Iþ™ ñ¯¢Ê"8¢eB4 28@‚í«¤y•œIb:22uBMQa¡°Qo>Ê´3h$,HÞãÕô#ñ¨u3#>KŒ€@±j^{þŸm–T@ÅB°ø&„{ w~ 9[‚Ûñ¥ÍD¥“aE½H–B±ü‚V`6t|˜…'r‡WÄGŠ6¥ „áËÓ9º:^ ã´*¸‚ö'Î03Ù±Èx¶Y– |´–„½Jý©ÞÃ@"âãTÀ&^˜¶I’žNE=Ÿ£ž°ÈÀÇñ [ßbÖ³G§k5|°•;Žp/ƺdeØ92´Áäæ‡!¿C\¨±³)âÄ A–ó®ÇPO%NOë + —»‘}AÌ9=0—’ª§š +ÈH”Õߘ3’&úÜ Ú_Ü“æÿð"ö»¢2u—Jƒ›‰´#ªn´ÿ¯>I¡]uo#6eè±y™ÅJ™ +0vÀÿ7š¡€7š£f£§Ÿ§³‡<›¨‰Žõ‚]¬”ìì‡æ%ÿ~:œ««tEÑ¢!p Vì\-¯©þÌ@ –U·Þ| ãÉÆA˜ u€úõ –:íµà¡¨|~˜;éÈÙ’ç®[Ü~§æ[E\ 1e\Ó@QÂà +ROf p`6©r"`[ÊÓú9\AMèñJ¥·;Çw¼$˜ŒU†˜dÙÍ·Ž4òg@o™]®gOBW†®\éWc€ŒdGNÛóP g÷k^eîe Ÿ·Ø¸¿Ì&º¦Nôï”ñq 1ÀãçöXÐq¡‡þoó}R˜¤*ýâ«;̈Þ׫-ן%ØÍvºZ0'Ø+ˆî¹«MsGk—‚£ »‘±j³â¼„4}<ÈDnwuñ#sæwÎOtm4ƒ®ï†z×Ø‹}|€ttZeL­Ù—*ëè%1á‘A¯4Üû™‘‚ìc µ=‡ êÁqO;À–ÿ®œ.ŠM×iRÔW' ÓpVAЊt ¾- ðÕúo«8øw|g2‹}®S*õ¶º©Ûp¶\ÇQÔ¨IMÇÒ_ì´ДÎ|hDÕ›Ì' ®c·„+ı)Í´irP¡^qœÙ2.i¤ûãgÑC>0µP‰6«’[€W2§Ú¾¨õ²ƒÕH]§ge¨´à~-GP{ñò[ ´¬îòîb[´+&¨ÈL•C%ÆËv–ô»²yâs uGþw̃{ “™ÞX—¡¡®Gˆ¼àu&t¹rlC™ ƒ‡¹ñ;Œ4$ŸSPîëVc í–®l*Dø,©öÒxÜÐd!BCñ| to°éÞ5D'u%léÖ»GÐa†|ÃŽ`“- v Òν8»ù1ÛÈÁ¹V7ßqòìÜÊn;ÝåÍ”¡F·Ü#EÀ'õ5â‹ð2JW.& rµ¯¦-‡+‡t¯a,¹~£ô:÷$Ù½3!¬1Ë +È«B$®âLtû‡9D9™qÕBÞ!Èx1¯Ò.©%Ý5¸MZŠ`Ù FʪVÓ«íwÎwÓ÷n>. Xk‘þ‚€a;v†=PˆqÑ­SGa #4òš:pg“°}•éãA)V¿Š»ÉªU‹(1›Ðÿ›¯M#ŠLÎ2êv Þ1û>/)^ŸZ0çC4l±ŸVn*òè Qsú 2uî%ù_”)°nx +šJ½5Ü›xÁ‡„¤k#e‡È6^èk?N×Tv­§½MeYqWb¼‡‡‚wŠå?o‡ØJ–r ®ÿ èo“=Hg}» +§ì'’3Ï Û?VŸ>¦NCtµÀYÍ?²®ï|œþ&Þ#ºëA&<1kž¦Ã5øù×B"™ayÝþa«ÇÍ,T—žæyp8ðUßpÓ´þQÇ8÷­<´5}šc“ ;*¹áç[N™Û“Y[å[AÊwµø:]¹±™®Þ›ÃþN1Uç +hpüÕs^KêL1Öu^[F<8d| ŽÓ|C¤=Ì@>DK¦É÷¼¢Y@Ǥ§ox™c°’Cöó|5Ø)¬*]ÎROª­Î°–Ë_®ìQªÌ­Ôúâÿ+Oü¯¤Äꐊg5,¼æ‘ŠV €´ŒLþ åKØ#3™þ¥–Åy©ùù”õM1¼(ŸÅ<ý „f„nÍčJ/šh©°ìo 5ƒ7üç´'Ð%s»=‹ÿÉï +“È1Ï=ıÏ”QMkŠsÎôƒUÐé +›œ¾oêLp(§l¹ˆŸ±ä„®õÉn!Y ç—Jq2[-$¦ÁZB6•0lÓÊÎI“uŽxͺuNNÕ›€Òáë(bô¿ª¿Ua¶qƒwÖ‚Cyf2Œ{Í+¬Uwï»G`O˜h‘ç)'<‘×Ð.KwóÚ0e›}ÉÞÇ7¨Y÷¯lV§ÙÐ0^SÈaáºEÚ3å3;c&Ý Ñd!‰B,‘‚±HjæÙ{:4¹S%N”©¯PÝà_êdì_]¬êŽ¤z8P`Gwx¤Kgj„Ë›à¾Bs ¡E“"T)ÜÙ¡²ægìÊ62æÿô$œñ'HÛö÷ýS­ç«Tq¡KÑF)Š* oéÂïq¨dF+Àr¡?”ùMEz˜bénç-Ðõƒt2¤úcÀíOKήeEH¹5)šùٍ(8ÛÕ㧠+‡8Ò‘fœù¤9]~¹‡/0 ˆòä8r¡æ­zÓ²×c΍“m +ŸÓØþ‡|´ç³*ÊÈܦœ“ü/i ?GóÅ70å!‰ý6 +`‡ˆbƒÄ˜C¿s(`U¾5Oèý™Ä>JyŸL}¥ ÒO›y(ý.J>ÿ‘2b¹„$G—¥Ž“ß^O•‚—ÿÂbj«4Ÿ¤HÚJWÿÜ:ÏôZÇ¼’ù±|¨¨N–ÌØÂù‰‚>g©b6ØÁa+UcÊ»X”íÜ'jäÙÏ.cÀ„çÞæiyŒE<¿Ö7ÎDžŽ^Áã Oå ý×o]JÁzÑV ºJDär@{±s/¿'õƵ¼š6· »á¥Ϭ÷^b„:¥áOéD/¥~â•:ñ(”UµÂ–žpafH_÷ö¤ãÁè¥É•\ãéаÀÇ6”6ã+Ü»Vþµ˜×4!éÝš}Ä; ¦0 ìW@2ˏb>±õ;m%¹¨4»>…¢Z…? ‹³±óP€ÐO@®U[´¢Úè0,~™ 6Ç"ؤDi'Ao@Á†TXyí!ð¸Ym~(»ŠÐؤ _Üý4.V#‹×/o:¯‚Ñr0£D6‡ç= »‚Ñ„óÿ²¢þE œ/£”D/“VB¤úcU‚¸=-íŒ8°#;ä¿ }$6¢Iev!¦l }¢à.)ÑBÙÌÉÕ?sÐ-5R&ŒÐbNïn¤9-òQ—²—Y¬æŠÙÊ5ÎEmgG2êδ¦e0:Nˆ’DÆׁE÷R1Q Ñþåy~WRü@Dî'8¥ï# ”ˆ ÕEO‚’½Îš¶t»ÔêNßÑîk–ä‘û%Ï„C×·6(¢†,z»³”¯ Ö8Gd¬™¨²óiƳHÙö¯nøk@[4!²ZÔ$]¦dGr77\äEJ±%YŸœÓ–ð.؆4”X:ç:•iÉ'j4¢YÎDm%4 “šïX£ÏrŒL¤­g6óû¬f8^Ý3âégÉNþRA¨m:ŒÓ7³0ñÐφ}c2\áäøùrö=)ÂÈÝ”)aÕAê®$4¸ù½uEÌ—î›iõ›9ñÓ©Luiˆ 2'K’¹Ä¨å„FÆá,/Õ ³¡ûA&§‹´ûÙ¿W™Ô`õéâêFÊ$­×;úb^¤¾j/˜v-üÈ ¡0ye<­Æ¼¥ŠL4ç­…*èÑRZ,2…-Ø@"|ã-–[¥@H¢ä¥Ã®ž&0 Èàé`Ú–—aÂÜh% ²‰d5F·óË4‡€² ¿"Å%8¶3(a„ï™!¦eXbPœTó¥÷‡©Ò—$OùÎËoßÿKAv†+4#f& —ÿu¥ÖZr'ä×0~g5‡“3"t€ "¿¢év2S”2=ÑŸWöá³÷»èY€IPTvÐœ×@±ýÿe ¤p` +/ˆC#  84d+âï .ûìÛ„—ОN,•˜*ká‘`ÏoäXqg?oòxNs7¢B¥ÞúUNpͳó‹¶$ÉÖÈÄ +©K¶{°ü× +{KT,ÜpÜâµ8¯Àê‚72MË(¯Eeøà”|Àþíñ«CÕÅî̇nÂb`¬ëäOìþÜœŒMœôàd~¤a_4VFh'‰àŒÔm]ÖÖœù 1›]tXÕû¿ìب÷¾ß¹Jy ]¥ìî’uÌ@ëƒ>°á@ ∾kéçá¨K‡ug)7ŽˆýLþŠõ36Š#Ãü†­/`M†mÈ5”¯ƒùׁæ|¯ÓÍÒxîÞúžÍ4µ{™}ûÌ”6Ú;»Ia¶ëº óVÓ˜Ÿ×b®ý»ÍÐÀñ„?{óšu MÃ:ÆIجIh\ 2„{`iȦ›RE]ì‚ÑÛÚ*¨Je¨ˆT´dVMÇej‹z@Šs±+¬Üñë#\s>öƒl§¨,"yÜ ŸÃ8-8ÈFÛ(úxrÙZ4€Çj +ªdÖ%Ž=Žð“öƹ.€ +aðÑK¤‰ut;ñ"ô +(î@X§ +&¨aó5 žLDŽçb'ú#¼×^ªþµ“E+aÌpÈ3›Ø4£Éx£#ßbÇŽ×⍦Æ¡f£$?—* ÔÅ’X­h!(z ð¢m•òÍ°â£:¸9±¯=vuºbIøêRäès&C®fÛhò^C†y©¼:_Z:N£?é0ü}tß›|”3ëB¾ØèD]a¬¿WíwÆg`¡ú#’G±l×¢¦ öÉ{±oL+Yⵤx‘lõÒaƒ“sj¬[3$¯¸Š¸qùýÎP± Ô¿ “=;_Mÿý´‹"üKet”«¸è¯È·íU +k¦œ5"O(TÂçÿ+§”<9Ž[üWŒ¶&°)¬üg±M98_ÞJ‚3R›‚1ï5v•GOǬŽãqA‹x­XÄÃ\kswì… À¸m6®aÙ/4 z÷B•Þ½ö@ÇótÃà%îŒAÍ\î]éX —¶ø;êTÁ(»{Pó#óôÕ?ç²U•7¶­7Ûàùî£ó·ï<ÔʽB +\†x%AŠ«¨RâÊFÕ-ž»æPKítHÍW£cg¢éZÙ™™>žÉ >eJn(– +ŽöïQÍ«KÆ¢Ú÷´‚«"%+µ +Cˆnï¿?*Õ*ÀJŒ¾dVߧ¤‚ÄÚô†Òæs*b%P_ÆszÃWÛLç&l µ~­Á—ß‘eÙ7‘ÙMEAAþàÞdU®ÔƒucJiÍ?9‚_¹ ÷spdCö­ý ,ý‚Æÿú2/ÇyèO¤¹ÉÑë7gÐúg†‘Ù5öRòÃålhG&´W͇òèg¬d-Q¾?ŸêNpr«ø9ìX—”ÒâF·ïgR&c$ ˆÖtÄA j0€xVs”ú;ăm¨§FŒ˜@.žl–ªt¢âÙ‡*,D/|šq"q£¹Ó-Ù¬ð»Õ‚žÔë_MèÆŽ®…„ä±L A«?xô·xôú;æð€¿”Y +Ê8¹H5Äè¿ ò»M­]aÕâŸ<›ìºe}}àÏ©‹ÍUß®³Ý\Jc XA6Kú9ZìÖ]£€.Ò¯¥´•°o—j•ê;ìrRjß»Õ4 <ÔYŠWläèv\Íï„×@ÜÅå¢YÈ.û\Ì…óW“ôíio´§±µdtÕ +! Œ{Ëß,¸È0Ϫė¢b;ñ.#áG‚‰ÚÓläz{%ÎuâÑíj*ͱ°Ïë#ÉqéU‚ÊG½³Å¬»¯]ç²eï°nßÓ{òʱi_x0(R»[ƒ°lÜ£f™ÙË •™wÓ(5`—bsÍL×^,$#ûÚÌ<~"Æj'i +å{Iâ7\ÿ£ÙëÀÆ\Âg•±]ñ3ö3$ƒ>ã•„#=þŽÛ‹Ò «{&ïù—¾p'ý¤•¥åíbßÕ¢‡ùék½; è\m J»Ó]Ä”žK›(åU´¼Í<©·X¥Í~Ãâò¡'_*˜Ð”Ø+ nÊ“DòŸ“º¬‰Q‘(¢¢C÷2ÍD¹M Ðò.ŒsYàö[ä`~á!Àü¥þG`ÌîNW-?Á Â.–’©Í«HoNÌþßÀËÀtoauú ‘z€á ¨Ð…TãÜûuú ÐåJvç—°±AúQÌž•«¶YÝÖ¯Gùè0íóƒañÖ µ¼Ø—[ù+yz­åuîÕqÿÅA+Ÿrg’^aÝ"ÇÔ’‡s=rÊèDòMl_]k3ăOöj55}©ærvä9ÅÁœžeô¼~‘S•Žè-®ëˆá¡0Ò‚rpƆ#XÁˆ¿x´yïôàVs ȼ©§ð8”ÀËWÝŒMø…+=ph{B÷Ø_‡žS>Ö|½år£»¡®¾• ¸.CBŒU³…YðàÑ€‹×xüâ¾&1S™aÕ7Y#؁KɯÍYÄô—ýäD´Ø‹„;“Nš†óÀÕÿÖË°§{‰¿Ì>šªÞ<; +Ãdpxå\+À­¯‘žú +˜:Ybóhç©o +:èƒÅ‹˜j‚(FK]±E7力×N¦Ÿýc±Œ”ô°\΃ôÌq!ü¯^{^Ü1j¸*¦†Ò–ÓM‡àÎnÖ1ø*l{‘'V™‘™}¶±ßï¿}ؘ¼=·ÿsA;GÅ£}¿n |­ãÍóoéÖî¯0¯™ñ¸è•Ô槈\Á1ˆV,|˜¨7ÈÌ»ûò±ZsQÄ'¤Jô‰%wš>¯Ôi^6?]³,6–¡k(Ê«0ŠÍ’½ ÂÏú’½F»{tJveTµ$¶qì@ê:{æºúìE + +Pâ.ðW¯‚Xá e·9ÇUlo‰ÎSÝ¡×`#Níd wtÁ1Ê2Ùmu…©_7p¥ó³4«ÞSˆP[|CpROŽ†¥Š.zÌ‚ª2š»™ ǧ7>+½ÝW(³¶¡ÆªXÎXyo¯zBîàÈŠÿ¥Å֍¡³ÕílE,ôn'kG_-¾È*Üw ½=v’!ó~«‡ÞúÁOÈKƒ£ÝjFCx´m–(*'5þ +Ê‘Ì +ßWÿgØÒ®N7ÇÓ +Bú¶Ãï΂üöCŽ5zxO|› »So'ÞSà[â,o…o¾¥VôšA +÷r}çóç( uÙxKh¦™ 5ùÛW”KöÖ‡Âà(åÛ§ E1v†XºŠB… LNQl1Å¥Ô¬‡ã°¼ xe€Èޏ~:C0U>‚çIu݉Y\^áäÕGûK S^}#ïÔ•ÛFÙÛ¯šR­$ùԁ3$Š¬à&Új?˜e€5_¸+ d|Ùêçp*qù‰RWç¨Rûb\­UÇÇÁ™@ë×Y[^—«ÖÑӏÕ^õ  +17óãß,%TX¡"¼ŠbE»¼ïlêiÊóCøÀ¸SÉ ¼­­8ØzÑǺ&eLúû vAÒš¤˜÷{hfØ–9æÌ´ +ÉÿQ_í +Xx³&IG(lZ¼Àg ו{Ÿîú?ÿçý¬£¶îyùÙÍô¼¸iͧCw6¤¬x$¬Çá7¦]Sx­°ÚðøõÉæ&¹Q¦p µÿ·Î÷«vœ,Œ:n™-h°Äƒ¹£é´(³\†âÊx2g”66íWP¬Ÿ3ÚÛ^Z"—ñ“TöѸ«`¥^+ySÐQ¿°¥g‰èÑÂ`¿ÕÕ(TÍž‘¨Ôò¬2 y—š5KÒ]+j]Âɹ’$yq¬ífÃT}ÎsKH¨¥ J\˜ ®-ˆ²°bQîÙô¦º¤ñ5CÏ×Ç·Û½!EÔ™›Ñ-ȘRѝI¹HÎŽ?vlk»i9-Í*¦ˆsR-%øòsÀ ŽãýS?wI€ØCâÁL™(M-àu'Á& ¡üLŠ`tv”I—©Ö''ÉkGE%D¦£×d2Ó´W¸¤²µf0-c°Þ%œœ–;VfB§éhtZ¡‡_D ñ׳ý?Á2lZžæ¬MMÉΝ"IQÔ¿­uižÊ;ZW¢”Ô:Ç5Mhä8ƒª»oÕà×CðZüê̪~„XGë1`& nˆ:AFPߌzòö3Ý:~õù VF‹C!7s“ÄBx!l(I¤†ðΉØÙØŽi·õÞ êƒÓïPBQÈ›Ê7}¾ÊšJÙ¬BùXâ°ýRNÍ÷Ó5O(ðTïŸ5·£ÃxtUâµÇÇ© iÔcøii"­»<½#buüï&F†‡‘gY c”¯Hj ^$áNÐY,7ä˜Ý†Bt RK'^ .A7ž2È¿Høã{¾œ¥~9»gžô˜œAºB¾¬W kí=yhtÝœpWIW@7ßQ\ÈS<œÿ±}ˆpüŽL~BN'ÅÁƒÛ†ð÷(OÀ“‚sÛ¢8æÐÍ;eÃüÀá,É„jL*ËMÝXÚ—áZQãNNÏ/±—-Lw +zš)éyËb«ÖeªDõ -•“ +µYJQ]â˜QSÀºØ±½ë]/GÓÂÓñ.VZpEù¿åš,ò%rVôø–Ö2òÏL +FÞ7¶./oklÜqù€4Mj•Ê¤2ømÎa­ùv%›¢X'ŽÐGš­Ð9<~!F)ÿ,‰0GSS’¦: Ýi–¦nUaBCxt²*ZŸµ<c°mZiz±Èò“˜t‚pO8Oð2+‘p‚„| õ[ZWF B Zi^j®Ë•’›Wê#JÀe…ú)“ô ˆœu±ë~û ‘Ïö½aòþ ]{—jŠÈÁè»øªc+ïωw§ïÄrbÝÃáö/ލfìÁN»G >Øz=aÑw"ñûâÍïà­C‹þÅ€ÿaýôB$¿Çø¬øÃüñyç×°_?ÿÅWxÝcÈŸ‹>)~ÐÏ=»ó¹þ"q£Š¶¡¤ß9‰÷;þ'íüÿóuˆpÞûå['Þ&2¤‡Ð„H±PéÌß7!Î8Ÿës’Å9A ìýÖ“àÂŸ¦àmB#¨lx¾bƒW›gXépž4 TƒC=8u¤óµã ˆñ슏¸iŽÓ?¨Lå¥ËL³p™NªØ ׋)äáÜØeI£kŒF[ï°E××h-‘I´­”Ì(T'¬³â 6SYÜ5³Ø;É–è)'Z‹£¤5vX¡Ñþ³©lnÉ"òvÙâñ Ö<Ò³¥ï;ã5 +UZ°( Ù+ÀõAðB\’ˆ^VVZàƒ×µf1Ÿ^$Ž.Á-„¡>\ŠK ˜DVŒžvÁº÷ÏÝ’A¯Õfúþ‘«Vë ÔÒêX9%}N"]­¾ÖgA‚È”ad☶1­öhŠ^`28”;è„9šBÔê嚺æOzZ)lÌ—t{HipHIHÑ|ˆ‹ÏµlµFW¨”•éÄ”¤¥‰4±&°_ó‘eÆ'OB…“ëYÂs&¸4DYÍy–ÐúŸl•1VÚñ“£6[A;L¾Ý“³e*UÜŒå ­G-Ä_J Ñrt3\Šå æöÓ΋(©µ´Š­–ú‘âb"ÔÓIE’,`öL§_þ¦ o#*ê£ÀÁßTŸ¦"“x¬àÂØ£àܶ^Å:1¿ ¢P†‘-ZŽ3)Ìý†'Ľ¾™z·U›#nX¨Í{#\B±îÂ$OéæÝn+}+è ì/ ¢Ë•›}ï¾ì‚QLŸ«ù×zÉxUatȨ(™<ŒÄn»¢”ªxù_‘YjµÂÊcT  ü?ù¿ +_,7jî”(î%x4 Ig㺲ßASѹuC|äû/k¼˜lÄK`i9ÎT.@ÐV«Ñ4L·ìú,zTÔåd¡§‡-¸rêæž[—†»÷<ߺy1®F£ÆZµú ¨šµ,z?©±Â`4ª¤Õ6T'¬´¢&ëàRâsZ­‡[:†ílÔÎD”é +†%i§)ÈÎ-MȱùlM´6ßjqò4:M–zÈÿ´(¸’à­£´ Ä'€ݙdz‘C™j +ØÅ‹ÎÒü±Ùñ瀹¡Ôã»Õ¹0.ô¿NÁS׍ÇmYá<õ8ê +2>"//$åûy®ûê¯ +¦@ºè)~ý²õ@«—Š"M9¡¾ +ñçúLÌ*ïw³âg$ìÁ“E(íH}Œ,¶> ìD^:Öôý ¹ë››9º”ÏÎsÀ1:1vïÏý}F,±–¥ÕǛרßê›7nòäñšTÚ#ãA’¡u²?vvG,Vk‘‰„æ46 ¢.•–s+Ò:FGfUtV¥E ¤ò²h™0ä·žmCÌeÏ À{Ô$ðY†T )€ú)r®@cŒzx|HZµòb{dJŽ*ÅjP r +ÞF~Üt]ÿƒ&'ìĨT ñå-S?²VÞ¥xüÑZ‰ñìr[¢Œu ð7ð|쁁º)¦WDxצ®DÊtçÆ“xhAòoƒõbÁÿ€Wlè©ŸZ| íZÒbƒÇ'7­„ ]Å­Éر ‹ž£q #§Ì©ïÅãcû;3£&d,Š…tÖÛsðŒjá,|‚ßÓÏoé¿ú‚÷{cìS žÂÀç`èÉÕ‰+¹+¯\‡hhi²aAäîUSR¸@Óˆ›öÜ 7.7»×<_??ròË¿ Õ…<ïý)‡q?B<ߏ$ÍñºxëàsWÕÙÖùÄÍHywCðT˜í˜UÿØ;–öC$„ºá¨=-ÝgòtúVÇ>.Æ•A k…Y5È"ÉñîKKJÊò}¯lž¹Zox/ ÆR>P+¨ÏŠ;ÕqÚ¥õJ¦ëªŽÎÐQ=èÒH^r„IìÄH¾8|46d* ûS’¾ÓƒKË<âKw^Ä ï?çüÆf¡e!X·_‡Á6m¸%”c +9 3<ÜÌä좌æÐËôv>¿NŸ>+#¡h­šáØÉúö²’âöŠú%»Œ¤Ò÷Æ]ó1Ÿ&jµ€x€€?Dd$.Ü Ÿ”eñiE +>iý$yæÑ’ˆ§æv_aý…ä·äÒ%°ç.ËÇp1̺ þùºýb'n™ùßùù Ö´‘)Uœ@ÿ±#Xª²šSJr2ÓC +G>=IÔ†õcS©§Ú?3!ˆk­fÄŲjâSåµÅQÀ$]" +¨ÔÆxt·ìΚF6Ê$µ §“ÿ%(mü…V¦ ŸæöpNŸ@ù€¼7Dèù +ŽõkôE¯¦žu®EôYÖàÖø~yÎɽôºôÔ! +yˆú!£c/ý¦]Þzk-À¸ ¡Õñεg§¾*Ò¯q¬­çI ï‘@ˆ±ã©oyÇjRЪyZ_†Â C%CÆ6Â~JÇ*{jú8œfî [Š%¬¦‘ˆrëLvàûüխׇÞ^1õ¾)?ª¨aß‹OY=È6>Ò“õ鞆"pGQFû©¡Ãó±Ê7#Ñ‚²ÅÂt·ZÿÍÌ‚gñ«õÎÍyw=¿l¬ý<쬠ö”^ViÚ7¶¼ÁÑ?ú€TJdh#ûô¥ôlÂbÎÈm§Ì_qøµ§îûŠz7á—Í÷¸q/‚£ªâ=¡tž%¡+?–W—lke;ï#¨Á|êæÞnÌŠ^³½«ÀʯK±åØ ïÔ÷y+O¯f„ð(‚- ÌLHEØÕ Ž&Ú$&A¦‹/g¬¼VxoSr7k‚N×YT@‚¢â”¬¦5ðGžÊùQ„ôˆÔŒn=û…ö—˜*ñq«•`î +yîîúWh_ØLºDm¸‰­K·¢“Á„àYíißmÚ3:‘¹:ç£ñ£ŠLƒN7:R²5ãÖ«1ØhyÉÜ)Ìåª9˨¥Ä†™xßvþ㈭²‚Ãá’­­„´bÃVsÓ1ÿ03š^£w^øëƦ-_ö;Çò³þƒ£´QFwîùŸe›lck¿ê;RÏôÖªJâcõöº®ÚŒ +3äFH‹ÜÍ +Â~?A™ãn“–åEÂbÑf;Æj¸NÜXN(Œ*'o$^7X1vs,:̐)+s³å(µtÙ fIQV„ž‡aØ"ºê~ç¿­%Ë«ú2œxV2r'JpžU¸³+›=A«ë,NGPòI*IËLašýŸ~B>€˜=Ý–<Ó7oò›ÆuÜÿ)~9ÉS§Åf•ÌKO¬u ¦¤äŽ•ÄUG§©ÂëZJ&åI•áu‰cJ§ Æ#kü4—qgOÅïgS÷—1OL¿F§Œn¯)4ÈsªÄöwÆUÙŸKŸ/5™Š(³Ø æSÊ ?7`ƒÔM³33Òê ²™qVTèÃÑtÚ™I¸nH ^å›AA¦¼§fø¾ÀuÁBñ‰º#Þ„aÃ6ù·¯_ûz-û· f;¸6Vëø:ˆ¡æ’ÿÿµ‡, ïA}xü8WÅ0ès\ÏuýY¨_“°¾à_Yô{äu±ÛÕÏôUtl ýÀÊÙD½:ÙÉ›4ñú–Ú1ú—ãv®îóÑRódsJˆh¾m<L2àßÛ’憒ü‹<@zAÒòæ†Íä+Ìï…ß ½ýԏ¼6CöpP9.ÿŒAÇ‘»í.ÇÏQc%¸?ÖwÍvüI»µ[*„é22ªsœk×÷h}¸Z?A"Hš¢ü°p¬rA·Šp}´Wÿ(ŽÍycË£zÜTêƍøãÿVŽ¢•yk‡ßÛÕFNŽC€´`€²“ˆlÇ'á1¨_9ãó`Bx«óYQmƒ!3²H +:ø`‘mu[¨0>b×SBâ<1‘ÍÁ¦ ˦%.¯NNMÏ'²{ûw̝å…bõø@ù7]š°j{ª¨1OiQ¦‘ö““å&¡žKlËÄG—KðpšüüwêO¯z_–uBxAªl¬Í$¬ÈQ9jQ…É®h-N™Âf"ø¬X°s ˆF†f=§|RH¾O^¡Ý—ûšôŽ‰þÛ Ï þÛéKì[«òȲU›‡JÀÔ®X‡] ‰ÿ”âúÈ–Ô_Hþ—¼R þ©ô˜ÜXˆék—f‰5 l»)@-øÆz—{³6fBõ„9ñÙVB—ìæÒƈ<êÝÇÜãž­UTh‹JS3%WOÄ +¸ÿɹ'‹fÞjw)6¯OÎY2¢*C¨M ³‰`Ž¹ò ñ2c Y#E™9mb‡iT¨Ã ÉÀ•ÉqÝÇýýßGTU­P¿€PÏOLcËð>Ôzàníÿ{à¡£!FÓž[¤œÜ˜˜‚™ˆ,X­½«gP‰ =^" Y$2ØY‘š\¥tT¼]]W­qär +Iq¬Ö¡b7t»6Li¦TS†)çcdE˜à­,Pë®×EÆäÅf-¶Í +¤ÑÃæÚ»™uJ;³Lʤ’A&.Äãúˆgº×‰ëˆ‡ð„MÄËo½ôù˜‡?H*EQ†¢Û«MX‡Ã­#œU¾g“.‘Ɛ6‚%@yŒ—À °Ø°dAÜû/Â^¼Åì )ÎUjUv+Ó"Q2õzÀÃ_$¶*•ŠX|/9> Ðhjø÷&qý‰¤‡äV…”°‰˜T–¤ˆþç{©5×–dBjÞ+þê>­oÜ-[S¸KUŽÄ­]QÖ2xû=ìzÛZÕ¼wã²Tã×^W~e\oY1fÅÚLDY¾«pL°Kßxºû/HÒ‹ ð#òPNÜÏ[Q¿¡Ú\*y);îëîîØÎO$¿Ó0tþÿõ²=vgnˆ´°Ôª<–Þ0ÅÈ M  ÐK/Á­äÇDâe²”ðźù; =ë"<Žt…HºB’¿Æ.ý ðO;w¼_º©„?IŽ£ !Ü3Ù Wò#ë ‰±{970:KÁ(\÷âŨ‰A ¡¬„ባ¬u]!ñd¶È]$Ò2ÅÒÁ®¾±n×›5D\ýµR-ËVÑ„EQ¦àjºsL¾•]šøD9ë;Á;^ìœÚ,Ö(€6 \&µB‡—¡Ñ3ÑY½?µ·*÷(òZ+éñºnöG+…±ÌùˆcY4íÔÀ^¿¨]w»r•,O={ïö"O¯ö¼@ Øã³d­„ 7ìl•‰ásøúÅŽÛGhý¶¢VД÷Ô;~Ci„Ì-h°;õN,Ò"}ê÷“úžBAý9ò©52@’&¼ÞaoH0É% #_/ï¾ r/d‘9#\Ò +Ø,“A–NòŠÐA›{ɤŽê«$v€ý@ù@mÞ4“R]Q^iÍÖH£U¨‰ù‹ô1È3j#õ:`òð‰®Q”aJcïÚ$žKü•ÏŒE‰¤‡¤ñr0å‚ö-‰ü­K…ð`âUÓd;ó¦–ÓûëÃö˜è#NüÚÒäjŒ;&9jbA¡3A"ŒKåh:œ5B7L&¬¹j9üß"G \Ù n§&Ž-$žÅÁ爃¶sqGaÁ +&8«‹e‰ªAñ&8]ûŽûŒ˜­—øé™ÍZ8\G éj=AÛ–´•Ãs{þhV3ïöj“3S[D˜ÐӐ bfµôh^ +vÇ÷Ũùw–%‹>h¬'îÖ@нsžÖ„xéèÖ;“Q‹~ìHÇ‚+ÈO‡®}ï¯Dßš)\Gcé…÷îá÷Ô Øƒ¿÷aêôtáa-løþ{*ÌOlTG×9TŒ\ƒ>—|ÐX&‰ÉóѺz‘cȲÖaôéJÞ¢M/è×pžšUT{Œ‰`+“š#ÉWîˆRN;b•œ|þW325+Þ"ä\Ìè” J é×·QKF‰¿1C¿ƒæ`*Nþ7ôŸçÖŸQó2ÝjTqÑ€|!„º°|aüQ Q|±DËÑÝ«Éúû‹³e*åúT‚b,ƒf£]å@-—/£)´¶¬ +^”ž:Ü' ,”¢®Zv¯û¶¡j'Ý­ß)ËœvýŒ@…š·ñ +¹·_ðdÞFºZ°çÃtiæNק¡êv÷=HÒ… Jƒ[Ïz&“ € <°¬nJòm"|2ã¾6*F,3+?Ïõ†‘f{Ä|Ë“¦ õq@2ª›4‹> +zÒSÀ#‹çg7mÓ$DòòhÂRð?7?«x~~Âû±Ò,BÞ|ÐÕAMÕ!4»Àíd›ÚCkƒ;0'[ó?€öý +°åBeläCµe*L:!~ ;±£Ó‚Ï–¶îç:vEÙŠu±`¹dqkH;ZËÜ¡^YnºAŽL@D( LnÑ[vÙŠÖBJâ‚ÔŒšŠ{£­H Q +-·8_`L­ionÂô6~t¢’™¥×eÓA¨kz +z1B’ïMÁrÂB]©©©J;±œÇãRHJ^xš †^™eûî9ص8bT)É®à»ä"ŽÕ&džq¬"9?Ù!/#ªJLØÀ ›OÖ²ˆÿmuõñBY§/ˆ\Õ{<t•[„?‹ˌąx±´8ô…#a\—æiœ!¤_Óz©w„ÆÂ^ +÷¢È²[+ÕڝV!›[oŽi¬(+Nhc¦ü›#äaÊàœM0!{€ +(mO©ct€/>Ïkíio²0>jè’² FËõ¥æÔˆU}ˆ»·;¦‡›Šq÷t§¬§z¥{ë´…e2ýN—yG= +6ƒq{‹EIX?͆Nðµ&€ÆPšàþ—ÝwsÐÚsªt>ÚÖ>Wýˆb^»Bé$L&Û#`>Ó` ôÐ +hÙ·„Q1 ð}Kµ­"G'§ñ¯éRäF Ïðº‡Úðô¹L…|Q~f³H—Hì÷SvXÔ"C¹¨ˆttDž™ác¸ìC>9ã ÒÔM›¯‰ºÛ„¿¨ Ýí{5Å‹µ¨•R‹ÂlBc_½KöÇ÷áÄ ØÞÙ½oœ¯2åó#’TFMQ½°¶@P=Æép‚†”sÖ#£î©î5kRé©C„simq¢¹ÉžÔiò>5W‰\" 2F’E”œéÐprb@Êד3féÍÜfþDÝq†÷{{ žV®3wØÃWÀÜÏtEµÞûmý+F¶Úi~XÛ”`™bnÊ ø¶|ª^²Òû}ŠýÿCº*‘LÅ´{ØSªÎ`/&#Nm¨#à× ò¶•º|Hó”³Eå'kS¤ +ÒÛ-: [GõË&=ãä]=Ǿ¾T‹Ž‘‰[™7òÔµœŽçW¾¯`·UÿUód‰GíõÏŽ^sü6Cp£ ¯†3Û¯6\H®?ýP‰£‘é“eÎB§‘X–³}*<ÆN…§6ëÀ¨éKï(ë-ÄÈu¹]àùIo~fmfÝú Š¸—«6y~Kä|K¨µzÐR <‘š@zî¹v­E“^íj€«ñ žp€p„Þ¤,_]Y1ci\©½›“(iˆµð[ +Š,úÂ~#á:zÙýàÀâûoE%³Ä戂<‰AŸ/‰,0 u~Ê”›1?±¸$0~pYГ>îxðx°©âôý‚»Q<&÷™·÷VÊ08ô=s±6Ü +1·‚×_×ÂÐ>œîwÙ*Ï3ÿ·0k KŸ$beFŸ*ë6A–V6àaÛ¤C[›•Ëœ®öνۚ”+ê“]åFm[W—¶ÅhеtuéÚÀ’Æ‹xÂ9BÝ?ѽé\Ò ǸӒTu!Ø=A)áp ¦ŒºH +AFœ½õ„íàHž«é‹ø¼dÂrâ¦J²ÌV.M‹ádÎÃOÐYÄýÂA" £l4q£úZM #nJ<ŠÃßûŽ.Ñ‹´ZÒ<þ)’•þˆ&¸¢ Õ—ÜSÚ·ñ6–‘ä±e|Y’Š‹—Mó·ŒLȵDk²êE` P‚ÇW$–ì™2ó&"Phýbòyá=öÝBŒÉ75?.&:£Qà,²Xd2™Ej1[¥2™UfRsZžPEz™J¥“‰Ä:9ø„¼,UU‰dAD¬J»ðRIYQ¡6¦uÆ,阝VÅÌçÕåÙAõÚ^ù4ƒ\÷¦ Wx+ ¾? + •†|°jkÒêFÇ)B³†‡jÞpvçcĦ’0Y‚‚MÑͪð7úÙ3Œ*uj ,¢IÒöü:ä‡'*}‰¨%ÿ“šÆ#4Ãp ×† ™xæ]h$àU%¹ßïpŽé&¡9 +ã.yÁTèôrZDÑ›9AÐX|$~=ÞŒïÃáú𷩝TAL¾D–gЩ‹jeÀ€ic’4‹k3ÙÓmy5b‹ ‡<ëïqã$¿ûzèÐ4•CÉ®wÅù×D¡"M¶"² ÆUQ¦ŽÍ«!á¾[‰³ödñZvSüQÙxk!>„Ñw:Ðÿ÷nƒŽÎэ"Ù6³úßxer?6ΈJÖÌ•©ƒoŠF“Ñ€òÉå +ï +¹UnÒpÆ>¡IôòJ%—¾A.nñ_3ÇEžðEBh*‡‚]fŽñ¯Ž0‰rÊ]mT–—«M) yGô¼²död[Nˆ?Ø6{ÀL ýƒ8¢ú³aŸÒ~„»0“û+€tŽ0p ¦léUÕ2(qÕy–=­²J9ל éqk +£ê!ËF4†ÆÑŒ |*“‚þÁu†ÇÞÔÇ' îôrçr9|.¦ ²«×a‚ï,®˜‹ÅŸ'‡(¿áÏÝŸ@Xf¦ñÿ +¥ý™WèÛ«àŸ`Å6/#Ìyp7.ª¢eà„•`0%ÁÀjˆÂ;îÛývÂVC0Ý`WE„YÒüŸ7 Y]&ð,Ç­ƒH3áýèÀ{[ûYÎ ‹ 0ÁÅ\a0†õŬÅM8€‡©Pcð¿ês¾)àéu5šb½_"÷ ||Ã9‰)Æ`K0sò0—É¡GU\[k¡ó”+½ªØ,,L‘F‘–¨}íw[oãá±\§Ãû” _Ã+Íæ(n¨ÖÀ‘H„j  .*Õ&—£sç/Ó6òx˜dìKì*Làæö^Ö„9à0eËÐ)Âk}-ŸC¥)j³9E- +}™æ»Ö¦ÈÔÅY›‰ÄÍ,ÖR"qièj.ž`£ÑlxB.XJ‘–¨ýl÷fœÁ³ƒÅ +­ï“‚Ã+-æ(^®‘îÊUb¥J™Ï-XîÅ@¥ [ºao„£§¡£çÀÞHM¨¬\ɵÕÙ°5‰öøU+'+«,Õ±êùàM¥µª«bë•óW®Š×Ô&bã—ê80ž¢O£Q»éŒr*­Ì<ådéªâFÇXG§¶Ðí|\g×½‰žëSiT8tðÑØky +mÁ’Û˜Ù¡Ls›ÍÓrEç©1žÍf’3!3•êEÌdªXâ¥îñÓh+y±LDÑ>ó9ZŒ[6=%ï½}zI“+A fá?v_v€}UîòFbrX‘f§ü®ò¢’Å(´‹»æ~!p<ùÄcéCFdE”&¼ÏZXHàÀôDcÑØ~ZÀøéÝRöµåÀó Ø)'H‚D§$R”.NŒ‹œBÐvŠà<S€oôÌß…Åì.hôò)<áÄû!óÃó‚Âóæ#‚îDL¾O£WÁn vW~£§oLÁq-8?kg•õ´¨¨¤2þ~o¤Ó«J¼xÔ¡çàK +µÛ-d`!Ú'É + e“ìvc*, Þî×+(Pæe‹Ô× +œ®ð:½MÎ$äõX/)I•äºúÚ•SÜØT\ÔX_LþuôN_؍*[ÑŠCttŒY®ÈÄm<Øþ}«68›}'[$Ñ/‘Ú-qF…2VmÈD*`õKB’µ¤ì’Çõ‰ðn+ˆPˆôxðG5܏s„œ® €jVL|ˆíx¸¢Âœ%8$"Ü4ÜT큊×#ý¾UÔ@=‘$/‘ dx*wÁxUyh*œ ‘.Ãªp3‡câó9F3'<ÜÄnêÌ[W¾™q”ùub0®0˜W&¢<Âè}1å¥LD)á©`N2ŒølPš|b\¸ xbÍ؝Lì¡Á&%Ô +E„a˜IÁ&Bc`›AÈA7Á†(!0£Ñæ0WÞ¦¬&t$Œ2­ú0¾â–ÅISþÜ63ô6Ñ¿äéÎO±ÿüÏêߌéŒév¶”­'ªÅŠL˜Éà±D}}¸Œ‰!эðËà(•7O^RÙf6K;KKçªsêûb2+9?¿±ž^›¼©‘ƉÎñpw ×+%¢;5ª–lªyãéu(p1.“ÈP¶‡»Q‡½.XîÖ9m@­¯0kŽ"0 +'”w„=pdî£a +W8³{ÊšïònÍÐõ—ÙCÛÌYÅ‘/çeΓVú!(øíí…Æó¹[Š¯œ¸¥NT„²Ûª£Ô¬ž?N$Ϫ} ?8¼Í˜Z9U(ÿ+G/©0ˆHI2­ûJ8*Ø£¿a'¢Ÿÿµ1›¹Ë7^ƒ§…ÊÙ4£5Eófqw{j.¾þ=Ê÷Ë‚Òv´²<ò\Q6·3©PÙ[•;²Ëw@ÓS¡Ô‚žµl2¦wI¨ãÎÌŸ}þ~î,ÓI¿=,•SÁ1m·È)˜ã÷Ü03ïÁ¹"†2  ç1©ŠÍHÁOnŠzsúDsÀH?eCy..>Œ‹‹Ï-ß@Ú¸|°ì¶ÇáXàÛæƒC"Ëj ¸°08®¶EÓOÙ+ƉÅß*Ûpìm ëO¦žf:üÉb}­©;úXù@ÚÂf”GT"FÂU±õKüÑL’VrçÝ-«€2Ñ96UTv™Ü䝌=4×ß÷$',/Elÿ Œw¹Å³`$Z«B@ß_ça22ã”QéÅ‘z/f&öøŽÑ™1ÂÑv›°.#:F—cÖ£Ñk1“·™‰""‘J4çË1kÑèõê[¢€@-+YNùÉ9è}è¯u4fÝê}æø[:Š`’%ª"êr™eN•LÆØÑš¸–€¢݇FWLQra}ƒm|@jܘÇÕ+È$&¼™0KÿÔ?q…=Ä5®æt£§¡PÓÐóJ ÞÙËj4ùõj®iˆ8‰Wõ­5‘\ +X¤HRñoZeh +¯Á¡2ø]‚‰‡¼à‹töªÀ$•9p ‚ Û¡CP~¿{êÊLÇÖ —W‡K­0(Ó$Ê'Õ?¨•râÇÍß!È©u„U;7Q7òí­ËI¸ÅXL?n:túxçfm"ºˆ˜,Ôç2ÄѲ$™‡íC£÷á«òë +—žîÖ¼K˜R<°$„ ¤m£ãoJ³6½~PKRfå›ôôéC%üòsi~TSä¼ÄjLÓTI@¦ÈCÍèP¿ÒêY÷zMDg XÄHÒÈšèj¯rtÍHR‘È ýçv›°mV0úeã§?B6ÑÝ´÷+\ò|óê5ØídÔ¾…à7PLã†f#6Ýkl¬¬³TœŸ–&µ>¢ \š ȁe„cí揼åÇhÊiäÙ阳Ñ^g1mƶðh÷€ÂÐc\­¼€Ú¶k–ß¿;²ÒDÆ1÷KsŠd ¡·ýD×Egù>Z™5?ɬ·ÝéÂù|˜H&(dbVaF9(Šm®7EV–ª½ÃÎÂ/Âáá³à;©ZinŠc.íù \³Ñ +әćøD¦õ¦!ë>%ÒÊÉí±ûO'‰Ý^Þ)â í2.vÑŽcô}”'$I£ß·ÇAÇ„#¬Ô¨ +;ŽÒ÷R®€µ€¸ÑjÂyiá€\5‹ùn±3å5·¹Y…Åb“h+í’«ÄW~J,|MW"ëP +ÆP+puÔhpæö–«è²,Â|XÔóéØæÁ¦Úh›,´îy£h àVjÄ^!ˉÑÈ3ÊÄq +Æ–èÕÙ’@s£tåÅ„ +…^ªÍW {1t\뾓縸Bün=¾Ïb‰, +0¼¹xLBÝ`SÿäÏuÆÁLYQ;%,® ¨œJI¼)\K¿=í…âoOÒþ,7¡]0kѦÊv÷ñQFöñߺ´pñÆð¨jagfbÖbÐë0.yÀ«žzs÷ê߶æ±w.íT7ÈŠŠÌMëÒÇ^<²œS'KdGÐc9´ýø¨6ˆÏOò5mŸpÛ"k´qû€!!^V©ŠxXÌïd<ò¯rOåDd§âi¢à*-ÏRŒ„û`xœ2· ÅQ| ì»ü#ˆ—% zRƒ‘ÍH2« +µ¸#ºe‡1,¤Úôm›ù<³ãÄúÿHßÃêæïü=֍ +_ b¡ì(6 þƪ—}cëŸ,šÐ©¾¸}øèšEïºÝhÆa˜ôçš¡ò¥7ÀkƒZ UƒØfì××à2h •AË¡óÚS@ƒ« rõS‚~ùpy@ÿöaZ j¸§gÞ¼‹üÓm'.ö¾»‹»i`¢.pQu§jÇŹsA6F1ÐýæÂEÂW®ˆ„C„i=TÒc°,=ý +M¦¬*CÓjgÍËk­%èr#ã:µÛ…å[œ‚øžcó ÚJdÜœðÚÔ¼ŸÒy^k?î~Ù¹'ú[þ/w‰Ÿ×zÍY=ί ïçÍYw]×TÌYoH<ë¥ñ:K8—A¥»è6ÉÛck·fëToâíEØžÎR ÙËPVZÁÉ­CZg§ntÑTԍHÑƒÓ ú—¤€×µ@õË¡>;´¼.åúp=ªÃËNÉWÎúæá.Ã@PÈÏW˯׷÷¸n2qup|DˆÿËå×'¶/w½`œIžNÐ÷w}πˡÕeYïæÃcàËBPÉ 0ú6̝râá6Ì]Ç@‚ó¦l]©Ù¶rJÈ.]Ò+°nÖ$Ü’Wkü’„„QáÚ°,::qsG´â²M•G+ÃKí•< +ËŠòÎðvµÍF¢‹äQy#qoŠªHªÎæQây&VÁö}|j¬ˆfùÊGôÔÖéZ*bˆO·ˆèëMK›Þª§áƒß¼åØÿÁ2Fö! ¨´prðÿǶl>þ ôüŽ%U®àß;E ÁfŠV0Ìl²}õîht@`åwýI—±¶~ÂàÁ»It£Þó\îŽE£ +;/8Ù‹|'N¿Ä6/­ý\‘€½:EwKrúêµ0íR)—+]ª +»võ¶~ô)Ù¯}covs›$«ãìY)é²ìù¤êNå5锞lk7Ø/“¤®#±s[svo+M™µ +5æ7çdÁÈþ”÷ˆ‰7`¥²ãÖ€áÉh °—$ ÜêÜxy +eyŸ‰}qcA›Spfàêó˜ù¦PâîtP«-n䱫´ýÁ§R®H*G‚Äé‡VÚÓ´ù/©PЂÄÙÚü«fç!gæ +¼ÔvMõœ¾n„Í <ú=K7ÜôÍQ9lOå5´ +\îqº¯dÿ¡t6WÍ}îq¡5Á,Èÿ{½á°Òäž ¯ißešú >—;ÓÕÊš}j¬¦s’k.àëú¼óO}®íœ—«¹»(ÃòWx2åÝr…$S†ý çÆ^Û˜6QFǽ3‘ä'g.’}`؇Lù¶„|[¦¦—ì5ó0Æ‚J a’P!.Ì­™d_ú^ç»·¿€³-˜BA*Ò¥Jx¬æÅá3óg,·—üùwgÜü ýKwÁLðcéú ñó;ï-qlèý óçþýg‰ýhñŒ¥'neÂ* +6RKÉÕs³+šoD3û s‘ +·æõúÚ§ïE–-j ¤?†¹)\.–Å ™b³öÍé¿rVbÛç41kåøþ9–I{BaXºàê8»- ‹oîÜ­ Ôº˜æ’ÖT~QvANÁ%µÕŸífö|öµì™Ç<ŠÁº1ãÿ£Óý«èÎ!€›f6p }l7áµŒÁœãÅ {w(ÈR)’L2’H&@Só‰Fû\CG}¿cŒ¹°…;oÕÜ£Ð>Õ`È$r™d “ `ź§ï%‘>Û‰x×÷hì)aäЫCÜîçL +çû…}`žv0sœçÌ…K¤öÔ¬™òzIî¸UŽ\Õ±x®­¹]”Þsôx”ŸÇ„7@ëv(J‚þª\B"Ð`ÌRŠ~HåV“QÈ·Îwôþ¢D½à8]ZmJ¼BŒ¼s¿CœÙ6ÆÖ›&;«7y25mÒŽûw"yO ½R ù'»¨0>!½L›}²´–LfàkN•£ýù€5W;¯añ u®Ù}£¹¢ß¿!DèîtŽâ0ª8&G(4pÂLÙ ÚM¯ò§ÓÿO×>šNÇÎÀ_]<‰/Û²tn “®!“Ùkæ£Iñ)=ÐÍ)úè¬IàÚxáJ ¹P†&Ç Š ¥vðå‹'ñYK{˜ôh)œJ£1°3𠯚ïùbMiüË£ G‚FŽÄx?­/Xnˆ úúÅüãì톥³u€¹zÎüqå–ë±_ö\•ÒpgE²úŽÑghù§‹¼qCtÆÓqºì÷àÛº;W“Vç(J´¼RÈÇ6Æ¥àRÈøƒû1¹ê0÷Õ”ÿÉAÓ¨[·L“çϨiLŠÄ‰¶MsmåmΓ#âåóWžg„7c WbuAKæ óXÍ—Tà>Ö=¯ü‰uÿÕr{ìŠücÀ}®û¡cù³ì +Ë_Ýg‘.wÆà”¥ƒmÉ¡ß#wÕ°>þú>;à2p+÷\29®«Z5¶îÀéÕQ]íâujµ®¥cÿñ(`>^‰ëƒár|Ð + ð\ë~èZMùRkñM=K^XŠ7—×\;”\ <«FÌ[8X:çWã’ñ×Üä‰IæÔÛÅW@jõ7¬%K+ڏv$>^S>`)¹¡ë„ÓÌf +nƒÖåÂë†)æVÓÜ·Õ¹Æ CØÕk¸¥pßq:cG¼wíj˜a8Ͼ­¤±"¡ü–Þ%”l~[qx¢–¤oK,Ùþ8ýGÑgø”ç·;†è ƒ(üy‹æn5Ùç4¤b#_1„í5ªÅ¤û'a4¤cCazµ„äÞÿàÀ'Ï? Ýn´/^a3q~VÎHI—¿^.n|Fs ›ƒÅØáÍÀðSÓíF›Éy™qç|(½mŒ½7«€4;ðf½öH¬ÞØkÏɾåüþeð¹R€òL ôó‹ÂxÓ&~4ÙT“?yžÂ‰ëÉPÆõd”¯¸•{:ªŽª"N¨S­îÊœÜï›Z{”Èس¿CÛRUÆo ó¿Æ1ksõ:]ž>Hkà\» +/…ûv0è;Öí2 _¯g|Ø“<¤Þ +0Vp¨ÐIá̧êÏ‚Áù¸«ïT g€à >Ìþ…ûÑX}˜ë8Æýô_>°º¹çÜ“c§ò:¾ŒoëÙÇè¡x?_†Ê0˜2¨-œIƒÁòuWÝ©}‹9pÄ_'°û¾Èðð«ï\.âލô>#_ Hƒ†¹»¹\ŒŒÒHþZ^A»P(úC eÀ€‘{G\u£ué5Âè0ºŸd¸Ê›×i„øIQè©)€ÚË3䣂óÙ$ì>"á Äa´.7oWü? gÖÒ]«p_p¸03ÆVÇR^ʳOâ±æ.ÜANfâÀÅèyäáNƒÑÇñˆüçö©;AAwNÝþ'0@à)îšá¨h1oà{ +Ú„™Êå`¤ å=ÖæΏþŠZ¨ª¢on¼pæ¶÷¿ ¹qŠ³–ÉX¨yNü:qól`àÙSð¡‘1õŒZB NG»í\é¶ÍBóÍ¡±£lÐ’ä“5‘Ó¥K– +yäRFR¤Èv¾Ó(¥=Å´¢µ +‹hÑ¢-“àÔH¿“訶,*o¸Þõ.h¦Ó!fdQFL”¿eÄÒ ”ö«°¬JªÊƍ#f[góZ–qs²&Èo®¥öåÈÖÛ…;6úê}‹R?Æ=ä®»ä~Q!ÝCõŸHmàÏÒòIñF牗h¡ÂêÈ%g4#+äleˆ±ªK—l5¬a-X6‹l¶Ù·8H;Ø9ìzpìE7×Q~(¢&‘è¨f»66VÄŸ«ðãΞäÓ„«’tÉFíJM«]Îd³UÕÎØa¶[c¬å ëÙH#›ià uÔ³?íΦË’powåü¢ÖúT¦,¨vϨa;¿°Qu23«ü|烵^FÖKjù÷Y¨ +ÛÁ°>lF ­^ÝLhCt--[ÃZ“ìŠyÊŠû´a1ŽkXët‰ë}ò +Y<œcñÖc¾úL‹½ 7ž9ÆNʦåI^Ùò‚ äÿñxÁ«09Ùwše‡Ùèê}‹M(n<³^]Eݹ–@-ÛWV¥Woš¤l«ÅÖr€õüÈ&ÙLÃί].ÑžµíœÜxòæ“þv—¾¶Í8Hõì/£ÃOK?%v±ÇvK{årÜâ95ñp:ì€O#u¼d„×ÿ‹­Ôðs<’O¶]fchl‚VÙg}ânðãë™¹žõ+t8UÁpuu¼äÌ+;HÔRÃv°ÞW‚m–¤X[;•Î·$2 +s¶Î6;hÔ±ìÒžòvD—¹ÛY¯Í¥¦¥¦ÃvÖ³16ö¢m†êJÒ·øH +½qà.l\Þ‹€è2ÃãËÑҡЙÚðí`šsپ߳’¶O¬êÒ%[ +kXËÖÛF£‘Í4pºx´ƒ¶Ã· »„¼éç÷LvGŒXáqd«ð ŒÇY¬_ Ãq'{ÍŽM–Íà‹»­@ m /úŘ%y6%@[(Ž"‹ße…VGîñþìWâl¤ßRÝ©3å4’LjEá®M,GD†„¿…Gu ›$îñèÄŸ¨jUÖ+‹ÕcÐŒßyns>ÕžÚ‰;˜ Í:’ÊH¦ ì2S™!S¢I³ª[ô/M +%…™LŒÀNx é x1'þÌ/“òzÔB°ðGŠ/ʍÁ$o_„S ™'±¦µÜ‰ü¦Âïó…u[:t­’2ƒ#ͺ„ÝÊ‘$ XFS_íàiè8$ßÎKóJ1Yñz]+®Ž8hŽnÆÌœW{]\|^ÃKÓr+DµÈCK"le½.Ûœõ'Ô™#‹†m£m·0ù-]«rU1}´8ãõÚÒìùý­ð#¿Îì{Æëu&¯\4 Î +×ë ©ž9è +²`Ìs,‚ëúp×ó6mÈæ2gæŽój}9æ­Öp ]Z—x+ž†a{³Ä–~7Gg¤”VÎ×™¾õ½±]¬wd9qæ•Eâ.¹_{ǘ\JǶcf1^Ç9‚=œpè)!ß„ƒpNÂY¸Wá&Ï}žÑÊËcl\ÿRØg¼mÃu¶{À }"É2Y–‡Å±Î1WÄqy\¤¼¹—°°ðü5¤N£Õífÿõ“­–¿6:í¾ +íÑ;þèt¬£;jg$ç¾ßhÞu­–`çþuú¤ñçszB¿‰ÿïÁ´Þ2üôÏ- $ébþ@/y³÷çp]ÛsïûÿäÉ××;!ùùªŽï]Iòõó[aý'‘Ä_ p[Ì£ÿúöðêçVû@8öÜ»ñ ȯ&Ç¢…÷“€ ðµÀŠW&Þß3æ]óMޝ~¼AäÐ¥‰jN:ׄ „Æî%Óœ¦JI Ù” ¡%+–eÌmøïÍMÙ4ÇÏaä¤,rÿK:{@mrsöÀ[)b'‘ÇRíà׋vÖ›»,gjä¤(ðÂ\>“¨ çu­Þ”‡ÆŽDO—H–M™¢DU-“?Bͯ%̘¹w¡w +9,wê~§,§tʉ¾ì#/%0žnn +y°_Ýš¿Åö™½»ïmÎÍ]çlÞ)Ÿ®SÓX÷,D¬Ïe¥ßŽ¼fÉ>(]:™Â:Ÿ_ÊŽXž¹íå &®­í[›±ŸÊŽÞ›®áž¬‰ë&yÒ¥‚ØS'@ +ÛÃL¸]«(Ôv,¡­ETû`5¹†O˜CõšgÎ@çÚ”ùAÉ®¶Ô°µ weîô3Dn ÆnEZUƒaTÊj‘¯óçƒGD&Ó–‰¨Wy€ +Zd†ó,æÚ3¢^Z!J‘—FÎ3…* ]ŽÎü?lÈᶌœ”M5÷Ðû +KWCúpŽí)Òts"RáÆ—2ê]¬Ó\l>îËõxÃ{¥¤’Í&YDˆÏ rCP3,£•2 +‰¼+M= µ-= ²ñQarkiCÍ r‘ÆÓF¥¤ÙH¼=;Ày™rXúÔ`Ï°tFÁ;¡ÄÓ¹¶—‘âèsä†~ðÊP×#­ª +²í*ì>Ï„P´µ—,wR1ê £ÐX‚Ž²¥œ‘¶aÐ +—×^‰#FÎ/¢’MÅzÒS²XBíÐGRÔì¨iô&²?©+ªò1žPõxUñï+Å”§¨¢E˜ìEce“"E-€–{Ö÷óuà¸<Â$U$©*¨xs6Ý|˜àÆŠÈá¹ïv³Â2&î±}rô{ÚfQêĹéüÅžoꤔ¯k ÀÈï¬ R·»±_Ž”–½!ŽE,×mwYšìõõ[Ó£Ý`á +KíÝì×ê×È×5ÝÀæSXµ‡Àð”ú¥0,üeªkŸx‡Úû +ƒng˜©Ã˜xnD· +Šò(–š¸BZši-˜®ßBíÙv…e$sBéä\h…ðJ*åi £ÎÐCŒu²ß@nj†i{HJv:(õÊ­(˜‡œ³)g£m¦ÞoÎÞ`ÂóT¸æàÔ趟*è|Ÿ•!D¤‘©30ê!÷óªX2h̤—’c‰—D¤ÂMàMw®Äº©¦N‰>&˜æ`ƒ"pÚ4~Å0 +õKŒwv–Q:±3[rc*côQÔ‡¼¯Yyè¸=ˆh¬¿Œ$u.åº)X¬cHª¢œW0Œhb ÙÏk…ìnH4•Š©¡u¯Ù\‰ª¥œèý«3ˆÜ~ðÔÈç D–@ Ë d‰,¯@Ëä(rÌ^qay’¨‘–ª3BíÕ +mß)˹*¦Êâxaeûô™¶S¤©–MoÇ¥eÎxTÙMå¿áRVÞàæªóï‘ìÓ—vÞ½ö üa¿G ´§iúòÓvÁàø(%¬Å§ïyæé–M™~ +ùÆŽ©¹eŒ.×ËØèÑý'—©­ç’ƒ§>ÿI[DqT)– ÍfÍA_Ë3ÖôòLEi¿§ f©^Ž +žÆ¦e! +‘Úœ‘Hiô%Êw˜¢D‚|y>i´5"¾Ã¬J‘3ÒB~æI¹ªöÒý^¦qiæŒ$¤E¯J"(±dºÝgˆÅ]‹Ê 7Tlj——â0O©Ôe€ÁÂ۝ö´.†‹¹•æ‰kõCÛ&›ý*â”'WÏÌU¾ÝË¿|ó…ssÍý}ŒiJ"Y$GåÔ³Ú‰KAå­œ½C\°²Fgl YŽÖ¶%ogRdÓbz™ZÝ÷ì R6‘¹ ‚×]¹±¨E´g†pY|†31ŒÓ$Ga^÷T¦Iú¬>v—枍H¸I­J +¡)Ú:lEsš*B¹sŠÈÇŸJ7AP +YŒ,¬ÈßÙBHpVRI-ä&T]Þ”1¯&H©k]¹Ÿ]Û&*ЛÚH zK¦›àò_wd¼l¥L®e kA‚+i]-¬ú®yQÊËOòœ1U]ꢵ#;â[•íF=Ã>oñÑ¡žà5`oŒO e|›ôbû?°ëœ0ΖÌ3áóTˆJ¸õ…¸pÂ5C®säâl Ç—žtc·e~ºéF/aDãS¼è„)oýÄÅ_(„Ñ>’sO7j7<ö÷üÉ™÷÷…šñô AhàY—« + àå$—ϯ~ý]›òl!P  ¯w@mv‚>Oá‡Q}Æ +D‚þç ¸ÜnË\Žpd±;ಏÐáØ_!Z†÷9DÚÂs€ùT¾ïÆKO>_”LS3f)'6OÔ)U…‚QoßÐQ|‹ '|Hò2¿º·Qü~lK.°#¥Å‚”­ô1§íL@8ºÙO¶TM]ÎÎ÷=/Õ‘˜9…tfåpw¨õ¢ÙCøæ«cgÛÜÎV֏7¶„¿Çb¼Û¸ŽÍf¨Ì¶äS^‰MÃì?2.õ\³1t¯Pk±ÔÄÀl"ØuXª£üAEüѼ-$ïvÛʍ+°4¡t–Ý“›g7OÔù¼†sŠçÑxXVç—ÊmôHÒû0"&ÎòRX™þ´¤?j!ÌЉin·10£°ã=ÎËŒÈê Æ2•?âëÁB3éI:@ +áƒ4o%ÛW‹õn&®‡gþä2SôÇËs— ½Ûr‡‚ɦ0ËçØ:a0ï+=^Ù÷„^2ãÐɪnH´Ä2æ]gYˍ™ÜˆÁ‡ÍÜl¨k ï÷n7ØÉjËýÐÆÂQÀ®-ÎÝ:ï/A8€xé¨ÚŒ[¶¾Ýgå>€q8…Ÿø-ÿ ós¬»ÉÞ¥‰óHuy åL-ºaö:\Î6A~êÞˆ|bH¡÷³ð}ךÏEËñ­1®Ÿß Ú]í¢)_1°œ:*܇Ú$u{Ói®w0¯‹þti¿tú½²ò1{6í¤äIc§} ŸliÂ5àõؘÀ•·e^/IM–ðtjñ$Á?s«£ÈˆÜå¢)Ìlx5œ0Ò‰³À«Âf; rÅøþ‹A㘴‡åN\Ô—JüLÁ=ðL\:ì<)‰ŽÊÜ–üܵeÁ Âf\¹‘‡¬¡ƒ+ö°_éÞm‰ Þâp,ZY,ëY«Þó™$³sä݃/¼ø–Å`Ð*¦–wš@×íÿy<±ô C^©½þûÓÃ¥b/ͦ«¥Ô‰=Æ‹¿­Wì0~¿Ãó°x•¢G´ÇC¸~1½äÄDÔv€íª($RbàHfÕ¢HÄ$€LwnÄ'ã(`w&x×ÇFµP1XwÂò”h“(O¢È•WZZ(I±M‚–b¹nQ{+U*«’DÚpi…ûêúd¨V›Qq •}ôuÞ¼µýíКZ½ § ŠÍ…õ&ëjÁ)ã}Bjm=<ã‰~:t©·çåÏ­JÙ#j2òÞ” ÞÀþd­Íþ<ÓWÒ +?šÕR¡Xi7˜RÛòqáÙ®žu -ÁF?ë5Œž½ÌïŽ9ƒM…óƒðÄΤE½ç L¹O—H}ž÷ÿ! $ŒD" +¢"¢Ã‹ˆ‰L ±â BÖXS͵ÔZ›Pa†úT{š>§­C8ÆE)"ÔØÕ;ê†ìa¹Ån·ˆôhQ>šyNÑÚÌÿŒ xIlØ;°Ð¾ ‚ bÂИ,ùÁƒ³ðC"DA{Ê ›Š9¡ṅ†=œ óEz-¶d¸Ãþ„`„#=â‘h/£ã=Rº‚n +©–›rTìþFOŒI£Ã³Æ‘Y+yŒcóXÆj:¨øUdû8&aÇ9Ib-×$OʤZn…îYêu`: C ÉÁògD¡1Xž@$‘)TÁd±9\_ ‰%R™ÜD&™lŠ.S[˜–†&ˆ ¦3á’Ï3ßoXˆqÐ~‘Å ¶åQÚ…Uøb±ÖZw‰-âvª~WPq/ÊA¯:„t Ã;èQ*W@ÔP³‰ÑáÜéöúXbT`¶ªà)˜FL»Þ¨wDŒáS… +[ðÖŸ_ÑÒiðƒ +ŒQEÇÂ=e’ƒ `.”ÃÑõx}~øŽ3‰™TFÉi£d8oíì)ŸsÖÜpÓ-·Ýq×½Ø$¥-Ûñmûg+N<;‡‰œ’¸$K‘*Mº ™²ðDa|úÓ PƬ¢C¨ÀaS«k0 +øú"Œ¦‹Rkæ[Bh5ŒSÀ0’>ý˜X-f’©p"YÒ¬T.>!\‚”« +[¥¨¨ihé虘™ DqA~N®}ú×׊÷òñ  + ‹ˆŠ‰KHJIËÈÊÉ£ÅÜõ_‚¿;îÄ—M!‚QlDYiŒ6ÕP^PbšܼUÕÔÓÉ_®|Ñ´N:e—”´ ¿¢û*øYS#_ÝØø„5µÊóZgíŽ×ÑÕkrýƒ~ +ûš06153·°´²¶iJ[;ûtpt*Ð;CˆQæ +ñ%cVY®—±‹k‹è¸ºÕg Óöw÷ðôòöñõó GZvüüƒDÂ?ÿ´ä¿XAø)}oÇõ€A>û,CƒT–Ë㇠„"±$"RJA*¢¨ bª‰ŽÑÖÍV»ãô–!íànËŽ–±ê=rÏ}=·ß}{Ð;<:þOÙ‰¢û-ÑAFqq§Ý´ˆUÕP@)S9_À^²TLÔÐut Uâ¡€’±žìtÂ7*l5©ÇúBNyá²L¢Ð†ÉÖqü.øenO„â6ºtl†L&èU¨²¥;!ÃÚßQeºzC™‚Z’¶dG‡m‚–b[Ré6UàÑhÞ~MÆäÙ.ŠIG +Z4Fo>Ø•5êi’’Ü™Ê[Ùba;g´KõÊI»Âæú÷=·sºDð¦ã'Ú£ñ¼:òæòyÕí)ÝN7…!gë<ϧna£ná~®Ò•˜„è¤W˜˜§Am¸­æ\Ÿs½Þ¸!+d F~jsŒ…XÝTés±¨ -j :ýqmÓHñzu¼ + +”P¡Z£†CYåö…yŸ½ïÅŒw˜³ôêÖ“lV½pOôÆç#ȳ„ÀLê÷"^·ÇJ4‚*<½óÄŠ¸Ö¶:V+¿lÝc£äŽIk#ÊSÐø…ñ:>¯I qr6YÖOÇ~3õ!W¦Y«I”rÔd|Y?sPªcµ·³ætv#>…Óbó’‰/°Ïfä}8fuK0}´¹?EZʬ§ÚŸMðÊÉç*ÿðèsˆÑV$ñp]Äá2ç« cßÅêTÆ×Û¦Êqñ5ª +¢ÓNc|ËbÔñ·GólЇ¿{ڍâ¸ÖI÷ð(p<æ¨+*«Úª,uMdŠÊøxA æÀC ZMÊGÆL-% V‚Ö0:…ḯˆ·öKrô«9ˆ»NQD™ªEþ\}FvMGÛ‚•ô.‰b!£ í œÛG‰ìpþè˜üÞ1¦ob{l‹ñýx®Ø.F~CtÎî½é¸A©)åù„ëDx|ØöÉϵ뮬íÔ»oÝ f·?b7Pˆ]É%ßâ~Cl6 êò •·ê…ó +çÓ… »Ý¤Lçx*¦¨©¬ªn)Èj}ÆPfqfÅ;[‘›Ãq0Ë)kðŠ3¨pw† c»„€äb¼‘öÚ%Á²T-¬<#3¢j )Št¼þ6³ßh¢Öqœ³L?‚I +,DæÊVÅXå®&Wr•ƒsTul ¨ƒW5Ç6ïö·ù}„xiè¡ÍhSûò{{žº³ámö™ZdÙƒ6¤Ýl{¿wXÕ]EWU3êûxåçj&TT—媻š04ãw„@ó4k’]¤ôa±v`R…²*y$¿W$°ðFø¥÷šá õñ uº¬”<ˆ!-Þì•ðü§Q‹®å"ã—Æ K‹x|ñ`àÖ¬̇î(®Ç'ù„Q<gVPäŽÑèHs >Q“Už‹ +ÍÚ²sŠ ¢že¶e3Å{´ŽÖªGìšÎi÷˜ÅLc\õhs]3%Ë(R1¹ÔÙ•€žºt“­RÊ£NCÄä“‘íéqôiS&TV-@ÄäRg×DL.uv@„K}ÛoŠ€äª¹œU»ÉÙûý+w¾ÂßƤ“¿Â\¥Oþu†ÿónvfËžÚ ¢0°}ÌÚ‹n[Ú +t¤9O\ú.HM¦cŒ !„B!”B)¥„RJ IŠ¦L(ˁ˜R¡,bÊ„b–³AÄäRŸ +Ä” e9S&”å@L…²ˆ•µ9áj +S%Åu3‡¼à(™¼›¸úÑç‹ÿ„vw: þúUÌÏ1ªË•«Ž×}_ý£á“q/ex-–¿=±š}è=L1Î´&sƒi` D€  € õäŒ0 "@€‹ „‹À @€ füÊß8Pˆ0¡&㉃T ¥ë°Ôdüo¼2Ç{ƒ™ëžV)­ƒÌxa Ž¨Õ¶½_¯ð ;h†V¬OÓ¶×ñÒþ ¡ˆïŽQI®9s”Œ”Uô9ùií…­ÅgJï[ Ð_%ð[$䛽poF{kÛlyDTÊý¹öæ0D¢œ#EÉW -!]åòb¥Ó–>®³`W Y`ID¿ 7@éUb,˜4r!7Àœr1&CËúÜ’['h<Ø\:zGEBäÂÜÓèð`ÜZòô?I+þÃèØò8’É£®÷7Ÿ~’—ŠŠì~Yš@òlâÓ§„vÎsþcèïÜ9C ‘ï?ä³x[@ŸÕÆÞªAWë2¹@…}‚1 0ap¹#ûÍØ~g¤/;áÏ„ÐiàLZí¼cÌq`œ¢hÐE E®ò;+Áq‘ßÓ>ð,/æåPæê¡]×:³Ê;óμӕ<ÖÎûP"à,|Ƚ>öáRÉöp‰?à>ðÌ +A)¯{`B]ú†è¢Ü:ŒÕeÂkÇ"¯üRý×~½wüì_O#þú`¢ÚÇwù¥>ڏuP¤,UB"päVÝæ3Qˆù°Gbßù¿‰‹Y \ No newline at end of file diff --git a/fonts/Nunito-Medium.woff2 b/fonts/Nunito-Medium.woff2 new file mode 100644 index 0000000000..a4938e73a1 --- /dev/null +++ b/fonts/Nunito-Medium.woff2 @@ -0,0 +1,350 @@ +wOF2  ­t   ­  „0‚Hš`?STATD •* +„¹ ƒË ‘ 6$¢ ‹HÍ5 [„Æ‘ÖƶO/ +2„"=·­%ªNOˆ:Ö +ŒÔuäû¶8Nh•Aaã Sþ†fÿÿÿÿÿ¿ ™<Çþ6ܶ½$RUÕÿAƒB†§px)¢zS ƒÉÑiršçy—@â$V9Ö*Š8oÍg}×/7'• +ëOƒ ĉ#UR%ÛºF‚(·û#qŒ•TÙ€'}íù2§¤q›Þx”,õ^PJ)½aÊüäGFô‡<ÃEÊ]×âtýbÊg^q“¾;Rzºã[„ãÀ2#(‚b= +ƒY"f„ ×WêE]¬9U Qè¦ÎÃ| DNõóWP– +.Æq2ÔÀ4¬y”ôF¾ +¾]]ÿÕ-]³Kw^Ù出].=^2;ó_)ž}ßËUåO¥Nk?°hDj4vdÂñÞ¤7wª”La²»/=a„‘‚*©}ÝT'H4jö´ÒK¦k‘¦¸›â4j„™²»©¤’b2T*Öt„i®¤W*D¶Ó㧭g•|Xä~õ¢DiÎö¨ãh8³iցÒ öSÔ—«ØÛ˜Õ‡ÀàX€©´4Æ:Ïúòüór=õkïs«ºýzäæ«¡"ñD ÃO‘À{<ÍÙÏÌ{»Ùl’ÍF”dˆ£Ò ^ÇRu*Æ¥vÇ×78QNLé™@ëœ dÛNP”õëïþyàÇä'ÿð?üäŸÿž1‡8AqÔ45­;[–++ͲáhÚ¶Ò†V6t€ÜÖy€˜!‚&*)*®ÙضœsÑØ6—¥¡õ$¶ÑÆãÚŠX☔£KHÝüþT†å6³aÖé†]§[å«ès¡ðj‡B-4h(„\ݬ»µÝ_l݇í':~»B°ó5CCÅ° +óºõæ¾ð+"yüLêè¾Z€ä_HhΖ±ËØaê4u™ ࢁF´5nÀÁûýoN´˜V/Ò7AY–(TÆí¼ÛaPß ·{/ fBR¨x‘ X‚Îü™["¤@è¦71Ĥ¨Âu⇓å§w³ÿ²\9C®N2Þs Ô¯¸D(©¬³Û>SúC~ÃïÄ õ -ÝKW\¢Ö’' Щ2@ê… + +ÐþG³À½¯òeÞE&. ÊÉå'—¤:[rÐA¡çåû)`¡PõâH¶#YÄ ŠLuO÷Ù, 0xêÛÛÿòîRÚ2F¦ÁÆR¦ sÆZíSg¿Ê“å˳dHûÆ¡.ÚŠ°n +Þ ¨Û­of4¥6eÃ%Qa “¡:„B®Ðx„Bùêqå{Uô¶W©'ö‚»ìû±]%ª©ª¢l„éݐh…Æ£ +Yúä\&6ù +±b¹›´c + M¿„±Ã—$¼` nž@§JÎú¿液d²ÒÁpøeb³ æßTuýä;–gœ*• +¾DêªVæ”:eî>ŽºûWÐ)¡‘Ý~DÊ$Ô!Uz`q+éàRØìGR²J%©N˵Õ)µn~™2Ž­NY½-Æ,cæ s–!ÿgªUÚÅfQGš—³o9k\äL¹gœMà×ïþ@ +M  ¢¤!å)3~ +gïõo¶†óŽ2wÇ3ÆeÞD—…ΦÁÍFó.Ò^´é¥çÿ7µ÷Ãkî_k¿æ§UÔ—„v?Jk UÔdiƲ×z–ËÎo–Sjõ¤ÊBþBÚ”†˜˜LXN“¾4©—zb€ ´AZ¥5›™Ð7Þí‚=P fº’t]F‘®‹ ±.L0@‹çy®öúníà`V€”J—¨MÑp†88„iøñó|üÅ4;¢¹umÒµµ çáæô²@¿…žï—ý²s9Ó„üª Wò(²MÊDapÝï“î4ézþ(BÎ +ÜÇ!$B†TØ])°n\åžÏiIOþûR¼9ÂôÒªà!š¼š[ŸÒ+ ¥ÑxLôש,Ї‡úiÓ™ÛGÿÐeU2‘¨+ÎäÚºƒî +áàù÷oځ·•ÚW.HºØ–Fÿ=¡ ÚˆÒêþ¸Ü"‹<ƒ‘ADkbUu¤À¨…) +cŒÐ +!ŒB+Dn"„0ÞÝ{êžýý*Mà'‹8 ˆ"Ûãþêw_±Uç^D#µƒ±‚¢õuì§}gÖ\I^ùëÙ{›B”X"(0ôAÔøÎÏþÝ#½šÒ†ÅibÆ!„ƒo3¾õ?Ù†d0/QÕé¤AÃܺ՚ßWÃÆoŸ— ,ŒŠ)|eãáj¼B r2ðàú AÀKaÞ™"˜ß‰4ß +ŠeÅpB+‰GäCâüV·^qIEÆ„ùØ!V)¤B&û­iøWª†´C.ÈCƒ‚ò¡BP·ÕÐZB£¾‡Æ‡N8Lf`d4Æ2Œ7)0¾¤ÂhQ”ÇÓ LKÂ0 R³(½0™‚I;Ì©Á|f¼‡ k"ÕVÖQÖ_6l´2Øi͆­¬¶¶Ø͇]lºaØ-†]ÖrØ­ík쮎´ v¨°ÿï%Ø zöò>‚½¡/a‡K…}¨oaëGØÇË€}±AØW}·YØ÷›‡köÓ6`¿¯ +{¬n°é;ÆàˆLœw¦ˆÍ‘°ùn ¶Œ<­Ôʁ«b©àjX&¸š— +®ö•!p±B °‡<ÌÝöïØ_³R1`Ç›6@öê— +¿3ïµ›>õ ;P Ç8ôÇÎóóÃ?ø‘¦öüÀH¤B2„‘†.a¤iÆÐ׆"˜BÖÿŠ‚¼%ãN½Ù’d¥Û@“ņö.p—¸ÌÜ‚SÒ™,6q´‚;üÔó×Â~f‘+¸¼ •ó± 1Áη,p +šW·ˆ*›{ºS B‚9Ë'RH<ÿõÿ=å:¸îÆ×]¸îâ-Ü,×nùªôî»pÑh}DcÓµÿ×þ'lÕÿ,Zþä”àÉï'HÑ¥YS»å€D:€M'pÔ¼ò!¨CÊ«šÇ}@ÛM5Ë[  ŽþüÚ[Éiô•³çdSQ ³›" +Ɖ3‹4i’netÂêêv.° õßN=ÊZa§| Yu€4žÄ¶j´”z—ÕçÏmcÔ (×Lj‡5z¯õÙd ¹‚-ûNÒAªü7$·%üódîãöŠÕìÉN™{ºø”Ü_8ƹçfÝ8þÎëË ÝØÙ$Ø©'!¾FnÄJÔªx”ÀH•å_F+éTƈ0 +ãE"l'\ 줅0_¤Eró˜{AfÚ`ÊjmUéá4ŽÞf%mϾ àãÖ¢än[JŒ-yXÏ[¢3@ü£Ë!Ñ#ÛÄÉøX¾_v¢ÞMÔÉçã>‚¨w˜ì‰k³{º€DÑfYt’k¯^Ü7 ZÖG4DÎlé„ͪ;>Q+ +Rì‡äàx‡Gjó÷Xždw`´$ãzL&À©P¸ NI£ö½Ã¸°’ŸoaÞ –VüØmV:_÷¿yÇÂÓa|÷æãÝwù¡èªý.ܬ\‡¬kQiºúØ¿ïC©¦ú”Ù*Ò”X·d—«“•Õç7ÈWvÓÁ¬K¡ùÈ;GïŠà‚z é#Üä”tH„ ’Úþóµº#Œ\†àŒ\„"C×ŧäþ±]t·s·‹¶Rq7ñb4Jº|è¹%¥I°Ñ•u!s ™‚àê[ö™$Aró˜ß@Ø`æc¦íyµÉšOÇsïåF.çìüZ¨€¸7N‰ù}óHí$®&& ’‡2Js+  ¼¤ËvÚ)a!ÍÅ^iö±4{wBËM¤Ò¸råÖ°n!!9xãÁx•ÂÍw÷’Žðêôî@¥Ûˆt$·¬iÏÐ6y¨üB…[¼Í‡G'7>¶ÇÄÆCoÖsÀmÛçƒnû‹mB/3ðûQÑ×Ê*¯4êüœäæôR°ṟíGai0žôÜ씆m#Y›lϹø¢OGr‘=z°G产4΁ñãZS•£– +—÷¸{œ¶9!Í$@àgòԳܾ|7® +x>:Êœ÷šÙÒ~TíQ¦#‡)§œðXSNÛ®¾OYÏ6*¥¡ÄÁ¼±17°±8ËI¬ÔÇC+*†»i’§¯wæA"-•,lÝZÂ\£>GÁ‚Žë·µðEAá”î¨x„0.ý¶1éè:(ÖŠXËj Ÿì­Oõq¢*Ì>Ð-„¨”çÛä7é‡e*@*kgÈ’û×ÅG¡pçWh«´%óêÓ´yGó(¢í9·~ˆV{ëL™û¦rªê•+?Ñ¿õ݉ ïªú¼úÊôÍIþyvÝf¥›ÅZÏ‚q§ínæòtÇÞÒ¦^‚aù©ü‰¦oõïÑúGË¿Ný©ŠLwl¹²v·tû¢oõû⏹ œo`îës1<òrg_´Uºràï·N.œ3‡l·›¿CÝîÃ2[WKÞØø>ì×ÅpíýºÎ$Ÿ‚6ÍO¶ÝӼ‡0x½òËœ +HëÑ/kK~Ãœç$|øSók.î>$ƒŸlD±û ÒytÁ›1µµë‘Ýå~Þd•Olyï„»AÑÊ LœìëÑ/= üEËÌwVR²8<7lÙšZ×!ெ³2Pã +xbNóîªDRLJ óÑ‘¡=¡^+G Ç +Žw + ˆ}†Œ3Ìt«@ió-ná8ÜYÎxÉÂûäÕ•C' åæn>|ûà¼Ùþá@Xy[¤9°NíøyÃe 9á?‚æDý#ì¾0Ö· "ƒ0òAzüd7pÛ}غð+»W̨ud@A0êL~<“óí̈üÿä?Àû‚fŸ÷2Ύјª5vZUXno Œ„ÛU\8.ԅßÇ-g{¬Öõ`{\e –a¿øß5vÕBGÉ.7\v9øÚ×r­¶èÊcM Ó×Ò©ÚÈ« täS@¾Û1ÚÕÞøT­d`I]ü‘­Š­Ü:¶âºMRNšK²© ¸ÖPª[Žù¤™OÚ{Á^Új[´ó£ð€§ù´ƒ ¾Ÿ:Ž‚K0_6K±«ìjo ©rO#€µt7’›9¥¾YªÖ½{ÉSx9¼†> ©rCS 9û”“×Swx +߁NŸŸaöùà '@žÀ€[liáØlYe ¿öx43ôÓ?ÿ•¬w°éà4èõÆùÁÛ<ÕmKl+Û6ÒzÀ…ŸÜ2çÆr{ìÇ_k̳,g'&zŸÓ¬j澚ß6B:Ò×êÒÝ Í÷/N|ÖÂÈȹì!òŸ¸ãc(|ì#w 2åV’1I¿PöNqh)΂€Üê³Àjù,Ÿöó¥2êK«h™~‘ âQÅpÓ㢹ë±ßôÒ¢«ï˜º)ÉLÜõSØîkiÙ„<¼ð=Òð£‰LERé ™ßz^Ïòa¬aÚ²Ø÷–ÜPk£·Õªî™9ÿ`¸8ñZÚÍ™Xé×ÝÀÿß •€­E›É„µ&CÛ¾~dWw±ê^ÜÇÒ7ê3ʨºÂ!Çލ2@¶?Ã,ŸC.$,q>)1‘ÚÒN†£q²QgêàdÌÒQœò+ÒüdÒðÄÚ &Ê-‰–2_%åQbš.ÿ=Ü2)W”6œBð…µz +5º|'Å‘Š™<‹â« <œ½\Ðf™Ý‘¤äÑ‘8P™Ý‚(NÖ:7·,‘‰;qîâ×›‘Mòzõ[.‘¤ÕÉFÝpÃLzÝovÓ yVªL©Æ…hûŠ•…ÜãIK¸v­§Ï J]éÚMm|Qs²ÒIîÆÀü³Jºjc»Ûñ ¼ÌæÖ¤);訓YV*ǁ⼢Ö|ƒO>çâTÃUP¿Ó ’ ¸3POKã.Ö÷»RåL§¹tr +Mï· RdW9Ðß?‡‚ŒL'ÆA]6Œ.KÔ?¢ÐiñSµVÐò]–œðDél6u¿ êÐï%&Úkt`$(¿ Á¼Q«tÕÀS=A*Ô“²›MÒyþJYA¬c³xbª +—#C“(­ëĺ©ÄyK‹™–Ó=Ç‘K›‹/.äÛ›ŒÓw¡U…ÌÊóê{<íPñòû¡~Ìw¥œ«7º WäXh™wkm<ßå a7îÉ-…%0|'®PþªGתǟ3ñ2 +ç`#©V±°–°¥LÝè *tzNл3¡„¶?oW"è-k*ì/HíÅ>™©|Jcó³RNË>ˆÃoCóûü^(Ý Z€)èÝ®†HjþvèÍZÈëk"?‰ð˯…Lš\§¡*kúVϤ„`ß7¦®ÊÌKc”-™ƒÜ?S$ß¼HÇšjÕ¨Œ-V§ixá°ãp˜dz›¼Æ4º’Ú÷ãÃ#Z¨Å%5µ‚Â4ùVÓé™ÜåMkø‹I´5ÏMYÞi/uybWª‘¶öœ—Ç°l,0Æ‘bÞi”sB!fVòÍ?ÔúÙ -íÌJ#osë™+!ñ3Ðl'Êlèët8HÑ%ö¶; 4 È$Oj¡¼Î Ñ?‹ì–ç!½án’7w6«šŸ(¬ißiT¡¯9Ä™q¥÷ó +cá$~Ý(?m+S„ôP–òaG½„çblî&=–· u·´´‹¼aÅ9 ¾\mA^K&C\R†yÆz¦JíÎ#…Ðr!Œp Íwã7®f¾& ¢/}x îKÞlœë)æвGð,(j<ªëýœˆ4 ?Íb!÷¹Æíɶ£nÓÎVÊ´¨3Œšñù¡ƒH^˜¤$|‹$|ËP*Vé®F¢’{R*KW±ŠaÎn4ÑÛGS–Û=âL 5ìü =&ƒºÛ˶tèñ&$3hi-vZ~ ë¢ýöí +¸ {Í=àXPXº2:•u³HTCYÆt:Ðxó«éCt‹5±_ºJvŒZRF‡‡r2ªdƒL|ÄÈËö͈5¨ÞÊ ò Ø@5a_ÍG$Òæ"†ÙK‰ÊÛÑx6pË$÷ +õ(Óù±"ÉhÜKq´R¢íÃ&H)òm0¶Î3 +Ñ4‹hØ ‡ v(ê¹ûDÍÚZ!`¥eA%Úêäp 7ºPcñC.Ý”‚rJ£Ã *xNÆ·¡×BÁ]ûDMd·Žd‹9^»Ø‰sgQÚ¦<`s„k¬ÖàKF›ï7ÃüD£•àqX °ÕßF}P6í’;âÚ8*+×Yï!*´Òqȼ )kz¬AÀ+ځ¥BhšõQj!TsWƒl~_V±à§ÐU c6ÑÓvÎþWÚ7]5·‘x3öUO{óÙñlì×3LFdŠdñ—–e}×dkMÙ|pWŠ9º‘AºÜ ;Ð,%õœ‚;e+Œ{5W.~“áÆÔñvñxN=S$BîÝ•mËÌVQ§˜=,Ï™™Ï.„›dÜøzaÝ5\ø‡˜ÇsÆØøú±ÍZJ³†“=zï!$nÁØv>’Ýn.³ +²žË·xáBÉU&ô!ÉBª]1p9Z=·W¹Âî‘~¿€¡ ‰×véX•¢?õb2ºZ§%TÝ׊R#nn«órÕ®âqèaÓÞ°”O +íHeÛŽL,*ø­iÊèòÝÂkìóo?êÚZÔOË ++è±CoÆ8Óù>4©eöµ-~ï®PkQÂ}OÀÀ€Z?¨8§6;ÖcüõT +$; +­%®1k7þ ùn”oS‰¢m†Ö˜@·¢@BÊgúÒ/²ýÓ¸ ±"ç}Òuºî$ é×F*à÷G¬ãêýÍsZ ƒ¤³´§ù¡µ_0„XÍÅ€Š»Aˆå$¹ªÅŽ×ƒ=·W”eÜ.WJ¤ˆ®@kXáåeÙQ7Ê\hëHê5#vŽç45ò+­Òk>Í\6R,¾¶|/²tûpÀQoK#íÀUÑÖ&gˆvETÜ<Æ.¶ÆSFÆ +_U¬zßÆfàëçô££†<2hEáÌHmôDsθ¥ÒmW›Ô´ÚÇʪ¶‹Û;ãå”~4èf˜‡™Æ#ˆd!†þA؇‡Â´Ï¿zH/C–×¥ðtrâß­†¸œ[JIn£/#ìâç$›nÛÅrrÉdã2ÉÝ?›Œ×½Ü×ç™O=D’ïìVW¶­þ¯Àÿ¹eó–±=2ôZÄWÊ.K|–pbRÛ Á±À;}ûMn5²+¾S;Ô0o>ìPŒ“nÞ,‰òXÈ¢èÓuš‰¶+F ¹ríÌÀ  ³^§%KEÁ|!‘¸]@·ÀHËo‚™ípîÞ*¿èèXg# ë@êM֝.ƒ>Nåf¤š±™&L¹ß'Ÿ)ú ^fìe··| /óøC=üó ÍÜÏVqWá«ÿ«=#Gz˜fýö•Gæýmj2V{"Hññî=Ò?Z›ÞÝØâDŽ Ìi|“%·y÷9žC,Þ¤rœÏ0 t!ÛéZ§ž8+¿X¾;”‹±Eu·¦Jâq|÷ìöïwñnœÎJ}æõ 5=BTtÖû‚õö†rûZ=ý$ntÊZ|ÔÁ£¹Ôeò||ÓЫ™ü+hŒ‹ÁÞ? +U +IÀÅ,$6iª¶ë±Óɶ8Õ¤=‰G=ÉaüÁÑôÒK$jR &Ñ¢$& A?ÒÆ;ñ?CB x‹Ì p—,qà +³Á}rÌP‰1’-YÃppü2+ññ¢,Ü65QA4• §­F4} +ÿ6´‘&Œõ)´Ï<åŽXŒÌÂigØ8ç;·Üåå¾ÇüTy)Øèb1Šq6¦9¾çûæZÏ®Eº *6lÌI杷8iðæÐ04øffS95»¹c.xqÚ–°DCK^6ör—ob…#›Ü™#Ø…]³²Û%p“6‘fµ$”ô«& +L­±]©§,ÝŒ3.Æ»2ÉVLvTlötPü”»ðeÉO˜b4§[LY Ê݈UåfÔs·`U».È°G™<æ1dÔ3ìžõ1½O|Îå _(÷¥ƒ‡“å¸ȤI9Ù‡9Xá[ì7DTñX’SGÔQ E3LSòðÌðB—™)â~aJ$My/'Y­Hã¹1­:·¦ï™l…¹Üèr¥ Àf|‹Æ@À‡€ñÕ:¯9@¦•ÀäV ­ê¯Ý_™òÈ*T&VUBW#éÕÊT·É\¯!Pc‘Z³¬-Kmz²îEd}é—À@èA$0jØð~ÄÜÈF-± +-¢ÈâDMŲ°eÀœA…Ô¯\4­š‹îs¡eí¢Úº©<ÍEvn˜kˆ?û£‡†ô¦·ÚY+…±°(:ÑÕ³Þ}üTI y¦Fqq¹-TÔ¦vHj#hQ‡gT‚0˜ÄvlT­ç¶)Y¦Þl;·v}o¿ f·Ýbö8sªÌ  q‚›Ü 7»™n1äa<¨ÔIöË^eðš·Å½ãcN&Á,,äCQh;.'d)O@ÿSWjÎãG-Jºâ Àz”wµ2nFL>}w,qÒ§£53Q½ß’T˜–ÊTñ¦:ÕzS“º¨Õ;uk}ÕjJ×…Û™îÖ®ôñòL¶ \–[Ä\ž;ˆÕI“…•žR_ÞLH>FVÏiÌë:«)ðŠ› ¶³!ŠxEõ|Nc^^TjyI÷.Ö¡RKâùã•úK“,å,C…ËQJ£ÊYžZV¡²U4‹ ~Z(nT´7ý)ý)ý´u +¤€%ø±±´4U[mlyªN«‚æ-“l´Åáúj”Ònj¡RšüBAK£½eêKI¤R­H£µ¢Uû]5­å†ÒDõ£Ô›ü°¾¶(okÛ$äP[;ÛÉ)#NÀVZÜy'TZÑ…-çÇ–·u¼©‚.Q͝PJÿ¬”Âø ã'¦JÄtê•"Ö»‘&,˜‰Jdû£$•fõ*!‰©^Cí…C&y¡V\T¤ͬ^“Ð4³MòF+r*õ®w>T$8¬ ÐLRã$Lä$»9¾ %<ç¸f¨[Kw]#êM÷õ>!Á¾÷ ö¦6bmŽïšÜtÙ5j,®È±þõŸ¥†9B¬OŸÖ~ø¦G»î™/Ypअd&Qý7)òƒþo!…Â/¦@@f %;ÙÄ + )ñA´1i¶Çý“%HBt) @„"P¼ãEh9D¨åÈB¦SOõ4P +ÙƤ‰y”Âþd4†¯8Û}æwæ=sþÊÞM ý”ÿ®küÈ­/s^Z}ÉÜ‹7_D½pé g€îyÇÁÃú3€Ïfû•Ù”ͯ“ožmc_›”ÖKÆ ¹K$hcKÖäáû–3 «ÙÏáVü{Œí¦œt+šMÿÂï@rtáÀkºÅH`ŒÉ†)Raf‘È-á6e +?° ƒÙ%‡9y‹ñýñÉ,É9Åy¦©² ÊYÜ*ø»ÌÙ6ƒ­ef[ÕÉÇÖÃg¶]òE“ӂō Klié<|ùÔNÓ;}V­É?kß!ó²Ð‚”ÈOƒ¶ìÑ‚–÷íYóÜçb®‰ñlr'`¿ôèÞÕb?dÆܯ™ÑÅÝFá $T‰yN= =Øôv}ú +¼ +™a°¬¿ƒcÔ®q¼LŒá£É,!àæ½""ÈQѤY‹VmÚu˜i–Ùæ˜kžN]ºõè•6ß‹-±Ô2+¬´Êjk¬µÎz\‘áa9HG¢'30Æ<…MFt3\C˜5p6ìÇ ŽÏðÁ~² Ï"ÔfJ%oŽðç(Ž9î„“NåôX“Á[BÀ‡iÝ_†Ï¥>©mÉðš‹çÒ-4–+BG@XXÙØ98åqqóðòñ+T($,¢HT©2å*U©V£Vz +mËáagš%ÎlsÄK()Ć©5}•L?Û ÃÅ(×\¾¾¸ŠP’$I’$I’$I’$I’$I’$ÉëwÎcÚ àóX;I’$I’$I’$I’$I’$I’$iëö†aÛöÿ¾{kò–9ä)zOQ®‚   ’$I’$I’$I’$I’$I’$©)kN>™ÛÙ÷’H’$I’$I’$I’$I’$I’$.˲LÓüý“å #ÆùýiKºWU­µ£ý Î[»òjGˆ` +ØYXÙØ98åqqóðòñ+T($,¢HT©2å*U©V£Vz +mËáagš%ÎlsÄK()Äš©e˜Œ¦,Þ J³‰æW ÕPSp¦+¬(}RÝ14aj.F(ûŽcÔî}# Çeç…P%$קm?.OxÒSžöLñån~åkßøÖw¾÷ƒqKJ©q+qŸ8·uàBb +½šB[ŒÑ?ðY6ÄÚë;î{p`'øGÿÏühë»uœñ8·aÕ“üõÂ?eÖçö­!„J°iׂ0‘Ž‰ÂLeaecçà´Æáa½æ + +/gº­× =¹¡üÁí»TÏCË§!I»æ ˆ¡c!®®¤ªÀ~ñ +Ò$._¼:Í +I?µ‚^ÒÎSðÛÿ|Í ¾}MSŒÀøk:B +¾þáS>äm^=áù×õ¥<ùú?'G^ß10ò +>Ïw¼¹‰ÀMoî)»†ÛK\ö5£/¸ •ž„+aBØ$gWùh; 2F X0¡Jö¡ÃÅÍóçÛˆ@¢§y“•D¬êÄø…g.è»`Ÿ8Æ™6t¦pÓW‰=íšñB»@–èãÎ÷^.©Y­|s¥&p¾žs:Çâá'F?k…®åøj•rLÊnyHZ)µ¸q„ÊNàŽï8‡¦ :kë8Íc`&kâ¼ ÞA]““H:’HO3ÈH*BÃ#Æ÷ázë j=~L?ƒ€¨FCÇÀÄÂá0ÂÅãCxQˆˆ1ïpf2‡ æzÉšÔIåÃI±ËÞFb•ó'i2P:BޤҏÉe¸Ð€lÏÌçr,™)‹2<3IÊåz!›…†MæI"Pa2}Xn¸•› î‘vðGuMælµvÿâGF…Uz·xÌMt¤êYíónN0 U؍á:q÷«û&9w_>GðËÛ•E…~gÕ¡°4¼÷Ù½8[˜üvvýҬñwr’úÿží¹ž¿àlT•›õzk²¼ws­úbÉâK(«8볨Ïî³Î¦³B=‚Ëó¸9…Ë—Ãí¼Â3.Nðy¼æŠãYwäÄ/%mAòâŠñ£<ä©Ô¦á7õ€'ó"´äÀzÓq¶¸äýº$ÿxÎÇI%/' +øÀ83ÂÔ!á +RFdIžºï6l~ý¸•õ9Þz;' ›a†ôE}wþf\>È¿nºwÝt͝çT½šU +ÓF Ö¶Ð\0 tϧª¬Qñí‹LÌy>bE裱©Ug8îz]¬¿Ð!‹Ö}À¼ª•£ñ1°BiÅÁüÀç}¾–/šÇN +ýÌ5«Ú6R¾ë'­Må{~üwü¤µiù~Ÿó +à;¸©’P#pW‰œ8ãüÔÄ/ÿÉô³Ásò<™šš–N£3¾è._j3¾Ž¨Êϳ¥Y=b¿`êy˜V¿›<Ú Î<__´ a_I#Ø‘ø£jIÿ·-‘—ü”DÔ&ºëƒnÈ3«¬+DQKÄîrŽ>) +ßE•+–ø ½Ž¯ÇÍ6‘uÅ$@ÂB¸ÃìlAb XRžçLókÝÀüÏmf–KAÙæo?²e%5ÅnPZ[af{×ë^ô´Üâ +ç8]FŸeº´Bf“|¹ØÆ@‘`pd”¤T +Â8D"—ß8‡XŸq6%+¯q‚…Ç8@ ›™ÛX“!‹‰ëåïÇ'g”_¯T<2yÍ’…+“ž³“è˜hÕ‹hÙ h&–¥x<ïÇŠ bÆÙ.âÛ‡íB¨užÏôüÿ÷È< +þ§;|¬{Et%ü$ Z¸ƒùlƒ®…kOyûËU ÀJ£`jÛq«Ñ”låµKøÓA*c7´i€õÿÞ‹/Yp\¦H…S#ϼ,ÌÙ\Je‡š†t%ŸN™² +ŸX–A¾üU¢kÒaòŽ +†‚ÉÂäfûhÞ˜ÌŽÙ3ûçÚ<CæÂ/ÍupY®Ð¹Wöz¶ÄùƒêAÿpëúo‘ +M艺4 ­èD7úAAEÕ¤h\—tU7õ@CR2ÙŒ2ÎBV³Ž­ìuéÌP–åqªRy•ú¼ÉÇ4ž¼«»Ü +Ý’?ªkÑ׸Í)ÏøûV–mÑœ6Ý?Hl‹ — &™Ê\ÇîLþ(ÿ…–/Cù™í—ujP³û}(£ßÊ€‹`‡kŽÎœû~"Ào±´Ö¡eµ"VÂÊXgWÍsÀ´&ÛçòŠôHõiJçéJ_Ê­•«UƒZ ‹ª„{”Ùàã¥0LO¥Ó‡Ëé*×p+ÁæÒ;Á½ÁÁ#ÁrRÎö¡ˆŠ×Èö‡dŠ-z €ÿÞÿgcÿÅXxÇÓׄǟû–¯þþ̲¸?á|€÷ð^Âsx§ž/Š×ø/Ówžxä|×Ty[Vê®êa¡9¸.ýÈnîŸQ˜Pº(|ª+ÙÇ&Ð_{൧|+wÉ#`ø$Þ®]¦;T5$Y®+åÎ|æ·€ /–à]€Ÿ÷vôÀ|½ýeŒ1×±¡q[Ö—ßj¸€uûU¹ªWíj^ +y=Yc +¶ê—±Ç>';Õ ’Ëà1õ]‹¸dð}÷û}ö‹WÇoÑX0ùÓ¥õæ±wŸÜëÑ"YZÄN.~Öµ³#/{9‹Û›…,yÁKXèÂF߇}ZÔ +º ÒÅ$u˜¡SÚ:ôé—1è&·¸Õ°QÏúĘ/|éÐ<3-3<ççñ%7™£h 9ô¾R]Ó2oñÒ•›¶ì?Éb‹Íí}g + EaËÝÕå­y~‹ÜݽÜý½Þµ?̶ +v ײ”]<oíšæ0Çc×ÞݹÅG–Gn‹f>Ít£&ê Å¶=(J©±2&K™®ÊŠ*©´Œæ·&R=ìÜìº_kŸûÚÿMôÌL©N²lÇ-ÍÈ)ìêéKÙ{LýЍ³'º_rvõû­?Es‚Y埆 Ç„H!De!'Ǥ'f§…ÅCÏEËÇÈË C€U"5Š¹ÕŠ(—/Rƒ¨&å+´ªÒ®F›jjõh4¨Õ°CÚ·Y jÛ +[Ð=¥WÉÂë7ª¤7†5(ª—Å°ªÑ2ºEÃ’úE}±Ü„^aƒâFåüPò³’%²EmW µ ˜V§—MK]ê +4ª[¼fnºevÂKL¡¤0f„3;sBf2Q^ÕB–ëÛŠ©–ßKa߬Õ'â­QMÖɉmw+=¡uجEþÒÒÜÔØÖZ1¿«œ–·ÕÍv;÷M¦dò›K7wœúú®ÙýÜEz&,™Ó±ÒÅ&“ "Á¤JCÇÀÄÂ%—E!›R +5#k6.¹ìŠJ·ÜvÏ}<ôÄ+ÿyªÍ;o½A׬Åw}vÕ'5bhòÞLO=òR;_ØûÊÁ7Žþ§mÚÉI€ä ’ð6Ûn ',ÎZ¹h㪝›î:yèâ©›·^>úøêçg€¿A†„-؈ß…nL„Hã¢ðD›ã‡X?Å™+Á”DÓ’ÌH6+ÅœTóÒ,H·(Ã’L˲dû%Ço¹VäY•oMu…þ(Q¶I±¿Jl(%TF¤Ü?$›N ÞÑ#Ç©ÁÀÓƒ÷ÒB"’J"M6«, +l~&!NA6eü:ÕéÖ O³æê2O)J©ÝÅwW W¢Þ÷Þ¤×Òhò>˜Æ4_³…ØRÄpñ8²ÆäMªX¦73qm%b²I!.œüíý¡‘ü%XWGÂ$“ƒR.>µ ¹xªª°ÔeH'µ,Õ1¡k™ž%ÚÖú†è:²¨®ÂcÙ¨ +£«Ë–nA=B:q¦ÔðUÍh˜#lB ]þó~–¾TšŸ¿ZéÊV¸â•¬h×ws±{¼g{¸G«Ú£ìÉžîÎ^­nÏW½Ú}km{»úµ±n„p‹;¬G.üèρÇ<À³þnóà/@Ñ^2Û®úV½d>øòLìÿÃúÄva¯X&NÜóª^r™Ÿ/²DD7Òä$ò²…¾é1…ef|Üodº÷Öxd£SìšÈËk³ü…7_ÛiN|ùÔÈ#ŠWå&p’êüÊ£Zå9 yO7¤T X4J÷åªWnÂCŽ†xi,œÌC/ Ghò˜Z“âKØþ» g‰ô?×Ðëû!M’2KNù-ÁÀRTtd)bŸð4¹šÁ‡`° +n>½ÒüŒ  +ƒ&nóòIg³4Ñm³=†hÇ“îÎü]‚ +)®'AäF»$žC§ˆ’‹<†äFî9dñ§>»nWï „„iïìÝâбñ „†¯$,–ïd A† Í7ñ’øÑéÛB‡CâÀ[óÒæY’Ã[€!ÄÖ<ß^üLð +Îi§îe»¸XY| N7ué'%nDl"Å Áä?{seUfÂÍc +à»næªHE`¡…¨ë +Ú4íØ}í°^Ë,ð>ën—V£_-û¹ ójèŸÈ0w—$@ŽɆã·Á³·3³4Sž1S«»nʸ²8 +PÛqðÑ5DËÎù©/Ïç*üÔévÞÅe_Ïû¶Œòrªex²´K”[Qy€Ï“ fÙÕy:D¢É0ñÇ ‹,=³' +¢HãÙyÚrlØCHÖg Ó6'8ò‹ãw®d¦CËGÓÔÏeŠ" –ùY)áðÖ‰ªžªº(6D „cŒóXf Âíòo9øqþ6Ž¥³·atǓθFŸWæOµI€10 WE¡ÕuŒ”çXXÖýýÞ†síw³h²H‚$K}bHM¦‘O*3MŒ þDè"„X±ª2±-b–X#À$Ñ¡(á„غЖ­G–.͆víDåJú‚Ø‘$ÚÐ$ò8Ââ ðâ,詍+;íºŽ„vgȝi÷Ña?ot×ÒÓu‹TäîP‰À1SÆ›‰·µ€NúÅ|ñÏÎÚ3ä9¯ +€¦œ¶‘v–M˜/¥X¦ŠðªcÚlÚ'D”Ô‚¤í¿ëù–ÃyÆ“î ¦ )@’ã¸mR=ÉÞœà++2ò© hsøPA…ÀÙ*ß0Âs"alX¤ÉÚâð‰âKSC)W +Ú‘|Œ#'Àv¦!åñbÆG +æ =‘£ ÒbÊ+«ªä æç¡PÒzuýiôÔˆ|Åx>%ÉñZ­ÎnãD¡¥¨ =±J“æÉy*ñ† +äN* +="žôEá¦Y„*g„D 'ôf6U ý<.¼BJTîšýV|ÔÃaKÄ ¡^E(ã9@=-ã‡PhäiL7aÛPÕËT¼'Uò$)ùä™ÝþÛîåíI,ï„4‘åtѼJî€Ršu#N +²(’MÐi7¨ eS¿ë–×ê>»üñГb ûy×Óšj³^tºYí•zÚVþBâÕ ÍR³;…`«cio°5Ò”M™ÞŸûýŸrS6j2«©ÏP)\N]ŸbdǺî*m+p—_"ÉÐÀÍnO«wZÒÑSÆ}ÌÐ:Y·«{ª¯®ÑÓJ“U«J 颃¤4È·Õî¶ás0™ +Åʨ»”Q<ðxÛž–l£h„2ßáš öéOù“ ,R›k:¢¼wMÝèšYƒ} +úBHšIO¥:0p—oñÊÚ²¿¾´Žf…§ÓÄX‡‡ø`œ\¨HCx£ÇÑ\Å3TSj:¹ù?²•=xråÌ +ƒŒÆnŽ¾‰„K#ÝyÇÂZ—! ê°ÎHÈ }T§ º TSy%TV…'Òt‚ðäq$¡V~¥àªáüœf.üäšì}ô&&‹9:ÒRjQwgg•v˜&üÛ‰êV#Éz€âë<¸á®“’}7õ¸ 5:{?Y#¥Û •z¡ðüêP1( d‹ ܬGžëÈ£eR˜È<õt™µ¯q¿Ä½åX‡…Ü›Úæ¥ +Õ°½·pðS¬Wq=±-i­™91Fj‘|S·ØÓ°GŒªŒÜ‘ä‹O‹K4ãåÁ8QÙ +Âa³6y½§Òjڐ%´kс»…ìT뚉ߟ|üK+A³WD*Íb)XðIÜ7’!ÍdxìUZ~´×ŒKâŒËnZÑÍè¿êÝsWà¿UðÕ£´¯OtZ×Ú ˆu·9̶i€ô¿¤Æ5E–Ï%.ñqM2§PÞg>b?…ÑÒíc#/šÚr°­<Y€­5W +qŒöƒ)ªI„G=Zˆ sª%¬Ò è“Â$ã-i±s’#n:T09a +ªX,BÖˍùÞÂ&„ Øð <ø‚¬t”n²¥éYnò=óJ|~å1&Z“ Dw•‡!Vùcß<«p2Ò“eu»–SégTi­z›sñ kC{lë€a¹:›úx¡y…έ +|ºô +.VDl+òîŠjÞ+æMÍ+£Ð‘íÒÒ~µéÆÀñ¶ +6TdµêrZÞ‚S÷“ûp8RÑÔŸýª¼ã‰!‹ž•µ 6µo­W4ÞˆR—Z +s¾ŸâLÞò 0Öç¼uðôçÓg—SÆ>Ž±ÂóuªCwuc0¹©™.c…'NÓìMƒ9a¦u~—ÎÓ¬]Í?¼Ø00¥ge€Âðï¨L9<ìéÌGÒžIJ3°Ñ”h7Ýy¼1÷»(‡ˆ÷gNxƒ¿C2Ê5]=~Tº‘õwÐÌ”ploQ`{Ó3b ãÇü +Æ}`C˜÷@¶ç“ BŸmÿ¢§ˆ¾Õ+$< Э>në);&'•ñRÕõÌSá0þ È–Ïó>‹÷ÿÊ5ÏĪûT·¡Îfq¹N/™*Å¿ ÿŽ5¥Åð/F‘~zÌîÃasM‰~¡…ōDn*J‘”Vç!‚d¯¢dP¨|^á} »ü£ôNtœÛGkMªíû”˜ù„EŒ‰1ý™ö6¯Î÷(ò~³»Å„¦% æ3E"$$í3? +o!×@iì'O +ÊápB^·#M墵º×ZHÕ;ÐÊÂB*â/Y½»×0OoÓëÛ`!(AÖïšO§Ê€Îãâî%Ý:ØSŸ²}]Š Od5ØeÇÜìPÝì©úþ‡:dz7_ñ£ó›/)ô°Â÷4<“½äðécé)„#ë +¿S;T™hÄR‘i%ói5©a(ÜÞ¯ +P]G&<ö-‡u¤ÜÈî&GŠ‘8R"Ü®!§ -* ¨Rû;bÙôSô¤®Kÿ°ÄœtÏ5 FuöfU[¦‘Jçjà\ŠEþ_aD+@s¡=ÄÇ}ºú}B{Ú«a]<õ[HÕa\å-ÿÅ#Ú]iʍ-Iß™GÛÔã¡»%ÒÐû½,MfF/á´×Š°(”§¬0rdB³ÿo+O^çÎMÝDø +ZSïÿ 2ËÑ­0 ?«9ü4Úž.þçaÙÓUvù‚‹<‡4þµ-‘™ªõüêfØæ~CégO S4Pø©”PFÀ(§|‡SD» +IHA|îŽÖR…àå7šøÃPAÛ‡YÞçSw2–ªÙL?òôV#©çÈ=Mt„7×âXƒD¢ÈÁökÜl¡Ð½«]ØŸ†žAY½58àÇØÛÛ…lNŸ¬­ÎæÇ,Öžia?–”¡ œ>@ ½5Õë<œ§"Ó·?%ŒW³ YÑåÔ(­Û,Ñeˆ ™Eb–€®ŽÕžà»ÁŽ«yÃ`ÿƤŒpj„´Þß°Of>€›35óCC&W;™Çwp¨KÝh`Xa^•’ }(ÅÄ>›lçôϦ—æ¯ÿ(ärTS»_x +ô±€æ×éÜÓbÞ±›ŽTéŠ +Wµ| "ÐÝ3.bȍ‚?2,ÔßèZHäNN>Ý(ìjŸ _OU6‘ô¿ÔBn¾m»¢´Í)¨Q½=&Æõ&D‚=÷HQçi×@U¹æ©XõcYGãè™ BÆ¿ vL†£‹¶>Þéã%ݐ‚iÑY#]~˜˜æ¡Ò;§µ9U÷L¸ϳXÔ¸¥ÊÛxgK_úÇ[ŽŒÌ:³éìL¢Ia¡L®˜¤œaf§Yéäjüˆªzã—îD'/Ã9AzéHþúìE{-‹\'¡ +6wl¯AÄ#Í Élí?.IÑmN#o°R@òw €03¬É•Üm–ØnÏXÂ#¹øo+ nŠ´OìqkÇ(œ, j\‘âߊ¾=5ZzQE€fhv/¤¶/'@,#ÖBÊ6‡«ƒl…»š8ŸYçܤ&Èœ7 +vD°ðyò ©8Bmã0N_ÔÅ(L܁BÓÇ“"tÙàÑ1d~û. ¹~ë¡L«cýFä5¡;!ÑX+A}A’Ž5^ÊöÝì×P ‹L¨“&‰šcÌÀËOe8ÙÚ + +U4 +ÌÒîe³LzÎèý‰ÐÊâ–È•*ÃÕË +ô{t`Ç܏Ø~®7]Všâa5Æ%ÊÊAÐykÈ(QðE +Àm¡ûƲõ¼ÏÌÈ)kýÉò†¿Ã"ÒEœò,øY.Ìo‚›k†•Ï¨Á»WÒ}oJSÑ (­ƒ˜©ÒæÊhQ¡Þ5@{VøGFâknÓú‡çƒ_@ªÞ:~½ÏkIü®לxOŠÎ9<<çhFÇ,}(wr¥ÔL<0¯D‚Æõd$+Áeê5»^çwz:¾§ScXDîö/´ÀJhÓ¼ +C? +†j ð{Cxä# Äý2Át•ÿ½aË>»ÍoB{ö\uYYôÌ#y°7"?ÑÃŽJ÷žºa™LQm£þ5x“%INkœÀÍ)Êsq¢ +NŽƒ¨¤? +ÆÜ¿†“¯Èègµ'§ü^§•àÇAüPµ¦¹úÅŸX¡¡~ºÔ¼Œ†y‹û‘í8ÝíÔ§½SœãÕD º­‹•V‡hvþ•Î·Ï+Ww#ÕàÞVè.ëÚ›@VÎ|>X3×=u‡õŠ— +Íë …#{ Kg¦šÍ`ÅÓ!îžøz>+Áó{Ã.׳‚^%Ô“`)},ÃËšÚÉ>-QXEQÀÚyñE¬ A“©E¯*¿øØ/â/´Î€$¸§õð7ŠçÞ¾–«Vw¥™!]_”Ö Gݲ+¹“ÕºœÍS?Ö)nÚ~GÃ$9³¿žKæìœwTÉq²ç¢øàÞ„˜‡ó€Ž„X¨ +ô&¦k)Ÿ¡Ó§–+ŠPÐèÄPÄç…¶lÂ:m4Sg×áª)ײæ!}¥\a>A À³™À;‚FÇ;H8gpØT+vZ®~r[(Éõ¨«è|ß*"(½QÔ+Ю÷êúbŸµÎ5N~`Y–¿çbýªWüm±R +B¾Ófx¦”.ŠFl®ùÉèªt‚¼©Åý?è´TýóW›¿yûL¶¹¹X +ðÓ§:¬›öåÒR›7’þ‰¶`epfÑi +L«‰à½yÛ4ÛŸ<çiÌLjƶ•Õ£6TIÌ: ŸÒRf þ8˜3Òº«PŽSÑ‚Ë&-mfÁÁÞh§_ùÝ͘ÙUÑÈ/ç á*<÷÷lêhÁ¼d£¿Mx_d“>Ù~FHõ OWOI㮲–c19C9ïjÅ1Ÿ=ßüP9t¤­ˆò–2‡äÑ$¯âz?ÝÓšÎî:†MÎ/ÛÍ×<ŠÞáU(©£[ö»RD¥}pÕÞ‹zZ¥ŽÝnY­Ïì'Èqö½|SÍëR±§×xõí,uê‰ÞUH?6æm¢ÄòtÞ<-¨zraÛZûí÷Ý:œ?pݵÈ,G¶6›ˆWa¦"½›¢é¡b¾9mµkº+PÍ^´S.T²qõiÏ®l-V¶=‡3f¯ðVÏ5ù¤«ôñßÆ䀙†§bú5I'U•jº+ʆQ‰'Î1…oa—œ3˜áuž`–a„+–ìÆŽÄî¤p¨qe‰ò’Ø<žU€Òÿöôl{oj^Ø;ÿ“y[9÷(àKtÓ:Ô{=Ãzñæbã.gj‘–wÆ}RA1^ÍIÎìï´ä쀗'‡2Ç·Ká”=qÔÍáŽWâeBHŒòÛÄ7hOÛƵÃEÛSÅkN,*üSÀIK¿º?wÕWÒnãɽÅÿ?稟ÌtZwÿŽ²Ú®3ˆ<ÜÃ÷=™!xŽŽ7â´>:q=‡˜s.lax>«Ú¿ÖCšü™s Xçy¾Á.-ëþÚy×Èb„7© ƒ‚zž›( +º¬£u°v•ýœ—šŽ0òË•rñ†BÍÌÛñ¢-.J8¥ª«–× –~ðêtQ°‹ëíx­8ˆ„F4„AÏ^Ïú2;¯LÒnÑšÂÑ4á;çpƾ´ô”sFE•NNÒfÙ·¤ÓŠØe wï³VC~Fe#ËÆ?€íª?5RcÀznwÚ{ã …Û‰T#uv¸qúr9q<}>+¬ +“6æÒ½¯K(‘ò"TirD8ÔW/z§²#ýä)ðmæ­–9wMn,l4±É—r +©”V†çÕê¤ù“Í´)5#7Ó8üÔ«°Ÿ×Ž›=?yæפߺ®ŸmM ?¬Â)çïë¼*ÿ4+»äþ¡Ç˜¡‰>Äa‹&˜UWøróZÜ°ú¬{僱 EF5qˆˆý©ÐÂÿ©üT¿Ü´$môpÁ§ü½F0`ɵðj•ôI*X-óæ€ùFÚ·!™{[N/¥èÛDbŽ »Xx•¨4<›/ +Q‡‚Á×ÒÑôÀœï +H—N¿bþúiÄW:l!Ï9°ÀŸŒÊ¹Äëm{¼È¨}!K¯—‰4–ð¨˜o4Ã"ÀŒAÓHçáy²}ah~LŠšlÔÙá¬j*/)^ +Gè; ìQ:7ö¨œSʽ©‹òÂŒó“8ÃÆ–¥ë»ál çì—±·B¹© ˆŒúf„ +Ry›’äoÛLQ¡</¯oî·Þûž‘‡ÝéÓ&±PPƒ84æǶ€ +ÆØÍ7±u±gÒ‡ÖjæÉPsIYÞ30‡ÒG'ºçKü’ CJPºà8‘ ‰‰¶dÙ©?”$™7ƒÈþV¡‡Lƒãk;“ÓÏŒ’~ Þ1^y:¤Â×6ùڏálÉÙWüiˆÓh³[˜Äp†ç}‰¯œ*:=v63WqŸßßÖpô¶€<êÏkž×rç´Aîz yAî‡Ê qº•¸ƒ´í-S-C\ÜaŠY ôÙöØ23­Ö3ד¨÷âËã?Nœ)Ã7o¸ºœÒ?´* `¹¶Eõv£Ì_ÅnëÊ>^ŽÇ+Cz4ü&‘‰í-ƒ|3Š`äGaA4Ž.êX¿/IÕì’[Ïä–8¦±\8ˆI9¾mÞR-Z){§VŽº4áZÕÊâ΋öz ¡{-;c “Ԑ-ïBa‹‹/gÊ8«Ýž[ÞÍë-°•™¡™1N`§J–KÀ+Iœ71 xe›»?gÂ)k›t¡ƒ«#¥‘N^Õ·C Öqyåø·´`Lëgg¯'5*ëIÇ H£Æ‡)§7ùQ×tY ¸Dz`3ÓŽHvÒE‰Ôúef™9Õ¹YÂGM‘i‰¢HCrój®iŽ/¡2ó-l›²—‘³Kgt}3Žé¾ìQùPñ}ù"P¿™ªv>[ÐY/;Þ·¶¯L&‚D€ƒ$ìÓt‚McÇ h÷F°©S¤‡ýVA{Û÷îa¿}ïx€X¾½³·¹vG'°'(ß+¦ÇŸP­Û™WÄÝý]Ð‚.ò\Ú»…†R)sb2¾þDzþÄ· A +ý9âR¶‘:o^×è\ð +j† ºÓ£¥ý]„fÁˆuF |­ 5#ˆ±{Xû–Ø5]]Þ½Õ>n›íí–æM’Ë\gÿ’W/T¨M®ˆ‰@´ŸSX’W>\ÛyÝyÙëÒ .÷rþi·[«V»µîÓ@¼ø4åÑ”²l$¾+ ³µ\š¨U*9|¬îˆñ¬ZNÓ¦ˆwGP<*Ÿ+óiÛóþÙÞH?òÀƒ,õ4•ÃÅEʹÍF´¢þg:½qèÖ¢N&ÞÇö/ž=ñ|Hº8Z4&‰lò®µÖ0ÌF½mÙ’¥KÖâÛWY( +QôÞì]é`ܲŽ¯½iÇ âü1 Ù¡ß<ÈÑ?°”àHV°2c<€Ä@/0Þš5¯ÞèuÔ™£ÑíH·±PW™òêßëçÖ͘Äü–máÐtWP4VXÞ'Æ…O’kÉ“äT#Y¨ög>’!Y–“tíû§; ÅcEåód~}ýᙆȌEìUE…¯Í¨œ[¼lÁªùÒ"hì· ØA&ø(lAf€§>\ÛC Ä;È>@Nܺ•<€cä|ÃqÒVÞl>ˆÿ¸=ÄeAr؝P_¼yý퓷}\6$ƒ‹®þÄ¢%NÊ[59’7hVe†;ñCÜjLÈR /m,Q¥RÉñšJd‘–å.ð¨f &ÌÄ܍ÕdßÁ0l ¿£á|’Âb:ñÕ‚ã1ѧ+ˆ$¶öÝ<¡Èò´"Am÷ó²c˜x#0–³ «]šìz’A­$`Ð:@ªGaÏ‚Ä?i[ÿ\ ƒÑ0i uH”Š=877‰ˆ6nùý +r*ê æ m õà¢Ú/£Ð±z)Œõ‘è>´O†3HàŽ ¸zÙOÎY*r³OÙ<¯–ÄкU¥!`!µëŠü»Ûƒâ±ÂòA™+£"¾é¥/¬å8ëLÊÑ¢ñþuíÎz£bnñØÀ`Ïõ˧ê^`\f!ýŸ‹äý˜m`îì‡yž[Lõ³†-µt³•^g[6>ÑEšð¥ØýîᎺz×p÷¹_ðF¬á„×k·Z½Vï‰m +›ýX?~£%i}Ýpg÷­ºïOz}6¬zOÃKSjøÄÙ]ƦÇQn~º´òàÛ¢”Æò÷Esµ1§¤Iêzãïo‰>·&MŽ  Z.KÿÇã°Þ£~ŸÙdò™üG +ÒÁ“öí[œ3zn}^KÕ ÙÂ#öä&RRõH9n[NyšZßÊ8rfÐA\8;$˳òi\I)¹­A+Ãyvž%»*8NV1;Ýoÿ2xú#ĶØ̍Kï­„‚0"=Æ|ƒFë×y**‹¢»ðAħ -] TQw›HT-e¯Ùy¾;ː©– Ò‘ÑÙywB "jA+z'oÚ°7³Nv«s>¹ÃûÉs[ª+*ª[ææ û½:¿Â¸pž ˆŠ´~1¡¹»¹$™ºf„Y@xª }ùUÄæžE€FhOß­¶%T¤ ö-ûª«7#–º+ùô·=5¯è¿Ó^Ûƒ’zúÞ”bç3{k€€ànñ¡FöWÒ#âjˆØ:uL»Nµ‚pµøÜWRö}ã¡´n$yôõ™¬Ì×G¡°A²E÷WäB!Ž¾JůR§J!ØœüúŸˆÎ"+í5D6ƒô®L~ôùÊ·qlú{í*ÓKI˜w©3î×Yø#a;Cg–ÑŒö‰5G¶ª‹Imb#½ˆäüsÚõ¤`÷’€¯‘ûy"‹@Y6?¥Uª{Š’å4^U&wczFæ¡Jþ+|3nïÀÉ0Ì5ù…æ9ø +Åñ½'©À>29{Âbó%<ݪ3ø­ +ô›J¸T*•ÿû¢ YëŸ}ôpe€'¶”mó)mb%Ý$hÕ’r˜i|í±K«3¤ú‡rº^s=ÓCoK-ʍ%ÃN•ôç¬4û^‘Ø”ÁôæÌ.ñ—¤YÁ¯Xð$ûæM¬ˆ,õº°|R²­Æ80—™þ:T„7`¤¼ï'aý8#ñQ™ÑdªÔfwz=Šî +mÈ!4f°|š"OÔ,2ò™·U•²=ø=)-dÝ@ oÎŽ/¼+Û#àÜG%¿E¯êöªéQ±ˆ‘Ëòæì÷²Ý¯ºÜå#s–¶"FaÈW™GÖ/¼¸Ÿ]·ï/ ˆáX¥VÑíñfwVjM¦2ã£D^aýx7>€$Ztúûr“Ð!2f0W„¼ç~[“JÕ`³©êëUÖÌ|šÜ¸*¼kLÒF¾lã$¯Y"ÊX[~Ò0—µÜ–vwÁˆböij¥xWȵձ†œŽôV]~1Wå¹LGfž»Ð"~Ä´‘¹\A –ÆŽÅ¥2>gzÉ@¢ ºh+…ûHX\j«„!"Áš§x†5à%ë¾+3 Û¦Üz>€M{†K Ù7èá¹YïÇ îÊÖxµgàëÔê:=nmW³Á&óÒGS‹rA:V’³Ó{E™˯ˆ+ E èfâ7fB§Šd`Ö•¹Y­.b&°a]všó¤Db0|9³‹C¥þ!9øðñþ}åæËø%[àíÒê:¼nuW£X/l ÒÂr’Á¡¥œªòÚè쯾J +Z¿˜òŸ(Õò¯õ 2”#õCR€e•µøÄå1Û—Ö}g|ÛawÚ[ã?©4ÍUZE«3'½hµ)7U˜>y±ïÇHýø¶®î®Plä3ÝÙ>O‰åÄr)¼Þ('m +6IØtX}!š™y÷ÁÖ +˜œŒ!4õ¤`‰c[¾/3˜LÕjeƒYž|ÆO—™Ùß%:1®O'l;$IÈ €)PZŠ[³­R 2r™v©ÓSh™8,›Ìé/ú4Z”Ó’å*Æ%à„LqýI³Qf˜¨9F·×ò³´’ÒÓ\ˆ2ØnC…ßРá(™œg²Ž! +ákȃp/$¯Á›°RêÏä”{Ô´·SÈï؁.ijfÙLc¨')+º¼oÍw”‰8ÛìjÆeÓ%º‚hoöýsèT^íÖâ—ô|¯7ó¸<„H½=tŸ–n…åYsþµûóDžöÙ{WÄwo–l†Ð5¿Þ¸s–H[Aê#c‚Ñ(Š +ÀW¸Ç.`šãð6€Ç_ÎV™½¶{-Ê=d $³3p¨íAÆÌßP˜¡í;½Pš«Ì©„±½Ùz¾×ÏpœM:U—GM/Õ™ÂLå#Ø©*«V14g7<’ºlnf`•0v´{šf áh¤æCØ•ùMy¸™\ÑâÎ3•©äÍ.¨Uÿe{ER£ˆîWÄ”úh&âÃa~ÛW¿…‘3‚=NÌ–‚›]ƒú>I˜§?š¯Ç£Ó–™Ì¦ +­¢ÓëÉî¶KÀtxÿa¹ûÛ0–MÅû<ö㬤9ÝøÄ°ÿ•™Ln*&7šÊMßMGùñÜÞ÷«›1 ¼Ÿ.÷ž„#:s쯙°˜½&Ðgwîá +À¯ˆKС}cì/̧êœ;g€‘êm(…?ӳęæK%òbžâzµÖÏ<.}>—®lb¦ÌÈ)…É&m¶µÙ l“ ‹pÞ©>ŃÀe¸J—(™©×úÈO3I—R®Ü"ÓÏ lÎ×ëzõïšÛ‘ã¡Mfp¨=5;–”ÏO»q“U!›‚l@NJãÍàúԝfcޏaõxې£lÃÐý}Ÿ(Í eWÂ’óÇû?›E¡Ý0y¿âqú¥6ßgþåáõi«T„5à‘sŠ´•îÆïkoîù‹ÎÌ@|^ëi^YÝ^yêU͵üýæ£b^ #¡c#ØsiPDŽo:°¢RS…B†Å;¥N-êñ!C3ÿàÊñóÀZœü±¾+«£0d¨]:Ÿ¼baU%wš–-Ä—-¬)aHT±qeíyyä|ïꥒÕK{›Ñ=ùÜ ‹§/_O3PËŽe‡èËíhASò¹©‹üço|‘fλ;6ž¥­?»½8ó E–Iî+§• »ÔÙÿÚ7z‹“™Äí–­ÜWÏ€NÒ×óZc†÷Ûxü7aøFò¬‰„ô…)ÿ:V¥¦Õ5½€¶â³ &1 ä©+zžÜIÙ, EùåÅ ÎCa³—¶šÔ +=øK[çíî–å+Kk¢sÞ˜¡­±}‘xô„N=Ì3„5’—ãÅ86„÷}<$Yžò)9åvJª¯8,=ȼÁxùjN®ì;2ú¢ˆ¤ªb6²¥è¹`щ9áäQîTzñ«ä´Â(pðPhfs­)×lf ïuf©„k~š^.?ÏçÝð–/dH ç˜ÊÅß¿ß9\S]=\×yÝõjŒZÏÎäòñ ¼u¶ aƒÓ©…4DÚBv²,óêþt‚†Ñ6@®‚»|“•E¶ + +ÏÍŸ +#jDA²I ”«Hk˜dx°–A^àÀ¤ÅŠïÆí>pwf¬œÎTPPÒQÓP-vAðF²dû|t~Ñ=hàËÃ!XbodٝìÖ¼2¯¼¥,Pìè6±ÄÔöLÎW/Ž‘'Éý”Irƒ%ŠõcÛ„7ŽiDèÿmQ¯k§ðð£°FääÉ_ +ŸêÜñ†¿eaôeš±ØqZôrÊa¼÷¥W•„©÷BÓ‚·;ìe¦ìz%E4fb¹Õ¥//lñ¿±cAèÔÙ<™² Æž…œ7¯L„‰ gŽ?v&ñ +>j£PçRyV ² Ãn·ZÍQ:Ór²*¨Ã=5ÍÍ߆Æ`›4'üÙékPEû3Åó·›’º±z”ÆèØ^Ù!˜ôx¡Ÿ!‘H ìYÙ!ð²)ב5ã~Á‚_lX/–šSˆnQêû=©­C£_é+”ãcÇÏ“GÑG™¦F:JNÝ[1^©|f[„±ZúrÄù4J@«§¨¯xÿ™l³¨Ýì;›ˆ>º†ŠêYÐÊêÝäIJe’\¯C|ý"Žüƒ€³ÓÝБ~‡]ûrö øËyq8fMð´{ŒGÐE¾ +½‹Ì¸–ß(ÊéÙõH]º0ÀaLý«Ûaö¾ý¶:£ùè3É{ØP£*¥´'¼× Kˆw +IÉÊôÄÀÅ{ª»˜,þéýƽ¡Féô?¥~²ÜÕ ÍíŽ-¸ìƒZ Ä‚} †rûu.y€ÒöϺöÛnme ŠRúVƱ[Ûò€õŽ(òüFºwFá¾h†ƒhøX è­ÓæËB©Mÿ¥;–ÝŠíbú*Ñ4®/rO·ŠÆÂå#²‘â—×£¤dÄh˜_Ý$äJxMgu}¥ÀOÌNºFYLéRŸ]\ífpãú¾è[Õþ•KÜÑêUÏtGP4(ï•9 ìÕ&ùhÑx׺æW¨1knñXÏ }È–ùÿŽô·Å?µ½½ö•=fÝÂâ=ÍÏñ©žÎ‘æJ³¢¤IêþIɦû³÷Øìc®~Ó=Øo¬Ÿ¥ißcýÐ?„ꆼ[-Þ…ÃaXbkbÛ,m«•µT QŒðõj„²¸{›ê- kPhúa@lî{K¯–ËÔE;È­ñ\¾fRÇ®\»ü@äTç Gý- K_j–N©üºF­Â¤xõÚ/R© ³tÆèÖ½na‹ÿè ‘Sìò\Œ7âëb¾iïÓk XK'_¦šT~€^Ö~«”ñ¿ñNÍ"@çÙG²£{'ÝI¯¦@uÍIà?F榑6Éóë®Õéq ÷†Hs‚FH» w“);> Kå>hMlVÒ ¥fÁ¶2Y7³]â +\{Ta•í ™h™à0!™Hy|IÚLí…AÚ1³Ô¥ÍÙámÇYg–’B^Ãe1¹K,(Þ+Åí°eððÑ2\)W/;: 3@ˆ ·¯Zvé}Íáûb»ÎÓw™˜nJBØ6Ä(êU³²ó¢A©å | Ÿ=–vÅ¢lúI˜­ÀÂWÖÜ:bhµ“ J_ +ú&«°†~–º4ŽOàsRµ¥r–;®Š`69ádSdiõW.gó©]ñNµ‡ÅK +Ëú3]ñðB#H +)àæØbª,²áH™r^£É­)eMŒr­;×—Åø:ÅšU éêÐúSs‹¾­?>ûÂÅçñ\Ç°$Z”5œo7DTzCD%i°»²‡Ë#ó$Àè É!2;Ãì3_âÊ4šWºÑrâ3+x¶Taµø!0zy¦•@FòDÓ +z:¸ +BúøS£G.C›=öB6¸?û|K¤ay’b8Š†`$ˆ¾^{îQæF;«=ªŒÔVYO¹Áiv”Ä…»»0çB _7Îa d\˜Ù£×ŽV/ÜR\œ¹üÖFm oÊ‚¨-.=êaÿéÛ¬|[Íl몪ƒÚ ˆl>À;ïªÇï©<Ô5RŸ«=ôì),Ú1£•ÀÓøùÜ<M"IQB ðéŸb ŒªÇÂeC™nSÓe’‘›5ðžFxÖõaýà ¾8»”üîãu¿©^Ü|ÚSV»ØÕlÊ-9ÿGa™|´ÖàôjIŠ¯“­?x÷a,¢5ñ¬|Qe©$o9¦â‰+iW‡´LÁa¥ë…±fÕÜR¥Wö9ðŠñzpߏZ´Ë¾eN˜;:á½\¯€ûc0åÏ_Ëô\—lÝ_î2¼\à}ãõ5}Fá¢]v¼C1¨2µuð2\ñÛò‡UNƈnÜ7ýäÿËÊu +z¬*Ò\]eR^¯·ôŸkݍ¾Ï‡œîÈ 8Ó·&"¿.úñÕêtÍGjƒ@ÀvQô^BRôÀó¿ÇQ{ãÉí¢Ø6ò¿UNÍÂÜBƒYUÞ/ºjl'’?ëuûz+„UÓ‘Þ‹ +i #95ÊdVAN¡G¸xãÑz]Æü~ÀA´?S5È8N»0Ž¸é‰˜Ôªp§4(ô\é³o.-".œ]QIÍ +˜rÕî‡4ì-Ér[¥3ÊôÕÔk?,z’{êÊôpË4©ÇÜ,_îüÉ£í°xAÜèæ‰B¶„ž xÃöSpÖ@K©¥°l(:ËšµlÞ©«Z +®š*){öp–·èƒ4ƒÙžôD’lêÝ’%å{¦d.ĝV9Ÿy­³Ç,)æ²Ü½óÙ±x-vƒÐ[ÀÞÕðVƒÒ€/ÐgIÖGîÜWUö¢fŸ´Š›ý¢IžaÝÂ÷ØU¬ RHx~—ÑÍÊ4”km.ª£A—ïüÍ|y +ÝQl¼NF¾¢$¿ÍÀ—¹®º ÉOËHž*’ß·™³õQgøYÍT&ŸËãeNi· +¿g±¿nFXq3–SRâH2–“¾èËü³î[~’F²Iu”m”««Š× lE»F¬»@MM˜Ñ/šfd‘êI#¨XÏzvá\È.aãë«ecBAÒµ3¨½{´ä +ìÄ…Ñ埋Uv‚Úâñ™¤0Þ w{§|@´Wꌏ€[dÓjS¢f`2p‹åÕÇhB£…kD[ñcèþ“.¬ðPZ1V!мÿGäåbgê༈kÀk©šwÿuÏŸwp#=oµµ§Ðµw·kâð‹ ¿×o~fÍ™ü]XJØ…íÊ‹ÿg6÷qâHôئh¡¥gu}ã¶Õ®ùÿ|v(E{ ~Ÿ³« +ã|¼—ô ú¯ß}0ß~šË!IŠ 34AÁL«Hϳ€~Í™å-)C³ËË&É[òN£ÒÔê$“36A[Ia “šR(Ã](2M¢„ä@› 0Ø<@Jv{;}¢…>Ö€Wž©ZiÆ?R])pN‰Ò^>vüxF{ìŸß‹´g(Wo¹í¡Ba2È~‰3Äó:¯M÷¬|úÿnL?yž\&½ fÓ~cκÔÛQõGÛ¾gµÔ"r½rKÙFY }’ˆ´O!$“¯æ=ËÜÃ,yO&å’·’ì&ã{ÒŸÊÞu<›Ž“Z!mMv¦M?™F¼U“ᇞÂ#Wý+()yNZq–êÿ·_õU‡ô¯æs  ÜŸÁ†Íèª~¼X÷Öˆÿ‘°ÖªV(|:a—ÇVŸ69Ôß&PÈc:2%á#§:[á×^i­N™mW?JXq5ú›ùwŠ_[¬ŽÊsæ¢-Å?'ÀÔZ­&ÅÍdü]¢ªà¨HßòúfsMm}¨Í­öÚ_·0Ë;eJ°ò&¼ œF²Ðªþс¯{:zŽ{[ÏîmnR=i(¾Pbap¾dAטÕëñR Øœ€-hU”Ä7=é¢$j?làEà_Ô-S=öÅUMqç ÇÖ”WøÝ™þ ‰…\íjýXÎk²ÌWsÆ®¦¾Ë/”h¶ïd7££5Ðݍ-Å箾£Ï*ýâ&ˆïÖcrö’͵‚qÁ3ÜækÊ*oÄgwš;¦Wސx,çÐu¼˜36=Ìc +d¹º—ÏÅ÷?9$-²)_#?›rpµéÕ]>5#j0Fja„²éLõã©=&$]i²œ"ïˆMÈ–Ø@°$?ý÷ã§å¿X{ÏœŠàÀòG§k­÷ͧ÷üž¾ÓÎçz¸–1ÁBÆn±Aì|»P‘öÛ‰S¦_,}§? +SîVºÃ£a”éÍÅ,à,5 +Mí,Kù!܁c +øÖ6_ßÂøtÅl“¶´Zfœí"5ó"ì&­³pBÿ)C×Ü—åÚ)ÈOH'Ä{D]V1ßìcicKñ +¤ú3ÿŽQ• @ÙÝÃ%_ÅŸlÝF0Š~½"ÄØ Oµ dpüÿŠDld€| &Ø{a‘Z=ÉïÆ´R«Ž£Î¾á ¶gøy¸çN>63ˆ o\]Î1¯n•þH¼ª4*xîÜ"¼šà^½uœ‘±ÊÔ²íèuËöã;0 ¼I{áÎñýVaÿûËM-«TÐ’ÉÕîá„«šísø –³éeª8˜­m'ÆæX<~­PçJW˜•ÏfvÔÎÇw¿nœµÀ¨÷ZJâ õ[©‰%­Î!(Þº0`¨é[ú5 c¨x´ +³‘Õ®ÕH6ºèŸfgo*pÐÆåÔD×\Çཟµ`Z# zQú.ùQ¢C…,‚ +ãH½õ_Ç·yWûJÍPçJIR7Ö1Qb/S€¶j®ã©nÔ*О†ÍsöÌ ¯9óâæþ¯ãŸ9sÄulöuªÌËwö¹÷©\ +%¥{†Éðê3Ïì«ÿc‡ý¨»µkϼ‚\íÖj©ÎЀg+Ú-ó „ý¼:\~¿´P& Ùʝ¿‘²ò•µßÖKýV Œ]cïŽû9£`™WÓy_IAŸN×íS1¢zc˜©@Æfýþ‘\ùAö‰¬Á2Ô(ˆ–T©ý,5SºÉX(•eX|, +ö‰òÛðô̯ÏOS”é5? rlf¾Xlá³mR?èPU¤”iݾÄEö‹X(ZT¯Ê©ï´Wè~Áå… +gà/àÕQ$ë.›©Ð¾ÙáÙÝ/mµÒšfÈ¿±YÓЍ§öWº +HAô£ï\´Ø€@2Íü“{·H®]«]±-ˆâðKÉg^¼é‚ÂÐtœy+E³ 6¿é’ 6QÚ~„µìX{‚¾áìöVˆX•tý…OÄS—¯'¡–ËÓ—Þ…@Sòõ©‹üW¾¯à‹Ÿ8lOÄe¾ $ ³3¨ æðûC3ìIêGn? +æ™ÏµG#ø:«hYö”§ñ‚°AlrÕë A6Œ‚ :škëÈ›öÛ¹ÞÒÄaa¸)?uõÚ“ç1Dð-R€Î¾Iþ1 sŒ®ùy&“º+9ÒºLå¶<‰uö îö\}sŒs#YÚµ9k Ë„&8s6Bósvb}œY_S«4Ê—ÉS¾5Ö +ºWÆLÀŠÉndáÌ£Hü'ÛÒÌŠîgö¿¿0ºìé’g6YZÕ©Ö€ý +wn–Yî!W§¹²HZjÔbâ}9AÌÖYð«‡?ãS]€Ç\³ë>÷ ¤üZ¦¸õÈWôV +ÆiWXïO—þ§ºr¢ÍX=)+fǸ)¯ÁHF7jjÆ´]>2¯ÊçÔÕõ/c¿HR¢À7V]G>W>¾õ‡‘øÔZS¸b‹«Ö5,(.ÈìÉwJF«›Ü‚”w [‘ÏÂ=I‰.¯-¶•2T^UkSŽ+¿%WÕâÍa4ÚË›î$ÂM$ geÌÜúñYzjŽ&ßoþÙ%¾‰Hõ°{ö>m–àó9‰ˆö¸z (²{€ìO= Ô×Â2¡_£&4#…?¨ÞÊJdÎŒï€Òz™š|3¨þy;Ð[ø:ÙXžwöð@î®ö‚‚‘ÑSGûr§Û‚^¿gÙúõî%,¡£Øž‰ƒÎ'2“¹®ìæ"02ñý²â&ÝÑ`/6ºÆEyõhÒéO·ï¡Âb‰Ú®µ +Ü)®[]@½óÖš–ÊY-Ê*Ô ¨~eð…÷nS¡3œÛ˜¨{h‡oMÚiëx¾,‘YRù|­G벓 +a$HÒ‹>çñ•¶\³ÐEn}k-1mÅ‚Ĭ-ø€å‡nJòre —ÜNúûoMDÀ…7GB)R©…åš=AK†5õýW2’ +GÐZðæûِž˜²¿D˜c©ÌUÔZÌêú`¥°¯@7ÙVÊ]‘_Ñ,³J*èþýab×ÍÎ2Dô⑲℆l_H˜­/W)kÌfUcÚá>b[ŠDnü#áízžØ‘¿P[É©D a¤]Ž!`ÿR™gÐF:žü@Ð`0u‚BÑPhð;¥¦Ô®Êk°Û=•Úc#®dTìo ]a¬ÄÜÒw +ü…B…®ÖdQ5LeõúuÛjØ~V±ÀÈeYDb–Ùȱ-Ä"¶åO eluº[:Ýxs‘4²åæTÃigr²òBBÞÉï4è»ósØ¥&K”•“ßa0tçå²£YD¶Â!µ‹¸J%× +eJbž/Zy~è`g† Íð‚ÁŠâËÕOB›N¯(úÁž IóaË``ÑìaU"ß—gŽ„µ|á+¹|/jù¾öwÓÅ+u¸ÜPÌ’Ø2ùì|—½×îca_÷8—<«m§?s©íi÷ïPQŠØáÒ«Õ^µ;Ëe°Eô ›eWšØ”õIÏ—Š}o­Áe–J~–GÉO7ïN²%z‹¬jU¨Q <3>Ï]«PR-1¹Áiú™”€ô’‡µ(A0ª]…-5Í0¦ü›ŸY]+cå[ý¶§ÕßË‚Tq¦™!Î0åûŒüÿv&,ÄŠXb›.ŒHúÓ”%a^–±"+»Ü¬WU5) ¡îÍd[)g…³¢Yf‘U±|l…Iþ3;©™Fc ×D7ëçÝ\oA˜‚W²‰؝ý ÏkÐ©é €>0] ²îJщúÇe?+³^cÐp3!$‚‡ûbzJ9 ½*|<~¹Xÿ.4äiä?a¯M­3RƒåPæ8‹øìÈÞßíÎF~§ˆD˜H gBråÆóðºa€ ãX‘®+¶{êß2O§r/sx}¬åÿº¿æ ÞI~“N$‚ €y: +° ÷°@(*·ÐV˜/ÔRãUû¹iG —sŽ+O‰F¥ÆëJ›Ó;3Uípª2|Fæ)öv÷ ‹}…˻ȒœŽþôsLH„~„ôÄÄ¥Ñik‹hdö!}® os¼ßŸE@c±4 +Îwñ›‹¹a½S)Œ¥Ób…ÂX=Vð*÷xzú1.÷XzúqàS=bxKyܱOúúÐzóÓf;Y¤ju†ÇÄúB͵vamA6÷ö.÷ +›u€Ç9 ØKÌudßÏ™;kh­õÎ\ YnÑߪ.?¥Ã§¡,ÞPÅïpÛdê.àg¹E]:³ò»˜<Š°ÓG©?kd,X +”’BKI}’òP¾£&qV;’“J§¦<¥Rg²I« +Û™ÔÁpâÁ|Y£/áÛJ{)ë}2€Ž#)¯SS8:ìk†ÀH—éÎúH]»f+g &`ݶ2å0Eʸú?~Y˜ÿº¿.|‡…ñWg‰óSxÿ¤gï61²5žÌžILJàµDa⥑:Ã$©Ô§ëë7`Œ®‰p2-"!וùŸ/•›zŸ@øÍ’ú]àý,³J.r“yñGhŽ³ñ…µt¾Œú+…ú+UTŠ=«I=~· æË +$2Ÿ\"ñȳ3b™?K–é+%I7¶´¼YK•Œù3ZZ¦4¿õb§²9QѼàÅ›Ÿ[šÌŸÉð¡ +úüØc––Ã7¿ß¾@Ñœ¨l^°È“„>ÊJÝòg [•(ëƒË¹Òß':“ðU /<÷²êV†?b¥LlI]Ëð†ÔµK]Éq+ +3‘¢·LÿX +±ˆdî%µ] }›%Â[zÁ`x¼Exw3Ðã"$ ú ?}êÑâš^ðCý½°¡Wˆk=?‡®íSã@M‹:ƒB¶oÿ•Jù +X;‰ `!ø±눀{‘ &%„óÉÄ’üXsÚ»|Qæ?ô¨ÉdYÖ+hZr +·É´Ž{·:§>ûfG>¶.s5Û2zjùË5s!¸Ðb²Í=ïœ9dTÏeßålOŠ™± ´¹Á_Þ¶o4·.ûfg>¾^º +ø{œñýæ§ß®½Ž‰(aÝ·üO³êå(H$f%¤öYz窔™)+:iŸa!’„)J B€. +¬êØD)ÉFÑ:whwt¦»l$)0Ð= ƒùý|æ§ü?DÂÌ/3þÌø4+œ\½ìyP¸Ê"³¡È÷¾P6‘˜Ú4ðU 'XÄë¡A刯Ï0³V”_‰Y¬Oòó¼ôªùõ\ 4Í¿@nöïLßå›»äâG;hçjG;Û€<ß‹;u£º¹;>º¸¤Õ7¶&m¼y3þ8™H#¾‹]Èm—Õ +*$‚VéN—‰‡‚]1ß½‚ +*¨(.ÀA6’ˆÔu&ùøç‰%4$¨xu¯Å"s»y +àPá•{†œã[{®T¯ª{Q¯îøkPÁ•ÉžÜäžøùÖöVq‘€–µ³Hós’PÉÍßUìÐvvkwÕÖ¦{û¦õU½‡J«övD¤óC6µVg˜VE +YÞPU(/§»Ê¤WZSɇ,Ø’Ź-æ%2¾Hã6Ðê¬åËÖ¹k;ö–—ìé‹ìßUÔæìáì¾³áFÆíï'ÄóÓ„æ,NTóHn`Íä„rÕ:€£^¤ôç0(æåÌ7¿âºR¡ÝÏS:‹=Î{&Ý¢¸Smè'.‚Ë”È‘‘Šh.ýœê¦Ï `PóJž_ߟkÈË +‰’R>¸+»1D( +ò4åVA&½p½òÓÒa2÷€B0tYW"—•h4²â¨\÷)6€ Øl†ÐQ” +üc•¥xܾ¨¬/‚—ß÷ \ށŲ’:³çŸg nÕÐÕ$ºJé«겋ɤý½ÙÌM ?9{à)“mÆ;³ ¶s„îÜM¦çäø«…¯'±Nm¯Ñ?8·Ž!$³Oo«|1M[ð,VVU){<ÎZU±'«¬$*«"¹Å–.iaHÒm± µ°éÀw+M!—°ý5Uý55]U 3²{s5ë]æ©ö_0ƒÃã°; + اknFö:Î춠’~Ÿ ª9¼bR=i±ÕiR©œZó-ZãG´p_šLtâ4-¥S·6ð€Zù ج®ŒR ß× ,¸6yíß ê躙ÛÖÎ,N„ˆf´–ˆY0 -ü¶èTü–KE‹¾…a® + +‘4M„f@ nҐlÀÙk„Ï"ðÌžPhærÍB×jæäÆðy±\^,3"h ˜îç~•GÅ +€<Š5`üe¸•/IáæOsžJÄ<àÀù¨ºd‚á ‹F”€b „ â + B0 8.¥1Y +Ë_k[–ùóÌåÞÈ,AºiŒ+]¢åb®¬ð™éýÜK©Ä—ßÇ>¼=¾×¶ÒÖœÍb…*y3/âd%J!ìÿM¡(‡"Рï-MFS±!§®*{ÔnW,ª¯_§-ëÚj(iæ/²$$äÏŠ«CÒ³çdz eO'"ˆ eM„Ui¶öŸgÅÑÑÛ•"ü¥ž—a€_ûÊ´Âx“ÊA9h´¥-épÝq­^ã»{Tµ1GàÄœ7»Ÿ„êN?h§ë"åV#ûó`f.h&,Á¡³‹Úußtç%?|˜Î1 ârôf哺º-½vz¶5WǦÍË`A, ²ÑI]†’câMVP‰a®k¿¢¨¯JóËÄðû.?1ÑyûlQ ]øÒêA¨ô/Á: 恾äP,Rh¶Õ”­’åeV¦jÞ¬ºÂŸXI|ãS½i­Õy‘Äõ>ëg-‘xFƒê ˜i~¯%GO&ßàåóÿ^zjùœ*å½¹¼<þœ‰ûÖ¼@ šÉ+Éùñ[ÞŒÌy6 È`JÓŒßða»Z¢HG– È£¸¼°¨i<]€O(êCº“ÔÁV²Âu\ é²ëñ‰‚ir# ««JY¬r<úÖºå²~ûmæ¦.®:6 îèïÂúÚî;Hoä#ò +M÷~C¤&–À-mÊ|óÖÔucÙjü„\„Aëƾ!PãI`›ðFò:DA:dØ„`CÎZiNù ‡Ùš±,VkŒ-§²Nfw]%7b?K–ÅçeÓL¿HýŒÀŠÐ`ŽðP9C‚íÌ6/oÝ·aÓ•=6Hn„ìÏæ7ÉQ£.§¨.Ó¶>²†Ïj]ÓHn$õ.Î÷êMfÑµxWÀ–$:ßó[tñ±dGz;b…` r 0ÅX.D´×äÕßdûÎã´ÒïÏßóù‡Cùô¢»!„ÓrÊšeîx„þÝŽçI‚¥#ý$XòM„àoˍ¨‘¬zzê•Æñ´Î[Ä\+wí¬ME$Xˆ×Á°AΗ¯w‚ôßÕd×_&7¢c+“þSÀTeYñSy5m^öÝ>¶=ã(è ð){Þ*àdëËÓÌ„—ŸÝ»ÿ$g p`ßþcÞ;ÓrÊÕ@¯0¦¥`rï^ÀSTU:rUè³°¥þ¤ýÔ86€­À&ðƒ¢AÃì‡/]ó`Šm£|è@žXèbögæ®W,~ –÷¸Õ­âóƒ¥Ìàâgü.>b‰ü°xÇG¶sð +^¹ y®Ü… +³ºm=9«gÂdÉöœ•² |öž³C¯“ÊyôH(¯ø0ç(éüù[Å'¶œ;’scÿ–Y“ømÜ1ª’K üÛ·9nM…Îz¾å†cjVˍã[ÄÇ·Þ8?sÚqt>¼ï„tœ 0,ˆ>hÙ‰ ë‰eÎC1ùØV˶ãÇaÎ/ÌîW¦¬ïëÛ’d?¬êÑ6Œ*>äPÔÉoÀ$ÓÅ‹´ +smi^.Þ“ÀýÓÉE+`:>.uÃ?1áØ@HþÓâWöW–‚ô«¯ì_|‡œ”ÔþÚñëGÚÿ!V˜ãt‘r‡®àÛœ6c®¨Îçk3ü$¶¾`G¥xõ¼ã“5Ôâ:¿§Y¨ãå¡@¢—T·óÃÔ ÖÖš29¡×‹õ +¹†:“„áÿ ©^ÑöìÍxR@³²†‡-,ºÁÐ?™Gº…=4de_E±ï¿#Lfé2“ +cÊňÛ,âé ¥_ÿòûé†B’ñŽÍ‚Ëê uý¯ŸB0ã;Npg½Ã²¤è9_åz¡#Ök”‰ôÁOîêª|úº®®€áŠêÛᏘ{ø¬¬ œ`Í'º”DÃ'ÈKñ œ†Õcèf,VK (üÛ+wÿ\ŒÈ!X†8‘…æùËÈ‹c‹ÄYe¡À’w e¨¼gxÖ °±·jµ-v#òE•e©På'Ç„j†ÛôîØN(ž.Á˜÷ßð'æfÖ 7VyýÆ@™@é` +U’àû +$<³…-[2¸ùYrn¾U È#F ¿ÄÛF·Œ~™3úÞ¼‚’®z+¿Â-Wú£]uV~¥[®0¦¯%™³\²|QÚf–»åùÄÚ*ûle´ÎømX¢æŧMŤ¯¥çq¿)•øÍ[•·1½°‹öù›/´cíoÞNxOÌš4ßKŒ]vÔ‰€ö‘ËÚôÔÑ%½-BaK¯þÇé#»¥uûž@=²xs‰¡i^}ÝW +;D°ì§ížš~Ììi@ڷ剩ÇWµƒôU]ý¼Û*1Ç˶þg°n‹1ïƒ^J>éÉ%ÜØæô±GüŒÑ «"ü) +ˆ í½^é̲E»}×|é ‡+¸Ôü]ý±Em3=Ò×vN=d¦n-B¡6£úöÔ‘×õc35RŸ+F vŸà'ÀÇp›ùùH~û‘ÀDEbK~ûˆü^`y¤nS\ãyÔÜ;×aý>²u»\çÕ¹ý";ÒjéÊÿ†RÅ5³ÞDä§õMD¢¯ƒîa†jõù@°ð¿tÒ¸(Õ}»ol»=x­Lʦ.³Á—é[K –æmíB{_ñçpO;’0ÖÞò ÿ¡ûÒ+¹qŸýHšùˆ ÎïmßW.ø}ÑAÞz–¹ìmò/>w¿¨“€ê­ ù?f}ãhcÝ—¸.|D~–„>K&oDI'õƈc@n †F ¤ƒ¿B05½7NÞ ›znºǁ å—É”3””ç(”ƒ ƒôw8@4ªÙ²*ìœïßYZ£,£a‹º§´`gÇà8ÈŸ :‚;çMô¼•u[†ƒ¬;J‘KÁÛl’ÇÞ)Lôõxû¥‡* =”ßFÒô–˜(¡#q-‹ýÂk¸ÀÉöÖš Ksxyxy³%£¦Õ·aÝaz}!€ÇN¯ó­o©å› 2ÍüÚ–¼Á…GuìËG +ú‹d÷ÁêŽGÞr[Vûšz‡x­çáè¹7¥g×v Þï¡V_­h1‰ HËf€3 ñI÷S‚þp{^˜’h]ò=P¤ò[d˜£ÂÒU âBZP&ݬ1’˽,Á.˜ÿ~ïÈd³îì·»¿Zhº?ÌqÐ}û£ƒ‰kÚ º9γÐ%¼pØïI²fO]t_ôÇíq¼Ç+õ’fKj'ļwæ®JS_xÞʾÜ/»ýý“CŒ‡}s¯hì +Oôú.\ºsié‡bÝ6tõ×QËÞ€ +\–¸RG°—Ú€¿õós´ÝSSÅcQ¡0:¦ûqj"³õƒíØ—õ +£dÔ$CÑÉ6ŽüCIìþÿ S´=£ +õ_ⶐÒ+™Y¾p÷ñïZ.Æ +†[¾£[ØþK^Û5õzMï¡ñáãÑŠ$¸tŒéã2ÈókÑ~NCƒB`ÑñaýÑu‰úQÜ]墨8à2>®”i[â…ñÔâgÿ§>zeM¡å \›´xËIj\-‚ÛÀ©¿§Žˆzz¶Ùþ‰ozM¶MävÌ£ù”=ØvÔӝ•ë’ÓÓOÓ z:h@7Dµÿ,2¯¿f»Å§oÇÚøG^ÚÛ7€BŸØ‹Ë£Tä¨íÀúÅcÞ%MLŒâsÌë¿FÕ]òÇIY*Vô¦2ç1д˜àÐJîýÚÆ2óX^Á_¬‰Ù~#+±û…‘Qëâ|ÓrÀå_¦þÐ¥V­¶ÌšìÐÿ1?8ŒmxÌå<Þƒ +_€ÿH¹¦?¸™|m¹ùqåa-»ƒÏ=•2>3á +õ"ºù;àAÌ„ ¬ƒ2aHçùð¢'ö%ßëO²8\J6Ýê½#ŽÐSÇÜ ûÚ/V³ÅQ÷Ô>šaö³8U ʼn3 &ƒ÷:¿HÛ\ÌÃí?ó!ìZ¾à^ÂÔñxŸ¬øù[˜tµ$å' ‡Jx'i‹ÆСñŸ€ÌÙVZ<âôtÂÓ4`+‹Ÿú<}ìž0e\«@ÈÄ"áí©ÄE’;"Êf7gugÜ4Îý½ g|,¢Áf±ÂB¦ÅÈ…)´t³È[ìÃo4dºYWÂ}ÖlY™ÛÝÿœh6?FV^O0¥ÞÃÉo§¤\¥!ÄÏÅäò6³˜›y_'%&Ý:ù0 %à/JœnbÐÁ_=ÏÌ€KKÜÈlÓoàF0ñ7w‹¹™7)1ñö‰‡}­Hxô=~ë`Ùõ/‹µ—w—u%Ý9® +0`âlRü?ûxsd ñ,)‰T/Ÿ'Dy_aשPOÝn‰#–¨…h—>²2 †²Ô$è#ä‚Ä.$‰Ô"JTV|ö%-Ó9¿Ø# IN=Í… +±´æ1É¡ŽîÁ.ŒÄžëzQ¿¬dm(Ám&ÛÃüèü‘™NNÆ*­‰òÀž?B9õ4[, +E‹e©Iˆ ºp!I¤ Ô°êæ¡(ËŠ—ÿÊç,ˆj<¹¢+"B UçÑù—’Æ ,¦ +ZZUúuH6´zIC”'Šš âï`‘ ‘Z$(>¯ %/å + ͏¶UߝØùÀV ⴧ܍å¤äãÎ!]×8þÕ"l®XzF«ýò*gb’ùS"“½NG'ÂASh&ÙMÑ…âó WY.(O”^;Ñ[·2D e©IpHFÏÄD’xÀ4¬öDqÔÅ¥ÊÔp¨¬ +ÈD§&ªIôµÒ!¬– V}ÌP”OôCjOè9;â©b·CUó­¥jl3q¥¯NMBÔÒÍԞЩ·£ucì…#ä!ÝÌÏŽX¦€òDQà]¸$Щ¥œ:ºÊ%ºôBžšhM|­4S‹„Z­™é²ZW¥HÄ«ŠŒ…R Q)_†RFD¬MV¥1)2‰$(^…R»‰­×­=ëwý´î9­áh1Ôµœ«ÉñL+8S÷6÷‚!tÝöû9À)òºô‘‡Éæ*9†Ë –§ÛpËœåÜdþAd’nA±¾"§|¡œzšÉWn«„p²&!ÝjÓ­f'WÇöeu—R™9SO5±†”ë–Ov°ÙA=d‡`‡™l®’C.!ò¸Â5.ó7…¢Ä¶óú“#¸ôºóImñs>”P©/8E>×ÉÕe± þEíÂ…jÛ@Îatœ‰·}ñg|¾¿êsüQáŠ} i%þŠ¿æ/˼læ¿ëVÐ0éç#³aÓ…½;.©Šóþë(Üð)L +léºVÇ?Æn3aÅà£9>;¡æÄûÇÿÕÀ:­c» G%énê;Á +r+H×8þ5‡ÛLØ6ó9ǹTgȯ›{ސR݇Éæ*9ã8!ò¸ràO\äÔµ«œ:5ï”+/C_û“¹Æeþæ¯=¢xUžç¹h Kr/œpÛŸgãí*W}ˆk²™«lÝ?3âNq:úeù:7Èõ¡ö„N½¢~³ŒÝύLqãYrH7bÓ2œ·eBº™ßŸÉ+<$ÎpŠ|®’ã  +`y¤+Ò¢”íÓžˆ…é¬vÌùÓ®1—)à,çu1÷FtÏg ŸååážòÉ!7„rÖòÀ.çyȏp¯œ"·‚––s˜Ÿ¯Ã/€~‰/±y–|MÎø½k'†4붏ØÏN‘¿pÐ¥ì8L6Wɱ\&DW¸ÆåP”%;«Û9Læÿ(|Åï(<©g£ž¹œä'³<ènüO3a²éTß[ |ttÚ•ƒV$,^€Â¾c¦¿ᛎG ¯¦Ye¸W†»•äe¼å[û—xÇ|O¦´™Ž +Ö¥“An"h£?GfbÓ>_€aI×SÆ©ž#°1`Î.€/½àÔÄtOœ +;m4»;µê欈‡¥ D­*_¼$°ÎZG ý…çÇ[rY2«r@ˆ–Œ;oõUe7‡ô˜ÍÞH/m@P¥ón]Žçƒ¨^?ðE.Ó÷Pø§$pËx6víìȵˆ :—óB#æpv"Õ“‡ê²`µ_nûJ¨¯æç×®ûTPÂñ­<è9D<žÈ„·‘œäå6X–ór·I50D•Ù×Äaãq8ïù‚ÿj«Ã0ö»Õ,3:J”Îm¿Íî…j\¤µ&:…pNùíþiWO¿á6&ºµ¤¦¯kÞo §þûƒÖÏ< `7™1Š¹< +=€ÕvƱÿû³ž7_9•1 +,(îÚ² © PÀ÷14w!—Uƒ¸ +á%HސëʨTāGÛpôC±ãÖݼ¬ÙÙüÂiŒëm³5…W’…n=_f£ ýQ›cX0„œ/Àúf…g½Í4€Âhíq½Í¶ãð}Ò*•ü61ÍÏGŒ*„%Hœ,`×@¥¢8Ê1%Žõ Ž[2²Z8¼ÉþÏ4³fv‡–‘:7 É¡%WãßÙsÓ JMã$†}•5 â1Ì>ƤBÚRõ°—jq|¬LðtÏ»FdzF¨ZNÒx@G€'3Ô•Õ*â^ùPF Úi‘Ûƒ>Ã^´ÒÇ„^¶ž {Àbº ùÞ `*vÈ +[â'EÀvö@ìì¼®•1€˜Ș¨‹ +A„9¢ 2âèzÇÇÝkž?l"·BF/‚T#1ZÌSÌ,ë8BÎ8žÎÒ€² ÊrAÄÇ¢`;cègç\8  1119Žh{¢9”ÕÙ[JÄŸt\â¶d ÓH"“‘ •cÌwSä-ÉZY0Ý84‚†,jAÂ@ñ‰ò]ØS‹{Èô€…· 2`{56:™´CFlÙc’¤ª àNã² æöŸSÊÞP}&ßÝeA‚bo×ú`Bþƒi 3#Mc “ ¢²LèX¼S÷¬uJ×ÐmŒ$€+ŠP…V浚£L°21« -áBâø™›¥€ÃÀ"ÁGœm…Tr¸"ˆƒáßd¨“x8P±L–1¥-UãŒ9AY…í%¢—ÿ±jœsÉhqýÅå¼ñ:ö<žßvË3Å€yà‡/œÛ¹ý?éûIÞHÂrµBbô"hW¼ñÙŒ)‡ÆÛeóä’ˆ³2Rç&ewÌNžír cÙE!:j ÞÄP—%ný}Ì°k‘4I&…ªÆ­h¢VœÐxÜ'4­Þ€ç ¼ä^‘eÈŠÁàL†º,µ åƒã$üÔ€2f{˜fú>EÐL A2à‚ä{ƒP€©Ø!A¡#&Ü}` À |Ì\´£HaàÃÔ°…dGCŸ]Qæ1…R€ì%’К7Ÿ»ÀcrÿA ö;h˜»ÿX¢Öº[Äb†^"¥ì¾ò«WoÊ\ÞK™´›V®Ümqò ‘±»/ÚéÙÝ-¶mÞÐ6K?v‡"‘üS‰ Ž?…™=¬¬©‡Ûõ¹Í¬[Aw„+‡@ÆÆ÷¨¹}7•#q$‘^Òq£˜+­¸Ý˜íq“°±XŽ¨‰“I(Q`ŒeGâÀIªJò²°¥”4ƒi§JÉ*×æ—2Ø+kI(3k¨æŒªˆ€‹ý¯J€«¦2Ž2j¾Í69 ï‚6¥O \WT«µKuEœYƒW>ó嘾C+2ðÖ–½]­3€Œ_6/ÍǼ›",Ë’Å;¡¥Œ$CÉÃv)6:WTŒÜÊ/0”ð‚Æ2³c{(fZ[›GêAadò,Y NÂ`G(à¤[ ¨o¤ñlìÞ 7"UÉëg¡5ÉÒzŸªß7 + ˜«Ð–•ºBϪٸ: + ê7yàãÖ/8ÃØ·_1ÁŦÃ(ÆÆp!úB QÓiÞ=oËží LÓ0ÛJŸ%(uòä ¡àòôÔîÜg`:L€âÄ€Tãà ûΐCÔô×VmäSSÍyBwŒù6‰1c&ÓÖDC0Nö‹È³0ÈM7•ÁÙÀ ï¯çI|Ê*$XÉÝuÑZSP¸V¦j ‘‚ÀÊ‘pÝE±‹â±0ókç^n‰ñ¿}z:n]jn–b0²‹q††ˆ'¯ƒ´wãÍ æ3·ê"Ÿë Ìÿm 6àwnròà÷ï~rDœØüa)Gð¶î¾!Ä஡ßÞ ®‡fÕNÇЏJ4™]¶X\ïZ-T}ЯÒ\tóBÆ ÎïS‰ò¦&l׸¾†¨Ha@•ºì±`щ‡HWÆ’ +IÔî ¤x.ÃÏ= ˜‹ç\”£uÌæ¨qÜ{~³B@ËÑ¥lŒ«íqD` _èÌ—‰muH²ãýÊqÊ6‹‘K3‡+LÔ7M‚Ì»¯CÈÐíÿ™þ˝}+y¹áÜg^ÂÕX#¿Î]œÐ¿BAéÅkÈ©:Ê»Cô¹:ò=Ž#ïµOõï*îraEqVm½û½ÄÖ…èhs“½,NÉ/´"ÏÝ_|ÊÅb›¹îî1ÈìÏEz©ã·ÝÅ­±3μy„^ˆ ìYƒ¹Ò8Ÿ¯¦Æò¯™|n÷R< +šÉòÀ<››™î^²ÿùI|›&˜íþ»îÑv¹³’€»NX÷™r +D îF\ò'é# z¼rÂÍìW‚Øùæà5`Ts4Ïu¢»½±–‹]ë×z\l¤à[ïþ›BV÷Á¯©-ŠUB•ÔÕzìý¨–b¯'üWš3ÞiÐ*“Eë ®Ãb´ ÇlÏ)¤#§>4¥3ÖPUEïi lL­à¦­áðx¦¸Ð]XìŽ!g¬gZµIêµ}ÿö'tuÛÞ‘=,Kjá@•‹’g4*¬„uþú +Š:G+Ô%¤vÇî’a¿õq»þÛ¸}¸±½TÖڐ½oj$Ép•½BØQ±,Á~±×TMٝ Ê®N†»Ê±†£A6t LøY@VÀÃRÚŒaý~¤ŽÝ[-ùpPÜQ ‹º°«€ŒDåN]…‡”¨gïkÛkÌ÷ÐGŠJð[ÏÉ:¢N9 c48¿%ÔÛ@7d+:÷k}Œ†Ð²ƒ~NR-%ª«4·ºà¸©«'ùDi,¬Ù¼,’#ÀpžßXÔ¹·í[m÷®(ÜêªB\µ{ñ<¾†üµ‰ +@scŽ4jà<ŽíÉaGó"üfŠ¥Û +S¢-Ÿž½Š@Ùùk65í +†Žì`‹¹ÂQiœÊm…¨nv°ÎÓ9`4Ȇ 'ÏâFPEi^ë¬3ʸå£ãvõλ»û1àì xÀHªèÑ—›ùúTÈ~Ü;ë¹ýÜÊê? ›œˆ›ŽŠ„,+jx£Ñ8cá£þR„Þåá`J˜ðB£R³Þb‘=ì+GIüšbZÏ'  Ï xI Èãýš.| +†J*lCú?Y4‰Eĵ¢( “Ïhç&Ľ§Ê‘ +¨eÔ­ní Êö¶™Ø¨w¢€xüĘXic¬Ã®ƒós•‹;é¥ó®ÓçkBôC·RÆG»ÍÚH§¡ºâ5U¥§b“¯éÚs@‹à¶—|'´>SB~‡õžu¶X1ðIh¤‘Q'¡FNÙ%!@|Í„ùMÕd29fg%ÈhKKe&L¤äÞŠSò(`{µ"äû? Ø>æçÅ¢²Å¤½H3ïÑò|#™*Òiç؏abÇOо´ÞxÈÖªJY"ûßÙƪ %¨º.q¬äÜJí¼2˜#b_Ftyšcýisû éÆA«$§*ú;dÜj³³SñU»«òeÀ1÷jÁÈüÜ gü‡²;±ðÞÄÃíP›äÏóŽu1é5?úî6_{%Ö£¬¢³ðƉ¸ä)]“ƒ\z _™"Ö#ïTë‰2=z&9ìp^Çš Æ÷W½ÄÝ›ëõ%Ý7°QoJNÆôŠT¼z•1Ð¢I…y4AÎD¦'°'AÏ@„ñ‘¶‚Ý{¡êÐ} +i\¿ë?}òëúêÍýàÉoýðÅDŽy èG¯ôãG†~ßè§O®=[-®tñ1/gDñOEáX»uí™Èà4ê)ÿ§f§¤·¼qîV•øò•sIœ¨\µdܲr¥Ì\gùfT_a:oîc +¯Žž]çi$¤×¥2ù¹TîPàÎTPE‰©0OVw\òw'!:œ)¸ÍGjŠ†Õ”0“þb† ˆ˜´ù·ûîðøJ›Vv»áGq¯Åy›·R<Âa¨Òž\7šX$™{ªŠÓĤ‚<=úæ?Ì +?Ïþt¸ö‹8ýµ ( +ÄÙ<æ-†ÓÌŽ#³/n=:ƒié *u†e' k‡l–«ñ|Ï®˜IEg¹2lÁæ²E63UVË•zî(˲zÝbL¸Äa«WÏ“FY¡Ó¨úmºrüSz$ƒƐ£ó’GseÎœÒÑ•@âÂÑ1úÈõ¨ÿq­W²rPDJðRö£Œ4¢ X"ªî6p V‡äç'\Ôߦ¶½$äP’"ª‰KZÒC = qkà +ìp¼œSá…ŸŒz©zÛ…bï¸T:³¬|Öì + ú»rÎܪjBšÚºz"ïºìª+®¹êŸï¹ÞÖÞÑI,D>)WwOo_ÿ‚w3$S84<²hñ’QõJÉ»î¦÷ÝZ±rÕê5Ô®[ï†{7mÞ²uÛö;wíÞcŠÃªû8Ò®~iw +ƒ‡9÷èy”æ_ФW^C °ö™@ QhLûûЇ +ú¨8kò ‘D¦Pit“ÅæpyHmJ u(m?ù½O©L®04ê°š2fjfžUMŽZZYÛØڕ范£“³KI^s+Á¹Ì@VŠ ’›òa훞€¯.°ížèíÞøÄ$»:½7=#Ãsóù‚L7—¤»½²º¶¾±¹U,±/¿Ç¿)Wvv÷8R1ZàÔ'ey ‡Q Êõbl£ìì9çÌ¥må}™ÀOþmàÞüÈ yE†*  +lµ>¹‚*KA…d¤£Q +N/6N«SquñeôZ·û +…j@HDLB*3Ÿî ß]‰º›BpàÏíŒùõªi|‹ªgÈϼs¼µha-›_+Ölز{Æ'GNœ¹påƝGÅJêÉ‹7Ÿ¢Jý\ßÎ֏¿ ‚ ©¬¡}ß0á"DŠ-F¬8ñ$J’,Eª4é2dÊ’-G®<ù +*R¬D©2åHN¨pÙ©žöFO;ÓÕ®Áž  +§D˜ùªk®»á&!㎻Xï#¹îB‘,GµšSת_‰¯å|fâ;.BÁGŸÐÙ"“0á³/¾b× ùÇÁºt롏ѐß*Æ +‰ÇŒ# Ú1†À[¡¡ÅX@c¸~[ ~ýУ!ªcî›ÄŸQ62å6t8]n×üðؘ–Ûˉ:Ìåžï옱nÚ®OÛÆi^Öí|¹ÞîNôl§Ûë†îºçolnmïìî훥Q‚Y¯ D”+†@Èm$Õ ÿª SäÏ‹!²Émpu  ÉrÏ´;3+»CGÿÃà$ + +¸b¼Ý +mž(TÁd±9\ׁ¨ê‹%½ÕìÐuþßþñ¯ÿüo̸ “¦L›1kμ‹–,[±jÍz0ìÿ±b°a#¦ZzÏïiÄv÷¹SÉ$™\\[ÕGÎ"C¨BZQmÆžïk +½émïz%FM!’î¹HšÅw:rç:ÛùNˆŠÚx$ñZ$$¥ª®1¤½lääñE%eUµNªkhvC‹H +Ýr‚SoMÑÚÔµ®V]x7u\»Êî‘)ÝévÏtº•Tßú (ÁýÎP +Ašn@JÆ;_.üŽ]*xDpÖ)ƒÍmaK”ȉ¯jº™×4Ë‹²ª›¶ëi5/{ñHä/z¹ÞîMÍ-­mí.VY^h`wtš˜‡c̈ï¸xó»º{zûú ü»ì¶¦OðZÎH¥ÂæYÈl¢Œj«þdæ¢R0ÑD{ £ÀÞ1DʨF`ôt5îÚâ3^ux|M_jªhyt®ðÀ†Š×3øq·ÃÜ@ ݍ*õÌ53âJÏ”•ÎÜCܬ5(ÕgSD© 4#@PgÒì2˜j6×æÁ¤¬LLL>“‚4øÞN‹ +FmÑ-bÜعÕÑÓà=æTî5µ›ÚÙnÝL­\ïæXùÿâ}7¡g°?èBýÐŒ£GWÞ7ðU õ]¥†LÚ-tj«¢œú©Íú©û½Z_áëƒÔ%zX›[kÀM/æ7â©LõÈœ:AÃ(+Bó‚û=ÃB ]”Î_·k›ÅšßªÍ*s´QEšyÌ&<Œ!Õ/Ì7Ù«~ÂEƒyK–!˜dËFå³0º|8F"O)Ê•ù¨²ä7»YÏÃû+®û’"™Zç‡&§ÊZ1ÛV©ø·H +` £p›Õ¶Ïf°hŽc»•>™œ:jÙo{=Ø Ðvâ–)h4y³Ún;󀇅FóánuzÕ6»ì$Áüûæ.»Œ›Ý‘ª6:YÝD¦ÚnKÕ̬í—ÁÊõý<ÿòê~Dðf)‰ðäX ‰ïPŒUºfõvø±Ê³Iò£fw!tÎÚí(ŽºkG}óqÇ'o¤‡Ïűú™çZ×û÷#44ß_Ž–Šš†Ò`ié0 UQ“B ò¡ +Ÿ€B×ô#\ §ZÔA4V(íÔÏFÃ<š‰’h£Ó¡áäüxoSÿtm*¦ásìk5ÚŒèøN[„.þ˜ÇX¤ˆE•Å‘yÚ¾óÞž—.møVq¦’é{\’ +t²í‹ûMÙ +T54Ô Ÿ`åÉ»|ZQ/5XÀ +´ê+"ÁþG¨\åËœ*…[ ”)G¦•óà|­8À:VÀ/u°³’ƒÚGtý×ÇÃJ9wÕ¥ÌÉ^©½w7h‘X.â0|1©I#ªÿâ=Ej³·6J¿Vº¸G0H/§œíÑùÁÒzO“F)X9Õ,öxí•0-»a0‹RÅ0¡5ˬ¥iSf“’N’IÔB +N™Ì¬ÕFà4DDS n>˜0£Zt¸c“TEEX!„”]n¹Á*L¦ÌÜ›èæ–D(—±ÚêL˜QUa•RJ)Õí- fœ՝@‡bO™ {ê+^ëqŸÛöác»ç|¡ ·}þ®š3{»;¶c¯Ô€A¤œ¿nå) y%æ{ö*iÒ( ŸÄD"‚BcŒ ÆcL0Æ„‚ !ãAÊ¥eD—– +¡\RËN@l0aV B¹´l€åÒ²"\Z6@ÒJÔ·hP†œ¾ UµùRr~¸Mâ9œŽð<Êy…³Ÿ/ÞÝ +zXûõUŽÜxé«©G_››n|õ®.YŸs]&Ê’ÌÔýá^͸îŸ`„un +&“EÀ à ŽØ! µCà@ÀÍÃÔ’ð 8€#v @íxD °ƒr¼\íÖ€ƒ²ðí÷åž÷¦:Ý‚”í½>èWæÖŠ·ëºÎHk†hYçL“3'Oвm5 .=¡êZFß º½®->à’IhÂ[ý§½·¶Äƒ™6Ӂ‰âi º›ËAíÑ…Ø‘rÞ¤ÉL†¿B!1_‰æI¼2ÿÎZE(¿9Ö +%˜o-ëW -&£7{#èœÊí\« $üIxjO9z„W†»¿ûÄÑþ¾ÛjòËÍÞÜAÍp~‡Å«>([Ó"ÓæVF¬‚ròÝߤ8‚ÁÕ¿0ñU«8Ò‘/Î×ï>)¯Ä›®|‘J¸ûådçtÀžK*Ïço1}ñîï„sÂù¼0:T¶… >Ÿ§ˆ«%4\Ð4ÈÀ€ÂDIÔØ©´“Æ(ßi„Ot9L7Ž–bMó[ +£ÓÒéê¦MdEȤ±,E “–ö‰®P¥%,0+gJ£rÄ:BGèò[mÈ:rr¬âIût’]N:Ü'ºB»Ë÷Z ]y?l ?7‘Ô±üšÎÊÿëù?âë¹á÷ÿºÓ¨ùõ¤Œ*¾}”\é­ý˜ãt)s"plQrNõ?Ñ©%ÐN½ö¯8~V \ No newline at end of file diff --git a/fonts/Nunito-Semibold.woff2 b/fonts/Nunito-Semibold.woff2 new file mode 100644 index 0000000000..b0dc6f219e Binary files /dev/null and b/fonts/Nunito-Semibold.woff2 differ diff --git a/fonts/NunitoBold.woff2 b/fonts/NunitoBold.woff2 new file mode 100644 index 0000000000..f95808fa45 Binary files /dev/null and b/fonts/NunitoBold.woff2 differ diff --git a/fonts/NunitoExtraBold.woff2 b/fonts/NunitoExtraBold.woff2 new file mode 100644 index 0000000000..3acf772aa2 Binary files /dev/null and b/fonts/NunitoExtraBold.woff2 differ diff --git a/fonts/NunitoRegular.woff2 b/fonts/NunitoRegular.woff2 new file mode 100644 index 0000000000..45d3942e2b Binary files /dev/null and b/fonts/NunitoRegular.woff2 differ diff --git a/fstab.yaml b/fstab.yaml index faa383c326..ef1ccd0b8c 100644 --- a/fstab.yaml +++ b/fstab.yaml @@ -1,5 +1,5 @@ mountpoints: /: - url: "https://author-p130360-e1272151.adobeaemcloud.com/bin/franklin.delivery/adobe-rnd/aem-boilerplate-xwalk/main" + url: "https://author-p133703-e1305981.adobeaemcloud.com/bin/franklin.delivery/shamalijadhav/piramalfinance/main" type: "markup" suffix: ".html" diff --git a/head.html b/head.html index 35c8a46912..89c88f8f99 100644 --- a/head.html +++ b/head.html @@ -1,4 +1,11 @@ + + + + + + + diff --git a/icons/downArrow.png b/icons/downArrow.png new file mode 100644 index 0000000000..2a23cc352b Binary files /dev/null and b/icons/downArrow.png differ diff --git a/package-lock.json b/package-lock.json index 3ab5318389..a466ec0fa2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,7 +14,6 @@ "eslint-config-airbnb-base": "15.0.0", "eslint-plugin-import": "2.29.1", "eslint-plugin-json": "3.1.0", - "eslint-plugin-xwalk": "github:adobe-rnd/eslint-plugin-xwalk#v0.1.0", "stylelint": "16.6.1", "stylelint-config-standard": "36.0.0" } @@ -568,15 +567,6 @@ "url": "https://github.com/sponsors/nzakas" } }, - "node_modules/@humanwhocodes/momoa": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/@humanwhocodes/momoa/-/momoa-3.0.2.tgz", - "integrity": "sha512-YrVdm6ntzi49kj/YlFQF5MClnOeZJv2d34tZqdrMKzVCOi0EC6pD/0z9SWb8fU9bTPkmUNPsYVJ1wFd4QamBBQ==", - "dev": true, - "engines": { - "node": ">=18" - } - }, "node_modules/@humanwhocodes/object-schema": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz", @@ -1641,22 +1631,6 @@ "node": ">=12.0" } }, - "node_modules/eslint-plugin-xwalk": { - "version": "0.1.0", - "resolved": "git+ssh://git@github.com/adobe-rnd/eslint-plugin-xwalk.git#15036031c7e6c8e736f74a84e612f237c878a66d", - "dev": true, - "license": "Apache License 2.0", - "dependencies": { - "@humanwhocodes/momoa": "^3.0.2" - }, - "engines": { - "node": "^14.17.0 || ^16.0.0 || >= 18.0.0" - }, - "peerDependencies": { - "eslint": ">=8", - "eslint-plugin-json": ">=3" - } - }, "node_modules/eslint-scope": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", diff --git a/package.json b/package.json index e9d984e649..f14b083011 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,6 @@ "eslint-config-airbnb-base": "15.0.0", "eslint-plugin-import": "2.29.1", "eslint-plugin-json": "3.1.0", - "eslint-plugin-xwalk": "github:adobe-rnd/eslint-plugin-xwalk#v0.1.0", "stylelint": "16.6.1", "stylelint-config-standard": "36.0.0" } diff --git a/paths.json b/paths.json index 235d73a901..3b1989d66e 100644 --- a/paths.json +++ b/paths.json @@ -1,6 +1,7 @@ { "mappings": [ - "/content/aem-boilerplate/:/", - "/content/aem-boilerplate/configuration:/.helix/config.json" + "/content/piramalfinance-edge/:/", + "/content/piramalfinance-edge/redirects:/redirects.json", + "/content/piramalfinance-edge/happy-customer.json:/happy-customer.json" ] } diff --git a/scripts/aem.js b/scripts/aem.js index 035c8cc6e5..b0de770e14 100644 --- a/scripts/aem.js +++ b/scripts/aem.js @@ -22,11 +22,12 @@ * for instance the href of a link, or a search term */ function sampleRUM(checkpoint, data = {}) { - sampleRUM.baseURL = sampleRUM.baseURL || new URL(window.RUM_BASE == null ? 'https://rum.hlx.page' : window.RUM_BASE, window.location); + const SESSION_STORAGE_KEY = 'aem-rum'; + sampleRUM.baseURL = sampleRUM.baseURL + || new URL(window.RUM_BASE == null ? 'https://rum.hlx.page' : window.RUM_BASE, window.location); sampleRUM.defer = sampleRUM.defer || []; const defer = (fnname) => { - sampleRUM[fnname] = sampleRUM[fnname] - || ((...args) => sampleRUM.defer.push({ fnname, args })); + sampleRUM[fnname] = sampleRUM[fnname] || ((...args) => sampleRUM.defer.push({ fnname, args })); }; sampleRUM.drain = sampleRUM.drain || ((dfnname, fn) => { @@ -48,39 +49,85 @@ function sampleRUM(checkpoint, data = {}) { window.hlx = window.hlx || {}; if (!window.hlx.rum) { const usp = new URLSearchParams(window.location.search); - const weight = (usp.get('rum') === 'on') ? 1 : 100; // with parameter, weight is 1. Defaults to 100. - const id = Math.random().toString(36).slice(-4); + const weight = usp.get('rum') === 'on' ? 1 : 100; // with parameter, weight is 1. Defaults to 100. + const id = Array.from({ length: 75 }, (_, i) => String.fromCharCode(48 + i)) + .filter((a) => /\d|[A-Z]/i.test(a)) + .filter(() => Math.random() * 75 > 70) + .join(''); const random = Math.random(); - const isSelected = (random * weight < 1); + const isSelected = random * weight < 1; const firstReadTime = window.performance ? window.performance.timeOrigin : Date.now(); const urlSanitizers = { full: () => window.location.href, origin: () => window.location.origin, path: () => window.location.href.replace(/\?.*$/, ''), }; + // eslint-disable-next-line max-len + const rumSessionStorage = sessionStorage.getItem(SESSION_STORAGE_KEY) + ? JSON.parse(sessionStorage.getItem(SESSION_STORAGE_KEY)) + : {}; + // eslint-disable-next-line max-len + rumSessionStorage.pages = (rumSessionStorage.pages ? rumSessionStorage.pages : 0) + + 1 + /* noise */ + (Math.floor(Math.random() * 20) - 10); + sessionStorage.setItem(SESSION_STORAGE_KEY, JSON.stringify(rumSessionStorage)); // eslint-disable-next-line object-curly-newline, max-len - window.hlx.rum = { weight, id, random, isSelected, firstReadTime, sampleRUM, sanitizeURL: urlSanitizers[window.hlx.RUM_MASK_URL || 'path'] }; + window.hlx.rum = { + weight, + id, + random, + isSelected, + firstReadTime, + sampleRUM, + sanitizeURL: urlSanitizers[window.hlx.RUM_MASK_URL || 'path'], + rumSessionStorage, + }; } const { weight, id, firstReadTime } = window.hlx.rum; if (window.hlx && window.hlx.rum && window.hlx.rum.isSelected) { - const knownProperties = ['weight', 'id', 'referer', 'checkpoint', 't', 'source', 'target', 'cwv', 'CLS', 'FID', 'LCP', 'INP', 'TTFB']; + const knownProperties = [ + 'weight', + 'id', + 'referer', + 'checkpoint', + 't', + 'source', + 'target', + 'cwv', + 'CLS', + 'FID', + 'LCP', + 'INP', + 'TTFB', + ]; const sendPing = (pdata = data) => { // eslint-disable-next-line max-len - const t = Math.round(window.performance ? window.performance.now() : (Date.now() - firstReadTime)); + const t = Math.round( + window.performance ? window.performance.now() : Date.now() - firstReadTime, + ); // eslint-disable-next-line object-curly-newline, max-len, no-use-before-define - const body = JSON.stringify({ weight, id, referer: window.hlx.rum.sanitizeURL(), checkpoint, t, ...data }, knownProperties); + const body = JSON.stringify( + { + weight, id, referer: window.hlx.rum.sanitizeURL(), checkpoint, t, ...data, + }, + knownProperties, + ); const url = new URL(`.rum/${weight}`, sampleRUM.baseURL).href; navigator.sendBeacon(url, body); // eslint-disable-next-line no-console console.debug(`ping:${checkpoint}`, pdata); }; sampleRUM.cases = sampleRUM.cases || { + load: () => sampleRUM('pagesviewed', { source: window.hlx.rum.rumSessionStorage.pages }) || true, cwv: () => sampleRUM.cwv(data) || true, lazy: () => { // use classic script to avoid CORS issues const script = document.createElement('script'); - script.src = new URL('.rum/@adobe/helix-rum-enhancer@^1/src/index.js', sampleRUM.baseURL).href; + script.src = new URL( + '.rum/@adobe/helix-rum-enhancer@^1/src/index.js', + sampleRUM.baseURL, + ).href; document.head.appendChild(script); return true; }, @@ -118,7 +165,7 @@ function setup() { } } catch (error) { // eslint-disable-next-line no-console - console.log(error); + console.warn(error); } } } @@ -606,7 +653,7 @@ async function loadBlock(block) { } } catch (error) { // eslint-disable-next-line no-console - console.log(`failed to load module for ${blockName}`, error); + console.warn(`failed to load module for ${blockName}`, error); } resolve(); })(); @@ -614,7 +661,7 @@ async function loadBlock(block) { await Promise.all([cssLoaded, decorationComplete]); } catch (error) { // eslint-disable-next-line no-console - console.log(`failed to load block ${blockName}`, error); + console.warn(`failed to load block ${blockName}`, error); } block.dataset.blockStatus = 'loaded'; } diff --git a/scripts/scripts.js b/scripts/scripts.js index 1e206db924..892596c9ab 100644 --- a/scripts/scripts.js +++ b/scripts/scripts.js @@ -33,6 +33,213 @@ export function moveAttributes(from, to, attributes) { }); } +/* helper script start */ +export function renderHelper(data, template, callBack) { + var dom = document.createElement("div"); + dom.innerHTML = template; + var loopEl = dom.getElementsByClassName("forName"); + Array.prototype.slice.call(loopEl).forEach(function (eachLoop) { + var templates = ''; + var localtemplate = eachLoop.innerHTML; + for (var key in data) { + if (Object.hasOwnProperty.call(data, key)) { + var element = data[key]; + // data.forEach(function (element, index) { + var dataItem = callBack ? callBack(element, key) : element; + var keys = Object.keys(dataItem); + var copyTemplate = localtemplate; + copyTemplate.split("{").forEach(function (ecahKey) { + var key = ecahKey.split("}")[0]; + var keys = key.split("."); + var value = dataItem; + keys.forEach(function (key) { + if (value && value.hasOwnProperty(key)) { + value = value[key]; + } else { + value = ""; + } + }); + copyTemplate = copyTemplate.replace("{" + key + "}", value); + }); + templates += copyTemplate; + // }); + } + } + eachLoop.outerHTML = templates; + }); + return dom.innerHTML; +} + +export function fetchAPI(method, url, data) { + return new Promise(async function (resolve, reject) { + try { + const resp = await fetch(url); + resolve(resp); + } catch (error) { + reject(error); + } + }) +} + +export function getProps(block, config) { + return Array.from(block.children).map(function (el, index) { + if (config?.picture) { + return el.innerHTML.includes("picture") ? el.querySelector("picture") : el.innerText.trim(); + } else if (config?.index && config?.index.includes(index)) { + return el; + } else { + return el.innerHTML.includes("picture") ? el.querySelector("img").src.trim() : el.innerText.trim(); + } + }) +} + +export function currenyCommaSeperation(x) { + if (typeof x === "number") { + x = x.toString(); + } + + // Split the number into integral and decimal parts + const parts = x.split("."); + let integralPart = parts[0]; + const decimalPart = parts[1] ? `.${parts[1]}` : ''; + + // Add commas after every two digits from the right in the integral part + integralPart = integralPart.replace(/\d(?=(\d{2})+\d$)/g, '$&,'); + + return integralPart + decimalPart; +} + +export function createCarousle(block, prevButton, nextButton) { + block.parentElement.append(prevButton); + block.parentElement.append(nextButton); + prevButton.addEventListener("click", prevSlide); + nextButton.addEventListener("click", nextSlide); + let currentSlide = 0; + let isDragging = false; + let startPos = 0; + let currentTranslate = 0; + let prevTranslate = 0; + const carousel = block; + const carouselInner = document.querySelector('#carouselInner'); + const slides = document.querySelectorAll('.carousel-item'); + const totalSlides = slides.length; + + let visibleSlides = getVisibleSlides(); // Get initial number of visible slides + + carousel.addEventListener('mousedown', dragStart); + carousel.addEventListener('mouseup', dragEnd); + carousel.addEventListener('mouseleave', dragEnd); + carousel.addEventListener('mousemove', drag); + + carousel.addEventListener('touchstart', dragStart); + carousel.addEventListener('touchend', dragEnd); + carousel.addEventListener('touchmove', drag); + + carousel.addEventListener('wheel', scrollEvent); // Add scroll event listener + window.addEventListener('resize', () => { + visibleSlides = getVisibleSlides(); + setPositionByIndex(); + }); + + function dragStart(event) { + isDragging = true; + startPos = getPositionX(event); + carouselInner.style.transition = 'none'; + } + + function dragEnd() { + isDragging = false; + const movedBy = currentTranslate - prevTranslate; + + if (movedBy < -100) { + nextSlide(); + } else if (movedBy > 100) { + prevSlide(); + } else { + setPositionByIndex(); + } + } + + function drag(event) { + if (isDragging) { + const currentPosition = getPositionX(event); + currentTranslate = prevTranslate + currentPosition - startPos; + carouselInner.style.transform = `translateX(${currentTranslate}px)`; + } + } + + function getPositionX(event) { + return event.type.includes('mouse') ? event.pageX : event.touches[0].clientX; + } + + function getVisibleSlides() { + return window.innerWidth <= 600 ? 2 : 4; + } + + function showSlide(index) { + if (index >= slides.length) { + // currentSlide = 0; + } else if (index < 0) { + // currentSlide = slides.length - 1; + } else { + } + currentSlide = Math.max(0, Math.min(index, totalSlides - visibleSlides)); + setPositionByIndex(); + } + + function setPositionByIndex() { + currentTranslate = currentSlide * -carouselInner.clientWidth / visibleSlides; + prevTranslate = currentTranslate; + carouselInner.style.transition = 'transform 0.5s ease'; + carouselInner.style.transform = `translateX(${currentTranslate}px)`; + } + + function nextSlide() { + showSlide(currentSlide + 1); + checkLastChildVisibility(); + } + + function prevSlide() { + showSlide(currentSlide - 1); + checkLastChildVisibility(); + } + + function scrollEvent(event) { + if (event.deltaY < 0) { + prevSlide(); + } else { + nextSlide(); + } + event.preventDefault(); + } + + // Initialize the carousel + showSlide(currentSlide); + + // Check if the last child is visible in the viewport + function checkLastChildVisibility() { + const lastChild = carouselInner.lastElementChild; + const observer = new IntersectionObserver((entries) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + console.log('Last child is visible in the viewport - new'); + } else { + console.log('Last child is not visible in the viewport - new '); + } + }); + }, { + root: carousel, + threshold: 0.1 + }); + + observer.observe(lastChild); + } + + // Initialize the observer for the first time + checkLastChildVisibility(); +} +/* helper script end */ + /** * Move instrumentation attributes from a given element to another given element. * @param {Element} from the element to copy attributes from @@ -149,6 +356,53 @@ async function loadPage() { await loadEager(document); await loadLazy(document); loadDelayed(); + await loadingCustomCss(); } loadPage(); + + +async function loadingCustomCss() { + // load custom css files + var loadCssArray = [ + `${window.hlx.codeBasePath}/styles/loanproducts/loanproducts.css`, + `${window.hlx.codeBasePath}/styles/calculator/calculator.css`, + `${window.hlx.codeBasePath}/styles/choose-us/choose-us.css`, + `${window.hlx.codeBasePath}/styles/download-piramal/download-piramal.css`, + `${window.hlx.codeBasePath}/styles/our-media/our-media.css`, + `${window.hlx.codeBasePath}/styles/piramal-since/piramal-since.css`, + `${window.hlx.codeBasePath}/styles/about-us-company/about-us-company.css`, + `${window.hlx.codeBasePath}/styles/reset.css`, + `${window.hlx.codeBasePath}/styles/key-features/key-features.css`, + `${window.hlx.codeBasePath}/styles/metro-cities/metro-cities.css`, + `${window.hlx.codeBasePath}/styles/articles-carousel/articles-carousel.css`, + `${window.hlx.codeBasePath}/styles/details-verification/details-verification.css`, + `${window.hlx.codeBasePath}/styles/elgibility-criteria/elgibility-criteria.css`, + `${window.hlx.codeBasePath}/styles/table/table.css`, + `${window.hlx.codeBasePath}/styles/tab-with-cards/tab-with-cards.css`, + `${window.hlx.codeBasePath}/styles/e-auction/e-auction.css`, + `${window.hlx.codeBasePath}/styles/list-content/list-content.css`, + `${window.hlx.codeBasePath}/styles/real-estate-banner/real-estate-banner.css`, + `${window.hlx.codeBasePath}/styles/rte-wrapper/rte-wrapper.css`, + `${window.hlx.codeBasePath}/styles/partnerships-cards/partnerships-cards.css`, + `${window.hlx.codeBasePath}/styles/knowledge-card-carousel/knowledge-card-carousel.css`, + `${window.hlx.codeBasePath}/styles/board-of-directors/board-of-directors.css`, + `${window.hlx.codeBasePath}/styles/ratings-card/ratings-card.css`, + `${window.hlx.codeBasePath}/styles/partnership-cards-tab/partnership-cards-tab.css`, + `${window.hlx.codeBasePath}/styles/company-details/company-details.css`, + `${window.hlx.codeBasePath}/styles/years-info-tab/years-info-tab.css`, + `${window.hlx.codeBasePath}/styles/media/media.css`, + `${window.hlx.codeBasePath}/styles/partnership/partnership.css`, + `${window.hlx.codeBasePath}/styles/rupee-cards/rupee-card.css`, + ] + + loadCssArray.forEach(async (eachCss) => { + await loadCSS(eachCss); + }); + +} + +document.querySelector("body").addEventListener("click", function (e) { + e.stopImmediatePropagation(); + e.currentTarget.querySelector(".stake-pop-up.dp-block")?.classList.remove("dp-block"); +}) \ No newline at end of file diff --git a/styles/about-us-company/about-us-company.css b/styles/about-us-company/about-us-company.css new file mode 100644 index 0000000000..3215a488c0 --- /dev/null +++ b/styles/about-us-company/about-us-company.css @@ -0,0 +1,191 @@ +/* Director Banner Start*/ + +.section.teaser-container-about-us { + padding: 0; + margin: 0 !important; + background-color: #365069; +} + +.section.teaser-container-about-us .teaser-wrapper { + position: relative; +} + +.section.teaser-container-about-us .teaser-wrapper .teaser { + overflow: unset; + padding-top: 49px; + min-height: 485px; +} + +.section.teaser-container-about-us .teaser-wrapper .teaser .front-picture { + height: 365px; + width: 440px; + position: absolute; + bottom: 0; + right: 0; +} + +.section.teaser-container-about-us .teaser-wrapper .teaser .front-picture picture img { + height: 365px; + width: 440px; + display: block; +} + +.section.teaser-container-about-us .teaser-wrapper .teaser .foreground { + display: block; + min-height: 485px; +} + +.section.teaser-container-about-us .teaser-wrapper .teaser .foreground .text { + padding: 130px 0; + justify-content: center; + max-width: 640px; + width: 100%; +} + +.section.teaser-container-about-us .teaser-wrapper .teaser .foreground .text .long-description { + margin-bottom: 32px; +} + +.section.teaser-container-about-us .teaser-wrapper .teaser .foreground .text .long-description>p { + color: #fff; + font-family: 'Nunito-Regular', sans-serif; + font-size: 24px; + font-weight: 400; + line-height: 32px; +} + +.section.teaser-container-about-us .teaser-wrapper .teaser .foreground .text .short-description p { + font-size: 16px; + color: var(--white); +} + +.section.teaser-container-about-us .teaser-wrapper .teaser .foreground .text .short-description { + display: block; +} + +.section.teaser-container-about-us .teaser-wrapper .teaser .foreground .text .short-description p strong { + font-size: 24px; + display: block; + font-family: ' Nunito-Bold', sans-serif; +} + +@media screen and (max-width:768px) { + .section.teaser-container-about-us { + padding: 0 16px; + } + + .section.teaser-container-about-us .teaser-wrapper .teaser { + padding-top: 9px; + min-height: auto; + } + + .section.teaser-container-about-us .teaser-wrapper .teaser .front-picture, + .section.teaser-container-about-us .teaser-wrapper .teaser .front-picture picture img { + height: 170px; + width: 200px; + } + + .section.teaser-container-about-us .teaser-wrapper .teaser .foreground { + min-height: auto; + } + + .section.teaser-container-about-us .teaser-wrapper .teaser .foreground .text { + padding: 3pc 0 190px; + max-width: 97%; + } + + .section.teaser-container-about-us .teaser-wrapper .teaser .foreground .text .long-description, + .section.teaser-container-about-us .teaser-wrapper .teaser .foreground .text .short-description { + display: block; + } + + .section.teaser-container-about-us .teaser-wrapper .teaser .foreground .text .long-description>p { + font-size: 14px; + line-height: 20px; + } + + .section.teaser-container-about-us .teaser-wrapper .teaser .foreground .text .short-description p strong { + font-size: 16px; + } +} + + +/* Director Banner End*/ + +/* About us Buttons Start */ +.section.about-us-buttons .default-content-wrapper { + display: flex; + column-gap: 54px; + row-gap: 10px; + justify-content: start; + align-items: center; + flex-wrap: wrap; + margin-bottom: 0 !important; + margin-top: 32px !important; +} + +.section.about-us-buttons .default-content-wrapper p { + margin: 0; + border: 1px solid #333; + border-radius: 50px; + position: relative; +} + +.section.about-us-buttons .default-content-wrapper p::after { + border-radius: 1px; + border-right: 2px solid #ccc; + content: ""; + height: 22px; + position: absolute; + right: -24px; + top: 26%; + width: 2px; +} + +.section.about-us-buttons .default-content-wrapper p:last-child::after { + display: none; +} + +.section.about-us-buttons .default-content-wrapper p a { + display: block; + text-align: center; + background: transparent; + margin: 0; + color: #333; + font-family: 'Nunito-Bold', sans-serif; + padding: 8px 16px 7px; + font-size: 16px; + font-weight: 700; + line-height: 24px; + border: 0; +} + +.section.about-us-buttons .default-content-wrapper p a:active { + background-color: #365069; + color: #fff; +} + +/* About us Buttons End */ + +/* Who we are text Start */ +.section.about-us-text .default-content-wrapper p:first-child { + margin: 0; + color: #000; + display: block; + font-family: Nunito-Extrabold, sans-serif; + font-size: 32px; + font-weight: 800; + line-height: 40px; + margin-bottom: 8px; +} + +.section.about-us-text .default-content-wrapper p:last-child { + margin: 0; + color: #000; + font-family: Nunito-Regular, sans-serif; + font-size: 18px; + font-weight: 400; + line-height: 24px; +} + +/* Who we are text End */ \ No newline at end of file diff --git a/styles/articles-carousel/articles-carousel.css b/styles/articles-carousel/articles-carousel.css new file mode 100644 index 0000000000..efed74dd22 --- /dev/null +++ b/styles/articles-carousel/articles-carousel.css @@ -0,0 +1,228 @@ +.section.carousel-articles-wrapper .default-content-wrapper #recommended-articles{ + color: #000; + display: block; + font-family: Nunito-Extrabold, sans-serif; + font-size: 2pc; + font-weight: 800; + line-height: 40px; + padding-bottom: 8px; +} +.section.carousel-articles-wrapper .default-content-wrapper p{ + color: #666; + display: block; + font-family: Nunito-Regular, sans-serif; + font-size: 20px; + font-weight: 400; + line-height: 28px; + padding-bottom: 8px; +} +.section.carousel-articles-wrapper .carousel-wrapper .carousel .panel-container .teaser .background .foreground{ + padding: 0 16px 24px; +} +.section.carousel-articles-wrapper .carousel-wrapper .carousel .panel-container .teaser .background{ + position: unset; + align-items: center; + border-radius: 16px; + display: flex; + flex-direction: column; + height: 100%; + width: 100%; + padding: 8px; + box-shadow: 0 4px 9pt rgba(51, 51, 51, .08); +} +.section.carousel-articles-wrapper .carousel-wrapper .carousel .panel-container .teaser .background .front-picture picture img{ + border-radius: 20px; + height: 92px; + object-fit: cover; + width: fit-content; + width: 100%; +} +.section.carousel-articles-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-prev div div picture img, +.section.carousel-articles-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-next div div picture img{ + border: 1px solid #365069; + border-radius: 50%; + bottom: 50%; + color: #365069; + height: 40px; + margin-top: unset; + right: -60px !important; + top: 50%; + width: 40px; +} +.section.carousel-articles-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-prev, +.section.carousel-articles-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-next{ + background: unset; +} +.section.carousel-articles-wrapper .carousel-wrapper .carousel{ + position: relative; + margin-top: 24px; + margin: 0 38px; +} +.section.carousel-articles-wrapper .default-content-wrapper{ + padding: 0 38px; +} +.section.carousel-articles-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-prev{ + padding: unset; + margin: unset; + position: absolute; + left: -8%; + top: 42%; +} +.section.carousel-articles-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-next{ + padding: unset; + margin: unset; + position: absolute; + right: -9%; + top: 43%; +} +.section.carousel-articles-wrapper .button-container a{ + color: #f26841; + font-family: Nunito-Bold, sans-serif; + font-size: 24px; + font-weight: 700; + line-height: 2pc; + background: unset; + margin-right: 8px; + position: relative; +} +.section.carousel-articles-wrapper .long-description ul li a { + color: #333; + display: inline-block; + font-family: Nunito-Regular, sans-serif; + font-size: 1pc; + font-weight: 400; + line-height: 24px; + text-align: start; + text-decoration: none; +} +.section.carousel-articles-wrapper .default-content-wrapper .button-container{ + text-align: center; + position: relative; +} + +.section.carousel-articles-wrapper .default-content-wrapper .button-container a { + color: #f26841; + font-family: Nunito-Bold, sans-serif; + font-size: 24px; + font-weight: 700; + line-height: 2pc; + margin-right: 8px; + background: unset; + display: inline-block; + padding: unset; + margin: unset; + overflow: unset; +} +.section.carousel-articles-wrapper .default-content-wrapper .button-container ::after{ + content: ''; + position: absolute; + border: solid #f26841; + border-width: 0 2px 2px 0; + display: inline-block; + padding: 3px; + top: 11px; + height: 3px; + width: 3px; + right: -16px; + border-radius: 2px; + transform: rotate(-45deg); +} +.section.carousel-articles-wrapper .carousel.block .panel-container .teaser.block{ + width: 27%; + padding: 8px; + margin-right: 10px; +} +.section.carousel-articles-wrapper .panel-container{ + width: 100%; + display: flex; + align-items: center; +} +.section.carousel-articles-wrapper .foreground .text .long-description ul{ + display: grid; + grid-template-columns: repeat(1, 1fr); +} +.section.carousel-articles-wrapper .foreground .text .long-description ul li:first-child{ + margin-bottom: 16px; + grid-column: 1 / span 2; + +} +.section.carousel-articles-wrapper .foreground .text .long-description ul li:nth-child(2), +.section.carousel-articles-wrapper .foreground .text .long-description ul li:nth-child(3) { + grid-column: span 1; + color: #999; + font-family: Nunito-Regular, sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 20px; + } + .section.carousel-articles-wrapper .default-content-wrapper .button-container{ + margin-top: 24px; + } +@media screen and (max-width: 767.99px) { + .section.carousel-articles-wrapper .carousel.block .panel-container .teaser.block{ + width: 100%; + } + .section.carousel-articles-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-prev, + .section.carousel-articles-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-next{ + display: none; + } + .section.carousel-articles-wrapper .carousel-wrapper .carousel .button-container button{ + height: 4px; + width: 4px; + margin: 0 4px; + background: var(--swiper-pagination-bullet-inactive-color, #000); + opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); + } + .section.carousel-articles-wrapper .carousel .button-container button.selected{ + background-color: #000; + border-radius: 4px; + height: 4px; + width: 16px; + opacity: 1; + } + .section.carousel-articles-wrapper .carousel-wrapper .carousel .button-container{ + display: flex; + padding-top: 45px; + } + .section.carousel-articles-wrapper .carousel-wrapper .carousel .panel-container .teaser .background .front-picture picture img{ + display: block; + } + .section.carousel-articles-wrapper .default-content-wrapper #recommended-articles{ + font-size: 20px; + line-height: 28px; + padding-bottom: 4px; + } + .section.carousel-articles-wrapper .carousel-wrapper .carousel{ + margin-top: unset; + } + .section.carousel-articles-wrapper .default-content-wrapper .button-container a{ + font-size: 18px; + line-height: 28px; + } + .section.carousel-articles-wrapper .default-content-wrapper .button-container{ + margin-top: 24px; + } + .section.carousel-articles-wrapper .default-content-wrapper p{ + display: none; + } + .section.carousel-articles-wrapper .default-content-wrapper .button-container{ + display: block; + } + .section.carousel-articles-wrapper .carousel-wrapper .carousel{ + margin: unset; + } + .section.carousel-articles-wrapper .default-content-wrapper .button-container ::after{ + top: 8px; + } +} +@media (min-width: 768px) and (max-width: 1024px) { + .section.carousel-articles-wrapper .carousel.block .panel-container .teaser.block{ + width: 40%; + } + .section.carousel-articles-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-prev{ + left: -6%; + } + .section.carousel-articles-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-next{ + right: -8%; + } +} \ No newline at end of file diff --git a/styles/board-of-directors/board-of-directors.css b/styles/board-of-directors/board-of-directors.css new file mode 100644 index 0000000000..0b5f335eb9 --- /dev/null +++ b/styles/board-of-directors/board-of-directors.css @@ -0,0 +1,130 @@ +.section.board-of-directors-wrapper .default-content-wrapper #board-of-directors{ + font-family: Nunito-Extrabold, sans-serif; + font-size: 40px; + line-height: 48px; + margin-bottom: 40px; +} +.section.board-of-directors-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .teaserv2-wrapper .teaserv2 { + position: relative; +} +.section.board-of-directors-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .teaserv2-wrapper .teaserv2:hover::after { + display: block; +} +.section.board-of-directors-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .teaserv2-wrapper .teaserv2::after{ + content: ''; + position: absolute; + display: none; + width: 35px; + height: 35px; + background-size: contain; + background-position: center; + right: 0; + bottom: 0; + background-image: url('https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/product-page/home-loan/MoreButton.png'); +} +.section.board-of-directors-wrapper .teaserv2-wrapper .teaserv2 a .bg-image{ + background-repeat: no-repeat; + display: block; + height: 227px; + width: 227px; + background-size: 100%; + background-position: 100% 100%; +} +.section.board-of-directors-wrapper .teaserv2-wrapper .teaserv2 .front-image picture img{ + display: none; +} +.section.board-of-directors-wrapper .teaserv2-wrapper .teaserv2:hover .front-image picture img{ + display: block; + text-decoration: none; + object-fit: contain; + background-size: 100%; + background-position: 100% 100%; + background-repeat: no-repeat; + +} +.section.board-of-directors-wrapper .wrapper-creation-container{ + display: grid; + gap: 24px; + grid-template-columns: auto auto auto; + justify-content: space-between; +} +.section.board-of-directors-wrapper .title{ + position: absolute; + bottom: -31px; + color: #000; + font-family: Nunito-Bold, sans-serif; + font-size: 18px; + font-weight: 700; + line-height: 28px; +} +.section.board-of-directors-wrapper .description{ + text-decoration: none; + color: #000; + font-family: Nunito-regular, sans-serif; + font-size: 16px; + line-height: 24px; + position: absolute; + bottom: -54px; +} +.section.board-of-directors-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-prev div div picture img, +.section.board-of-directors-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-next div div picture img{ + border: 1px solid #365069; + border-radius: 50%; + bottom: 50%; + color: #365069; + height: 40px; + margin-top: unset; + right: -60px !important; + top: 50%; + width: 40px; +} +.section.board-of-directors-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-prev, +.section.board-of-directors-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-next{ + background: unset; +} +.section.board-of-directors-wrapper .carousel-wrapper .carousel{ + position: relative; + margin-top: 24px; + margin: 0 38px; +} +.section.board-of-directors-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-prev{ + padding: unset; + margin: unset; + position: absolute; + left: -8%; + top: 42%; +} +.section.carousel-articles-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-next{ + padding: unset; + margin: unset; + position: absolute; + right: -9%; + top: 43%; +} +@media (max-width: 786px) { + .section.board-of-directors-wrapper .wrapper-creation-container{ + grid-template-columns: 1fr 1fr; + justify-content: space-around; + } + .section.board-of-directors-wrapper .description{ + font-size: 12px; + line-height: 16px; + left: 0%; + bottom: -52px; + } + .section.board-of-directors-wrapper .title{ + font-size: 14px; + line-height: 20px; + bottom: -38px; + } + .section.board-of-directors-wrapper .teaserv2-wrapper .teaserv2 a .bg-image{ + height: 152px; + width: 152px; + } + .section.board-of-directors-wrapper .wrapper-creation-container .teaserv2-wrapper{ + min-height: 208px; + } + .section.board-of-directors-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .teaserv2-wrapper .teaserv2:hover::after{ + display: none; + } +} \ No newline at end of file diff --git a/styles/calculator/calculator.css b/styles/calculator/calculator.css new file mode 100644 index 0000000000..376d766ecb --- /dev/null +++ b/styles/calculator/calculator.css @@ -0,0 +1,151 @@ +/* Calculator Start */ + +.section.calculator-section-wrapper .default-content-wrapper h2 { + margin: 0; + color: #000; + display: block; + font-family: Nunito-Extrabold, sans-serif; + font-size: 32px; + font-weight: 800; + line-height: 40px; + padding-bottom: 8px; +} + +.section.calculator-section-wrapper .default-content-wrapper p { + margin: 0; + margin-bottom: 24px; + color: #666; + display: block; + font-family: Nunito-Regular, sans-serif; + font-size: 20px; + font-weight: 400; + line-height: 28px; + padding-bottom: 8px; +} + +.section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container { + display: flex; + flex-wrap: wrap; + gap: 2%; + row-gap: 24px; +} + +.section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container .teaserv2-wrapper { + border-radius: 20px; + cursor: pointer; + height: 150px; + overflow: hidden; + width: 49%; + position: relative; +} + +.section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container .teaserv2-wrapper .block>a .bg-image .front-image picture img { + display: block; + width: 100%; + height: 150px; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + transition-timing-function: linear; + transition-duration: .2s +} + +.section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container .teaserv2-wrapper .block>a .bg-image .front-image picture img:hover { + transform: scale(1.25); + transition-timing-function: linear; + transition-duration: .2s +} + +.section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container .teaserv2-wrapper .block>a .bg-image .title { + position: absolute; + top: 24px; + left: 24px; + color: #fff; + font-family: 'Nunito-Bold', sans-serif; + font-size: 24px; + font-weight: 700; + line-height: 32px; +} + +.section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container .teaserv2-wrapper .block>a .bg-image .button-container-text { + margin: 0; + position: absolute; + top: 80px; + left: 24px; + background: #f26841; + border-radius: 8px; + color: #fff; + font-family: Nunito-Bold, sans-serif; + font-size: 14px; + font-weight: 700; + line-height: 20px; + padding: 15.5px 17.5px; +} + +@media screen and (max-width:1024px) { + .section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container { + flex-wrap: unset; + gap: 24px; + } + + .section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container .teaserv2-wrapper { + height: 110px; + } + + .section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container .teaserv2-wrapper .block>a .bg-image .title { + left: 16px; + top: 16px; + } + + .section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container .teaserv2-wrapper .block>a .bg-image .button-container-text { + padding: 9.5px 10.5px; + top: 54px; + left: 16px; + } +} + +@media screen and (max-width:768px) { + .section.calculator-section-wrapper .default-content-wrapper h2 { + font-size: 20px; + line-height: 28px; + padding-bottom: 4px; + } + + .section.calculator-section-wrapper .default-content-wrapper p { + margin-bottom: 20px; + font-size: 14px; + line-height: 20px; + padding-bottom: 4px; + } + + .section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container { + flex-direction: column; + gap: 16px; + } + + .section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container .teaserv2-wrapper { + height: 110px; + width: 100%; + } + + .section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container .teaserv2-wrapper .block>a .bg-image .front-image picture img { + height: 110px; + } + + .section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container .teaserv2-wrapper .block>a .bg-image .title { + top: 16px; + left: 16px; + font-size: 16px; + line-height: 24px; + } + + .section.calculator-section-wrapper .wrappercreation-wrapper .block .wrapper-creation-container .teaserv2-wrapper .block>a .bg-image .button-container-text { + top: 60px; + left: 16px; + font-size: 14px; + line-height: 20px; + padding: 9px 11.21px; + } +} + +/* Calculator End */ \ No newline at end of file diff --git a/styles/choose-us/choose-us.css b/styles/choose-us/choose-us.css new file mode 100644 index 0000000000..3e99e72ece --- /dev/null +++ b/styles/choose-us/choose-us.css @@ -0,0 +1,161 @@ +/* choose us start */ + +.section.choose-us-css .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; + margin: 0; +} + +.section.choose-us-css .default-content-wrapper p { + margin-bottom: 24px; + color: var(--gradient-gray); + display: block; + font-family: 'Nunito-Regular', sans-serif; + font-size: 20px; + font-weight: 400; + line-height: 28px; + padding-bottom: 8px; + margin: 0; +} + +.choose-us-css>.columns-wrapper>.columns.block { + margin-top: 20px; +} + +.choose-us-css .columns-wrapper .columns>div { + align-items: flex-start; + column-gap: 80px; +} + +.section.choose-us-css .columns-wrapper .columns>div:nth-child(2) { + padding-top: 40px; +} + +.section.choose-us-css .columns-wrapper .columns div div>p { + margin: 0; +} + +.section.choose-us-css .columns-wrapper .columns div div :nth-child(1) { + height: 72px; + width: 72px; +} + +.section.choose-us-css .columns-wrapper .columns div div>p>picture>img { + height: 72px; + width: 72px; +} + +.section.choose-us-css .columns-wrapper .columns div div :nth-child(2) { + color: #333; + font-family: Nunito-Extrabold, sans-serif; + font-size: 20px; + font-weight: 800; + line-height: 28px; + padding: 16px 0; +} + +.section.choose-us-css .columns-wrapper .columns div div :nth-child(3) { + color: #666; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; +} + +/* home loan finance start */ + +.section.home-loan-finance-wrapper .columns-wrapper .columns>div { + column-gap: 176px; +} + +.section.home-loan-finance-wrapper .columns-wrapper .columns>div:nth-child(3) { + padding-top: 40px; +} + +.section.home-loan-finance-card-fw .columns-wrapper .columns.block>div:last-child>div { + flex: auto; +} + +.section.home-loan-finance-card-fw .columns-wrapper .columns.block>div:last-child { + column-gap: 0; + padding-top: 40px; +} + +/* home loan finance end */ + +@media screen and (max-width: 1024px) { + .section.choose-us-css .default-content-wrapper h2 { + font-size: 20px; + line-height: 28px; + padding-bottom: 4px; + } + + .section.choose-us-css .default-content-wrapper p { + font-size: 14px; + line-height: 20px; + padding-bottom: 4px; + } + + .section.choose-us-css .rte-wrapper .rte div>div { + margin-bottom: 20px; + } + + .section.choose-us-css .columns-wrapper .columns>div { + row-gap: 24px; + } + + .section.choose-us-css .columns-wrapper .columns>div:nth-child(2) { + padding-top: 24px; + } + + .section.choose-us-css .columns-wrapper .columns>div>div { + width: 100%; + } + + .section.choose-us-css .columns-wrapper .columns div div :nth-child(1) { + height: 48px; + width: 40px; + } + + .section.choose-us-css .columns-wrapper .columns div div>p>picture>img { + height: 48px; + width: 40px; + } + + .section.choose-us-css .columns-wrapper .columns div div :nth-child(2) { + color: #333; + font-family: Nunito-Bold, sans-serif; + font-size: 16px; + font-weight: 700; + line-height: 24px; + padding: 8px 0 12px; + } + + .section.home-loan-finance-wrapper .columns-wrapper .columns>div:nth-child(2) { + padding-top: 24px; + } + + .section.home-loan-finance-wrapper .columns-wrapper .columns>div:nth-child(3) { + padding-top: 24px; + } + + .choose-us-css .default-content-wrapper h2 { + font-size: 1.25rem; + } + + .choose-us-css .default-content-wrapper p { + font-size: .875rem; + line-height: 1.25rem; + } + + .section.home-loan-finance-card-fw .columns-wrapper .columns.block>div:last-child { + padding-top: 24px; + } +} + +/* choose us end */ \ No newline at end of file diff --git a/styles/company-details/company-details.css b/styles/company-details/company-details.css new file mode 100644 index 0000000000..d40b69267e --- /dev/null +++ b/styles/company-details/company-details.css @@ -0,0 +1,230 @@ + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details>div>p { + display: none; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details>div>ul { + display: flex; + flex-wrap: wrap; + gap: 54px; + overflow-x: hidden; + margin: 32px 0 56px; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details>div>ul>li a { + align-items: center; + border: 1px solid var(--darkcharcoal); + border-radius: 50px; + display: flex; + padding: 8px 16px 7px; + position: relative; + color: var(--darkcharcoal); + font-family: 'Nunito-Bold',sans-serif; + font-size: 16px; + font-weight: 700; + line-height: 24px; + text-decoration: none; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block>div>div>ul>li a:after { + border-radius: 1px; + border-right: 2px solid #ccc; + content: ""; + height: 22px; + position: absolute; + right: -24px; + top: 26%; + width: 2px; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block>div>div>ul>li:last-child a::after { + content: none; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details>div>ul>li>strong>a { + background-color: var(--greyishblue); + color: var(--white); + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .text.legal-mobile-text { + display: none; + } + + + @media screen and (max-width:1024px) { + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .text.legal-mobile-text { + display: block; + padding: 24px 0; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .text.legal-mobile-text .cmp-text { + position: relative; + border-bottom: 1px solid var(--zinc); + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .text.legal-mobile-text .cmp-text::after { + color: var(--black); + content: ""; + position: absolute; + right: 5px; + top: 32px; + border: solid var(--black); + border-width: 0 2px 2px 0; + display: inline-block; + padding: 3px; + transform: rotate(45deg); + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .text.legal-mobile-text .cmp-text p:first-child { + color: var(--greyishblue); + font-family: 'Nunito-Regular',sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 20px; + margin-bottom: 4px; + pointer-events: none; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .text.legal-mobile-text .cmp-text p:nth-child(2) { + color: var(--black); + font-family: 'Nunito-Bold',sans-serif; + font-size: 16px; + font-weight: 700; + line-height: 24px; + padding-bottom: 4px; + z-index: 1; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details>div>p { + text-align: center; + border-bottom: 1px solid var(--whisper); + display: block; + padding: 37px 0 16px; + color: var(--blackpearl); + font-family: 'Nunito-Bold',sans-serif; + font-size: 18px; + font-weight: 700; + line-height: 27px; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details>div>ul>li a { + align-items: center; + border: unset; + border-radius: 50px; + position: relative; + text-decoration: none; + color: rgba(0,0,0,.871); + font-family: 'Nunito-Regular',sans-serif; + font-size: 1pc; + font-weight: 400; + line-height: 24px; + margin-top: 16px; + padding: 0 16px 0 48px; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block>div>div>ul>li>strong>a { + background-color: transparent; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details>div>ul>li:last-child a { + padding-bottom: 32px; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details>div>ul>li a::before { + border: 1px solid var(--orange); + border-radius: 50%; + content: ""; + display: block; + height: 15px; + left: 0; + margin: 0 1pc; + position: absolute; + top: 4px; + width: 15px; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details>div>ul>li>strong a::after { + background: var(--orange); + border-radius: 50%; + content: ""; + display: block; + height: 9px; + left: 4px; + margin: 0 1pc; + position: absolute; + top: 8px; + width: 9px; + border: unset; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details>div>ul { + gap: 0; + margin: 0; + flex-direction: column; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details>div>ul>li>strong>a { + color: var(--black); + background-color: transparent; + font-family: 'Nunito-Bold',sans-serif; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details { + display: none; + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details>div>::before { + background-color: var(--silver); + content: ""; + display: block; + height: 4px; + left: 0; + margin-left: auto; + margin-right: auto; + margin-top: 10px; + position: absolute; + right: 0; + top: 0; + transform: translateY(-50%); + width: 30px; + } + + /* Modal and Overlay Styles */ + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details { + display: none; + display: flex; + outline: 0; + z-index: 1200; + position: fixed; + overflow-y: auto; + flex-direction: column; + top: auto; + left: 0; + right: 0; + bottom: 0; + height: auto; + background-color: var(--white); + border-radius: 16px 16px 0 0; + transform: translateY(100%); + transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1); + } + + .section.company-details-wrapper .tab-link-wrapper .tab-link.block .compony-details.model-mob-hide { + transform: translateY(0); + } + + .body-overlay { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 1100; + display: none; + } + + body.overlay-active .body-overlay { + display: block; + backdrop-filter: blur(0); + } + } \ No newline at end of file diff --git a/styles/details-verification/details-verification.css b/styles/details-verification/details-verification.css new file mode 100644 index 0000000000..148157d626 --- /dev/null +++ b/styles/details-verification/details-verification.css @@ -0,0 +1,257 @@ +/* Embedd Wrapper Start */ + +.section.embed-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: 32px; +} + +.section.embed-wrapper .embed-wrapper .embed { + margin: 0 auto; + max-height: 458px; + max-width: 1022px; + position: relative; + width: 100%; +} + +.section.embed-wrapper .embed-wrapper .embed .embed-placeholder { + position: unset; +} + +.section.embed-wrapper .embed-wrapper .embed .embed-placeholder>picture>img { + border-radius: 24px; + height: 100%; + max-width: 1022px; + position: absolute; + top: 0; + width: 100%; +} + +.section.embed-wrapper .embed-wrapper .embed .embed-placeholder .embed-placeholder-play>button { + background-color: #fff; + cursor: pointer; +} + +.section.embed-wrapper .embed-wrapper .embed .embed-placeholder .embed-placeholder-play>button::before { + border-top: 7px solid transparent; + border-bottom: 7px solid transparent; + border-left: 9px solid; + top: 3px; + left: 6px; + color: #f26841; +} + +.section.embed-wrapper .embed-wrapper .embed>div { + max-height: 458px; + max-width: 1022px; +} + +.section.embed-wrapper .embed-wrapper .embed>div>iframe { + border-radius: 24px; + height: 458px; + width: 100% !important; + max-height: 458px; +} + + +@media screen and (max-width: 768px) { + .section.embed-wrapper .default-content-wrapper h2 { + font-size: 20px; + line-height: 28px; + padding-bottom: 4px; + margin-bottom: 20px; + } + + .section.embed-wrapper .embed-wrapper .embed { + min-height: 204px; + max-height: 204px; + max-width: 100%; + } + + .section.embed-wrapper .embed-wrapper .embed>div { + min-height: 204px; + } + + .section.embed-wrapper .embed-wrapper .embed .embed-placeholder { + min-height: 204px; + } + + .section.embed-wrapper .embed-wrapper .embed .embed-placeholder>picture>img { + object-fit: unset; + } + + .section.embed-wrapper .embed-wrapper .embed>div>iframe { + height: 204px; + max-height: 204px; + object-fit: unset; + } + + .section.embed-wrapper .embed-wrapper .embed .embed-placeholder .embed-placeholder-play>button { + width: 11px; + height: 11px; + } + + .section.embed-wrapper .embed-wrapper .embed .embed-placeholder .embed-placeholder-play>button::before { + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + border-left: 4px solid; + top: 1.5px; + left: 2.5px; + height: 5px; + } +} + +@media screen and (min-width: 768px) and (max-width: 1024px) { + .section.embed-wrapper .embed-wrapper .embed .embed-placeholder>picture>img { + object-fit: unset; + } +} + +/* Embedd Wrapper End */ + +/* verification Wrapper Start */ + + +.section.details-verification-wrapper { + display: grid; + width: 100%; + grid-auto-columns: 1fr; + row-gap: 20px; +} + +.section.details-verification-wrapper .teaserv2-wrapper { + width: 100%; + height: 100%; +} + +.section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image { + display: flex; + align-items: center; + width: 100%; + min-height: 168px; + padding: 16px 32px; + position: relative; + border: 1px solid #fac3b3; + border-radius: 16px; +} + +.section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image::after { + background: #fff; + border-bottom: 1px solid #fac3b3; + border-right: 1px solid #fac3b3; + bottom: -15px; + content: ""; + display: block; + height: 28px; + position: absolute; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + width: 28px; +} + +.section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .front-image { + margin: 0 15px; +} + +.section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .front-image picture img { + display: block; + height: 68px; + width: 68px; +} + +.section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .title { + color: #333; + flex-basis: 36.4%; + padding: 0 5px 0 16px; +} + +.section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .title>p { + font-family: 'Nunito-Extrabold', sans-serif; + font-size: 20px; + font-weight: 800; + line-height: 30px; +} + +.section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .description { + width: 58.5%; + border-left: 2px solid #e5e7eb; +} + +.section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .description>ul { + padding-left: 48px; +} + +.section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .description>ul>li { + list-style-type: disc; + color: #333; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 40px; +} + +.section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a:hover { + text-decoration: none; +} + +@media screen and (max-width:768px) { + .section.details-verification-wrapper { + row-gap: 11px; + } + + .section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image { + padding: 16px; + align-items: unset; + flex-direction: column; + } + + .section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image::after { + bottom: -9px; + height: 16px; + width: 16px; + } + + .section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .front-image { + margin: 0; + position: absolute; + top: 16px; + } + + .section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .title { + padding: 4px 4px 16px 47px; + width: 100%; + } + + .section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .title>p { + font-size: 16px; + line-height: 24px; + } + + .section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .front-image picture img { + height: 31px; + width: 31px; + } + + .section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .description { + border-left: 0; + border-top: 2px solid #e5e7eb; + flex-basis: 100%; + padding-top: 16px; + width: 100%; + } + + .section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .description>ul { + padding-left: 40px; + } + + .section.details-verification-wrapper .teaserv2-wrapper .teaserv2.block>a .bg-image .description>ul>li { + font-size: 12px; + line-height: 20px; + } +} + +/* verification Wrapper End */ \ No newline at end of file diff --git a/styles/download-piramal/download-piramal.css b/styles/download-piramal/download-piramal.css new file mode 100644 index 0000000000..92cbedb233 --- /dev/null +++ b/styles/download-piramal/download-piramal.css @@ -0,0 +1,194 @@ +/* download app banner section start */ +.download-piramal-wrapper { + position: relative; +} + +.download-piramal-wrapper .default-content-wrapper p:first-child img { + border-radius: 20px; +} + +.download-piramal-wrapper .default-content-wrapper p:nth-child(4), +.download-piramal-wrapper .default-content-wrapper p:nth-child(5) { + position: absolute; + width: 156px; + height: 52px; + bottom: 20%; + left: 5%; +} + +.download-piramal-wrapper .default-content-wrapper p:nth-child(4) img { + width: 156px; + height: 52px; +} + +.download-piramal-wrapper .default-content-wrapper p:nth-child(3) { + position: absolute; + top: 25%; + font-size: 24px; + font-family: "Nunito-Regular"; + color: #ffffff; + left: 5%; +} + +.download-piramal-wrapper .default-content-wrapper:last-child p { + margin-bottom: 0; +} + +.download-piramal-wrapper .default-content-wrapper p:nth-child(6) { + display: none; +} + +.download-piramal-wrapper .button-container { + display: none; +} + +@media screen and (max-width: 767.99px) { + + .download-piramal-wrapper .default-content-wrapper h4, + .download-piramal-wrapper .default-content-wrapper p:first-child img, + .download-piramal-wrapper .default-content-wrapper p:nth-child(3) .download-piramal-wrapper .default-content-wrapper p:nth-child(4), + .download-piramal-wrapper .default-content-wrapper p:nth-child(5) { + display: none; + } + + .download-piramal-wrapper .default-content-wrapper p:nth-child(6) { + position: absolute; + margin-bottom: -20%; + display: block; + bottom: 20%; + } + + .download-piramal-wrapper .button-container { + display: block; + } + + .section.download-piramal-wrapper div:nth-child(5)>p>a { + display: none; + position: absolute; + background: #f26841; + border-radius: 8px; + color: #fff; + font-family: "Nunito-Bold", sans-serif; + font-size: 12px; + font-weight: 700; + line-height: 16px; + padding: 8px 15px; + bottom: 75px; + left: 40px; + } + + .download-piramal-wrapper .default-content-wrapper:last-child { + position: relative; + left: 1%; + } +} + +.section.download-piramal-wrapper div:nth-child(1)>.imgwithlink>.image-href-desktop>a>picture>img { + display: block; + min-height: 272px; + width: 100%; + border-radius: 20px; +} + +.section.download-piramal-wrapper>div:nth-child(2) { + display: block; + position: absolute; + left: 204px; + top: 50px; + font-size: 30px; + font-family: "Nunito-Regular"; + font-weight: 700; + color: #ffffff; +} + +.section.download-piramal-wrapper>.default-content-wrapper>h4 { + margin: 0; + color: #fff; + font-family: "Nunito-Bold", sans-serif; + font-size: 30px; + font-weight: 700; + line-height: 36px; + margin-bottom: 8px; +} + +.section.download-piramal-wrapper>.default-content-wrapper>p { + margin: 0px; + color: #fff; + font-family: "Nunito-Regular", sans-serif; + font-size: 24px; + font-weight: 400; + line-height: 32px; +} + +.section.download-piramal-wrapper div:nth-child(3), +.section.download-piramal-wrapper div:nth-child(4) { + position: absolute; + top: 162px; +} + +.section.download-piramal-wrapper div:nth-child(3) { + left: 204px; +} + +.section.download-piramal-wrapper div:nth-child(4) { + left: 398px; +} + +.section.download-piramal-wrapper div:nth-child(3)>.imgwithlink>.image-href-desktop>a>picture>img, +.section.download-piramal-wrapper div:nth-child(4)>.imgwithlink>.image-href-desktop>a>picture>img { + height: 52px; + width: 176px; + display: block; +} +@media screen and (min-width: 768px) and (max-width: 1024px) { + .section.download-piramal-wrapper div:nth-child(1)>.imgwithlink>.image-href-desktop>a>picture>img{ + min-height: 256px; + } + .section.download-piramal-wrapper>div:nth-child(2){ + top: 34px; + left: 64px; + } + .section.download-piramal-wrapper>.default-content-wrapper>h4{ + color: #fff; + font-family: Nunito-Bold, sans-serif; + font-size: 24px; + font-weight: 700; + line-height: 2pc; + } + .section.download-piramal-wrapper>.default-content-wrapper>p{ + color: #fff; + font-family: Nunito-Regular, sans-serif; + font-size: 20px; + font-weight: 400; + line-height: 28px; + } + .section.download-piramal-wrapper div:nth-child(3){ + top: 146px; + left: 64px; + } + .section.download-piramal-wrapper div:nth-child(4){ + top: 146px; + left: 260px; + } +} +@media screen and (max-width:768px) { + .section.download-piramal-wrapper div:nth-child(1)>.imgwithlink>.image-href-desktop>a>picture>img { + height: 176px; + min-height: 176px; + } + + .section.download-piramal-wrapper div:nth-child(3), + .section.download-piramal-wrapper div:nth-child(4) { + display: none; + } + + .section.download-piramal-wrapper div:nth-child(2) { + display: none; + } + + .section.download-piramal-wrapper div:nth-child(5)>p>a { + display: block; + } +} + +/* download app banner section end */ \ No newline at end of file diff --git a/styles/e-auction/e-auction.css b/styles/e-auction/e-auction.css new file mode 100644 index 0000000000..0a2affd567 --- /dev/null +++ b/styles/e-auction/e-auction.css @@ -0,0 +1,43 @@ +.section.e-auction-wrapper{ + display: flex; + justify-content: center; + margin: 0 8px; + overflow: hidden; +} +.section.e-auction-wrapper .code-wrapper{ + padding: 10px; + border: 1px solid #333; + width: 90%; +} +.section.e-auction-wrapper .code-wrapper .code.block > div table tbody tr{ + border: 1px solid #c5c4c4; +} +.section.e-auction-wrapper .code-wrapper .code.block > div table tbody tr :nth-child(5){ + width: 200px; +} +.section.e-auction-wrapper .code-wrapper .code.block > div table tbody tr:first-child td{ + background-color: #fa4616; + color: #fff; + padding: 2px; + font-size: 13px; + text-align: center; + font-family: nunito-bold; + border-style: none; +} +.section.e-auction-wrapper .code-wrapper .code.block > div table tbody tr td{ + border: 1px solid #c5c4c4; + padding: 2px; + font-size: 12px; + font-family: nunito-regular; + vertical-align: middle; +} + +@media screen and (max-width: 767.99px){ + .section.e-auction-wrapper .code-wrapper .code{ + overflow-x: scroll; + } + .section.e-auction-wrapper .code-wrapper { + padding: 20px; + width: 100%; + } +} \ No newline at end of file diff --git a/styles/elgibility-criteria/elgibility-criteria.css b/styles/elgibility-criteria/elgibility-criteria.css new file mode 100644 index 0000000000..80ba858abc --- /dev/null +++ b/styles/elgibility-criteria/elgibility-criteria.css @@ -0,0 +1,60 @@ +/* Eligiblity Criteria Start */ +.section.eligibility-criteria-wrapper .default-content-wrapper>h2 { + color: #000; + display: block; + font-family: Nunito-Extrabold, sans-serif; + font-size: 32px; + font-weight: 800; + line-height: 48px; + margin-bottom: 16px; +} + +.section.eligibility-criteria-wrapper .default-content-wrapper>p { + color: #000; + display: block; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; +} + +.section.eligibility-criteria-wrapper .default-content-wrapper>ul { + margin-top: 24px; + list-style: none; +} + +.section.eligibility-criteria-wrapper .default-content-wrapper>ul>li strong { + display: block; + color: #f26841; + font-family: 'Nunito-Bold', sans-serif; + font-size: 18px; + font-weight: 700; + line-height: 28px; + margin-bottom: 8px; +} + +.section.eligibility-criteria-wrapper .default-content-wrapper>ul>li>ul>li { + color: #333; + font-family: 'Nunito-Regular', sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; +} + +@media screen and (max-width:768px) { + .section.eligibility-criteria-wrapper { + margin-bottom: 40px; + } + + .section.eligibility-criteria-wrapper .default-content-wrapper>h2 { + font-size: 18px; + line-height: 27px; + margin-bottom: 8px; + } + + .section.eligibility-criteria-wrapper .default-content-wrapper>ul>li strong { + font-size: 16px; + line-height: 24px; + } +} +/* Eligiblity Criteria Start */ \ No newline at end of file diff --git a/styles/fonts.css b/styles/fonts.css index a9c913fb6e..18f519b434 100644 --- a/styles/fonts.css +++ b/styles/fonts.css @@ -1,5 +1,5 @@ /* stylelint-disable max-line-length */ -@font-face { +/* @font-face { font-family: roboto; font-style: normal; font-weight: 700; @@ -15,4 +15,47 @@ font-display: swap; src: url('../fonts/roboto-regular.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} */ + +@font-face { + font-family: "Nunito-Light"; + font-weight: 300; + font-style: normal; + font-display: swap; + src: url("/fonts/Nunito-Light.woff2") format("woff2"); +} +@font-face { + font-family: "Nunito-Regular"; + font-weight: 400; + font-style: normal; + font-display: swap; + src: url("/fonts/NunitoRegular.woff2") format("woff2"); +} +@font-face { + font-family: "Nunito-Medium"; + font-weight: 500; + font-style: normal; + font-display: swap; + src: url("/fonts/Nunito-Medium.woff2") format("woff2"); } +@font-face { + font-family: "Nunito-Semibold"; + font-weight: 600; + font-style: normal; + font-display: swap; + src: url("/fonts/Nunito-Semibold.woff2") format("woff2"); +} +@font-face { + font-family: "Nunito-Bold"; + font-weight: 700; + font-style: normal; + font-display: swap; + src: url("/fonts/NunitoBold.woff2") format("woff2"); +} +@font-face { + font-family: "Nunito-Extrabold"; + font-weight: 800; + font-style: normal; + font-display: swap; + src: url("/fonts/NunitoExtraBold.woff2") format("woff2"); +} \ No newline at end of file diff --git a/styles/key-features/key-features.css b/styles/key-features/key-features.css new file mode 100644 index 0000000000..95e6e72fda --- /dev/null +++ b/styles/key-features/key-features.css @@ -0,0 +1,174 @@ +/* key feature start */ + +.section.key-feature-wrapper { + background-color: #365069; + padding: 40px 0; +} + +.section.key-feature-wrapper .default-content-wrapper p { + color: #d7dce1; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; + padding-bottom: 8px; +} + +.section.key-feature-wrapper .default-content-wrapper h2 { + color: #fff; + display: block; + font-family: Nunito-Bold, sans-serif; + font-size: 32px; + font-weight: 700; + line-height: 40px; +} + +.section.key-feature-wrapper .cards-wrapper .cards { + margin-top: 24px; +} + +.section.key-feature-wrapper .cards-wrapper .cards ul { + display: flex; + gap: 13px; + justify-content: space-between; + margin-bottom: 48px; +} + +.section.key-feature-wrapper .cards-wrapper .cards ul>li { + background-color: unset; + border: unset; + width: 32.3%; +} + +.section.key-feature-wrapper .cards-wrapper .cards ul li .cards-card-image { + height: 48px; + width: 48px; +} + +.section.key-feature-wrapper .cards-wrapper .cards ul li .cards-card-image > picture > img{ + height: 48px; + width: 48px; +} + +.section.key-feature-wrapper .cards-wrapper .cards ul li .cards-card-body { + margin: 0; +} + +.section.key-feature-wrapper .cards-wrapper .cards ul li .cards-card-body>p { + color: #d7dce1; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; + margin-bottom: unset; + padding: 12px 0 4px; +} + +.section.key-feature-wrapper .cards-wrapper .cards ul li .cards-card-body :nth-child(2) { + color: #fff; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 32px; + padding: 0; +} + +.section.key-feature-wrapper .cards-wrapper .cards ul li .cards-card-body :nth-child(2) > strong { + color: #fff; + font-family: Nunito-Bold, sans-serif; + font-size: 24px; + font-weight: 700; + line-height: 32px; +} + +.section.key-feature-wrapper :nth-child(3)>p { + color: #d7dce1; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; + padding: 0; +} + +.section.key-feature-wrapper :nth-child(3)>p a { + color: #f58667; + cursor: pointer; + font-family: Nunito-Bold, sans-serif; + font-size: 16px; + font-weight: 700; + line-height: 24px; + text-decoration: underline; +} + +@media screen and (max-width: 768px) { + .section.key-feature-wrapper { + padding: 16px 16px !important; + } + + .section.key-feature-wrapper .default-content-wrapper h2 { + font-size: 16px; + line-height: 24px; + padding-bottom: 24px; + } + + .section.key-feature-wrapper .cards-wrapper .cards { + margin-top: 0; + } + + .section.key-feature-wrapper .cards-wrapper .cards ul { + flex-direction: column; + gap: 16px; + margin-bottom: 32px; + } + + .section.key-feature-wrapper .cards-wrapper .cards ul>li { + display: flex; + align-items: center; + column-gap: 16px; + } + + .section.key-feature-wrapper .cards-wrapper .cards ul li .cards-card-body>p { + font-size: 12px; + font-weight: 400; + line-height: 16px; + padding: 0 0 4px; + } + + .section.key-feature-wrapper .cards-wrapper .cards ul li .cards-card-body :nth-child(2) > strong { + font-size: 16px; + line-height: 24px; + } + + .section.key-feature-wrapper .cards-wrapper .cards ul li .cards-card-body :nth-child(2) { + font-size: 12px; + line-height: 24px + } + + .section.key-feature-wrapper .cards-wrapper .cards ul>li { + width: 100%; + } + + .section.key-feature-wrapper .cards-wrapper .cards ul li .cards-card-image { + height: 32px; + width: 32px; + } + + .section.key-feature-wrapper .cards-wrapper .cards ul li .cards-card-image > picture > img{ + height: 32px; + width: 32px; + } + + .section.key-feature-wrapper :nth-child(3)>p { + font-size: 12px; + padding: 0; + } +} + + +@media screen and (max-width: 1024px) { + .section.key-feature-wrapper { + padding: 40px 0; + } +} + +/* key feature end */ \ No newline at end of file diff --git a/styles/knowledge-card-carousel/knowledge-card-carousel.css b/styles/knowledge-card-carousel/knowledge-card-carousel.css new file mode 100644 index 0000000000..65509593b1 --- /dev/null +++ b/styles/knowledge-card-carousel/knowledge-card-carousel.css @@ -0,0 +1,130 @@ +.section.knowledge-card-carousel .carousel-wrapper .carousel .panel-container .teaser{ + height: 100%; + position: relative; + max-width: 340px; + width: 100%; + margin-right: 20px; +} +.section.knowledge-card-carousel .carousel-wrapper .carousel .panel-container .teaser .background .front-picture picture img{ + height: 72px; + width: 72px; + position: absolute; + top: 15%; + left: 10%; +} +.section.knowledge-card-carousel .carousel-wrapper .carousel .panel-container .teaser .background .foreground{ + padding-bottom: 10px; + padding-left: 40px; + padding-right: 16px; + padding-top: 45px; + margin-top: 40px; +} +.section.knowledge-card-carousel .carousel-wrapper .carousel .panel-container .teaser .background .foreground .text .long-description p{ + color: #333; + display: block; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; + margin-bottom: 32px; +} +.section.knowledge-card-carousel .carousel-wrapper .carousel .panel-container .teaser .background .foreground .text .long-description p strong{ + color: #000; + font-family: Nunito-Bold, sans-serif; + font-size: 16px; + font-weight: 700; + line-height: 24px; +} +.section.knowledge-card-carousel .primary.block>.carousel-navigation-buttons{ + display: block +} +.section.knowledge-card-carousel .default-content-wrapper #piramal-values{ + color: #000; + display: block; + font-family: Nunito-Extrabold, sans-serif; + font-size: 2pc; + font-weight: 800; + line-height: 40px; + padding-bottom: 8px; + margin: 20px 24px; +} +.section.knowledge-card-carousel .teaser.block > .background{ + position: unset; + border-radius: 18px; + background-repeat: no-repeat; + background-size: 100% 100%; + height: 100%; + position: relative; + display: flex; + flex-direction: column-reverse; + min-height: 439px; + height: 100%; + justify-content: center; +} +.carousel-wrapper .carousel .panel-container .teaser .background .foreground .text .cta{ + position: absolute; + top: 19%; + right: 19%; +} +.carousel-wrapper .carousel .panel-container .teaser .background .foreground .text .cta a{ + margin: unset; + background-color: #365069; + border-radius: 67px; + color: #fff; + cursor: default; + display: block; + font-family: Nunito-Bold, sans-serif; + font-size: 20px; + line-height: 28px; + text-align: center; + padding: 10px 20px; +} +.section.knowledge-card-carousel .carousel-navigation-buttons .slide-prev, +.section.knowledge-card-carousel .carousel-navigation-buttons .slide-next{ + position: absolute; +} +.section.knowledge-card-carousel .carousel-navigation-buttons .slide-prev{ + left: -8%; + top: 50%; +} +.section.knowledge-card-carousel .carousel-navigation-buttons .slide-next{ + right: -8%; + top: 50%; +} +.section.knowledge-card-carousel .carousel-wrapper .carousel{ + position: relative; +} +.section.knowledge-card-carousel .carousel-wrapper .carousel .button-container{ + display: none; +} +@media (max-width: 786px) { + .section.knowledge-card-carousel .carousel-wrapper .carousel .button-container{ + /* display: block; */ + display: flex; + } + .section.knowledge-card-carousel .carousel.block>.button-container button{ + width: 4px; + height: 4px; + margin: 0 4px; + border-radius: 50%; + background: #000; + opacity: .2; + } + .section.knowledge-card-carousel .carousel.block>.button-container button.selected{ + background-color: #000; + border-radius: 4px; + height: 4px; + width: 16px; + opacity: 1; + } + .carousel-wrapper .carousel .carousel-navigation-buttons .slide-next, + .carousel-wrapper .carousel .carousel-navigation-buttons .slide-prev{ + display: none; + } + .section.knowledge-card-carousel .default-content-wrapper #piramal-values{ + font-size: 20px; + line-height: 28px; + padding-bottom: 4px; + margin: 20px 0; + } +} \ No newline at end of file diff --git a/styles/list-content/list-content.css b/styles/list-content/list-content.css new file mode 100644 index 0000000000..5f733c081f --- /dev/null +++ b/styles/list-content/list-content.css @@ -0,0 +1,75 @@ +/* list content common css start */ +.section.list-content-wrapper .default-content-wrapper h2, +.section.types-of-interest-rates-wrapper .default-content-wrapper h2 { + color: var(--black); + display: block; + font-family: 'Nunito-Extrabold', sans-serif; + font-size: 32px; + font-weight: 800; + line-height: 40px; + margin-bottom: 8px; +} + +.section.list-content-wrapper .default-content-wrapper p, +.section.types-of-interest-rates-wrapper .default-content-wrapper p { + color: var(--black); + font-family: 'Nunito-Regular', sans-serif; + font-size: 18px; + font-weight: 400; + line-height: 24px; +} + +.section.list-content-wrapper .default-content-wrapper ul { + margin-left: 24px; + margin-top: 16px; + list-style: none; +} + +.section.list-content-wrapper .default-content-wrapper ul > li { + color: var(--black); + font-family: 'Nunito-Regular', sans-serif; + font-size: 18px; + font-weight: 400; + line-height: 28px; + list-style-type: disc; +} + +.section.list-content-wrapper .default-content-wrapper p>a, +.section.list-content-wrapper .default-content-wrapper ul>li>a { + color: var(--orange); +} + +/* heading sub heading common css start */ +.section.types-of-interest-rates-wrapper .default-content-wrapper h3 { + color: var(--black); + display: block; + font-family: 'Nunito-Extrabold',sans-serif; + font-size: 24px; + line-height: 40px; + margin-bottom: 8px; +} + +@media screen and (max-width: 768px) { +/* list content common css start */ + .section.list-content-wrapper .default-content-wrapper h2, + .section.types-of-interest-rates-wrapper .default-content-wrapper h2 { + font-size: 18px; + line-height: 24px; + } + + .section.list-content-wrapper .default-content-wrapper p, + .section.types-of-interest-rates-wrapper .default-content-wrapper p { + font-size: 14px; + line-height: 20px; + } + + .section.list-content-wrapper .default-content-wrapper ul > li { + font-size: 14px; + line-height: 24px; + } + + .section.types-of-interest-rates-wrapper .default-content-wrapper h3 { + font-size: 16px; + line-height: 24px; + } +} \ No newline at end of file diff --git a/styles/loanproducts/loanproducts.css b/styles/loanproducts/loanproducts.css new file mode 100644 index 0000000000..c65a89cb1f --- /dev/null +++ b/styles/loanproducts/loanproducts.css @@ -0,0 +1,93 @@ +/* loan products start */ +.section.loan-products-wrapper{ + background-color: rgba(235, 238, 240, 0.31); + padding: 72px 0 4pc; +} +.section.loan-products-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; + margin: 0; +} + +.section.loan-products-wrapper .wrappercreation-wrapper>div>div { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + gap: 24px; + margin-top: 24px; +} + +.section.loan-products-wrapper .wrappercreation-wrapper .teaserv2-wrapper { + background-color: rgb(255 255 255 / 1); + border-radius: 16px; + cursor: pointer; + box-shadow: 0px 4px 12px rgba(51, 51, 51, 0.08); + padding: 24px; + min-height: 102px; +} + +.section.loan-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .teaserv2-wrapper .block>a:hover { + text-decoration: none; +} + +.section.loan-products-wrapper .wrappercreation-wrapper .teaserv2-wrapper .bg-image { + display: flex; + align-items: center; + +} + +.section.loan-products-wrapper .wrappercreation-wrapper .teaserv2-wrapper:hover { + box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.08), + 0px 0px 32px rgba(0, 0, 0, 0.12), 0px 0px 1px rgba(0, 0, 0, 0.2); +} + +.section.loan-products-wrapper .wrappercreation-wrapper .teaserv2-wrapper .bg-image .front-image>picture>img { + height: 80px; + width: 80px; +} + +.section.loan-products-wrapper .wrappercreation-wrapper .teaserv2-wrapper .bg-image .title { + color: #000; + font-family: Nunito-Bold, sans-serif; + font-size: 18px; + font-weight: 700; + line-height: 28px; + margin-left: 16px; +} + +@media screen and (max-width: 1024px) { + + .section.loan-products-wrapper .wrappercreation-wrapper>div>div{ + gap: 16px; + } + .section.loan-products-wrapper .wrappercreation-wrapper .teaserv2-wrapper{ + padding: unset; + } + .section.loan-products-wrapper .wrappercreation-wrapper .teaserv2-wrapper .teaserv2{ + padding: 12px; + } + .section.loan-products-wrapper .wrappercreation-wrapper .teaserv2-wrapper .bg-image{ + flex-direction: column; + justify-content: center; + align-self:center; + } + .section.loan-products-wrapper .wrappercreation-wrapper .teaserv2-wrapper .bg-image .front-image>picture>img{ + display: block; + width: 42px; + height: 42px; + } + .section.loan-products-wrapper .wrappercreation-wrapper .teaserv2-wrapper .bg-image .title{ + font-size: 10px; + line-height: 15px; + margin-left: unset; + } + .section.loan-products-wrapper .wrappercreation-wrapper .teaserv2-wrapper .bg-image .title >p{ + text-align: center; + } +} + +/* loan products end */ \ No newline at end of file diff --git a/styles/media/media.css b/styles/media/media.css new file mode 100644 index 0000000000..f07d198097 --- /dev/null +++ b/styles/media/media.css @@ -0,0 +1,187 @@ +.section.media-coverage-wrapper .tab-link-wrapper .tab-link ul li a{ + border-radius: 9999px; + cursor: pointer; + display: block; + margin-right: 4pc; + padding: 8px 24px; + width: fit-content; + background-color: #365069; + border: 1px solid #365069; + font-family: Nunito-Semibold, sans-serif; + font-size: 1pc; + font-weight: 600; + line-height: 24px; + color: #fff; + text-decoration: none; +} +.section.media-coverage-wrapper .tab-link-wrapper .tab-link ul li:nth-child(2) a{ + background-color: #fff; + color: #333; +} +.section.media-coverage-wrapper .tab-link-wrapper .tab-link ul{ + display: flex; + margin-bottom: 24px; +} +.section.media-coverage-wrapper .tab-link-wrapper .tab-link ul li{ + position: relative; +} +.section.media-coverage-wrapper .tab-link-wrapper .tab-link ul li::after{ + background-color: #afb9c3; + border-radius: 4px; + content: ""; + height: 24px; + margin: auto 0; + position: absolute; + right: 14%; + top: 20%; + width: 1px; +} +/* media coverage and press conference tab and cards component */ + +.section.media-cards-wrapper .carousel-inner{ + display: flex; + flex-wrap: wrap; + padding-left: 0; + list-style: none; + border-bottom: 2px solid #e5e7eb; + gap: 1pc; + margin-bottom: 3pc; + width: fit-content; +} + .section.media-cards-wrapper .carousel-item{ + color: #000; + font-family: Nunito-Regular, sans-serif; + font-size: 24px; + font-weight: 400; + line-height: 2pc; + margin-bottom: -1px; + padding: 0 0 9px; +} +.section.media-cards-wrapper .carousel-item.active{ + border-bottom: 2px solid #f26841; + color: #f26841; + font-family: Nunito-Extrabold, sans-serif; + font-size: 24px; + font-weight: 800; + line-height: 2pc; +} +.section.media-cards-wrapper .panel-container{ + display: grid; + grid-template-columns: 1fr 1fr 1fr; + gap: 24px; +} +.section.media-cards-wrapper .teaser .background .front-picture picture img{ + height: 81px; + width: 102px; +} +.section.media-cards-wrapper .long-description ul{ + display: flex; + justify-content: space-between; + padding: 8px 0; +} +.section.media-cards-wrapper .long-description ul li{ + color: #666; + font-family: Nunito-Semibold, sans-serif; + font-size: 14px; + font-weight: 600; + line-height: 20px; +} +.section.media-cards-wrapper .long-description ul li:nth-child(2) a{ + color: #f26841; + font-family: Nunito-Bold, sans-serif; + font-size: 1pc; + font-weight: 700; + line-height: 24px; + text-decoration: none; +} +.section.media-cards-wrapper .long-description p{ + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + display: -webkit-box; + overflow: hidden; + color: #000; + font-family: Nunito-Regular, sans-serif; + font-size: 1pc; + font-weight: 400; + line-height: 24px; +} +.section.media-cards-wrapper .panel-container .teaser{ + box-shadow: 0 5px 10px rgba(0, 0, 0, .12); + border-radius: 16px; +} +.section.media-cards-wrapper .foreground{ + padding: 16px; +} +.section.media-cards-wrapper .front-picture{ + align-items: flex-end; + background-color: #365069; + border-radius: 1pc 1pc 0 0; + display: flex; + height: 6pc; + justify-content: center; + width: 100%; +} +.section.media-cards-wrapper .front-picture picture{ + display: flex; +} +.section.media-cards-wrapper .tab-container-wrapper:last-child .tab-container .panel-container .teaser .background .front-picture picture img{ + height: 44px; + margin-bottom: 25px; + width: 108px; +} +.section.press-release-card-wrapper .default-content-wrapper ul li:nth-child(1){ + font-size: 12px; + line-height: 1rem; +} +.section.press-release-card-wrapper .default-content-wrapper ul li:nth-child(2){ + font-size: 16px; + line-height: 1.5rem; +} +.section.press-release-card-wrapper .default-content-wrapper ul{ + padding: 14px 40px 14px 14px; + background-color: #F4F4F4; + color: #333; + margin-bottom: 16px; +} +.section.press-release-card-wrapper .default-content-wrapper ul:hover{ + background-color: #f26841; + color: #fff; +} +.section.press-release-card-wrapper .default-content-wrapper ul li{ + font-family: Nunito-Bold, sans-serif; +} +.section.press-release-card-wrapper .default-content-wrapper{ + padding-top: 48px; +} +@media screen and (max-width:768px) { + .section.media-cards-wrapper .panel-container{ + gap: 16px; + grid-template-columns: 1fr; + margin-top: 24px; + } + .section.media-cards-wrapper .carousel-item.active{ + font-size: 1pc; + line-height: 24px; + } + .section.media-cards-wrapper .carousel-item{ + font-size: 1pc; + line-height: 24px; + } + .section.media-cards-wrapper .carousel-inner{ + margin: 1pc auto 24px; + } + .section.media-coverage-wrapper .tab-link-wrapper .tab-link ul li a{ + font-size: 12px; + margin-right: 32px; + padding: 9px 16px; + } + .section.media-coverage-wrapper .tab-link-wrapper .tab-link ul li:nth-child(2) a{ + font-size: 12px; + } + .section.media-coverage-wrapper .tab-link-wrapper .tab-link ul{ + justify-content: center; + } + .section.media-coverage-wrapper .tab-link-wrapper .tab-link ul li::after{ + right: 10%; + } +} \ No newline at end of file diff --git a/styles/metro-cities/metro-cities.css b/styles/metro-cities/metro-cities.css new file mode 100644 index 0000000000..a1362984b8 --- /dev/null +++ b/styles/metro-cities/metro-cities.css @@ -0,0 +1,85 @@ +/* quick Approvals Start */ + +.section.metro-cities-wrapper { + background-color: #FFF7F4; +} + +.section.metro-cities-wrapper .default-content-wrapper { + padding: 80px 0; +} + +.section.metro-cities-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; +} + +.section.metro-cities-wrapper .default-content-wrapper>p { + margin-bottom: 24px; + color: #666; + display: block; + font-family: 'Nunito-Regular', sans-serif; + font-size: 20px; + font-weight: 400; + line-height: 28px; + padding-bottom: 8px; +} + +.section.metro-cities-wrapper .default-content-wrapper>ul { + display: grid; + gap: 24px; + grid-template-columns: repeat(5, minmax(0, 1fr)); + list-style-type: disc; +} + +.section.metro-cities-wrapper .default-content-wrapper>ul li { + display: list-item; + list-style-position: inside; + list-style-type: disc; +} + +.section.metro-cities-wrapper .default-content-wrapper>ul li::marker { + color: #f26841; + font-size: 19px; +} + +.section.metro-cities-wrapper .default-content-wrapper>ul li a { + color: #333; + font-family: 'Nunito-Regular', sans-serif; + font-size: 16px; + font-weight: 700; + line-height: 24px; +} +.section.metro-cities-wrapper .default-content-wrapper>ul li a:hover{ + color: #f26841 +} + +@media screen and (max-width:768px) { + .section.metro-cities-wrapper .default-content-wrapper { + padding: 40px 0; + } + + .section.metro-cities-wrapper .default-content-wrapper>h2 { + font-size: 20px; + line-height: 28px; + padding-bottom: 4px; + } + + .section.metro-cities-wrapper .default-content-wrapper>p { + font-size: 14px; + line-height: 20px; + padding-bottom: 4px; + margin-bottom: 20px; + } + + .section.metro-cities-wrapper .default-content-wrapper>ul { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } +} + + +/* Quick Approvals end */ \ No newline at end of file diff --git a/styles/our-media/our-media.css b/styles/our-media/our-media.css new file mode 100644 index 0000000000..0c9d6f82c2 --- /dev/null +++ b/styles/our-media/our-media.css @@ -0,0 +1,42 @@ +.our-media-wrapper .default-content-wrapper h4 { + font-size: 1.25rem; + line-height: 1.75rem; + font-weight: 400; + text-align: center; + color: var(--gradient-gray); + margin-bottom: 2rem; +} + +.our-media-wrapper .columns-wrapper .columns div { + justify-content: space-around; + flex-direction: row; +} + +.our-media-wrapper .columns-wrapper .columns .columns-img-col { + display: flex; + padding: 0; +} + +.our-media-wrapper .columns-wrapper .columns div div > picture > img { + max-width: 100%; + width: fit-content; + height: 1.3rem; +} + +.our-media-wrapper .columns-wrapper .columns div { + gap: 4.5rem; + padding: 0 9.5rem; +} + +@media screen and (max-width: 767.99px) { + .our-media-wrapper .columns-wrapper .columns div { + gap: 2rem; + flex-direction: row; + flex-wrap: wrap; + padding: 0; + } + + .our-media-wrapper .columns-wrapper .columns .columns-img-col { + width: 45%; + } +} diff --git a/styles/partnership-cards-tab/partnership-cards-tab.css b/styles/partnership-cards-tab/partnership-cards-tab.css new file mode 100644 index 0000000000..50807e348d --- /dev/null +++ b/styles/partnership-cards-tab/partnership-cards-tab.css @@ -0,0 +1,98 @@ +.section.cards-tab-content-wrapper .default-content-wrapper h2 { + color: var(--black); + display: block; + font-family: 'Nunito-Extrabold',sans-serif; + font-size: 32px; + line-height: 40px; + padding-bottom: 8px; +} + +.section.cards-tab-content-wrapper .tab-name-wrapper .tab-name.block .carousel-inner { + display: grid; + column-gap: 24px; + grid-template-columns: 1fr 1fr 1fr; +} + +.section.cards-tab-content-wrapper .tab-name-wrapper .tab-name.block .carousel-inner>div { + align-items: center; + border-radius: 16px; + box-shadow: 0 4px 12px rgba(51,51,51,.078); + cursor: pointer; + display: flex; + min-height: 153px; + justify-content: center; +} + +.section.cards-tab-content-wrapper .tab-name-wrapper .tab-name.block .carousel-inner>div>img { + height: 89px; + width: 199px; +} + +.section.cards-tab-content-wrapper .tab-name-wrapper .tab-name.block .carousel-inner>div.active { + border-bottom: 8px solid var(--salmon); +} + +.section.cards-tab-content-wrapper .tab-container-wrapper .panel-container .teaser.block .foreground .long-description>ul{ + display: grid; + gap: 26px; + grid-template-columns: 1fr 1fr 1fr; + margin: 32px 0; +} + +.section.cards-tab-content-wrapper .tab-container-wrapper .panel-container .teaser.block .foreground .long-description>ul>li>ul>li:first-child { + border-left: 2px solid var(--salmon); + font-family: 'Nunito-Extrabold',sans-serif; + font-size: 24px; + line-height: 32px; + padding-left: 16px; +} + +.section.cards-tab-content-wrapper .tab-container-wrapper .panel-container .teaser.block .foreground .long-description>ul>li>ul>li:nth-child(n+2) { + margin-top: 16px; + padding-left: 16px; + color: var(--gradient-gray); + font-family: 'Nunito-Regular',sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; +} + +.section.cards-tab-content-wrapper .tab-container-wrapper .panel-container .teaser.block .foreground .long-description>p { + color: var(--black); + font-family: 'Nunito-Regular',sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; +} + +.section.cards-tab-content-wrapper .tab-container-wrapper .panel-container .teaser.block .foreground .long-description>p>a { + color: var(--black); + text-decoration-line: none; +} + +.section.cards-tab-content-wrapper .tab-container-wrapper .panel-container .teaser.block .background { + position: unset; +} + +@media screen and (max-width:768px) { + .section.cards-tab-content-wrapper .default-content-wrapper h2 { + font-size: 20px; + line-height: 28px; + padding-bottom: 4px; + } + + .section.cards-tab-content-wrapper .tab-name-wrapper .tab-name.block .carousel-inner { + gap: 16px; + grid-template-columns: 1fr; + } + + .section.cards-tab-content-wrapper .tab-container-wrapper .panel-container .teaser.block .foreground .long-description>ul { + grid-template-columns: 1fr; + } + + .section.cards-tab-content-wrapper .tab-container-wrapper .panel-container .teaser.block .foreground .long-description>ul>li>ul>li:nth-child(n+2) { + margin-top: 8px; + font-size: 14px; + line-height: 20px; + } +} \ No newline at end of file diff --git a/styles/partnership/partnership.css b/styles/partnership/partnership.css new file mode 100644 index 0000000000..f3b7f99ad9 --- /dev/null +++ b/styles/partnership/partnership.css @@ -0,0 +1,229 @@ +.dp-block{ + display: block; +} +/* .blur-body{ + position: relative; + position: fixed; + + +} +.blur-body::before{ + content: ""; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, .4); + z-index: 1; + width: 100vw; + height: 100vh; + position: fixed; +} */ +.section.partnership-tab-content .default-content-wrapper>h2 { + color: var(--black); + display: block; + font-family: 'Nunito-Extrabold',sans-serif; + font-size: 32px; + line-height: 40px; + padding-bottom: 8px; +} + +.section.partnership-tab-content .rte-wrapper .rte.block ul { + display: flex; + flex-wrap: wrap; + padding-left: 0; + list-style: none; + column-gap: 40px; +} + +.section.partnership-tab-content .rte-wrapper .rte.block ul>li a{ + font-family: 'Nunito-Regular',sans-serif; + font-size: 24px; + line-height: 32px; + padding: unset; + color: var(--black); + text-decoration: none; +} + +.section.partnership-tab-content .rte-wrapper .rte.block ul>li>strong>a { + color: var(--orange); + border-bottom: 2px solid var(--orange); +} + +.section.partnership-image-popup .wrappercreation-wrapper .wrapper-creation-container { + display: grid; + gap: 16px; + grid-template-columns: 1fr 1fr 1fr; + margin: 24px 0; +} + +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text>.cmp-text{ + align-items: center; + border-radius: 16px; + cursor: pointer; + display: flex; + justify-content: center; + justify-self: center; + padding: 30px 50px; + width: 100%; + box-shadow: 0 4px 9pt rgba(51, 51, 51, .078); +} +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text .stake-pop-up { + inset: 0; + position: fixed; + z-index: 9999; +} +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text>.cmp-text div picture>img { + width: 206px; + height: 86px; +} +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text .stake-pop-up .popup{ + background-color: #fff; + border-radius: 9pt; + 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 !important; + left: 50%; + max-height: calc(100% - 4pc); + max-width: 600px; + position: relative; + top: 50%; + transform: translate(-50%, -50%); + width: calc(100% - 4pc); + z-index: 1; + overflow: hidden; +} +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text .stake-pop-up .popup .popupText .cmp-text .cpm-sub-text{ + display: block; + margin: 0 2pc; + padding: 73px 24px 1pc; +} +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text .stake-pop-up .popup .popupText .cmp-text .cpm-sub-text >p{ + text-align: center; +} +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text .stake-pop-up .popup .popupText .cmp-text .cpm-sub-text >p >.title{ + color: #f26841; + font-family: Nunito-Extrabold, sans-serif; + font-size: 24px; + font-weight: 800; + letter-spacing: .12px; + line-height: 32px; +} +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text .stake-pop-up .text.popupText .cmp-text { + /* padding: 73px 32px 32px; + max-width: 600px; + width: 100%; + max-height: 350px; + height: 100%; + overflow: hidden; */ + position: relative; +} + +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text .stake-pop-up .text.popupText .cmp-text>p>span { + color: var(--orange); + font-family: 'Nunito-Extrabold',sans-serif; + font-size: 24px; + letter-spacing: .12px; + line-height: 32px; +} + +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text .stake-pop-up .text.popupText .cmp-text>p { + text-align: center; +} + +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text .stake-pop-up .text.popupText .cmp-text .cross-container>img { + position: absolute; + top: 15px; + right: 15px; +} + +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text .stake-pop-up .text.popupText .cmp-text .popup-parent-cont .popupContainer { + margin-top: 56px; + max-height: 350px; + height: 100%; + overflow-y: scroll; + display: block; + height: 100%; + margin: 0 2pc 2pc; + /* overflow-y: auto; */ + padding: 8px 24px; +} + +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text .stake-pop-up .text.popupText .cmp-text .popup-parent-cont .popupContainer div p, +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text .stake-pop-up .text.popupText .cmp-text .popup-parent-cont .popupContainer div p a { + color: rgba(0,0,0,.871); + font-family: 'Nunito-Regular',sans-serif; + font-size: 16px; + line-height: 24px; + text-decoration: none; +} + +.section.partnership-image-popup .wrappercreation-wrapper .offer-documents-wrapper .offer-documents.block .richtext.text .stake-pop-up .text.popupText .cmp-text .popup-parent-cont .popupContainer div p>strong { + color: rgba(0,0,0,.871); + font-family: 'Nunito-Extrabold',sans-serif; + font-size: 16px; + line-height: 24px; +} + +/* Add these styles to your CSS file */ + +/* Overlay style */ +/* .overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + z-index: 9998; + display: none; + } */ + + /* Popup style */ + /* .stake-pop-up { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 9999; + display: none; + background: white; + padding: 73px 32px 32px; + max-width: 600px; + width: 100%; + max-height: 350px; + height: 100%; + overflow: hidden; + border-radius: 15px; + } */ + + /* Show the popup and overlay when active */ + /* .popup-active .overlay, + .popup-active .stake-pop-up { + display: block; + } */ + + + @media screen and (min-width:768px) and (max-width:1024px ) { + .section.partnership-tab-content .rte-wrapper .rte.block ul { + column-gap: 16px; + } + .section.partnership-tab-content .rte-wrapper .rte.block ul>li a { + font-size: 16px; + line-height: 24px; + } + } + + @media screen and (max-width:768px) { + .section.partnership-tab-content .rte-wrapper .rte.block ul>li a { + font-size: 1pc; + line-height: 24px; + } + .section.partnership-tab-content .rte-wrapper .rte.block ul { + flex-wrap: nowrap; + column-gap: 16px; + } + .section.partnership-tab-content .rte-wrapper .rte.block ul>li>strong>a { + color: var(--orange); + border-bottom: unset; + } + } + \ No newline at end of file diff --git a/styles/partnerships-cards/partnerships-cards.css b/styles/partnerships-cards/partnerships-cards.css new file mode 100644 index 0000000000..a2f55e5e38 --- /dev/null +++ b/styles/partnerships-cards/partnerships-cards.css @@ -0,0 +1,86 @@ +.section.partnerships-cards-wrapper { + background-color: rgba(255, 244, 231, 0.3); + padding: 48px 0; +} + +.section.partnerships-cards-wrapper .default-content-wrapper h2 { + margin-bottom: 24px; + color: #000; + display: block; + font-family: Nunito-Extrabold, sans-serif; + font-size: 32px; + font-weight: 800; + line-height: 40px; + padding-bottom: 8px; +} + +.section.partnerships-cards-wrapper .cards-wrapper .cards ul { + display: grid; + gap: 24px; + grid-template-columns: 1fr 1fr 1fr; + margin-top: 32px; +} + +.section.partnerships-cards-wrapper .cards-wrapper .cards ul li { + background-color: #fff; + border-radius: 16px; + box-shadow: 0 4px 9pt rgba(51, 51, 51, .078); + border: none; + display: flex; + flex-direction: column; +} + +.section.partnerships-cards-wrapper .cards-wrapper .cards ul li .cards-card-image { + margin: 0 auto; + vertical-align: middle; + padding: 38px; +} + +.section.partnerships-cards-wrapper .cards-wrapper .cards ul li .cards-card-image picture img { + display: block; + height: 59px; + width: 237px; +} + +.section.partnerships-cards-wrapper .cards-wrapper .cards ul li .cards-card-body { + border-top: 1px solid #ebeef0; + height: 100%; + padding: 16px; + margin: 0; +} + +.section.partnerships-cards-wrapper .cards-wrapper .cards ul li .cards-card-body p { + color: #000; + font-family: Nunito-Regular, sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 20px; + text-align: center; +} + +@media screen and (min-width: 900px) and (max-width: 1200px) { + .section.partnerships-cards-wrapper .cards-wrapper .cards ul { + grid-template-columns: 1fr 1fr; + } +} + +@media screen and (max-width: 900px) { + .section.partnerships-cards-wrapper .cards-wrapper .cards ul { + gap: 16px; + grid-template-columns: 1fr; + margin-top: 16px; + } +} + +@media screen and (max-width: 767px) { + .section.partnerships-cards-wrapper { + padding: 24px 0; + } + + .section.partnerships-cards-wrapper .default-content-wrapper h2 { + margin-bottom: 20px; + font-size: 20px; + line-height: 28px; + padding-bottom: 4px; + } +} \ No newline at end of file diff --git a/styles/piramal-since/piramal-since.css b/styles/piramal-since/piramal-since.css new file mode 100644 index 0000000000..927ae23c0c --- /dev/null +++ b/styles/piramal-since/piramal-since.css @@ -0,0 +1,101 @@ +.section.piramal-since-wrapper .default-content-wrapper h4 { + margin: 0 auto; + 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; +} + +.section.piramal-since-wrapper .default-content-wrapper p { + margin: 0; + margin-bottom: 24px; + color: #666; + display: block; + font-family: Nunito-Regular, sans-serif; + font-size: 20px; + font-weight: 400; + line-height: 28px; + padding-bottom: 8px; + text-align: center; +} + +.section.piramal-since-wrapper .columns-wrapper .columns>div { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + gap: 44px; + justify-content: space-between; + text-align: center; +} + +.section.piramal-since-wrapper .columns-wrapper .columns>div>div { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.section.piramal-since-wrapper .columns-wrapper .columns div div>p { + margin: 0; +} + +.section.piramal-since-wrapper .columns-wrapper .columns div div>p:nth-child(1) picture img { + height: 72px; + margin-bottom: 14px; + width: 72px; +} + +.section.piramal-since-wrapper .columns-wrapper .columns div div>p:nth-child(2) { + color: #333; + font-family: Nunito-Regular, sans-serif; + font-size: 20px; + font-weight: 400; + line-height: 28px; + margin-bottom: 10px; +} +.section.piramal-since-wrapper .columns-wrapper .columns div div>p:nth-child(3) { + color: #333; + font-family: 'Nunito-Bold', sans-serif; + font-size: 20px; + font-weight: 700; + line-height: 28px; +} +@media screen and (max-width:1024px) { + .section.piramal-since-wrapper .columns-wrapper .columns>div{ + grid-template-columns: 1fr 1fr; + } +} +@media screen and (max-width:768px) { + .section.piramal-since-wrapper .default-content-wrapper h4{ + font-size: 20px; + line-height: 28px; + padding-bottom: 4px; + } + .section.piramal-since-wrapper .default-content-wrapper p{ + margin-bottom: 20px; + font-size: 14px; + line-height: 20px; + padding-bottom: 4px; + } + + .section.piramal-since-wrapper .columns-wrapper .columns>div>div{ + width: 100%; + justify-content: unset; + } + .section.piramal-since-wrapper .columns-wrapper .columns div div>p:nth-child(1) picture img{ + height: 44px; + margin-bottom: 10px; + width: 44px; + } + .section.piramal-since-wrapper .columns-wrapper .columns div div>p:nth-child(2){ + font-size: 16px; + line-height: 24px; + } + .section.piramal-since-wrapper .columns-wrapper .columns div div>p:nth-child(3){ + font-size: 16px; + line-height: 24px; + } +} \ No newline at end of file diff --git a/styles/ratings-card/ratings-card.css b/styles/ratings-card/ratings-card.css new file mode 100644 index 0000000000..23a5e5a26f --- /dev/null +++ b/styles/ratings-card/ratings-card.css @@ -0,0 +1,45 @@ +.section.ratings-card-wrapper .default-content-wrapper #ratings{ + font-family: Nunito-Extrabold, sans-serif; + font-size: 40px; + line-height: 48px; + margin-bottom: 40px; +} +.cards ul li .cards-card-image picture img{ + height: 74px; + width: 253px; + object-fit: contain; +} +.section.ratings-card-wrapper .cards-wrapper .cards ul{ + display: grid; + grid-template-columns: 1fr 1fr; + column-gap: 24px; +} +.section.ratings-card-wrapper .cards-wrapper .cards ul li{ + display: flex; + flex-direction: column; + align-items: center; + padding: 40px; + box-shadow: 0 4px 9pt rgba(51, 51, 51, .078); + border-radius: 16px; + border: none; +} +.section.ratings-card-wrapper .cards-wrapper .cards ul li .cards-card-body .button-container .button{ + font-family: Nunito-Extrabold, sans-serif; + font-size: 20px; + line-height: 28px; + text-align: center; + text-decoration: underline; + display: inline-block; + background: unset; + color: black; + margin: unset; +} +.section.ratings-card-wrapper .cards-wrapper .cards ul li .cards-card-body{ + margin: unset; +} + +@media (max-width: 786px) { +.section.ratings-card-wrapper .cards-wrapper .cards ul{ + grid-template-columns: 1fr; +} +} diff --git a/styles/real-estate-banner/real-estate-banner.css b/styles/real-estate-banner/real-estate-banner.css new file mode 100644 index 0000000000..e2a90e8709 --- /dev/null +++ b/styles/real-estate-banner/real-estate-banner.css @@ -0,0 +1,76 @@ +.section.corporate-financing-banner-wrapper .teaserv2-wrapper .teaserv2>a{ + text-decoration: none; +} +.section.corporate-financing-banner-wrapper .teaserv2-wrapper .teaserv2>a .bg-image { + display: block; + object-fit: cover; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + width: 100%; + /* height: 540px; */ +} + +.section.corporate-financing-banner-wrapper .teaserv2-wrapper .teaserv2>a .bg-image .description { + max-width: 1240px; + margin: 0 auto; + padding: 120px 0 158px; +} + +.section.corporate-financing-banner-wrapper .teaserv2-wrapper .teaserv2>a .bg-image .description .containerimage { + width: 80%; +} + +.section.corporate-financing-banner-wrapper .teaserv2-wrapper .teaserv2>a .bg-image .description .containerimage>.cmp-container>.text>.cmp-text>h2 .title strong { + color: #fff; + display: block; + font-family: 'Nunito-Extrabold', sans-serif; + font-size: 48px; + font-weight: 800; + line-height: 60px; + margin-bottom: 16px; +} + +.section.corporate-financing-banner-wrapper .teaserv2-wrapper .teaserv2>a .bg-image .description .containerimage>.cmp-container>.text>.cmp-text>p .title { + color: #fff; + display: block; + font-family: Nunito-Regular, sans-serif; + font-size: 24px; + font-weight: 400; + line-height: 32px; + width: 73%; +} + +@media screen and (max-width: 1400px) { + .section.corporate-financing-banner-wrapper .teaserv2-wrapper .teaserv2>a .bg-image .description { + max-width: 76.1%; + } +} + +@media screen and (max-width:1024px) { + .section.corporate-financing-banner-wrapper .teaserv2-wrapper .teaserv2>a .bg-image .description { + max-width: 100%; + padding: 58px 16px 160px; + } + + .section.corporate-financing-banner-wrapper .teaserv2-wrapper .teaserv2>a .bg-image .description .containerimage { + width: 100%; + } + + .section.corporate-financing-banner-wrapper .teaserv2-wrapper .teaserv2>a .bg-image .description .containerimage>.cmp-container>.text>.cmp-text>p .title { + width: unset; + } +} + +@media screen and (max-width:767px) { + + .section.corporate-financing-banner-wrapper .teaserv2-wrapper .teaserv2>a .bg-image .description .containerimage>.cmp-container>.text>.cmp-text>h2 .title strong { + font-size: 24px; + line-height: 32px; + } + + .section.corporate-financing-banner-wrapper .teaserv2-wrapper .teaserv2>a .bg-image .description .containerimage>.cmp-container>.text>.cmp-text>p .title { + font-size: 14px; + line-height: 20px; + } +} \ No newline at end of file diff --git a/styles/reset.css b/styles/reset.css new file mode 100644 index 0000000000..695f0f22af --- /dev/null +++ b/styles/reset.css @@ -0,0 +1,117 @@ +html { + scroll-behavior: smooth +} + +abbr, +address, +article, +aside, +audio, +b, +blockquote, +body, +canvas, +caption, +cite, +code, +dd, +del, +details, +dfn, +div, +dl, +dt, +em, +fieldset, +figcaption, +figure, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +header, +hgroup, +html, +i, +iframe, +img, +ins, +kbd, +label, +legend, +li, +mark, +menu, +nav, +object, +ol, +p, +pre, +q, +samp, +section, +small, +span, +strong, +sub, +summary, +sup, +table, +tbody, +td, +tfoot, +th, +thead, +time, +tr, +ul, +var, +video { + background: transparent; + border: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-family: Nunito-Light, sans-serif; + font-size: 100%; + margin: 0; + outline: 0; + padding: 0; + vertical-align: baseline +} + +a { + background: transparent; + color: unset; + font-size: 100%; + margin: 0; + padding: 0; + text-decoration: none; + vertical-align: baseline +} + +table { + border-collapse: collapse; + border-spacing: 0 +} + +input, +select { + vertical-align: middle +} + +ul { + list-style: none +} + +input, +input:focus, +select, +select:focus, +textarea, +textarea:focus { + outline: 0 +} \ No newline at end of file diff --git a/styles/rte-wrapper/rte-wrapper.css b/styles/rte-wrapper/rte-wrapper.css new file mode 100644 index 0000000000..696689e2bc --- /dev/null +++ b/styles/rte-wrapper/rte-wrapper.css @@ -0,0 +1,44 @@ +/* rte bg blue Start */ + +.section.rte-wrapper.rte-bg-blue{ + background-color: #365069; + padding: 40px 0; +} +.section.rte-wrapper.rte-bg-blue .default-content-wrapper p{ + color: #d7dce1; + font-family: 'Nunito-Regular', sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; + } + + @media screen and (max-width: 767px) { + .section.rte-wrapper.rte-bg-blue{ + padding: 24px 0; + } + .section.rte-wrapper.rte-bg-blue .default-content-wrapper p{ + font-size: 14px; + line-height: 20px; + } +} +/* rte bg blue End */ + +/* rte bg light yellow Start */ +.section.rte-wrapper.rte-bg-light-yellow{ + background-color: rgba(255, 244, 231, 0.3); + padding: 42px 0; +} +.section.rte-wrapper.rte-bg-light-yellow .default-content-wrapper p{ + color: #000; + font-family: Nunito-Regular, sans-serif; + font-size: 18px; + font-weight: 400; + line-height: 24px; +} +@media screen and (max-width: 1024px) { + .section.rte-wrapper.rte-bg-light-yellow .default-content-wrapper p{ + font-size: 14px; + line-height: 20px; + } +} +/* rte bg light yellow End */ \ No newline at end of file diff --git a/styles/rupee-cards/rupee-card.css b/styles/rupee-cards/rupee-card.css new file mode 100644 index 0000000000..4426a7b4e7 --- /dev/null +++ b/styles/rupee-cards/rupee-card.css @@ -0,0 +1,207 @@ +.section.rupee-cards-wrapper{ + background-color: #FFF7F4; + padding: 32px 0 40px; +} +.section.rupee-cards-wrapper .default-content-wrapper #personal-loan-by-amount{ + color: #333; + display: block; + font-family: Nunito-Bold, sans-serif; + font-size: 32px; + font-weight: 700; + line-height: 48px; + margin-bottom: 12px; +} +.section.rupee-cards-wrapper .default-content-wrapper p{ + color: #666; + display: block; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + line-height: 24px; + margin-bottom: 40px; +} +.section.rupee-cards-wrapper .bg-image{ + width: 100%; + display: block; +} +.section.rupee-cards-wrapper .bg-image .front-image picture img{ + position: absolute; + bottom: 30px; + height: 36px; + width: 40px; +} +.section.rupee-cards-wrapper .wrapper-creation-container{ + display: grid; + grid-template-columns: 1fr 1fr 1fr; +} +.section.rupee-cards-wrapper .bg-image .title{ + color: #333; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; + text-decoration: none; +} +.section.rupee-cards-wrapper .bg-image .description{ + color: #000; + font-family: Nunito-Bold, sans-serif; + font-size: 32px; + line-height: 48px; + text-decoration: none; + padding-left: 40px; +} +.section.rupee-cards-wrapper .wrapper-creation-container .teaserv2-wrapper .teaser{ + min-height: 120px; +} +.section.rupee-cards-wrapper .teaserv2-wrapper .teaserv2 a{ + text-decoration: none; + display: block; + padding: 24px; +} +.section.rupee-cards-wrapper .teaser.block .background{ + padding: 24px; +} +.teaserv2-wrapper .teaserv2 a .bg-image .front-picture picture img { + height: 36px; + width: 40px; + position: absolute; + left: 24px; + bottom: 30px; +} +.section.rupee-cards-wrapper .long-description p strong{ + color: #000; + font-family: Nunito-Bold, sans-serif; + font-size: 32px; + line-height: 48px; +} +.section.rupee-cards-wrapper .foreground .text .title #loan-for-{ + color: #333; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; +} +.section.rupee-cards-wrapper .wrappercreation .wrapper-creation-container .teaserv2-wrapper{ + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1); + cursor: pointer; + margin: 10px; + background-color: #fff; + border-radius: 12px; + position: relative; + min-height: 120px; +} +.section.rupee-cards-wrapper p strong{ + padding-left: 40px; +} +.section.rupee-cards-wrapper .long-description p:nth-child(1){ + color: #333; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; +} +.section.rupee-cards-wrapper .teaserv2.block::before{ + content: ''; + height: 12px; + width: 16px; + background-image: url('https://publish-p133703-e1305981.adobeaemcloud.com/content/dam/piramalfinance/product-page/personal-loan/right-arrow.svg'); + bottom: 26px; + display: block; + position: absolute; + right: 26px; +} + +@media screen and (max-width:1024px) { + .section.rupee-cards-wrapper .wrapper-creation-container{ + grid-template-columns: 1fr; + } + .section.rupee-cards-wrapper .teaserv2-wrapper .teaser{ + min-height: 100px; + } + .section.rupee-cards-wrapper .teaserv2-wrapper .teaserv2 a .bg-image .front-picture picture img{ + bottom: 21px; + left: 16px; + height: 32px; + width: 36px; + } + .section.rupee-cards-wrapper .teaser.block .background{ + padding: 16px; + } + .section.rupee-cards-wrapper .long-description p strong{ + font-size: 28px; + margin-top: 8px; + padding-left: 44px; + } + .section.rupee-cards-wrapper .teaserv2-wrapper .teaserv2 a{ + padding: 16px; + } + .section.rupee-cards-wrapper .wrappercreation .wrapper-creation-container .teaserv2-wrapper{ + min-height: unset; + } + .section.rupee-cards-wrapper .bg-image .description{ + padding-left: 44px; + margin-top: 8px; + font-size: 28px; + line-height: 36px; + width: 88%; + } + .section.rupee-cards-wrapper .bg-image .front-image picture img{ + bottom: 17px; + } +} +@media screen and (max-width:768px) { + .section.rupee-cards-wrapper .wrapper-creation-container{ + grid-template-columns: 1fr; + } + .section.rupee-cards-wrapper .long-description p strong{ + font-size: 28px; + line-height: 36px; + width: 88%; + display: inline-block ; + margin-top: 8px; + padding-left: 44px; + } + .section.rupee-cards-wrapper .teaserv2-wrapper .teaserv2 a .bg-image .front-picture picture img{ + display: block; + height: 32px; + width: 36px; + left: 15px; + bottom: 20px; + } + .section.rupee-cards-wrapper .teaserv2-wrapper .teaser{ + padding: 16px; + min-height: 100px; + } + .section.rupee-cards-wrapper .default-content-wrapper p{ + color: #666; + font-family: Nunito-Regular, sans-serif; + font-size: 14px; + line-height: 20px; + margin-bottom: 32px; + } + .section.rupee-cards-wrapper .default-content-wrapper #personal-loan-by-amount{ + color: #333; + font-family: Nunito-Bold, sans-serif; + font-size: 18px; + line-height: 27px; + margin-bottom: 8px; + } + .section.rupee-cards-wrapper .teaserv2.block .background{ + padding: unset; + } + .section.rupee-cards-wrapper .wrappercreation .wrapper-creation-container .teaserv2-wrapper{ + min-height: unset; + } + .section.rupee-cards-wrapper .teaserv2-wrapper .teaserv2 a{ + padding: 16px; + } + .section.rupee-cards-wrapper .bg-image .front-image picture img{ + bottom: 20px; + height: 32px; + width: 36px; + } + .section.rupee-cards-wrapper .bg-image .description{ + padding-left: 44px; + margin-top: 8px; + } +} + diff --git a/styles/styles.css b/styles/styles.css index ff5fa546a3..1b6b827e03 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -9,6 +9,27 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ +html { + scroll-behavior: smooth +} + +input, +select { + vertical-align: middle +} + +ul { + list-style: none +} + +input, +input:focus, +select, +select:focus, +textarea, +textarea:focus { + outline: 0 +} :root { /* colors */ @@ -18,7 +39,51 @@ --light-color: #eee; --dark-color: #ccc; --text-color: black; - + --gradient-gray-light: #ebeef050; + --gradient-gray: #666; + --tw-text-opacity: 1; + --darkcharcoal: #333333; + --darkgrey: #666666; + --white: #ffffff; + --orange: #F26841; + --black: #000000; + --grey: #808080; + --darkblack: #030303; + --green: #41C66E; + --greyishblue: #365069; + --floralwhite: #FFF9F2; + --lilen: #FFF4E7; + --dustygrey: #999999; + --matterhorn: #4d4d4d; + --chinesesilver: #CCCCCC; + --midnight: #20303f; + --pattensblue: #d7dce1; + --rosewhite: #FEF0EC; + --solitude: #e5e7eb; + --swansdown: #E3F6E9; + --camarone: #277742; + --zinc: #afb9c3; + --cloud: #EBEEF0; + --silver: #C4C4C4; + --arsenic: #364754; + --whisper: #EBEBEB; + --fossil: #a9a9a9; + --blackpearl: #010812; + --lightgrey: #ebeaea; + --blue: #007bff; + --whitesmoke: #f8f8f8; + --coral: #FAC3B3; + --salmon: #F58667; + --seashell: #fff7f4; + --pale: #EEF3FF; + --cinnabar: #da4d34; + --coralred: #EF4444; + --flamingo: #eb5752; + --mischka: #9ca3af; + --midorange: #f26741; + --pearl: #F0F0F0; + --submidorange: #fce6e5; + --skyblue:#DEF3FD; /* fonts */ --body-font-family: roboto, roboto-fallback; --heading-font-family: var(--body-font-family); @@ -39,6 +104,9 @@ /* nav height */ --nav-height: 64px; + + + } @font-face { @@ -48,7 +116,7 @@ src: local('Arial'); } -@media (width >= 900px) { +@media (width >=900px) { :root { --heading-font-size-xxl: 60px; --heading-font-size-xl: 48px; @@ -67,15 +135,16 @@ body { color: var(--text-color); background-color: var(--background-color); display: none; + padding-top: 112px !important; } body.appear { display: block; } -header { +/* header { height: var(--nav-height); -} +} */ h1, h2, @@ -91,12 +160,29 @@ h6 { scroll-margin: calc(var(--nav-height) + 1em); } -h1 { font-size: var(--heading-font-size-xxl); } -h2 { font-size: var(--heading-font-size-xl); } -h3 { font-size: var(--heading-font-size-l); } -h4 { font-size: var(--heading-font-size-m); } -h5 { font-size: var(--heading-font-size-s); } -h6 { font-size: var(--heading-font-size-xs); } +h1 { + font-size: var(--heading-font-size-xxl); +} + +h2 { + font-size: var(--heading-font-size-xl); +} + +h3 { + font-size: var(--heading-font-size-l); +} + +h4 { + font-size: var(--heading-font-size-m); +} + +h5 { + font-size: var(--heading-font-size-s); +} + +h6 { + font-size: var(--heading-font-size-xs); +} p, dl, @@ -202,20 +288,460 @@ main img { } /* sections */ -main .section { - padding: 64px 16px; +/* main .section { + padding: 0 0 72px; +} */ + +/* margin top */ +.mt-5 { + margin-top: 5px; } -@media (width >= 600px) { - main .section { - padding: 64px 32px; +.mt-10 { + margin-top: 10px; +} + +.mt-15 { + margin-top: 15px; +} + +.mt-20 { + margin-top: 20px; +} + +.mt-25 { + margin-top: 25px; +} + +.mt-30 { + margin-top: 30px; +} + +.mt-35 { + margin-top: 35px; +} + +.mt-40 { + margin-top: 40px; +} + +.mt-45 { + margin-top: 45px; +} + +.mt-50 { + margin-top: 50px; +} + +.mt-55 { + margin-top: 55px; +} + +.mt-60 { + margin-top: 60px; +} + +.mt-65 { + margin-top: 65px; +} +.mt-70 { + margin-top: 70px; +} +.mt-75 { + margin-top: 75px; +} +.mt-80 { + margin-top: 80px; +} + +/* margin bottom */ +.mb-5 { + margin-bottom: 5px; +} + +.mb-10 { + margin-bottom: 10px; +} + +.mb-15 { + margin-bottom: 15px; +} + +.mb-20 { + margin-bottom: 20px; +} + +.mb-25 { + margin-bottom: 25px; +} + +.mb-30 { + margin-bottom: 30px; +} + +.mb-35 { + margin-bottom: 35px; +} + +.mb-40 { + margin-bottom: 40px; +} + +.mb-45 { + margin-bottom: 45px; +} + +.mb-50 { + margin-bottom: 50px; +} + +.mb-55 { + margin-bottom: 55px; +} + +.mb-60 { + margin-bottom: 60px; +} +.mb-65 { + margin-bottom: 65px; +} +.mb-70 { + margin-bottom: 70px; +} +.mb-75 { + margin-bottom: 75px; +} +.mb-80 { + margin-bottom: 80px; +} + + +/* common classes for banner background start */ +.teaser.block.--lilen>.background{ + background-color: var(--lilen); +} + +.teaser.block.--rosewhite>.background{ + background-color: var(--rosewhite); +} + +.teaser.block.bg--linear-red>.background { + background: url("url"), linear-gradient(320.12deg, rgb(127, 76, 168) -0.41%, rgb(242, 104, 65) 101.64%) !important; + background-size: 100% 100%; +} + +.teaser.block.--skyblue>.background { + background-color: var(--skyblue); +} +/* common classes for banner background end */ + +/* column classes */ +@media screen and (min-width: 768px) { + .col-1 { + -webkit-box-flex: 0; + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; } + + .col-2 { + -webkit-box-flex: 0; + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + + .col-3 { + -webkit-box-flex: 0; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } + + .col-4 { + -webkit-box-flex: 0; + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + + .col-5 { + -webkit-box-flex: 0; + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + + .col-6 { + -webkit-box-flex: 0; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } + + .col-7 { + -webkit-box-flex: 0; + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + + .col-8 { + -webkit-box-flex: 0; + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + + .col-9 { + -webkit-box-flex: 0; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } + + .col-10 { + -webkit-box-flex: 0; + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + + .col-11 { + -webkit-box-flex: 0; + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + + .col-12 { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } +} + +@media screen and (max-width:768px) { + body { + padding-top: 71px !important; + } + + /* mobile */ + /* margin top */ + .mob-mt-5 { + margin-top: 5px; + } + + .mob-mt-10 { + margin-top: 10px; + } + + .mob-mt-15 { + margin-top: 15px; + } + + .mob-mt-20 { + margin-top: 20px; + } + + .mob-mt-25 { + margin-top: 25px; + } + + .mob-mt-30 { + margin-top: 30px; + } + + .mob-mt-35 { + margin-top: 35px; + } + + .mob-mt-40 { + margin-top: 40px; + } + + .mob-mt-45 { + margin-top: 45px; + } + + .mob-mt-50 { + margin-top: 50px; + } + + .mob-mt-55 { + margin-top: 55px; + } + + .mob-mt-60 { + margin-top: 6px; + } + + .mob-mt-65 { + margin-top: 65px; + } + .mob-mt-70 { + margin-top: 70px; + } + .mob-mt-75 { + margin-top: 75px; + } + .mob-mt-80 { + margin-top: 80px; + } + + /* margin bottom */ + .mob-mb-5 { + margin-bottom: 5px; + } + + .mob-mb-10 { + margin-bottom: 10px; + } + + .mob-mb-15 { + margin-bottom: 15px; + } + + .mob-mb-20 { + margin-bottom: 20px; + } + + .mob-mb-25 { + margin-bottom: 25px; + } + + .mob-mb-30 { + margin-bottom: 30px; + } + + .mob-mb-35 { + margin-bottom: 35px; + } + + .mob-mb-40 { + margin-bottom: 40px; + } + + .mob-mb-45 { + margin-bottom: 45px; + } + + .mob-mb-50 { + margin-bottom: 50px; + } + + .mob-mb-55 { + margin-bottom: 55px; + } + + .mob-mb-60 { + margin-bottom: 60px; + } + + .mob-mb-65 { + margin-bottom: 65px; + } + .mob-mb-70 { + margin-bottom: 70px; + } + .mob-mb-75 { + margin-bottom: 75px; + } + .mob-mb-80 { + margin-bottom: 80px; + } + + .mob-col-1 { + -webkit-box-flex: 0; + -ms-flex: 0 0 8.333333%; + flex: 0 0 8.333333%; + max-width: 8.333333%; +} + +/* column classes */ +.mob-col-2 { + -webkit-box-flex: 0; + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; +} + +.mob-col-3 { + -webkit-box-flex: 0; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; +} + +.mob-col-4 { + -webkit-box-flex: 0; + -ms-flex: 0 0 33.333333%; + flex: 0 0 33.333333%; + max-width: 33.333333%; +} + +.mob-col-5 { + -webkit-box-flex: 0; + -ms-flex: 0 0 41.666667%; + flex: 0 0 41.666667%; + max-width: 41.666667%; +} + +.mob-col-6 { + -webkit-box-flex: 0; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; +} + +.mob-col-7 { + -webkit-box-flex: 0; + -ms-flex: 0 0 58.333333%; + flex: 0 0 58.333333%; + max-width: 58.333333%; +} + +.mob-col-8 { + -webkit-box-flex: 0; + -ms-flex: 0 0 66.666667%; + flex: 0 0 66.666667%; + max-width: 66.666667%; +} + +.mob-col-9 { + -webkit-box-flex: 0; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; +} + +.mob-col-10 { + -webkit-box-flex: 0; + -ms-flex: 0 0 83.333333%; + flex: 0 0 83.333333%; + max-width: 83.333333%; +} + +.mob-col-11 { + -webkit-box-flex: 0; + -ms-flex: 0 0 91.666667%; + flex: 0 0 91.666667%; + max-width: 91.666667%; +} + +.mob-col-12 { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; +} } @media (width >= 900px) { - .section > div { - max-width: 1200px; - margin: auto; + .section.page-container > div { + max-width: 1240px!important; + margin: 0 auto!important; } } @@ -224,3 +750,20 @@ main .section.light, main .section.highlight { background-color: var(--light-color); } + +.dp-none{ + display: none; +} + +@media screen and (max-width: 1400px) { + .section.page-container > div { + max-width: 76.1% !important; + } +} + +@media screen and (max-width: 1024px) { + .section.page-container > div { + max-width: 100% !important; + padding: 0 16px; + } +} \ 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 new file mode 100644 index 0000000000..f86b3b29b0 --- /dev/null +++ b/styles/tab-with-cards/tab-with-cards.css @@ -0,0 +1,142 @@ +/* tab with cards css start */ +.section.tab-with-cards-wrapper .default-content-wrapper> h4 { + color: var(--black); + display: block; + font-family: 'Nunito-Extrabold',sans-serif; + font-size: 32px; + font-weight: 800; + line-height: 40px; + margin-bottom: 8px; +} + +.section.tab-with-cards-wrapper .default-content-wrapper>p { + color: var(--gradient-gray); + display: block; + font-family: 'Nunito-Regular',sans-serif; + font-size: 20px; + font-weight: 400; + line-height: 28px; + margin-bottom: 8px; +} + +.section.tab-with-cards-wrapper .tab-name-wrapper .tab-name.block .carousel-inner { + display: flex; + align-items: center; + margin-top: 24px; +} + +.section.tab-with-cards-wrapper .tab-name-wrapper .tab-name.block .carousel-inner>div { + border-bottom: unset; + border-right: 1px solid #afb9c3; + color: var(--black); + font-family: "Nunito-Bold",sans-serif; + font-size: 16px; + font-weight: 700; + line-height: 24px; + padding: 0 24px; + cursor: pointer; +} +.section.tab-with-cards-wrapper .tab-name-wrapper .tab-name.block .carousel-inner>div:last-child{ + border-right: none; +} + +.section.tab-with-cards-wrapper .tab-name-wrapper .tab-name.block .carousel-inner div:first-child { + padding-left: 0; +} + +.section.tab-with-cards-wrapper .tab-name-wrapper .tab-name.block .carousel-inner>div.active { + color: var(--orange); +} + +.section.tab-with-cards-wrapper .panel-container { + display: grid; + grid-template-columns: 1fr 1fr; + margin-top: 32px; + gap: 24px; +} + +.section.tab-with-cards-wrapper .panel-container .teaser.block.card-full-width { + grid-column: span 2; +} + +.section.tab-with-cards-wrapper .panel-container .teaser.block .background { + background-position: right; + background-size: 100% 100%; + background-repeat: no-repeat; + border-radius: 10px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-box-pack: end; +} + +.section.tab-with-cards-wrapper .panel-container .teaser.block .background >.foreground .text { + display: flex; + flex-direction: column; + justify-content: end; + min-height: 250px; + padding: 38px 32px; + width: 100%; +} + +.section.tab-with-cards-wrapper .panel-container .teaser.block .background >.foreground .text .title> h3 { + color: var(--white); + display: block; + font-family: 'Nunito-Bold',sans-serif; + font-size: 20px; + font-weight: 700; + line-height: 28px; + margin-bottom: 9px; +} + +.section.tab-with-cards-wrapper .panel-container .teaser.block .background >.foreground .text .long-description > p { + color: var(--white); + display: block; + font-family: 'Nunito-Regular',sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 20px; +} + +@media screen and (max-width:768px) { + .section.tab-with-cards-wrapper .default-content-wrapper> h4 { + font-size: 20px; + line-height: 28px; + margin-bottom: 4px; + } + + .section.tab-with-cards-wrapper .default-content-wrapper>p { + font-size: 14px; + line-height: 20px; + margin-bottom: 20px; + } + + .section.tab-with-cards-wrapper .tab-name-wrapper .tab-name.block .carousel-inner>div { + padding: 0 12px; + } + + .section.tab-with-cards-wrapper .panel-container { + grid-template-columns: 1fr; + margin-top: 20px; + gap: 16px; + } + + .section.tab-with-cards-wrapper .panel-container .teaser.block.card-full-width { + grid-column: span 1; + } + + .section.tab-with-cards-wrapper .panel-container .teaser.block .background >.foreground .text { + min-height: 220px; + padding: 16px; + } + + .section.tab-with-cards-wrapper .panel-container .teaser.block .background >.foreground .text .title> h3 { + font-size: 16px; + line-height: 24px; + } + + .section.tab-with-cards-wrapper .panel-container .teaser.block .background >.foreground .text .long-description > p { + font-size: 12px; + line-height: 16px; + } +} +/* tab with cards css end */ \ No newline at end of file diff --git a/styles/table/table.css b/styles/table/table.css new file mode 100644 index 0000000000..1a59467f2c --- /dev/null +++ b/styles/table/table.css @@ -0,0 +1,190 @@ +/* fees and charges start */ + +.section.fees-charges-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; +} + +.section.fees-charges-wrapper .default-content-wrapper p { + color: #666; + display: block; + font-family: 'Nunito-Regular', sans-serif; + font-size: 20px; + font-weight: 400; + line-height: 28px; + padding-bottom: 8px; +} + +.section.fees-charges-wrapper .default-content-wrapper p>strong { + color: var(--black); + display: block; + font-family: 'Nunito-Regular', sans-serif; + font-size: 18px; + font-weight: 400; + line-height: 28px; + padding-bottom: 0; +} + +.section.fees-charges-wrapper .code-wrapper .code>div>table { + border: 1px solid #d7dce1; + border-collapse: unset; + border-radius: 10px; + margin-top: 24px; + width: 100%; +} + +.section.fees-charges-wrapper .code-wrapper .code>div>table>tbody>tr>th { + background-color: var(--rosewhite); + border-bottom: 1px solid #d7dce1; + border-left: 1px solid #d7dce1; + color: #4d4d4d; + font-family: Nunito-Bold, sans-serif; + font-size: 16px; + font-weight: 700; + line-height: 24px; + padding: 24px; + text-align: left; + vertical-align: middle; +} + +.section.fees-charges-wrapper .code-wrapper .code>div>table>tbody>tr :first-child { + border-left: unset; + border-radius: 10px 0 0 0; +} + +.section.fees-charges-wrapper .code-wrapper .code>div>table>tbody>tr :nth-child(2) { + border-radius: 0 10px 0 0; +} + +.section.fees-charges-wrapper .code-wrapper .code>div>table>tbody>tr:last-child td { + border-bottom: unset; +} + +.section.fees-charges-wrapper .code-wrapper .code>div>table>tbody>tr>td { + border-bottom: 1px solid #d7dce1; + border-left: 1px solid #d7dce1; + color: #20303f; + font-family: Nunito-Regular, sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 24px; + padding: 24px; + text-align: left; + vertical-align: middle; +} + +/* table with image */ +.section.fees-charges-wrapper.three-col-table .code-wrapper .code > div > table > tbody > tr>th, +.section.fees-charges-wrapper.three-col-table .code-wrapper .code > div > table > tbody > tr>td { + width: 33.33%; + text-align: center; +} + +.section.fees-charges-wrapper.three-col-table .code-wrapper .code > div > table > tbody > tr>td>p { + position: relative; +} + +.section.fees-charges-wrapper.three-col-table .code-wrapper .code > div > table > tbody > tr>td>p>img { + position: absolute; + width: 18px; + height: 18px; + top: -15px; + left: 47%; +} + +@media screen and (max-width: 767px) { + .section.fees-charges-wrapper .default-content-wrapper h2 { + font-size: 20px; + line-height: 28px; + padding-bottom: 4px; + } + + .section.fees-charges-wrapper .default-content-wrapper p { + font-size: 14px; + line-height: 20px; + padding-bottom: 4px; + } + + .section.fees-charges-wrapper .code-wrapper .code>div>table { + margin-top: 8px; + } + + .section.fees-charges-wrapper .code-wrapper .code>div>table>tbody>tr>th { + padding: 24px 12px 24px 16px; + } + + .section.fees-charges-wrapper .code-wrapper .code>div>table>tbody>tr>td { + font-size: 12px; + line-height: 16px; + padding: 24px 16px; + } + + .section.fees-charges-wrapper .default-content-wrapper p>strong { + font-size: 14px; + line-height: 20px; + } + + .section.fees-charges-wrapper.three-col-table .code-wrapper .code > div > table > tbody > tr>td>p>img { + width: 20px; + height: 12px; + top: 1px; + left: 4px; + } + + .section.fees-charges-wrapper.three-col-table .code-wrapper .code.block>div { + overflow-x: scroll; + scrollbar-width: none; + } + + .section.fees-charges-wrapper.three-col-table .code-wrapper .code.block > div > table > tbody > tr>th, + .section.fees-charges-wrapper.three-col-table .code-wrapper .code.block > div > table > tbody > tr>td { + min-width: 166px; + } +} + +/* fees and charges end */ + + +/* microfinance loans table start */ + +.section.microfinance-loan-wrapper .code-wrapper .code>div>table { + border-radius: unset; +} + +.section.microfinance-loan-wrapper .code-wrapper .code>div>table>tbody>tr :nth-child(2) { + border-radius: unset; +} + +.section.microfinance-loan-wrapper .code-wrapper .code>div>table>tbody>tr:first-child td { + background-color: var(--greyishblue); + color: var(--white); + font-size: 14px; + font-weight: 700; + line-height: 20px; + padding: 20px 0; + text-align: center; + border-radius: unset; +} + +.section.microfinance-loan-wrapper .code-wrapper .code>div>table>tbody>tr>td { + border: 1px solid var(--dark-color); + color: var(--text-color); + font-family: Nunito-Regular, sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 20px; + padding: 20px 0; + text-align: center; + border: unset; +} + +.section.microfinance-loan-wrapper .code-wrapper .code>div>table>tbody>tr :first-child { + border-radius: unset; +} + +/* microfinance loans table end */ \ No newline at end of file diff --git a/styles/years-info-tab/years-info-tab.css b/styles/years-info-tab/years-info-tab.css new file mode 100644 index 0000000000..cbaaff6bb5 --- /dev/null +++ b/styles/years-info-tab/years-info-tab.css @@ -0,0 +1,112 @@ +.section.years-info-tab-wrapper .tab-name.block { + margin: 28px auto; + border: unset; + width: 80%; +} + +.section.years-info-tab-wrapper .tab-name.block .carousel-item { + min-width: 25%; + padding: 20px; + background-color: var(--white); + text-align: right; + font-size: 1rem; + line-height: 1.5rem; + font-family: "Nunito-Bold"; + cursor: pointer; + text-align: center; +} + +.section.years-info-tab-wrapper .tab-name.block .carousel-item.active, +.section.years-info-tab-wrapper .tab-name.block .carousel-item:hover { + color: var(--orange); +} + +.section.years-info-tab-wrapper .tab-name-wrapper { + position: relative; +} + +.section.years-info-tab-wrapper .tab-container-wrapper .tab-container.block .teaser.block .background{ + position: unset; +} + +.section.years-info-tab-wrapper .tab-container-wrapper .tab-container.block .teaser.block .background .foreground { + padding: 1.5rem; + margin-bottom: 1.5rem; + border-radius: 16px; + box-shadow: 0px 4px 12px #33333314; +} + +.section.years-info-tab-wrapper .tab-container-wrapper .tab-container.block .teaser.block .background .foreground .text .title>h3 { + font-size: 1.5rem; + line-height: 2rem; + font-family: "Nunito-Extrabold"; + color: var(--orange); + margin-bottom: 16px; +} + +.section.years-info-tab-wrapper .tab-container-wrapper .tab-container.block .teaser.block .background .foreground .text .long-description>p { + font-family: "Nunito-Regular"; + font-size: 16px; + color: var(--gradient-gray); +} + +.section.years-info-tab-wrapper .tab-name-wrapper .carousel-control { + margin: 0; + padding: 0; + background-color: transparent; + position: absolute; + border: unset; +} + +.section.years-info-tab-wrapper .tab-name-wrapper .carousel-control picture>img { + width: 30px; + height: 30px; +} + +.section.years-info-tab-wrapper .tab-name-wrapper .carousel-control.prev { + left: 7%; + top: 23%; +} + +.section.years-info-tab-wrapper .tab-name-wrapper .carousel-control.next { + right: 7%; + top: 23%; +} + +@media screen and (max-width:768px) { + .section.years-info-tab-wrapper .tab-name.block { + margin: 10px auto; + width: 75%; + } + + .section.years-info-tab-wrapper .tab-name.block .carousel-item { + min-width: 50%; + } + + .section.years-info-tab-wrapper .tab-container-wrapper .tab-container.block .teaser.block .background .foreground { + padding: 1rem; + } + + .section.years-info-tab-wrapper .tab-container-wrapper .tab-container.block .teaser.block .background .foreground .text .title>h3 { + font-size: 1rem; + line-height: 1.5rem; + } + + .section.years-info-tab-wrapper .tab-container-wrapper .tab-container.block .teaser.block .background .foreground .text .long-description>p { + font-size: 0.75rem; + line-height: 1rem; + } + + .section.years-info-tab-wrapper .tab-name-wrapper .carousel-control picture>img { + width: 25px; + height: 25px; + } + + .section.years-info-tab-wrapper .tab-name-wrapper .carousel-control.prev { + left: 6%; + } + + .section.years-info-tab-wrapper .tab-name-wrapper .carousel-control.next { + right: 6%; + } +} \ No newline at end of file