Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 51fecbce by sneha-khedekar
Options

pages update

1 parent 38f09cfa
Inline Side-by-side
Showing 38 changed files with 1019 additions and 603 deletions
components/reuseables/FunctionalAreas.js
......@@ -63,7 +63,7 @@ const services = [
const FunctionalAreas = () => {
return (
<>
<div className="services-area pt-100 pb-70">
<div className="functional-areas pt-100 pb-70">
<Container>
<div className="section-title">
<span className="sub-title">SERVICES</span>
......
components/reuseables/PageBanner.js
......@@ -40,6 +40,7 @@ const PageBanner = ({ banners = [] }) => {
layout="fill"
objectFit="cover"
priority
className="img-fluid"
/>
</div>
<div className="container">
......
components/reuseables/ServicesContent.js
......@@ -15,7 +15,7 @@ const ContentSection = ({
}) => {
return (
<Row
className="align-items-center mb-5 mb-lg-5 mb-xl-5 gx-5"
className="align-items-center mb-5 mb-lg-5 mb-xl-5"
style={{
flexDirection: reverse ? "row-reverse" : "row",
}}
......@@ -31,7 +31,7 @@ const ContentSection = ({
src={imageSrc}
alt={imageAlt}
layout="fill"
className="img-fluid image"
className="object-fit image "
/>
</motion.div>
</Col>
......
components/reuseables/TeamMember.js
import Image from "next/image";
import React from "react";
import { Swiper, SwiperSlide } from "swiper/react";
import { Autoplay } from "swiper/modules";
const team = [
{
......@@ -131,31 +133,61 @@ const TeamMember = () => {
</div>
<div className="row justify-content-center">
{team &&
team.map((member) => (
<div className="col-lg-3 col-md-6 col-sm-6" key={member.id}>
<div className="single-team-member">
<Image src={member.image} alt={member.altText} />
<div className="content">
<h3>{member.name}</h3>
<span>{member.designation}</span>
<ul className="social-links">
{member.socialLinks.map((link) => (
<li key={link.id}>
<a
href={link.url}
target="_blank"
rel="noopener noreferrer"
>
<i className={link.icon}></i>
</a>
</li>
))}
</ul>
<Swiper
spaceBetween={30}
breakpoints={{
0: {
slidesPerView: 2,
},
576: {
slidesPerView: 3,
},
768: {
slidesPerView: 4,
},
992: {
slidesPerView: 4,
},
}}
autoplay={{
delay: 3000,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}}
modules={[Autoplay]}
className="teammemebr-slider"
>
{team &&
team.map((member) => (
<SwiperSlide key={member.id}>
<div
className="col-lg-3 col-md-6 col-sm-6 col-xs-6"
key={member.id}
>
<div className="single-team-member">
<Image src={member.image} alt={member.altText} />
<div className="content">
<h3>{member.name}</h3>
<span>{member.designation}</span>
<ul className="social-links">
{member.socialLinks.map((link) => (
<li key={link.id}>
<a
href={link.url}
target="_blank"
rel="noopener noreferrer"
>
<i className={link.icon}></i>
</a>
</li>
))}
</ul>
</div>
</div>
</div>
</div>
</div>
))}
</SwiperSlide>
))}
</Swiper>
</div>
</div>
</div>
......
components/reuseables/services/MethodMobile.js 0 → 100644
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "../Heading";
const steps = [
{
stepNumber: "01",
title: "Step 1 - Discovery",
description: "lorem demo text lorem demo text",
align: "left", // This will determine the layout
},
{
stepNumber: "02",
title: "Step 2 - Analysis",
description: "lorem demo text lorem demo text",
align: "right",
},
{
stepNumber: "03",
title: "Step 3 - Implementation",
description: "lorem demo text lorem demo text",
align: "left",
},
{
stepNumber: "04",
title: "Step 4 - Analysis",
description: "lorem demo text lorem demo text",
align: "right",
},
// Add more steps as needed
];
const MethodMobile = () => {
return (
<>
<section className="method-mobile p-3 d-block d-md-none d-lg-none">
<div className="section-title">
<span className="sub-title">lorem demo</span>
<Heading el="h2" heading="Method" />
</div>
<Container>
<Row>
<div>
{steps.map((step, index) => (
<div
key={index}
className={`circle-container d-flex ${
step.align === "right" ? "circle-containertwo" : ""
}`}
>
{step.align === "left" && (
<>
<Col xs={4} sm={4}>
<div className="circle-method">
<p className="circle-number">{step.stepNumber}</p>
</div>
</Col>
<Col xs={8} sm={8} className="align-self-center">
<div className="circle-content">
<h6>{step.title}</h6>
<p>{step.description}</p>
</div>
</Col>
</>
)}
{step.align === "right" && (
<>
<Col xs={9} sm={9} className="align-self-center">
<div className="text-align-end circle-content-two">
<h6>{step.title}</h6>
<p>{step.description}</p>
</div>
</Col>
<Col xs={3} sm={3}>
<div className="circle-methodtwo">
<p className="circle-number">{step.stepNumber}</p>
</div>
</Col>
</>
)}
</div>
))}
</div>
</Row>
</Container>
</section>
</>
);
};
export default MethodMobile;
components/reuseables/services/MethodOne.js
......@@ -23,7 +23,7 @@ const MethodOne = ({
} = sliderConfig;
return (
<section className="method-section ptb-100">
<section className="method-section ptb-100 d-none d-sm-none d-lg-block">
<Container>
<div className="section-title">
<span className="sub-title">{sectionTitle}</span>
......
components/reuseables/services/MethodTwo.js
......@@ -11,84 +11,78 @@ const MethodTwoSection = ({
sectionTitle,
subTitle,
methodData,
slidesPerView = 5,
spaceBetween = 30,
autoplayDelay = 5000,
showPagination = true,
showAutoplay = true,
slidesPerView,
breakpoints,
spaceBetween,
autoplayDelay,
showPagination,
showAutoplay,
}) => {
return (
<section className="method ptb-100">
<Container className="justify-content-center align-self-center">
<div className="section-title">
<span className="sub-title">{subTitle}</span>
<Heading el="h2" heading={sectionTitle} />
</div>
<Row className="align-items-center justify-content-center align-self-center">
<Swiper
spaceBetween={spaceBetween}
slidesPerView={slidesPerView}
pagination={showPagination ? { clickable: true } : false}
autoplay={
showAutoplay
? {
delay: autoplayDelay,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}
: false
}
modules={[Pagination, Autoplay]}
className="services-slides"
>
{methodData.map((card, index) => (
<SwiperSlide key={index}>
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="activity-card g-5">
<Col>
{index % 2 === 0 ? (
<>
<div className="image-container mb-2">
<Image
aria-hidden="true"
alt={card.title}
src={card.img}
layout="fill"
className="img-fluid image"
/>
</div>
<div className="method-title">{card.title}</div>
<div className="method-descr">{card.descr}</div>
</>
) : (
<>
<div className="method-title">{card.title}</div>
<div className="method-descr">{card.descr}</div>
<div className="image-container mt-5">
<Image
aria-hidden="true"
alt={card.title}
src={card.img}
layout="fill"
className="img-fluid image"
/>
</div>
</>
)}
</Col>
</div>
</motion.div>
</SwiperSlide>
))}
</Swiper>
</Row>
</Container>
</section>
<>
<section className="method-two ptb-100">
<Container className="justify-content-center align-self-center">
<div className="section-title">
<span className="sub-title">{subTitle}</span>
<Heading el="h2" heading={sectionTitle} />
</div>
<Row className="align-items-center justify-content-center align-self-center">
<Swiper
spaceBetween={spaceBetween}
slidesPerView={slidesPerView}
breakpoints={breakpoints}
pagination={showPagination ? { clickable: true } : false}
autoplay={showAutoplay ? { delay: autoplayDelay } : false}
>
{methodData.map((card, index) => (
<SwiperSlide key={index}>
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="activity-card g-5">
<Col>
{index % 2 === 0 ? (
<>
<div className="image-container mb-2">
<Image
aria-hidden="true"
alt={card.title}
src={card.img}
layout="fill"
className="img-fluid image"
/>
</div>
<div className="method-title">{card.title}</div>
<div className="method-descr">{card.descr}</div>
</>
) : (
<>
<div className="method-title">{card.title}</div>
<div className="method-descr">{card.descr}</div>
<div className="image-container mt-lg-5 mt-xl-5 mt-3 ">
<Image
aria-hidden="true"
alt={card.title}
src={card.img}
layout="fill"
className="img-fluid image method-img-gray"
/>
</div>
</>
)}
</Col>
</div>
</motion.div>
</SwiperSlide>
))}
</Swiper>
</Row>
</Container>
</section>
</>
);
};
......
container/Blog/[slug]/index.js
......@@ -188,9 +188,10 @@ const BlogDetailsContent = () => {
<div className="comment-body">
<footer className="comment-meta">
<div className="comment-author vcard">
<img
<Image
src="/images/user/user1.jpg"
className="avatar"
className="avatar image"
layout="fill"
alt="image"
/>
<b className="fn">John Jones</b>
......@@ -214,228 +215,8 @@ const BlogDetailsContent = () => {
</Link>
</div>
</div>
<ol className="children">
<li className="comment">
<div className="comment-body">
<footer className="comment-meta">
<div className="comment-author vcard">
<img
src="/images/user/user2.jpg"
className="avatar"
alt="image"
/>
<b className="fn">Steven Smith</b>
</div>
<div className="comment-metadata">
<span>January 02, 2024 at 21:59 am</span>
</div>
</footer>
<div className="comment-content">
<p>
Lorem Ipsum has been the industry’s standard
dummy text ever since the 1500s, when an unknown
printer took a galley of type and scrambled it
to make a type specimen.
</p>
</div>
<div className="reply">
<Link href="#" className="comment-reply-link">
Reply
</Link>
</div>
</div>
<ol className="children">
<li className="comment">
<div className="comment-body">
<footer className="comment-meta">
<div className="comment-author vcard">
<img
src="/images/user/user3.jpg"
className="avatar"
alt="image"
/>
<b className="fn">Sarah Taylor</b>
</div>
<div className="comment-metadata">
<span>January 03, 2024 at 05:59 am</span>
</div>
</footer>
<div className="comment-content">
<p>
Lorem Ipsum has been the industry’s standard
dummy text ever since the 1500s, when an
unknown printer took a galley of type and
scrambled it to make a type specimen.
</p>
</div>
<div className="reply">
<Link href="#" className="comment-reply-link">
Reply
</Link>
</div>
</div>
</li>
</ol>
</li>
</ol>
</li>
<li className="comment">
<div className="comment-body">
<footer className="comment-meta">
<div className="comment-author vcard">
<img
src="/images/user/user4.jpg"
className="avatar"
alt="image"
/>
<b className="fn">John Doe</b>
</div>
<div className="comment-metadata">
<span>January 04, 2024 at 05:59 am</span>
</div>
</footer>
<div className="comment-content">
<p>
Lorem Ipsum has been the industry’s standard dummy
text ever since the 1500s, when an unknown printer
took a galley of type and scrambled it to make a
type specimen.
</p>
</div>
<div className="reply">
<Link href="#" className="comment-reply-link">
Reply
</Link>
</div>
</div>
<ol className="children">
<li className="comment">
<div className="comment-body">
<footer className="comment-meta">
<div className="comment-author vcard">
<img
src="/images/user/user1.jpg"
className="avatar"
alt="image"
/>
<b className="fn">James Anderson</b>
</div>
<div className="comment-metadata">
<span>January 05, 2024 at 04:59 am</span>
</div>
</footer>
<div className="comment-content">
<p>
Lorem Ipsum has been the industry’s standard
dummy text ever since the 1500s, when an unknown
printer took a galley of type and scrambled it
to make a type specimen.
</p>
</div>
<div className="reply">
<Link href="#" className="comment-reply-link">
Reply
</Link>
</div>
</div>
</li>
</ol>
</li>
</ol>
<div className="comment-respond">
<h3 className="comment-reply-title">Leave A Reply</h3>
<form className="comment-form">
<p className="comment-notes">
<span id="email-notes">
Your email address will not be published.
</span>
Required fields are marked{" "}
<span className="required">*</span>
</p>
<p className="comment-form-author">
<label>
Name <span className="required">*</span>
</label>
<input
type="text"
id="author"
placeholder="Your Name*"
name="author"
required
/>
</p>
<p className="comment-form-email">
<label>
Email <span className="required">*</span>
</label>
<input
type="email"
id="email"
placeholder="Your Email*"
name="email"
required
/>
</p>
<p className="comment-form-url">
<label>Website</label>
<input
type="url"
id="url"
placeholder="Website"
name="url"
/>
</p>
<p className="comment-form-comment">
<label>Comment</label>
<textarea
name="comment"
id="comment"
cols="45"
placeholder="Your Comment..."
rows="5"
maxLength="65525"
required
></textarea>
</p>
<p className="comment-form-cookies-consent">
<input
type="checkbox"
value="yes"
name="comment-cookies-consent"
id="comment-cookies-consent"
/>
<label htmlFor="comment-cookies-consent">
Save my name, email, and website in this browser for
the next time I comment.
</label>
</p>
<p className="form-submit">
<input
type="submit"
name="submit"
id="submit"
className="submit"
value="Post A Comment"
/>
</p>
</form>
</div>
</div>
</div>
</div>
......
container/BudgetPanorama/index.js
......@@ -76,7 +76,7 @@ const BudgetPanorama = () => {
<>
<PageBanner banners={banners} />
<div className="services-area pt-70 pb-100 bg-light">
<div className="budget-panorama-page-area pt-70 pb-100 bg-light">
<Container>
<div className="section-title">
<span className="sub-title">OUR lorem</span>
......
container/ClientServicing/CFO/CfoPage.js
......@@ -10,6 +10,7 @@ import {
import MethodOne from "@/components/reuseables/services/MethodOne";
import MethodTwoSection from "@/components/reuseables/services/MethodTwo";
import Clientele from "@/components/reuseables/Clientele";
import MethodTwoMobile from "@/components/reuseables/services/MethodMobile";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
......@@ -27,7 +28,7 @@ const CFOData = [
paragraphs: [
"FC & CFO Services at Advith Consulting LLP brings together specialists at different functional layers enabling finance operations in your organisation to function in an efficient manner. Depending upon the requirement of the business, our areas of focus range from streamling routine finance operations to ensuring compliances including taxation and corporate law and even to strategic, business finance & assurance, to provide a holistic approach to financial management. ",
],
imageSrc: "/images/about/people.jpg",
imageSrc: "/images/about.png",
imageAlt: "Client Servicing Image",
},
{
......@@ -36,7 +37,7 @@ const CFOData = [
paragraphs: [
"The significance and role of a finance function in an organisation depends on multiple factors including the vision of the management, nature of business, scale of operations & status of funding among others. At Advith Consulting, we offer FC & CFO Services upon careful evaluation of the requirement of your business. Our role as FC's and CFO's will be to act as enablers in moving from data entry and reporting merely as a compliance to a mechanism wherein we bring together insightful data analysis and financial expertise to offer actionable insights to the leadership team",
],
imageSrc: "/images/home/knowledge.png",
imageSrc: "/images/about.png",
imageAlt: "FC & CFO Services Image",
},
{
......@@ -45,17 +46,33 @@ const CFOData = [
paragraphs: [
"A typical finance function in an organization is structured in the manner of a pyramid with the executors at the base and strategic decision making at the pinnacle. Each layer has incremental responsibilities which are all aligned to the organization’s vision. The pyramid of finance operations is a testament to structured efficiency. Each layer signifies a distinct function, essential to the integrity of the whole. ",
],
imageSrc: "/images/home/knowledge.png",
imageSrc: "/images/about.png",
imageAlt: "FC & CFO Services Image",
},
];
const sliderConfig = {
spaceBetween: 20,
slidesPerView: 5,
showPagination: true,
showAutoplay: true,
autoplayDelay: 4000,
breakpoints: {
320: {
slidesPerView: 2,
spaceBetween: 10,
},
768: {
slidesPerView: 2,
spaceBetween: 20,
},
1024: {
slidesPerView: 3,
spaceBetween: 20,
},
1200: {
slidesPerView: 5,
spaceBetween: 20,
},
},
};
// method one content
const MethodOneData = [
{
......@@ -99,30 +116,30 @@ const MethodOneData = [
];
const methodTwoData = [
{
img: "/images/services/cfo/activity/recurring.png",
img: "/images/shape/iconsvg/recurring.svg",
title: "1. Recurring Activities ",
descr:
"Review of books of accounts, on call advisory, co-ordination with Bankers, Employees, Vendors on finance related matters",
},
{
img: "/images/services/cfo/activity/monthly.png",
img: "/images/shape/iconsvg/monthly.svg",
title: " 2. Monthly Activities",
descr:
"Monthly book closures, payroll processing, compliance management, tracking of budget vs actuals, cash & fund flow management ",
},
{
img: "/images/services/cfo/activity/quarterly.png",
img: "/images/shape/iconsvg/quarterly.svg",
title: "3. Quarterly Activities ",
descr:
"Presentation to the Board, Investment Evaluation, Evaluation of Processes",
},
{
img: "/images/services/cfo/activity/annual.png",
img: "/images/shape/iconsvg/annual.svg",
title: "4. Annual Activities",
descr: "Audit Assistance, Budgeting, Reporting to Investors",
},
{
img: "/images/services/cfo/activity/need.png",
img: "/images/shape/iconsvg/need.svg",
title: "5. Need Based ",
descr: "As per requirement of the Management",
},
......@@ -180,9 +197,6 @@ const CfoPage = () => {
imageSrc={item.imageSrc}
imageAlt={item.imageAlt}
reverse={index % 2 !== 0}
animation={
index % 2 === 0 ? slideFromLeft(0.5) : slideFromRight(0.4)
}
/>
))}
</Container>
......@@ -199,15 +213,18 @@ const CfoPage = () => {
sectionTitle="Elements in CFO Services - Option 2"
subTitle="Methodology 2 - How we do it?"
methodData={methodTwoData}
slidesPerView={5}
spaceBetween={20}
autoplayDelay={4000}
showPagination={true}
showAutoplay={true}
slidesPerView={sliderConfig.slidesPerView}
breakpoints={sliderConfig.breakpoints} // Pass breakpoints here
spaceBetween={sliderConfig.spaceBetween}
autoplayDelay={sliderConfig.autoplayDelay}
showPagination={sliderConfig.showPagination}
showAutoplay={sliderConfig.showAutoplay}
/>
<div className="ptb-100 bg-fafafa">
<Clientele partners={partners} />
</div>
<MethodTwoMobile />
</>
);
};
......
container/Corpedia/index.js
......@@ -77,7 +77,7 @@ const Corpedia = () => {
<>
<PageBanner banners={banners} />
<div className="services-area pt-70 pb-100 bg-light">
<div className="corpedia-page-area pt-70 pb-100 bg-light">
<Container>
<div className="section-title">
<span className="sub-title">OUR lorem</span>
......
container/Home/AreasofExpertise.js
......@@ -64,7 +64,7 @@ const areasofExpertise = [
const AreasofExpertise = () => {
return (
<>
<div className="projects-area pt-100 pb-70 bglight">
<div className="areas-of-expertise pt-100 pb-70 bglight">
<Container>
<div className="section-title">
<span className="sub-title">lorem</span>
......
container/Home/HomeBanner.js
......@@ -35,71 +35,73 @@ const bannerData = [
const HomeBanner = () => {
return (
<Swiper
navigation={true}
grabCursor={true}
effect={"creative"}
creativeEffect={{
prev: {
shadow: true,
translate: [0, 0, -400],
},
next: {
translate: ["100%", 0, 0],
},
}}
autoplay={{
delay: 5000,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}}
modules={[EffectCreative, Navigation, Autoplay]}
className="home-slides"
>
{bannerData.map((banner, index) => (
<SwiperSlide key={index}>
<div
className="main-banner-area"
style={{
backgroundImage: `url(${banner.backgroundImage})`,
}}
>
<Container>
<Row className="align-items-center">
<Col lg={6} md={12}>
<div className="main-banner-content">
<span className="sub-title">{banner.subtitle}</span>
<h1>{banner.title}</h1>
<p>{banner.description}</p>
<div className="btn-box">
<Link href={banner.buttonLink1} className="default-btn">
{banner.buttonText1}
<i className="ri-arrow-right-line"></i>
</Link>
<Link href={banner.buttonLink2} className="default-btn">
{banner.buttonText2}
<i className="ri-arrow-right-line"></i>
</Link>
<section className="home-banner-area">
<Swiper
navigation={true}
grabCursor={true}
effect={"creative"}
creativeEffect={{
prev: {
shadow: true,
translate: [0, 0, -400],
},
next: {
translate: ["100%", 0, 0],
},
}}
autoplay={{
delay: 5000,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}}
modules={[EffectCreative, Navigation, Autoplay]}
className="home-slides"
>
{bannerData.map((banner, index) => (
<SwiperSlide key={index}>
<div
className="main-banner-area"
style={{
backgroundImage: `url(${banner.backgroundImage})`,
}}
>
<Container>
<Row className="align-items-center">
<Col lg={6} md={12}>
<div className="main-banner-content">
<span className="sub-title">{banner.subtitle}</span>
<h1>{banner.title}</h1>
<p>{banner.description}</p>
<div className="btn-box">
<Link href={banner.buttonLink1} className="default-btn">
{banner.buttonText1}
<i className="ri-arrow-right-line"></i>
</Link>
<Link href={banner.buttonLink2} className="default-btn">
{banner.buttonText2}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</div>
</div>
</Col>
</Col>
<div className="col-lg-6 col-md-12">
<div className="main-banner-image">
<Image
layout="fill"
src={banner.image}
alt="image"
className="image-fluid image"
/>
<div className="col-lg-6 col-md-12">
<div className="main-banner-image">
<Image
layout="fill"
src={banner.image}
alt="image"
className="image-fluid image"
/>
</div>
</div>
</div>
</Row>
</Container>
</div>
</SwiperSlide>
))}
</Swiper>
</Row>
</Container>
</div>
</SwiperSlide>
))}
</Swiper>
</section>
);
};
......
container/Home/People.js
......@@ -32,7 +32,7 @@ const data = [
const People = () => {
return (
<>
<div className="call-back-request-area ptb-100">
<div className="people bg-light ptb-100">
<Container>
<Row className="align-items-center">
<Col lg={6} md={12}>
......
container/IndustryFocus/Education.js
......@@ -6,7 +6,11 @@ import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
import {
fadeIn,
slideFromLeft,
slideFromRight,
} from "@/components/reuseables/variants";
const OurApproachData = [
{
title: "Education ",
......@@ -161,53 +165,60 @@ const Education = () => {
</Container>
</div>
<section className="bg-light pb-100 pt-100">
<Container>
<Row>
<Col md={3} sm={12}>
<IndustrySidebar
title="CFO Services"
services={Sidebar}
selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex}
/>
</Col>
<Col md={9} sm={12}>
<Tabs selectedIndex={selectedIndex}>
{serviceData.map((services, index) => (
<TabPanel key={index}>
<Row className="justify-content-center align-items-center">
{services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div>
</Col>
))}
</Row>
</TabPanel>
))}
</Tabs>
</Col>
</Row>
</Container>
<Container className="pt-100">
<Row>
<Col md={3} sm={12}>
<div className="what-we-do-text text-left">
<span className="sub-title">Lorem</span>
<Heading el="h2" heading="Clientele" />
</div>
</Col>
<Col md={8} sm={12} className="align-self-center">
<Clientele partners={partners} />
</Col>
</Row>
</Container>
</section>
<Container>
<Row>
<Col md={3} sm={12}>
<IndustrySidebar
title="CFO Services"
services={Sidebar}
selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex}
/>
</Col>
<Col md={9} sm={12}>
<Tabs selectedIndex={selectedIndex}>
{serviceData.map((services, index) => (
<TabPanel key={index}>
<Row className="justify-content-center align-items-center">
{services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}>
<motion.div
variants={slideFromRight(0.5 * i)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div>
</motion.div>
</Col>
))}
</Row>
</TabPanel>
))}
</Tabs>
</Col>
</Row>
</Container>
<Container className="pt-100">
<Row>
<Col md={3} sm={12}>
<div className="what-we-do-text text-left">
<span className="sub-title">Lorem</span>
<Heading el="h2" heading="Clientele" />
</div>
</Col>
<Col md={8} sm={12} className="align-self-center">
<Clientele partners={partners} />
</Col>
</Row>
</Container>
</section>
</>
);
};
......
container/IndustryFocus/Hospitality.js 0 → 100644
import React, { useState } from "react";
import { Tab, Tabs, TabPanel } from "react-tabs";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion";
import { fadeIn, slideFromRight } from "@/components/reuseables/variants";
const OurApproachData = [
{
title: "Hospitality",
subtitle: "Our Approach",
paragraphs: [
"Our firm supports the life sciences industry by offering tailored financial solutions that drive research and development, statutory compliance, and market expansion. With many global pharma companies establishing their research hubs in India, we provide strategic financial guidance to enhance their operational and financial efficiency. Our expertise ensures that life sciences companies can focus on advancing healthcare while we manage their financial health. ",
],
imageSrc: "/images/about/people.jpg",
imageAlt: "OurApproch",
},
// Add more objects here if you have more content sections
];
const Sidebar = [
{ name: "Business Advisory" },
{ name: "Transaction Advisory" },
{ name: "Risk Advisory" },
];
const TransactionAdvisory = [
{
title: "Due Diligence ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Deal Advisory",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Mergers & Acquisitions",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Fund Raise Assistance",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Restructuring",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Corporate Law Advisory",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
];
const BusinessAdvisory = [
{
title: "Business Modelling & Valuation",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Structuring around Taxation",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
];
const RiskAdvisory = [
{
title: "Establishing Process & Internal Controls",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Review of Internal Controls",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
// Add other services here...
];
const serviceData = [TransactionAdvisory, BusinessAdvisory, RiskAdvisory];
const partners = [
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner2.png",
altText: "partner",
link: "#",
},
{
image: "/images/partner/partner1.png",
altText: "partner",
link: "#",
},
];
const Hospitality = () => {
const [selectedIndex, setSelectedIndex] = useState(0);
return (
<>
<div className="our-approch ptb-100">
<Container>
{OurApproachData.map((item) => (
<Row className="align-items-center" key={item.id}>
<Col lg={6} md={12}>
<div className="what-we-do-text">
<span className="sub-title">{item.subtitle}</span>
<Heading el="h2" heading={item.title} className="h2" />
{item.paragraphs.map((paragraph, index) => (
<p key={index}>{paragraph}</p>
))}
</div>
</Col>
<Col lg={6} md={12}>
<div className="what-we-do-img">
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image
src={item.imageSrc}
alt={item.imageAlt}
layout="fill"
className="img-fluid image"
/>
</motion.div>
</div>
</Col>
</Row>
))}
</Container>
</div>
<section className="bg-light pb-100 pt-100">
<Container>
<Row>
<Col md={3} sm={12}>
<IndustrySidebar
title="CFO Services"
services={Sidebar}
selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex}
/>
</Col>
<Col md={9} sm={12}>
<Tabs selectedIndex={selectedIndex}>
{serviceData.map((services, index) => (
<TabPanel key={index}>
<Row className="justify-content-center align-items-center">
{services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}>
<motion.div
variants={slideFromRight(0.5 * i)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div>
</motion.div>
</Col>
))}
</Row>
</TabPanel>
))}
</Tabs>
</Col>
</Row>
</Container>
<Container className="pt-100">
<Row>
<Col md={3} sm={12}>
<div className="what-we-do-text text-left">
<span className="sub-title">Lorem</span>
<Heading el="h2" heading="Clientele" />
</div>
</Col>
<Col md={8} sm={12} className="align-self-center">
<Clientele partners={partners} />
</Col>
</Row>
</Container>
</section>
</>
);
};
export default Hospitality;
container/IndustryFocus/IndustryPage.js
......@@ -3,6 +3,8 @@ import PageBanner from "@/components/reuseables/PageBanner";
import Education from "./Education";
import LifeSciences from "./LifeSciences";
import Technology from "./Technology";
import RealEstate from "./RealEstate";
import Hospitality from "./Hospitality";
const banners = [
{
......@@ -20,6 +22,8 @@ const IndustryPage = () => {
<Education />
<LifeSciences />
<Technology />
<RealEstate />
<Hospitality />
</>
);
};
......
container/IndustryFocus/LifeSciences.js
......@@ -6,7 +6,7 @@ import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
import { fadeIn, slideFromRight } from "@/components/reuseables/variants";
const OurApproachData = [
{
title: "Life Sciences ",
......@@ -161,53 +161,60 @@ const LifeSciences = () => {
</Container>
</div>
<section className="bg-light pb-100 pt-100">
<Container>
<Row>
<Col md={3} sm={12}>
<IndustrySidebar
title="CFO Services"
services={Sidebar}
selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex}
/>
</Col>
<Col md={9} sm={12}>
<Tabs selectedIndex={selectedIndex}>
{serviceData.map((services, index) => (
<TabPanel key={index}>
<Row className="justify-content-center align-items-center">
{services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div>
</Col>
))}
</Row>
</TabPanel>
))}
</Tabs>
</Col>
</Row>
</Container>
<Container className="pt-100">
<Row>
<Col md={3} sm={12}>
<div className="what-we-do-text text-left">
<span className="sub-title">Lorem</span>
<Heading el="h2" heading="Clientele" />
</div>
</Col>
<Col md={8} sm={12} className="align-self-center">
<Clientele partners={partners} />
</Col>
</Row>
</Container>
</section>
<Container>
<Row>
<Col md={3} sm={12}>
<IndustrySidebar
title="CFO Services"
services={Sidebar}
selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex}
/>
</Col>
<Col md={9} sm={12}>
<Tabs selectedIndex={selectedIndex}>
{serviceData.map((services, index) => (
<TabPanel key={index}>
<Row className="justify-content-center align-items-center">
{services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}>
<motion.div
variants={slideFromRight(0.5 * i)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div>
</motion.div>
</Col>
))}
</Row>
</TabPanel>
))}
</Tabs>
</Col>
</Row>
</Container>
<Container className="pt-100">
<Row>
<Col md={3} sm={12}>
<div className="what-we-do-text text-left">
<span className="sub-title">Lorem</span>
<Heading el="h2" heading="Clientele" />
</div>
</Col>
<Col md={8} sm={12} className="align-self-center">
<Clientele partners={partners} />
</Col>
</Row>
</Container>
</section>
</>
);
};
......
container/IndustryFocus/RealEstate.js
......@@ -6,10 +6,10 @@ import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
import { fadeIn, slideFromRight } from "@/components/reuseables/variants";
const OurApproachData = [
{
title: "Technology",
title: "Real Estate",
subtitle: "Our Approach",
paragraphs: [
"Real estate finance is complex and dynamic. Through our expertise in the field of Real Estate, we will help you navigate the landscape and make informed decisions",
......@@ -20,57 +20,13 @@ const OurApproachData = [
// Add more objects here if you have more content sections
];
const Sidebar = [
{ name: "Transaction Advisory" },
{ name: "Business Advisory" },
{ name: "Risk Advisory" },
];
const TransactionAdvisory = [
{
title: "Due Diligence ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Deal Advisory",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Mergers & Acquisitions",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Fund Raise Assistance",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Restructuring",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Corporate Law Advisory",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{ name: "Transaction Advisory" },
];
const BusinessAdvisory = [
{
title: "ESOP Structuring ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Business Modelling & Valuation",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Transfer Pricing ",
title: "Business Modelling",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
......@@ -80,33 +36,27 @@ const BusinessAdvisory = [
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Cross Border Transactions",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Structuring around Taxation",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
// Add other services here...
];
const RiskAdvisory = [
const TransactionAdvisory = [
{
title: "Establishing Process & Internal Controls",
title: "Deal Advisory ",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
{
title: "Review of Internal Controls",
title: "Mergers & Acquisitions",
serviceIcon: "ri-group-2-line",
descr: "Lorem Ipsum is simply dummy text",
},
// Add other services here...
];
const serviceData = [TransactionAdvisory, BusinessAdvisory, RiskAdvisory];
const serviceData = [BusinessAdvisory, TransactionAdvisory];
const partners = [
{
......@@ -193,13 +143,20 @@ const RealEstate = () => {
<Row className="justify-content-center align-items-center">
{services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
<motion.div
variants={slideFromRight(0.5 * i)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div>
</motion.div>
</Col>
))}
</Row>
......
container/IndustryFocus/Technology.js
......@@ -6,7 +6,7 @@ import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
import { fadeIn, slideFromRight } from "@/components/reuseables/variants";
const OurApproachData = [
{
title: "Technology",
......@@ -193,13 +193,20 @@ const Technology = () => {
<Row className="justify-content-center align-items-center">
{services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
<motion.div
variants={slideFromRight(0.5 * i)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="single-services-item border">
<div className="d-flex align-items-center icon">
<i className={service.serviceIcon}></i>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div>
<h5>{service.title}</h5>
<p>{service.descr}</p>
</div>
</motion.div>
</Col>
))}
</Row>
......
container/Knowledge/BudgetPanorama.js
......@@ -37,7 +37,7 @@ const services = [
const BudgetPanorama = () => {
return (
<>
<div className="services-area pt-70 pb-100 bg-light">
<div className="budget-panorama-area pt-70 pb-100 bg-light">
<Container>
<Row>
<Col lg={8} md={8} sm={12}>
......
container/Knowledge/Corpedia.js
......@@ -38,7 +38,7 @@ const services = [
const Corpedia = () => {
return (
<>
<div className="services-area pt-70 pb-100 bg-light">
<div className="corpedia-area pt-70 pb-100 bg-light">
<Container>
<Row>
<Col lg={8} md={8} sm={12}>
......
container/Knowledge/KnowledgeContent.js
......@@ -18,7 +18,7 @@ const serviceContent = [
const KnowledgeContent = () => {
return (
<>
<div className=" ptb-100">
<div className="knowledge-area ptb-100">
<Container>
<Row className="align-items-center">
<Col lg={6} md={12}>
......
container/Knowledge/TaxWire .js
......@@ -37,7 +37,7 @@ const services = [
const TaxWire = () => {
return (
<>
<div className="services-area pt-70 pb-100 ">
<div className="taxwire-area pt-70 pb-100 ">
<Container>
<Row>
<Col lg={8} md={8} sm={12}>
......
container/People/AdvisoryBoard.js
......@@ -34,7 +34,7 @@ const AdvisoryBoard = () => {
<Row key={index} className="row align-items-center">
{index % 2 === 0 ? (
<>
<Col lg={5} md={5}>
<Col lg={5} md={5} className="order-2 order-md-1">
<div className="testimonial-Image">
<motion.div
variants={fadeIn(0.4)}
......@@ -51,7 +51,7 @@ const AdvisoryBoard = () => {
</motion.div>
</div>
</Col>
<Col lg={7} md={7}>
<Col lg={7} md={7} className="order-1 order-md-2">
<div className="testimonial-content">
<span className="sub-title">{member.title}</span>
<Heading el="h2" heading={member.name} />
......@@ -61,14 +61,14 @@ const AdvisoryBoard = () => {
</>
) : (
<>
<Col lg={7} md={7}>
<Col lg={7} md={7} className="order-1 order-md-1">
<div className="testimonial-content">
<span className="sub-title">{member.title}</span>
<Heading el="h2" heading={member.name} />
<p className="mb-3 mb-lg-0 ">{member.description}</p>
<p className="mb-3 mb-lg-0">{member.description}</p>
</div>
</Col>
<Col lg={5} md={5}>
<Col lg={5} md={5} className="order-2 order-md-2">
<div className="testimonial-Image">
<motion.div
variants={fadeIn(0.4)}
......
container/People/TeamLead.js
import Heading from "@/components/reuseables/Heading";
import Image from "next/image";
import React from "react";
const team = [
......@@ -67,23 +68,25 @@ const TeamLead = () => {
<div className="container">
<div className="section-title">
<span className="sub-title">Team Leads</span>
<Heading
el="h2"
heading="Meet Members of Our Exclusive Team for Your Business"
/>
<Heading el="h2" heading=" Our Exclusive Team for Your Business" />
</div>
<div className="row justify-content-center">
{team &&
team.map((member, index) => (
<div
className={`col-lg-3 col-md-6 col-sm-6 ${
className={`col-lg-3 col-md-6 col-sm-6 col-xs-6 ${
index % 2 === 1 ? "even-member" : ""
}`}
key={member.id}
>
<div className="single-team-member">
<img src={member.image} alt={member.altText} />
<Image
src={member.image}
alt={member.altText}
layout="fill"
className="img-fluid image"
/>
<div className="content">
<h3>{member.name}</h3>
<span>{member.designation}</span>
......
container/People/TeamMembers.js
......@@ -83,10 +83,7 @@ const TeamMember = () => {
<div className="container">
<div className="section-title">
<span className="sub-title">Team Member</span>
<Heading
el="h2"
heading="Meet Members of Our Exclusive Team for Your Business"
/>
<Heading el="h2" heading=" Our Exclusive Team for Your Business" />
</div>
<div className="row justify-content-center">
......
container/TaxWire/index.js
......@@ -77,7 +77,7 @@ const Corpedia = () => {
<>
<PageBanner banners={banners} />
<div className="services-area pt-70 pb-100 ">
<div className="tax-wire-page-area pt-70 pb-100 ">
<Container>
<div className="section-title">
<span className="sub-title">OUR lorem</span>
......
public/images/shape/iconsvg/annual.svg 0 → 100644
<svg width="272" height="287" viewBox="0 0 272 287" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_96_589)">
<g clip-path="url(#clip1_96_589)">
<path d="M1.17813e-05 152.238C0.602819 226.764 61.2551 287 136.003 287C210.751 287 271.397 226.764 272 152.238L1.17813e-05 152.238Z" fill="#F8971F"/>
<g filter="url(#filter0_d_96_589)">
<path d="M32.8161 153.966C32.8161 97.0346 79.0123 50.8757 135.997 50.8757C192.982 50.8757 239.184 97.029 239.184 153.966C239.184 180.549 229.116 204.786 212.57 223.061C210.125 225.763 207.539 228.335 204.824 230.761C201.725 233.541 198.446 236.136 195.016 238.528C191.5 240.971 187.844 243.211 184.03 245.209C183.906 245.277 183.771 245.344 183.647 245.412C180.497 247.055 177.252 248.541 173.917 249.852C170.261 251.305 166.492 252.549 162.633 253.573C161.737 253.815 160.83 254.046 159.918 254.26C157.98 254.721 156.019 255.121 154.047 255.47C152.132 255.813 150.205 256.089 148.262 256.325C144.245 256.804 140.149 257.051 135.991 257.051C79.0067 257.051 32.8104 210.892 32.8104 153.966L32.8161 153.966Z" fill="white"/>
</g>
<path d="M164 124.25C165.862 124.25 167.465 122.861 167.729 121.016L169.231 110.499L169.25 110.25C169.25 108.32 167.68 106.75 165.75 106.75H162.25C160.32 106.75 158.75 108.32 158.75 110.25L160.271 121.016C160.535 122.861 162.138 124.25 164 124.25ZM165.733 110.25L164.266 120.519C164.229 120.781 163.772 120.781 163.734 120.519L162.267 110.25H165.733Z" fill="#F8971F"/>
<path d="M164 138.25C166.894 138.25 169.25 135.894 169.25 133C169.25 130.105 166.894 127.75 164 127.75C161.105 127.75 158.75 130.105 158.75 133C158.75 135.894 161.105 138.25 164 138.25ZM164 131.25C164.964 131.25 165.75 132.036 165.75 133C165.75 133.964 164.964 134.75 164 134.75C163.036 134.75 162.25 133.964 162.25 133C162.25 132.036 163.036 131.25 164 131.25Z" fill="#F8971F"/>
<path d="M191.771 164.5L181.5 149.095L171.229 164.5H179.75V201.25H162.25V204.75H179.75C181.68 204.75 183.25 203.18 183.25 201.25V164.5H191.771ZM181.5 155.405L185.229 161H177.769L181.5 155.405Z" fill="#F8971F"/>
<path d="M125.5 197.75C122.605 197.75 120.25 200.105 120.25 203C120.25 205.894 122.605 208.25 125.5 208.25C128.394 208.25 130.75 205.894 130.75 203C130.75 200.105 128.394 197.75 125.5 197.75ZM125.5 204.75C124.536 204.75 123.75 203.964 123.75 203C123.75 202.036 124.536 201.25 125.5 201.25C126.464 201.25 127.25 202.036 127.25 203C127.25 203.964 126.464 204.75 125.5 204.75Z" fill="#F8971F"/>
<path d="M139.5 197.75C136.605 197.75 134.25 200.105 134.25 203C134.25 205.894 136.605 208.25 139.5 208.25C142.394 208.25 144.75 205.894 144.75 203C144.75 200.105 142.394 197.75 139.5 197.75ZM139.5 204.75C138.536 204.75 137.75 203.964 137.75 203C137.75 202.036 138.536 201.25 139.5 201.25C140.464 201.25 141.25 202.036 141.25 203C141.25 203.964 140.464 204.75 139.5 204.75Z" fill="#F8971F"/>
<path d="M153.5 197.75C150.605 197.75 148.25 200.105 148.25 203C148.25 205.894 150.605 208.25 153.5 208.25C156.394 208.25 158.75 205.894 158.75 203C158.75 200.105 156.394 197.75 153.5 197.75ZM153.5 204.75C152.536 204.75 151.75 203.964 151.75 203C151.75 202.036 152.536 201.25 153.5 201.25C154.464 201.25 155.25 202.036 155.25 203C155.25 203.964 154.464 204.75 153.5 204.75Z" fill="#F8971F"/>
<path d="M90.4993 158.905L100.77 143.5H92.2493V106.75H106.249V103.25H92.2493C90.319 103.25 88.7493 104.82 88.7493 106.75V143.5H80.2285L90.4993 158.905ZM90.4993 152.595L86.77 147H94.2303L90.4993 152.595Z" fill="#F8971F"/>
<path d="M129 110.25C131.894 110.25 134.25 107.894 134.25 105C134.25 102.105 131.894 99.75 129 99.75C126.105 99.75 123.75 102.105 123.75 105C123.75 107.894 126.105 110.25 129 110.25ZM129 103.25C129.964 103.25 130.75 104.036 130.75 105C130.75 105.964 129.964 106.75 129 106.75C128.036 106.75 127.25 105.964 127.25 105C127.25 104.036 128.036 103.25 129 103.25Z" fill="#F8971F"/>
<path d="M115 110.25C117.894 110.25 120.25 107.894 120.25 105C120.25 102.105 117.894 99.75 115 99.75C112.105 99.75 109.75 102.105 109.75 105C109.75 107.894 112.105 110.25 115 110.25ZM115 103.25C115.964 103.25 116.75 104.036 116.75 105C116.75 105.964 115.964 106.75 115 106.75C114.036 106.75 113.25 105.964 113.25 105C113.25 104.036 114.036 103.25 115 103.25Z" fill="#F8971F"/>
<path d="M162.25 194.25C164.18 194.25 165.75 192.68 165.75 190.75V147.724L168.225 145.25H185C187.895 145.25 190.25 142.895 190.25 140V105C190.25 102.105 187.895 99.75 185 99.75H143C140.105 99.75 137.75 102.105 137.75 105V113.75H109.75C107.82 113.75 106.25 115.32 106.25 117.25V170.775L84.4363 192.589C82.7038 194.322 81.75 196.623 81.75 199.08C81.75 204.136 85.8643 208.25 90.927 208.25C93.377 208.25 95.6783 207.296 97.4108 205.564L108.724 194.25H162.25ZM141.25 105C141.25 104.036 142.036 103.25 143 103.25H185C185.964 103.25 186.75 104.036 186.75 105V140C186.75 140.964 185.964 141.75 185 141.75H166.775L159.987 148.538C159.569 148.955 158.75 148.617 158.75 148.026V141.75H143C142.036 141.75 141.25 140.964 141.25 140V105ZM109.75 117.25H137.75V140C137.75 142.895 140.105 145.25 143 145.25H155.25V148.026C155.25 150.355 157.145 152.25 159.475 152.25C160.511 152.25 161.478 151.865 162.25 151.188V190.75H112.224L125.225 177.749L130.372 165.739C130.622 165.156 130.75 164.538 130.75 163.903C130.75 161.338 128.662 159.25 126.097 159.25C125.461 159.25 124.844 159.378 124.263 159.626L112.251 164.773L109.75 167.275V117.25ZM127.157 164.358L126.321 166.311L123.689 163.679L125.644 162.841C126.363 162.531 127.25 163.111 127.25 163.903C127.25 164.061 127.219 164.213 127.157 164.358ZM120.224 165.165L124.835 169.776L123.16 173.686L116.316 166.841L120.224 165.165ZM113.25 168.725L116.026 171.5L97.5 190.025L94.7245 187.25L113.25 168.725ZM100.276 197.75L97.5 200.525L89.4745 192.5L92.25 189.725L100.276 197.75ZM99.9745 192.5L118.5 173.975L121.276 176.75L102.75 195.275L99.9745 192.5ZM90.92 204.75C87.7945 204.75 85.25 202.205 85.25 199.073C85.25 197.558 85.8397 196.135 86.9107 195.064L87 194.975L95.0255 203L94.9362 203.089C93.8652 204.16 92.4407 204.75 90.92 204.75Z" fill="#F8971F"/>
<path d="M113.25 120.75H123.75V124.25H113.25V120.75Z" fill="#F8971F"/>
<path d="M127.25 120.75H134.25V124.25H127.25V120.75Z" fill="#F8971F"/>
<path d="M113.25 127.75H134.25V131.25H113.25V127.75Z" fill="#F8971F"/>
<path d="M113.25 134.75H123.75V138.25H113.25V134.75Z" fill="#F8971F"/>
<path d="M127.25 134.75H134.25V138.25H127.25V134.75Z" fill="#F8971F"/>
<path d="M113.25 141.75H120.25V145.25H113.25V141.75Z" fill="#F8971F"/>
<path d="M123.75 141.75H134.25V145.25H123.75V141.75Z" fill="#F8971F"/>
<path d="M134.25 176.75H158.75V155.75H134.25V176.75ZM137.75 159.25H155.25V173.25H137.75V159.25Z" fill="#F8971F"/>
<path d="M137.024 180.25C135.895 180.25 134.835 180.689 134.037 181.487L132.978 182.546C132.213 181.127 130.752 180.25 129.133 180.25C127.252 180.25 125.588 181.451 124.993 183.234L123.838 186.697L127.158 187.805L128.313 184.342C128.535 183.677 129.592 183.603 129.905 184.229L132.019 188.457L136.511 183.965C136.93 183.544 137.749 183.885 137.749 184.475V187.25H158.749V183.75H141.186C140.843 181.764 139.107 180.25 137.024 180.25Z" fill="#F8971F"/>
<path d="M113.25 148.75H134.25V152.25H113.25V148.75Z" fill="#F8971F"/>
</g>
</g>
<defs>
<filter id="filter0_d_96_589" x="28.8105" y="42.876" width="214.373" height="214.175" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.592157 0 0 0 0 0.121569 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_96_589"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_96_589" result="shape"/>
</filter>
<clipPath id="clip0_96_589">
<rect width="272" height="287" fill="white" transform="translate(272 287) rotate(-180)"/>
</clipPath>
<clipPath id="clip1_96_589">
<rect width="272" height="287" fill="white" transform="translate(272 287) rotate(-180)"/>
</clipPath>
</defs>
</svg>
public/images/shape/iconsvg/monthly.svg 0 → 100644
<svg width="272" height="287" viewBox="0 0 272 287" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_96_531)">
<g clip-path="url(#clip1_96_531)">
<path d="M1.17813e-05 152.238C0.602819 226.764 61.2551 287 136.003 287C210.751 287 271.397 226.764 272 152.238L1.17813e-05 152.238Z" fill="#F8971F"/>
<g filter="url(#filter0_d_96_531)">
<path d="M32.8161 153.966C32.8161 97.0346 79.0123 50.8757 135.997 50.8757C192.982 50.8757 239.184 97.029 239.184 153.966C239.184 180.549 229.116 204.786 212.57 223.061C210.125 225.763 207.539 228.335 204.824 230.761C201.725 233.541 198.446 236.136 195.016 238.528C191.5 240.971 187.844 243.211 184.03 245.209C183.906 245.277 183.771 245.344 183.647 245.412C180.497 247.055 177.252 248.541 173.917 249.852C170.261 251.305 166.492 252.549 162.633 253.573C161.737 253.815 160.83 254.046 159.918 254.26C157.98 254.721 156.019 255.121 154.047 255.47C152.132 255.813 150.205 256.089 148.262 256.325C144.245 256.804 140.149 257.051 135.991 257.051C79.0067 257.051 32.8104 210.892 32.8104 153.966L32.8161 153.966Z" fill="white"/>
</g>
<g clip-path="url(#clip2_96_531)">
<path d="M174.159 136.994H166.663V122.241C166.663 119.715 165.658 117.361 164.014 115.639L159.17 110.57C155.059 106.335 154.54 105.138 152.092 103.95C150.954 103.382 149.455 103 147.944 103H112.561C107.29 103 103.004 107.289 103.004 112.557V164.098H100.988C97.9474 164.098 95.4743 166.571 95.4743 169.612C95.4743 171.125 96.0869 172.495 97.0753 173.492C96.0869 174.488 95.4743 175.859 95.4743 177.372C95.4743 177.94 95.5539 178.277 95.5826 178.463C83.6173 179.68 78.8508 194.49 87.6077 202.528C90.2524 204.956 93.7628 206.332 97.5693 206.177C98.8273 206.177 124.726 206.167 124.759 206.167C127.798 206.167 130.273 203.694 130.273 200.653C130.273 199.14 129.66 197.769 128.672 196.773C129.601 195.835 130.197 194.571 130.265 193.166H132.333V194.271C132.333 201.29 138.043 207 145.062 207H174.159C181.178 207 186.888 201.29 186.888 194.271V149.723C186.888 142.704 181.178 136.994 174.159 136.994ZM161.153 117.377C161.153 117.377 161.155 117.377 161.157 117.381C161.159 117.381 161.159 117.381 161.159 117.381C161.161 117.385 161.165 117.389 161.167 117.391L161.169 117.393C161.173 117.399 161.177 117.403 161.181 117.405C161.183 117.407 161.185 117.409 161.187 117.414C161.189 117.416 161.191 117.416 161.191 117.418C161.193 117.42 161.195 117.42 161.197 117.424C161.201 117.426 161.204 117.43 161.206 117.432H153.018V108.777C159.435 115.559 160.881 117.089 161.153 117.377ZM100.988 167.365H124.759C125.997 167.365 127.005 168.374 127.005 169.612C127.005 170.851 125.996 171.858 124.759 171.858H100.988C99.7505 171.858 98.7418 170.851 98.7418 169.612C98.7416 168.374 99.7505 167.365 100.988 167.365ZM100.988 175.126H124.759C125.997 175.126 127.005 176.135 127.005 177.372C127.005 178.612 125.996 179.618 124.759 179.618H108.34C107.672 179.312 106.98 179.063 106.271 178.871C105.213 178.583 104.118 178.42 103.004 178.391C102.683 178.383 102.362 178.385 102.042 178.399H98.9928C98.8316 178.091 98.7416 177.741 98.7416 177.372C98.7416 176.135 99.7505 175.126 100.988 175.126ZM127.005 185.132C127.005 186.372 125.996 187.379 124.759 187.379H115.616C114.995 185.727 114.06 184.205 112.843 182.886H124.759C125.996 182.886 127.005 183.895 127.005 185.132ZM93.0399 182.2C92.0454 183.143 91.1609 184.264 90.4667 185.5H88.5634C89.8071 183.958 91.3531 182.861 93.0399 182.2ZM86.8254 188.563H89.2047C89.1516 188.792 88.8819 189.672 88.7594 191.012H86.2455C86.3436 190.17 86.5376 189.349 86.8254 188.563ZM87.0889 196.661C86.7275 195.84 86.4682 194.972 86.3211 194.075H88.8167C89.264 196.612 89.2883 196.174 89.4007 196.661H87.0889ZM89.1271 199.724C90.1297 199.722 90.7118 199.728 90.8485 199.72C91.4591 200.683 92.1942 201.576 93.0459 202.378C91.5654 201.797 90.2483 200.908 89.1271 199.724ZM103.067 203.116C97.0896 203.373 92.0289 198.744 91.7756 192.752C91.3651 183.213 102.758 177.719 109.933 184.305C117.005 190.797 112.7 202.72 103.067 203.116ZM124.759 202.899H111.573C113.033 201.664 114.232 200.134 115.083 198.407H124.759C125.997 198.407 127.005 199.416 127.005 200.653C127.005 201.892 125.996 202.899 124.759 202.899ZM126.987 193.166C126.852 194.277 125.905 195.139 124.759 195.139H116.211C116.507 193.722 116.59 192.194 116.409 190.646H124.759C126.135 190.646 127.163 191.878 126.987 193.166ZM132.333 189.899H129.384C129.178 189.578 128.939 189.282 128.672 189.012C130.806 186.86 130.808 183.405 128.672 181.252C129.66 180.256 130.273 178.885 130.273 177.372C130.273 175.859 129.66 174.489 128.672 173.492C132.106 170.029 129.652 164.098 124.759 164.098H106.271V112.557C106.271 109.09 109.093 106.267 112.561 106.267H149.751V119.066C149.751 119.968 150.482 120.7 151.385 120.7H163.201C163.542 122.023 163.331 121.586 163.395 136.994H145.062C138.043 136.994 132.333 142.704 132.333 149.723V189.899ZM183.825 194.271C183.825 199.601 179.489 203.937 174.159 203.937H145.062C139.734 203.937 135.397 199.601 135.397 194.271V149.723C135.397 144.393 139.734 140.057 145.062 140.057H174.159C179.489 140.057 183.825 144.393 183.825 149.723V194.271H183.825Z" fill="#F8971F"/>
<path d="M174.052 143.531H145.171C142.332 143.531 140.029 145.833 140.029 148.673V154.279C140.029 157.119 142.332 159.421 145.171 159.421H150.728C151.574 159.421 152.26 158.736 152.26 157.89C152.26 157.044 151.574 156.358 150.728 156.358H145.171C144.028 156.358 143.092 155.423 143.092 154.279V148.673C143.092 147.53 144.028 146.594 145.171 146.594H174.052C175.2 146.594 176.131 147.528 176.131 148.673V154.279C176.131 155.425 175.2 156.358 174.052 156.358H157.333C156.487 156.358 155.801 157.044 155.801 157.89C155.801 158.736 156.487 159.421 157.333 159.421H174.052C176.889 159.421 179.194 157.114 179.194 154.279V148.673C179.194 145.839 176.888 143.531 174.052 143.531Z" fill="#F8971F"/>
<path d="M148.47 175.806H143.235C141.469 175.806 140.029 177.243 140.029 179.012V184.244C140.029 186.012 141.469 187.45 143.235 187.45H148.47C150.238 187.45 151.676 186.012 151.676 184.244V179.012C151.676 177.243 150.238 175.806 148.47 175.806ZM148.612 184.244C148.612 184.324 148.547 184.387 148.469 184.387H143.235C143.158 184.387 143.092 184.324 143.092 184.244V179.012C143.092 178.932 143.158 178.869 143.235 178.869H148.469C148.547 178.869 148.612 178.932 148.612 179.012V184.244Z" fill="#F8971F"/>
<path d="M176.153 162.123H170.921C169.152 162.123 167.715 163.561 167.715 165.329V170.561C167.715 172.33 169.153 173.767 170.921 173.767H176.153C177.922 173.767 179.359 172.33 179.359 170.561V165.329C179.359 163.561 177.921 162.123 176.153 162.123ZM176.296 170.561C176.296 170.641 176.233 170.704 176.153 170.704H170.921C170.843 170.704 170.778 170.641 170.778 170.561C170.841 165.384 170.645 165.186 170.921 165.186H176.153C176.233 165.186 176.296 165.25 176.296 165.329V170.561Z" fill="#F8971F"/>
<path d="M148.47 162.123H143.235C141.469 162.123 140.029 163.561 140.029 165.329V170.561C140.029 172.33 141.469 173.767 143.235 173.767H148.47C150.238 173.767 151.676 172.33 151.676 170.561V165.329C151.676 163.561 150.238 162.123 148.47 162.123ZM148.612 170.561C148.612 170.641 148.547 170.704 148.469 170.704H143.235C143.158 170.704 143.092 170.641 143.092 170.561V165.329C143.092 165.25 143.158 165.186 143.235 165.186H148.469C148.547 165.186 148.612 165.25 148.612 165.329V170.561Z" fill="#F8971F"/>
<path d="M150.869 189.899C150.28 189.237 149.423 188.818 148.469 188.818H143.235C142.281 188.818 141.424 189.237 140.838 189.899C139.725 191.146 140.102 192.506 140.029 193.166V197.257C140.029 199.025 141.469 200.463 143.235 200.463H148.469C150.238 200.463 151.675 199.025 151.675 197.257V193.166C151.602 192.521 151.975 191.146 150.869 189.899ZM148.469 197.4C143.298 197.336 143.092 197.532 143.092 197.257C143.092 191.716 143.031 191.881 143.235 191.881H148.469C148.72 191.881 148.565 192.231 148.612 193.166C148.612 193.166 148.745 197.4 148.469 197.4Z" fill="#F8971F"/>
<path d="M175.34 175.806H171.734C169.518 175.806 167.715 177.609 167.715 179.825V196.074C167.715 198.494 169.684 200.463 172.102 200.463H174.973C177.393 200.463 179.36 198.494 179.36 196.074V179.825C179.359 177.609 177.558 175.806 175.34 175.806ZM174.973 197.4H172.102C171.373 197.4 170.778 196.805 170.778 196.074V179.825C170.778 179.298 171.207 178.869 171.734 178.869H175.34C175.867 178.869 176.296 179.298 176.296 179.825V196.074C176.296 196.805 175.704 197.4 174.973 197.4Z" fill="#F8971F"/>
<path d="M122.539 147.49C120.671 146.804 119.322 146.308 119.322 144.578C119.322 143.001 120.369 142.202 122.434 142.202C124.627 142.202 125.217 143.167 125.989 143.167C126.83 143.167 127.295 142.275 127.295 141.658C127.295 140.382 125.213 139.749 123.353 139.582V138.432C123.353 137.631 122.702 136.98 121.901 136.98C121.101 136.98 120.45 137.631 120.45 138.432V139.766C117.906 140.37 116.508 142.127 116.508 144.731C116.508 148.296 119.132 149.282 121.242 150.075C123.307 150.85 124.938 151.463 124.938 153.821C124.938 155.769 123.857 156.756 121.724 156.756C118.602 156.756 118.573 154.648 117.382 154.648C116.645 154.648 116.051 155.474 116.051 156.157C116.051 157.364 117.848 158.95 120.45 159.362V160.474C120.45 161.274 121.101 161.925 121.901 161.925C122.702 161.925 123.353 161.274 123.353 160.474V159.332C126.151 158.806 127.752 156.751 127.752 153.669C127.752 149.406 124.861 148.344 122.539 147.49Z" fill="#F8971F"/>
<path d="M164.45 189.717C163.875 189.161 163.09 188.818 162.229 188.818H156.994C156.041 188.818 155.183 189.237 154.595 189.899C153.486 191.148 153.862 192.506 153.788 193.166V197.257C153.788 199.025 155.226 200.463 156.994 200.463H162.229C163.995 200.463 165.433 199.025 165.433 197.257V192.022C165.433 191.118 165.055 190.299 164.45 189.717ZM162.229 197.4C157.058 197.336 156.851 197.532 156.851 197.257V192.022C156.851 191.945 156.917 191.881 156.994 191.881H162.229C162.306 191.881 162.369 191.945 162.369 192.022C162.308 197.206 162.5 197.4 162.229 197.4Z" fill="#F8971F"/>
<path d="M162.229 162.123H156.995C155.227 162.123 153.789 163.561 153.789 165.329V170.561C153.789 172.33 155.227 173.767 156.995 173.767H162.229C162.642 173.767 163.034 173.69 163.395 173.547C164.588 173.079 165.434 171.917 165.434 170.561V165.329C165.433 163.554 163.988 162.123 162.229 162.123ZM162.229 170.704H156.995C156.918 170.704 156.852 170.641 156.852 170.561V165.329C156.852 165.054 157.042 165.248 162.229 165.186C162.307 165.186 162.37 165.25 162.37 165.329V170.561C162.37 170.641 162.307 170.704 162.229 170.704Z" fill="#F8971F"/>
<path d="M163.395 176.026C163.034 175.883 162.642 175.806 162.229 175.806H156.995C155.227 175.806 153.789 177.243 153.789 179.012V184.244C153.789 186.012 155.227 187.45 156.995 187.45H162.229C163.996 187.45 165.433 186.012 165.433 184.244V179.012C165.433 177.656 164.588 176.494 163.395 176.026ZM162.37 184.244C162.37 184.324 162.307 184.387 162.229 184.387H156.995C156.918 184.387 156.852 184.324 156.852 184.244V179.012C156.852 178.932 156.918 178.869 156.995 178.869H162.229C162.307 178.869 162.37 178.932 162.37 179.012V184.244Z" fill="#F8971F"/>
<path d="M153.389 123.93H149.541C148.696 123.93 148.01 124.616 148.01 125.462C148.01 126.309 148.696 126.993 149.541 126.993H153.389C154.234 126.993 154.92 126.309 154.92 125.462C154.92 124.616 154.234 123.93 153.389 123.93Z" fill="#F8971F"/>
<path d="M143.415 123.93H116.254C115.409 123.93 114.723 124.616 114.723 125.462C114.723 126.309 115.409 126.993 116.254 126.993H143.415C144.261 126.993 144.947 126.309 144.947 125.462C144.947 124.616 144.261 123.93 143.415 123.93Z" fill="#F8971F"/>
<path d="M121.123 131.533H116.254C115.409 131.533 114.723 132.219 114.723 133.065C114.723 133.91 115.409 134.596 116.254 134.596H121.123C121.968 134.596 122.654 133.91 122.654 133.065C122.654 132.219 121.968 131.533 121.123 131.533Z" fill="#F8971F"/>
<path d="M153.388 131.533H127.248C126.403 131.533 125.717 132.219 125.717 133.065C125.717 133.91 126.403 134.596 127.248 134.596H153.388C154.234 134.596 154.92 133.91 154.92 133.065C154.92 132.219 154.234 131.533 153.388 131.533Z" fill="#F8971F"/>
<path d="M101.736 189.36C101.736 188.975 101.877 188.865 102.01 188.791C102.422 188.564 103.366 188.497 104.231 188.941C104.46 189.059 104.721 189.193 105.06 189.193C106.57 189.193 107.765 186.386 104.157 185.766V185.669C104.157 184.814 103.46 184.117 102.604 184.117C101.749 184.117 101.052 184.814 101.052 185.669V185.964C99.5403 186.512 98.685 187.759 98.685 189.452C98.685 192.064 100.583 192.777 101.969 193.298C103.291 193.794 103.748 194.012 103.748 194.911C103.748 195.473 103.596 195.993 102.498 195.993C100.897 195.993 101.088 194.728 99.8901 194.728C99.0433 194.728 98.4102 195.565 98.4102 196.314C98.4102 197.375 99.5135 198.382 101.052 198.791V198.907C101.052 199.762 101.749 200.459 102.604 200.459C103.46 200.459 104.157 199.763 104.157 198.907V198.75C105.822 198.215 106.799 196.781 106.799 194.819C106.799 190.165 101.736 190.864 101.736 189.36Z" fill="#F8971F"/>
</g>
</g>
</g>
<defs>
<filter id="filter0_d_96_531" x="28.8105" y="42.876" width="214.373" height="214.175" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.592157 0 0 0 0 0.121569 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_96_531"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_96_531" result="shape"/>
</filter>
<clipPath id="clip0_96_531">
<rect width="272" height="287" fill="white" transform="translate(272 287) rotate(-180)"/>
</clipPath>
<clipPath id="clip1_96_531">
<rect width="272" height="287" fill="white" transform="translate(272 287) rotate(-180)"/>
</clipPath>
<clipPath id="clip2_96_531">
<rect width="104" height="104" fill="white" transform="translate(83 103)"/>
</clipPath>
</defs>
</svg>
public/images/shape/iconsvg/need.svg 0 → 100644
<svg width="272" height="287" viewBox="0 0 272 287" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_96_516)">
<path d="M272 142.762C271.397 68.2356 210.745 8 135.997 8C61.2494 8 0.602804 68.2356 0 142.762H272Z" fill="#F8971F"/>
<g filter="url(#filter0_d_96_516)">
<path d="M239.184 141.034C239.184 197.965 192.988 244.124 136.003 244.124C79.0183 244.124 32.8164 197.971 32.8164 141.034C32.8164 114.451 42.8838 90.2145 59.4299 71.9389C61.875 69.2372 64.4608 66.6651 67.1763 64.2392C70.2748 61.4587 73.5536 58.864 76.9845 56.4719C80.4999 54.0292 84.1562 51.7891 87.9702 49.791C88.0941 49.7234 88.2293 49.6559 88.3533 49.5884C91.5025 47.9448 94.7475 46.4589 98.0827 45.1475C101.739 43.6954 105.508 42.4515 109.367 41.4271C110.263 41.1851 111.17 40.9543 112.082 40.7404C114.02 40.2789 115.981 39.8793 117.953 39.5303C119.868 39.187 121.795 38.9112 123.738 38.6748C127.755 38.1964 131.851 37.9487 136.009 37.9487C192.993 37.9487 239.19 84.1076 239.19 141.034H239.184Z" fill="white"/>
</g>
<path d="M182.375 143.164V139.258C183.453 139.258 184.328 138.383 184.328 137.305V125.586C184.328 124.507 183.453 123.633 182.375 123.633H171.828L171.45 122.166C170.586 118.81 169.245 115.596 167.465 112.623L166.684 111.316L174.172 103.815C174.926 103.059 174.926 101.836 174.172 101.08L165.877 92.7734C165.111 92.0433 163.908 92.0433 163.142 92.7734L155.64 100.275L154.334 99.4942C151.356 97.7135 148.139 96.3722 144.779 95.5078L143.313 95.1263V84.5703C143.313 83.4915 142.438 82.6172 141.359 82.6172H129.641C128.562 82.6172 127.688 83.4915 127.688 84.5703V95.1172L126.22 95.4964C122.865 96.3593 119.651 97.7005 116.676 99.4782L115.369 100.26L107.869 92.7734C107.103 92.0372 105.892 92.0372 105.125 92.7734L96.8281 101.068C96.4634 101.432 96.2582 101.926 96.2582 102.441C96.2582 102.957 96.4634 103.451 96.8281 103.815L104.33 111.316L103.549 112.623C101.77 115.596 100.428 118.81 99.5648 122.166L99.1818 123.633H88.625C87.5462 123.633 86.6719 124.507 86.6719 125.586V137.305C86.6719 138.383 87.5462 139.258 88.625 139.258V143.164C85.3894 143.164 82.7656 140.54 82.7656 137.305V125.586C82.7656 122.35 85.3894 119.727 88.625 119.727H96.1819C96.9876 117.026 98.0771 114.418 99.432 111.948L94.0609 106.577C92.9623 105.48 92.3451 103.992 92.3451 102.441C92.3451 100.89 92.9623 99.4026 94.0609 98.307L102.362 90.0063C104.674 87.793 108.32 87.793 110.633 90.0063L116.002 95.3751C118.473 94.0208 121.081 92.9337 123.781 92.1288V84.5703C123.781 81.3347 126.405 78.7109 129.641 78.7109H141.359C144.595 78.7109 147.219 81.3347 147.219 84.5703V92.1288C149.92 92.9337 152.527 94.0231 154.998 95.3774L160.369 90.0063C162.682 87.793 166.327 87.793 168.641 90.0063L176.94 98.3048C178.038 99.4011 178.654 100.887 178.654 102.439C178.654 103.991 178.038 105.479 176.94 106.574L171.569 111.945C172.923 114.417 174.012 117.026 174.818 119.727H182.375C185.611 119.727 188.234 122.35 188.234 125.586V137.305C188.234 140.54 185.611 143.164 182.375 143.164Z" fill="#F8971F"/>
<path d="M162.844 131.445H158.938C158.938 118.501 148.444 108.008 135.5 108.008C122.556 108.008 112.063 118.501 112.063 131.445H108.156C108.156 116.344 120.398 104.102 135.5 104.102C150.601 104.102 162.844 116.344 162.844 131.445Z" fill="#F8971F"/>
<path d="M135.5 147.07C129.028 147.07 123.781 141.823 123.781 135.352C123.781 128.88 129.028 123.633 135.5 123.633C141.973 123.633 147.219 128.88 147.219 135.352C147.212 141.821 141.97 147.063 135.5 147.07ZM135.5 127.539C131.186 127.539 127.688 131.037 127.688 135.352C127.688 139.666 131.186 143.164 135.5 143.164C139.814 143.164 143.313 139.666 143.313 135.352C143.313 131.037 139.814 127.539 135.5 127.539Z" fill="#F8971F"/>
<path d="M168.703 154.883C162.231 154.883 156.984 149.635 156.984 143.164C156.984 136.692 162.231 131.445 168.703 131.445C175.175 131.445 180.422 136.692 180.422 143.164C180.415 149.634 175.173 154.876 168.703 154.883ZM168.703 135.352C164.389 135.352 160.891 138.85 160.891 143.164C160.891 147.478 164.389 150.977 168.703 150.977C173.018 150.977 176.516 147.478 176.516 143.164C176.516 138.85 173.018 135.352 168.703 135.352Z" fill="#F8971F"/>
<path d="M102.297 154.883C95.8249 154.883 90.5781 149.635 90.5781 143.164C90.5781 136.692 95.8249 131.445 102.297 131.445C108.77 131.445 114.016 136.692 114.016 143.164C114.009 149.634 108.767 154.876 102.297 154.883ZM102.297 135.352C97.9825 135.352 94.4844 138.85 94.4844 143.164C94.4844 147.478 97.9825 150.977 102.297 150.977C106.611 150.977 110.109 147.478 110.109 143.164C110.109 138.85 106.611 135.352 102.297 135.352Z" fill="#F8971F"/>
<path d="M186.409 159.894C183.499 157.893 180.048 156.826 176.516 156.836H160.891C159.941 156.844 158.992 156.931 158.056 157.093C156.807 155.139 155.181 153.452 153.273 152.13C152.987 151.914 152.687 151.718 152.373 151.545C149.641 149.89 146.506 149.019 143.313 149.024H127.688C121.714 149.002 116.149 152.05 112.949 157.093C112.011 156.931 111.061 156.844 110.109 156.836H94.4844C90.955 156.826 87.505 157.892 84.5959 159.89C79.7879 163.162 76.9093 168.599 76.9062 174.414V182.227C76.9131 187.56 80.016 192.403 84.8599 194.637C86.6482 195.479 88.6021 195.91 90.5781 195.899H110.109V191.992H92.5313V170.508H88.625V191.796C87.8895 191.649 87.1754 191.411 86.4979 191.09C83.038 189.494 80.8201 186.036 80.8125 182.227V174.414C80.8171 169.888 83.0594 165.658 86.8008 163.113C89.0614 161.561 91.7416 160.735 94.4844 160.742H110.109C110.453 160.742 110.785 160.779 111.121 160.802C110.46 162.665 110.118 164.626 110.109 166.602V186.133C110.116 191.524 114.485 195.892 119.875 195.899H125.734V164.649H121.828V191.992H119.875C116.639 191.992 114.016 189.369 114.016 186.133V166.602C114.016 159.05 120.137 152.93 127.688 152.93H143.313C145.826 152.931 148.288 153.627 150.431 154.939C150.63 155.048 150.821 155.17 151.001 155.304C152.832 156.558 154.334 158.232 155.381 160.187C156.433 162.161 156.984 164.364 156.984 166.602V186.133C156.984 189.369 154.361 191.992 151.125 191.992H149.172V164.649H145.266V195.899H151.125C156.516 195.892 160.884 191.524 160.891 186.133V166.602C160.881 164.626 160.54 162.666 159.881 160.802C160.217 160.779 160.549 160.742 160.891 160.742H176.516C179.26 160.735 181.942 161.563 184.205 163.117C187.943 165.663 190.182 169.891 190.188 174.414V182.227C190.181 186.05 187.946 189.518 184.469 191.105C183.802 191.421 183.098 191.653 182.375 191.796V170.508H178.469V191.992H160.891V195.899H180.422C182.386 195.911 184.329 195.485 186.107 194.652C190.967 192.425 194.086 187.573 194.094 182.227V174.414C194.091 168.601 191.214 163.166 186.409 159.894Z" fill="#F8971F"/>
<path d="M127.688 191.992H143.313V195.898H127.688V191.992Z" fill="#F8971F"/>
</g>
<defs>
<filter id="filter0_d_96_516" x="28.8164" y="37.9487" width="214.373" height="214.175" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.592157 0 0 0 0 0.121569 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_96_516"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_96_516" result="shape"/>
</filter>
<clipPath id="clip0_96_516">
<rect width="272" height="287" fill="white"/>
</clipPath>
</defs>
</svg>
public/images/shape/iconsvg/quarterly.svg 0 → 100644
<svg width="272" height="287" viewBox="0 0 272 287" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_96_456)">
<path d="M272 142.762C271.397 68.2356 210.745 8 135.997 8C61.2494 8 0.602804 68.2356 0 142.762H272Z" fill="#F8971F"/>
<g filter="url(#filter0_d_96_456)">
<path d="M239.184 141.034C239.184 197.965 192.988 244.124 136.003 244.124C79.0183 244.124 32.8164 197.971 32.8164 141.034C32.8164 114.451 42.8838 90.2145 59.4299 71.9389C61.875 69.2372 64.4608 66.6651 67.1763 64.2392C70.2748 61.4587 73.5536 58.864 76.9845 56.4719C80.4999 54.0292 84.1562 51.7891 87.9702 49.791C88.0941 49.7234 88.2293 49.6559 88.3533 49.5884C91.5025 47.9448 94.7475 46.4589 98.0827 45.1475C101.739 43.6954 105.508 42.4515 109.367 41.4271C110.263 41.1851 111.17 40.9543 112.082 40.7404C114.02 40.2789 115.981 39.8793 117.953 39.5303C119.868 39.187 121.795 38.9112 123.738 38.6748C127.755 38.1964 131.851 37.9487 136.009 37.9487C192.993 37.9487 239.19 84.1076 239.19 141.034H239.184Z" fill="white"/>
</g>
<g clip-path="url(#clip1_96_456)">
<path d="M192.348 104.911L172.086 84.6522C171.668 84.2347 171.102 84 170.512 84H110.617C109.387 84 108.391 84.9971 108.391 86.2266V96.0234H93.2471C92.0174 96.0234 91.0205 97.0205 91.0205 98.25C91.0205 99.4795 92.0174 100.477 93.2471 100.477H136.777C138.006 100.477 139.003 99.4795 139.003 98.25C139.003 97.0205 138.006 96.0234 136.777 96.0234H112.844V88.4531H168.285V106.488C168.285 107.718 169.282 108.715 170.512 108.715H188.547V193.547H127.984V187.312H132.438C133.667 187.312 134.664 186.315 134.664 185.086V174.398C134.664 173.169 133.667 172.172 132.438 172.172H127.984V163.711C127.984 162.481 126.988 161.484 125.758 161.484H111.619C116.165 157.808 119.078 152.187 119.078 145.898C119.078 134.849 110.089 125.859 99.0391 125.859C87.9895 125.859 79 134.849 79 145.898C79 152.187 81.9128 157.808 86.4592 161.484H81.2266C79.9968 161.484 79 162.481 79 163.711V174.398C79 175.628 79.9968 176.625 81.2266 176.625H85.6797V182.859H81.2266C79.9968 182.859 79 183.856 79 185.086V195.773C79 197.003 79.9968 198 81.2266 198H125.755H125.758H190.773C192.003 198 193 197.003 193 195.773V106.485C193 105.895 192.765 105.328 192.348 104.911ZM172.738 104.262V91.6015L185.4 104.262H172.738ZM83.4531 145.898C83.4531 137.304 90.445 130.312 99.0391 130.312C107.633 130.312 114.625 137.304 114.625 145.898C114.625 154.493 107.633 161.484 99.0391 161.484C90.445 161.484 83.4531 154.493 83.4531 145.898ZM83.4531 172.172V165.938H123.531V172.172H116.852V170.316C116.852 169.087 115.855 168.09 114.625 168.09C113.395 168.09 112.398 169.087 112.398 170.316V172.172H105.719V170.316C105.719 169.087 104.722 168.09 103.492 168.09C102.262 168.09 101.266 169.087 101.266 170.316V172.172H94.5859V170.316C94.5859 169.087 93.5891 168.09 92.3594 168.09C91.1296 168.09 90.1328 169.087 90.1328 170.316V172.172H87.9062H83.4531ZM123.531 193.547H116.852V192.434C116.852 191.204 115.855 190.207 114.625 190.207C113.395 190.207 112.398 191.204 112.398 192.434V193.547H105.719V192.434C105.719 191.204 104.722 190.207 103.492 190.207C102.262 190.207 101.266 191.204 101.266 192.434V193.547H94.5859V192.434C94.5859 191.204 93.5891 190.207 92.3594 190.207C91.1296 190.207 90.1328 191.204 90.1328 192.434V193.547H83.4531V187.312H87.9062H123.531V193.547ZM123.531 182.859V181.523C123.531 180.294 122.534 179.297 121.305 179.297C120.075 179.297 119.078 180.294 119.078 181.523V182.859H112.398V181.523C112.398 180.294 111.402 179.297 110.172 179.297C108.942 179.297 107.945 180.294 107.945 181.523V182.859H101.266V181.523C101.266 180.294 100.269 179.297 99.0391 179.297C97.8093 179.297 96.8125 180.294 96.8125 181.523V182.859H90.1328V176.625H125.758H130.211V182.859H125.758H123.531Z" fill="#F8971F"/>
<path d="M99.0391 143.698C97.5657 143.698 96.3672 142.703 96.3672 141.479C96.3672 140.256 97.5657 139.26 99.0391 139.26C100.512 139.26 101.711 140.256 101.711 141.479C101.711 142.709 102.708 143.706 103.938 143.706C105.167 143.706 106.164 142.709 106.164 141.479C106.164 138.528 104.106 136.019 101.263 135.142C101.24 133.932 100.254 132.958 99.0391 132.958C97.8238 132.958 96.8374 133.932 96.8147 135.142C93.9723 136.019 91.9141 138.528 91.9141 141.479C91.9141 145.158 95.1103 148.151 99.0391 148.151C100.512 148.151 101.711 149.147 101.711 150.37C101.711 151.594 100.512 152.589 99.0391 152.589C97.5657 152.589 96.3672 151.594 96.3672 150.37C96.3672 149.141 95.3704 148.144 94.1406 148.144C92.9109 148.144 91.9141 149.141 91.9141 150.37C91.9141 153.323 93.9736 155.832 96.8174 156.709C96.8679 157.893 97.8418 158.839 99.0391 158.839C100.236 158.839 101.21 157.893 101.261 156.709C104.104 155.832 106.164 153.323 106.164 150.37C106.164 146.691 102.968 143.698 99.0391 143.698Z" fill="#F8971F"/>
<path d="M128.511 105.82H93.248C92.0183 105.82 91.0215 106.817 91.0215 108.047C91.0215 109.276 92.0183 110.273 93.248 110.273H128.511C129.74 110.273 130.737 109.276 130.737 108.047C130.737 106.817 129.74 105.82 128.511 105.82Z" fill="#F8971F"/>
<path d="M146.417 105.82H139.197C137.968 105.82 136.971 106.817 136.971 108.047C136.971 109.276 137.968 110.273 139.197 110.273H146.417C147.647 110.273 148.644 109.276 148.644 108.047C148.644 106.817 147.647 105.82 146.417 105.82Z" fill="#F8971F"/>
<path d="M147.512 96.6758C147.098 96.2617 146.523 96.0234 145.938 96.0234C145.35 96.0234 144.777 96.2615 144.363 96.6758C143.947 97.09 143.711 97.6644 143.711 98.25C143.711 98.8356 143.947 99.41 144.363 99.824C144.777 100.238 145.352 100.477 145.938 100.477C146.523 100.477 147.098 100.238 147.512 99.824C147.926 99.41 148.164 98.8356 148.164 98.25C148.164 97.6644 147.926 97.09 147.512 96.6758Z" fill="#F8971F"/>
<path d="M118.459 115.617H93.248C92.0183 115.617 91.0215 116.614 91.0215 117.844C91.0215 119.073 92.0183 120.07 93.248 120.07H118.459C119.689 120.07 120.686 119.073 120.686 117.844C120.686 116.614 119.689 115.617 118.459 115.617Z" fill="#F8971F"/>
<path d="M130.084 116.27C129.67 115.855 129.095 115.617 128.51 115.617C127.924 115.617 127.35 115.855 126.936 116.27C126.521 116.684 126.283 117.258 126.283 117.844C126.283 118.429 126.521 119.004 126.936 119.418C127.35 119.832 127.924 120.07 128.51 120.07C129.095 120.07 129.67 119.832 130.084 119.418C130.498 119.004 130.736 118.429 130.736 117.844C130.736 117.258 130.498 116.684 130.084 116.27Z" fill="#F8971F"/>
<path d="M140.771 116.27C140.357 115.855 139.783 115.617 139.197 115.617C138.612 115.617 138.037 115.855 137.623 116.27C137.209 116.684 136.971 117.258 136.971 117.844C136.971 118.429 137.209 119.004 137.623 119.418C138.037 119.832 138.612 120.07 139.197 120.07C139.783 120.07 140.357 119.832 140.771 119.418C141.186 119.004 141.424 118.429 141.424 117.844C141.424 117.258 141.186 116.684 140.771 116.27Z" fill="#F8971F"/>
<path d="M151.459 116.27C151.045 115.855 150.47 115.617 149.885 115.617C149.299 115.617 148.725 115.855 148.311 116.27C147.896 116.684 147.658 117.258 147.658 117.844C147.658 118.429 147.896 119.004 148.311 119.418C148.725 119.832 149.299 120.07 149.885 120.07C150.47 120.07 151.045 119.832 151.459 119.418C151.873 119.004 152.111 118.429 152.111 117.844C152.111 117.258 151.873 116.684 151.459 116.27Z" fill="#F8971F"/>
<path d="M181.311 181.523H140.23C139.001 181.523 138.004 182.52 138.004 183.75C138.004 184.98 139.001 185.977 140.23 185.977H181.311C182.54 185.977 183.537 184.98 183.537 183.75C183.537 182.52 182.54 181.523 181.311 181.523Z" fill="#F8971F"/>
<path d="M180.324 139.452C179.91 139.038 179.336 138.8 178.75 138.8C178.164 138.8 177.59 139.038 177.176 139.452C176.762 139.869 176.523 140.441 176.523 141.029C176.523 141.614 176.762 142.186 177.176 142.601C177.59 143.017 178.164 143.253 178.75 143.253C179.338 143.253 179.91 143.017 180.324 142.601C180.738 142.187 180.977 141.614 180.977 141.029C180.977 140.441 180.738 139.869 180.324 139.452Z" fill="#F8971F"/>
<path d="M178.75 148.144C177.52 148.144 176.523 149.141 176.523 150.37V174.409C176.523 175.639 177.52 176.636 178.75 176.636C179.98 176.636 180.977 175.639 180.977 174.409V150.37C180.977 149.141 179.98 148.144 178.75 148.144Z" fill="#F8971F"/>
<path d="M169.844 148.144C168.614 148.144 167.617 149.141 167.617 150.37V174.409C167.617 175.639 168.614 176.636 169.844 176.636C171.073 176.636 172.07 175.639 172.07 174.409V150.37C172.07 149.141 171.073 148.144 169.844 148.144Z" fill="#F8971F"/>
<path d="M160.938 157.105C159.708 157.105 158.711 158.103 158.711 159.332V174.41C158.711 175.639 159.708 176.636 160.938 176.636C162.167 176.636 163.164 175.639 163.164 174.41V159.332C163.164 158.103 162.167 157.105 160.938 157.105Z" fill="#F8971F"/>
<path d="M152.031 149.238C150.802 149.238 149.805 150.235 149.805 151.465V174.41C149.805 175.639 150.802 176.636 152.031 176.636C153.261 176.636 154.258 175.639 154.258 174.41V151.465C154.258 150.235 153.261 149.238 152.031 149.238Z" fill="#F8971F"/>
<path d="M143.125 155.264C141.895 155.264 140.898 156.261 140.898 157.491V174.41C140.898 175.639 141.895 176.636 143.125 176.636C144.355 176.636 145.352 175.639 145.352 174.41V157.491C145.352 156.261 144.355 155.264 143.125 155.264Z" fill="#F8971F"/>
<path d="M179.727 119.487H173.044C171.814 119.487 170.818 120.484 170.818 121.714C170.818 122.943 171.814 123.94 173.044 123.94H174.351L159.144 139.147L152.496 132.499C152.079 132.082 151.512 131.847 150.922 131.847C150.331 131.847 149.765 132.082 149.348 132.499L135.725 146.123C134.855 146.992 134.855 148.402 135.724 149.271C136.159 149.706 136.729 149.924 137.299 149.924C137.869 149.924 138.439 149.706 138.873 149.271L150.922 137.223L157.57 143.871C157.987 144.288 158.554 144.523 159.144 144.523C159.735 144.523 160.301 144.288 160.719 143.871L177.5 127.089V128.396C177.5 129.626 178.497 130.623 179.727 130.623C180.957 130.623 181.953 129.626 181.953 128.396V121.714C181.953 120.484 180.957 119.487 179.727 119.487Z" fill="#F8971F"/>
</g>
</g>
<defs>
<filter id="filter0_d_96_456" x="28.8164" y="37.9487" width="214.373" height="214.175" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.592157 0 0 0 0 0.121569 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_96_456"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_96_456" result="shape"/>
</filter>
<clipPath id="clip0_96_456">
<rect width="272" height="287" fill="white"/>
</clipPath>
<clipPath id="clip1_96_456">
<rect width="114" height="114" fill="white" transform="translate(79 84)"/>
</clipPath>
</defs>
</svg>
public/images/shape/iconsvg/recurring.svg 0 → 100644
<svg width="272" height="287" viewBox="0 0 272 287" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M272 134.762C271.397 60.2356 210.745 0 135.997 0C61.2494 0 0.602804 60.2356 0 134.762H272Z" fill="#F8971F"/>
<g filter="url(#filter0_d_96_421)">
<path d="M239.184 133.034C239.184 189.965 192.988 236.124 136.003 236.124C79.0183 236.124 32.8164 189.971 32.8164 133.034C32.8164 106.451 42.8838 82.2145 59.4299 63.9389C61.875 61.2372 64.4608 58.6651 67.1763 56.2392C70.2748 53.4587 73.5536 50.864 76.9845 48.4719C80.4999 46.0292 84.1562 43.7891 87.9702 41.791C88.0941 41.7234 88.2293 41.6559 88.3533 41.5884C91.5025 39.9448 94.7475 38.4589 98.0827 37.1475C101.739 35.6954 105.508 34.4515 109.367 33.4271C110.263 33.1851 111.17 32.9543 112.082 32.7404C114.02 32.2789 115.981 31.8793 117.953 31.5303C119.868 31.187 121.795 30.9112 123.738 30.6748C127.755 30.1964 131.851 29.9487 136.009 29.9487C192.993 29.9487 239.19 76.1076 239.19 133.034H239.184Z" fill="white"/>
</g>
<g clip-path="url(#clip0_96_421)">
<path d="M135.5 116.467C130.577 116.467 126.586 120.458 126.586 125.382C126.592 130.303 130.579 134.29 135.5 134.296C140.424 134.296 144.415 130.305 144.415 125.382C144.415 120.458 140.424 116.467 135.5 116.467ZM135.5 130.73C132.546 130.73 130.152 128.336 130.152 125.382C130.155 122.429 132.548 120.036 135.5 120.033C138.454 120.033 140.849 122.428 140.849 125.382C140.849 128.336 138.454 130.73 135.5 130.73Z" fill="#FF941C"/>
<path d="M153.933 121.732L151.471 120.646C151.375 120.302 151.272 119.969 151.161 119.647L152.531 117.283C152.846 116.739 152.851 116.069 152.545 115.52C151.824 114.234 150.964 113.031 149.979 111.934C149.546 111.45 148.885 111.24 148.253 111.385L146.197 111.856V100.422C146.194 96.524 144.072 92.9364 140.658 91.0559C143.378 88.2071 143.273 83.6928 140.424 80.973C137.576 78.2535 133.062 78.3582 130.342 81.2073C127.711 83.9632 127.711 88.3002 130.342 91.0559C126.928 92.9364 124.806 96.524 124.803 100.422V111.856L122.748 111.385C122.116 111.24 121.455 111.45 121.022 111.933C120.037 113.03 119.177 114.232 118.456 115.519C118.149 116.068 118.155 116.738 118.47 117.282L119.84 119.647C119.73 119.965 119.628 120.294 119.534 120.632L116.972 121.724C116.315 122.004 115.889 122.649 115.889 123.364V127.399C115.889 128.114 116.315 128.759 116.972 129.039L119.534 130.131C119.628 130.47 119.73 130.798 119.84 131.116L118.47 133.48C118.155 134.024 118.149 134.694 118.456 135.243C119.176 136.529 120.037 137.732 121.021 138.829C121.454 139.313 122.115 139.524 122.748 139.378L125.337 138.785C125.591 138.984 125.852 139.177 126.121 139.364L126.372 142.111C126.43 142.744 126.821 143.299 127.398 143.566C128.72 144.184 130.107 144.651 131.534 144.955C132.169 145.086 132.825 144.864 133.249 144.374L135.066 142.266H135.935L137.751 144.374C138.175 144.865 138.832 145.088 139.466 144.955C140.893 144.65 142.28 144.184 143.601 143.566C144.178 143.299 144.569 142.745 144.627 142.111L144.879 139.364C145.148 139.178 145.409 138.985 145.664 138.785L148.253 139.378C148.885 139.523 149.547 139.313 149.979 138.829C150.963 137.732 151.823 136.53 152.545 135.244C152.851 134.695 152.846 134.025 152.531 133.481L151.161 131.116C151.272 130.794 151.375 130.46 151.471 130.117L153.933 129.031C154.579 128.745 154.996 128.106 154.997 127.399V123.363C154.996 122.658 154.579 122.018 153.933 121.732ZM135.5 82.5928C137.47 82.5928 139.066 84.1891 139.066 86.1585C139.066 88.1279 137.47 89.7243 135.5 89.7243C133.531 89.7243 131.935 88.1279 131.935 86.1585C131.937 84.19 133.532 82.5948 135.5 82.5928ZM128.369 100.422C128.369 96.483 131.562 93.29 135.5 93.29C139.439 93.29 142.632 96.483 142.632 100.422V106.809C141.608 106.383 140.549 106.048 139.467 105.808C138.832 105.676 138.176 105.899 137.752 106.389L135.935 108.497H135.066L133.251 106.389C132.827 105.899 132.17 105.676 131.535 105.808C130.452 106.048 129.393 106.383 128.369 106.809L128.369 100.422ZM151.43 126.238L149.235 127.207C148.719 127.435 148.342 127.893 148.216 128.442C148.054 129.178 147.829 129.899 147.545 130.597C147.333 131.11 147.372 131.692 147.65 132.172L148.919 134.36C148.631 134.805 148.321 135.239 147.988 135.66L145.601 135.114C145.041 134.984 144.453 135.133 144.024 135.514C143.468 136.002 142.873 136.442 142.243 136.829C141.767 137.124 141.458 137.626 141.407 138.183L141.173 140.729C140.694 140.918 140.215 141.081 139.738 141.217L138.102 139.32C137.763 138.927 137.271 138.701 136.752 138.701H134.248C133.73 138.701 133.237 138.927 132.898 139.32L131.262 141.218C130.785 141.081 130.305 140.918 129.827 140.73L129.594 138.184C129.543 137.626 129.233 137.125 128.756 136.83C128.127 136.442 127.532 136.002 126.977 135.514C126.546 135.133 125.959 134.984 125.399 135.114L123.012 135.661C122.679 135.239 122.369 134.806 122.081 134.36L123.35 132.172C123.628 131.692 123.667 131.11 123.455 130.597C123.171 129.899 122.946 129.178 122.784 128.442C122.657 127.885 122.27 127.422 121.745 127.198L119.454 126.222V124.542L121.745 123.566C122.27 123.342 122.657 122.88 122.784 122.322C122.946 121.586 123.171 120.866 123.455 120.168C123.667 119.655 123.628 119.072 123.35 118.592L122.081 116.404C122.369 115.959 122.679 115.525 123.011 115.104L125.399 115.65C125.959 115.778 126.546 115.629 126.977 115.25C127.532 114.762 128.127 114.322 128.757 113.935C129.233 113.64 129.543 113.139 129.593 112.581L129.827 110.035C130.305 109.846 130.784 109.683 131.263 109.546L132.897 111.444C133.236 111.837 133.729 112.063 134.248 112.063H136.752C137.27 112.063 137.763 111.837 138.102 111.444L139.738 109.546C140.215 109.683 140.694 109.846 141.173 110.035L141.406 112.58C141.457 113.138 141.767 113.64 142.244 113.935C142.873 114.322 143.468 114.762 144.023 115.25C144.454 115.629 145.041 115.778 145.601 115.65L147.988 115.103C148.322 115.525 148.632 115.958 148.919 116.404L147.651 118.592C147.372 119.072 147.333 119.654 147.545 120.167C147.829 120.865 148.054 121.586 148.216 122.322C148.342 122.871 148.72 123.329 149.235 123.557L151.431 124.526V126.238H151.43Z" fill="#FF941C"/>
<path d="M169.374 157.474C164.451 157.474 160.46 161.465 160.46 166.388C160.46 171.311 164.451 175.302 169.374 175.302C174.298 175.302 178.289 171.311 178.289 166.388C178.283 161.467 174.295 157.479 169.374 157.474ZM169.374 171.737C166.42 171.737 164.026 169.342 164.026 166.388C164.026 163.434 166.42 161.039 169.374 161.039C172.328 161.039 174.723 163.434 174.723 166.388C174.72 169.341 172.327 171.734 169.374 171.737Z" fill="#FF941C"/>
<path d="M187.808 162.739L185.345 161.652C185.249 161.308 185.146 160.976 185.035 160.654L186.405 158.29C186.72 157.746 186.726 157.076 186.419 156.527C185.699 155.24 184.839 154.037 183.854 152.94C183.421 152.457 182.76 152.247 182.127 152.392L180.072 152.862V141.428C180.068 137.53 177.947 133.943 174.533 132.062C177.252 129.214 177.148 124.699 174.299 121.98C171.45 119.26 166.936 119.365 164.216 122.214C161.585 124.969 161.585 129.306 164.216 132.062C160.802 133.943 158.68 137.53 158.677 141.428V152.862L156.622 152.391C155.99 152.247 155.33 152.457 154.896 152.939C153.911 154.036 153.051 155.239 152.33 156.525C152.023 157.074 152.029 157.744 152.344 158.288L153.714 160.653C153.604 160.971 153.502 161.3 153.408 161.638L150.846 162.73C150.189 163.01 149.763 163.655 149.763 164.37V168.406C149.763 169.12 150.189 169.765 150.846 170.046L153.408 171.137C153.503 171.477 153.604 171.804 153.714 172.122L152.344 174.486C152.029 175.03 152.023 175.7 152.33 176.249C153.05 177.535 153.911 178.738 154.895 179.836C155.327 180.32 155.989 180.531 156.622 180.384L159.211 179.791C159.465 179.991 159.726 180.184 159.995 180.37L160.246 183.117C160.304 183.75 160.695 184.305 161.272 184.572C162.594 185.191 163.981 185.657 165.408 185.962C166.043 186.094 166.7 185.871 167.123 185.38L168.94 183.273H169.809L171.625 185.38C172.049 185.871 172.706 186.094 173.34 185.962C174.767 185.656 176.154 185.19 177.476 184.572C178.052 184.305 178.443 183.751 178.501 183.118L178.753 180.37C179.022 180.184 179.284 179.991 179.538 179.791L182.127 180.384C182.759 180.531 183.421 180.321 183.853 179.836C184.837 178.738 185.697 177.536 186.419 176.251C186.725 175.701 186.72 175.031 186.405 174.487L185.035 172.123C185.146 171.8 185.25 171.467 185.345 171.123L187.807 170.037C188.453 169.751 188.87 169.112 188.871 168.406V164.37C188.871 163.664 188.454 163.024 187.808 162.739ZM169.375 123.599C171.344 123.599 172.941 125.195 172.941 127.165C172.941 129.134 171.344 130.731 169.375 130.731C167.405 130.731 165.809 129.134 165.809 127.165C165.811 125.196 167.406 123.601 169.375 123.599ZM162.243 141.428C162.243 137.489 165.436 134.296 169.375 134.296C173.313 134.296 176.506 137.489 176.506 141.428V147.816C175.483 147.39 174.423 147.054 173.341 146.814C172.706 146.683 172.05 146.905 171.626 147.395L169.809 149.503H168.941L167.125 147.395C166.701 146.905 166.045 146.683 165.41 146.814C164.327 147.054 163.267 147.39 162.244 147.816V141.428H162.243ZM185.305 167.244L183.109 168.213C182.594 168.441 182.216 168.899 182.091 169.448C181.928 170.184 181.704 170.905 181.42 171.603C181.208 172.116 181.247 172.698 181.525 173.178L182.793 175.366C182.506 175.812 182.196 176.245 181.863 176.667L179.476 176.12C178.916 175.99 178.328 176.139 177.898 176.52C177.343 177.008 176.748 177.449 176.118 177.836C175.642 178.131 175.332 178.632 175.281 179.189L175.048 181.736C174.569 181.925 174.09 182.087 173.613 182.223L171.977 180.326C171.638 179.933 171.145 179.707 170.627 179.707H168.123C167.604 179.708 167.111 179.934 166.773 180.326L165.137 182.224C164.66 182.088 164.18 181.925 163.701 181.736L163.469 179.19C163.418 178.632 163.107 178.131 162.631 177.836C162.001 177.448 161.406 177.008 160.851 176.521C160.422 176.139 159.833 175.99 159.274 176.12L156.887 176.667C156.553 176.245 156.243 175.812 155.956 175.366L157.224 173.179C157.503 172.698 157.542 172.116 157.33 171.603C157.046 170.905 156.821 170.184 156.659 169.448C156.532 168.891 156.145 168.428 155.619 168.204L153.329 167.228V165.548L155.619 164.572C156.145 164.348 156.531 163.886 156.658 163.328C156.821 162.593 157.046 161.872 157.33 161.174C157.542 160.661 157.503 160.078 157.224 159.598L155.956 157.411C156.243 156.965 156.553 156.531 156.886 156.11L159.274 156.657C159.833 156.785 160.421 156.636 160.851 156.256C161.406 155.768 162.002 155.328 162.631 154.941C163.107 154.646 163.417 154.145 163.468 153.587L163.701 151.041C164.18 150.852 164.659 150.689 165.138 150.553L166.772 152.45C167.111 152.843 167.604 153.069 168.123 153.069H170.626C171.145 153.069 171.638 152.843 171.976 152.45L173.612 150.553C174.089 150.689 174.569 150.852 175.048 151.041L175.28 153.586C175.331 154.144 175.642 154.646 176.119 154.941C176.748 155.328 177.343 155.768 177.898 156.256C178.328 156.636 178.916 156.785 179.475 156.657L181.863 156.11C182.196 156.531 182.506 156.964 182.793 157.41L181.525 159.598C181.247 160.078 181.208 160.66 181.42 161.173C181.704 161.871 181.928 162.592 182.091 163.328C182.216 163.877 182.594 164.335 183.109 164.563L185.305 165.532V167.244Z" fill="#FF941C"/>
<path d="M101.625 157.474C96.7021 157.474 92.7109 161.465 92.7109 166.388C92.7167 171.309 96.7044 175.297 101.625 175.302C106.549 175.302 110.54 171.311 110.54 166.388C110.54 161.465 106.549 157.474 101.625 157.474ZM101.625 171.737C98.6713 171.737 96.2767 169.342 96.2767 166.388C96.2798 163.435 98.6727 161.043 101.625 161.039C104.579 161.039 106.974 163.434 106.974 166.388C106.974 169.342 104.579 171.737 101.625 171.737Z" fill="#FF941C"/>
<path d="M120.058 162.739L117.595 161.652C117.499 161.308 117.396 160.976 117.285 160.654L118.655 158.29C118.97 157.746 118.976 157.076 118.669 156.527C117.949 155.24 117.088 154.037 116.104 152.94C115.67 152.457 115.01 152.247 114.377 152.392L112.322 152.862V141.428C112.319 137.53 110.197 133.943 106.783 132.062C109.503 129.214 109.398 124.699 106.549 121.98C103.7 119.26 99.1859 119.365 96.4661 122.214C93.8353 124.969 93.8353 129.306 96.4661 132.062C93.0524 133.943 90.9305 137.53 90.9272 141.428V152.862L88.8717 152.391C88.2399 152.248 87.5796 152.457 87.1464 152.939C86.1616 154.036 85.3009 155.239 84.5799 156.525C84.2735 157.074 84.2788 157.744 84.5937 158.288L85.9639 160.653C85.8524 160.976 85.749 161.309 85.6539 161.652L83.1919 162.739C82.5461 163.024 82.1291 163.664 82.1289 164.37V168.406C82.1291 169.112 82.5459 169.752 83.1919 170.037L85.6548 171.124C85.7506 171.468 85.8538 171.8 85.9648 172.122L84.5946 174.487C84.2795 175.031 84.2742 175.7 84.5806 176.249C85.3011 177.536 86.1616 178.739 87.1461 179.836C87.578 180.321 88.2399 180.531 88.8724 180.385L91.4614 179.792C91.7157 179.991 91.9771 180.184 92.2458 180.371L92.4966 183.117C92.5547 183.751 92.9456 184.305 93.5228 184.573C94.8444 185.191 96.2319 185.657 97.6589 185.962C98.2938 186.095 98.9508 185.872 99.3738 185.381L101.191 183.273H102.059L103.876 185.381C104.3 185.872 104.956 186.094 105.591 185.962C107.017 185.657 108.405 185.191 109.726 184.573C110.303 184.306 110.694 183.751 110.752 183.118L111.003 180.371C111.272 180.184 111.534 179.991 111.788 179.792L114.377 180.385C115.01 180.531 115.672 180.321 116.104 179.836C117.088 178.739 117.948 177.537 118.669 176.251C118.976 175.702 118.97 175.032 118.655 174.487L117.285 172.123C117.396 171.8 117.5 171.467 117.595 171.124L120.058 170.037C120.704 169.752 121.12 169.112 121.121 168.406V164.37C121.121 163.664 120.704 163.024 120.058 162.739ZM101.625 123.599C103.594 123.599 105.191 125.195 105.191 127.165C105.191 129.134 103.594 130.731 101.625 130.731C99.6555 130.731 98.0591 129.134 98.0591 127.165C98.0611 125.196 99.6564 123.601 101.625 123.599ZM94.4934 141.428C94.4934 137.489 97.6863 134.296 101.625 134.296C105.563 134.296 108.756 137.489 108.756 141.428V147.816C107.733 147.39 106.674 147.054 105.591 146.814C104.956 146.683 104.3 146.905 103.876 147.395L102.059 149.503H101.191L99.3756 147.395C98.951 146.905 98.2947 146.683 97.6598 146.814C96.5769 147.054 95.5174 147.39 94.4936 147.816L94.4934 141.428ZM117.555 167.244L115.359 168.213C114.844 168.441 114.466 168.899 114.341 169.448C114.179 170.184 113.954 170.905 113.67 171.603C113.458 172.116 113.497 172.698 113.775 173.178L115.043 175.366C114.756 175.812 114.446 176.245 114.113 176.667L111.726 176.12C111.166 175.989 110.578 176.139 110.148 176.52C109.593 177.008 108.998 177.449 108.368 177.836C107.892 178.131 107.582 178.632 107.531 179.189L107.298 181.736C106.818 181.925 106.34 182.087 105.863 182.223L104.227 180.326C103.888 179.933 103.395 179.707 102.876 179.707H100.373C99.8543 179.708 99.3613 179.934 99.0226 180.326L97.3868 182.224C96.9096 182.088 96.43 181.925 95.9513 181.736L95.7189 179.19C95.6676 178.632 95.3572 178.131 94.8805 177.836C94.2514 177.448 93.6561 177.008 93.1012 176.521C92.6713 176.14 92.0834 175.99 91.5238 176.12L89.1367 176.667C88.8033 176.245 88.4931 175.812 88.2061 175.366L89.4744 173.179C89.7527 172.698 89.7915 172.116 89.5798 171.603C89.2954 170.905 89.0708 170.184 88.9085 169.448C88.783 168.899 88.4053 168.441 87.89 168.213L85.6947 167.244V165.533L87.8903 164.564C88.4057 164.336 88.7833 163.878 88.9087 163.328C89.0708 162.592 89.2954 161.871 89.58 161.174C89.7919 160.661 89.7529 160.078 89.4746 159.598L88.2063 157.41C88.4936 156.965 88.8035 156.531 89.1361 156.11L91.524 156.656C92.0836 156.785 92.6706 156.636 93.1014 156.256C93.6565 155.768 94.252 155.328 94.8816 154.941C95.3576 154.646 95.6674 154.145 95.7182 153.587L95.9515 151.041C96.4302 150.852 96.9092 150.689 97.3879 150.552L99.0219 152.45C99.3609 152.843 99.854 153.069 100.373 153.069H102.877C103.395 153.069 103.888 152.843 104.227 152.45L105.863 150.552C106.34 150.689 106.82 150.852 107.298 151.041L107.531 153.586C107.582 154.144 107.892 154.646 108.369 154.941C108.998 155.328 109.593 155.768 110.148 156.256C110.579 156.636 111.166 156.785 111.726 156.656L114.113 156.11C114.446 156.531 114.756 156.964 115.043 157.41L113.775 159.598C113.497 160.078 113.458 160.66 113.67 161.173C113.954 161.871 114.179 162.592 114.341 163.328C114.466 163.877 114.844 164.335 115.359 164.563L117.555 165.532V167.244H117.555Z" fill="#FF941C"/>
<path d="M116.762 93.5078C105.961 98.076 97.1967 106.425 92.1104 116.992L95.3226 118.539C100.033 108.754 108.149 101.022 118.151 96.7914L116.762 93.5078Z" fill="#FF941C"/>
<path d="M149.513 180.188C140.667 183.085 131.141 183.169 122.245 180.43L121.187 183.836C130.791 186.808 141.083 186.716 150.633 183.573L149.513 180.188Z" fill="#FF941C"/>
<path d="M153.757 93.3071L152.404 96.6066C162.775 100.85 171.165 108.848 175.899 119.005L179.128 117.495C174.017 106.527 164.957 97.8898 153.757 93.3071Z" fill="#FF941C"/>
</g>
<defs>
<filter id="filter0_d_96_421" x="28.8164" y="29.9487" width="214.373" height="214.175" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.972549 0 0 0 0 0.592157 0 0 0 0 0.121569 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_96_421"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_96_421" result="shape"/>
</filter>
<clipPath id="clip0_96_421">
<rect width="107" height="107" fill="white" transform="translate(82 79)"/>
</clipPath>
</defs>
</svg>
styles/responsive.css
......@@ -4,6 +4,23 @@
border: 1px solid #e2e0e0;
padding: 30px;
}
.method-title {
height: auto;
font-size: 15px;
}
.method-descr {
height: auto;
}
.method-two img {
padding: 2vh;
}
.section-title {
max-width: 90%;
}
}
/* Max width 767px */
......@@ -61,6 +78,10 @@
}
.section-title {
max-width: 90%;
}
.section-title {
padding-bottom: 20px;
margin-bottom: 40px;
max-width: 100%;
......@@ -79,8 +100,8 @@
display: none;
}
.section-title p {
max-width: 100%;
.testimonial-Image {
margin: 3vh 1vh;
}
.form-control {
......@@ -331,6 +352,7 @@
.services-box .icon {
font-size: 35px;
margin-bottom: 15px;
text-align: initial;
}
.services-box h3 {
......@@ -1973,7 +1995,7 @@
.section-title {
margin-bottom: 50px;
max-width: 100%;
max-width: 80%;
}
.section-title .sub-title {
......@@ -3242,6 +3264,14 @@
.headings {
font-size: 1.5rem;
}
.method-title {
height: auto;
}
.method-descr {
height: auto;
}
}
/* Min width 992px to Max width 1199px */
......
styles/responsive.scss
......@@ -67,7 +67,7 @@ $value_nine: 1550px;
.section-title {
padding-bottom: 20px;
margin-bottom: 40px;
max-width: 100%;
max-width: 90%;
.sub-title {
font-size: 13px;
......@@ -563,6 +563,7 @@ $value_nine: 1550px;
.testimonial-content {
padding-right: 0;
text-align: center;
padding-top: 2vh;
.sub-title {
font-size: 13px;
......
styles/styles.css
......@@ -4878,7 +4878,7 @@ Blog Area CSS
transition: var(--transition);
height: 55px;
bottom: -2px;
background-image: url(/images/shape/shape2.png);
background-image: url(/images/shape/shape1.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
......@@ -7990,4 +7990,65 @@ Modal CSS
.last-method-container .method-container {
margin-left: -3vw;
}
.circle-method {
border: 1px solid;
padding: 20px;
border-radius: 50%;
width: 20vw;
background-color: var(--mainColor);
color: white !important;
text-align: center;
box-shadow: inset -1px -1px 0px 4px #ffc988bb;
}
.circle-container {
background: linear-gradient(92deg, #e3e3e3 20%, rgb(255 255 255) 89%);
padding: 1vh;
border-radius: 50px 3px 3px 50px;
box-shadow: rgba(0, 0, 0, 0.16) -4px 0px 0px 0px;
}
.circle-number {
font-size: 1.5rem;
font-weight: 600;
color: var(--lightgrayColor);
}
.circle-content h5 {
font-weight: 400;
}
.circle-containertwo {
background: linear-gradient(92deg, #ffffff 20%, #e3e3e3 89%);
padding: 1vh;
border-radius: 3px 50px 50px 3px;
box-shadow: rgba(0, 0, 0, 0.16) 4px 0px 0px 0px;
}
.circle-methodtwo {
border: 1px solid;
border-radius: 50%;
width: 20vw;
background-color: var(--mainColor);
color: white !important;
text-align: center;
padding: 20px;
box-shadow: inset -1px -1px 0px 4px #ffc988bb;
}
.circle-content-two {
padding-right: 30px;
text-align: end;
}
.circle-content-two h5 {
font-weight: 400;
}
.method-img-gray {
filter: grayscale();
}
\ No newline at end of file
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!