Skip to content

sujata / advithconsulting.io-frontend

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

page update

1 parent 279657a2
Inline Side-by-side
Showing 48 changed files with 2780 additions and 433 deletions
components/reuseables/CallBackRequest.js
import Image from "next/image";
import React from "react"; import React from "react";
import { Col, Container, Row } from "react-bootstrap"; import { Col, Container, Row } from "react-bootstrap";
import Heading from "./Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "./variants";
const CallBackRequest = () => { const CallBackRequest = () => {
return ( return (
...@@ -9,21 +13,35 @@ const CallBackRequest = () => { ...@@ -9,21 +13,35 @@ const CallBackRequest = () => {
<Row className="align-items-center"> <Row className="align-items-center">
<Col lg={6} md={12}> <Col lg={6} md={12}>
<div className="free-quote-image"> <div className="free-quote-image">
<img src="/images/home/free-quote.jpg" alt="image" /> <motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<Image
src="/images/home/free-quote.jpg"
layout="fill"
className="img-fluid image"
alt="image"
/>
</motion.div>
</div> </div>
</Col> </Col>
<Col lg={6} md={12}> <Col lg={6} md={12}>
<div className="free-quote-text"> <div className="free-quote-text">
<span className="sub-title">FREE QUOTE</span> <span className="sub-title">FREE QUOTE</span>
<h2>Search and Expert Any Time From Just Knock Us</h2> <Heading
el="h2"
heading="Search and Expert Any Time From Just Knock Us"
/>
<p> <p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy ant extra eirmod te mpor invidunt ut labore et diam nonumy ant extra eirmod te mpor invidunt ut labore et
dolore magna aliquyam erat. Te mpor invidunt utttfg labore et dolore magna aliquyam erat. Te mpor invidunt utttfg labore et
dolore magna aliquyam erat dolore magna aliquyam erat
</p> </p>
<form> <form>
<Row> <Row>
<Col lg={6} md={6}> <Col lg={6} md={6}>
...@@ -57,7 +75,7 @@ const CallBackRequest = () => { ...@@ -57,7 +75,7 @@ const CallBackRequest = () => {
<Col lg={6} md={6}> <Col lg={6} md={6}>
<div className="form-group"> <div className="form-group">
<button type="submit" className="default-btn"> <button type="submit" className="default-btn">
Request A Quote{" "} Request A Quote
<i className="ri-arrow-right-line"></i> <i className="ri-arrow-right-line"></i>
</button> </button>
</div> </div>
......
components/reuseables/FunctionalAreas.js
import React from "react"; import React from "react";
import Link from "next/link"; import Link from "next/link";
import { Container } from "react-bootstrap";
import Heading from "./Heading";
const services = [ const services = [
{ {
...@@ -62,10 +64,10 @@ const FunctionalAreas = () => { ...@@ -62,10 +64,10 @@ const FunctionalAreas = () => {
return ( return (
<> <>
<div className="services-area pt-100 pb-70"> <div className="services-area pt-100 pb-70">
<div className="container"> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">SERVICES</span> <span className="sub-title">SERVICES</span>
<h2>Functional Areas </h2> <Heading el="h2" heading="Functional Areas " className="h2" />
<p> <p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore. nonumy eirmod tempor invidunt ut labore et dolore.
...@@ -85,19 +87,11 @@ const FunctionalAreas = () => { ...@@ -85,19 +87,11 @@ const FunctionalAreas = () => {
</Link> </Link>
</h3> </h3>
</div> </div>
{/* <p>{service.serviceShortDescription}</p> */}
{/* <Link
href={service.serviceDetailsUrl}
className="default-btn"
>
{service.readMoreText}{" "}
<i className="ri-arrow-right-line"></i>
</Link> */}
</div> </div>
</div> </div>
))} ))}
</div> </div>
</div> </Container>
</div> </div>
</> </>
); );
......
components/reuseables/Heading.js 0 → 100644
import React, { useRef } from "react";
import { motion, useInView } from "framer-motion";
const splitText = (text) =>
text.split("").map((char, index) => ({
char,
key: `${char}-${index}`,
}));
const Heading = ({
el: Wrapper = "h2",
subheading = "",
heading = [],
className = "",
}) => {
const headingArray = Array.isArray(heading) ? heading : [heading];
const headingVariants = {
hidden: { opacity: 0.2, y: 0 },
visible: (i) => ({
opacity: 1,
y: 0,
transition: {
delay: i * 0.05,
},
}),
};
return (
<div className={`headings mb-3 ${className}`}>
<Wrapper className="subheading">{subheading}</Wrapper>
<div className="heading-container">
{headingArray.length > 0 &&
headingArray.map((item, index) => (
<InViewWrapper key={index}>
{splitText(item).map((char, i) => (
<motion.span
key={char.key}
custom={i}
initial="hidden"
animate="visible"
variants={headingVariants}
className="heading"
style={{ display: "inline-block" }} // No whiteSpace or word-wrap styles here
>
{char.char === " " ? "\u00A0" : char.char}
</motion.span>
))}
</InViewWrapper>
))}
</div>
</div>
);
};
const InViewWrapper = ({ children }) => {
const ref = useRef(null);
const isInView = useInView(ref, { triggerOnce: true, threshold: 0.1 });
return (
<div ref={ref}>
{React.Children.map(children, (child) =>
React.cloneElement(child, { animate: isInView ? "visible" : "hidden" })
)}
</div>
);
};
export default Heading;
components/reuseables/Industries.js
...@@ -3,6 +3,7 @@ import React from "react"; ...@@ -3,6 +3,7 @@ import React from "react";
import { Swiper, SwiperSlide } from "swiper/react"; import { Swiper, SwiperSlide } from "swiper/react";
import { Autoplay, Pagination } from "swiper/modules"; import { Autoplay, Pagination } from "swiper/modules";
import { Col, Container, Row } from "react-bootstrap"; import { Col, Container, Row } from "react-bootstrap";
import Heading from "./Heading";
const industriesData = [ const industriesData = [
{ {
title: "Education", title: "Education",
...@@ -11,8 +12,6 @@ const industriesData = [ ...@@ -11,8 +12,6 @@ const industriesData = [
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.", "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.",
imageSrc: "/images/home/industry.jpg", imageSrc: "/images/home/industry.jpg",
imageAlt: "image", imageAlt: "image",
imageWidth: 800,
imageHeight: 800,
shapeSrc: "/images/shape/shape8.png", shapeSrc: "/images/shape/shape8.png",
shapeAlt: "image", shapeAlt: "image",
}, },
...@@ -23,8 +22,6 @@ const industriesData = [ ...@@ -23,8 +22,6 @@ const industriesData = [
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.", "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.",
imageSrc: "/images/home/industry.jpg", imageSrc: "/images/home/industry.jpg",
imageAlt: "image", imageAlt: "image",
imageWidth: 800,
imageHeight: 800,
shapeSrc: "/images/shape/shape8.png", shapeSrc: "/images/shape/shape8.png",
shapeAlt: "image", shapeAlt: "image",
}, },
...@@ -35,8 +32,6 @@ const industriesData = [ ...@@ -35,8 +32,6 @@ const industriesData = [
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.", "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.",
imageSrc: "/images/home/industry.jpg", imageSrc: "/images/home/industry.jpg",
imageAlt: "image", imageAlt: "image",
imageWidth: 800,
imageHeight: 800,
shapeSrc: "/images/shape/shape8.png", shapeSrc: "/images/shape/shape8.png",
shapeAlt: "image", shapeAlt: "image",
}, },
...@@ -47,8 +42,6 @@ const industriesData = [ ...@@ -47,8 +42,6 @@ const industriesData = [
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.", "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.",
imageSrc: "/images/home/industry.jpg", imageSrc: "/images/home/industry.jpg",
imageAlt: "image", imageAlt: "image",
imageWidth: 800,
imageHeight: 800,
shapeSrc: "/images/shape/shape8.png", shapeSrc: "/images/shape/shape8.png",
shapeAlt: "image", shapeAlt: "image",
}, },
...@@ -59,8 +52,6 @@ const industriesData = [ ...@@ -59,8 +52,6 @@ const industriesData = [
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.", "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.",
imageSrc: "/images/home/industry.jpg", imageSrc: "/images/home/industry.jpg",
imageAlt: "image", imageAlt: "image",
imageWidth: 800,
imageHeight: 800,
shapeSrc: "/images/shape/shape8.png", shapeSrc: "/images/shape/shape8.png",
shapeAlt: "image", shapeAlt: "image",
}, },
...@@ -73,6 +64,7 @@ const Industries = () => { ...@@ -73,6 +64,7 @@ const Industries = () => {
<div className="free-quote-area bg-color"> <div className="free-quote-area bg-color">
<Swiper <Swiper
spaceBetween={30} spaceBetween={30}
pagination={{ clickable: true }}
breakpoints={{ breakpoints={{
0: { 0: {
slidesPerView: 1, slidesPerView: 1,
...@@ -92,9 +84,8 @@ const Industries = () => { ...@@ -92,9 +84,8 @@ const Industries = () => {
disableOnInteraction: true, disableOnInteraction: true,
pauseOnMouseEnter: true, pauseOnMouseEnter: true,
}} }}
pagination={{ clickable: true }} modules={[Pagination, Autoplay]}
modules={[Autoplay]} className="industry-slides"
className="partner-slides"
> >
{industriesData.map((industry, index) => ( {industriesData.map((industry, index) => (
<SwiperSlide className="single-partner-item" key={index}> <SwiperSlide className="single-partner-item" key={index}>
...@@ -103,7 +94,11 @@ const Industries = () => { ...@@ -103,7 +94,11 @@ const Industries = () => {
<Col lg={5} md={12}> <Col lg={5} md={12}>
<div className="free-quote-content"> <div className="free-quote-content">
<span className="sub-title">{industry.subtitle}</span> <span className="sub-title">{industry.subtitle}</span>
<h2>{industry.title}</h2> <Heading
el="h2"
heading={industry.title}
className="industry-title"
/>
<p>{industry.description}</p> <p>{industry.description}</p>
</div> </div>
</Col> </Col>
...@@ -112,9 +107,8 @@ const Industries = () => { ...@@ -112,9 +107,8 @@ const Industries = () => {
<Image <Image
src={industry.imageSrc} src={industry.imageSrc}
alt={industry.imageAlt} alt={industry.imageAlt}
width={industry.imageWidth} layout="fill"
height={industry.imageHeight} className="img-fluid rounded-5 image"
className="img-fluid rounded-5"
/> />
</Col> </Col>
</Row> </Row>
......
components/reuseables/PageBanner.js
import React from "react"; import React from "react";
import Link from "next/link"; import Link from "next/link";
import Image from "next/image"; import Image from "next/image";
import { Swiper, SwiperSlide } from "swiper/react";
import { Pagination, Autoplay } from "swiper/modules";
const PageBanner = ({ const PageBanner = ({ banners = [] }) => {
pageTitle,
homePageUrl,
homePageText,
activePageText,
}) => {
return ( return (
<> <Swiper
spaceBetween={30}
pagination={{
clickable: true,
}}
breakpoints={{
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 1,
},
1200: {
slidesPerView: 1,
},
}}
autoplay={{
delay: 5000,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}}
modules={[Autoplay]}
className="page-banner-swiper"
>
{banners.map((banner, index) => (
<SwiperSlide key={index}>
<div className="page-title-area"> <div className="page-title-area">
<div className="image-wrapper"> <div className="image-wrapper">
<Image <Image
src="/images/page-title-bg.jpg" src={banner.imageSrc}
alt="Page Title Background" alt={banner.pageTitle}
layout="fill" layout="fill"
objectFit="cover" objectFit="cover"
priority priority
...@@ -22,17 +44,19 @@ const PageBanner = ({ ...@@ -22,17 +44,19 @@ const PageBanner = ({
</div> </div>
<div className="container"> <div className="container">
<div className="page-title-content"> <div className="page-title-content">
<h2>{pageTitle}</h2> <h2>{banner.pageTitle}</h2>
<ul> <ul>
<li> <li>
<Link href={homePageUrl}>{homePageText}</Link> <Link href={banner.homePageUrl}>{banner.homePageText}</Link>
</li> </li>
<li>{activePageText}</li> <li>{banner.activePageText}</li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</> </SwiperSlide>
))}
</Swiper>
); );
}; };
......
components/reuseables/variants.js 0 → 100755
export const fadeIn = (direction, delay) => {
return {
hidden: {
y: direction === "up" ? 40 : direction === "down" ? -40 : 0,
x: direction === "left" ? 40 : direction === "right" ? -40 : 0,
opacity: 0,
},
show: {
y: 0,
x: 0,
opacity: 1,
transition: {
type: "tween",
duration: 0.5,
delay: delay,
ease: [0.25, 0.25, 0.25, 0.75],
},
},
};
};
export const zoomIn = (direction, delay) => {
return {
hidden: {
y: direction === "up" ? 40 : direction === "down" ? -40 : 0,
x: direction === "left" ? 40 : direction === "right" ? -40 : 0,
opacity: 0,
scale: 0.6,
},
show: {
y: 0,
x: 0,
opacity: 1,
scale: 1,
transition: {
type: "tween",
duration: 0.6,
delay: delay,
ease: [0.25, 0.25, 0.25, 0.75],
},
},
};
};
export const slideFromTop = (delay) => {
return {
hidden: {
y: -90,
opacity: 0,
},
show: {
y: 0,
opacity: 1,
transition: {
type: "tween",
duration: 0.5,
delay: delay,
ease: [0.25, 0.25, 0.25, 0.75],
},
},
};
};
export const slideFromLeft = (delay) => {
return {
hidden: {
x: -90,
opacity: 0,
},
show: {
x: 0,
opacity: 1,
transition: {
type: "tween",
duration: 0.5,
delay: delay,
ease: [0.25, 0.25, 0.25, 0.75],
},
},
};
};
export const slideFromRight = (delay) => {
return {
hidden: {
x: 90,
opacity: 0,
},
show: {
x: 0,
opacity: 1,
transition: {
type: "tween",
duration: 0.5,
delay: delay,
ease: [0.25, 0.25, 0.25, 0.75],
},
},
};
};
export const slideFromRightHeading = (delay) => {
return {
hidden: {
x: 50, // Starts slightly to the right
opacity: 1,
},
show: {
x: 0, // Moves to its original position
opacity: 1,
transition: {
type: "tween",
duration: 0.5,
delay: delay,
ease: [0.25, 0.25, 0.25, 0.75],
},
},
};
};
export const slideFromTopcustom = (delay) => {
return {
hidden: {
y: -90,
opacity: 0,
},
show: {
y: 0,
opacity: 1,
transition: {
type: "tween",
duration: 0.5,
delay: delay,
ease: [0.25, 0.25, 0.25, 0.75],
},
},
exit: {
y: -90,
opacity: 0,
transition: {
duration: 2,
ease: [0.25, 0.25, 0.25, 0.75],
},
},
};
};
export const slideFromBottom = (delay) => {
return {
hidden: {
y: 90,
opacity: 0,
},
show: {
y: 0,
opacity: 1,
transition: {
type: "tween",
duration: 0.5,
delay: delay,
ease: [0.25, 0.25, 0.25, 0.75],
},
},
};
};
container/Blog/BlogSidebar.js
import React from "react"; import React from "react";
import Link from "next/link"; import Link from "next/link";
import Image from "next/image";
const popularPosts = [
{
title: "Being The Best-Selling Smart Phone This Year",
date: "Jan 15, 2020",
image: "/images/blog/blog1.jpg",
link: "/blog/details",
},
{
title: "Love Songs Helped Me Through Heartbreak",
date: "Jan 14, 2020",
image: "/images/blog/blog1.jpg",
link: "/blog/details",
},
{
title: "Two Fashion Designers Busy With 2020 Winter Fashion",
date: "Jan 13, 2020",
image: "/images/blog/blog1.jpg",
link: "/blog/details",
},
{
title: "Working in the Office is a Tradition For Women",
date: "Jan 12, 2020",
image: "/images/blog/blog1.jpg",
link: "/blog/details",
},
];
const categories = [
{ name: "Business", postCount: 2, link: "/blog" },
{ name: "Privacy", postCount: 5, link: "/blog" },
{ name: "Technology", postCount: 6, link: "/blog" },
{ name: "Tips", postCount: 2, link: "/blog" },
{ name: "Uncategorized", postCount: 1, link: "/blog" },
{ name: "Log in", postCount: 1, link: "/blog" },
];
const tags = [
{ name: "Advertisement", linkCount: 3, link: "/blog" },
{ name: "Business", linkCount: 3, link: "/blog" },
{ name: "Life", linkCount: 5, link: "/blog" },
{ name: "Lifestyle", linkCount: 2, link: "/blog" },
{ name: "Fashion", linkCount: 2, link: "/blog" },
{ name: "Inspiration", linkCount: 1, link: "/blog" },
{ name: "Blog", linkCount: 1, link: "/blog" },
{ name: "Ads", linkCount: 3, link: "/blog" },
];
const BlogSidebar = () => { const BlogSidebar = () => {
return ( return (
<> <>
<aside className="widget-area"> <aside className="widget-area">
<div className="widget widget_search">
<form className="search-form">
<label>
<input
type="search"
className="search-field"
placeholder="Search..."
/>
</label>
<button type="submit">
<i className="ri-search-2-line"></i>
</button>
</form>
</div>
<div className="widget widget_enry_posts_thumb"> <div className="widget widget_enry_posts_thumb">
<h3 className="widget-title">Popular Posts</h3> <h3 className="widget-title">Popular Posts</h3>
{popularPosts.map((post, index) => (
<article className="item"> <article key={index} className="item">
<Link href="/blog/details" className="thumb"> <Link href={post.link} className="thumb">
<span <Image
className="fullimage cover" src={post.image}
role="img" layout="fill"
style={{ className="img-fluid image fullimage cover"
backgroundImage: `url(/images/blog/blog1.jpg)`, alt="image"
}} />
></span>
</Link>
<div className="info">
<h4 className="title usmall">
<Link href="/blog/details">
Being The Best-Selling Smart Phone This Year
</Link>
</h4>
<span className="date">
<i className="ri-calendar-2-fill"></i> Jan 15, 2020
</span>
</div>
</article>
<article className="item">
<Link href="/blog/details" className="thumb">
<span
className="fullimage cover"
role="img"
style={{
backgroundImage: `url(/images/blog/blog2.jpg)`,
}}
></span>
</Link>
<div className="info">
<h4 className="title usmall">
<Link href="/blog/details">
Love Songs Helped Me Through Heartbreak
</Link>
</h4>
<span className="date">
<i className="ri-calendar-2-fill"></i> Jan 14, 2020
</span>
</div>
</article>
<article className="item">
<Link href="/blog/details" className="thumb">
<span
className="fullimage cover"
role="img"
style={{
backgroundImage: `url(/images/blog/blog3.jpg)`,
}}
></span>
</Link>
<div className="info">
<h4 className="title usmall">
<Link href="/blog/details">
Two Fashion Designers Busy With 2020 Winter Fashion
</Link>
</h4>
<span className="date">
<i className="ri-calendar-2-fill"></i> Jan 13, 2020
</span>
</div>
</article>
<article className="item">
<Link href="/blog/details" className="thumb">
<span
className="fullimage cover"
role="img"
style={{
backgroundImage: `url(/images/blog/blog4.jpg)`,
}}
></span>
</Link> </Link>
<div className="info"> <div className="info">
<h4 className="title usmall"> <h4 className="title usmall">
<Link href="/blog/details"> <Link href={post.link}>{post.title}</Link>
Working in the Office is a Tradition For Women
</Link>
</h4> </h4>
<span className="date"> <span className="date">
<i className="ri-calendar-2-fill"></i> Jan 12, 2020 <i className="ri-calendar-2-fill"></i> {post.date}
</span> </span>
</div> </div>
</article> </article>
))}
</div> </div>
<div className="widget widget_categories"> <div className="widget widget_categories">
<h3 className="widget-title">Categories</h3> <h3 className="widget-title">Categories</h3>
<ul> <ul>
<li> {categories.map((category, index) => (
<Link href="/blog"> <li key={index}>
Business <span className="post-count">(2)</span> <Link href={category.link}>
</Link> {category.name}{" "}
</li> <span className="post-count">({category.postCount})</span>
<li>
<Link href="/blog">
Privacy <span className="post-count">(5)</span>
</Link>
</li>
<li>
<Link href="/blog">
Technology <span className="post-count">(6)</span>
</Link>
</li>
<li>
<Link href="/blog">
Tips <span className="post-count">(2)</span>
</Link>
</li>
<li>
<Link href="/blog">
Uncategorized <span className="post-count">(1)</span>
</Link>
</li>
<li>
<Link href="/blog">
Log in <span className="post-count">(1)</span>
</Link> </Link>
</li> </li>
))}
</ul> </ul>
</div> </div>
<div className="widget widget_newsletter">
<h4>Subscribe To Our Newsletter</h4>
<p>Subscribe to our newsletter to get the new updates!</p>
<form className="newsletter-form">
<input
type="email"
className="input-newsletter"
placeholder="Enter your email"
name="EMAIL"
required
/>
<button type="submit">Subscribe</button>
</form>
</div>
<div className="widget widget_tag_cloud"> <div className="widget widget_tag_cloud">
<h3 className="widget-title">Tags</h3> <h3 className="widget-title">Tags</h3>
<div className="tagcloud"> <div className="tagcloud">
<Link href="/blog"> {tags.map((tag, index) => (
Advertisement <span className="tag-link-count"> (3)</span> <Link key={index} href={tag.link}>
</Link> {tag.name}
<Link href="/blog"> <span className="tag-link-count"> ({tag.linkCount})</span>
Business <span className="tag-link-count"> (3)</span>
</Link>
<Link href="/blog">
Life <span className="tag-link-count"> (5)</span>
</Link>
<Link href="/blog">
Lifestyle <span className="tag-link-count"> (2)</span>
</Link>
<Link href="/blog">
Fashion <span className="tag-link-count"> (2)</span>
</Link>
<Link href="/blog">
Inspiration <span className="tag-link-count"> (1)</span>
</Link>
<Link href="/blog">
Blog <span className="tag-link-count"> (1)</span>
</Link>
<Link href="/blog">
Ads <span className="tag-link-count"> (3)</span>
</Link> </Link>
))}
</div> </div>
</div> </div>
</aside> </aside>
......
container/Blog/index.js
import React from "react"; import React from "react";
import Link from "next/link"; import Link from "next/link";
import BlogSidebar from "@/components/Blog/BlogSidebar"; import BlogSidebar from "./BlogSidebar";
import PageBanner from "@/components/reuseables/PageBanner";
import Image from "next/image";
import { Col, Container, Row } from "react-bootstrap";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "Blogs",
homePageUrl: "/",
homePageText: "Home",
activePageText: "Blogs",
},
];
const posts = [ const posts = [
{ {
id: 1, id: 1,
...@@ -55,49 +66,29 @@ const posts = [ ...@@ -55,49 +66,29 @@ const posts = [
btnText: "Read More", btnText: "Read More",
detailsUrl: "/blog/details", detailsUrl: "/blog/details",
}, },
{
id: 5,
image: "/images/blog/blog5.jpg",
altText: "Blog Image",
date: "Jan 14, 2024",
author: "Sarah Taylor",
authorLink: "/blog/author",
title: "Magic Monday: Looking Forward With Hope",
shortDesc:
"Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
btnText: "Read More",
detailsUrl: "/blog/details",
},
{
id: 6,
image: "/images/blog/blog6.jpg",
altText: "Blog Image",
date: "Jan 12, 2024",
author: "James Andy",
authorLink: "/blog/author",
title: "Outsourcing IT Services: The Hows and Why",
shortDesc:
"Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
btnText: "Read More",
detailsUrl: "/blog/details",
},
]; ];
const Blogs = () => { const Blogs = () => {
return ( return (
<> <>
<PageBanner banners={banners} />
<div className="blog-area ptb-100"> <div className="blog-area ptb-100">
<div className="container"> <Container>
<div className="row"> <Row>
<div className="col-lg-8 col-md-12"> <Col lg={8} md={12}>
<div className="row justify-content-center"> <div className="row justify-content-center">
{posts && {posts &&
posts.map((post) => ( posts.map((post) => (
<div className="col-lg-6 col-md-6" key={post.id}> <Col lg={6} md={6} key={post.id}>
<div className="single-blog-post"> <div className="single-blog-post">
<div className="post-image"> <div className="post-image">
<Link href={post.detailsUrl} className="d-block"> <Link href={post.detailsUrl} className="d-block">
<img src={post.image} alt={post.altText} /> <Image
src={post.image}
alt={post.altText}
layout="fill"
className="img-fluid image"
/>
</Link> </Link>
</div> </div>
<div className="post-content"> <div className="post-content">
...@@ -122,16 +113,16 @@ const Blogs = () => { ...@@ -122,16 +113,16 @@ const Blogs = () => {
</Link> </Link>
</div> </div>
</div> </div>
</div> </Col>
))} ))}
</div> </div>
</div> </Col>
<div className="col-lg-4 col-md-12"> <div className="col-lg-4 col-md-12">
<BlogSidebar /> <BlogSidebar />
</div> </div>
</div> </Row>
</div> </Container>
</div> </div>
</> </>
); );
......
container/BudgetPanorama/index.js 0 → 100644
import React from "react";
import Link from "next/link";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants";
import PageBanner from "@/components/reuseables/PageBanner";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "Budget Panorama",
homePageUrl: "/",
homePageText: "Home",
activePageText: "Budget Panorama",
},
];
const services = [
{
id: 1,
serviceIcon: "icon ri-group-2-line",
serviceTitle: "lorem text",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 2,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "lorem Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 3,
serviceIcon: "icon ri-money-dollar-box-line",
serviceTitle: "lorem Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 4,
serviceIcon: "icon ri-group-2-line",
serviceTitle: "lorem text",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 5,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "lorem Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 6,
serviceIcon: "icon ri-money-dollar-box-line",
serviceTitle: "lorem Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
];
const BudgetPanorama = () => {
return (
<>
<PageBanner banners={banners} />
<div className="services-area pt-70 pb-100 bg-light">
<Container>
<div className="section-title">
<span className="sub-title">OUR lorem</span>
<Heading heading={"Budget Panorama"} el="h2" />
<p>
Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam
nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam
erat, sed diamsan.
</p>
</div>
<Row className="align-items-center">
{services &&
services.map((service, index) => (
<Col lg={4} md={6} sm={12} key={service.id}>
<motion.div
variants={slideFromLeft(index * 0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="services-box-budget">
<div className="d-flex align-items-center">
<i className={service.serviceIcon}></i>
<h3>
<Link href={service.serviceDetailsUrl}>
{service.serviceTitle}
</Link>
</h3>
</div>
<p>{service.serviceShortDescription}</p>
<Link
href={service.serviceDetailsUrl}
className="default-btn"
>
{service.readMoreText}{" "}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</motion.div>
</Col>
))}
</Row>
</Container>
</div>
</>
);
};
export default BudgetPanorama;
container/ClientServicing/ TechnicalExpertise.js
...@@ -2,6 +2,8 @@ import React from "react"; ...@@ -2,6 +2,8 @@ import React from "react";
import Link from "next/link"; import Link from "next/link";
import { Tab, Tabs, TabList, TabPanel, resetIdCounter } from "react-tabs"; import { Tab, Tabs, TabList, TabPanel, resetIdCounter } from "react-tabs";
import Image from "next/image"; import Image from "next/image";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
const KnowledgeData = [ const KnowledgeData = [
{ {
title: "Assurance", title: "Assurance",
...@@ -39,30 +41,34 @@ const TechnicalExpertise = () => { ...@@ -39,30 +41,34 @@ const TechnicalExpertise = () => {
return ( return (
<> <>
<div className="what-we-do-area pt-50 pb-50"> <div className="what-we-do-area pt-50 pb-50">
<div className="container"> <Container>
<div className="row align-items-center"> <Row className="align-items-center">
<div className="col-lg-6 col-md-12"> <Col lg={6} md={12}>
<div className="what-we-do-image"> <div className="what-we-do-image">
<Image <Image
width={800}
height={800}
src="/images/about/about1.png" src="/images/about/about1.png"
alt="image" alt="image"
layout="fill"
className="img-fluid image"
/> />
<Image <Image
width={200}
height={150}
src="/images/shape/shape8.png" src="/images/shape/shape8.png"
alt="image" alt="image"
width={300}
height={300}
className="shape" className="shape"
/> />
</div> </div>
</div> </Col>
<div className="col-lg-6 col-md-12"> <Col lg={6} md={12}>
<div className="what-we-do-content"> <div className="what-we-do-content">
<span className="sub-title">SEE WHAT WE DO</span> <span className="sub-title">SEE WHAT WE DO</span>
<h2>Areas of Technical Expertise</h2> <Heading
el="h2"
heading="Areas of Technical Expertise"
className="h2"
/>
<Tabs> <Tabs>
<TabList> <TabList>
...@@ -78,9 +84,9 @@ const TechnicalExpertise = () => { ...@@ -78,9 +84,9 @@ const TechnicalExpertise = () => {
))} ))}
</Tabs> </Tabs>
</div> </div>
</div> </Col>
</div> </Row>
</div> </Container>
</div> </div>
</> </>
); );
......
container/ClientServicing/ClientServicingPage.js
...@@ -5,16 +5,20 @@ import TechnicalExpertise from "./ TechnicalExpertise"; ...@@ -5,16 +5,20 @@ import TechnicalExpertise from "./ TechnicalExpertise";
import FunctionalAreas from "../../components/reuseables/FunctionalAreas"; import FunctionalAreas from "../../components/reuseables/FunctionalAreas";
import Industries from "@/components/reuseables/Industries"; import Industries from "@/components/reuseables/Industries";
import CallBackRequest from "@/components/reuseables/CallBackRequest"; import CallBackRequest from "@/components/reuseables/CallBackRequest";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "Client Servicing",
homePageUrl: "/",
homePageText: "Home",
activePageText: "Client Servicing",
},
// Add more banners as needed
];
const ClientServicingPage = () => { const ClientServicingPage = () => {
return ( return (
<> <>
<PageBanner <PageBanner banners={banners} />
pageTitle="Client Servicing"
homePageUrl="/"
homePageText="Home"
activePageText="Client Servicing"
/>
<OurService /> <OurService />
<TechnicalExpertise /> <TechnicalExpertise />
<FunctionalAreas /> <FunctionalAreas />
......
container/ClientServicing/OurService.js
...@@ -2,6 +2,11 @@ import React from "react"; ...@@ -2,6 +2,11 @@ import React from "react";
import Link from "next/link"; import Link from "next/link";
import { Swiper, SwiperSlide } from "swiper/react"; import { Swiper, SwiperSlide } from "swiper/react";
import { Pagination, Autoplay } from "swiper/modules"; import { Pagination, Autoplay } from "swiper/modules";
import Heading from "@/components/reuseables/Heading";
import { Container } from "react-bootstrap";
import Image from "next/image";
import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants";
const services = [ const services = [
{ {
...@@ -70,10 +75,10 @@ const OurService = () => { ...@@ -70,10 +75,10 @@ const OurService = () => {
return ( return (
<> <>
<div className="services-area pt-100 pb-70"> <div className="services-area pt-100 pb-70">
<div className="container"> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">SERVICES</span> <span className="sub-title">SERVICES</span>
<h2>Our Dedicated Services</h2> <Heading el="h2" heading="Our Dedicated Services" className="h2" />
<p> <p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore. nonumy eirmod tempor invidunt ut labore et dolore.
...@@ -107,9 +112,20 @@ const OurService = () => { ...@@ -107,9 +112,20 @@ const OurService = () => {
{services && {services &&
services.map((service) => ( services.map((service) => (
<SwiperSlide className="single-services-box" key={service.id}> <SwiperSlide className="single-services-box" key={service.id}>
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="image"> <div className="image">
<Link href={service.detailsUrl}> <Link href={service.detailsUrl}>
<img src={service.image} alt={service.altText} /> <Image
src={service.image}
alt={service.altText}
layout="fill"
className="img-fluid image"
/>
</Link> </Link>
</div> </div>
<div className="content"> <div className="content">
...@@ -120,13 +136,15 @@ const OurService = () => { ...@@ -120,13 +136,15 @@ const OurService = () => {
<p>{service.description}</p> <p>{service.description}</p>
<Link href={service.detailsUrl} className="default-btn"> <Link href={service.detailsUrl} className="default-btn">
{service.linkText} <i className="ri-arrow-right-line"></i> {service.linkText}{" "}
<i className="ri-arrow-right-line"></i>
</Link> </Link>
</div> </div>
</motion.div>
</SwiperSlide> </SwiperSlide>
))} ))}
</Swiper> </Swiper>
</div> </Container>
</div> </div>
</> </>
); );
......
container/Contact/ContactForm.js
...@@ -2,6 +2,7 @@ import React, { useState } from "react"; ...@@ -2,6 +2,7 @@ import React, { useState } from "react";
import Link from "next/link"; import Link from "next/link";
import GoogleMap from "./GoogleMap"; import GoogleMap from "./GoogleMap";
import { Col, Container, Row } from "react-bootstrap"; import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
const ContactForm = () => { const ContactForm = () => {
return ( return (
<> <>
...@@ -15,7 +16,7 @@ const ContactForm = () => { ...@@ -15,7 +16,7 @@ const ContactForm = () => {
<Col lg={6} sm={12}> <Col lg={6} sm={12}>
<div className="contact-form"> <div className="contact-form">
<span className="sub-title">SEND MESSAGE</span> <span className="sub-title">SEND MESSAGE</span>
<h2>Lets Provide Us a Message & Contact Us</h2> <Heading el="h2" heading="Lets Provide Us a Contact Us" />
<p> <p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy liquyam erat, sed diam voluptua. At vero eos et diam nonumy liquyam erat, sed diam voluptua. At vero eos et
......
container/Contact/ContactInfo.js
import Heading from "@/components/reuseables/Heading";
import Image from "next/image"; import Image from "next/image";
import React from "react"; import React from "react";
import { Col, Container, Row } from "react-bootstrap";
const ContactInfo = () => { const ContactInfo = () => {
return ( return (
<> <>
<div className="pt-100"> <div className="pt-100">
<div className="container"> <Container>
<div className="row align-items-center"> <Row className="align-items-center">
<div className="col-lg-6 col-md-12"> <Col lg={6} md={12}>
<div className="contact-content"> <div className="contact-content">
<span className="sub-title">CONTACT US</span> <span className="sub-title">CONTACT US</span>
<h2>Contact Us With Your Details & Ready To Start</h2> <Heading
el="h2"
heading="Contact Us With Your Details & Ready To Start"
/>
<p> <p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod liquyam erat, sed diam voluptua. At vero diam nonumy eirmod liquyam erat, sed diam voluptua. At vero
...@@ -18,8 +23,8 @@ const ContactInfo = () => { ...@@ -18,8 +23,8 @@ const ContactInfo = () => {
sit amet, consetetur sadipscing elitr. sit amet, consetetur sadipscing elitr.
</p> </p>
<div className="row justify-content-center"> <Row className="justify-content-center">
<div className="col-lg-4 col-md-4 col-sm-6"> <Col lg={4} md={4} sm={6}>
<div className="single-contact-info-box"> <div className="single-contact-info-box">
<div className="icon"> <div className="icon">
<i className="ri-home-7-line"></i> <i className="ri-home-7-line"></i>
...@@ -27,9 +32,9 @@ const ContactInfo = () => { ...@@ -27,9 +32,9 @@ const ContactInfo = () => {
<h3>Main Office</h3> <h3>Main Office</h3>
<p>325 Rockford Lane Durham, New York, USA</p> <p>325 Rockford Lane Durham, New York, USA</p>
</div> </div>
</div> </Col>
<div className="col-lg-4 col-md-4 col-sm-6"> <Col lg={4} md={4} sm={6}>
<div className="single-contact-info-box"> <div className="single-contact-info-box">
<div className="icon"> <div className="icon">
<i className="ri-phone-line"></i> <i className="ri-phone-line"></i>
...@@ -44,9 +49,9 @@ const ContactInfo = () => { ...@@ -44,9 +49,9 @@ const ContactInfo = () => {
<a href="mailto:+54789632157">+(5) 478 963 2157</a> <a href="mailto:+54789632157">+(5) 478 963 2157</a>
</p> </p>
</div> </div>
</div> </Col>
<div className="col-lg-4 col-md-4 col-sm-6"> <Col lg={4} md={4} sm={6}>
<div className="single-contact-info-box"> <div className="single-contact-info-box">
<div className="icon"> <div className="icon">
<i className="ri-mail-star-line"></i> <i className="ri-mail-star-line"></i>
...@@ -61,12 +66,12 @@ const ContactInfo = () => { ...@@ -61,12 +66,12 @@ const ContactInfo = () => {
<a href="mailto:info@zixon.com">info@zixon.com</a> <a href="mailto:info@zixon.com">info@zixon.com</a>
</p> </p>
</div> </div>
</Col>
</Row>
</div> </div>
</div> </Col>
</div>
</div>
<div className="col-lg-6 col-md-12"> <Col lg={6} md={12}>
<div className="contact-image"> <div className="contact-image">
<Image <Image
layout="fill" layout="fill"
...@@ -75,9 +80,9 @@ const ContactInfo = () => { ...@@ -75,9 +80,9 @@ const ContactInfo = () => {
className="img-fluid image" className="img-fluid image"
/> />
</div> </div>
</div> </Col>
</div> </Row>
</div> </Container>
</div> </div>
</> </>
); );
......
container/Contact/ContactPage.js
...@@ -3,15 +3,20 @@ import React from "react"; ...@@ -3,15 +3,20 @@ import React from "react";
import ContactInfo from "./ContactInfo"; import ContactInfo from "./ContactInfo";
import ContactForm from "./ContactForm"; import ContactForm from "./ContactForm";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "Contact",
homePageUrl: "/",
homePageText: "Home",
activePageText: "Contact",
},
];
const ContactPage = () => { const ContactPage = () => {
return ( return (
<> <>
<PageBanner <PageBanner banners={banners} />
pageTitle="Contact Us"
homePageUrl="/"
homePageText="Home"
activePageText="CONTACT US"
/>
<ContactInfo /> <ContactInfo />
<ContactForm /> <ContactForm />
</> </>
......
container/Corpedia/index.js 0 → 100644
import React from "react";
import Link from "next/link";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants";
import PageBanner from "@/components/reuseables/PageBanner";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "Corpedia",
homePageUrl: "/",
homePageText: "Home",
activePageText: "Corpedia",
},
// Add more banners as needed
];
const services = [
{
id: 1,
serviceIcon: "icon ri-group-2-line",
serviceTitle: "lorem text",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 2,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "lorem Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 3,
serviceIcon: "icon ri-money-dollar-box-line",
serviceTitle: "lorem Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 4,
serviceIcon: "icon ri-group-2-line",
serviceTitle: "lorem text",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 5,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "lorem Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 6,
serviceIcon: "icon ri-money-dollar-box-line",
serviceTitle: "lorem Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
];
const Corpedia = () => {
return (
<>
<PageBanner banners={banners} />
<div className="services-area pt-70 pb-100 bg-light">
<Container>
<div className="section-title">
<span className="sub-title">OUR lorem</span>
<Heading heading={"Corpedia"} el="h2" />
<p>
Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam
nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam
erat, sed diamsan.
</p>
</div>
<Row className="align-items-center">
{services &&
services.map((service, index) => (
<Col lg={4} md={6} sm={12} key={service.id}>
<motion.div
variants={slideFromLeft(index * 0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="services-box-budget">
<div className="d-flex align-items-center">
<i className={service.serviceIcon}></i>
<h3>
<Link href={service.serviceDetailsUrl}>
{service.serviceTitle}
</Link>
</h3>
</div>
<p>{service.serviceShortDescription}</p>
<Link
href={service.serviceDetailsUrl}
className="default-btn"
>
{service.readMoreText}{" "}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</motion.div>
</Col>
))}
</Row>
</Container>
</div>
</>
);
};
export default Corpedia;
container/Home/AboutContent.js
...@@ -2,6 +2,10 @@ import React from "react"; ...@@ -2,6 +2,10 @@ import React from "react";
import Link from "next/link"; import Link from "next/link";
import { Tab, Tabs, TabList, TabPanel, resetIdCounter } from "react-tabs"; import { Tab, Tabs, TabList, TabPanel, resetIdCounter } from "react-tabs";
import Image from "next/image"; import Image from "next/image";
import { motion } from "framer-motion";
import { fadeIn } from "../../components/reuseables/variants";
import Heading from "@/components/reuseables/Heading";
import { Col, Container, Row } from "react-bootstrap";
const KnowledgeData = [ const KnowledgeData = [
{ {
title: "Corpedia", title: "Corpedia",
...@@ -27,16 +31,23 @@ const AboutContent = () => { ...@@ -27,16 +31,23 @@ const AboutContent = () => {
return ( return (
<> <>
<div className="what-we-do-area ptb-100"> <div className="what-we-do-area ptb-100">
<div className="container"> <Container>
<div className="row align-items-center"> <Row className="align-items-center">
<div className="col-lg-6 col-md-12"> <Col lg={6} md={12}>
<div className="what-we-do-image"> <div className="what-we-do-image">
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image <Image
width={800} width={800}
height={800} height={800}
src="/images/about/about1.png" src="/images/about/about1.png"
alt="image" alt="image"
/> />
</motion.div>
<Image <Image
width={200} width={200}
height={150} height={150}
...@@ -45,12 +56,16 @@ const AboutContent = () => { ...@@ -45,12 +56,16 @@ const AboutContent = () => {
className="shape" className="shape"
/> />
</div> </div>
</div> </Col>
<div className="col-lg-6 col-md-12"> <Col lg={6} md={12}>
<div className="what-we-do-content"> <div className="what-we-do-content">
<span className="sub-title">SEE WHAT WE DO</span> <span className="sub-title">SEE WHAT WE DO</span>
<h2>Information is the Main Point to Success on Business</h2> <Heading
el="h2"
heading="Information is the Main Point Success on Business"
className="h2"
/>
<Tabs> <Tabs>
<TabList> <TabList>
...@@ -69,9 +84,9 @@ const AboutContent = () => { ...@@ -69,9 +84,9 @@ const AboutContent = () => {
))} ))}
</Tabs> </Tabs>
</div> </div>
</div> </Col>
</div> </Row>
</div> </Container>
</div> </div>
</> </>
); );
......
container/Home/AreasofExpertise.js
import React from "react"; import React from "react";
import Link from "next/link";
import Image from "next/image"; import Image from "next/image";
import { Col, Container, Row } from "react-bootstrap";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
import Heading from "@/components/reuseables/Heading";
const areasofExpertise = [ const areasofExpertise = [
{ {
id: 1, id: 1,
...@@ -63,32 +65,37 @@ const AreasofExpertise = () => { ...@@ -63,32 +65,37 @@ const AreasofExpertise = () => {
return ( return (
<> <>
<div className="projects-area pt-100 pb-70 bglight"> <div className="projects-area pt-100 pb-70 bglight">
<div className="container"> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">lorem</span> <span className="sub-title">lorem</span>
<h2>Areas of Expertise</h2> <Heading el="h2" heading="Areas of Expertise" className="h2" />
</div> </div>
<div className="row justify-content-center"> <Row className="justify-content-center">
{areasofExpertise && {areasofExpertise &&
areasofExpertise.map((item) => ( areasofExpertise.map((item, index) => (
<div className="col-lg-4 col-md-6" key={item.id}> <Col lg={4} md={6} key={item.id}>
<div className="single-projects-box"> <div className="single-projects-box">
<motion.div
variants={fadeIn(index * 1)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.5 }}
>
<Image <Image
src={item.image} src={item.image}
alt={item.altText} alt={item.altText}
layout="responsive" layout="fill"
width={500} className="img-fluid rounded-3 image"
height={500}
className="img-fluid rounded-3"
/> />
<h3>{item.title}</h3> <h3>{item.title}</h3>
<span>{item.category}</span> <span>{item.category}</span>
</motion.div>
</div> </div>
</div> </Col>
))} ))}
</div> </Row>
</div> </Container>
</div> </div>
</> </>
); );
......
container/Home/ClientService.js
...@@ -2,6 +2,10 @@ import React from "react"; ...@@ -2,6 +2,10 @@ import React from "react";
import Link from "next/link"; import Link from "next/link";
import { Swiper, SwiperSlide } from "swiper/react"; import { Swiper, SwiperSlide } from "swiper/react";
import { Pagination, Autoplay } from "swiper/modules"; import { Pagination, Autoplay } from "swiper/modules";
import Image from "next/image";
import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants";
import Heading from "@/components/reuseables/Heading";
const services = [ const services = [
{ {
...@@ -53,7 +57,7 @@ const ClientService = () => { ...@@ -53,7 +57,7 @@ const ClientService = () => {
<div className="container"> <div className="container">
<div className="section-title"> <div className="section-title">
<span className="sub-title">Client Servicing</span> <span className="sub-title">Client Servicing</span>
<h2>Core Services</h2> <Heading el="h2" heading="Core Services" className="h2" />
<p> <p>
Lorem ipsum dolor sit amet, conseteturants atal into sadipscing Lorem ipsum dolor sit amet, conseteturants atal into sadipscing
elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut
...@@ -85,11 +89,22 @@ const ClientService = () => { ...@@ -85,11 +89,22 @@ const ClientService = () => {
className="services-slides" className="services-slides"
> >
{services && {services &&
services.map((service) => ( services.map((service, index) => (
<SwiperSlide className="single-services-box" key={service.id}> <SwiperSlide className="single-services-box" key={service.id}>
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="image"> <div className="image">
<Link href={service.detailsUrl}> <Link href={service.detailsUrl}>
<img src={service.image} alt={service.altText} /> <Image
src={service.image}
layout="fill"
alt={service.altText}
className="img-fluid image"
/>
</Link> </Link>
</div> </div>
<div className="content"> <div className="content">
...@@ -100,9 +115,11 @@ const ClientService = () => { ...@@ -100,9 +115,11 @@ const ClientService = () => {
<p>{service.description}</p> <p>{service.description}</p>
<Link href={service.detailsUrl} className="default-btn"> <Link href={service.detailsUrl} className="default-btn">
{service.linkText} <i className="ri-arrow-right-line"></i> {service.linkText}
<i className="ri-arrow-right-line"></i>
</Link> </Link>
</div> </div>
</motion.div>
</SwiperSlide> </SwiperSlide>
))} ))}
</Swiper> </Swiper>
......
container/Home/HomeBanner.js
...@@ -2,6 +2,8 @@ import React from "react"; ...@@ -2,6 +2,8 @@ import React from "react";
import Link from "next/link"; import Link from "next/link";
import { Swiper, SwiperSlide } from "swiper/react"; import { Swiper, SwiperSlide } from "swiper/react";
import { EffectCreative, Navigation, Autoplay } from "swiper/modules"; import { EffectCreative, Navigation, Autoplay } from "swiper/modules";
import Heading from "@/components/reuseables/Heading";
import { Col, Container, Row } from "react-bootstrap";
const bannerData = [ const bannerData = [
{ {
...@@ -61,11 +63,12 @@ const HomeBanner = () => { ...@@ -61,11 +63,12 @@ const HomeBanner = () => {
backgroundImage: `url(${banner.backgroundImage})`, backgroundImage: `url(${banner.backgroundImage})`,
}} }}
> >
<div className="container"> <Container>
<div className="row align-items-center"> <Row className="align-items-center">
<div className="col-lg-6 col-md-12"> <Col lg={6} md={12}>
<div className="main-banner-content"> <div className="main-banner-content">
<span className="sub-title">{banner.subtitle}</span> <span className="sub-title">{banner.subtitle}</span>
<h1>{banner.title}</h1> <h1>{banner.title}</h1>
<p>{banner.description}</p> <p>{banner.description}</p>
...@@ -80,15 +83,15 @@ const HomeBanner = () => { ...@@ -80,15 +83,15 @@ const HomeBanner = () => {
</Link> </Link>
</div> </div>
</div> </div>
</div> </Col>
<div className="col-lg-6 col-md-12"> <div className="col-lg-6 col-md-12">
<div className="main-banner-image"> <div className="main-banner-image">
<img src={banner.image} alt="image" /> <img src={banner.image} alt="image" />
</div> </div>
</div> </div>
</div> </Row>
</div> </Container>
</div> </div>
</SwiperSlide> </SwiperSlide>
))} ))}
......
container/Home/HomeBlog.js
import React from "react"; import React from "react";
import Link from "next/link"; import Link from "next/link";
import Image from "next/image"; import Image from "next/image";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants";
const blogPosts = [ const blogPosts = [
{ {
...@@ -51,22 +54,28 @@ const HomeBlog = () => { ...@@ -51,22 +54,28 @@ const HomeBlog = () => {
<div className="container"> <div className="container">
<div className="section-title"> <div className="section-title">
<span className="sub-title">OUR BLOGS</span> <span className="sub-title">OUR BLOGS</span>
<h2>Meet Up With Our Blogs</h2> <h2></h2>
<Heading el="h2" heading="Meet Up With Our Blogs" />
</div> </div>
<div className="row justify-content-center"> <div className="row justify-content-center">
{blogPosts && {blogPosts &&
blogPosts.map((post) => ( blogPosts.map((post) => (
<div className="col-lg-4 col-md-6" key={post.id}> <div className="col-lg-4 col-md-6" key={post.id}>
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="single-blog-post"> <div className="single-blog-post">
<div className="post-image"> <div className="post-image">
<Link href={post.detailsUrl} className="d-block"> <Link href={post.detailsUrl} className="d-block">
<Image <Image
width={500} layout="fill"
height={500}
src={post.image} src={post.image}
alt={post.altText} alt={post.altText}
className="img-fluid" className="img-fluid image"
/> />
</Link> </Link>
</div> </div>
...@@ -91,6 +100,7 @@ const HomeBlog = () => { ...@@ -91,6 +100,7 @@ const HomeBlog = () => {
</Link> </Link>
</div> </div>
</div> </div>
</motion.div>
</div> </div>
))} ))}
</div> </div>
......
container/Home/HomePage.js
...@@ -9,23 +9,7 @@ import PartnerSlider from "./PartnerSlider"; ...@@ -9,23 +9,7 @@ import PartnerSlider from "./PartnerSlider";
import Industries from "../../components/reuseables/Industries"; import Industries from "../../components/reuseables/Industries";
import HomeBlog from "./HomeBlog"; import HomeBlog from "./HomeBlog";
import CallBackRequest from "../../components/reuseables/CallBackRequest"; import CallBackRequest from "../../components/reuseables/CallBackRequest";
const knowlegeData = [
{
tabTitle: "Corpedia",
content:
"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy ant extra eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diammi maxil voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clitaiai to ankasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Adasta na lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
},
{
tabTitle: "Tax Wire",
content:
"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their.",
},
{
tabTitle: "Budget Panorama",
content:
"Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature.",
},
];
const HomePage = () => { const HomePage = () => {
return ( return (
<> <>
......
container/Home/People.js
import React from "react"; import React from "react";
import Link from "next/link"; import Link from "next/link";
import Image from "next/image"; import Image from "next/image";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { fadeIn, slideFromLeft } from "@/components/reuseables/variants";
const heading = [ const heading = [
{ {
title: "People", title: "People",
...@@ -34,20 +36,26 @@ const People = () => { ...@@ -34,20 +36,26 @@ const People = () => {
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-lg-6 col-md-12"> <div className="col-lg-6 col-md-12">
<div className="call-back-request-img"> <div className="call-back-request-img">
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<Image <Image
src="/images/home/knowledge.png" src="/images/home/knowledge.png"
width={800} layout="fill"
height={800} className="img-fluid image"
className="img-fluid"
alt="image" alt="image"
/> />
</motion.div>
</div> </div>
</div> </div>
<div className="col-lg-6 col-md-12"> <div className="col-lg-6 col-md-12">
<div className="call-back-request-text"> <div className="call-back-request-text">
<span className="sub-title">{heading[0].subtitle}</span> <span className="sub-title">{heading[0].subtitle}</span>
<h2>{heading[0].title}</h2> <Heading el="h2" heading={heading[0].title} className="h2" />
<p>{heading[0].description}</p> <p>{heading[0].description}</p>
<div className="row justify-content-center"> <div className="row justify-content-center">
......
container/Knowledge/BudgetPanorama.js 0 → 100644
import React from "react";
import Link from "next/link";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants";
const services = [
{
id: 1,
serviceIcon: "icon ri-group-2-line",
serviceTitle: "Human Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 2,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "Solicitor Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 3,
serviceIcon: "icon ri-money-dollar-box-line",
serviceTitle: "Financial Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
];
const BudgetPanorama = () => {
return (
<>
<div className="services-area pt-70 pb-100 bg-light">
<Container>
<Row>
<Col lg={8} md={8} sm={12}>
<div className="text-align-left">
<Heading
subheading="Our Services"
heading={"Budget Panorama"}
el="h2"
/>
<p className="mb-lg-5 mb-3">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
<br className="d-none d-lg-block" />
diam nonumy eirmod tempor invidunt ut labore et dolore.
</p>
</div>
</Col>
<Col
lg={4}
md={4}
sm={12}
className="d-flex align-self-center justify-content-start justify-content-lg-end mb-5 mb-lg-0"
>
<Link href="/services" className="default-btn-two">
Load More <i className="ri-arrow-right-line"></i>
</Link>
</Col>
</Row>
<Row className="align-items-center">
{services &&
services.map((service, index) => (
<Col lg={4} md={6} sm={12} key={service.id}>
<motion.div
variants={slideFromLeft(index * 0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="services-box-budget">
<div className="d-flex align-items-center">
<i className={service.serviceIcon}></i>
<h3>
<Link href={service.serviceDetailsUrl}>
{service.serviceTitle}
</Link>
</h3>
</div>
<p>{service.serviceShortDescription}</p>
<Link
href={service.serviceDetailsUrl}
className="default-btn"
>
{service.readMoreText}{" "}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</motion.div>
</Col>
))}
</Row>
</Container>
</div>
</>
);
};
export default BudgetPanorama;
container/Knowledge/Corpedia.js 0 → 100644
import React from "react";
import Link from "next/link";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants";
const services = [
{
id: 1,
serviceIcon: "icon ri-group-2-line",
serviceTitle: "Human Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 2,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "Solicitor Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 3,
serviceIcon: "icon ri-money-dollar-box-line",
serviceTitle: "Financial Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
];
const Corpedia = () => {
return (
<>
<div className="services-area pt-70 pb-100 bg-light">
<Container>
<Row>
<Col lg={8} md={8} sm={12}>
<div className="text-align-left">
<Heading
subheading="Our Services"
heading={"Corpedia"}
el="h2"
/>
<p className="mb-lg-5 mb-3">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
<br className="d-none d-lg-block" />
diam nonumy eirmod tempor invidunt ut labore et dolore.
</p>
</div>
</Col>
<Col
lg={4}
md={4}
sm={12}
className="d-flex align-self-center justify-content-start justify-content-lg-end mb-5 mb-lg-0"
>
<Link href="/services" className="default-btn-two">
Load More <i className="ri-arrow-right-line"></i>
</Link>
</Col>
</Row>
<Row className="align-items-center">
{services &&
services.map((service, index) => (
<Col lg={4} md={6} sm={12} key={service.id}>
<motion.div
variants={slideFromLeft(index * 0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="services-box-budget">
<div className="d-flex align-items-center">
<i className={service.serviceIcon}></i>
<h3>
<Link href={service.serviceDetailsUrl}>
{service.serviceTitle}
</Link>
</h3>
</div>
<p>{service.serviceShortDescription}</p>
<Link
href={service.serviceDetailsUrl}
className="default-btn"
>
{service.readMoreText}{" "}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</motion.div>
</Col>
))}
</Row>
</Container>
</div>
</>
);
};
export default Corpedia;
container/Knowledge/KnowledgeBlog.js 0 → 100644
import React from "react";
import Link from "next/link";
import Image from "next/image";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants";
const blogPosts = [
{
id: 1,
image: "/images/blog/blog1.jpg",
altText: "Blog Image",
date: "Jan 22, 2024",
author: "Lords Evans",
authorLink: "/blog/author",
title: "The Secret of Your Business Success Find Quickly",
shortDesc:
"Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
btnText: "Read More",
detailsUrl: "/blog/details",
},
{
id: 2,
image: "/images/blog/blog2.jpg",
altText: "Blog Image",
date: "Jan 22, 2024",
author: "Sarah Taylor",
authorLink: "/blog/author",
title: "Consulting is a Good and Best Into Our Company",
shortDesc:
"Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
btnText: "Read More",
detailsUrl: "/blog/details",
},
{
id: 3,
image: "/images/blog/blog3.jpg",
altText: "Blog Image",
date: "Jan 22, 2024",
author: "James Andy",
authorLink: "/blog/author",
title: "Business Has Become a Good in the Global World",
shortDesc:
"Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
btnText: "Read More",
detailsUrl: "/blog/details",
},
];
const KnowledgeBlog = () => {
return (
<>
<div id="blog" className="blog-area pt-100 pb-70">
<Container>
<div className="section-title">
<span className="sub-title">OUR BLOGS</span>
<Heading heading={"Meet Up With Our Blogs"} el="h2" />
</div>
<Row className="justify-content-center">
{blogPosts &&
blogPosts.map((post, index) => (
<Col lg={4} md={6} key={post.id}>
<motion.div
variants={slideFromLeft(index * 0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="single-blog-post">
<div className="post-image">
<Link href={post.detailsUrl} className="d-block">
<Image
layout="fill"
src={post.image}
alt={post.altText}
className="img-fluid image"
/>
</Link>
</div>
<div className="post-content">
<ul className="meta">
<li>
<i className="ri-calendar-2-line"></i> {post.date}
</li>
<li>
<i className="ri-user-voice-line"></i>
<Link href={post.authorLink}>{post.author}</Link>
</li>
</ul>
<h3>
<Link href={post.detailsUrl}>{post.title}</Link>
</h3>
<p>{post.shortDesc}</p>
<Link href={post.detailsUrl} className="default-btn">
{post.btnText} <i className="ri-arrow-right-line"></i>
</Link>
</div>
</div>
</motion.div>
</Col>
))}
</Row>
</Container>
</div>
</>
);
};
export default KnowledgeBlog;
container/Knowledge/KnowledgeContent.js 0 → 100644
import React from "react";
import Image from "next/image";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
const serviceContent = [
{
subTitle: "Our Services",
title: "Knowledge",
paragraphs: [
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.",
"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy a eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At verorh eos et accusam at vero eos et accusam.",
],
},
// You can add more content objects here
];
const KnowledgeContent = () => {
return (
<>
<div className=" ptb-100">
<Container>
<Row className="align-items-center">
<Col lg={6} md={12}>
<div className="call-back-request-image">
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image
layout="fill"
className="img-fluid image"
src="/images/call-back-request.png"
alt="image"
/>
</motion.div>
<Image
width={300}
height={300}
src="/images/shape/shape8.png"
className="shape4"
alt="image"
/>
<Image
width={300}
height={300}
src="/images/shape/shape8.png"
className="shape5"
alt="image"
/>
</div>
</Col>
<Col lg={6} md={12}>
{serviceContent.map((content, index) => (
<div className="call-back-request-content" key={index}>
<span className="sub-title">{content.subTitle}</span>
<Heading el="h2" heading={content.title} className="h2" />
{content.paragraphs.map((paragraph, pIndex) => (
<p key={pIndex}>{paragraph}</p>
))}
</div>
))}
</Col>
</Row>
</Container>
</div>
</>
);
};
export default KnowledgeContent;
container/Knowledge/KnowledgePage.js 0 → 100644
import React from "react";
import KnowledgeBlog from "./KnowledgeBlog";
import PageBanner from "@/components/reuseables/PageBanner";
import BudgetPanorama from "./BudgetPanorama";
import Corpedia from "./Corpedia";
import TaxWire from "./TaxWire ";
import KnowledgeContent from "./KnowledgeContent";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "Knowledge",
homePageUrl: "/",
homePageText: "Home",
activePageText: "Knowledge",
},
// Add more banners as needed
];
const KnowledgePage = () => {
return (
<>
<PageBanner banners={banners} />
<KnowledgeContent />
<Corpedia />
<TaxWire />
<BudgetPanorama />
<KnowledgeBlog />
</>
);
};
export default KnowledgePage;
container/Knowledge/TaxWire .js 0 → 100644
import React from "react";
import Link from "next/link";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants";
const services = [
{
id: 1,
serviceIcon: "icon ri-group-2-line",
serviceTitle: "Human Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 2,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "Solicitor Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 3,
serviceIcon: "icon ri-money-dollar-box-line",
serviceTitle: "Financial Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
];
const TaxWire = () => {
return (
<>
<div className="services-area pt-70 pb-100 ">
<Container>
<Row>
<Col lg={8} md={8} sm={12}>
<div className="text-align-left">
<Heading
subheading="Our Services"
heading={"TaxWire"}
el="h2"
/>
<p className="mb-lg-5 mb-3">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
<br className="d-none d-lg-block" />
diam nonumy eirmod tempor invidunt ut labore et dolore.
</p>
</div>
</Col>
<Col
lg={4}
md={4}
sm={12}
className="d-flex align-self-center justify-content-start justify-content-lg-end mb-5 mb-lg-0"
>
<Link href="/services" className="default-btn-two">
Load More <i className="ri-arrow-right-line"></i>
</Link>
</Col>
</Row>
<Row className="align-items-center">
{services &&
services.map((service, index) => (
<Col lg={4} md={6} sm={12} key={service.id}>
<motion.div
variants={slideFromLeft(index * 0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="services-box-budget">
<div className="d-flex align-items-center">
<i className={service.serviceIcon}></i>
<h3>
<Link href={service.serviceDetailsUrl}>
{service.serviceTitle}
</Link>
</h3>
</div>
<p>{service.serviceShortDescription}</p>
<Link
href={service.serviceDetailsUrl}
className="default-btn"
>
{service.readMoreText}{" "}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</motion.div>
</Col>
))}
</Row>
</Container>
</div>
</>
);
};
export default TaxWire;
container/People/AboutPeople.js
import React from "react"; import React from "react";
import Link from "next/link"; import Link from "next/link";
import Image from "next/image"; import Image from "next/image";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
import { Col, Container, Row } from "react-bootstrap";
const aboutPeopleData = [ const aboutPeopleData = [
{ {
...@@ -14,8 +18,6 @@ const aboutPeopleData = [ ...@@ -14,8 +18,6 @@ const aboutPeopleData = [
linkUrl: "/contact", linkUrl: "/contact",
imageSrc: "/images/about/people.jpg", imageSrc: "/images/about/people.jpg",
imageAlt: "image", imageAlt: "image",
imageWidth: 800,
imageHeight: 800,
}, },
// Add more objects here if you have more content sections // Add more objects here if you have more content sections
]; ];
...@@ -24,13 +26,13 @@ const AboutPeople = () => { ...@@ -24,13 +26,13 @@ const AboutPeople = () => {
return ( return (
<> <>
<div className="what-we-do-area ptb-100"> <div className="what-we-do-area ptb-100">
<div className="container"> <Container>
{aboutPeopleData.map((item) => ( {aboutPeopleData.map((item) => (
<div className="row align-items-center" key={item.id}> <Row className="align-items-center" key={item.id}>
<div className="col-lg-6 col-md-12"> <Col lg={6} md={12}>
<div className="what-we-do-text"> <div className="what-we-do-text">
<span className="sub-title">{item.subtitle}</span> <span className="sub-title">{item.subtitle}</span>
<h2>{item.title}</h2> <Heading el="h2" heading={item.title} className="h2" />
{item.paragraphs.map((paragraph, index) => ( {item.paragraphs.map((paragraph, index) => (
<p key={index}>{paragraph}</p> <p key={index}>{paragraph}</p>
))} ))}
...@@ -38,22 +40,28 @@ const AboutPeople = () => { ...@@ -38,22 +40,28 @@ const AboutPeople = () => {
{item.linkText} <i className="ri-arrow-right-line"></i> {item.linkText} <i className="ri-arrow-right-line"></i>
</Link> </Link>
</div> </div>
</div> </Col>
<div className="col-lg-6 col-md-12"> <Col lg={6} md={12}>
<div className="what-we-do-img"> <div className="what-we-do-img">
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image <Image
src={item.imageSrc} src={item.imageSrc}
alt={item.imageAlt} alt={item.imageAlt}
width={item.imageWidth} layout="fill"
height={item.imageHeight} className="img-fluid image"
className="img-fluid"
/> />
</motion.div>
</div> </div>
</div> </Col>
</div> </Row>
))} ))}
</div> </Container>
</div> </div>
</> </>
); );
......
container/People/AdvisoryBoard.js
import React from "react"; import React from "react";
import Image from "next/image"; import Image from "next/image";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
const advisoryBoardData = [ const advisoryBoardData = [
{ {
image: "/images/man.jpg", image: "/images/man.jpg",
...@@ -26,55 +29,67 @@ const AdvisoryBoard = () => { ...@@ -26,55 +29,67 @@ const AdvisoryBoard = () => {
return ( return (
<> <>
<div className="testimonial-area ptb-100"> <div className="testimonial-area ptb-100">
<div className="container"> <Container>
{advisoryBoardData.map((member, index) => ( {advisoryBoardData.map((member, index) => (
<div className="row align-items-center" key={index}> <Row key={index} className="row align-items-center">
{index % 2 === 0 ? ( {index % 2 === 0 ? (
<> <>
<div className="col-lg-6 col-md-6"> <Col lg={5} md={5}>
<div className="testimonial-Image"> <div className="testimonial-Image">
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image <Image
src={member.image} src={member.image}
alt={member.name} alt={member.name}
className="img-fluid" layout="fill"
width={500} className="img-fluid image rounded-3"
height={500}
/> />
</motion.div>
</div> </div>
</div> </Col>
<div className="col-lg-6 col-md-12"> <Col lg={7} md={7}>
<div className="testimonial-content"> <div className="testimonial-content">
<span className="sub-title">{member.title}</span> <span className="sub-title">{member.title}</span>
<h2>{member.name}</h2> <Heading el="h2" heading={member.name} />
<p>{member.description}</p> <p>{member.description}</p>
</div> </div>
</div> </Col>
</> </>
) : ( ) : (
<> <>
<div className="col-lg-6 col-md-12"> <Col lg={7} md={7}>
<div className="testimonial-content"> <div className="testimonial-content">
<span className="sub-title">{member.title}</span> <span className="sub-title">{member.title}</span>
<h2>{member.name}</h2> <Heading el="h2" heading={member.name} />
<p>{member.description}</p> <p className="mb-3 mb-lg-0 ">{member.description}</p>
</div> </div>
</div> </Col>
<div className="col-lg-6 col-md-6"> <Col lg={5} md={5}>
<div className="testimonial-Image"> <div className="testimonial-Image">
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image <Image
src={member.image} src={member.image}
alt={member.name} alt={member.name}
className="img-fluid" layout="fill"
width={500} className="img-fluid image rounded-3"
height={500}
/> />
</motion.div>
</div> </div>
</div> </Col>
</> </>
)} )}
</div> </Row>
))} ))}
</div> </Container>
</div> </div>
</> </>
); );
......
container/People/PeoplePage.js
...@@ -4,16 +4,20 @@ import AboutPeople from "./AboutPeople"; ...@@ -4,16 +4,20 @@ import AboutPeople from "./AboutPeople";
import AdvisoryBoard from "./AdvisoryBoard"; import AdvisoryBoard from "./AdvisoryBoard";
import TeamLead from "./TeamLead"; import TeamLead from "./TeamLead";
import TeamMember from "./TeamMembers"; import TeamMember from "./TeamMembers";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "People",
homePageUrl: "/",
homePageText: "Home",
activePageText: "People",
},
// Add more banners as needed
];
const People = () => { const People = () => {
return ( return (
<> <>
<PageBanner <PageBanner banners={banners} />
pageTitle="People"
homePageUrl="/"
homePageText="Home"
activePageText="PEOPLE"
/>
<AboutPeople /> <AboutPeople />
<AdvisoryBoard /> <AdvisoryBoard />
<TeamLead /> <TeamLead />
......
container/People/TeamLead.js
import Heading from "@/components/reuseables/Heading";
import React from "react"; import React from "react";
const team = [ const team = [
...@@ -66,13 +67,21 @@ const TeamLead = () => { ...@@ -66,13 +67,21 @@ const TeamLead = () => {
<div className="container"> <div className="container">
<div className="section-title"> <div className="section-title">
<span className="sub-title">Team Leads</span> <span className="sub-title">Team Leads</span>
<h2>Meet Members of Our Exclusive Team for Your Business</h2> <Heading
el="h2"
heading="Meet Members of Our Exclusive Team for Your Business"
/>
</div> </div>
<div className="row justify-content-center"> <div className="row justify-content-center">
{team && {team &&
team.map((member) => ( team.map((member, index) => (
<div className="col-lg-3 col-md-6 col-sm-6" key={member.id}> <div
className={`col-lg-3 col-md-6 col-sm-6 ${
index % 2 === 1 ? "even-member" : ""
}`}
key={member.id}
>
<div className="single-team-member"> <div className="single-team-member">
<img src={member.image} alt={member.altText} /> <img src={member.image} alt={member.altText} />
<div className="content"> <div className="content">
......
container/People/TeamMembers.js
...@@ -2,6 +2,7 @@ import React from "react"; ...@@ -2,6 +2,7 @@ import React from "react";
import { Swiper, SwiperSlide } from "swiper/react"; import { Swiper, SwiperSlide } from "swiper/react";
import { Autoplay } from "swiper/modules"; import { Autoplay } from "swiper/modules";
import Image from "next/image"; import Image from "next/image";
import Heading from "@/components/reuseables/Heading";
const team = [ const team = [
{ {
id: 1, id: 1,
...@@ -82,7 +83,10 @@ const TeamMember = () => { ...@@ -82,7 +83,10 @@ const TeamMember = () => {
<div className="container"> <div className="container">
<div className="section-title"> <div className="section-title">
<span className="sub-title">Team Member</span> <span className="sub-title">Team Member</span>
<h2>Meet Members of Our Exclusive Team for Your Business</h2> <Heading
el="h2"
heading="Meet Members of Our Exclusive Team for Your Business"
/>
</div> </div>
<div className="row justify-content-center"> <div className="row justify-content-center">
......
container/TaxWire/index.js 0 → 100644
import React from "react";
import Link from "next/link";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants";
import PageBanner from "@/components/reuseables/PageBanner";
const banners = [
{
imageSrc: "/images/page-title-bg.jpg",
pageTitle: "Tax Wire",
homePageUrl: "/",
homePageText: "Home",
activePageText: "Tax Wire",
},
// Add more banners as needed
];
const services = [
{
id: 1,
serviceIcon: "icon ri-group-2-line",
serviceTitle: "lorem text",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 2,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "lorem Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 3,
serviceIcon: "icon ri-money-dollar-box-line",
serviceTitle: "lorem Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 4,
serviceIcon: "icon ri-group-2-line",
serviceTitle: "lorem text",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 5,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "lorem Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
{
id: 6,
serviceIcon: "icon ri-money-dollar-box-line",
serviceTitle: "lorem Consultancy",
serviceShortDescription:
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
},
];
const Corpedia = () => {
return (
<>
<PageBanner banners={banners} />
<div className="services-area pt-70 pb-100 ">
<Container>
<div className="section-title">
<span className="sub-title">OUR lorem</span>
<Heading heading={"Tax Wire"} el="h2" />
<p>
Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam
nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam
erat, sed diamsan.
</p>
</div>
<Row className="align-items-center">
{services &&
services.map((service, index) => (
<Col lg={4} md={6} sm={12} key={service.id}>
<motion.div
variants={slideFromLeft(index * 0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="services-box-budget">
<div className="d-flex align-items-center">
<i className={service.serviceIcon}></i>
<h3>
<Link href={service.serviceDetailsUrl}>
{service.serviceTitle}
</Link>
</h3>
</div>
<p>{service.serviceShortDescription}</p>
<Link
href={service.serviceDetailsUrl}
className="default-btn"
>
{service.readMoreText}{" "}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</motion.div>
</Col>
))}
</Row>
</Container>
</div>
</>
);
};
export default Corpedia;
layout/Header.js
...@@ -79,7 +79,7 @@ const Header = () => { ...@@ -79,7 +79,7 @@ const Header = () => {
<Link <Link
href="/" href="/"
className={`nav-link ${ className={`nav-link ${
currentPath == "/company-history/" ? "active" : "" currentPath == "/" ? "active" : ""
}`} }`}
> >
Home Home
...@@ -88,8 +88,7 @@ const Header = () => { ...@@ -88,8 +88,7 @@ const Header = () => {
<li className="nav-item"> <li className="nav-item">
<Link <Link
href="#" href="/knowledge"
onClick={(e) => e.preventDefault()}
className="dropdown-toggle nav-link" className="dropdown-toggle nav-link"
> >
Knowledge Knowledge
...@@ -97,7 +96,7 @@ const Header = () => { ...@@ -97,7 +96,7 @@ const Header = () => {
<ul className="dropdown-menu"> <ul className="dropdown-menu">
<li className="nav-item"> <li className="nav-item">
<Link <Link
href="#" href="/corpedia"
className={`nav-link ${ className={`nav-link ${
currentPath == "#" ? "active" : "" currentPath == "#" ? "active" : ""
}`} }`}
...@@ -107,7 +106,7 @@ const Header = () => { ...@@ -107,7 +106,7 @@ const Header = () => {
<ul> <ul>
<li className="nav-item"> <li className="nav-item">
<Link <Link
href="#" href="/taxwire"
className={`nav-link ${ className={`nav-link ${
currentPath == "#" ? "active" : "" currentPath == "#" ? "active" : ""
}`} }`}
...@@ -117,7 +116,7 @@ const Header = () => { ...@@ -117,7 +116,7 @@ const Header = () => {
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link <Link
href="#" href="/budgetpanorama"
className={`nav-link ${ className={`nav-link ${
currentPath == "#" ? "active" : "" currentPath == "#" ? "active" : ""
}`} }`}
...@@ -129,7 +128,7 @@ const Header = () => { ...@@ -129,7 +128,7 @@ const Header = () => {
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link <Link
href="#" href="/blogs"
className={`nav-link ${ className={`nav-link ${
currentPath == "#" ? "active" : "" currentPath == "#" ? "active" : ""
}`} }`}
......
package-lock.json
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
"axios": "^1.7.2", "axios": "^1.7.2",
"bootstrap": "^5.3.3", "bootstrap": "^5.3.3",
"eslint-config-next": "^13.5.6", "eslint-config-next": "^13.5.6",
"framer-motion": "^11.3.24",
"next": "^13.5.6", "next": "^13.5.6",
"react": "^18.3.1", "react": "^18.3.1",
"react-accessible-accordion": "^5.0.0", "react-accessible-accordion": "^5.0.0",
...@@ -1927,6 +1928,30 @@ ...@@ -1927,6 +1928,30 @@
"node": ">= 6" "node": ">= 6"
} }
}, },
"node_modules/framer-motion": {
"version": "11.3.24",
"resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.3.24.tgz",
"integrity": "sha512-kl0YI7HwAtyV0VOAWuU/rXoOS8+z5qSkMN6rZS+a9oe6fIha6SC3vjJN6u/hBpvjrg5MQNdSnqnjYxm0WYTX9g==",
"dependencies": {
"tslib": "^2.4.0"
},
"peerDependencies": {
"@emotion/is-prop-valid": "*",
"react": "^18.0.0",
"react-dom": "^18.0.0"
},
"peerDependenciesMeta": {
"@emotion/is-prop-valid": {
"optional": true
},
"react": {
"optional": true
},
"react-dom": {
"optional": true
}
}
},
"node_modules/fs.realpath": { "node_modules/fs.realpath": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
......
package.json
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
"axios": "^1.7.2", "axios": "^1.7.2",
"bootstrap": "^5.3.3", "bootstrap": "^5.3.3",
"eslint-config-next": "^13.5.6", "eslint-config-next": "^13.5.6",
"framer-motion": "^11.3.24",
"next": "^13.5.6", "next": "^13.5.6",
"react": "^18.3.1", "react": "^18.3.1",
"react-accessible-accordion": "^5.0.0", "react-accessible-accordion": "^5.0.0",
......
pages/blog deleted 100644 → 0
File mode changed
pages/blogs.js 0 → 100644
import Blogs from "@/container/Blog";
import React from "react";
const blogs = () => {
return (
<>
<Blogs />
</>
);
};
export default blogs;
pages/budgetpanorama.js 0 → 100644
import React from "react";
import BudgetPanorama from "@/container/BudgetPanorama";
const budgetpanorama = () => {
return (
<>
<BudgetPanorama />
</>
);
};
export default budgetpanorama;
pages/corpedia.js 0 → 100644
import Corpedia from "@/container/Corpedia";
import React from "react";
const corpedia = () => {
return (
<>
<Corpedia />
</>
);
};
export default corpedia;
pages/knowledge.js 0 → 100644
import KnowledgePage from "@/container/Knowledge/KnowledgePage";
import React from "react";
const knowledge = () => {
return (
<>
<KnowledgePage />
</>
);
};
export default knowledge;
pages/taxwire.js 0 → 100644
import React from "react";
import Taxwire from "@/container/TaxWire";
const taxwire = () => {
return (
<>
<Taxwire />
</>
);
};
export default taxwire;
styles/responsive.css
...@@ -5,38 +5,53 @@ ...@@ -5,38 +5,53 @@
padding: 30px; padding: 30px;
} }
} }
/* Max width 767px */ /* Max width 767px */
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px) {
body { body {
font-size: 14px; font-size: 14px;
} }
p { p {
font-size: 14px; font-size: 14px;
} }
/* heading */
.headings {
font-size: 1.5rem;
}
.ptb-100 { .ptb-100 {
padding-top: 60px; padding-top: 60px;
padding-bottom: 60px; padding-bottom: 60px;
} }
.pt-100 { .pt-100 {
padding-top: 60px; padding-top: 60px;
} }
.pb-100 { .pb-100 {
padding-bottom: 60px; padding-bottom: 60px;
} }
.ptb-70 { .ptb-70 {
padding-top: 30px; padding-top: 30px;
padding-bottom: 30px; padding-bottom: 30px;
} }
.pt-70 { .pt-70 {
padding-top: 30px; padding-top: 30px;
} }
.pb-70 { .pb-70 {
padding-bottom: 30px; padding-bottom: 30px;
} }
.default-btn { .default-btn {
padding: 11px 50px 10px 20px; padding: 11px 50px 10px 20px;
font-size: 13px; font-size: 13px;
} }
.default-btn i { .default-btn i {
right: 5px; right: 5px;
width: 30px; width: 30px;
...@@ -44,56 +59,71 @@ ...@@ -44,56 +59,71 @@
font-size: 15px; font-size: 15px;
line-height: 30px; line-height: 30px;
} }
.section-title { .section-title {
padding-bottom: 20px; padding-bottom: 20px;
margin-bottom: 40px; margin-bottom: 40px;
max-width: 100%; max-width: 100%;
} }
.section-title .sub-title { .section-title .sub-title {
font-size: 13px; font-size: 13px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.section-title h2 { .section-title h2 {
font-size: 24px; font-size: 24px;
} }
.section-title h2 br { .section-title h2 br {
display: none; display: none;
} }
.section-title p { .section-title p {
max-width: 100%; max-width: 100%;
} }
.form-control { .form-control {
font-size: 14px; font-size: 14px;
} }
.search-overlay .search-overlay-form { .search-overlay .search-overlay-form {
max-width: 290px; max-width: 290px;
width: 290px; width: 290px;
} }
.search-overlay .search-overlay-form form .input-search { .search-overlay .search-overlay-form form .input-search {
height: 50px; height: 50px;
font-size: 15px; font-size: 15px;
} }
.search-overlay .search-overlay-form form button { .search-overlay .search-overlay-form form button {
font-size: 18px; font-size: 18px;
} }
.top-header-area .container-fluid { .top-header-area .container-fluid {
padding-right: var(--bs-gutter-x, 0.75rem); padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem);
} }
.top-header-area .language-switcher .dropdown-toggle { .top-header-area .language-switcher .dropdown-toggle {
font-size: 13px; font-size: 13px;
} }
.top-header-area .language-switcher .dropdown-toggle img { .top-header-area .language-switcher .dropdown-toggle img {
width: 25px; width: 25px;
} }
.top-header-area .language-switcher .dropdown-toggle span { .top-header-area .language-switcher .dropdown-toggle span {
padding-right: 15px; padding-right: 15px;
margin-left: 5px; margin-left: 5px;
} }
.top-header-area .language-switcher .dropdown-toggle span i { .top-header-area .language-switcher .dropdown-toggle span i {
font-size: 15px; font-size: 15px;
margin-top: 0; margin-top: 0;
} }
.top-header-area .language-switcher .dropdown-menu { .top-header-area .language-switcher .dropdown-menu {
min-width: 6rem; min-width: 6rem;
top: 20px !important; top: 20px !important;
...@@ -101,28 +131,35 @@ ...@@ -101,28 +131,35 @@
left: -10px !important; left: -10px !important;
visibility: hidden !important; visibility: hidden !important;
} }
.top-header-area .language-switcher .dropdown-menu.show { .top-header-area .language-switcher .dropdown-menu.show {
visibility: visible !important; visibility: visible !important;
display: block !important; display: block !important;
} }
.top-header-area .top-header-left-side .d-flex { .top-header-area .top-header-left-side .d-flex {
justify-content: center !important; justify-content: center !important;
} }
.top-header-social-links { .top-header-social-links {
text-align: center; text-align: center;
justify-content: center; justify-content: center;
} }
.top-header-social-links li { .top-header-social-links li {
margin-right: 10px; margin-right: 10px;
font-size: 14px; font-size: 14px;
} }
.top-header-social-links li a { .top-header-social-links li a {
font-size: 15px; font-size: 15px;
} }
.top-header-contact-info { .top-header-contact-info {
text-align: center; text-align: center;
margin-top: 5px; margin-top: 5px;
} }
.top-header-contact-info li { .top-header-contact-info li {
margin-top: 7px; margin-top: 7px;
padding-left: 20px; padding-left: 20px;
...@@ -130,91 +167,117 @@ ...@@ -130,91 +167,117 @@
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
} }
.top-header-contact-info li i { .top-header-contact-info li i {
top: 0.3px; top: 0.3px;
font-size: 15px; font-size: 15px;
} }
.top-header-contact-info li:first-child { .top-header-contact-info li:first-child {
margin-left: 0; margin-left: 0;
} }
.main-banner-area { .main-banner-area {
padding-top: 60px; padding-top: 60px;
border-top: 1px solid #eeeeee; border-top: 1px solid #eeeeee;
} }
.main-banner-area::before { .main-banner-area::before {
height: 40px; height: 40px;
} }
.main-banner-content { .main-banner-content {
text-align: center; text-align: center;
} }
.main-banner-content .sub-title { .main-banner-content .sub-title {
font-size: 13px; font-size: 13px;
} }
.main-banner-content h1 { .main-banner-content h1 {
font-size: 30px; font-size: 30px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.main-banner-content p { .main-banner-content p {
font-size: 14px; font-size: 14px;
padding-left: 0; padding-left: 0;
border-left: none; border-left: none;
} }
.main-banner-content .btn-box { .main-banner-content .btn-box {
margin-top: 20px; margin-top: 20px;
} }
.main-banner-content .btn-box .default-btn { .main-banner-content .btn-box .default-btn {
margin-left: 5px !important; margin-left: 5px !important;
margin-right: 5px !important; margin-right: 5px !important;
} }
.main-banner-content .btn-box .default-btn:first-child { .main-banner-content .btn-box .default-btn:first-child {
margin-left: 0 !important; margin-left: 0 !important;
} }
.main-banner-content .btn-box .default-btn:last-child { .main-banner-content .btn-box .default-btn:last-child {
margin-right: 0 !important; margin-right: 0 !important;
} }
.main-banner-image { .main-banner-image {
margin-top: 35px; margin-top: 35px;
} }
.single-banner-item { .single-banner-item {
padding-top: 60px; padding-top: 60px;
} }
.banner-item-content { .banner-item-content {
text-align: center; text-align: center;
} }
.banner-item-content .sub-title { .banner-item-content .sub-title {
font-size: 13px; font-size: 13px;
} }
.banner-item-content h1 { .banner-item-content h1 {
font-size: 27px; font-size: 27px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.banner-item-content p { .banner-item-content p {
font-size: 14px; font-size: 14px;
} }
.banner-item-content .btn-box { .banner-item-content .btn-box {
margin-top: 20px; margin-top: 20px;
} }
.banner-item-content .btn-box .default-btn { .banner-item-content .btn-box .default-btn {
margin-left: 5px !important; margin-left: 5px !important;
margin-right: 5px !important; margin-right: 5px !important;
} }
.banner-item-content .btn-box .default-btn:first-child { .banner-item-content .btn-box .default-btn:first-child {
margin-left: 0 !important; margin-left: 0 !important;
} }
.banner-item-content .btn-box .default-btn:last-child { .banner-item-content .btn-box .default-btn:last-child {
margin-right: 0 !important; margin-right: 0 !important;
} }
.banner-item-image { .banner-item-image {
margin-top: 30px; margin-top: 30px;
} }
.banner-area { .banner-area {
padding-bottom: 60px; padding-bottom: 60px;
padding-top: 120px; padding-top: 120px;
} }
.banner-content { .banner-content {
padding-right: 0; padding-right: 0;
text-align: center; text-align: center;
} }
.banner-content .sub-title { .banner-content .sub-title {
font-size: 13px; font-size: 13px;
border-left: none; border-left: none;
...@@ -222,92 +285,118 @@ ...@@ -222,92 +285,118 @@
padding-left: 0; padding-left: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.banner-content h1 { .banner-content h1 {
font-size: 27px; font-size: 27px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.banner-content p { .banner-content p {
font-size: 14px; font-size: 14px;
} }
.banner-content .default-btn { .banner-content .default-btn {
margin-top: 8px; margin-top: 8px;
} }
.banner-image { .banner-image {
padding-left: 0; padding-left: 0;
margin-top: 30px; margin-top: 30px;
} }
.single-services-box .image::before { .single-services-box .image::before {
height: 40px; height: 40px;
} }
.single-services-box .content { .single-services-box .content {
padding: 20px 15px; padding: 20px 15px;
} }
.single-services-box .content h3 { .single-services-box .content h3 {
font-size: 17px; font-size: 17px;
} }
.single-services-box .content .default-btn { .single-services-box .content .default-btn {
margin-top: 5px; margin-top: 5px;
} }
.services-box { .services-box {
padding: 20px 15px; padding: 20px 15px;
} }
.services-box .d-flex { .services-box .d-flex {
display: block !important; display: block !important;
} }
.services-box .icon { .services-box .icon {
font-size: 35px; font-size: 35px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.services-box h3 { .services-box h3 {
font-size: 17px; font-size: 17px;
} }
.services-box p { .services-box p {
margin-top: 12px; margin-top: 12px;
} }
.services-box .default-btn { .services-box .default-btn {
margin-top: 5px; margin-top: 5px;
} }
.services-slides .single-services-box .content { .services-slides .single-services-box .content {
padding: 20px; padding: 20px;
} }
.single-services-item { .single-services-item {
padding: 20px 15px; padding: 20px 15px;
} }
.single-services-item .icon { .single-services-item .icon {
margin-bottom: 20px; margin-bottom: 20px;
font-size: 35px; font-size: 35px;
height: 60px; height: 60px;
width: 60px; width: 60px;
} }
.single-services-item h3 { .single-services-item h3 {
font-size: 17px; font-size: 17px;
} }
.about-image { .about-image {
padding-right: 0; padding-right: 0;
margin-bottom: 30px; margin-bottom: 30px;
} }
.about-image.bg-image { .about-image.bg-image {
margin-right: 0; margin-right: 0;
background-image: unset !important; background-image: unset !important;
} }
.about-image.bg-image img { .about-image.bg-image img {
display: inline-block; display: inline-block;
} }
.about-content { .about-content {
padding-left: 0; padding-left: 0;
} }
.about-content .sub-title { .about-content .sub-title {
font-size: 13px; font-size: 13px;
} }
.about-content h2 { .about-content h2 {
font-size: 24px; font-size: 24px;
} }
.about-content .single-about-box { .about-content .single-about-box {
margin-top: 25px; margin-top: 25px;
text-align: center; text-align: center;
border: 1px solid #eee; border: 1px solid #eee;
padding: 20px 0; padding: 20px 0;
} }
.about-content .single-about-box .icon { .about-content .single-about-box .icon {
width: 60px; width: 60px;
height: 60px; height: 60px;
...@@ -316,16 +405,20 @@ ...@@ -316,16 +405,20 @@
margin-right: auto; margin-right: auto;
margin-bottom: 15px; margin-bottom: 15px;
} }
.about-content .single-about-box h3 { .about-content .single-about-box h3 {
font-size: 15px; font-size: 15px;
} }
.about-content .features-list { .about-content .features-list {
margin-top: 25px; margin-top: 25px;
} }
.about-content .features-list li { .about-content .features-list li {
border: 1px solid #eee; border: 1px solid #eee;
padding: 25px 20px; padding: 25px 20px;
} }
.about-content .features-list li .number { .about-content .features-list li .number {
position: relative; position: relative;
top: 0; top: 0;
...@@ -333,39 +426,50 @@ ...@@ -333,39 +426,50 @@
left: 0; left: 0;
margin-bottom: 15px; margin-bottom: 15px;
} }
.about-content .features-list li h3 { .about-content .features-list li h3 {
font-size: 17px; font-size: 17px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.about-content .about-btn, .about-content .read-more-btn {
.about-content .about-btn,
.about-content .read-more-btn {
text-align: center; text-align: center;
} }
.about-content .default-btn { .about-content .default-btn {
margin-top: 30px; margin-top: 30px;
} }
.about-img { .about-img {
background-image: unset !important; background-image: unset !important;
height: auto; height: auto;
} }
.about-img img { .about-img img {
display: inline-block; display: inline-block;
} }
.about-text { .about-text {
border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px;
padding: 30px 15px; padding: 30px 15px;
} }
.about-text .sub-title { .about-text .sub-title {
font-size: 13px; font-size: 13px;
} }
.about-text h2 { .about-text h2 {
font-size: 24px; font-size: 24px;
} }
.about-text .single-about-box { .about-text .single-about-box {
margin-top: 25px; margin-top: 25px;
text-align: center; text-align: center;
border: 1px solid #e4e4e4; border: 1px solid #e4e4e4;
padding: 15px 0; padding: 15px 0;
} }
.about-text .single-about-box .icon { .about-text .single-about-box .icon {
width: 60px; width: 60px;
height: 60px; height: 60px;
...@@ -374,76 +478,98 @@ ...@@ -374,76 +478,98 @@
margin-right: auto; margin-right: auto;
margin-bottom: 15px; margin-bottom: 15px;
} }
.about-text .single-about-box h3 { .about-text .single-about-box h3 {
font-size: 15px; font-size: 15px;
} }
.about-text .about-btn { .about-text .about-btn {
text-align: center; text-align: center;
} }
.funfacts-area.bg-color { .funfacts-area.bg-color {
padding-top: 80px; padding-top: 80px;
padding-bottom: 50px; padding-bottom: 50px;
} }
.funfacts-area.bg-color::before { .funfacts-area.bg-color::before {
height: 45px; height: 45px;
} }
.funfacts-area.bg-color::after { .funfacts-area.bg-color::after {
height: 45px; height: 45px;
} }
.single-funfacts-box { .single-funfacts-box {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.single-funfacts-box h3 { .single-funfacts-box h3 {
font-size: 30px; font-size: 30px;
} }
.single-funfacts-box p { .single-funfacts-box p {
font-size: 13px; font-size: 13px;
} }
.single-funfacts-box::before, .single-funfacts-box::after {
.single-funfacts-box::before,
.single-funfacts-box::after {
display: none; display: none;
} }
.funfacts-box i { .funfacts-box i {
font-size: 40px; font-size: 40px;
margin-top: -2px; margin-top: -2px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.funfacts-box h3 { .funfacts-box h3 {
font-size: 30px; font-size: 30px;
} }
.funfacts-box p { .funfacts-box p {
font-size: 13px; font-size: 13px;
} }
.single-projects-box h3 { .single-projects-box h3 {
font-size: 17px; font-size: 17px;
margin-top: 20px; margin-top: 20px;
} }
.single-testimonial-box .testimonial-desc { .single-testimonial-box .testimonial-desc {
padding: 20px; padding: 20px;
border: 1px solid #eee; border: 1px solid #eee;
} }
.single-testimonial-box .testimonial-desc i { .single-testimonial-box .testimonial-desc i {
left: 0; left: 0;
top: 5px; top: 5px;
font-size: 70px; font-size: 70px;
margin-top: -20px; margin-top: -20px;
} }
.single-testimonial-box .testimonial-desc p { .single-testimonial-box .testimonial-desc p {
font-size: 14px; font-size: 14px;
} }
.single-testimonial-box .testimonial-desc .info h3 { .single-testimonial-box .testimonial-desc .info h3 {
font-size: 16px; font-size: 16px;
} }
.single-testimonial-box .testimonial-desc .info span { .single-testimonial-box .testimonial-desc .info span {
font-size: 13px; font-size: 13px;
} }
.single-testimonial-box .testimonial-image { .single-testimonial-box .testimonial-image {
margin-top: 30px; margin-top: 30px;
} }
.testimonial-img { .testimonial-img {
margin-top: 30px; margin-top: 30px;
padding-left: 40px; padding-left: 40px;
} }
.testimonial-img::before { .testimonial-img::before {
top: 30px; top: 30px;
width: 80px; width: 80px;
...@@ -451,221 +577,289 @@ ...@@ -451,221 +577,289 @@
font-size: 50px; font-size: 50px;
line-height: 80px; line-height: 80px;
} }
.testimonial-content { .testimonial-content {
padding-right: 0; padding-right: 0;
text-align: center; text-align: center;
} }
.testimonial-content .sub-title { .testimonial-content .sub-title {
font-size: 13px; font-size: 13px;
} }
.testimonial-content h2 { .testimonial-content h2 {
font-size: 24px; font-size: 24px;
padding-bottom: 20px; padding-bottom: 1px;
} }
.testimonial-content h2::before { .testimonial-content h2::before {
right: 0; right: 0;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.testimonial-content .testimonial-desc p { .testimonial-content .testimonial-desc p {
font-size: 14px; font-size: 14px;
} }
.testimonial-content .testimonial-desc .info h3 { .testimonial-content .testimonial-desc .info h3 {
font-size: 16px; font-size: 16px;
} }
.testimonial-content .testimonial-desc .info span { .testimonial-content .testimonial-desc .info span {
font-size: 13px; font-size: 13px;
} }
.testimonial-slides .swiper-pagination { .testimonial-slides .swiper-pagination {
text-align: center; text-align: center;
} }
.shape1, .shape2, .shape4, .shape3, .shape5, .shape6, .shape7 {
.shape1,
.shape2,
.shape4,
.shape3,
.shape5,
.shape6,
.shape7 {
display: none; display: none;
} }
.what-we-do-image { .what-we-do-image {
margin-right: 0; margin-right: 0;
padding-right: 0; padding-right: 0;
} }
.what-we-do-image .shape { .what-we-do-image .shape {
display: none; display: none;
} }
.what-we-do-content { .what-we-do-content {
padding-left: 0; padding-left: 0;
margin-top: 30px; margin-top: 30px;
} }
.what-we-do-content .sub-title { .what-we-do-content .sub-title {
font-size: 13px; font-size: 13px;
} }
.what-we-do-content h2 { .what-we-do-content h2 {
font-size: 24px; font-size: 24px;
} }
.what-we-do-content .react-tabs__tab-list { .what-we-do-content .react-tabs__tab-list {
border: none; border: none;
justify-content: center; justify-content: center;
margin-top: 20px; margin-top: 20px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.what-we-do-content .react-tabs__tab-list .react-tabs__tab { .what-we-do-content .react-tabs__tab-list .react-tabs__tab {
margin-left: 8px; margin-left: 8px;
margin-right: 8px; margin-right: 8px;
font-size: 14px; font-size: 14px;
} }
.what-we-do-content .react-tabs__tab-list .react-tabs__tab:first-child { .what-we-do-content .react-tabs__tab-list .react-tabs__tab:first-child {
margin-left: 0; margin-left: 0;
} }
.what-we-do-text { .what-we-do-text {
padding-right: 0; padding-right: 0;
} }
.what-we-do-text .sub-title { .what-we-do-text .sub-title {
font-size: 13px; font-size: 13px;
} }
.what-we-do-text h2 { .what-we-do-text h2 {
font-size: 24px; font-size: 24px;
} }
.what-we-do-text .default-btn { .what-we-do-text .default-btn {
margin-top: 5px; margin-top: 5px;
} }
.what-we-do-img { .what-we-do-img {
padding-left: 0; padding-left: 0;
margin-top: 30px; margin-top: 30px;
} }
.single-team-member { .single-team-member {
text-align: center; text-align: center;
} }
.single-team-member .content { .single-team-member .content {
margin-top: 20px; margin-top: 20px;
} }
.single-team-member .content h3 { .single-team-member .content h3 {
font-size: 17px; font-size: 17px;
} }
.single-team-member .content span { .single-team-member .content span {
font-size: 13px; font-size: 13px;
} }
.single-team-member .content .social-links li { .single-team-member .content .social-links li {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
} }
.single-team-member .content .social-links li a { .single-team-member .content .social-links li a {
font-size: 17px; font-size: 17px;
} }
.single-team-member .content .social-links li:first-child { .single-team-member .content .social-links li:first-child {
margin-left: 0; margin-left: 0;
} }
.free-quote-area.bg-color { .free-quote-area.bg-color {
padding-top: 80px; padding-top: 80px;
padding-bottom: 80px; padding-bottom: 80px;
} }
.free-quote-area.bg-color::before { .free-quote-area.bg-color::before {
height: 45px; height: 45px;
} }
.free-quote-area.bg-color::after { .free-quote-area.bg-color::after {
height: 45px; height: 45px;
} }
.free-quote-content { .free-quote-content {
padding-bottom: 20px; padding-bottom: 20px;
text-align: center; text-align: center;
} }
.free-quote-content::before { .free-quote-content::before {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.free-quote-content .sub-title { .free-quote-content .sub-title {
font-size: 13px; font-size: 13px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.free-quote-content h2 { .free-quote-content h2 {
font-size: 24px; font-size: 24px;
} }
.free-quote-form { .free-quote-form {
padding: 25px 15px 0; padding: 25px 15px 0;
border-radius: 10px; border-radius: 10px;
margin-left: 0; margin-left: 0;
margin-top: 30px; margin-top: 30px;
} }
.free-quote-form h3 { .free-quote-form h3 {
font-size: 17px; font-size: 17px;
margin-bottom: 30px; margin-bottom: 30px;
} }
.free-quote-form form label { .free-quote-form form label {
font-size: 13px; font-size: 13px;
} }
.free-quote-form form .form-select { .free-quote-form form .form-select {
font-size: 14px; font-size: 14px;
} }
.free-quote-form form .default-btn { .free-quote-form form .default-btn {
height: 45px; height: 45px;
} }
.free-quote-form form .form-group { .free-quote-form form .form-group {
margin-bottom: 20px; margin-bottom: 20px;
} }
.free-quote-image { .free-quote-image {
padding-right: 0; padding-right: 0;
margin-bottom: 30px; margin-bottom: 30px;
} }
.free-quote-text { .free-quote-text {
padding-left: 0; padding-left: 0;
text-align: center; text-align: center;
} }
.free-quote-text .sub-title { .free-quote-text .sub-title {
font-size: 13px; font-size: 13px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.free-quote-text h2 { .free-quote-text h2 {
font-size: 24px; font-size: 24px;
} }
.free-quote-text form { .free-quote-text form {
margin-top: 30px; margin-top: 30px;
margin-bottom: -20px; margin-bottom: -20px;
} }
.free-quote-text form label { .free-quote-text form label {
font-size: 13px; font-size: 13px;
} }
.free-quote-text form .form-select { .free-quote-text form .form-select {
font-size: 14px; font-size: 14px;
} }
.free-quote-text form .default-btn { .free-quote-text form .default-btn {
height: 45px; height: 45px;
} }
.free-quote-text form .form-group { .free-quote-text form .form-group {
margin-bottom: 20px; margin-bottom: 20px;
} }
.free-quote-inner { .free-quote-inner {
padding-top: 60px; padding-top: 60px;
padding-bottom: 40px; padding-bottom: 40px;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
} }
.free-quote-inner form { .free-quote-inner form {
max-width: 100%; max-width: 100%;
} }
.free-quote-inner form label { .free-quote-inner form label {
font-size: 13px; font-size: 13px;
} }
.free-quote-inner form .form-select { .free-quote-inner form .form-select {
font-size: 14px; font-size: 14px;
} }
.free-quote-inner form .default-btn { .free-quote-inner form .default-btn {
height: 45px; height: 45px;
} }
.free-quote-inner form .form-group { .free-quote-inner form .form-group {
margin-bottom: 20px; margin-bottom: 20px;
} }
.call-back-request-content { .call-back-request-content {
padding-right: 0; padding-right: 0;
max-width: 100%; max-width: 100%;
margin-left: 0; margin-left: 0;
} }
.call-back-request-content .sub-title { .call-back-request-content .sub-title {
font-size: 13px; font-size: 13px;
} }
.call-back-request-content h2 { .call-back-request-content h2 {
font-size: 24px; font-size: 24px;
} }
.call-back-request-content .single-call-back-box { .call-back-request-content .single-call-back-box {
text-align: center; text-align: center;
border: 1px solid #eee; border: 1px solid #eee;
padding: 25px 10px; padding: 25px 10px;
} }
.call-back-request-content .single-call-back-box .icon { .call-back-request-content .single-call-back-box .icon {
width: 60px; width: 60px;
height: 60px; height: 60px;
...@@ -674,33 +868,42 @@ ...@@ -674,33 +868,42 @@
margin-right: auto; margin-right: auto;
margin-bottom: 15px; margin-bottom: 15px;
} }
.call-back-request-content .single-call-back-box h3 { .call-back-request-content .single-call-back-box h3 {
font-size: 15px; font-size: 15px;
} }
.call-back-request-content .request-btn { .call-back-request-content .request-btn {
text-align: center; text-align: center;
} }
.call-back-request-image { .call-back-request-image {
margin-right: 0; margin-right: 0;
margin-top: 30px; margin-top: 30px;
} }
.call-back-request-img { .call-back-request-img {
padding-right: 0; padding-right: 0;
margin-bottom: 30px; margin-bottom: 30px;
} }
.call-back-request-text { .call-back-request-text {
padding-left: 0; padding-left: 0;
text-align: center; text-align: center;
} }
.call-back-request-text .sub-title { .call-back-request-text .sub-title {
font-size: 13px; font-size: 13px;
} }
.call-back-request-text h2 { .call-back-request-text h2 {
font-size: 24px; font-size: 24px;
} }
.call-back-request-text .single-call-back-box { .call-back-request-text .single-call-back-box {
margin-top: 25px; margin-top: 25px;
} }
.call-back-request-text .single-call-back-box .icon { .call-back-request-text .single-call-back-box .icon {
width: 60px; width: 60px;
height: 60px; height: 60px;
...@@ -709,42 +912,53 @@ ...@@ -709,42 +912,53 @@
margin-right: auto; margin-right: auto;
margin-bottom: 15px; margin-bottom: 15px;
} }
.call-back-request-text .single-call-back-box h3 { .call-back-request-text .single-call-back-box h3 {
font-size: 15px; font-size: 15px;
} }
.call-back-request-text .default-btn { .call-back-request-text .default-btn {
margin-top: 30px; margin-top: 30px;
} }
.why-choose-us-image { .why-choose-us-image {
padding-right: 0; padding-right: 0;
margin-bottom: 30px; margin-bottom: 30px;
} }
.why-choose-us-image.bg-image { .why-choose-us-image.bg-image {
margin-right: 0; margin-right: 0;
background-image: unset !important; background-image: unset !important;
} }
.why-choose-us-image.bg-image img { .why-choose-us-image.bg-image img {
display: inline-block; display: inline-block;
} }
.why-choose-us-content { .why-choose-us-content {
padding-left: 0; padding-left: 0;
padding-top: 0; padding-top: 0;
padding-left: 0; padding-left: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.why-choose-us-content .sub-title { .why-choose-us-content .sub-title {
font-size: 13px; font-size: 13px;
} }
.why-choose-us-content h2 { .why-choose-us-content h2 {
font-size: 24px; font-size: 24px;
} }
.why-choose-us-content .choose-list { .why-choose-us-content .choose-list {
margin-top: 25px; margin-top: 25px;
} }
.why-choose-us-content .choose-list li { .why-choose-us-content .choose-list li {
border: 1px solid #eee; border: 1px solid #eee;
padding: 26px 25px; padding: 26px 25px;
} }
.why-choose-us-content .choose-list li i { .why-choose-us-content .choose-list li i {
position: relative; position: relative;
top: 0; top: 0;
...@@ -753,181 +967,232 @@ ...@@ -753,181 +967,232 @@
left: 0; left: 0;
margin-bottom: 15px; margin-bottom: 15px;
} }
.why-choose-us-content .choose-list li h3 { .why-choose-us-content .choose-list li h3 {
font-size: 17px; font-size: 17px;
line-height: 1.4; line-height: 1.4;
} }
.why-choose-us-content .read-more-btn { .why-choose-us-content .read-more-btn {
text-align: center; text-align: center;
} }
.single-why-choose-us-box .icon { .single-why-choose-us-box .icon {
margin-bottom: 20px; margin-bottom: 20px;
font-size: 30px; font-size: 30px;
height: 60px; height: 60px;
width: 60px; width: 60px;
} }
.single-why-choose-us-box h3 { .single-why-choose-us-box h3 {
font-size: 17px; font-size: 17px;
} }
.single-blog-post .post-image::before { .single-blog-post .post-image::before {
height: 35px; height: 35px;
} }
.single-blog-post .post-content { .single-blog-post .post-content {
padding: 20px 15px; padding: 20px 15px;
} }
.single-blog-post .post-content .meta li { .single-blog-post .post-content .meta li {
padding-left: 20px; padding-left: 20px;
margin-right: 12px; margin-right: 12px;
} }
.single-blog-post .post-content .meta li i { .single-blog-post .post-content .meta li i {
top: -1px; top: -1px;
} }
.single-blog-post .post-content h3 { .single-blog-post .post-content h3 {
font-size: 17px; font-size: 17px;
line-height: 1.5; line-height: 1.5;
} }
.single-blog-item .post-content { .single-blog-item .post-content {
padding: 20px 15px; padding: 20px 15px;
} }
.single-blog-item .post-content .meta li { .single-blog-item .post-content .meta li {
padding-left: 20px; padding-left: 20px;
margin-right: 12px; margin-right: 12px;
} }
.single-blog-item .post-content .meta li i { .single-blog-item .post-content .meta li i {
top: -1px; top: -1px;
} }
.single-blog-item .post-content h3 { .single-blog-item .post-content h3 {
font-size: 17px; font-size: 17px;
} }
.single-blog-item .post-content .default-btn { .single-blog-item .post-content .default-btn {
margin-top: 2px; margin-top: 2px;
} }
.page-title-area { .page-title-area {
padding-top: 50px; padding-top: 50px;
padding-bottom: 50px; padding-bottom: 50px;
} }
.page-title-area.page-title-style-two { .page-title-area.page-title-style-two {
padding-top: 50px; padding-top: 50px;
} }
.page-title-area.bg-black { .page-title-area.bg-black {
padding-top: 110px; padding-top: 110px;
} }
.page-title-content h2 { .page-title-content h2 {
font-size: 24px; font-size: 24px;
} }
.page-title-content ul { .page-title-content ul {
margin-top: 12px; margin-top: 12px;
} }
.page-title-content ul li::before { .page-title-content ul li::before {
top: -3px; top: -3px;
} }
.company-history-content .timeline-item { .company-history-content .timeline-item {
padding-left: 30px; padding-left: 30px;
} }
.company-history-content .timeline-info .sub-title span { .company-history-content .timeline-info .sub-title span {
font-size: 14px; font-size: 14px;
} }
.company-history-content .timeline-content { .company-history-content .timeline-content {
padding-bottom: 30px; padding-bottom: 30px;
} }
.company-history-content .timeline-content .image { .company-history-content .timeline-content .image {
order: 1; order: 1;
margin-bottom: 25px; margin-bottom: 25px;
} }
.company-history-content .timeline-content .content { .company-history-content .timeline-content .content {
order: 2; order: 2;
} }
.company-history-content .timeline-content h3 { .company-history-content .timeline-content h3 {
font-size: 17px; font-size: 17px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.faq-accordion { .faq-accordion {
max-width: 100%; max-width: 100%;
} }
.faq-accordion .accordion__item .accordion__button { .faq-accordion .accordion__item .accordion__button {
padding: 15px 15px; padding: 15px 15px;
font-size: 15px; font-size: 15px;
} }
.faq-accordion .accordion__item .accordion__panel { .faq-accordion .accordion__item .accordion__panel {
padding: 20px 15px; padding: 20px 15px;
} }
.profile-authentication-area { .profile-authentication-area {
height: auto; height: auto;
padding-top: 120px; padding-top: 120px;
padding-bottom: 115px; padding-bottom: 115px;
} }
.signin-form { .signin-form {
max-width: 100%; max-width: 100%;
text-align: center; text-align: center;
padding: 20px 15px; padding: 20px 15px;
} }
.signin-form h2 { .signin-form h2 {
font-size: 24px; font-size: 24px;
margin-bottom: 25px; margin-bottom: 25px;
} }
.signin-form form .lost-your-password-wrap { .signin-form form .lost-your-password-wrap {
text-align: center; text-align: center;
margin-top: 15px; margin-top: 15px;
} }
.signin-form form .form-group { .signin-form form .form-group {
margin-bottom: 15px; margin-bottom: 15px;
} }
.signin-form form button { .signin-form form button {
padding: 12px 30px; padding: 12px 30px;
font-size: 14px; font-size: 14px;
} }
.signin-form form .dont-account { .signin-form form .dont-account {
margin-top: 20px; margin-top: 20px;
} }
.signin-form form .sign-in-with-button { .signin-form form .sign-in-with-button {
margin-top: 15px; margin-top: 15px;
} }
.signup-form { .signup-form {
max-width: 100%; max-width: 100%;
text-align: center; text-align: center;
padding: 20px 15px; padding: 20px 15px;
} }
.signup-form h2 { .signup-form h2 {
font-size: 24px; font-size: 24px;
margin-bottom: 25px; margin-bottom: 25px;
} }
.signup-form form .lost-your-password-wrap { .signup-form form .lost-your-password-wrap {
text-align: center; text-align: center;
margin-top: 15px; margin-top: 15px;
} }
.signup-form form .form-group { .signup-form form .form-group {
margin-bottom: 15px; margin-bottom: 15px;
} }
.signup-form form button { .signup-form form button {
padding: 12px 30px; padding: 12px 30px;
font-size: 14px; font-size: 14px;
} }
.signup-form form .dont-account { .signup-form form .dont-account {
margin-top: 20px; margin-top: 20px;
} }
.signup-form form .sign-in-with-button { .signup-form form .sign-in-with-button {
margin-top: 15px; margin-top: 15px;
} }
.privacy-policy-content h3 { .privacy-policy-content h3 {
font-size: 17px; font-size: 17px;
} }
.terms-conditions-content h3 { .terms-conditions-content h3 {
font-size: 17px; font-size: 17px;
} }
.error-content p { .error-content p {
max-width: 100%; max-width: 100%;
margin-top: 25px; margin-top: 25px;
} }
.error-content .default-btn { .error-content .default-btn {
margin-top: 20px; margin-top: 20px;
} }
.coming-soon-image { .coming-soon-image {
height: auto; height: auto;
background-image: unset !important; background-image: unset !important;
} }
.coming-soon-image img { .coming-soon-image img {
display: inline-block; display: inline-block;
} }
.coming-soon-content { .coming-soon-content {
height: auto; height: auto;
padding-top: 60px; padding-top: 60px;
...@@ -935,32 +1200,40 @@ ...@@ -935,32 +1200,40 @@
padding-right: 15px; padding-right: 15px;
padding-bottom: 60px; padding-bottom: 60px;
} }
.coming-soon-content h2 { .coming-soon-content h2 {
font-size: 25px; font-size: 25px;
margin-top: 25px; margin-top: 25px;
} }
.coming-soon-content #timer { .coming-soon-content #timer {
margin-top: 10px; margin-top: 10px;
} }
.coming-soon-content #timer div { .coming-soon-content #timer div {
width: 95px; width: 95px;
height: 100px; height: 100px;
font-size: 30px; font-size: 30px;
margin-top: 20px; margin-top: 20px;
} }
.coming-soon-content #timer div span { .coming-soon-content #timer div span {
font-size: 14px; font-size: 14px;
} }
.coming-soon-content #timer div:first-child { .coming-soon-content #timer div:first-child {
margin-left: 10px; margin-left: 10px;
} }
.coming-soon-content #timer div:last-child { .coming-soon-content #timer div:last-child {
margin-right: 10px; margin-right: 10px;
} }
.coming-soon-content form { .coming-soon-content form {
max-width: 435px; max-width: 435px;
margin-top: 30px; margin-top: 30px;
} }
.coming-soon-content form .default-btn { .coming-soon-content form .default-btn {
right: 0; right: 0;
bottom: 0; bottom: 0;
...@@ -970,207 +1243,262 @@ ...@@ -970,207 +1243,262 @@
position: relative; position: relative;
padding: 15px 20px 13px; padding: 15px 20px 13px;
} }
.coming-soon-content form .input-newsletter { .coming-soon-content form .input-newsletter {
padding: 0 0 0 15px; padding: 0 0 0 15px;
font-size: 13px; font-size: 13px;
height: 50px; height: 50px;
} }
.pagination-area { .pagination-area {
margin-top: 10px; margin-top: 10px;
} }
.pagination-area .page-numbers { .pagination-area .page-numbers {
width: 35px; width: 35px;
height: 35px; height: 35px;
font-size: 14px; font-size: 14px;
line-height: 33px; line-height: 33px;
} }
.services-details-desc h3 { .services-details-desc h3 {
font-size: 17px; font-size: 17px;
} }
.widget-area { .widget-area {
padding-left: 0; padding-left: 0;
margin-top: 40px; margin-top: 40px;
} }
.widget-area .widget .widget-title { .widget-area .widget .widget-title {
padding-bottom: 10px; padding-bottom: 10px;
margin-bottom: 25px; margin-bottom: 25px;
font-size: 17px; font-size: 17px;
} }
.widget-area .widget_tag_cloud .tagcloud a { .widget-area .widget_tag_cloud .tagcloud a {
font-size: 13px !important; font-size: 13px !important;
} }
.widget-area .widget_newsletter { .widget-area .widget_newsletter {
padding: 20px 15px; padding: 20px 15px;
} }
.widget-area .widget_newsletter h4 { .widget-area .widget_newsletter h4 {
font-size: 17px; font-size: 17px;
} }
.widget-area .widget_newsletter .newsletter-form button { .widget-area .widget_newsletter .newsletter-form button {
padding: 13px 30px 11px; padding: 13px 30px 11px;
font-size: 13px; font-size: 13px;
} }
.widget-area .widget_enry_posts_thumb .item .info .title { .widget-area .widget_enry_posts_thumb .item .info .title {
font-size: 12px; font-size: 12px;
} }
.shorting-menu { .shorting-menu {
margin-bottom: 10px; margin-bottom: 10px;
} }
.shorting-menu .filter { .shorting-menu .filter {
font-size: 14px; font-size: 14px;
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.showMoreItemsList + .button-box button {
.showMoreItemsList+.button-box button {
padding: 10px 30px; padding: 10px 30px;
margin-top: 0; margin-top: 0;
font-size: 13px; font-size: 13px;
} }
.projects-details-desc h3 { .projects-details-desc h3 {
font-size: 17px; font-size: 17px;
} }
.projects-details-desc .wp-block-gallery.columns-3 { .projects-details-desc .wp-block-gallery.columns-3 {
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 20px; margin-top: 20px;
} }
.projects-details-info { .projects-details-info {
padding: 30px 20px; padding: 30px 20px;
margin-left: 0; margin-left: 0;
margin-top: 30px; margin-top: 30px;
} }
.projects-details-info ul li { .projects-details-info ul li {
padding-left: 37px; padding-left: 37px;
} }
.projects-details-info ul li span { .projects-details-info ul li span {
font-size: 16px; font-size: 16px;
} }
.projects-details-info ul li i { .projects-details-info ul li i {
top: 4px; top: 4px;
font-size: 25px; font-size: 25px;
} }
.enry-grid-sorting { .enry-grid-sorting {
margin-bottom: 30px; margin-bottom: 30px;
text-align: center; text-align: center;
} }
.enry-grid-sorting .ordering { .enry-grid-sorting .ordering {
margin-top: 15px; margin-top: 15px;
text-align: center; text-align: center;
} }
.enry-grid-sorting .ordering select { .enry-grid-sorting .ordering select {
font-size: 14px; font-size: 14px;
height: 40px; height: 40px;
} }
.single-products-box .image .buttons-list li { .single-products-box .image .buttons-list li {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
transform: translateY(0); transform: translateY(0);
} }
.single-products-box .content { .single-products-box .content {
padding: 20px 15px; padding: 20px 15px;
} }
.single-products-box .content h3 { .single-products-box .content h3 {
font-size: 17px; font-size: 17px;
} }
.single-products-box .content .rating i { .single-products-box .content .rating i {
font-size: 15px; font-size: 15px;
} }
.single-products-box .content .price span { .single-products-box .content .price span {
font-size: 14px; font-size: 14px;
} }
.productsQuickView .modal-dialog { .productsQuickView .modal-dialog {
max-width: 100%; max-width: 100%;
} }
.productsQuickView .modal-content { .productsQuickView .modal-content {
padding: 20px 15px; padding: 20px 15px;
} }
.productsQuickView .modal-content .products-content { .productsQuickView .modal-content .products-content {
margin-top: 30px; margin-top: 30px;
} }
.productsQuickView .modal-content .products-content h3 { .productsQuickView .modal-content .products-content h3 {
font-size: 17px; font-size: 17px;
} }
.productsQuickView .modal-content .products-content .price { .productsQuickView .modal-content .products-content .price {
font-size: 14px; font-size: 14px;
} }
.productsQuickView .modal-content .products-content .products-add-to-cart { .productsQuickView .modal-content .products-content .products-add-to-cart {
margin-top: 20px; margin-top: 20px;
} }
.productsQuickView .modal-content .products-content .social-share { .productsQuickView .modal-content .products-content .social-share {
margin-top: 25px; margin-top: 25px;
} }
.products-details-image { .products-details-image {
padding-right: 0; padding-right: 0;
} }
.products-details-desc { .products-details-desc {
padding-left: 0; padding-left: 0;
margin-top: 30px; margin-top: 30px;
} }
.products-details-desc h3 { .products-details-desc h3 {
margin-bottom: 15px; margin-bottom: 15px;
font-size: 17px; font-size: 17px;
} }
.products-details-desc .products-review .rating { .products-details-desc .products-review .rating {
font-size: 13px; font-size: 13px;
} }
.products-details-desc .price { .products-details-desc .price {
font-size: 14px; font-size: 14px;
} }
.products-details-tabs { .products-details-tabs {
margin-top: 30px; margin-top: 30px;
} }
.products-details-tabs .single-tabs-box h2 { .products-details-tabs .single-tabs-box h2 {
font-size: 18px; font-size: 18px;
margin-bottom: 25px; margin-bottom: 25px;
} }
.products-details-tabs .single-tabs-box .inner-box h3 { .products-details-tabs .single-tabs-box .inner-box h3 {
font-size: 17px; font-size: 17px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.products-details-tabs .single-tabs-box .inner-box .table-striped tbody tr td { .products-details-tabs .single-tabs-box .inner-box .table-striped tbody tr td {
font-size: 13px; font-size: 13px;
white-space: nowrap; white-space: nowrap;
} }
.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review { .products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review {
padding-left: 0; padding-left: 0;
} }
.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review .sub-comment { .products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review .sub-comment {
margin-bottom: 6px; margin-bottom: 6px;
} }
.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review img { .products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review img {
top: 0; top: 0;
left: 0; left: 0;
position: relative; position: relative;
margin-bottom: 15px; margin-bottom: 15px;
} }
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form button { .products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form button {
margin-top: 20px; margin-top: 20px;
font-size: 14px; font-size: 14px;
} }
.cart-table-desc table thead tr th { .cart-table-desc table thead tr th {
font-size: 14px; font-size: 14px;
white-space: nowrap; white-space: nowrap;
} }
.cart-table-desc table tbody tr td { .cart-table-desc table tbody tr td {
padding-right: 20px; padding-right: 20px;
white-space: nowrap; white-space: nowrap;
font-size: 13px; font-size: 13px;
text-align: center; text-align: center;
} }
.cart-buttons-desc .shopping-coupon-code .form-control { .cart-buttons-desc .shopping-coupon-code .form-control {
padding-left: 10px; padding-left: 10px;
} }
.cart-buttons-desc .shopping-coupon-code button { .cart-buttons-desc .shopping-coupon-code button {
padding: 0 15px; padding: 0 15px;
font-size: 12px; font-size: 12px;
} }
.cart-buttons-desc .text-end { .cart-buttons-desc .text-end {
text-align: center !important; text-align: center !important;
margin-top: 30px; margin-top: 30px;
} }
.cart-totals-desc { .cart-totals-desc {
margin-top: 30px; margin-top: 30px;
padding: 20px 15px; padding: 20px 15px;
} }
.cart-totals-desc h3 { .cart-totals-desc h3 {
font-size: 17px; font-size: 17px;
padding-top: 15px; padding-top: 15px;
...@@ -1182,12 +1510,15 @@ ...@@ -1182,12 +1510,15 @@
margin-right: -15px; margin-right: -15px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.cart-totals-desc .default-btn { .cart-totals-desc .default-btn {
margin-top: 20px; margin-top: 20px;
} }
.billing-details-desc { .billing-details-desc {
padding: 20px 15px; padding: 20px 15px;
} }
.billing-details-desc h3 { .billing-details-desc h3 {
font-size: 17px; font-size: 17px;
padding-top: 15px; padding-top: 15px;
...@@ -1199,16 +1530,20 @@ ...@@ -1199,16 +1530,20 @@
margin-right: -15px; margin-right: -15px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.billing-details-desc .form-group .nice-select { .billing-details-desc .form-group .nice-select {
font-size: 13px; font-size: 13px;
} }
.billing-details-desc .form-group .nice-select .list .option { .billing-details-desc .form-group .nice-select .list .option {
font-size: 14px; font-size: 14px;
} }
.order-details-desc { .order-details-desc {
margin-top: 30px; margin-top: 30px;
padding: 20px 15px; padding: 20px 15px;
} }
.order-details-desc h3 { .order-details-desc h3 {
font-size: 17px; font-size: 17px;
padding-top: 15px; padding-top: 15px;
...@@ -1220,19 +1555,24 @@ ...@@ -1220,19 +1555,24 @@
margin-bottom: 20px; margin-bottom: 20px;
margin-top: -20px; margin-top: -20px;
} }
.order-details-desc .default-btn { .order-details-desc .default-btn {
margin-top: 20px; margin-top: 20px;
} }
.contact-content { .contact-content {
padding-right: 0; padding-right: 0;
text-align: center; text-align: center;
} }
.contact-content .sub-title { .contact-content .sub-title {
font-size: 13px; font-size: 13px;
} }
.contact-content h2 { .contact-content h2 {
font-size: 24px; font-size: 24px;
} }
.contact-content .single-contact-info-box .icon { .contact-content .single-contact-info-box .icon {
width: 60px; width: 60px;
height: 60px; height: 60px;
...@@ -1240,75 +1580,98 @@ ...@@ -1240,75 +1580,98 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.contact-content .single-contact-info-box h3 { .contact-content .single-contact-info-box h3 {
font-size: 17px; font-size: 17px;
} }
.contact-image { .contact-image {
padding-left: 0; padding-left: 0;
margin-top: 30px; margin-top: 30px;
} }
.maps { .maps {
height: auto; height: auto;
} }
.maps iframe { .maps iframe {
height: 400px; height: 400px;
} }
.contact-form { .contact-form {
text-align: center; text-align: center;
padding-left: 0; padding-left: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.contact-form .sub-title { .contact-form .sub-title {
font-size: 13px; font-size: 13px;
} }
.contact-form h2 { .contact-form h2 {
font-size: 24px; font-size: 24px;
} }
.contact-form form { .contact-form form {
text-align: start; text-align: start;
} }
.blog-details-desc .article-content .entry-meta ul { .blog-details-desc .article-content .entry-meta ul {
margin-bottom: -15px; margin-bottom: -15px;
} }
.blog-details-desc .article-content .entry-meta ul li { .blog-details-desc .article-content .entry-meta ul li {
padding-left: 18px; padding-left: 18px;
margin-right: 12px; margin-right: 12px;
margin-bottom: 12px; margin-bottom: 12px;
} }
.blog-details-desc .article-content h3 { .blog-details-desc .article-content h3 {
font-size: 17px; font-size: 17px;
} }
.blog-details-desc .article-footer { .blog-details-desc .article-footer {
text-align: center; text-align: center;
} }
.blog-details-desc .article-footer .article-tags { .blog-details-desc .article-footer .article-tags {
flex: 0 0 100%; flex: 0 0 100%;
max-width: 100%; max-width: 100%;
} }
.blog-details-desc .article-footer .article-tags a { .blog-details-desc .article-footer .article-tags a {
padding: 6px 20px; padding: 6px 20px;
font-size: 13px; font-size: 13px;
} }
.blog-details-desc .article-footer .article-share { .blog-details-desc .article-footer .article-share {
flex: 0 0 100%; flex: 0 0 100%;
max-width: 100%; max-width: 100%;
margin-top: 20px; margin-top: 20px;
} }
.blog-details-desc .article-footer .article-share .social { .blog-details-desc .article-footer .article-share .social {
text-align: center; text-align: center;
} }
blockquote, .blockquote {
blockquote,
.blockquote {
padding: 20px 15px !important; padding: 20px 15px !important;
} }
blockquote p, .blockquote p {
blockquote p,
.blockquote p {
font-size: 15px !important; font-size: 15px !important;
} }
.comments-area .comments-title { .comments-area .comments-title {
font-size: 17px; font-size: 17px;
} }
.comments-area .comment-author { .comments-area .comment-author {
font-size: 15px; font-size: 15px;
} }
.comments-area .comment-author .avatar { .comments-area .comment-author .avatar {
top: 0; top: 0;
left: 0; left: 0;
...@@ -1316,75 +1679,107 @@ ...@@ -1316,75 +1679,107 @@
position: relative; position: relative;
margin-bottom: 14px; margin-bottom: 14px;
} }
.comments-area .comment-body { .comments-area .comment-body {
padding-left: 0; padding-left: 0;
} }
.comments-area .comment-respond .comment-reply-title { .comments-area .comment-respond .comment-reply-title {
font-size: 17px; font-size: 17px;
} }
.comments-area .comment-respond .comment-form-author { .comments-area .comment-respond .comment-form-author {
width: 100%; width: 100%;
padding-right: 0; padding-right: 0;
} }
.comments-area .comment-respond .comment-form-email { .comments-area .comment-respond .comment-form-email {
width: 100%; width: 100%;
padding-left: 0; padding-left: 0;
} }
.comments-area .comment-respond input[type=date], .comments-area .comment-respond input[type=time], .comments-area .comment-respond input[type=datetime-local], .comments-area .comment-respond input[type=week], .comments-area .comment-respond input[type=month], .comments-area .comment-respond input[type=text], .comments-area .comment-respond input[type=email], .comments-area .comment-respond input[type=url], .comments-area .comment-respond input[type=password], .comments-area .comment-respond input[type=search], .comments-area .comment-respond input[type=tel], .comments-area .comment-respond input[type=number], .comments-area .comment-respond textarea {
.comments-area .comment-respond input[type=date],
.comments-area .comment-respond input[type=time],
.comments-area .comment-respond input[type=datetime-local],
.comments-area .comment-respond input[type=week],
.comments-area .comment-respond input[type=month],
.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=url],
.comments-area .comment-respond input[type=password],
.comments-area .comment-respond input[type=search],
.comments-area .comment-respond input[type=tel],
.comments-area .comment-respond input[type=number],
.comments-area .comment-respond textarea {
font-size: 14px; font-size: 14px;
padding-left: 12px; padding-left: 12px;
} }
.comments-area .comment-respond textarea { .comments-area .comment-respond textarea {
padding-top: 12px; padding-top: 12px;
} }
.comments-area .comment-respond .comment-form-cookies-consent label { .comments-area .comment-respond .comment-form-cookies-consent label {
font-size: 14px; font-size: 14px;
} }
.comments-area .comment-respond .form-submit input { .comments-area .comment-respond .form-submit input {
font-size: 13px; font-size: 13px;
} }
.footer-area { .footer-area {
padding-top: 80px; padding-top: 80px;
} }
.footer-area::before { .footer-area::before {
height: 35px; height: 35px;
} }
.single-footer-widget .footer-contact-info h5 { .single-footer-widget .footer-contact-info h5 {
font-size: 15px; font-size: 15px;
} }
.single-footer-widget.pl-2 { .single-footer-widget.pl-2 {
padding-left: 0; padding-left: 0;
} }
.single-footer-widget.pl-4 { .single-footer-widget.pl-4 {
padding-left: 0; padding-left: 0;
} }
.single-footer-widget h3 { .single-footer-widget h3 {
font-size: 17px; font-size: 17px;
} }
.copyright-area { .copyright-area {
margin-top: 30px; margin-top: 30px;
text-align: center; text-align: center;
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
} }
.copyright-area .social-links { .copyright-area .social-links {
text-align: center; text-align: center;
margin-top: 15px; margin-top: 15px;
} }
.copyright-area .social-links li a { .copyright-area .social-links li a {
font-size: 16px; font-size: 16px;
} }
.go-top { .go-top {
right: 15px; right: 15px;
width: 32px; width: 32px;
height: 35px; height: 35px;
font-size: 22px; font-size: 22px;
} }
.zixon-nav .container-fluid { .zixon-nav .container-fluid {
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
position: relative; position: relative;
} }
.zixon-nav .navbar .navbar-nav { .zixon-nav .navbar .navbar-nav {
border-top: 1px solid #eee; border-top: 1px solid #eee;
margin-top: 15px; margin-top: 15px;
...@@ -1393,27 +1788,34 @@ ...@@ -1393,27 +1788,34 @@
max-height: 60vh; max-height: 60vh;
padding-right: 15px; padding-right: 15px;
} }
.zixon-nav .navbar .navbar-nav::-webkit-scrollbar { .zixon-nav .navbar .navbar-nav::-webkit-scrollbar {
width: 12px; width: 12px;
} }
.zixon-nav .navbar .navbar-nav::-webkit-scrollbar-track { .zixon-nav .navbar .navbar-nav::-webkit-scrollbar-track {
background: #f5f5f5; background: #f5f5f5;
} }
.zixon-nav .navbar .navbar-nav::-webkit-scrollbar-thumb { .zixon-nav .navbar .navbar-nav::-webkit-scrollbar-thumb {
background: var(--mainColor2); background: var(--mainColor2);
} }
.zixon-nav .navbar .navbar-nav::-webkit-scrollbar-thumb:hover { .zixon-nav .navbar .navbar-nav::-webkit-scrollbar-thumb:hover {
background: var(--mainColor2); background: var(--mainColor2);
} }
.zixon-nav .navbar .navbar-nav .nav-item { .zixon-nav .navbar .navbar-nav .nav-item {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
.zixon-nav .navbar .navbar-nav .nav-item a { .zixon-nav .navbar .navbar-nav .nav-item a {
font-size: 15px; font-size: 15px;
padding-top: 6px; padding-top: 6px;
padding-bottom: 6px; padding-bottom: 6px;
} }
.zixon-nav .navbar .navbar-nav .nav-item .dropdown-menu { .zixon-nav .navbar .navbar-nav .nav-item .dropdown-menu {
top: 0 !important; top: 0 !important;
opacity: 1; opacity: 1;
...@@ -1423,9 +1825,11 @@ ...@@ -1423,9 +1825,11 @@
border: 1px solid #eee; border: 1px solid #eee;
margin-bottom: 10px; margin-bottom: 10px;
} }
.zixon-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { .zixon-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
font-size: 15px; font-size: 15px;
} }
.zixon-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { .zixon-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
left: 15px; left: 15px;
width: 90%; width: 90%;
...@@ -1433,64 +1837,80 @@ ...@@ -1433,64 +1837,80 @@
right: 0; right: 0;
visibility: visible; visibility: visible;
} }
.zixon-nav .navbar .navbar-nav .nav-item .dropdown-toggle::before { .zixon-nav .navbar .navbar-nav .nav-item .dropdown-toggle::before {
display: none; display: none;
} }
.zixon-nav .navbar .others-option { .zixon-nav .navbar .others-option {
margin-left: 0; margin-left: 0;
position: absolute; position: absolute;
right: 50px; right: 50px;
top: 5px; top: 5px;
} }
.navbar-area.navbar-style-two .navbar { .navbar-area.navbar-style-two .navbar {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
box-shadow: none; box-shadow: none;
} }
.navbar-area.navbar-style-three .container { .navbar-area.navbar-style-three .container {
position: relative; position: relative;
} }
.navbar-area.navbar-style-three .navbar-toggler .icon-bar { .navbar-area.navbar-style-three .navbar-toggler .icon-bar {
background: #ffffff; background: #ffffff;
} }
.faq-accordion .accordion .accordion__item .accordion__button { .faq-accordion .accordion .accordion__item .accordion__button {
padding: 15px 20px; padding: 15px 20px;
font-size: 15px; font-size: 15px;
} }
.faq-accordion .accordion .accordion__item .accordion__panel { .faq-accordion .accordion .accordion__item .accordion__panel {
padding: 20px 20px; padding: 20px 20px;
} }
} }
/* 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) {
.call-back-request-area .container-fluid { .call-back-request-area .container-fluid {
max-width: 540px; max-width: 540px;
} }
.productsQuickView .modal-content .products-content { .productsQuickView .modal-content .products-content {
margin-top: 0; margin-top: 0;
} }
.blog-details-desc .article-footer { .blog-details-desc .article-footer {
text-align: start; text-align: start;
} }
.blog-details-desc .article-footer .article-tags { .blog-details-desc .article-footer .article-tags {
flex: 0 0 57%; flex: 0 0 57%;
max-width: 57%; max-width: 57%;
} }
.blog-details-desc .article-footer .article-share { .blog-details-desc .article-footer .article-share {
flex: 0 0 43%; flex: 0 0 43%;
max-width: 43%; max-width: 43%;
margin-top: 0; margin-top: 0;
} }
.blog-details-desc .article-footer .article-share .social { .blog-details-desc .article-footer .article-share .social {
text-align: end; text-align: end;
} }
.copyright-area { .copyright-area {
text-align: left; text-align: left;
} }
.copyright-area .social-links { .copyright-area .social-links {
text-align: end; text-align: end;
margin-top: 0; margin-top: 0;
} }
.about-content .features-list { .about-content .features-list {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
...@@ -1498,162 +1918,206 @@ ...@@ -1498,162 +1918,206 @@
margin-left: -10px; margin-left: -10px;
margin-right: -10px; margin-right: -10px;
} }
.about-content .features-list li { .about-content .features-list li {
flex: 0 0 auto; flex: 0 0 auto;
width: 50%; width: 50%;
} }
} }
/* Min width 768px to Max width 991px */ /* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) { @media only screen and (min-width: 768px) and (max-width: 991px) {
body { body {
font-size: 14px; font-size: 14px;
} }
p { p {
font-size: 14px; font-size: 14px;
} }
.ptb-100 { .ptb-100 {
padding-top: 80px; padding-top: 80px;
padding-bottom: 80px; padding-bottom: 80px;
} }
.pt-100 { .pt-100 {
padding-top: 80px; padding-top: 80px;
} }
.pb-100 { .pb-100 {
padding-bottom: 80px; padding-bottom: 80px;
} }
.ptb-70 { .ptb-70 {
padding-top: 50px; padding-top: 50px;
padding-bottom: 50px; padding-bottom: 50px;
} }
.pt-70 { .pt-70 {
padding-top: 50px; padding-top: 50px;
} }
.pb-70 { .pb-70 {
padding-bottom: 50px; padding-bottom: 50px;
} }
.default-btn { .default-btn {
font-size: 14px; font-size: 14px;
padding-top: 11px; padding-top: 11px;
padding-bottom: 11px; padding-bottom: 11px;
} }
.default-btn i { .default-btn i {
right: 4px; right: 4px;
} }
.section-title { .section-title {
margin-bottom: 50px; margin-bottom: 50px;
max-width: 100%; max-width: 100%;
} }
.section-title .sub-title { .section-title .sub-title {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 14px; font-size: 14px;
} }
.section-title h2 { .section-title h2 {
font-size: 30px; font-size: 30px;
} }
.section-title p { .section-title p {
max-width: 540px; max-width: 540px;
margin-top: 10px; margin-top: 10px;
} }
.form-control { .form-control {
font-size: 14px; font-size: 14px;
} }
.top-header-area .container-fluid { .top-header-area .container-fluid {
max-width: 720px; max-width: 720px;
padding-right: var(--bs-gutter-x, 0.75rem); padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem);
} }
.top-header-social-links li { .top-header-social-links li {
margin-right: 10px; margin-right: 10px;
} }
.top-header-social-links li a { .top-header-social-links li a {
font-size: 15px; font-size: 15px;
} }
.top-header-contact-info li { .top-header-contact-info li {
margin-right: 8px; margin-right: 8px;
font-size: 13.5px; font-size: 13.5px;
padding-left: 18px; padding-left: 18px;
} }
.top-header-contact-info li i { .top-header-contact-info li i {
top: 1.5px; top: 1.5px;
font-size: 14px; font-size: 14px;
} }
.header-area .top-header-area { .header-area .top-header-area {
text-align: center; text-align: center;
} }
.header-area .top-header-area .container-fluid { .header-area .top-header-area .container-fluid {
max-width: 100%; max-width: 100%;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
} }
.header-area .top-header-area .top-header-left-side .d-flex { .header-area .top-header-area .top-header-left-side .d-flex {
justify-content: center; justify-content: center;
} }
.header-area .top-header-area .language-switcher .dropdown-toggle { .header-area .top-header-area .language-switcher .dropdown-toggle {
font-size: 14px; font-size: 14px;
} }
.header-area .top-header-area .language-switcher .dropdown-toggle img { .header-area .top-header-area .language-switcher .dropdown-toggle img {
width: 30px; width: 30px;
} }
.header-area .top-header-area .language-switcher .dropdown-toggle span i { .header-area .top-header-area .language-switcher .dropdown-toggle span i {
margin-top: 0; margin-top: 0;
font-size: 17px; font-size: 17px;
} }
.header-area .top-header-area .language-switcher .dropdown-menu { .header-area .top-header-area .language-switcher .dropdown-menu {
min-width: 6rem; min-width: 6rem;
} }
.header-area .top-header-area .top-header-contact-info { .header-area .top-header-area .top-header-contact-info {
text-align: center; text-align: center;
} }
.navbar-area { .navbar-area {
padding: 0; padding: 0;
} }
.navbar-area.navbar-style-three { .navbar-area.navbar-style-three {
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
} }
.navbar-area.is-sticky { .navbar-area.is-sticky {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.zixon-nav .container-fluid { .zixon-nav .container-fluid {
max-width: 720px; max-width: 720px;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
} }
.zixon-nav .navbar .navbar-nav .nav-item { .zixon-nav .navbar .navbar-nav .nav-item {
margin-left: 7px; margin-left: 7px;
margin-right: 7px; margin-right: 7px;
} }
.zixon-nav .navbar .navbar-nav .nav-item a { .zixon-nav .navbar .navbar-nav .nav-item a {
font-size: 15px; font-size: 15px;
} }
.zixon-nav .navbar .navbar-nav .nav-item .dropdown-toggle { .zixon-nav .navbar .navbar-nav .nav-item .dropdown-toggle {
padding-right: 11px; padding-right: 11px;
} }
.zixon-nav .navbar .navbar-nav .nav-item .dropdown-toggle::before { .zixon-nav .navbar .navbar-nav .nav-item .dropdown-toggle::before {
top: 30px; top: 30px;
font-size: 13px; font-size: 13px;
} }
.zixon-nav .navbar .others-option { .zixon-nav .navbar .others-option {
margin-left: 0; margin-left: 0;
} }
.zixon-nav .navbar .others-option .search-icon { .zixon-nav .navbar .others-option .search-icon {
font-size: 18px; font-size: 18px;
} }
.main-banner-area { .main-banner-area {
padding-top: 80px; padding-top: 80px;
border-top: 1px solid #eeeeee; border-top: 1px solid #eeeeee;
} }
.main-banner-content { .main-banner-content {
text-align: center; text-align: center;
} }
.main-banner-content .sub-title { .main-banner-content .sub-title {
font-size: 14px; font-size: 14px;
} }
.main-banner-content h1 { .main-banner-content h1 {
font-size: 40px; font-size: 40px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.main-banner-content p { .main-banner-content p {
padding-left: 0; padding-left: 0;
font-size: 15px; font-size: 15px;
...@@ -1662,58 +2126,74 @@ ...@@ -1662,58 +2126,74 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.main-banner-content .btn-box { .main-banner-content .btn-box {
margin-top: 25px; margin-top: 25px;
} }
.main-banner-content .btn-box .default-btn { .main-banner-content .btn-box .default-btn {
margin-left: 7px; margin-left: 7px;
margin-right: 7px; margin-right: 7px;
} }
.main-banner-content .btn-box .default-btn:first-child { .main-banner-content .btn-box .default-btn:first-child {
margin-left: 0; margin-left: 0;
} }
.main-banner-image { .main-banner-image {
margin-top: 35px; margin-top: 35px;
} }
.single-banner-item { .single-banner-item {
padding-top: 80px; padding-top: 80px;
} }
.banner-item-content { .banner-item-content {
text-align: center; text-align: center;
} }
.banner-item-content .sub-title { .banner-item-content .sub-title {
font-size: 14px; font-size: 14px;
} }
.banner-item-content h1 { .banner-item-content h1 {
font-size: 42px; font-size: 42px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.banner-item-content p { .banner-item-content p {
font-size: 15px; font-size: 15px;
max-width: 540px; max-width: 540px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.banner-item-content .btn-box { .banner-item-content .btn-box {
margin-top: 25px; margin-top: 25px;
} }
.banner-item-content .btn-box .default-btn { .banner-item-content .btn-box .default-btn {
margin-left: 7px; margin-left: 7px;
margin-right: 7px; margin-right: 7px;
} }
.banner-item-content .btn-box .default-btn:first-child { .banner-item-content .btn-box .default-btn:first-child {
margin-left: 0; margin-left: 0;
} }
.banner-item-image { .banner-item-image {
margin-top: 30px; margin-top: 30px;
} }
.banner-area { .banner-area {
padding-bottom: 80px; padding-bottom: 80px;
padding-top: 140px; padding-top: 140px;
} }
.banner-content { .banner-content {
text-align: center; text-align: center;
} }
.banner-content .sub-title { .banner-content .sub-title {
font-size: 14px; font-size: 14px;
border-left: none; border-left: none;
...@@ -1721,80 +2201,106 @@ ...@@ -1721,80 +2201,106 @@
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.banner-content h1 { .banner-content h1 {
font-size: 42px; font-size: 42px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.banner-content p { .banner-content p {
font-size: 15px; font-size: 15px;
max-width: 540px; max-width: 540px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.banner-image { .banner-image {
padding-left: 0; padding-left: 0;
margin-top: 30px; margin-top: 30px;
} }
.shape1, .shape2, .shape4, .shape3, .shape5, .shape6, .shape7 {
.shape1,
.shape2,
.shape4,
.shape3,
.shape5,
.shape6,
.shape7 {
display: none; display: none;
} }
.single-services-box .content { .single-services-box .content {
padding: 20px 20px 25px; padding: 20px 20px 25px;
} }
.single-services-box .content h3 { .single-services-box .content h3 {
font-size: 18px; font-size: 18px;
} }
.services-box { .services-box {
padding: 25px; padding: 25px;
} }
.services-box .icon { .services-box .icon {
position: relative; position: relative;
margin-right: 10px; margin-right: 10px;
font-size: 35px; font-size: 35px;
top: -2px; top: -2px;
} }
.services-box h3 { .services-box h3 {
font-size: 18px; font-size: 18px;
} }
.single-services-item { .single-services-item {
padding: 25px 20px; padding: 25px 20px;
} }
.single-services-item .icon { .single-services-item .icon {
width: 75px; width: 75px;
height: 75px; height: 75px;
font-size: 41px; font-size: 41px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.single-services-item h3 { .single-services-item h3 {
font-size: 18px; font-size: 18px;
} }
.about-image { .about-image {
padding-right: 0; padding-right: 0;
margin-bottom: 30px; margin-bottom: 30px;
} }
.about-image.bg-image { .about-image.bg-image {
height: auto; height: auto;
background-image: unset !important; background-image: unset !important;
margin-right: 0; margin-right: 0;
} }
.about-image.bg-image img { .about-image.bg-image img {
display: inline-block; display: inline-block;
} }
.about-content { .about-content {
padding-left: 0; padding-left: 0;
text-align: center; text-align: center;
} }
.about-content .sub-title { .about-content .sub-title {
font-size: 14px; font-size: 14px;
} }
.about-content h2 { .about-content h2 {
font-size: 30px; font-size: 30px;
} }
.about-content p { .about-content p {
max-width: 540px; max-width: 540px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.about-content .single-about-box .icon { .about-content .single-about-box .icon {
font-size: 35px; font-size: 35px;
width: 70px; width: 70px;
...@@ -1802,9 +2308,11 @@ ...@@ -1802,9 +2308,11 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.about-content .single-about-box h3 { .about-content .single-about-box h3 {
font-size: 18px; font-size: 18px;
} }
.about-content .features-list { .about-content .features-list {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
...@@ -1812,12 +2320,14 @@ ...@@ -1812,12 +2320,14 @@
margin-left: -10px; margin-left: -10px;
margin-right: -10px; margin-right: -10px;
} }
.about-content .features-list li { .about-content .features-list li {
flex: 0 0 auto; flex: 0 0 auto;
width: 50%; width: 50%;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
.about-content .features-list li .number { .about-content .features-list li .number {
position: relative; position: relative;
top: 0; top: 0;
...@@ -1825,32 +2335,41 @@ ...@@ -1825,32 +2335,41 @@
left: 0; left: 0;
margin-bottom: 15px; margin-bottom: 15px;
} }
.about-content .features-list li h3 { .about-content .features-list li h3 {
font-size: 18px; font-size: 18px;
} }
.about-content .default-btn { .about-content .default-btn {
margin-top: 30px; margin-top: 30px;
} }
.about-img { .about-img {
background-image: unset !important; background-image: unset !important;
height: auto; height: auto;
} }
.about-img img { .about-img img {
display: inline-block; display: inline-block;
} }
.about-text { .about-text {
border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px;
padding: 40px 20px; padding: 40px 20px;
} }
.about-text .sub-title { .about-text .sub-title {
font-size: 14px; font-size: 14px;
} }
.about-text h2 { .about-text h2 {
font-size: 30px; font-size: 30px;
} }
.about-text .single-about-box { .about-text .single-about-box {
text-align: center; text-align: center;
} }
.about-text .single-about-box .icon { .about-text .single-about-box .icon {
font-size: 35px; font-size: 35px;
width: 70px; width: 70px;
...@@ -1858,173 +2377,222 @@ ...@@ -1858,173 +2377,222 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.about-text .single-about-box h3 { .about-text .single-about-box h3 {
font-size: 18px; font-size: 18px;
} }
.about-text .about-btn { .about-text .about-btn {
text-align: center; text-align: center;
} }
.funfacts-area.bg-color { .funfacts-area.bg-color {
padding-top: 120px; padding-top: 120px;
padding-bottom: 90px; padding-bottom: 90px;
} }
.single-funfacts-box h3 { .single-funfacts-box h3 {
font-size: 45px; font-size: 45px;
} }
.single-funfacts-box p { .single-funfacts-box p {
font-size: 15px; font-size: 15px;
} }
.funfacts-box i { .funfacts-box i {
font-size: 50px; font-size: 50px;
margin-top: 0; margin-top: 0;
margin-bottom: 13px; margin-bottom: 13px;
} }
.funfacts-box h3 { .funfacts-box h3 {
font-size: 40px; font-size: 40px;
} }
.funfacts-box p { .funfacts-box p {
font-size: 15px; font-size: 15px;
} }
.single-projects-box h3 { .single-projects-box h3 {
font-size: 18px; font-size: 18px;
margin-top: 20px; margin-top: 20px;
} }
.single-testimonial-box .testimonial-desc { .single-testimonial-box .testimonial-desc {
padding-right: 0; padding-right: 0;
} }
.single-testimonial-box .testimonial-desc i { .single-testimonial-box .testimonial-desc i {
top: 10px; top: 10px;
left: -8px; left: -8px;
font-size: 75px; font-size: 75px;
margin-top: -22px; margin-top: -22px;
} }
.single-testimonial-box .testimonial-desc p { .single-testimonial-box .testimonial-desc p {
font-size: 15px; font-size: 15px;
} }
.single-testimonial-box .testimonial-desc .info h3 { .single-testimonial-box .testimonial-desc .info h3 {
font-size: 16px; font-size: 16px;
} }
.single-testimonial-box .testimonial-desc .info span { .single-testimonial-box .testimonial-desc .info span {
font-size: 14px; font-size: 14px;
} }
.testimonial-content { .testimonial-content {
text-align: center; text-align: center;
} }
.testimonial-content .sub-title { .testimonial-content .sub-title {
font-size: 14px; font-size: 14px;
} }
.testimonial-content h2 { .testimonial-content h2 {
font-size: 30px; font-size: 30px;
} }
.testimonial-content h2::before { .testimonial-content h2::before {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.testimonial-content .testimonial-desc p { .testimonial-content .testimonial-desc p {
font-size: 15px; font-size: 15px;
} }
.testimonial-content .testimonial-desc .info h3 { .testimonial-content .testimonial-desc .info h3 {
font-size: 16px; font-size: 16px;
} }
.testimonial-content .testimonial-desc .info span { .testimonial-content .testimonial-desc .info span {
font-size: 14px; font-size: 14px;
} }
.testimonial-img { .testimonial-img {
margin-top: 30px; margin-top: 30px;
} }
.what-we-do-image { .what-we-do-image {
padding-right: 0; padding-right: 0;
margin-right: 0; margin-right: 0;
margin-bottom: 30px; margin-bottom: 30px;
} }
.what-we-do-image .shape { .what-we-do-image .shape {
display: none; display: none;
} }
.what-we-do-content { .what-we-do-content {
padding-left: 0; padding-left: 0;
} }
.what-we-do-content .sub-title { .what-we-do-content .sub-title {
font-size: 14px; font-size: 14px;
} }
.what-we-do-content h2 { .what-we-do-content h2 {
font-size: 30px; font-size: 30px;
} }
.what-we-do-content .react-tabs__tab-list { .what-we-do-content .react-tabs__tab-list {
justify-content: center; justify-content: center;
} }
.what-we-do-content .react-tabs__tab-list .react-tabs__tab { .what-we-do-content .react-tabs__tab-list .react-tabs__tab {
margin-left: 8px; margin-left: 8px;
margin-right: 8px; margin-right: 8px;
} }
.what-we-do-content .react-tabs__tab-list .react-tabs__tab:first-child { .what-we-do-content .react-tabs__tab-list .react-tabs__tab:first-child {
margin-left: 0; margin-left: 0;
} }
.what-we-do-text { .what-we-do-text {
padding-right: 0; padding-right: 0;
text-align: center; text-align: center;
} }
.what-we-do-text .sub-title { .what-we-do-text .sub-title {
font-size: 14px; font-size: 14px;
} }
.what-we-do-text h2 { .what-we-do-text h2 {
font-size: 30px; font-size: 30px;
} }
.what-we-do-text p { .what-we-do-text p {
max-width: 640px; max-width: 640px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.what-we-do-img { .what-we-do-img {
padding-left: 0; padding-left: 0;
margin-top: 30px; margin-top: 30px;
} }
.single-team-member { .single-team-member {
text-align: center; text-align: center;
} }
.single-team-member .content h3 { .single-team-member .content h3 {
font-size: 18px; font-size: 18px;
} }
.single-team-member .content span { .single-team-member .content span {
font-size: 14px; font-size: 14px;
} }
.single-team-member .content .social-links li { .single-team-member .content .social-links li {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
} }
.single-team-member .content .social-links li a { .single-team-member .content .social-links li a {
font-size: 17px; font-size: 17px;
} }
.single-team-member .content .social-links li:first-child { .single-team-member .content .social-links li:first-child {
margin-left: 0; margin-left: 0;
} }
.why-choose-us-image { .why-choose-us-image {
padding-right: 0; padding-right: 0;
margin-bottom: 30px; margin-bottom: 30px;
} }
.why-choose-us-image.bg-image { .why-choose-us-image.bg-image {
margin-right: 0; margin-right: 0;
background-image: unset !important; background-image: unset !important;
} }
.why-choose-us-image.bg-image img { .why-choose-us-image.bg-image img {
display: inline-block; display: inline-block;
} }
.why-choose-us-content { .why-choose-us-content {
padding-left: 0; padding-left: 0;
} }
.why-choose-us-content .sub-title { .why-choose-us-content .sub-title {
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
} }
.why-choose-us-content h2 { .why-choose-us-content h2 {
font-size: 30px; font-size: 30px;
text-align: center; text-align: center;
} }
.why-choose-us-content p { .why-choose-us-content p {
text-align: center; text-align: center;
max-width: 540px; max-width: 540px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.why-choose-us-content .choose-list { .why-choose-us-content .choose-list {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
...@@ -2032,12 +2600,14 @@ ...@@ -2032,12 +2600,14 @@
margin-left: -10px; margin-left: -10px;
margin-right: -10px; margin-right: -10px;
} }
.why-choose-us-content .choose-list li { .why-choose-us-content .choose-list li {
flex: 0 0 auto; flex: 0 0 auto;
width: 50%; width: 50%;
border: 1px solid #eee; border: 1px solid #eee;
padding: 30px 25px; padding: 30px 25px;
} }
.why-choose-us-content .choose-list li i { .why-choose-us-content .choose-list li i {
display: inline-block; display: inline-block;
margin-bottom: 20px; margin-bottom: 20px;
...@@ -2045,119 +2615,152 @@ ...@@ -2045,119 +2615,152 @@
left: 0; left: 0;
top: 0; top: 0;
} }
.why-choose-us-content .choose-list li h3 { .why-choose-us-content .choose-list li h3 {
font-size: 18px; font-size: 18px;
} }
.why-choose-us-content .choose-list li p { .why-choose-us-content .choose-list li p {
text-align: left; text-align: left;
} }
.why-choose-us-content .read-more-btn { .why-choose-us-content .read-more-btn {
text-align: center; text-align: center;
} }
.single-why-choose-us-box .icon { .single-why-choose-us-box .icon {
width: 75px; width: 75px;
height: 75px; height: 75px;
font-size: 35px; font-size: 35px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.single-why-choose-us-box h3 { .single-why-choose-us-box h3 {
font-size: 18px; font-size: 18px;
} }
.free-quote-area.bg-color { .free-quote-area.bg-color {
padding-top: 120px; padding-top: 120px;
padding-bottom: 120px; padding-bottom: 120px;
} }
.free-quote-content { .free-quote-content {
text-align: center; text-align: center;
margin-bottom: 50px; margin-bottom: 50px;
} }
.free-quote-content .sub-title { .free-quote-content .sub-title {
font-size: 14px; font-size: 14px;
} }
.free-quote-content h2 { .free-quote-content h2 {
font-size: 30px; font-size: 30px;
} }
.free-quote-content::before { .free-quote-content::before {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.free-quote-form { .free-quote-form {
margin-left: 0; margin-left: 0;
border-radius: 10px; border-radius: 10px;
padding: 40px 30px 20px; padding: 40px 30px 20px;
} }
.free-quote-form h3 { .free-quote-form h3 {
font-size: 18px; font-size: 18px;
} }
.free-quote-form form .form-group { .free-quote-form form .form-group {
margin-bottom: 20px; margin-bottom: 20px;
} }
.free-quote-form form label { .free-quote-form form label {
font-size: 14px; font-size: 14px;
} }
.free-quote-form form .form-select { .free-quote-form form .form-select {
font-size: 14px; font-size: 14px;
} }
.free-quote-image { .free-quote-image {
padding-right: 0; padding-right: 0;
margin-bottom: 30px; margin-bottom: 30px;
} }
.free-quote-text { .free-quote-text {
padding-left: 0; padding-left: 0;
text-align: center; text-align: center;
} }
.free-quote-text .sub-title { .free-quote-text .sub-title {
font-size: 14px; font-size: 14px;
} }
.free-quote-text h2 { .free-quote-text h2 {
font-size: 30px; font-size: 30px;
} }
.free-quote-text form .form-group { .free-quote-text form .form-group {
margin-bottom: 20px; margin-bottom: 20px;
} }
.free-quote-text form label { .free-quote-text form label {
font-size: 14px; font-size: 14px;
} }
.free-quote-text form .form-select { .free-quote-text form .form-select {
font-size: 14px; font-size: 14px;
} }
.free-quote-inner { .free-quote-inner {
padding-top: 80px; padding-top: 80px;
padding-left: 30px; padding-left: 30px;
padding-right: 30px; padding-right: 30px;
padding-bottom: 60px; padding-bottom: 60px;
} }
.free-quote-inner form { .free-quote-inner form {
max-width: 100%; max-width: 100%;
} }
.free-quote-inner form .form-group { .free-quote-inner form .form-group {
margin-bottom: 20px; margin-bottom: 20px;
} }
.free-quote-inner form label { .free-quote-inner form label {
font-size: 14px; font-size: 14px;
} }
.free-quote-inner form .form-select { .free-quote-inner form .form-select {
font-size: 14px; font-size: 14px;
} }
.call-back-request-area .container-fluid { .call-back-request-area .container-fluid {
max-width: 720px; max-width: 720px;
} }
.call-back-request-content { .call-back-request-content {
padding-right: 0; padding-right: 0;
max-width: 100%; max-width: 100%;
margin-left: 0; margin-left: 0;
} }
.call-back-request-content .sub-title { .call-back-request-content .sub-title {
font-size: 14px; font-size: 14px;
} }
.call-back-request-content h2 { .call-back-request-content h2 {
font-size: 30px; font-size: 30px;
} }
.call-back-request-content .single-call-back-box { .call-back-request-content .single-call-back-box {
text-align: center; text-align: center;
border: 1px solid #eee; border: 1px solid #eee;
padding: 25px 7px; padding: 25px 7px;
} }
.call-back-request-content .single-call-back-box .icon { .call-back-request-content .single-call-back-box .icon {
font-size: 35px; font-size: 35px;
width: 70px; width: 70px;
...@@ -2165,29 +2768,37 @@ ...@@ -2165,29 +2768,37 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.call-back-request-content .single-call-back-box h3 { .call-back-request-content .single-call-back-box h3 {
font-size: 15px; font-size: 15px;
} }
.call-back-request-content .request-btn { .call-back-request-content .request-btn {
text-align: center; text-align: center;
} }
.call-back-request-image { .call-back-request-image {
margin-right: 0; margin-right: 0;
margin-top: 30px; margin-top: 30px;
} }
.call-back-request-img { .call-back-request-img {
padding-right: 0; padding-right: 0;
margin-bottom: 30px; margin-bottom: 30px;
} }
.call-back-request-text { .call-back-request-text {
text-align: center; text-align: center;
} }
.call-back-request-text .sub-title { .call-back-request-text .sub-title {
font-size: 14px; font-size: 14px;
} }
.call-back-request-text h2 { .call-back-request-text h2 {
font-size: 30px; font-size: 30px;
} }
.call-back-request-text .single-call-back-box .icon { .call-back-request-text .single-call-back-box .icon {
font-size: 35px; font-size: 35px;
width: 70px; width: 70px;
...@@ -2195,253 +2806,345 @@ ...@@ -2195,253 +2806,345 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.call-back-request-text .single-call-back-box h3 { .call-back-request-text .single-call-back-box h3 {
font-size: 18px; font-size: 18px;
} }
.single-blog-post .post-content { .single-blog-post .post-content {
padding: 20px 25px 25px; padding: 20px 25px 25px;
} }
.single-blog-post .post-content .meta li { .single-blog-post .post-content .meta li {
padding-left: 20px; padding-left: 20px;
margin-right: 10px; margin-right: 10px;
} }
.single-blog-post .post-content h3 { .single-blog-post .post-content h3 {
font-size: 18px; font-size: 18px;
} }
.single-blog-item .post-content { .single-blog-item .post-content {
padding: 25px 20px; padding: 25px 20px;
} }
.single-blog-item .post-content .meta li { .single-blog-item .post-content .meta li {
padding-left: 20px; padding-left: 20px;
margin-right: 10px; margin-right: 10px;
} }
.single-blog-item .post-content h3 { .single-blog-item .post-content h3 {
font-size: 18px; font-size: 18px;
} }
.page-title-area { .page-title-area {
padding-top: 70px; padding-top: 70px;
padding-bottom: 70px; padding-bottom: 70px;
} }
.page-title-area.page-title-style-two { .page-title-area.page-title-style-two {
padding-top: 70px; padding-top: 70px;
} }
.page-title-area.bg-black { .page-title-area.bg-black {
padding-top: 130px; padding-top: 130px;
} }
.page-title-content h2 { .page-title-content h2 {
font-size: 30px; font-size: 30px;
} }
.page-title-content ul { .page-title-content ul {
margin-top: 12px; margin-top: 12px;
} }
.page-title-content ul li::before { .page-title-content ul li::before {
top: -0.7px; top: -0.7px;
} }
.company-history-content { .company-history-content {
max-width: 100%; max-width: 100%;
} }
.company-history-content .timeline-content h3 { .company-history-content .timeline-content h3 {
font-size: 18px; font-size: 18px;
} }
.company-history-content .timeline-info .sub-title span { .company-history-content .timeline-info .sub-title span {
font-size: 16px; font-size: 16px;
} }
.faq-accordion { .faq-accordion {
max-width: 100%; max-width: 100%;
} }
.faq-accordion .accordion__item .accordion__button { .faq-accordion .accordion__item .accordion__button {
font-size: 16px; font-size: 16px;
} }
.signin-form { .signin-form {
padding: 30px; padding: 30px;
} }
.signin-form h2 { .signin-form h2 {
font-size: 30px; font-size: 30px;
} }
.signup-form { .signup-form {
padding: 30px; padding: 30px;
} }
.signup-form h2 { .signup-form h2 {
font-size: 30px; font-size: 30px;
} }
.privacy-policy-content h3 { .privacy-policy-content h3 {
font-size: 18px; font-size: 18px;
} }
.terms-conditions-content h3 { .terms-conditions-content h3 {
font-size: 18px; font-size: 18px;
} }
.coming-soon-image { .coming-soon-image {
height: auto; height: auto;
background-image: unset !important; background-image: unset !important;
} }
.coming-soon-image img { .coming-soon-image img {
display: inline-block; display: inline-block;
} }
.coming-soon-content { .coming-soon-content {
height: auto; height: auto;
padding-top: 80px; padding-top: 80px;
padding-bottom: 80px; padding-bottom: 80px;
} }
.coming-soon-content h2 { .coming-soon-content h2 {
font-size: 30px; font-size: 30px;
} }
.coming-soon-content form .default-btn { .coming-soon-content form .default-btn {
bottom: 8px; bottom: 8px;
} }
.services-details-desc h3 { .services-details-desc h3 {
font-size: 18px; font-size: 18px;
} }
.widget-area { .widget-area {
padding-left: 0; padding-left: 0;
margin-top: 40px; margin-top: 40px;
} }
.widget-area .widget .widget-title { .widget-area .widget .widget-title {
padding-bottom: 10px; padding-bottom: 10px;
font-size: 18px; font-size: 18px;
} }
.widget-area .widget_tag_cloud .tagcloud a { .widget-area .widget_tag_cloud .tagcloud a {
font-size: 13.5px !important; font-size: 13.5px !important;
} }
.widget-area .widget_enry_posts_thumb .item .info { .widget-area .widget_enry_posts_thumb .item .info {
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
} }
.widget-area .widget_enry_posts_thumb .item .info .title { .widget-area .widget_enry_posts_thumb .item .info .title {
font-size: 13px; font-size: 13px;
} }
.widget-area .widget_newsletter h4 { .widget-area .widget_newsletter h4 {
font-size: 17px; font-size: 17px;
} }
.projects-details-desc h3 { .projects-details-desc h3 {
font-size: 18px; font-size: 18px;
} }
.projects-details-desc .wp-block-gallery.columns-3 { .projects-details-desc .wp-block-gallery.columns-3 {
margin-bottom: 15px; margin-bottom: 15px;
margin-top: 20px; margin-top: 20px;
} }
.projects-details-info { .projects-details-info {
margin-left: 0; margin-left: 0;
margin-top: 30px; margin-top: 30px;
} }
.projects-details-info ul li span { .projects-details-info ul li span {
font-size: 16px; font-size: 16px;
} }
.enry-grid-sorting { .enry-grid-sorting {
margin-bottom: 30px; margin-bottom: 30px;
} }
.enry-grid-sorting .ordering select { .enry-grid-sorting .ordering select {
font-size: 14px; font-size: 14px;
} }
.single-products-box .image .buttons-list li { .single-products-box .image .buttons-list li {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
transform: translateY(0); transform: translateY(0);
} }
.single-products-box .content h3 { .single-products-box .content h3 {
font-size: 18px; font-size: 18px;
} }
.single-products-box .content .rating i { .single-products-box .content .rating i {
font-size: 16px; font-size: 16px;
} }
.single-products-box .content .price span { .single-products-box .content .price span {
font-size: 14px; font-size: 14px;
} }
.productsQuickView .modal-dialog { .productsQuickView .modal-dialog {
max-width: 740px; max-width: 740px;
} }
.productsQuickView .modal-content { .productsQuickView .modal-content {
padding: 20px; padding: 20px;
} }
.productsQuickView .modal-content .products-content h3 { .productsQuickView .modal-content .products-content h3 {
font-size: 18px; font-size: 18px;
} }
.productsQuickView .modal-content .products-content .price { .productsQuickView .modal-content .products-content .price {
font-size: 15px; font-size: 15px;
} }
.cart-table-desc table thead tr th { .cart-table-desc table thead tr th {
font-size: 15px; font-size: 15px;
} }
.cart-table-desc table tbody tr td { .cart-table-desc table tbody tr td {
font-size: 14.5px; font-size: 14.5px;
} }
.cart-buttons-desc .shopping-coupon-code .form-control { .cart-buttons-desc .shopping-coupon-code .form-control {
height: 45px; height: 45px;
} }
.cart-buttons-desc .shopping-coupon-code button { .cart-buttons-desc .shopping-coupon-code button {
font-size: 14px; font-size: 14px;
height: 45px; height: 45px;
} }
.cart-totals-desc { .cart-totals-desc {
margin-top: 30px; margin-top: 30px;
} }
.billing-details-desc h3 { .billing-details-desc h3 {
font-size: 18px; font-size: 18px;
} }
.order-details-desc { .order-details-desc {
margin-top: 30px; margin-top: 30px;
} }
.order-details-desc h3 { .order-details-desc h3 {
font-size: 18px; font-size: 18px;
} }
.products-details-image { .products-details-image {
padding-right: 0; padding-right: 0;
} }
.products-details-desc { .products-details-desc {
padding-left: 0; padding-left: 0;
margin-top: 30px; margin-top: 30px;
} }
.products-details-desc h3 { .products-details-desc h3 {
font-size: 18px; font-size: 18px;
} }
.products-details-desc .price { .products-details-desc .price {
font-size: 15px; font-size: 15px;
} }
.products-details-tabs .single-tabs-box h2 { .products-details-tabs .single-tabs-box h2 {
font-size: 20px; font-size: 20px;
} }
.products-details-tabs .single-tabs-box .inner-box h3 { .products-details-tabs .single-tabs-box .inner-box h3 {
font-size: 18px; font-size: 18px;
} }
.products-details-tabs .single-tabs-box .inner-box .table-striped tbody tr td { .products-details-tabs .single-tabs-box .inner-box .table-striped tbody tr td {
font-size: 14px; font-size: 14px;
} }
.blog-details-desc .article-content h3 { .blog-details-desc .article-content h3 {
font-size: 18px; font-size: 18px;
} }
.blog-details-desc .article-footer .article-tags a { .blog-details-desc .article-footer .article-tags a {
font-size: 13.5px; font-size: 13.5px;
} }
blockquote, .blockquote {
blockquote,
.blockquote {
padding: 35px !important; padding: 35px !important;
} }
blockquote p, .blockquote p {
blockquote p,
.blockquote p {
font-size: 17px !important; font-size: 17px !important;
} }
.comments-area .comments-title { .comments-area .comments-title {
font-size: 18px; font-size: 18px;
} }
.comments-area .comment-author { .comments-area .comment-author {
font-size: 15px; font-size: 15px;
} }
.comments-area .comment-respond .comment-reply-title { .comments-area .comment-respond .comment-reply-title {
font-size: 18px; font-size: 18px;
} }
.comments-area .comment-respond .form-submit input { .comments-area .comment-respond .form-submit input {
font-size: 14px; font-size: 14px;
} }
.comments-area .comment-respond input[type=date], .comments-area .comment-respond input[type=time], .comments-area .comment-respond input[type=datetime-local], .comments-area .comment-respond input[type=week], .comments-area .comment-respond input[type=month], .comments-area .comment-respond input[type=text], .comments-area .comment-respond input[type=email], .comments-area .comment-respond input[type=url], .comments-area .comment-respond input[type=password], .comments-area .comment-respond input[type=search], .comments-area .comment-respond input[type=tel], .comments-area .comment-respond input[type=number], .comments-area .comment-respond textarea {
.comments-area .comment-respond input[type=date],
.comments-area .comment-respond input[type=time],
.comments-area .comment-respond input[type=datetime-local],
.comments-area .comment-respond input[type=week],
.comments-area .comment-respond input[type=month],
.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=url],
.comments-area .comment-respond input[type=password],
.comments-area .comment-respond input[type=search],
.comments-area .comment-respond input[type=tel],
.comments-area .comment-respond input[type=number],
.comments-area .comment-respond textarea {
font-size: 14.5px; font-size: 14.5px;
} }
.contact-content { .contact-content {
padding-right: 0; padding-right: 0;
text-align: center; text-align: center;
} }
.contact-content .sub-title { .contact-content .sub-title {
font-size: 14px; font-size: 14px;
} }
.contact-content h2 { .contact-content h2 {
font-size: 30px; font-size: 30px;
} }
.contact-content .single-contact-info-box .icon { .contact-content .single-contact-info-box .icon {
width: 70px; width: 70px;
height: 70px; height: 70px;
...@@ -2449,613 +3152,814 @@ ...@@ -2449,613 +3152,814 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.contact-content .single-contact-info-box h3 { .contact-content .single-contact-info-box h3 {
font-size: 18px; font-size: 18px;
} }
.contact-image { .contact-image {
padding-left: 0; padding-left: 0;
margin-top: 30px; margin-top: 30px;
} }
.maps { .maps {
height: auto; height: auto;
} }
.maps iframe { .maps iframe {
height: 500px; height: 500px;
} }
.contact-form { .contact-form {
padding-left: 0; padding-left: 0;
text-align: center; text-align: center;
} }
.contact-form .sub-title { .contact-form .sub-title {
font-size: 14px; font-size: 14px;
} }
.contact-form h2 { .contact-form h2 {
font-size: 30px; font-size: 30px;
} }
.contact-form form { .contact-form form {
text-align: start; text-align: start;
} }
.footer-area { .footer-area {
padding-top: 120px; padding-top: 120px;
} }
.single-footer-widget .footer-contact-info h5 { .single-footer-widget .footer-contact-info h5 {
font-size: 15px; font-size: 15px;
} }
.single-footer-widget h3 { .single-footer-widget h3 {
font-size: 18px; font-size: 18px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.single-footer-widget.pl-2, .single-footer-widget.pl-4 {
.single-footer-widget.pl-2,
.single-footer-widget.pl-4 {
padding-left: 0; padding-left: 0;
} }
.copyright-area { .copyright-area {
margin-top: 30px; margin-top: 30px;
} }
.copyright-area .social-links li a { .copyright-area .social-links li a {
font-size: 17px; font-size: 17px;
} }
.navbar-area.navbar-style-two { .navbar-area.navbar-style-two {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.navbar-area.navbar-style-two .navbar { .navbar-area.navbar-style-two .navbar {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
box-shadow: none; box-shadow: none;
} }
.zixon-nav .navbar .navbar-nav .nav-item .dropdown-menu { .zixon-nav .navbar .navbar-nav .nav-item .dropdown-menu {
width: 230px; width: 230px;
top: 72px; top: 72px;
} }
.zixon-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { .zixon-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
font-size: 15px; font-size: 15px;
} }
.testimonial-slides .swiper-pagination { .testimonial-slides .swiper-pagination {
text-align: right; text-align: right;
} }
/* heading */
.headings {
font-size: 1.5rem;
}
} }
/* Min width 992px to Max width 1199px */ /* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
.section-title h2 { .section-title h2 {
font-size: 35px; font-size: 35px;
} }
.default-btn { .default-btn {
font-size: 15px; font-size: 15px;
} }
.top-header-area .container-fluid { .top-header-area .container-fluid {
max-width: 960px; max-width: 960px;
padding-right: var(--bs-gutter-x, 0.75rem); padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem);
} }
.top-header-area .language-switcher { .top-header-area .language-switcher {
margin-left: 10px; margin-left: 10px;
} }
.top-header-area .language-switcher .dropdown-toggle { .top-header-area .language-switcher .dropdown-toggle {
font-size: 15px; font-size: 15px;
} }
.top-header-area .language-switcher .dropdown-toggle img { .top-header-area .language-switcher .dropdown-toggle img {
width: 25px; width: 25px;
} }
.top-header-area .language-switcher .dropdown-toggle span { .top-header-area .language-switcher .dropdown-toggle span {
padding-right: 18px; padding-right: 18px;
margin-left: 7px; margin-left: 7px;
} }
.top-header-area .language-switcher .dropdown-toggle span i { .top-header-area .language-switcher .dropdown-toggle span i {
font-size: 17px; font-size: 17px;
} }
.header-area .top-header-area .top-header-social-links li { .header-area .top-header-area .top-header-social-links li {
margin-right: 10px; margin-right: 10px;
} }
.header-area .top-header-area .top-header-social-links li a { .header-area .top-header-area .top-header-social-links li a {
font-size: 15px; font-size: 15px;
} }
.header-area .top-header-area .top-header-inner { .header-area .top-header-area .top-header-inner {
padding-left: 25px; padding-left: 25px;
padding-right: 25px; padding-right: 25px;
} }
.navbar-area.navbar-style-two .navbar { .navbar-area.navbar-style-two .navbar {
padding-left: 25px; padding-left: 25px;
padding-right: 25px; padding-right: 25px;
} }
.zixon-nav .container-fluid { .zixon-nav .container-fluid {
max-width: 960px; max-width: 960px;
padding-right: var(--bs-gutter-x, 0.75rem); padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem);
} }
.zixon-nav .navbar .navbar-nav .nav-item { .zixon-nav .navbar .navbar-nav .nav-item {
margin-left: 12px; margin-left: 12px;
margin-right: 12px; margin-right: 12px;
} }
.main-banner-content h1 { .main-banner-content h1 {
font-size: 50px; font-size: 50px;
} }
.main-banner-content p { .main-banner-content p {
font-size: 16.5px; font-size: 16.5px;
} }
.banner-item-content h1 { .banner-item-content h1 {
font-size: 52px; font-size: 52px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.banner-item-content p { .banner-item-content p {
font-size: 16.5px; font-size: 16.5px;
} }
.banner-content { .banner-content {
padding-right: 0; padding-right: 0;
} }
.banner-content h1 { .banner-content h1 {
font-size: 45px; font-size: 45px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.banner-content p { .banner-content p {
font-size: 16.5px; font-size: 16.5px;
} }
.banner-image { .banner-image {
padding-left: 0; padding-left: 0;
} }
.single-services-box .content { .single-services-box .content {
padding: 15px 15px 20px; padding: 15px 15px 20px;
} }
.single-services-box .content h3 { .single-services-box .content h3 {
font-size: 18px; font-size: 18px;
} }
.single-services-box .content p { .single-services-box .content p {
margin-bottom: 8px; margin-bottom: 8px;
} }
.services-box { .services-box {
padding: 20px; padding: 20px;
} }
.services-box .icon { .services-box .icon {
font-size: 40px; font-size: 40px;
margin-right: 10px; margin-right: 10px;
} }
.services-box h3 { .services-box h3 {
font-size: 17px; font-size: 17px;
} }
.single-services-item { .single-services-item {
padding: 25px 20px; padding: 25px 20px;
} }
.single-services-item h3 { .single-services-item h3 {
font-size: 20px; font-size: 20px;
} }
.about-content { .about-content {
padding-left: 0; padding-left: 0;
} }
.about-content h2 { .about-content h2 {
font-size: 34px; font-size: 34px;
} }
.about-content .single-about-box { .about-content .single-about-box {
margin-top: 25px; margin-top: 25px;
} }
.about-content .single-about-box .icon { .about-content .single-about-box .icon {
width: 70px; width: 70px;
height: 70px; height: 70px;
font-size: 35px; font-size: 35px;
} }
.about-content .single-about-box h3 { .about-content .single-about-box h3 {
font-size: 18px; font-size: 18px;
} }
.about-content .features-list li h3 { .about-content .features-list li h3 {
font-size: 20px; font-size: 20px;
} }
.about-content .default-btn { .about-content .default-btn {
margin-top: 30px; margin-top: 30px;
} }
.about-image { .about-image {
padding-right: 0; padding-right: 0;
} }
.about-text { .about-text {
padding: 80px 30px; padding: 80px 30px;
} }
.about-text h2 { .about-text h2 {
font-size: 35px; font-size: 35px;
} }
.about-text .single-about-box .icon { .about-text .single-about-box .icon {
width: 70px; width: 70px;
height: 70px; height: 70px;
font-size: 35px; font-size: 35px;
} }
.about-text .single-about-box h3 { .about-text .single-about-box h3 {
font-size: 18px; font-size: 18px;
} }
.single-projects-box h3 { .single-projects-box h3 {
font-size: 20px; font-size: 20px;
} }
.single-funfacts-box h3 { .single-funfacts-box h3 {
font-size: 50px; font-size: 50px;
} }
.single-funfacts-box p { .single-funfacts-box p {
font-size: 16px; font-size: 16px;
} }
.funfacts-box i { .funfacts-box i {
font-size: 70px; font-size: 70px;
} }
.funfacts-box h3 { .funfacts-box h3 {
font-size: 50px; font-size: 50px;
} }
.funfacts-box p { .funfacts-box p {
font-size: 16px; font-size: 16px;
} }
.shape1, .shape2, .shape4, .shape3, .shape5, .shape6, .shape7 {
.shape1,
.shape2,
.shape4,
.shape3,
.shape5,
.shape6,
.shape7 {
display: none; display: none;
} }
.what-we-do-image { .what-we-do-image {
padding-right: 0; padding-right: 0;
} }
.what-we-do-image .shape { .what-we-do-image .shape {
display: none; display: none;
} }
.what-we-do-content { .what-we-do-content {
padding-left: 0; padding-left: 0;
} }
.what-we-do-content h2 { .what-we-do-content h2 {
font-size: 34px; font-size: 34px;
} }
.what-we-do-text { .what-we-do-text {
padding-right: 0; padding-right: 0;
} }
.what-we-do-text h2 { .what-we-do-text h2 {
font-size: 35px; font-size: 35px;
} }
.what-we-do-img { .what-we-do-img {
padding-left: 0; padding-left: 0;
} }
.single-team-member .content { .single-team-member .content {
margin-top: 20px; margin-top: 20px;
} }
.single-team-member .content h3 { .single-team-member .content h3 {
font-size: 18px; font-size: 18px;
} }
.single-team-member .content span { .single-team-member .content span {
font-size: 14.5px; font-size: 14.5px;
} }
.single-team-member .content .social-links li a { .single-team-member .content .social-links li a {
font-size: 18px; font-size: 18px;
} }
.free-quote-content h2 { .free-quote-content h2 {
font-size: 35px; font-size: 35px;
} }
.free-quote-form { .free-quote-form {
margin-left: 0; margin-left: 0;
padding: 70px 50px 40px; padding: 70px 50px 40px;
border-radius: 80px 10px 80px 10px; border-radius: 80px 10px 80px 10px;
} }
.free-quote-form form .default-btn { .free-quote-form form .default-btn {
padding: 12px 55px 12px 25px; padding: 12px 55px 12px 25px;
} }
.free-quote-image { .free-quote-image {
padding-right: 0; padding-right: 0;
} }
.free-quote-text { .free-quote-text {
padding-left: 0; padding-left: 0;
} }
.free-quote-text h2 { .free-quote-text h2 {
font-size: 34px; font-size: 34px;
} }
.testimonial-content { .testimonial-content {
padding-right: 0; padding-right: 0;
} }
.testimonial-content h2 { .testimonial-content h2 {
font-size: 35px; font-size: 35px;
} }
.testimonial-content .testimonial-desc p { .testimonial-content .testimonial-desc p {
font-size: 16px; font-size: 16px;
} }
.why-choose-us-image { .why-choose-us-image {
padding-right: 0; padding-right: 0;
} }
.why-choose-us-content { .why-choose-us-content {
padding-left: 0; padding-left: 0;
} }
.why-choose-us-content h2 { .why-choose-us-content h2 {
font-size: 35px; font-size: 35px;
} }
.why-choose-us-content .choose-list li h3 { .why-choose-us-content .choose-list li h3 {
font-size: 18px; font-size: 18px;
} }
.single-why-choose-us-box h3 { .single-why-choose-us-box h3 {
font-size: 20px; font-size: 20px;
} }
.call-back-request-area .container-fluid { .call-back-request-area .container-fluid {
max-width: 960px; max-width: 960px;
} }
.call-back-request-content { .call-back-request-content {
max-width: 100%; max-width: 100%;
margin-left: 0; margin-left: 0;
padding-right: 0; padding-right: 0;
} }
.call-back-request-content h2 { .call-back-request-content h2 {
font-size: 34px; font-size: 34px;
} }
.call-back-request-content .single-call-back-box .icon { .call-back-request-content .single-call-back-box .icon {
width: 70px; width: 70px;
height: 70px; height: 70px;
font-size: 35px; font-size: 35px;
} }
.call-back-request-content .single-call-back-box h3 { .call-back-request-content .single-call-back-box h3 {
font-size: 15px; font-size: 15px;
} }
.call-back-request-image { .call-back-request-image {
margin-right: 0; margin-right: 0;
} }
.call-back-request-text { .call-back-request-text {
padding-left: 0; padding-left: 0;
} }
.call-back-request-text h2 { .call-back-request-text h2 {
font-size: 35px; font-size: 35px;
} }
.call-back-request-text .single-call-back-box .icon { .call-back-request-text .single-call-back-box .icon {
width: 70px; width: 70px;
height: 70px; height: 70px;
font-size: 35px; font-size: 35px;
} }
.call-back-request-text .single-call-back-box h3 { .call-back-request-text .single-call-back-box h3 {
font-size: 15px; font-size: 15px;
} }
.call-back-request-img { .call-back-request-img {
padding-right: 0; padding-right: 0;
} }
.single-blog-post .post-content { .single-blog-post .post-content {
padding: 20px 20px 25px; padding: 20px 20px 25px;
} }
.single-blog-post .post-content h3 { .single-blog-post .post-content h3 {
font-size: 20px; font-size: 20px;
line-height: 1.4; line-height: 1.4;
} }
.single-blog-item .post-content { .single-blog-item .post-content {
padding: 25px 20px; padding: 25px 20px;
} }
.single-blog-item .post-content h3 { .single-blog-item .post-content h3 {
font-size: 20px; font-size: 20px;
line-height: 1.4; line-height: 1.4;
} }
.page-title-area { .page-title-area {
padding-top: 90px; padding-top: 90px;
padding-bottom: 90px; padding-bottom: 90px;
} }
.page-title-area.bg-black { .page-title-area.bg-black {
padding-top: 170px; padding-top: 170px;
} }
.page-title-content h2 { .page-title-content h2 {
font-size: 35px; font-size: 35px;
} }
.company-history-content { .company-history-content {
max-width: 100%; max-width: 100%;
} }
.company-history-content .timeline-content h3 { .company-history-content .timeline-content h3 {
font-size: 20px; font-size: 20px;
} }
.privacy-policy-content h3 { .privacy-policy-content h3 {
font-size: 20px; font-size: 20px;
} }
.terms-conditions-content h3 { .terms-conditions-content h3 {
font-size: 20px; font-size: 20px;
} }
.coming-soon-content { .coming-soon-content {
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
} }
.coming-soon-content #timer div { .coming-soon-content #timer div {
width: 100px; width: 100px;
height: 100px; height: 100px;
font-size: 30px; font-size: 30px;
} }
.coming-soon-content form { .coming-soon-content form {
max-width: 100%; max-width: 100%;
} }
.services-details-desc h3 { .services-details-desc h3 {
font-size: 20px; font-size: 20px;
} }
.widget-area { .widget-area {
padding-left: 0; padding-left: 0;
} }
.widget-area .widget .widget-title { .widget-area .widget .widget-title {
font-size: 19px; font-size: 19px;
} }
.widget-area .widget_enry_posts_thumb .item .info .title { .widget-area .widget_enry_posts_thumb .item .info .title {
font-size: 14px; font-size: 14px;
} }
.widget-area .widget_newsletter { .widget-area .widget_newsletter {
padding: 20px; padding: 20px;
} }
.widget-area .widget_newsletter h4 { .widget-area .widget_newsletter h4 {
font-size: 17px; font-size: 17px;
} }
.projects-details-desc h3 { .projects-details-desc h3 {
font-size: 20px; font-size: 20px;
} }
.projects-details-desc .wp-block-gallery.columns-3 { .projects-details-desc .wp-block-gallery.columns-3 {
margin-bottom: 18px; margin-bottom: 18px;
} }
.projects-details-info { .projects-details-info {
padding: 30px 25px; padding: 30px 25px;
margin-left: 0; margin-left: 0;
} }
.projects-details-info ul li span { .projects-details-info ul li span {
font-size: 17px; font-size: 17px;
} }
.single-products-box .content h3 { .single-products-box .content h3 {
font-size: 19px; font-size: 19px;
} }
.single-products-box .content .rating i { .single-products-box .content .rating i {
font-size: 16px; font-size: 16px;
} }
.single-products-box .content .price span { .single-products-box .content .price span {
font-size: 15px; font-size: 15px;
} }
.productsQuickView .modal-content .products-content h3 { .productsQuickView .modal-content .products-content h3 {
font-size: 20px; font-size: 20px;
} }
.cart-totals-desc { .cart-totals-desc {
padding: 28px; padding: 28px;
} }
.products-details-image { .products-details-image {
padding-right: 0; padding-right: 0;
} }
.products-details-desc { .products-details-desc {
padding-left: 0; padding-left: 0;
} }
.products-details-desc h3 { .products-details-desc h3 {
font-size: 20px; font-size: 20px;
} }
.products-details-tabs .single-tabs-box h2 { .products-details-tabs .single-tabs-box h2 {
font-size: 22px; font-size: 22px;
} }
.products-details-tabs .single-tabs-box .inner-box h3 { .products-details-tabs .single-tabs-box .inner-box h3 {
font-size: 20px; font-size: 20px;
} }
.blog-details-desc .article-content h3 { .blog-details-desc .article-content h3 {
font-size: 20px; font-size: 20px;
} }
.blog-details-desc .article-footer .article-tags a { .blog-details-desc .article-footer .article-tags a {
font-size: 14px; font-size: 14px;
} }
blockquote, .blockquote {
blockquote,
.blockquote {
padding: 40px !important; padding: 40px !important;
} }
blockquote p, .blockquote p {
blockquote p,
.blockquote p {
font-size: 18px !important; font-size: 18px !important;
} }
.comments-area .comments-title { .comments-area .comments-title {
font-size: 20px; font-size: 20px;
} }
.comments-area .comment-author { .comments-area .comment-author {
font-size: 16px; font-size: 16px;
} }
.comments-area .comment-respond .comment-reply-title { .comments-area .comment-respond .comment-reply-title {
font-size: 20px; font-size: 20px;
} }
.contact-content { .contact-content {
padding-right: 0; padding-right: 0;
} }
.contact-content .sub-title { .contact-content .sub-title {
font-size: 14px; font-size: 14px;
} }
.contact-content h2 { .contact-content h2 {
font-size: 35px; font-size: 35px;
} }
.contact-content .single-contact-info-box .icon { .contact-content .single-contact-info-box .icon {
width: 75px; width: 75px;
height: 75px; height: 75px;
} }
.contact-content .single-contact-info-box h3 { .contact-content .single-contact-info-box h3 {
font-size: 18px; font-size: 18px;
} }
.contact-content .single-contact-info-box p { .contact-content .single-contact-info-box p {
font-size: 13.5px; font-size: 13.5px;
} }
.contact-content .row { .contact-content .row {
margin-left: -5px; margin-left: -5px;
margin-right: -5px; margin-right: -5px;
} }
.contact-content .row .col-lg-4 { .contact-content .row .col-lg-4 {
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
} }
.contact-image { .contact-image {
padding-left: 0; padding-left: 0;
} }
.contact-form { .contact-form {
padding-left: 0; padding-left: 0;
} }
.contact-form .sub-title { .contact-form .sub-title {
font-size: 14px; font-size: 14px;
} }
.contact-form h2 { .contact-form h2 {
font-size: 35px; font-size: 35px;
} }
.single-footer-widget h3 { .single-footer-widget h3 {
font-size: 20px; font-size: 20px;
} }
.testimonial-slides .swiper-pagination { .testimonial-slides .swiper-pagination {
text-align: end; text-align: end;
} }
.single-footer-widget .opening-hours li { .single-footer-widget .opening-hours li {
font-size: 14px; font-size: 14px;
} }
} }
/* Min width 1200px to Max width 1355px */ /* Min width 1200px to Max width 1355px */
@media only screen and (min-width: 1200px) and (max-width: 1355px) { @media only screen and (min-width: 1200px) and (max-width: 1355px) {
.top-header-area .container-fluid { .top-header-area .container-fluid {
padding-right: var(--bs-gutter-x, 0.75rem); padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem);
} }
.zixon-nav .container-fluid { .zixon-nav .container-fluid {
padding-right: var(--bs-gutter-x, 0.75rem); padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem);
} }
.banner-item-content h1 { .banner-item-content h1 {
font-size: 50px; font-size: 50px;
} }
.banner-content { .banner-content {
padding-right: 0; padding-right: 0;
} }
.banner-content h1 { .banner-content h1 {
font-size: 54px; font-size: 54px;
} }
.what-we-do-image { .what-we-do-image {
margin-right: 0; margin-right: 0;
padding-right: 75px; padding-right: 75px;
} }
.shape1, .shape2 {
.shape1,
.shape2 {
display: none; display: none;
} }
.why-choose-us-content { .why-choose-us-content {
padding-left: 0; padding-left: 0;
} }
.why-choose-us-content h2 { .why-choose-us-content h2 {
margin-bottom: 15px; margin-bottom: 15px;
font-size: 35.5px; font-size: 35.5px;
} }
.why-choose-us-content .choose-list li { .why-choose-us-content .choose-list li {
padding-left: 58px; padding-left: 58px;
} }
.why-choose-us-content .choose-list li p { .why-choose-us-content .choose-list li p {
font-size: 15px; font-size: 15px;
} }
.about-content .features-list li p { .about-content .features-list li p {
font-size: 15px; font-size: 15px;
} }
.about-text { .about-text {
padding-top: 80px; padding-top: 80px;
padding-bottom: 80px; padding-bottom: 80px;
} }
.free-quote-form { .free-quote-form {
margin-left: 0; margin-left: 0;
} }
.free-quote-text { .free-quote-text {
padding-left: 0; padding-left: 0;
} }
.single-testimonial-box .testimonial-desc p { .single-testimonial-box .testimonial-desc p {
font-size: 17px; font-size: 17px;
} }
.testimonial-content .testimonial-desc p { .testimonial-content .testimonial-desc p {
font-size: 16px; font-size: 16px;
} }
.call-back-request-area .container-fluid { .call-back-request-area .container-fluid {
max-width: 1140px; max-width: 1140px;
} }
.call-back-request-content { .call-back-request-content {
max-width: 100%; max-width: 100%;
padding-right: 0; padding-right: 0;
} }
.call-back-request-image { .call-back-request-image {
margin-right: 0; margin-right: 0;
} }
.single-blog-post .post-content { .single-blog-post .post-content {
padding: 25px 25px 30px; padding: 25px 25px 30px;
} }
.single-blog-post .post-content h3 { .single-blog-post .post-content h3 {
font-size: 20px; font-size: 20px;
line-height: 1.3; line-height: 1.3;
} }
.single-blog-item .post-content { .single-blog-item .post-content {
padding: 25px; padding: 25px;
} }
.single-blog-item .post-content h3 { .single-blog-item .post-content h3 {
font-size: 20px; font-size: 20px;
line-height: 1.3; line-height: 1.3;
} }
} }
/* Min width 1550px */ /* Min width 1550px */
@media only screen and (min-width: 1550px) { @media only screen and (min-width: 1550px) {
.top-header-area .container-fluid { .top-header-area .container-fluid {
...@@ -3063,9 +3967,12 @@ ...@@ -3063,9 +3967,12 @@
padding-left: 150px; padding-left: 150px;
padding-right: 150px; padding-right: 150px;
} }
.zixon-nav .container-fluid { .zixon-nav .container-fluid {
max-width: 2000px; max-width: 2000px;
padding-left: 150px; padding-left: 150px;
padding-right: 150px; padding-right: 150px;
} }
}/*# sourceMappingURL=responsive.css.map */
\ No newline at end of file \ No newline at end of file
}
/*# sourceMappingURL=responsive.css.map */
\ No newline at end of file \ No newline at end of file
styles/styles.css
...@@ -208,6 +208,18 @@ p:last-child { ...@@ -208,6 +208,18 @@ p:last-child {
padding-top: 0 !important; padding-top: 0 !important;
} }
.headings {
font-weight: 700;
font-family: var(--headingFontFamily);
font-size: 2rem;
}
.subheading {
color: var(--mainColor);
font-size: 15px;
font-weight: 700;
}
/*section-title*/ /*section-title*/
.section-title { .section-title {
max-width: 720px; max-width: 720px;
...@@ -1863,6 +1875,7 @@ Services Area CSS ...@@ -1863,6 +1875,7 @@ Services Area CSS
.services-box h3 { .services-box h3 {
margin-bottom: 0; margin-bottom: 0;
font-size: 22px; font-size: 22px;
font-weight: 400;
} }
.services-box p { .services-box p {
...@@ -1878,6 +1891,45 @@ Services Area CSS ...@@ -1878,6 +1891,45 @@ Services Area CSS
background-color: var(--whiteColor); background-color: var(--whiteColor);
} }
/* services box 2 */
.services-box-budget {
margin-bottom: 30px;
background-color: var(--whiteColor);
transition: var(--transition);
border-radius: 10px;
padding: 30px;
}
.services-box-budget .icon {
display: block;
margin-right: 15px;
line-height: 1;
color: var(--mainColor);
font-size: 50px;
}
.services-box-budget h3 {
margin-bottom: 0;
font-size: 22px;
}
.services-box-budget p {
margin-top: 15px;
}
.services-box-budget .default-btn {
margin-top: 8px;
}
.services-box-budget:hover {
box-shadow: 0 7px 30px -10px rgba(133, 153, 162, 0.3);
background-color: var(--whiteColor);
}
.single-services-item { .single-services-item {
margin-bottom: 30px; margin-bottom: 30px;
background-color: var(--whiteColor); background-color: var(--whiteColor);
...@@ -2918,13 +2970,18 @@ What We Do Area CSS ...@@ -2918,13 +2970,18 @@ What We Do Area CSS
padding: 0; padding: 0;
border: none; border: none;
margin-bottom: 0; margin-bottom: 0;
font-size: var(--fontSize); font-size: 18px;
font-weight: 700; font-weight: 700;
} }
.what-we-do-content .react-tabs__tab-list .react-tabs__tab:hover, .what-we-do-content .react-tabs__tab-list .react-tabs__tab:hover,
.what-we-do-content .react-tabs__tab-list .react-tabs__tab.react-tabs__tab--selected { .what-we-do-content .react-tabs__tab-list .react-tabs__tab.react-tabs__tab--selected {
color: var(--mainColor); color: var(--mainColor);
border-bottom: 2px solid var(--mainColor);
}
.what-we-do-content .react-tabs__tab-list .react-tabs__tab.react-tabs__tab--selected:hover {
border-bottom: 2px solid var(--mainColor);
} }
.what-we-do-content .react-tabs__tab-list .react-tabs__tab:last-child { .what-we-do-content .react-tabs__tab-list .react-tabs__tab:last-child {
...@@ -3520,12 +3577,6 @@ Call Back Request Area CSS ...@@ -3520,12 +3577,6 @@ Call Back Request Area CSS
width: 100%; width: 100%;
} }
.call-back-request-content {
max-width: 635px;
margin-left: auto;
padding-right: 30px;
}
.call-back-request-content .sub-title { .call-back-request-content .sub-title {
display: block; display: block;
margin-bottom: 10px; margin-bottom: 10px;
...@@ -7682,3 +7733,85 @@ Modal CSS ...@@ -7682,3 +7733,85 @@ Modal CSS
position: relative !important; position: relative !important;
height: unset !important; height: unset !important;
} }
/* home page */
/* industry area */
.industry-slides .swiper-pagination {
position: initial;
}
.industry-slides .swiper-pagination .swiper-pagination-bullet {
width: 35px;
transition: var(--transition);
height: 4.5px;
border-radius: 5px;
background-color: var(--whiteColor);
margin-top: 4vh !important;
}
.industry-slides .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.industry-slides .swiper-pagination .swiper-pagination-bullet:hover {
background-color: var(--mainColor);
}
.industry-title {
color: var(--whiteColor);
}
.default-btn-two {
display: inline-block;
border: none;
border-radius: 5px;
z-index: 1;
position: relative;
color: var(--whiteColor);
background-color: var(--mainColor);
transition: var(--transition);
text-align: center;
padding: 12px 65px 12px 30px;
font-size: var(--fontSize);
font-weight: 700;
}
.default-btn-two::before {
content: "";
position: absolute;
left: 0;
opacity: 0.4;
right: 0;
top: 0;
border-radius: 5px;
bottom: 0;
z-index: -1;
transition: var(--transition);
border: 1px solid var(--mainColor);
}
.default-btn-two i {
position: absolute;
right: 7px;
width: 35px;
color: var(--mainColor);
transition: var(--transition);
border-radius: 5px;
height: 35px;
font-size: 17px;
line-height: 35px;
background-color: var(--whiteColor);
top: 50%;
transform: translateY(-50%);
}
.default-btn-two:hover {
background-color: var(--blackColor);
color: var(--whiteColor);
}
.default-btn-two:hover::before {
border-color: var(--blackColor);
}
/* people */
.even-member {
margin-top: 4vh;
}
\ No newline at end of file \ 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!