Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit e4494dc6 by gaurav
Options

changes

1 parent c2541aff
Expand all
Inline Side-by-side
Showing 28 changed files with 591 additions and 252 deletions
components/reuseables/services/Card.js
......@@ -5,7 +5,7 @@ import Heading from "../Heading";
const Card = ({ heading, data }) => {
console.log("heading", heading)
return (
<section className="ptb-50 variant_cfo_section">
<section className="pt-5 variant_cfo_section">
<Container>
<Row className="justify-content-center">
<Col md={12}>
......
components/reuseables/services/MethodOne.js
......@@ -30,7 +30,7 @@ const MethodOne = ({
<div className="section-title">
<span className="sub-title">{heading.Subtitle}</span>
<Heading el="h2" heading={heading.Title} />
</div>
<p className=" text-center mb-4 mb-lg-5"> <div dangerouslySetInnerHTML={{ __html: heading.Description }} /></p>
<Row className="justify-content-center d-none d-sm-none d-lg-block">
......@@ -41,10 +41,10 @@ const MethodOne = ({
autoplay={
showAutoplay
? {
delay: autoplayDelay,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}
delay: autoplayDelay,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}
: false
}
modules={[Pagination, Autoplay]}
......@@ -59,12 +59,11 @@ const MethodOne = ({
viewport={{ once: false, amount: viewportAmount }}
>
<div
className={`activity-card g-5 ${
index === data.length - 1 ? "last-method-container" : ""
}`}
className={`activity-card g-5 ${index === data.length - 1 ? "last-method-container" : ""
}`}
>
{index % 2 === 0 ? (
<div className="method-container">
<div className={`method-container method-container-${index}`}>
<div className="image-container mb-2 method-one-above-img d-flex">
<Image
aria-hidden="true"
......@@ -75,9 +74,8 @@ const MethodOne = ({
className="img-fluid"
/>
<span
className={`method-line align-self-center ${
index === data.length - 1 ? "d-none" : "d-block"
}`}
className={`method-line align-self-center ${index === data.length - 1 ? "d-none" : "d-block"
}`}
>
<svg
width="100%"
......@@ -97,7 +95,7 @@ const MethodOne = ({
</div>
</div>
) : (
<div className="method-container">
<div className={`method-container method-container-${index}`}>
<div className="method-below-img-content">
<div className="method-title">{item.StepHeading}</div>
<div className="method-descr">{item.StepDescription}</div>
......@@ -112,9 +110,8 @@ const MethodOne = ({
className="img-fluid"
/>
<span
className={`method-line2 align-self-center ${
index === data.length - 1 ? "d-none" : "d-block"
}`}
className={`method-line2 align-self-center ${index === data.length - 1 ? "d-none" : "d-block"
}`}
>
<svg
width="100%"
......@@ -142,15 +139,14 @@ const MethodOne = ({
{data.map((item, index) => (
<div
key={index}
className={`circle-container d-flex ${
index % 2 !== 0 ? "circle-containertwo" : ""
}`}
className={`circle-container d-flex ${index % 2 !== 0 ? "circle-containertwo" : ""
}`}
>
{index % 2 === 0 && (
<>
<Col xs={4} sm={4} className="align-self-center">
<div className="circle-method">
<p className="circle-number">0{index+1}</p>
<p className="circle-number">0{index + 1}</p>
</div>
</Col>
<Col xs={8} sm={8} className="align-self-center">
......@@ -166,13 +162,13 @@ const MethodOne = ({
<>
<Col xs={9} sm={9} className="align-self-center">
<div className="text-align-end circle-content-two">
<h6 className="method-title-moblie">{item.StepHeading}</h6>
<h6 className="method-title-moblie">{item.StepHeading}</h6>
<p className="method-descr-mobile">{item.StepDescription}</p>
</div>
</Col>
<Col xs={2} sm={2} className="align-self-center">
<div className="circle-methodtwo">
<p className="circle-number">0{index+1}</p>
<p className="circle-number">0{index + 1}</p>
</div>
</Col>
</>
......
components/reuseables/services/MethodTwo.js
......@@ -20,16 +20,18 @@ const MethodTwoSection = ({
showPagination = true,
showAutoplay = true,
autoplayDelay = 5000,
breakpoints={
breakpoints = {
0: { slidesPerView: 2 },
576: { slidesPerView: 3 },
768: { slidesPerView: 4 },
992: { slidesPerView: 5 },
},
} = sliderConfig;
console.log(data, 'data');
return (
<>
<section className="method-two ptb-100">
<section className="method-two ">
<Container className="justify-content-center align-self-center">
<div className="section-title">
<span className="sub-title">{heading.Subtitle}</span>
......@@ -71,7 +73,7 @@ const MethodTwoSection = ({
<>
<div className="method-title">{card.StepHeading}</div>
<div className="method-descr1">{card.StepDescription}</div>
<div className="image-container mt-lg-5 mt-xl-5 mt-3 ">
<div className="image-container mt-lg-5 mt-xl-0 mt-3 ">
<Image
aria-hidden="true"
alt={card?.StepImg?.alternativeText ? card?.StepImg?.alternativeText : "image"}
......
container/ClientServicing/Bespoke/WeOffer.js
......@@ -8,8 +8,8 @@ const WeOffer = ({ data, heading }) => {
return (
<section className="HowWeDoIt-section">
<Container fluid className="ps-5 pe-5">
<section className="HowWeDoIt-section weoffer_section pb-5">
<Container fluid className="ps-5 pe-md-5">
<div className="section-title">
<span className="sub-title">{heading?.Subtitle}</span>
<Heading el="h2" heading={heading?.Title} />
......@@ -21,7 +21,7 @@ const WeOffer = ({ data, heading }) => {
<Row className="row-gap-4 justify-content-center">
{data?.carddetails &&
data?.carddetails.map((item, index) => (
<Col md={4} key={index}>
<Col lg={4} md={6} key={index}>
<div className="HowWeDoIt_card ">
<h2>{item?.Title}</h2>
{/* <Image
......
container/ClientServicing/CFO/HowWeDoIt.js
......@@ -3,12 +3,11 @@ import { cleanImage } from "@/layout/imageHandling";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
const HowWeDoIt = ({ data, heading }) => {
const HowWeDoIt = ({ data, heading, classname }) => {
// console.log(data, "datadata");
return (
<section className="HowWeDoIt-section ptb-100">
<section className={`HowWeDoIt-section ptb-100 ${classname || ""}`}>
<Container>
<div className="section-title">
<span className="sub-title">{heading?.Subtitle}</span>
......@@ -21,7 +20,7 @@ const HowWeDoIt = ({ data, heading }) => {
<Row className="row-gap-4 justify-content-center">
{data?.carddetails &&
data?.carddetails.map((item, index) => (
<Col md={4} key={index}>
<Col lg={4} md={6} key={index}>
<div className="HowWeDoIt_card ">
<h2>{item?.Title}</h2>
{/* <Image
......
container/ClientServicing/EmpoweringFinanceConsultants/WhatWeDoWhatDontDo.js
......@@ -7,53 +7,53 @@ const WhatWeDoWhatDontDo = (heading, image, cta) => {
const data = heading?.data;
const ctaBtn = heading?.cta;
const backgroundImageUrl = cleanImage(heading?.image?.url);
return (
<section className="ptb-50">
<div
className=""
style={{
backgroundImage: `url(${backgroundImageUrl})`,
backgroundSize: "cover",
backgroundPosition: "center",
backgroundRepeat: "no-repeat",
padding: "60px 0",
}}
>
<Container>
<Row className="align-items-center">
<Col md={12}>
<h2>{heading?.heading?.Title}</h2>
</Col>
<section className="ptb-50">
<div
className=""
style={{
backgroundImage: `url(${backgroundImageUrl})`, backgroundImage: `linear-gradient(rgba(24, 23, 23, 0.86), rgba(24, 23, 23, 0.74)), url(${backgroundImageUrl})`,
backgroundSize: "cover",
backgroundPosition: "center",
backgroundRepeat: "no-repeat",
padding: "60px 0",
}}
>
<Container>
<Row className="align-items-center">
<Col md={12}>
<h2>{heading?.heading?.Title}</h2>
</Col>
<Col md={9}>
<Row>
{data &&
data.map((item, index) => (
<Col md={6} key={index}>
<div className="download-content">
<h2>{item?.Title}</h2>
<div
className="Description"
dangerouslySetInnerHTML={{ __html: item.Description }}
/>
</div>
</Col>
))}
</Row>
</Col>
<Col md={3} className="align-content-center text-center">
<div className="btn-1">
<Link href={ctaBtn?.URL || "#"} className="default-btn-three">
{ctaBtn?.text}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</Col>
</Row>
</Container>
</div>
</section>
<Col md={9}>
<Row>
{data &&
data.map((item, index) => (
<Col md={6} key={index}>
<div className="download-content">
<h2>{item?.Title}</h2>
<div
className="Description text-white"
dangerouslySetInnerHTML={{ __html: item.Description }}
/>
</div>
</Col>
))}
</Row>
</Col>
<Col md={3} className="align-content-center text-center">
<div className="btn-1 text-white">
<Link href={ctaBtn?.URL || "#"} className="default-btn-three ">
{ctaBtn?.text}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</Col>
</Row>
</Container>
</div>
</section>
);
};
......
container/Corpedia/LeftSideImage.js
......@@ -20,7 +20,7 @@ const LeftSideImage = ({ title, subtitle, image, content, cta }) => {
return (
<>
<section className="leftsideimg ptb-50">
<section className="leftsideimg pb-0 pt-0 ptb-50">
<div className="people">
<Container>
<Row className="align-items-center">
......
container/Corpedia/RightSideImage.js
......@@ -26,7 +26,7 @@ const RightSideImage = ({ title, subtitle, image, content, cta }) => {
<Container>
<Row className="align-items-center">
<Col lg={6} md={12} className="d-flex align-items-center">
<div className="call-back-request-text">
<div className="call-back-request-text pb-2">
<span className="sub-title">{subtitle}</span>
{/* <Heading el="h2" heading={title} className="h2" /> */}
<h2>{title} </h2>
......
container/Home/AreasofExpertise.js
......@@ -81,7 +81,7 @@ const AreasofExpertise = ({AreasofExpertiseList}) => {
AreasofExpertiseList.map((item, index) => {
console.log("Areas", item);
return (
<Col lg={4} md={4} key={item.id}>
<Col lg={4} md={6} key={item.id}>
<div className="single-projects-box">
<motion.div
variants={fadeIn(index * 1)}
......
container/Home/ClientService.js
......@@ -57,7 +57,7 @@ const ClientService = ({ service }) => {
console.log(service, "serviceData");
return (
<>
<div className="services-area pt-100 pt-md-100 pb-5">
<div className="services-area pt-0 pt-md-100 pb-5">
<Container>
<div className="section-title">
<span className="sub-title">Client Servicing</span>
......
container/Home/People.js
......@@ -63,7 +63,7 @@ const People = ({ people }) => {
</Col>
<Col lg={6} md={12}>
<div className="about-content">
<div className="about-content pt-4 pt-md-0">
{/* <span className="sub-title">{heading[0].subtitle}</span> */}
<Heading el="h2" heading={people?.Heading} className="h2" />
......
container/People/AboutPeople.js
......@@ -24,7 +24,7 @@ const aboutPeopleData = [
];
const AboutPeople = ({ aboutPeople }) => {
console.log(aboutPeople)
// console.log(aboutPeople)
return (
<>
<div className="what-we-do-area ptb-100">
......
container/People/AdvisoryBoard.js
......@@ -27,10 +27,10 @@ const advisoryBoardData = [
];
const AdvisoryBoard = ({ advisoryboard }) => {
console.log(advisoryboard);
console.log(advisoryboard, 'advisoryboard');
return (
<>
<div className="testimonial-area ptb-100">
<div className="testimonial-area">
<Container>
<div className="section-title">
<Heading el="h2" heading="Our Founding Team" />
......@@ -65,8 +65,17 @@ const AdvisoryBoard = ({ advisoryboard }) => {
className="advisory-title"
/>
<div className="testimonial-content">
<p>{member.Designation}</p>
<div dangerouslySetInnerHTML={{ __html:member.Description }} />
<div className="d-flex gap-2">
<p className="sub-title">{member.Designation}</p>
<a style={{ cursor: 'pointer' }}
href={member?.Linkdin}
target="_blank"
rel="noopener noreferrer"
>
<i className="ri-linkedin-fill"></i>
</a>
</div>
<div dangerouslySetInnerHTML={{ __html: member.Description }} />
</div>
</Col>
</>
......@@ -79,9 +88,18 @@ const AdvisoryBoard = ({ advisoryboard }) => {
className="advisory-title"
/>
<div className="testimonial-content">
<div className="d-flex gap-2">
<p className="sub-title">{member.Designation}</p>
<a style={{ cursor: 'pointer' }}
href={member?.Linkdin}
target="_blank"
rel="noopener noreferrer"
>
<i className="ri-linkedin-fill"></i>
</a>
</div>
<p>{member.Designation}</p>
<div dangerouslySetInnerHTML={{ __html:member.Description }} />
<div dangerouslySetInnerHTML={{ __html: member.Description }} />
</div>
</Col>
<Col lg={5} md={5} className="order-2 order-md-2">
......@@ -108,7 +126,7 @@ const AdvisoryBoard = ({ advisoryboard }) => {
</Row>
))}
</Container>
</div>
</div>
</>
);
};
......
container/People/TeamLead.js
......@@ -65,7 +65,7 @@ const team = [
const TeamLead = ({ teamlead, teamlist }) => {
return (
<>
<div className="team-area pt-100 pb-70 bg-fafafa">
<div className="team-area pt-md-100 pb-md-70 bg-fafafa">
<div className="container">
<div className="section-title">
<span className="sub-title">
......
layout/Footer.js
......@@ -115,9 +115,17 @@ const Footer = () => {
<div className="footer-contact-info">
<h3>Contact</h3>
<ul>
<li>
<span> <i className="ri-phone-line"></i></span>
<a href="tel:+91-8204200985">
0820-4200-985
</a>
</li>
<li>
<span> <i className="ri-phone-line"></i></span>
<a href="tel:+91-08026719484">
080-26719484
</a>
......@@ -138,7 +146,11 @@ const Footer = () => {
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6 col-md-7 col-sm-6">
<p>&copy; {currentYear} Copyright to update Advith ITeC </p>
<div className="d-md-flex gap-md-2">
<p>&copy; {currentYear} Copyright Advith ITeC</p>
<p className="d-flex gap-2"><span className="d-none d-md-block">| </span> <a href="privacy-policy">Privacy Policy</a>
</p>
</div>
</div>
<div className="col-lg-6 col-md-5 col-sm-6">
......
pages/client-servicing/ba.js
......@@ -32,7 +32,7 @@ const sliderConfig = {
const Ba = ({ bapage ,conversionData }) => {
const Ba = ({ bapage, conversionData }) => {
const dynamicdata = bapage?.BusinessDetails;
// console.log("dynamicdata", dynamicdata);
......@@ -57,10 +57,10 @@ const Ba = ({ bapage ,conversionData }) => {
case "dynamic-zone.about":
return (
<LeftSideImage
title={section?.Title}
subtitle={section?.Subtitle}
image={section?.Image}
content={section?.Content}
title={section?.Title}
subtitle={section?.Subtitle}
image={section?.Image}
content={section?.Content}
/>
);
case "dynamic-zone.background":
......@@ -87,11 +87,11 @@ const Ba = ({ bapage ,conversionData }) => {
/>
);
case "dynamic-zone.card":
return (
<HowWeDoIt heading={section?.Heading}
data={section} />
);
case "dynamic-zone.card":
return (
<HowWeDoIt heading={section?.Heading}
data={section} classname="business_advisory_howitwork" />
);
default:
return null;
}
......@@ -192,7 +192,7 @@ export async function getServerSideProps() {
const endpoint1 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/business-page?${query1String}`;
const endpoint2 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/google-manger?${query12String}`;
// console.log(`Final url: ${endpoint1}`);
const [response1, response2] = await Promise.all([
......@@ -204,7 +204,7 @@ export async function getServerSideProps() {
const conversionData = response2.data.data;
return {
props: { bapage , conversionData },
props: { bapage, conversionData },
};
} catch (error) {
console.log("Error", error);
......
pages/client-servicing/cfo.js
......@@ -233,20 +233,24 @@ const clientservicecfo = ({ cfopage, conversionData }) => {
);
case "dynamic-zone.element-one":
return (
<MethodOne
heading={section?.Heading}
data={section?.ElementList}
/>
<>
<MethodOne
heading={section?.Heading}
data={section?.ElementList}
/>
</>
);
case "dynamic-zone.element-two":
return (
<MethodTwoSection
heading={section?.Heading}
data={section?.ElementList}
/>
<>
<MethodTwoSection
heading={section?.Heading}
data={section?.ElementList}
/>
</>
);
default:
return null;
......@@ -291,7 +295,7 @@ export async function getServerSideProps() {
"CfoDeatils",
"CfoDeatils.Image",
"CfoDeatils.Heading",
"CfoDeatils.ElementList.StepImg",
"Clientel.logos",
"seo",
......
pages/client-servicing/empowering-finance-consultants.js
......@@ -88,7 +88,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
// />
// );
case "dynamic-zone.image":
return (
......@@ -134,20 +134,20 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
cta={section.CTA}
/>
);
case "dynamic-zone.faq":
case "dynamic-zone.faq":
return (
<FaqContent
title={section?.Title}
data={section?.FAQList}
title={section?.Title}
data={section?.FAQList}
/>
);
case "dynamic-zone.card":
case "dynamic-zone.card":
return (
<>
<HowWeDoIt
<HowWeDoIt
heading={section?.Heading}
data={section}
/>
data={section} classname="empowering_howitwork"
/>
</>
);
......@@ -157,7 +157,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
})}
</section>
</div>
<div className="ptb-50">
<Clientele partners={clientlogo} />
</div>
......
pages/client-servicing/ra.js
......@@ -81,7 +81,7 @@ const RaPage = ({ rapage, conversionData }) => {
case "dynamic-zone.card":
return (
<HowWeDoIt heading={section?.Heading}
data={section} />
data={section} classname="risk_advisory_howitwork" />
);
default:
return null;
......
pages/client-servicing/virtual-finance-office/book-closures-audit.js
......@@ -44,7 +44,7 @@ const bookclosures = ({ bookclosurepage, conversionData }) => {
<ConversionCode code={code} />
<PageBanner banners={banners} />
<div className="cfo-services-area ptb-100">
<div className="cfo-services-area pt-md-5">
<section className="cfo-page">
{dynamicdata &&
dynamicdata?.map((section, index) => {
......
pages/client-servicing/virtual-finance-office/virtual-cfo.js
......@@ -99,10 +99,12 @@ const clientservicecfo = ({ cfopage, conversionData }) => {
case "dynamic-zone.element-two":
return (
<MethodTwoSection
heading={section?.Heading}
data={section?.ElementList}
/>
<>
<MethodTwoSection
heading={section?.Heading}
data={section?.ElementList}
/>
</>
);
case "dynamic-zone.image":
return (
......
pages/client-servicing/virtual-finance-office/virtual-fc.js
......@@ -81,10 +81,12 @@ const clientservicefc = ({ fcpage, conversionData }) => {
);
case "dynamic-zone.element-two":
return (
<MethodTwoSection
heading={section?.Heading}
data={section?.ElementList}
/>
<>
<MethodTwoSection
heading={section?.Heading}
data={section?.ElementList}
/>
</>
);
case "dynamic-zone.card":
return (
......
pages/people.js
......@@ -36,7 +36,6 @@ const people = ({ peoplepage, conversionData }) => {
<>
<Seo seo={seo} />
<ConversionCode code={code} />
<PageBanner banners={banners} />
<AboutPeople aboutPeople={aboutPeople} />
<AdvisoryBoard advisoryboard={Advisory} />
......
pages/privacy-policy-old.js 0 → 100644
import React from "react";
import PageBanner from "@/components/reuseables/PageBanner";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "Privacy Policy",
homePageUrl: "/",
homePageText: "Privacy Policy",
activePageText: "Tax Wire",
},
// Add more banners as needed
];
export default function PrivacyPolicy() {
return (
<>
<PageBanner banners={banners} />
<div className="privacy-policy-area ptb-100">
<div className="container">
<div className="privacy-policy-content">
<h3>Types of data we collect and use</h3>
<p>
We may collect personal identification information from Users in a
variety of ways, including, but not limited to, when Users visit
our site, subscribe to the newsletter, fill out a form, and in
connection with other activities, services, features or resources
we make available on our Site. Users may be asked for, as
appropriate, name, email address, mailing address, phone number,
company name. We will collect personal identification information
from Users only if they voluntarily consent such information to
us. Users can always refuse to supply <a href="#">personally</a>{" "}
identification information, except that it may prevent them from
engaging in certain Site related activities.
</p>
<h3>Collection of information</h3>
<p>
This site is provided by <strong>Zixon</strong>.{" "}
<strong>Zixon</strong> collects information in several ways from
different parts of this site.
</p>
<p>
<strong>1.</strong> Complimentary ground shipping within 1 to 7
business days
<br />
<strong>2.</strong> In-store collection available within 1 to 7
business days
<br />
<strong>3.</strong> Next-day and Express delivery options also
available
<br />
<strong>4.</strong> Purchases are delivered in an orange box tied
with a Bolduc ribbon, with the exception of certain items
<br />
<strong>5.</strong> See the delivery FAQs for details on shipping
methods, costs and delivery times
</p>
<h3>Payment methods</h3>
<p>
<strong>Zixon</strong> accepts the following payment methods:
</p>
<ul>
<li>
Credit Card: <strong>Visa</strong>, <strong>MasterCard</strong>,{" "}
<strong>Discover</strong>, <strong>American Express</strong>,{" "}
<strong>JCB</strong>, <strong>Visa Electron</strong>. The total
will be charged to your card when the order is shipped.
</li>
<li>
<strong>Zixon</strong> features a Fast Checkout option, allowing
you to securely save your credit card details so that you don't
have to re-enter them for future purchases.
</li>
<li>
PayPal: Shop easily online without having to enter your credit
card details on the website.Your account will be charged once
the order is completed. To register for a PayPal account, visit
the website{" "}
<a href="#" target="_blank">
paypal.com.
</a>
</li>
</ul>
<h3>Exchanges, returns and refunds</h3>
<p>
Items returned within 14 days of their original shipment date in
same as new condition will be eligible for a full refund or store
credit. Refunds will be charged back form of payment used for
purchase. Customer is responsible for shipping charges when making
returns and shipping/handling fees of original purchase is
non-refundable.
</p>
<p>Last updated: January 25, 2024 at 24:00 pm</p>
<p>
<strong>Our Locations:</strong> <br /># 2750 Quadra <br /> Street
Victoria, Canada
</p>
<p>
<strong>Enquiry</strong>:{" "}
<a href="tel:+44587154756">+445 871 54756</a>
</p>
<p>
<i>
<u>
Please read this Privacy Policy carefully before using this
website.
</u>
</i>
</p>
</div>
</div>
</div>
</>
);
}
styles/responsive.css
......@@ -21,11 +21,13 @@
.section-title {
max-width: 90%;
}
.cust_nav .custom-swiper-button-next {
position: relative;
left: 0%;
top: -8%;
}
.cust_nav .custom-swiper-button-prev {
position: relative;
right: 0%;
......@@ -87,7 +89,8 @@
font-size: 15px;
line-height: 30px;
}
.default-btn-one{
.default-btn-one {
padding: 10px 20px 10px 20px;
}
......@@ -211,18 +214,20 @@
.top-header-contact-info li:first-child {
margin-left: 0;
}
.home-slides .swiper-button-next {
display: none!important;
}
.home-slides .swiper-button-prev {
display: none!important;
}
display: none !important;
}
.home-slides .swiper-button-prev {
display: none !important;
}
.main-banner-area {
padding-top: 20px;
border-top: 1px solid #eeeeee;
height: 550px;
background: #f1f1f1!important;
background: #f1f1f1 !important;
}
.main-banner-area::before {
......@@ -282,7 +287,7 @@
.banner-item-content .sub-title {
font-size: 13px;
}
.banner-item-content h1 {
font-size: 27px;
......@@ -360,6 +365,7 @@
.single-services-box .content h3 {
font-size: 17px;
height: auto;
}
.single-services-box .content .default-btn {
......@@ -636,17 +642,19 @@
.testimonial-content .sub-title {
font-size: 13px;
}
.testimonial-content h2 {
font-size: 24px;
padding-bottom: 1px;
}
.advisory-title{
.advisory-title {
padding-left: 14px;
}
.testimonial-content h2::before {
right: 0;
margin-left: auto;
......@@ -743,7 +751,8 @@
.what-we-do-content .default-btn {
margin-top: 0px;
}
}
.single-team-member {
text-align: center;
}
......@@ -794,6 +803,7 @@
.free-quote-content::before {
margin-left: auto;
margin-right: auto;
display: none;
}
.free-quote-content .sub-title {
......@@ -950,7 +960,7 @@
.call-back-request-text {
padding-left: 0;
text-align: center;
margin-top: 5vh;
margin-top: 0vh;
}
.call-back-request-text .sub-title {
......@@ -1055,7 +1065,7 @@
.single-blog-post .post-content {
padding: 20px 15px;
height: auto!important;
height: auto !important;
}
.single-blog-post .post-content .meta li {
......@@ -1407,6 +1417,7 @@
.projects-details-info h5 {
font-weight: 400;
}
.enry-grid-sorting {
margin-bottom: 30px;
text-align: center;
......@@ -1936,35 +1947,40 @@
.faq-accordion .accordion .accordion__item .accordion__panel {
padding: 20px 20px;
}
.fuctional-areas{
.fuctional-areas {
height: auto;
}
/* -----------industry-areas--------------- */
.widget-area .widget_service_categories ul li{
.widget-area .widget_service_categories ul li {
padding: 3vw;
}
.cust_nav {
position: unset;
justify-content: center;
/* padding-top: 30px; */
}
.default-btn-two{
padding: 12px 50px 11px 17px;
font-size: 13px;
}
.default-btn-two i {
width: 30px;
height: 31px;
line-height: 31px;
}
}
.default-btn-two {
padding: 12px 50px 11px 17px;
font-size: 13px;
}
.default-btn-two i {
width: 30px;
height: 31px;
line-height: 31px;
}
}
/* Min width 576px to Max width 767px */
@media only screen and (min-width: 576px) and (max-width: 767px) {
.fuctional-areas{
.fuctional-areas {
min-height: auto;
}
.call-back-request-area .container-fluid {
max-width: 540px;
}
......@@ -2013,20 +2029,23 @@
flex: 0 0 auto;
width: 50%;
}
.cust_nav {
position: unset;
justify-content: center;
}
.cust_nav .custom-swiper-button-next {
position: relative;
left: 0%;
top: -8%;
}
.cust_nav .custom-swiper-button-prev {
position: relative;
right: 0%;
top: -8%;
}
}
.cust_nav .custom-swiper-button-next {
position: relative;
left: 0%;
top: -8%;
}
.cust_nav .custom-swiper-button-prev {
position: relative;
right: 0%;
top: -8%;
}
}
/* Min width 768px to Max width 991px */
......@@ -2922,7 +2941,7 @@
.single-blog-post .post-content {
padding: 20px 25px 25px;
height: auto!important;
height: auto !important;
}
.single-blog-post .post-content .meta li {
......@@ -3360,24 +3379,28 @@
.method-descr {
height: auto;
}
.cust_nav {
position: unset;
justify-content: center;
}
.cust_nav .custom-swiper-button-next {
position: relative;
left: 0%;
top: -8%;
}
.cust_nav .custom-swiper-button-prev {
position: relative;
right: 0%;
top: -8%;
}
}
.home-slides .swiper-button-prev, .home-slides .swiper-button-next{
display: none;
}
.cust_nav .custom-swiper-button-next {
position: relative;
left: 0%;
top: -8%;
}
.cust_nav .custom-swiper-button-prev {
position: relative;
right: 0%;
top: -8%;
}
.home-slides .swiper-button-prev,
.home-slides .swiper-button-next {
display: none;
}
}
/* Min width 992px to Max width 1199px */
......@@ -3992,12 +4015,13 @@
.fuctional-areas {
/* height: 69vh; */
}
.method-one-above-img {
margin-top: 13vw;
margin-left: 6.5vh;
}
}
.method-one-above-img {
margin-top: 13vw;
margin-left: 6.5vh;
}
}
/* Min width 1200px to Max width 1355px */
......@@ -4106,58 +4130,66 @@
font-size: 20px;
line-height: 1.3;
}
.fuctional-areas {
min-height: 62vh;
/* max-width: fit-content; */
height: 83vh;
}
.fuctional-areas {
}
/* height: 45vh; */
}
.fuctional-areas {
/* cfo services */
.method-one-above-img {
margin-top: 9vw;
margin-left: 6.5vh;
}
/* height: 45vh; */
}
/* cfo services */
/* .method-one-above-img {
margin-top: 9vw;
margin-left: 6.5vh;
} */
}
@media (min-width: 1280px) {
@media (min-width: 1280px) {
.method-one-above-img {
margin-top: 9vw;
margin-left: 6.5vh;
}
}
@media screen and (min-width: 1366px) and (max-height: 768px) {
}
@media screen and (min-width: 1366px) and (max-height: 768px) {
/* Add your styles here */
.fuctional-areas{
.fuctional-areas {
/* height: 65vh; */
}
.single-services-box .content{
}
.single-services-box .content {
/* height: 42vh; */
}
.single-blog-post .post-content{
.single-blog-post .post-content {
/* height: 46vh; */
}
.industry_nav .custom-swiper-button-next {
/* .industry_nav .custom-swiper-button-next {
position: relative;
left: -4%;
top: -8%;
}
.industry_nav .custom-swiper-button-prev {
position: relative;
right: -4%;
top: -8%;
} */
.main-banner-content h1 {
font-size: 40px;
margin-bottom: 20px;
letter-spacing: 1px;
line-height: 3.8vw;
}
}
.industry_nav .custom-swiper-button-prev {
position: relative;
right: -4%;
top: -8%;
}
.main-banner-content h1 {
font-size: 40px;
margin-bottom: 20px;
letter-spacing: 1px;
line-height: 3.8vw;
}
}
/* Min width 1550px */
@media only screen and (min-width: 1550px) {
......@@ -4172,6 +4204,7 @@
padding-left: 150px;
padding-right: 150px;
}
.method-one-above-img {
margin-top: 9vw;
margin-left: 6.5vh;
......
styles/styles.css
......@@ -1403,7 +1403,7 @@ Main Banner Area CSS
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;
height: 650px;
height: 480px;
align-content: center;
}
......@@ -3373,14 +3373,16 @@ Free Quote Area CSS
} */
.free-quote-inner {
position: relative;
z-index: 1;
background-image: url('../public/images/pagbanner.webp'); background-size: cover; /* better than inherit */
background-position: center;
background-attachment: scroll; /* moves with page scroll */
padding: 50px;
/* full screen */
overflow: hidden;
position: relative;
z-index: 1;
background: linear-gradient(rgb(24 23 23 / 86%), rgb(24 23 23 / 74%)), url(/_next/static/media/ctagbanner.54de6280.png);
background-size: cover;
background-position: center;
background-attachment: scroll;
padding: 50px;
overflow: hidden;
color: #fff;
/* make text visible on dark overlay */
}
/*
......@@ -3799,6 +3801,7 @@ Call Back Request Area CSS
color: var(--blackColor);
}
.shape4 {
position: absolute;
right: 1%;
......@@ -7543,6 +7546,11 @@ Footer Area CSS
.single-footer-widget p {
color: #000000;
font-size: 1rem;
}
.single-footer-widget a {
font-size: 1rem;
}
.single-footer-widget .footer-contact-info {
......@@ -7564,6 +7572,7 @@ Footer Area CSS
.single-footer-widget .footer-contact-info ul li {
color: #000000;
margin-bottom: 10px;
font-size: 1rem;
}
.single-footer-widget .footer-contact-info ul li span {
......@@ -7656,7 +7665,7 @@ Footer Area CSS
}
.copyright-area p a {
color: var(--whiteColor);
color: var(--blackColor);
font-weight: 700;
}
......@@ -8080,7 +8089,8 @@ Modal CSS
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 100px;
font-size: 1rem;
height: 108px;
}
......@@ -8088,7 +8098,7 @@ Modal CSS
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
/* -webkit-box-orient: vertical; */
overflow: hidden;
text-overflow: ellipsis;
height: 150px;
......@@ -8359,7 +8369,7 @@ h6.method-title-moblie {
top: 0;
display: flex;
height: 100%;
z-index: 1;
z-index: 0;
justify-content: space-between;
}
......@@ -8381,13 +8391,13 @@ h6.method-title-moblie {
.industry_nav .custom-swiper-button-prev {
position: relative;
right: -2%;
right: -11%;
top: -8%;
}
.industry_nav .custom-swiper-button-next {
position: relative;
left: -2%;
left: -11%;
top: -8%;
}
......@@ -8508,6 +8518,10 @@ ul.pagination.custom-pagination {
color: var(--mainColor);
}
.section-title-download p {
color: #fff;
}
/* .section-title-download h2 {
color: #fff;
}
......@@ -8865,7 +8879,7 @@ ul.pagination.custom-pagination {
.download-content h2 {
font-size: 4vh;
color: var(--mainColor2)
color: #fff;
}
......@@ -8945,7 +8959,7 @@ ul.pagination.custom-pagination {
width: 100%;
top: 0px;
left: 0px;
font-size: 20px;
font-size: 16px;
color: #fff;
z-index: 2;
/* font-weight: 300; */
......@@ -8960,7 +8974,7 @@ ul.pagination.custom-pagination {
/* bottom: -120%; */
left: 0;
width: 100%;
padding: 30px;
padding: 20px;
background: var(--mainColor2);
color: #fff;
transition: bottom 0.3s ease;
......@@ -8968,6 +8982,7 @@ ul.pagination.custom-pagination {
.HowWeDoIt_card_content h4 {
color: #fff;
font-size: 20px;
}
......@@ -8978,7 +8993,6 @@ ul.pagination.custom-pagination {
/*============ How to do it new section END ============ */
/* -------------------Variant section----------------- */
.variant_card {
......@@ -9037,6 +9051,101 @@ ul.pagination.custom-pagination {
/* --------------------variant end---------------- */
@media (max-width: 1800px) {
.industry_nav .custom-swiper-button-prev {
right: -4%;
}
.industry_nav .custom-swiper-button-next {
left: -4%;
}
.weoffer_section .HowWeDoIt_card {
height: 615px;
}
}
@media (max-width: 1500px) {
.industry_nav .custom-swiper-button-prev {
right: 0;
}
.industry_nav .custom-swiper-button-next {
left: 0;
}
.method-descr {
height: 4.7vw;
}
.weoffer_section .HowWeDoIt_card {
height: 650px;
}
}
@media (max-width: 1399px) {
.industry_nav .custom-swiper-button-prev {
right: -2%;
}
.industry_nav .custom-swiper-button-next {
left: -2%;
}
.method-container-3 .method-descr {
height: 5.2vw;
}
.method-container-3 .method-title {
height: 3.5vw;
}
.method-container-0 .method-descr {
height: 100%;
}
.method-container-1 .method-title {
height: 50px;
}
.method-container-1 .method-descr {
height: 4.8vw;
}
.method-container-4 .method-descr {
height: auto;
}
.area_expertise {
top: 44% !important;
width: 96% !important;
}
.business_advisory_howitwork .HowWeDoIt_card {
height: 400px;
}
.weoffer_section .HowWeDoIt_card {
height: 715px;
}
}
@media (max-width: 1300px) {
.industry_nav .custom-swiper-button-prev {
right: 0%;
}
.industry_nav .custom-swiper-button-next {
left: 0%;
}
/* .business_advisory_howitwork .HowWeDoIt_card{
height: 450px;
} */
}
@media (max-width: 1200px) {
.client-servicing-grid {
grid-template-columns: repeat(3, 1fr);
......@@ -9056,6 +9165,24 @@ ul.pagination.custom-pagination {
border-right: 1px solid #e2e8f0;
padding-right: 1.5rem;
}
.method-container-3 .method-title {
height: 4.7vw;
}
.method-container .method-descr {
height: 8vw;
}
/* .business_advisory_howitwork .HowWeDoIt_card{
height: auto;
} */
.empowering_howitwork .HowWeDoIt_card {
height: 200px;
}
.weoffer_section .HowWeDoIt_card{
height: 560px;
}
}
@media (max-width: 768px) {
......@@ -9099,17 +9226,30 @@ ul.pagination.custom-pagination {
}
.download-content h2 {
font-size: 2.1vh;
font-size: 1.5rem;
margin-bottom: 15px;
color: var(--mainColor2)
color: #fff;
}
.ps-5 {
padding-left: 1rem !important;
}
.about-content .features-list li{
padding-left: 10px!important;
.about-content .features-list li {
padding-left: 10px !important;
}
.single-projects-box:last-child {
margin-bottom: 0;
}
.single-blog-post .post-content h3 a {
max-height: fit-content;
height: auto;
}
/* .weoffer_section .HowWeDoIt_card{
height: auto;
} */
}
@media (max-width: 480px) {
......@@ -9125,7 +9265,7 @@ ul.pagination.custom-pagination {
z-index: 1002;
background: #fff;
width: 100%;
min-height: 56px;
min-height: 48px;
}
.hamburger-btn {
......@@ -9133,7 +9273,7 @@ ul.pagination.custom-pagination {
flex-direction: column;
justify-content: center;
width: 44px;
height: 44px;
/* height: 44px; */
background: none;
border: none;
cursor: pointer;
......@@ -9331,7 +9471,7 @@ ul.pagination.custom-pagination {
background: #fff;
position: relative;
z-index: 1002;
min-height: 56px;
min-height: 50px;
}
}
......@@ -9743,7 +9883,21 @@ ul.pagination.custom-pagination {
color: #000;
padding: 0;
border-radius: unset;
font-size: 1rem;
font-size: 2rem;
font-size: 1.2rem;
padding-bottom: 5px;
margin-bottom: 5px;
}
.variant_cfo_section .card-badge::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: #ff6600;
border-radius: 2px;
}
.variant_cfo_section .custom-card {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!