sections arranged
This commit is contained in:
parent
f4e9b684fd
commit
27d208384f
@ -5515,7 +5515,7 @@ p.banner-text {
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
margin-top: 80px;
|
||||
/* margin-top: 80px; */
|
||||
}
|
||||
|
||||
.help-form-area input[type="text"],
|
||||
|
||||
@ -24,6 +24,8 @@ import Footer1 from "@/components/layout/Footer1";
|
||||
import OfferSection from "@/components/home/OfferSection";
|
||||
import WhyChooseSection from "@/components/careers/WhyChooseSection";
|
||||
import PageHeader from "@/components/common/PageHeader";
|
||||
import HistoryTwo from "@/components/home/HistoryTwo";
|
||||
import WhyChooseTwo from "@/components/home/WhyChooseTwo";
|
||||
|
||||
export default function Home2() {
|
||||
useEffect(() => {
|
||||
@ -45,15 +47,17 @@ export default function Home2() {
|
||||
{/* <FeaturesSection /> */}
|
||||
<About2Section />
|
||||
<IconCounterSection />
|
||||
<WhyChooseSection />
|
||||
<WhyChooseTwo />
|
||||
<BrandSection />
|
||||
<HelpFormSection />
|
||||
{/* <WhyChooseSection /> */}
|
||||
{/* <WhyChooseUs /> */}
|
||||
{/* <ServiceTabSection /> */}
|
||||
{/* <OfferSection/> */}
|
||||
{/* <TextSliderSection /> */}
|
||||
<WorkProcessSection />
|
||||
{/* <WorkProcessSection /> */}
|
||||
<HistoryTwo />
|
||||
<TestimonialsSection />
|
||||
<BrandSection />
|
||||
{/* <FaqSection /> */}
|
||||
|
||||
|
||||
|
||||
@ -12,6 +12,9 @@ import ServiceSection from "@/components/careers/ServiceSection";
|
||||
import WorkProcessSection from "@/components/careers/WorkProcessSection";
|
||||
import FeaturesSection from "@/components/home/home-1/FeaturesSection";
|
||||
import PageHeader from "@/components/common/PageHeader";
|
||||
import AboutService from "@/components/services/AboutService";
|
||||
import AboutThree from "@/components/home/AboutThree";
|
||||
import FaqFour from "@/components/home/FaqFour";
|
||||
|
||||
export default function CareersPage() {
|
||||
useEffect(() => {
|
||||
@ -25,12 +28,15 @@ export default function CareersPage() {
|
||||
<Header1 />
|
||||
<main>
|
||||
<PageHeader title="Careers" />
|
||||
<AboutOneSection />
|
||||
<AboutService />
|
||||
{/* <AboutOneSection /> */}
|
||||
<AboutThree />
|
||||
<WhyChooseUs />
|
||||
<FaqVideoSection />
|
||||
<ContactSection />
|
||||
<FeaturesSection />
|
||||
<ServiceSection />
|
||||
{/* <FaqVideoSection /> */}
|
||||
{/* <ContactSection /> */}
|
||||
{/* <FeaturesSection /> */}
|
||||
{/* <ServiceSection /> */}
|
||||
<FaqFour />
|
||||
{/* <WorkProcessSection /> */}
|
||||
</main>
|
||||
<Footer1 />
|
||||
|
||||
@ -4088,8 +4088,8 @@ body {
|
||||
About Two Section
|
||||
═══════════════════════════════════════════════════════════ */
|
||||
:root {
|
||||
--pelocis-base: #e2a475;
|
||||
--pelocis-black: #222222;
|
||||
--pelocis-base: #3779b9;
|
||||
--pelocis-black: #1a1f2b;
|
||||
--pelocis-white: #fff;
|
||||
--pelocis-border-color: #DDDDDD;
|
||||
--pelocis-text-dark: #636363;
|
||||
@ -4099,15 +4099,16 @@ body {
|
||||
|
||||
.about-two {
|
||||
position: relative;
|
||||
padding: 120px 0;
|
||||
padding: 80px 0;
|
||||
border-bottom: 1px solid var(--pelocis-border-color, #DDDDDD);
|
||||
overflow: hidden;
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
.about-two__shape {
|
||||
width: 600px;
|
||||
height: 100%;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@ -4164,7 +4165,7 @@ body {
|
||||
.sec-title {
|
||||
padding-bottom: 20px;
|
||||
position: relative;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.about-two__dot-circle {
|
||||
@ -4174,7 +4175,7 @@ body {
|
||||
transform: translateX(-50%);
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border: 2px solid #e2a475;
|
||||
border: 2px solid #3779b9;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
}
|
||||
@ -4187,7 +4188,7 @@ body {
|
||||
transform: translate(-50%, -50%);
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: #e2a475;
|
||||
background-color: #3779b9;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
@ -4200,7 +4201,7 @@ body {
|
||||
content: "";
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
display: block;
|
||||
}
|
||||
|
||||
@ -4208,7 +4209,7 @@ body {
|
||||
content: "";
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
border: 1px solid var(--pelocis-white, #fff);
|
||||
display: block;
|
||||
position: absolute;
|
||||
@ -4218,7 +4219,7 @@ body {
|
||||
|
||||
.sec-title__tagline {
|
||||
margin: 0;
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
font-size: 18px;
|
||||
line-height: 16px;
|
||||
text-transform: uppercase;
|
||||
@ -4231,7 +4232,7 @@ body {
|
||||
.sec-title__title {
|
||||
margin: 0;
|
||||
font-size: 35px;
|
||||
color: var(--pelocis-black, #222222);
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
font-weight: bold;
|
||||
line-height: 46px;
|
||||
margin-top: 6px;
|
||||
@ -4261,7 +4262,7 @@ body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 26px;
|
||||
border-left: 2px solid var(--pelocis-black, #222222);
|
||||
border-left: 2px solid var(--pelocis-black, #1a1f2b);
|
||||
padding-left: 23px;
|
||||
margin-bottom: 30px;
|
||||
position: relative;
|
||||
@ -4275,7 +4276,7 @@ body {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
transition: width 500ms ease;
|
||||
}
|
||||
|
||||
@ -4286,7 +4287,7 @@ body {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
transition: width 500ms ease;
|
||||
}
|
||||
|
||||
@ -4296,7 +4297,7 @@ body {
|
||||
|
||||
.about-two__list li span {
|
||||
font-size: 45px;
|
||||
color: var(--pelocis-black, #222222);
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
transition: all 300ms ease;
|
||||
}
|
||||
|
||||
@ -4402,8 +4403,8 @@ body {
|
||||
}
|
||||
|
||||
.medical-services-section.space {
|
||||
padding-top: 130px;
|
||||
padding-bottom: 130px;
|
||||
padding-top: 80px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
|
||||
.section-title.text-center {
|
||||
@ -4693,7 +4694,7 @@ body {
|
||||
top: 0;
|
||||
width: 63px;
|
||||
height: 100%;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
clip-path: polygon(100% 0%, 48% 50%, 100% 100%, 0% 100%, 0 48%, 0% 0%);
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
@ -4707,7 +4708,7 @@ body {
|
||||
color: var(--pelocis-white, #fff);
|
||||
background-color: var(--pelocis-white, #fff);
|
||||
font-family: var(--pelocis-heading-font);
|
||||
-webkit-text-stroke: 1px var(--pelocis-black, #222222);
|
||||
-webkit-text-stroke: 1px var(--pelocis-black, #1a1f2b);
|
||||
position: absolute;
|
||||
left: -200px;
|
||||
height: 100%;
|
||||
@ -4763,7 +4764,7 @@ body {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
border-radius: 10px;
|
||||
z-index: 1;
|
||||
flex-shrink: 0;
|
||||
@ -4781,7 +4782,7 @@ body {
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
line-height: 26.4px;
|
||||
color: var(--pelocis-black, #222222);
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
margin-bottom: 6px;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
@ -4837,7 +4838,7 @@ body {
|
||||
max-width: 987px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 25px;
|
||||
@ -4846,7 +4847,7 @@ body {
|
||||
|
||||
/* Hover Effects Refined */
|
||||
.why-choose-two__item:hover {
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
padding-left: 130px;
|
||||
}
|
||||
|
||||
@ -4855,7 +4856,7 @@ body {
|
||||
}
|
||||
|
||||
.why-choose-two__item:hover .why-choose-two__icon {
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
transform: translateX(-30px);
|
||||
}
|
||||
|
||||
@ -4870,7 +4871,7 @@ body {
|
||||
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
|
||||
.history-two {
|
||||
position: relative;
|
||||
padding: 110px 0 120px;
|
||||
padding: 80px 0 80px;
|
||||
counter-reset: count;
|
||||
}
|
||||
|
||||
@ -4929,7 +4930,7 @@ body {
|
||||
|
||||
.history-two__border {
|
||||
position: relative;
|
||||
background: linear-gradient(to top, var(--pelocis-base, #e2a475) 50%, var(--pelocis-black, #222222) 50%) border-box;
|
||||
background: linear-gradient(to top, var(--pelocis-base, #3779b9) 50%, var(--pelocis-black, #1a1f2b) 50%) border-box;
|
||||
background-origin: border-box;
|
||||
background-clip: content-box, border-box;
|
||||
margin-left: 70px;
|
||||
@ -4969,7 +4970,7 @@ body {
|
||||
clip-path: polygon(0 0, 0% 100%, 100% 100%);
|
||||
width: 40px;
|
||||
height: 35px;
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
}
|
||||
|
||||
.history-two__content::after {
|
||||
@ -4981,7 +4982,7 @@ body {
|
||||
clip-path: polygon(0 0, 100% 0, 0 100%);
|
||||
width: 40px;
|
||||
height: 35px;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
}
|
||||
|
||||
.history-two__content--left::before {
|
||||
@ -5000,7 +5001,7 @@ body {
|
||||
width: 65px;
|
||||
height: 65px;
|
||||
border-radius: 8px;
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
color: var(--pelocis-white, #fff);
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
@ -5033,7 +5034,7 @@ body {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
line-height: 26px;
|
||||
color: var(--pelocis-black, #222222);
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
@ -5070,7 +5071,7 @@ body {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 50%;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
@ -5088,7 +5089,7 @@ body {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 26px;
|
||||
color: var(--pelocis-black, #222222);
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
@ -5110,7 +5111,7 @@ body {
|
||||
*/
|
||||
.about-three {
|
||||
position: relative;
|
||||
padding: 110px 0;
|
||||
padding: 80px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@ -5120,7 +5121,7 @@ body {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
background: linear-gradient(90deg, var(--pelocis-base, #e2a475) 45%, rgba(34, 34, 34, 0.95) 100%);
|
||||
background: linear-gradient(90deg, var(--pelocis-base, #3779b9) 45%, rgba(34, 34, 34, 0.95) 100%);
|
||||
}
|
||||
|
||||
.about-three__shape-one {
|
||||
@ -5167,7 +5168,7 @@ body {
|
||||
}
|
||||
|
||||
.about-three__content .sec-title__shape::before {
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
}
|
||||
|
||||
.about-three__content .sec-title__shape::after {
|
||||
@ -5223,7 +5224,7 @@ body {
|
||||
.about-three__card__item h3 {
|
||||
font-size: 22px;
|
||||
margin-bottom: 0;
|
||||
color: #222222;
|
||||
color: #1a1f2b;
|
||||
}
|
||||
|
||||
.about-three__card__icon {
|
||||
@ -5234,7 +5235,7 @@ body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
font-size: 45px;
|
||||
transition: all 400ms ease;
|
||||
}
|
||||
@ -5243,13 +5244,13 @@ body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
color: #222222;
|
||||
color: #1a1f2b;
|
||||
}
|
||||
|
||||
.about-three__card__exp {
|
||||
width: 34.5%;
|
||||
padding: 52px 20px 34px;
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
text-align: center;
|
||||
@ -5285,8 +5286,8 @@ body {
|
||||
bottom: -14px;
|
||||
width: 108%;
|
||||
height: 107%;
|
||||
border-left: 6px solid var(--pelocis-base, #e2a475);
|
||||
border-bottom: 6px solid var(--pelocis-base, #e2a475);
|
||||
border-left: 6px solid var(--pelocis-base, #3779b9);
|
||||
border-bottom: 6px solid var(--pelocis-base, #3779b9);
|
||||
}
|
||||
|
||||
.about-three__content__text {
|
||||
@ -5298,7 +5299,7 @@ body {
|
||||
}
|
||||
|
||||
.about-three__content__text span {
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@ -5319,7 +5320,7 @@ body {
|
||||
Home Contact One Section
|
||||
═══════════════════════════════════════════════════════════ */
|
||||
.home-contact-one {
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
padding: 260px 0 112px;
|
||||
position: relative;
|
||||
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
|
||||
@ -5346,7 +5347,7 @@ body {
|
||||
|
||||
.home-contact-one .home-contact__card {
|
||||
padding: 32px;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
margin-right: 45px;
|
||||
border-radius: 40px;
|
||||
position: relative;
|
||||
@ -5384,7 +5385,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover {
|
||||
border-color: var(--pelocis-base, #e2a475);
|
||||
border-color: var(--pelocis-base, #3779b9);
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li span {
|
||||
@ -5415,7 +5416,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
background-size: 100% 1px;
|
||||
}
|
||||
|
||||
@ -5423,7 +5424,7 @@ body {
|
||||
width: 39px;
|
||||
height: 55px;
|
||||
clip-path: polygon(78% 48%, 0 0, 1% 100%);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
@ -5519,7 +5520,7 @@ body {
|
||||
.appointment__form__range__input {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background: var(--pelocis-base, #e2a475);
|
||||
background: var(--pelocis-base, #3779b9);
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
appearance: none;
|
||||
@ -5533,7 +5534,7 @@ body {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: #fff;
|
||||
border: 2px solid var(--pelocis-base, #e2a475);
|
||||
border: 2px solid var(--pelocis-base, #3779b9);
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -5542,7 +5543,7 @@ body {
|
||||
Home Contact One Section
|
||||
═══════════════════════════════════════════════════════════ */
|
||||
.home-contact-one {
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
padding: 260px 0 112px;
|
||||
position: relative;
|
||||
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
|
||||
@ -5569,7 +5570,7 @@ body {
|
||||
|
||||
.home-contact-one .home-contact__card {
|
||||
padding: 32px;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
margin-right: 45px;
|
||||
border-radius: 40px;
|
||||
position: relative;
|
||||
@ -5607,7 +5608,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover {
|
||||
border-color: var(--pelocis-base, #e2a475);
|
||||
border-color: var(--pelocis-base, #3779b9);
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li span {
|
||||
@ -5643,7 +5644,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
background-size: 100% 1px;
|
||||
}
|
||||
|
||||
@ -5651,7 +5652,7 @@ body {
|
||||
width: 39px;
|
||||
height: 55px;
|
||||
clip-path: polygon(78% 48%, 0 0, 1% 100%);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
@ -5753,7 +5754,7 @@ body {
|
||||
.appointment__form__range__input {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background: var(--pelocis-base, #e2a475);
|
||||
background: var(--pelocis-base, #3779b9);
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
appearance: none;
|
||||
@ -5767,7 +5768,7 @@ body {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: #fff;
|
||||
border: 2px solid var(--pelocis-base, #e2a475);
|
||||
border: 2px solid var(--pelocis-base, #3779b9);
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -5776,7 +5777,7 @@ body {
|
||||
Home Contact One Section
|
||||
═══════════════════════════════════════════════════════════ */
|
||||
.home-contact-one {
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
padding: 260px 0 112px;
|
||||
position: relative;
|
||||
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
|
||||
@ -5803,7 +5804,7 @@ body {
|
||||
|
||||
.home-contact-one .home-contact__card {
|
||||
padding: 32px;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
margin-right: 45px;
|
||||
border-radius: 40px;
|
||||
position: relative;
|
||||
@ -5841,7 +5842,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover {
|
||||
border-color: var(--pelocis-base, #e2a475);
|
||||
border-color: var(--pelocis-base, #3779b9);
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li span {
|
||||
@ -5877,7 +5878,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
background-size: 100% 1px;
|
||||
}
|
||||
|
||||
@ -5885,7 +5886,7 @@ body {
|
||||
width: 39px;
|
||||
height: 55px;
|
||||
clip-path: polygon(78% 48%, 0 0, 1% 100%);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
@ -5987,7 +5988,7 @@ body {
|
||||
.appointment__form__range__input {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background: var(--pelocis-base, #e2a475);
|
||||
background: var(--pelocis-base, #3779b9);
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
@ -6001,7 +6002,7 @@ body {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: #fff;
|
||||
border: 2px solid var(--pelocis-base, #e2a475);
|
||||
border: 2px solid var(--pelocis-base, #3779b9);
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -6010,7 +6011,7 @@ body {
|
||||
Home Contact One Section
|
||||
═══════════════════════════════════════════════════════════ */
|
||||
.home-contact-one {
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
padding: 260px 0 112px;
|
||||
position: relative;
|
||||
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 969' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M0 124.777L235.25 40.1068L470.5 101.505L939.5 0L1294 127.252H1607H1920V969H0V124.777Z'/></svg>");
|
||||
@ -6037,7 +6038,7 @@ body {
|
||||
|
||||
.home-contact-one .home-contact__card {
|
||||
padding: 32px;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
margin-right: 45px;
|
||||
border-radius: 40px;
|
||||
position: relative;
|
||||
@ -6075,7 +6076,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover {
|
||||
border-color: var(--pelocis-base, #e2a475);
|
||||
border-color: var(--pelocis-base, #3779b9);
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li span {
|
||||
@ -6106,7 +6107,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
background-size: 100% 1px;
|
||||
}
|
||||
|
||||
@ -6114,7 +6115,7 @@ body {
|
||||
width: 39px;
|
||||
height: 55px;
|
||||
clip-path: polygon(78% 48%, 0 0, 1% 100%);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
@ -6210,7 +6211,7 @@ body {
|
||||
.appointment__form__range__input {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background: var(--pelocis-base, #e2a475);
|
||||
background: var(--pelocis-base, #3779b9);
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
@ -6224,7 +6225,7 @@ body {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: #fff;
|
||||
border: 2px solid var(--pelocis-base, #e2a475);
|
||||
border: 2px solid var(--pelocis-base, #3779b9);
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -6233,9 +6234,9 @@ body {
|
||||
Page Header Section
|
||||
*/
|
||||
.page-header {
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
position: relative;
|
||||
padding-top: 250px;
|
||||
padding-top: 150px;
|
||||
padding-bottom: 150px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -6286,7 +6287,7 @@ body {
|
||||
position: absolute;
|
||||
left: -8px;
|
||||
bottom: 0px;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
height: 326px;
|
||||
width: 337px;
|
||||
clip-path: polygon(60% 0, 100% 0, 100% 100%, 0% 100%);
|
||||
@ -6347,11 +6348,11 @@ body {
|
||||
top: -1px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
}
|
||||
|
||||
.pelocis-breadcrumb li:last-of-type {
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
}
|
||||
|
||||
.page-header__shape {
|
||||
@ -6407,7 +6408,7 @@ body {
|
||||
FAQ Four Section
|
||||
*/
|
||||
.faq-four {
|
||||
padding: 0 0;
|
||||
padding: 80px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@ -6424,7 +6425,7 @@ body {
|
||||
|
||||
.faq-four__content {
|
||||
position: relative;
|
||||
padding: 109px 0 120px;
|
||||
padding: 60px 0 120px;
|
||||
}
|
||||
|
||||
.faq-four__content .sec-title {
|
||||
@ -6463,7 +6464,7 @@ body {
|
||||
}
|
||||
|
||||
.faq-one__accordion .active .accrodion-title {
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
}
|
||||
|
||||
.faq-one__accordion .accrodion-title {
|
||||
@ -6476,7 +6477,7 @@ body {
|
||||
|
||||
.faq-one__accordion .accrodion-title h4 {
|
||||
font-weight: 500;
|
||||
color: var(--pelocis-black, #222222);
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
font-family: var(--pelocis-font);
|
||||
font-size: 16px;
|
||||
line-height: 25px;
|
||||
@ -6504,7 +6505,7 @@ body {
|
||||
.faq-one__accordion .accrodion-title__shape {
|
||||
width: 47px;
|
||||
height: 100%;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
clip-path: polygon(75% 0%, 48% 50%, 75% 100%, 0% 100%, 0 48%, 0% 0%);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@ -6528,14 +6529,14 @@ body {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 22px;
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
color: var(--pelocis-white, #fff);
|
||||
font-size: 10px;
|
||||
transition: all 400ms ease;
|
||||
}
|
||||
|
||||
.faq-one__accordion .active .accrodion-title__icon {
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
}
|
||||
|
||||
.faq-one__accordion .accrodion-content .inner {
|
||||
@ -6552,7 +6553,7 @@ body {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 10px;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-white, #fff);
|
||||
flex-shrink: 0;
|
||||
font-size: 40px;
|
||||
@ -6586,7 +6587,7 @@ body {
|
||||
.faq-four__image__icon {
|
||||
width: 175px;
|
||||
height: 175px;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
border: 10px solid var(--pelocis-white, #fff);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@ -6632,7 +6633,7 @@ body {
|
||||
*/
|
||||
.counselling-solutions {
|
||||
position: relative;
|
||||
padding: 110px 0 120px;
|
||||
padding: 80px 0 80px;
|
||||
}
|
||||
|
||||
.counselling-solutions .sec-title {
|
||||
@ -6649,7 +6650,7 @@ body {
|
||||
|
||||
.counselling-solutions__text b,
|
||||
.counselling-solutions__text strong {
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
}
|
||||
|
||||
.counselling-solutions__list {
|
||||
@ -6689,7 +6690,7 @@ body {
|
||||
|
||||
.counselling-solutions__item__content h3 {
|
||||
font-size: 20px;
|
||||
color: var(--pelocis-black, #222222);
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
}
|
||||
@ -6703,7 +6704,7 @@ body {
|
||||
.counselling-solutions__item__signature {
|
||||
font-family: var(--pelocis-font-signature, cursive);
|
||||
font-size: 35px;
|
||||
color: var(--pelocis-black, #222222);
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
margin: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
@ -6716,14 +6717,14 @@ body {
|
||||
|
||||
.counselling-solutions__list--two li {
|
||||
font-size: 16px;
|
||||
color: var(--pelocis-black, #222222);
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.counselling-solutions__list--two li span {
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@ -6743,7 +6744,7 @@ body {
|
||||
width: 13px;
|
||||
height: 295px;
|
||||
border-radius: 20px;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
}
|
||||
|
||||
.counselling-solutions__image::after {
|
||||
@ -6754,7 +6755,7 @@ body {
|
||||
width: 13px;
|
||||
height: 155px;
|
||||
border-radius: 20px;
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
}
|
||||
|
||||
.counselling-solutions__image__one {
|
||||
@ -6777,8 +6778,8 @@ body {
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
width: 80%;
|
||||
border-right: 1px solid var(--pelocis-base, #e2a475);
|
||||
border-bottom: 1px solid var(--pelocis-base, #e2a475);
|
||||
border-right: 1px solid var(--pelocis-base, #3779b9);
|
||||
border-bottom: 1px solid var(--pelocis-base, #3779b9);
|
||||
gap: 10px;
|
||||
padding-right: 48px;
|
||||
padding-top: 62px;
|
||||
@ -6803,15 +6804,15 @@ body {
|
||||
}
|
||||
|
||||
.counselling-solutions__image__watch-btn a:hover {
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
border-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
border-color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-white, #fff);
|
||||
}
|
||||
|
||||
.counselling-solutions__image__watch-btn span {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: var(--pelocis-black, #222222);
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
font-family: var(--pelocis-heading-font);
|
||||
}
|
||||
|
||||
@ -6820,9 +6821,10 @@ body {
|
||||
*/
|
||||
.call-area-three {
|
||||
position: relative;
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
padding: 112px 0 283px;
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
padding: 80px 0 283px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
.call-area-three__bg {
|
||||
@ -6868,6 +6870,7 @@ body {
|
||||
position: relative;
|
||||
margin-top: -163px;
|
||||
z-index: 10;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
.counter-area-two__list {
|
||||
@ -6907,7 +6910,7 @@ body {
|
||||
}
|
||||
|
||||
.counter-area-two__icon {
|
||||
border: 3px solid var(--pelocis-base, #e2a475);
|
||||
border: 3px solid var(--pelocis-base, #3779b9);
|
||||
border-bottom: none;
|
||||
width: 89px;
|
||||
height: 73px;
|
||||
@ -6916,7 +6919,7 @@ body {
|
||||
align-items: center;
|
||||
position: relative;
|
||||
font-size: 40px;
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
transition: all 500ms ease;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
@ -6928,7 +6931,7 @@ body {
|
||||
bottom: 0;
|
||||
width: 32px;
|
||||
height: 18px;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
clip-path: polygon(0 0%, 0% 100%, 100% 100%);
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
@ -6940,7 +6943,7 @@ body {
|
||||
bottom: 0;
|
||||
width: 32px;
|
||||
height: 18px;
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
@ -6952,7 +6955,7 @@ body {
|
||||
width: 80%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
height: 32px;
|
||||
border-radius: 50px;
|
||||
opacity: 0;
|
||||
@ -6970,7 +6973,7 @@ body {
|
||||
font-size: 35px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
color: var(--pelocis-black, #222222);
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
|
||||
@ -6995,7 +6998,7 @@ body {
|
||||
}
|
||||
|
||||
.medical-services-circle .sec-title .inner-text {
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
}
|
||||
|
||||
.sec-icon2 {
|
||||
@ -7076,7 +7079,7 @@ body {
|
||||
|
||||
.service-circle__menu li.active a,
|
||||
.service-circle__menu li a:hover {
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
}
|
||||
|
||||
.service-circle__menu li img {
|
||||
|
||||
@ -46,24 +46,24 @@ export default function MainPage() {
|
||||
<main>
|
||||
<BannerSection />
|
||||
<AboutSection />
|
||||
<AboutTwo />
|
||||
<MedicalServices />
|
||||
<WhyChooseTwo />
|
||||
<HistoryTwo />
|
||||
<AboutThree />
|
||||
<CounsellingSolutions />
|
||||
<ChooseSection />
|
||||
<IconCounterSection />
|
||||
<ServiceThreeSlider />
|
||||
<CtaSection />
|
||||
<BrandSection />
|
||||
<TestimonialsSection />
|
||||
<ContactSection />
|
||||
<HomeContactOne />
|
||||
<CallAreaThree />
|
||||
<CounterAreaTwo />
|
||||
<CounsellingSolutions />
|
||||
<FaqFour />
|
||||
<ServiceThreeSlider />
|
||||
<CtaSection />
|
||||
<TestimonialsSection />
|
||||
<HomeContactOne />
|
||||
<BlogSection />
|
||||
{/* <AboutTwo /> */}
|
||||
{/* <WhyChooseTwo /> */}
|
||||
{/* <HistoryTwo /> */}
|
||||
{/* <AboutThree /> */}
|
||||
{/* <IconCounterSection /> */}
|
||||
{/* <ContactSection /> */}
|
||||
{/* <FaqFour /> */}
|
||||
|
||||
</main>
|
||||
<Footer1 />
|
||||
|
||||
@ -23,6 +23,7 @@ import ServiceSection2 from "@/components/careers/ServiceSection";
|
||||
import WorkProcessSection2 from "@/components/careers/WorkProcessSection";
|
||||
import AboutService from "@/components/services/AboutService";
|
||||
import PageHeader from "@/components/common/PageHeader";
|
||||
import AboutTwo from "@/components/home/AboutTwo";
|
||||
|
||||
export default function Home3() {
|
||||
useEffect(() => {
|
||||
@ -47,8 +48,9 @@ export default function Home3() {
|
||||
{/* <ServiceSection /> */}
|
||||
<ServiceSection2 />
|
||||
<WorkProcessSection />
|
||||
<AboutService />
|
||||
<FeaturesSection2 />
|
||||
<AboutTwo />
|
||||
{/* <AboutService /> */}
|
||||
{/* <FeaturesSection2 /> */}
|
||||
{/* <ProjectsSection /> */}
|
||||
{/* <BrandsSection /> */}
|
||||
{/* <FaqSection /> */}
|
||||
|
||||
@ -5,6 +5,18 @@ const WhyChooseUs = () => {
|
||||
<section className="why-choose-us section-space">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="image-area-wrapper p-relative">
|
||||
<div className="main-image">
|
||||
<img src="/assets/img-app/about/about-img5.png" alt="Business Meeting" />
|
||||
</div>
|
||||
<div className="circular-image">
|
||||
<div className="inner-circle">
|
||||
<img src="/assets/img-app/about/about-img5.png" alt="Profile" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area pr-50">
|
||||
<div className="section-title-wrapper mb-30">
|
||||
@ -50,26 +62,13 @@ const WhyChooseUs = () => {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="image-area-wrapper p-relative">
|
||||
<div className="main-image">
|
||||
<img src="/assets/img/about/about-img8.png" alt="Business Meeting" />
|
||||
</div>
|
||||
<div className="circular-image">
|
||||
<div className="inner-circle">
|
||||
<img src="/assets/img/about/about-img10.png" alt="Profile" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style jsx>{`
|
||||
.why-choose-us {
|
||||
padding: 80px 0;
|
||||
background: #fff;
|
||||
background: #eaf0f9;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.why-choose-us {
|
||||
|
||||
@ -65,7 +65,7 @@ const AboutThree = () => {
|
||||
<h3>Behavioral Psychology</h3>
|
||||
</li>
|
||||
<li>
|
||||
<span className="fa-solid fa-circle-check" style={{ color: '#222222', fontSize: '20px', marginRight: '8px' }}></span>
|
||||
<span className="fa-solid fa-circle-check" style={{ color: '#1a1f2b', fontSize: '20px', marginRight: '8px' }}></span>
|
||||
The right therapist can help you develop skills
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@ -77,11 +77,11 @@ const HistoryTwo = () => {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="history-two__btn">
|
||||
{/* <div className="history-two__btn">
|
||||
<a href="contact.html" className="pelocis-btn">
|
||||
<span>View all history <i className="icon-right-arrow-white"></i></span>
|
||||
</a>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
|
||||
@ -115,6 +115,13 @@ const FeaturesSection = () => {
|
||||
<div className="fo-shape-two"></div>
|
||||
</div>
|
||||
<div className="fo-container">
|
||||
<div className="history-two__title text-center">
|
||||
<div className="sec-title">
|
||||
<div className="sec-title__shape"></div>
|
||||
<h6 className="sec-title__tagline">OUR HISTORY</h6>
|
||||
<h3 className="sec-title__title">Psychology Diverse And Multidisciplinary <br />Field Encompassing Areas</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="fo-row">
|
||||
{features.map((feature, index) => (
|
||||
<div className="fo-col" key={index}>
|
||||
|
||||
@ -85,7 +85,7 @@ const ServiceThreeSlider = () => {
|
||||
<h3 className="service-three__item__title">
|
||||
<Link href={service.link}>{service.title}</Link>
|
||||
</h3>
|
||||
<p className="service-three__item__text text-black">{service.text}</p>
|
||||
<p className="service-three__item__text text-white">{service.text}</p>
|
||||
</div>
|
||||
<div className="service-three__item__image">
|
||||
<img src={service.image} alt={service.title} className="service-img-fixed" />
|
||||
|
||||
@ -2,7 +2,7 @@ import React from "react";
|
||||
import { testimonialSlides } from "@/utils/data";
|
||||
|
||||
const TestimonialsSection = () => (
|
||||
<section className="testimonials-two-section fix section-space pt-0">
|
||||
<section className="testimonials-two-section fix section-space">
|
||||
<div className="container-fluid g-0">
|
||||
<div className="row g-0">
|
||||
<div className="col-xxl-4 col-xl-4 col-lg-12">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
const IconCounterSection = () => {
|
||||
return (
|
||||
<section className="icon-box-counter-section section-space">
|
||||
<section className="icon-box-counter-section section-space-bottom">
|
||||
<div className="small-container">
|
||||
<div className="row g-4">
|
||||
{[
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user