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 459 additions and 120 deletions
components/reuseables/services/Card.js
...@@ -5,7 +5,7 @@ import Heading from "../Heading"; ...@@ -5,7 +5,7 @@ import Heading from "../Heading";
const Card = ({ heading, data }) => { const Card = ({ heading, data }) => {
console.log("heading", heading) console.log("heading", heading)
return ( return (
<section className="ptb-50 variant_cfo_section"> <section className="pt-5 variant_cfo_section">
<Container> <Container>
<Row className="justify-content-center"> <Row className="justify-content-center">
<Col md={12}> <Col md={12}>
......
components/reuseables/services/MethodOne.js
...@@ -59,12 +59,11 @@ const MethodOne = ({ ...@@ -59,12 +59,11 @@ const MethodOne = ({
viewport={{ once: false, amount: viewportAmount }} viewport={{ once: false, amount: viewportAmount }}
> >
<div <div
className={`activity-card g-5 ${ className={`activity-card g-5 ${index === data.length - 1 ? "last-method-container" : ""
index === data.length - 1 ? "last-method-container" : ""
}`} }`}
> >
{index % 2 === 0 ? ( {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"> <div className="image-container mb-2 method-one-above-img d-flex">
<Image <Image
aria-hidden="true" aria-hidden="true"
...@@ -75,8 +74,7 @@ const MethodOne = ({ ...@@ -75,8 +74,7 @@ const MethodOne = ({
className="img-fluid" className="img-fluid"
/> />
<span <span
className={`method-line align-self-center ${ className={`method-line align-self-center ${index === data.length - 1 ? "d-none" : "d-block"
index === data.length - 1 ? "d-none" : "d-block"
}`} }`}
> >
<svg <svg
...@@ -97,7 +95,7 @@ const MethodOne = ({ ...@@ -97,7 +95,7 @@ const MethodOne = ({
</div> </div>
</div> </div>
) : ( ) : (
<div className="method-container"> <div className={`method-container method-container-${index}`}>
<div className="method-below-img-content"> <div className="method-below-img-content">
<div className="method-title">{item.StepHeading}</div> <div className="method-title">{item.StepHeading}</div>
<div className="method-descr">{item.StepDescription}</div> <div className="method-descr">{item.StepDescription}</div>
...@@ -112,8 +110,7 @@ const MethodOne = ({ ...@@ -112,8 +110,7 @@ const MethodOne = ({
className="img-fluid" className="img-fluid"
/> />
<span <span
className={`method-line2 align-self-center ${ className={`method-line2 align-self-center ${index === data.length - 1 ? "d-none" : "d-block"
index === data.length - 1 ? "d-none" : "d-block"
}`} }`}
> >
<svg <svg
...@@ -142,15 +139,14 @@ const MethodOne = ({ ...@@ -142,15 +139,14 @@ const MethodOne = ({
{data.map((item, index) => ( {data.map((item, index) => (
<div <div
key={index} key={index}
className={`circle-container d-flex ${ className={`circle-container d-flex ${index % 2 !== 0 ? "circle-containertwo" : ""
index % 2 !== 0 ? "circle-containertwo" : ""
}`} }`}
> >
{index % 2 === 0 && ( {index % 2 === 0 && (
<> <>
<Col xs={4} sm={4} className="align-self-center"> <Col xs={4} sm={4} className="align-self-center">
<div className="circle-method"> <div className="circle-method">
<p className="circle-number">0{index+1}</p> <p className="circle-number">0{index + 1}</p>
</div> </div>
</Col> </Col>
<Col xs={8} sm={8} className="align-self-center"> <Col xs={8} sm={8} className="align-self-center">
...@@ -172,7 +168,7 @@ const MethodOne = ({ ...@@ -172,7 +168,7 @@ const MethodOne = ({
</Col> </Col>
<Col xs={2} sm={2} className="align-self-center"> <Col xs={2} sm={2} className="align-self-center">
<div className="circle-methodtwo"> <div className="circle-methodtwo">
<p className="circle-number">0{index+1}</p> <p className="circle-number">0{index + 1}</p>
</div> </div>
</Col> </Col>
</> </>
......
components/reuseables/services/MethodTwo.js
...@@ -20,16 +20,18 @@ const MethodTwoSection = ({ ...@@ -20,16 +20,18 @@ const MethodTwoSection = ({
showPagination = true, showPagination = true,
showAutoplay = true, showAutoplay = true,
autoplayDelay = 5000, autoplayDelay = 5000,
breakpoints={ breakpoints = {
0: { slidesPerView: 2 }, 0: { slidesPerView: 2 },
576: { slidesPerView: 3 }, 576: { slidesPerView: 3 },
768: { slidesPerView: 4 }, 768: { slidesPerView: 4 },
992: { slidesPerView: 5 }, 992: { slidesPerView: 5 },
}, },
} = sliderConfig; } = sliderConfig;
console.log(data, 'data');
return ( return (
<> <>
<section className="method-two ptb-100"> <section className="method-two ">
<Container className="justify-content-center align-self-center"> <Container className="justify-content-center align-self-center">
<div className="section-title"> <div className="section-title">
<span className="sub-title">{heading.Subtitle}</span> <span className="sub-title">{heading.Subtitle}</span>
...@@ -71,7 +73,7 @@ const MethodTwoSection = ({ ...@@ -71,7 +73,7 @@ const MethodTwoSection = ({
<> <>
<div className="method-title">{card.StepHeading}</div> <div className="method-title">{card.StepHeading}</div>
<div className="method-descr1">{card.StepDescription}</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 <Image
aria-hidden="true" aria-hidden="true"
alt={card?.StepImg?.alternativeText ? card?.StepImg?.alternativeText : "image"} alt={card?.StepImg?.alternativeText ? card?.StepImg?.alternativeText : "image"}
......
container/ClientServicing/Bespoke/WeOffer.js
...@@ -8,8 +8,8 @@ const WeOffer = ({ data, heading }) => { ...@@ -8,8 +8,8 @@ const WeOffer = ({ data, heading }) => {
return ( return (
<section className="HowWeDoIt-section"> <section className="HowWeDoIt-section weoffer_section pb-5">
<Container fluid className="ps-5 pe-5"> <Container fluid className="ps-5 pe-md-5">
<div className="section-title"> <div className="section-title">
<span className="sub-title">{heading?.Subtitle}</span> <span className="sub-title">{heading?.Subtitle}</span>
<Heading el="h2" heading={heading?.Title} /> <Heading el="h2" heading={heading?.Title} />
...@@ -21,7 +21,7 @@ const WeOffer = ({ data, heading }) => { ...@@ -21,7 +21,7 @@ const WeOffer = ({ data, heading }) => {
<Row className="row-gap-4 justify-content-center"> <Row className="row-gap-4 justify-content-center">
{data?.carddetails && {data?.carddetails &&
data?.carddetails.map((item, index) => ( data?.carddetails.map((item, index) => (
<Col md={4} key={index}> <Col lg={4} md={6} key={index}>
<div className="HowWeDoIt_card "> <div className="HowWeDoIt_card ">
<h2>{item?.Title}</h2> <h2>{item?.Title}</h2>
{/* <Image {/* <Image
......
container/ClientServicing/CFO/HowWeDoIt.js
...@@ -3,12 +3,11 @@ import { cleanImage } from "@/layout/imageHandling"; ...@@ -3,12 +3,11 @@ import { cleanImage } from "@/layout/imageHandling";
import React from "react"; import React from "react";
import { Col, Container, Row } from "react-bootstrap"; import { Col, Container, Row } from "react-bootstrap";
const HowWeDoIt = ({ data, heading }) => { const HowWeDoIt = ({ data, heading, classname }) => {
// console.log(data, "datadata"); // console.log(data, "datadata");
return ( return (
<section className="HowWeDoIt-section ptb-100"> <section className={`HowWeDoIt-section ptb-100 ${classname || ""}`}>
<Container> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">{heading?.Subtitle}</span> <span className="sub-title">{heading?.Subtitle}</span>
...@@ -21,7 +20,7 @@ const HowWeDoIt = ({ data, heading }) => { ...@@ -21,7 +20,7 @@ const HowWeDoIt = ({ data, heading }) => {
<Row className="row-gap-4 justify-content-center"> <Row className="row-gap-4 justify-content-center">
{data?.carddetails && {data?.carddetails &&
data?.carddetails.map((item, index) => ( data?.carddetails.map((item, index) => (
<Col md={4} key={index}> <Col lg={4} md={6} key={index}>
<div className="HowWeDoIt_card "> <div className="HowWeDoIt_card ">
<h2>{item?.Title}</h2> <h2>{item?.Title}</h2>
{/* <Image {/* <Image
......
container/ClientServicing/EmpoweringFinanceConsultants/WhatWeDoWhatDontDo.js
...@@ -13,7 +13,7 @@ const WhatWeDoWhatDontDo = (heading, image, cta) => { ...@@ -13,7 +13,7 @@ const WhatWeDoWhatDontDo = (heading, image, cta) => {
<div <div
className="" className=""
style={{ style={{
backgroundImage: `url(${backgroundImageUrl})`, backgroundImage: `url(${backgroundImageUrl})`, backgroundImage: `linear-gradient(rgba(24, 23, 23, 0.86), rgba(24, 23, 23, 0.74)), url(${backgroundImageUrl})`,
backgroundSize: "cover", backgroundSize: "cover",
backgroundPosition: "center", backgroundPosition: "center",
backgroundRepeat: "no-repeat", backgroundRepeat: "no-repeat",
...@@ -34,7 +34,7 @@ const WhatWeDoWhatDontDo = (heading, image, cta) => { ...@@ -34,7 +34,7 @@ const WhatWeDoWhatDontDo = (heading, image, cta) => {
<div className="download-content"> <div className="download-content">
<h2>{item?.Title}</h2> <h2>{item?.Title}</h2>
<div <div
className="Description" className="Description text-white"
dangerouslySetInnerHTML={{ __html: item.Description }} dangerouslySetInnerHTML={{ __html: item.Description }}
/> />
</div> </div>
...@@ -43,8 +43,8 @@ const WhatWeDoWhatDontDo = (heading, image, cta) => { ...@@ -43,8 +43,8 @@ const WhatWeDoWhatDontDo = (heading, image, cta) => {
</Row> </Row>
</Col> </Col>
<Col md={3} className="align-content-center text-center"> <Col md={3} className="align-content-center text-center">
<div className="btn-1"> <div className="btn-1 text-white">
<Link href={ctaBtn?.URL || "#"} className="default-btn-three"> <Link href={ctaBtn?.URL || "#"} className="default-btn-three ">
{ctaBtn?.text} {ctaBtn?.text}
<i className="ri-arrow-right-line"></i> <i className="ri-arrow-right-line"></i>
</Link> </Link>
......
container/Corpedia/LeftSideImage.js
...@@ -20,7 +20,7 @@ const LeftSideImage = ({ title, subtitle, image, content, cta }) => { ...@@ -20,7 +20,7 @@ const LeftSideImage = ({ title, subtitle, image, content, cta }) => {
return ( return (
<> <>
<section className="leftsideimg ptb-50"> <section className="leftsideimg pb-0 pt-0 ptb-50">
<div className="people"> <div className="people">
<Container> <Container>
<Row className="align-items-center"> <Row className="align-items-center">
......
container/Corpedia/RightSideImage.js
...@@ -26,7 +26,7 @@ const RightSideImage = ({ title, subtitle, image, content, cta }) => { ...@@ -26,7 +26,7 @@ const RightSideImage = ({ title, subtitle, image, content, cta }) => {
<Container> <Container>
<Row className="align-items-center"> <Row className="align-items-center">
<Col lg={6} md={12} className="d-flex 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> <span className="sub-title">{subtitle}</span>
{/* <Heading el="h2" heading={title} className="h2" /> */} {/* <Heading el="h2" heading={title} className="h2" /> */}
<h2>{title} </h2> <h2>{title} </h2>
......
container/Home/AreasofExpertise.js
...@@ -81,7 +81,7 @@ const AreasofExpertise = ({AreasofExpertiseList}) => { ...@@ -81,7 +81,7 @@ const AreasofExpertise = ({AreasofExpertiseList}) => {
AreasofExpertiseList.map((item, index) => { AreasofExpertiseList.map((item, index) => {
console.log("Areas", item); console.log("Areas", item);
return ( return (
<Col lg={4} md={4} key={item.id}> <Col lg={4} md={6} key={item.id}>
<div className="single-projects-box"> <div className="single-projects-box">
<motion.div <motion.div
variants={fadeIn(index * 1)} variants={fadeIn(index * 1)}
......
container/Home/ClientService.js
...@@ -57,7 +57,7 @@ const ClientService = ({ service }) => { ...@@ -57,7 +57,7 @@ const ClientService = ({ service }) => {
console.log(service, "serviceData"); console.log(service, "serviceData");
return ( return (
<> <>
<div className="services-area pt-100 pt-md-100 pb-5"> <div className="services-area pt-0 pt-md-100 pb-5">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">Client Servicing</span> <span className="sub-title">Client Servicing</span>
......
container/Home/People.js
...@@ -63,7 +63,7 @@ const People = ({ people }) => { ...@@ -63,7 +63,7 @@ const People = ({ people }) => {
</Col> </Col>
<Col lg={6} md={12}> <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> */} {/* <span className="sub-title">{heading[0].subtitle}</span> */}
<Heading el="h2" heading={people?.Heading} className="h2" /> <Heading el="h2" heading={people?.Heading} className="h2" />
......
container/People/AboutPeople.js
...@@ -24,7 +24,7 @@ const aboutPeopleData = [ ...@@ -24,7 +24,7 @@ const aboutPeopleData = [
]; ];
const AboutPeople = ({ aboutPeople }) => { const AboutPeople = ({ aboutPeople }) => {
console.log(aboutPeople) // console.log(aboutPeople)
return ( return (
<> <>
<div className="what-we-do-area ptb-100"> <div className="what-we-do-area ptb-100">
......
container/People/AdvisoryBoard.js
...@@ -27,10 +27,10 @@ const advisoryBoardData = [ ...@@ -27,10 +27,10 @@ const advisoryBoardData = [
]; ];
const AdvisoryBoard = ({ advisoryboard }) => { const AdvisoryBoard = ({ advisoryboard }) => {
console.log(advisoryboard); console.log(advisoryboard, 'advisoryboard');
return ( return (
<> <>
<div className="testimonial-area ptb-100"> <div className="testimonial-area">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<Heading el="h2" heading="Our Founding Team" /> <Heading el="h2" heading="Our Founding Team" />
...@@ -65,8 +65,17 @@ const AdvisoryBoard = ({ advisoryboard }) => { ...@@ -65,8 +65,17 @@ const AdvisoryBoard = ({ advisoryboard }) => {
className="advisory-title" className="advisory-title"
/> />
<div className="testimonial-content"> <div className="testimonial-content">
<p>{member.Designation}</p> <div className="d-flex gap-2">
<div dangerouslySetInnerHTML={{ __html:member.Description }} /> <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> </div>
</Col> </Col>
</> </>
...@@ -79,9 +88,18 @@ const AdvisoryBoard = ({ advisoryboard }) => { ...@@ -79,9 +88,18 @@ const AdvisoryBoard = ({ advisoryboard }) => {
className="advisory-title" className="advisory-title"
/> />
<div className="testimonial-content"> <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> </div>
</Col> </Col>
<Col lg={5} md={5} className="order-2 order-md-2"> <Col lg={5} md={5} className="order-2 order-md-2">
......
container/People/TeamLead.js
...@@ -65,7 +65,7 @@ const team = [ ...@@ -65,7 +65,7 @@ const team = [
const TeamLead = ({ teamlead, teamlist }) => { const TeamLead = ({ teamlead, teamlist }) => {
return ( 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="container">
<div className="section-title"> <div className="section-title">
<span className="sub-title"> <span className="sub-title">
......
layout/Footer.js
...@@ -115,6 +115,14 @@ const Footer = () => { ...@@ -115,6 +115,14 @@ const Footer = () => {
<div className="footer-contact-info"> <div className="footer-contact-info">
<h3>Contact</h3> <h3>Contact</h3>
<ul> <ul>
<li>
<span> <i className="ri-phone-line"></i></span>
<a href="tel:+91-8204200985">
0820-4200-985
</a>
</li>
<li> <li>
<span> <i className="ri-phone-line"></i></span> <span> <i className="ri-phone-line"></i></span>
...@@ -138,7 +146,11 @@ const Footer = () => { ...@@ -138,7 +146,11 @@ const Footer = () => {
<div className="container"> <div className="container">
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-lg-6 col-md-7 col-sm-6"> <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>
<div className="col-lg-6 col-md-5 col-sm-6"> <div className="col-lg-6 col-md-5 col-sm-6">
......
pages/client-servicing/ba.js
...@@ -32,7 +32,7 @@ const sliderConfig = { ...@@ -32,7 +32,7 @@ const sliderConfig = {
const Ba = ({ bapage ,conversionData }) => { const Ba = ({ bapage, conversionData }) => {
const dynamicdata = bapage?.BusinessDetails; const dynamicdata = bapage?.BusinessDetails;
// console.log("dynamicdata", dynamicdata); // console.log("dynamicdata", dynamicdata);
...@@ -90,7 +90,7 @@ const Ba = ({ bapage ,conversionData }) => { ...@@ -90,7 +90,7 @@ const Ba = ({ bapage ,conversionData }) => {
case "dynamic-zone.card": case "dynamic-zone.card":
return ( return (
<HowWeDoIt heading={section?.Heading} <HowWeDoIt heading={section?.Heading}
data={section} /> data={section} classname="business_advisory_howitwork" />
); );
default: default:
return null; return null;
...@@ -204,7 +204,7 @@ export async function getServerSideProps() { ...@@ -204,7 +204,7 @@ export async function getServerSideProps() {
const conversionData = response2.data.data; const conversionData = response2.data.data;
return { return {
props: { bapage , conversionData }, props: { bapage, conversionData },
}; };
} catch (error) { } catch (error) {
console.log("Error", error); console.log("Error", error);
......
pages/client-servicing/cfo.js
...@@ -233,17 +233,21 @@ const clientservicecfo = ({ cfopage, conversionData }) => { ...@@ -233,17 +233,21 @@ const clientservicecfo = ({ cfopage, conversionData }) => {
); );
case "dynamic-zone.element-one": case "dynamic-zone.element-one":
return ( return (
<>
<MethodOne <MethodOne
heading={section?.Heading} heading={section?.Heading}
data={section?.ElementList} data={section?.ElementList}
/> />
</>
); );
case "dynamic-zone.element-two": case "dynamic-zone.element-two":
return ( return (
<>
<MethodTwoSection <MethodTwoSection
heading={section?.Heading} heading={section?.Heading}
data={section?.ElementList} data={section?.ElementList}
/> />
</>
); );
......
pages/client-servicing/empowering-finance-consultants.js
...@@ -146,7 +146,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => { ...@@ -146,7 +146,7 @@ const EmpoweringFinanceConsultants = ({ Empoweringpage, conversionData }) => {
<> <>
<HowWeDoIt <HowWeDoIt
heading={section?.Heading} heading={section?.Heading}
data={section} data={section} classname="empowering_howitwork"
/> />
</> </>
); );
......
pages/client-servicing/ra.js
...@@ -81,7 +81,7 @@ const RaPage = ({ rapage, conversionData }) => { ...@@ -81,7 +81,7 @@ const RaPage = ({ rapage, conversionData }) => {
case "dynamic-zone.card": case "dynamic-zone.card":
return ( return (
<HowWeDoIt heading={section?.Heading} <HowWeDoIt heading={section?.Heading}
data={section} /> data={section} classname="risk_advisory_howitwork" />
); );
default: default:
return null; return null;
......
pages/client-servicing/virtual-finance-office/book-closures-audit.js
...@@ -44,7 +44,7 @@ const bookclosures = ({ bookclosurepage, conversionData }) => { ...@@ -44,7 +44,7 @@ const bookclosures = ({ bookclosurepage, conversionData }) => {
<ConversionCode code={code} /> <ConversionCode code={code} />
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<div className="cfo-services-area ptb-100"> <div className="cfo-services-area pt-md-5">
<section className="cfo-page"> <section className="cfo-page">
{dynamicdata && {dynamicdata &&
dynamicdata?.map((section, index) => { dynamicdata?.map((section, index) => {
......
pages/client-servicing/virtual-finance-office/virtual-cfo.js
...@@ -99,10 +99,12 @@ const clientservicecfo = ({ cfopage, conversionData }) => { ...@@ -99,10 +99,12 @@ const clientservicecfo = ({ cfopage, conversionData }) => {
case "dynamic-zone.element-two": case "dynamic-zone.element-two":
return ( return (
<>
<MethodTwoSection <MethodTwoSection
heading={section?.Heading} heading={section?.Heading}
data={section?.ElementList} data={section?.ElementList}
/> />
</>
); );
case "dynamic-zone.image": case "dynamic-zone.image":
return ( return (
......
pages/client-servicing/virtual-finance-office/virtual-fc.js
...@@ -81,10 +81,12 @@ const clientservicefc = ({ fcpage, conversionData }) => { ...@@ -81,10 +81,12 @@ const clientservicefc = ({ fcpage, conversionData }) => {
); );
case "dynamic-zone.element-two": case "dynamic-zone.element-two":
return ( return (
<>
<MethodTwoSection <MethodTwoSection
heading={section?.Heading} heading={section?.Heading}
data={section?.ElementList} data={section?.ElementList}
/> />
</>
); );
case "dynamic-zone.card": case "dynamic-zone.card":
return ( return (
......
pages/people.js
...@@ -36,7 +36,6 @@ const people = ({ peoplepage, conversionData }) => { ...@@ -36,7 +36,6 @@ const people = ({ peoplepage, conversionData }) => {
<> <>
<Seo seo={seo} /> <Seo seo={seo} />
<ConversionCode code={code} /> <ConversionCode code={code} />
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<AboutPeople aboutPeople={aboutPeople} /> <AboutPeople aboutPeople={aboutPeople} />
<AdvisoryBoard advisoryboard={Advisory} /> <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 @@ ...@@ -21,11 +21,13 @@
.section-title { .section-title {
max-width: 90%; max-width: 90%;
} }
.cust_nav .custom-swiper-button-next { .cust_nav .custom-swiper-button-next {
position: relative; position: relative;
left: 0%; left: 0%;
top: -8%; top: -8%;
} }
.cust_nav .custom-swiper-button-prev { .cust_nav .custom-swiper-button-prev {
position: relative; position: relative;
right: 0%; right: 0%;
...@@ -87,7 +89,8 @@ ...@@ -87,7 +89,8 @@
font-size: 15px; font-size: 15px;
line-height: 30px; line-height: 30px;
} }
.default-btn-one{
.default-btn-one {
padding: 10px 20px 10px 20px; padding: 10px 20px 10px 20px;
} }
...@@ -211,18 +214,20 @@ ...@@ -211,18 +214,20 @@
.top-header-contact-info li:first-child { .top-header-contact-info li:first-child {
margin-left: 0; margin-left: 0;
} }
.home-slides .swiper-button-next { .home-slides .swiper-button-next {
display: none!important; display: none !important;
} }
.home-slides .swiper-button-prev {
display: none!important; .home-slides .swiper-button-prev {
} display: none !important;
}
.main-banner-area { .main-banner-area {
padding-top: 20px; padding-top: 20px;
border-top: 1px solid #eeeeee; border-top: 1px solid #eeeeee;
height: 550px; height: 550px;
background: #f1f1f1!important; background: #f1f1f1 !important;
} }
.main-banner-area::before { .main-banner-area::before {
...@@ -360,6 +365,7 @@ ...@@ -360,6 +365,7 @@
.single-services-box .content h3 { .single-services-box .content h3 {
font-size: 17px; font-size: 17px;
height: auto;
} }
.single-services-box .content .default-btn { .single-services-box .content .default-btn {
...@@ -644,9 +650,11 @@ ...@@ -644,9 +650,11 @@
padding-bottom: 1px; padding-bottom: 1px;
} }
.advisory-title{
.advisory-title {
padding-left: 14px; padding-left: 14px;
} }
.testimonial-content h2::before { .testimonial-content h2::before {
right: 0; right: 0;
margin-left: auto; margin-left: auto;
...@@ -743,7 +751,8 @@ ...@@ -743,7 +751,8 @@
.what-we-do-content .default-btn { .what-we-do-content .default-btn {
margin-top: 0px; margin-top: 0px;
} }
.single-team-member { .single-team-member {
text-align: center; text-align: center;
} }
...@@ -794,6 +803,7 @@ ...@@ -794,6 +803,7 @@
.free-quote-content::before { .free-quote-content::before {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: none;
} }
.free-quote-content .sub-title { .free-quote-content .sub-title {
...@@ -950,7 +960,7 @@ ...@@ -950,7 +960,7 @@
.call-back-request-text { .call-back-request-text {
padding-left: 0; padding-left: 0;
text-align: center; text-align: center;
margin-top: 5vh; margin-top: 0vh;
} }
.call-back-request-text .sub-title { .call-back-request-text .sub-title {
...@@ -1055,7 +1065,7 @@ ...@@ -1055,7 +1065,7 @@
.single-blog-post .post-content { .single-blog-post .post-content {
padding: 20px 15px; padding: 20px 15px;
height: auto!important; height: auto !important;
} }
.single-blog-post .post-content .meta li { .single-blog-post .post-content .meta li {
...@@ -1407,6 +1417,7 @@ ...@@ -1407,6 +1417,7 @@
.projects-details-info h5 { .projects-details-info h5 {
font-weight: 400; font-weight: 400;
} }
.enry-grid-sorting { .enry-grid-sorting {
margin-bottom: 30px; margin-bottom: 30px;
text-align: center; text-align: center;
...@@ -1936,35 +1947,40 @@ ...@@ -1936,35 +1947,40 @@
.faq-accordion .accordion .accordion__item .accordion__panel { .faq-accordion .accordion .accordion__item .accordion__panel {
padding: 20px 20px; padding: 20px 20px;
} }
.fuctional-areas{
.fuctional-areas {
height: auto; height: auto;
} }
/* -----------industry-areas--------------- */ /* -----------industry-areas--------------- */
.widget-area .widget_service_categories ul li{ .widget-area .widget_service_categories ul li {
padding: 3vw; padding: 3vw;
} }
.cust_nav { .cust_nav {
position: unset; position: unset;
justify-content: center; justify-content: center;
/* padding-top: 30px; */ /* padding-top: 30px; */
} }
.default-btn-two{
.default-btn-two {
padding: 12px 50px 11px 17px; padding: 12px 50px 11px 17px;
font-size: 13px; font-size: 13px;
} }
.default-btn-two i {
.default-btn-two i {
width: 30px; width: 30px;
height: 31px; height: 31px;
line-height: 31px; line-height: 31px;
} }
} }
/* Min width 576px to Max width 767px */ /* Min width 576px to Max width 767px */
@media only screen and (min-width: 576px) and (max-width: 767px) { @media only screen and (min-width: 576px) and (max-width: 767px) {
.fuctional-areas{ .fuctional-areas {
min-height: auto; min-height: auto;
} }
.call-back-request-area .container-fluid { .call-back-request-area .container-fluid {
max-width: 540px; max-width: 540px;
} }
...@@ -2013,20 +2029,23 @@ ...@@ -2013,20 +2029,23 @@
flex: 0 0 auto; flex: 0 0 auto;
width: 50%; width: 50%;
} }
.cust_nav { .cust_nav {
position: unset; position: unset;
justify-content: center; justify-content: center;
} }
.cust_nav .custom-swiper-button-next {
.cust_nav .custom-swiper-button-next {
position: relative; position: relative;
left: 0%; left: 0%;
top: -8%; top: -8%;
} }
.cust_nav .custom-swiper-button-prev {
.cust_nav .custom-swiper-button-prev {
position: relative; position: relative;
right: 0%; right: 0%;
top: -8%; top: -8%;
} }
} }
/* Min width 768px to Max width 991px */ /* Min width 768px to Max width 991px */
...@@ -2922,7 +2941,7 @@ ...@@ -2922,7 +2941,7 @@
.single-blog-post .post-content { .single-blog-post .post-content {
padding: 20px 25px 25px; padding: 20px 25px 25px;
height: auto!important; height: auto !important;
} }
.single-blog-post .post-content .meta li { .single-blog-post .post-content .meta li {
...@@ -3360,24 +3379,28 @@ ...@@ -3360,24 +3379,28 @@
.method-descr { .method-descr {
height: auto; height: auto;
} }
.cust_nav { .cust_nav {
position: unset; position: unset;
justify-content: center; justify-content: center;
} }
.cust_nav .custom-swiper-button-next {
.cust_nav .custom-swiper-button-next {
position: relative; position: relative;
left: 0%; left: 0%;
top: -8%; top: -8%;
} }
.cust_nav .custom-swiper-button-prev {
.cust_nav .custom-swiper-button-prev {
position: relative; position: relative;
right: 0%; right: 0%;
top: -8%; top: -8%;
} }
.home-slides .swiper-button-prev, .home-slides .swiper-button-next{ .home-slides .swiper-button-prev,
.home-slides .swiper-button-next {
display: none; display: none;
} }
} }
/* Min width 992px to Max width 1199px */ /* Min width 992px to Max width 1199px */
...@@ -3993,6 +4016,7 @@ ...@@ -3993,6 +4016,7 @@
.fuctional-areas { .fuctional-areas {
/* height: 69vh; */ /* height: 69vh; */
} }
.method-one-above-img { .method-one-above-img {
margin-top: 13vw; margin-top: 13vw;
margin-left: 6.5vh; margin-left: 6.5vh;
...@@ -4106,58 +4130,66 @@ ...@@ -4106,58 +4130,66 @@
font-size: 20px; font-size: 20px;
line-height: 1.3; line-height: 1.3;
} }
.fuctional-areas { .fuctional-areas {
min-height: 62vh; min-height: 62vh;
/* max-width: fit-content; */ /* max-width: fit-content; */
height: 83vh; height: 83vh;
} }
.fuctional-areas {
/* height: 45vh; */ .fuctional-areas {
}
/* cfo services */ /* height: 45vh; */
.method-one-above-img { }
/* cfo services */
/* .method-one-above-img {
margin-top: 9vw; margin-top: 9vw;
margin-left: 6.5vh; margin-left: 6.5vh;
} */
} }
}
@media (min-width: 1280px) { @media (min-width: 1280px) {
.method-one-above-img { .method-one-above-img {
margin-top: 9vw; margin-top: 9vw;
margin-left: 6.5vh; 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 */ /* Add your styles here */
.fuctional-areas{ .fuctional-areas {
/* height: 65vh; */ /* height: 65vh; */
} }
.single-services-box .content{
.single-services-box .content {
/* height: 42vh; */ /* height: 42vh; */
} }
.single-blog-post .post-content{
.single-blog-post .post-content {
/* height: 46vh; */ /* height: 46vh; */
} }
.industry_nav .custom-swiper-button-next {
/* .industry_nav .custom-swiper-button-next {
position: relative; position: relative;
left: -4%; left: -4%;
top: -8%; top: -8%;
} }
.industry_nav .custom-swiper-button-prev {
.industry_nav .custom-swiper-button-prev {
position: relative; position: relative;
right: -4%; right: -4%;
top: -8%; top: -8%;
} } */
.main-banner-content h1 {
.main-banner-content h1 {
font-size: 40px; font-size: 40px;
margin-bottom: 20px; margin-bottom: 20px;
letter-spacing: 1px; letter-spacing: 1px;
line-height: 3.8vw; line-height: 3.8vw;
}
} }
}
/* Min width 1550px */ /* Min width 1550px */
@media only screen and (min-width: 1550px) { @media only screen and (min-width: 1550px) {
...@@ -4172,6 +4204,7 @@ ...@@ -4172,6 +4204,7 @@
padding-left: 150px; padding-left: 150px;
padding-right: 150px; padding-right: 150px;
} }
.method-one-above-img { .method-one-above-img {
margin-top: 9vw; margin-top: 9vw;
margin-left: 6.5vh; margin-left: 6.5vh;
......
styles/styles.css
...@@ -1403,7 +1403,7 @@ Main Banner Area CSS ...@@ -1403,7 +1403,7 @@ Main Banner Area CSS
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
height: 650px; height: 480px;
align-content: center; align-content: center;
} }
...@@ -3375,12 +3375,14 @@ Free Quote Area CSS ...@@ -3375,12 +3375,14 @@ Free Quote Area CSS
.free-quote-inner { .free-quote-inner {
position: relative; position: relative;
z-index: 1; z-index: 1;
background-image: url('../public/images/pagbanner.webp'); background-size: cover; /* better than inherit */ 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-position: center;
background-attachment: scroll; /* moves with page scroll */ background-attachment: scroll;
padding: 50px; padding: 50px;
/* full screen */
overflow: hidden; overflow: hidden;
color: #fff;
/* make text visible on dark overlay */
} }
/* /*
...@@ -3799,6 +3801,7 @@ Call Back Request Area CSS ...@@ -3799,6 +3801,7 @@ Call Back Request Area CSS
color: var(--blackColor); color: var(--blackColor);
} }
.shape4 { .shape4 {
position: absolute; position: absolute;
right: 1%; right: 1%;
...@@ -7543,6 +7546,11 @@ Footer Area CSS ...@@ -7543,6 +7546,11 @@ Footer Area CSS
.single-footer-widget p { .single-footer-widget p {
color: #000000; color: #000000;
font-size: 1rem;
}
.single-footer-widget a {
font-size: 1rem;
} }
.single-footer-widget .footer-contact-info { .single-footer-widget .footer-contact-info {
...@@ -7564,6 +7572,7 @@ Footer Area CSS ...@@ -7564,6 +7572,7 @@ Footer Area CSS
.single-footer-widget .footer-contact-info ul li { .single-footer-widget .footer-contact-info ul li {
color: #000000; color: #000000;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 1rem;
} }
.single-footer-widget .footer-contact-info ul li span { .single-footer-widget .footer-contact-info ul li span {
...@@ -7656,7 +7665,7 @@ Footer Area CSS ...@@ -7656,7 +7665,7 @@ Footer Area CSS
} }
.copyright-area p a { .copyright-area p a {
color: var(--whiteColor); color: var(--blackColor);
font-weight: 700; font-weight: 700;
} }
...@@ -8080,7 +8089,8 @@ Modal CSS ...@@ -8080,7 +8089,8 @@ Modal CSS
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
height: 100px; font-size: 1rem;
height: 108px;
} }
...@@ -8088,7 +8098,7 @@ Modal CSS ...@@ -8088,7 +8098,7 @@ Modal CSS
text-align: center; text-align: center;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 3; -webkit-line-clamp: 3;
-webkit-box-orient: vertical; /* -webkit-box-orient: vertical; */
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
height: 150px; height: 150px;
...@@ -8359,7 +8369,7 @@ h6.method-title-moblie { ...@@ -8359,7 +8369,7 @@ h6.method-title-moblie {
top: 0; top: 0;
display: flex; display: flex;
height: 100%; height: 100%;
z-index: 1; z-index: 0;
justify-content: space-between; justify-content: space-between;
} }
...@@ -8381,13 +8391,13 @@ h6.method-title-moblie { ...@@ -8381,13 +8391,13 @@ h6.method-title-moblie {
.industry_nav .custom-swiper-button-prev { .industry_nav .custom-swiper-button-prev {
position: relative; position: relative;
right: -2%; right: -11%;
top: -8%; top: -8%;
} }
.industry_nav .custom-swiper-button-next { .industry_nav .custom-swiper-button-next {
position: relative; position: relative;
left: -2%; left: -11%;
top: -8%; top: -8%;
} }
...@@ -8508,6 +8518,10 @@ ul.pagination.custom-pagination { ...@@ -8508,6 +8518,10 @@ ul.pagination.custom-pagination {
color: var(--mainColor); color: var(--mainColor);
} }
.section-title-download p {
color: #fff;
}
/* .section-title-download h2 { /* .section-title-download h2 {
color: #fff; color: #fff;
} }
...@@ -8865,7 +8879,7 @@ ul.pagination.custom-pagination { ...@@ -8865,7 +8879,7 @@ ul.pagination.custom-pagination {
.download-content h2 { .download-content h2 {
font-size: 4vh; font-size: 4vh;
color: var(--mainColor2) color: #fff;
} }
...@@ -8945,7 +8959,7 @@ ul.pagination.custom-pagination { ...@@ -8945,7 +8959,7 @@ ul.pagination.custom-pagination {
width: 100%; width: 100%;
top: 0px; top: 0px;
left: 0px; left: 0px;
font-size: 20px; font-size: 16px;
color: #fff; color: #fff;
z-index: 2; z-index: 2;
/* font-weight: 300; */ /* font-weight: 300; */
...@@ -8960,7 +8974,7 @@ ul.pagination.custom-pagination { ...@@ -8960,7 +8974,7 @@ ul.pagination.custom-pagination {
/* bottom: -120%; */ /* bottom: -120%; */
left: 0; left: 0;
width: 100%; width: 100%;
padding: 30px; padding: 20px;
background: var(--mainColor2); background: var(--mainColor2);
color: #fff; color: #fff;
transition: bottom 0.3s ease; transition: bottom 0.3s ease;
...@@ -8968,6 +8982,7 @@ ul.pagination.custom-pagination { ...@@ -8968,6 +8982,7 @@ ul.pagination.custom-pagination {
.HowWeDoIt_card_content h4 { .HowWeDoIt_card_content h4 {
color: #fff; color: #fff;
font-size: 20px;
} }
...@@ -8978,7 +8993,6 @@ ul.pagination.custom-pagination { ...@@ -8978,7 +8993,6 @@ ul.pagination.custom-pagination {
/*============ How to do it new section END ============ */ /*============ How to do it new section END ============ */
/* -------------------Variant section----------------- */ /* -------------------Variant section----------------- */
.variant_card { .variant_card {
...@@ -9037,6 +9051,101 @@ ul.pagination.custom-pagination { ...@@ -9037,6 +9051,101 @@ ul.pagination.custom-pagination {
/* --------------------variant end---------------- */ /* --------------------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) { @media (max-width: 1200px) {
.client-servicing-grid { .client-servicing-grid {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
...@@ -9056,6 +9165,24 @@ ul.pagination.custom-pagination { ...@@ -9056,6 +9165,24 @@ ul.pagination.custom-pagination {
border-right: 1px solid #e2e8f0; border-right: 1px solid #e2e8f0;
padding-right: 1.5rem; 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) { @media (max-width: 768px) {
...@@ -9099,17 +9226,30 @@ ul.pagination.custom-pagination { ...@@ -9099,17 +9226,30 @@ ul.pagination.custom-pagination {
} }
.download-content h2 { .download-content h2 {
font-size: 2.1vh; font-size: 1.5rem;
margin-bottom: 15px; margin-bottom: 15px;
color: var(--mainColor2) color: #fff;
} }
.ps-5 { .ps-5 {
padding-left: 1rem !important; 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) { @media (max-width: 480px) {
...@@ -9125,7 +9265,7 @@ ul.pagination.custom-pagination { ...@@ -9125,7 +9265,7 @@ ul.pagination.custom-pagination {
z-index: 1002; z-index: 1002;
background: #fff; background: #fff;
width: 100%; width: 100%;
min-height: 56px; min-height: 48px;
} }
.hamburger-btn { .hamburger-btn {
...@@ -9133,7 +9273,7 @@ ul.pagination.custom-pagination { ...@@ -9133,7 +9273,7 @@ ul.pagination.custom-pagination {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
width: 44px; width: 44px;
height: 44px; /* height: 44px; */
background: none; background: none;
border: none; border: none;
cursor: pointer; cursor: pointer;
...@@ -9331,7 +9471,7 @@ ul.pagination.custom-pagination { ...@@ -9331,7 +9471,7 @@ ul.pagination.custom-pagination {
background: #fff; background: #fff;
position: relative; position: relative;
z-index: 1002; z-index: 1002;
min-height: 56px; min-height: 50px;
} }
} }
...@@ -9743,7 +9883,21 @@ ul.pagination.custom-pagination { ...@@ -9743,7 +9883,21 @@ ul.pagination.custom-pagination {
color: #000; color: #000;
padding: 0; padding: 0;
border-radius: unset; 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 { .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!