Compare commits
No commits in common. "27d208384f5ed180a0f638c161ac0259eadfd082" and "59180cc536bf798471680422751267782415ae3c" have entirely different histories.
27d208384f
...
59180cc536
@ -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,8 +24,6 @@ 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(() => {
|
||||
@ -47,17 +45,15 @@ export default function Home2() {
|
||||
{/* <FeaturesSection /> */}
|
||||
<About2Section />
|
||||
<IconCounterSection />
|
||||
<WhyChooseTwo />
|
||||
<BrandSection />
|
||||
<WhyChooseSection />
|
||||
<HelpFormSection />
|
||||
{/* <WhyChooseSection /> */}
|
||||
{/* <WhyChooseUs /> */}
|
||||
{/* <ServiceTabSection /> */}
|
||||
{/* <OfferSection/> */}
|
||||
{/* <TextSliderSection /> */}
|
||||
{/* <WorkProcessSection /> */}
|
||||
<HistoryTwo />
|
||||
<WorkProcessSection />
|
||||
<TestimonialsSection />
|
||||
<BrandSection />
|
||||
{/* <FaqSection /> */}
|
||||
|
||||
|
||||
|
||||
@ -12,9 +12,6 @@ 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(() => {
|
||||
@ -28,15 +25,12 @@ export default function CareersPage() {
|
||||
<Header1 />
|
||||
<main>
|
||||
<PageHeader title="Careers" />
|
||||
<AboutService />
|
||||
{/* <AboutOneSection /> */}
|
||||
<AboutThree />
|
||||
<AboutOneSection />
|
||||
<WhyChooseUs />
|
||||
{/* <FaqVideoSection /> */}
|
||||
{/* <ContactSection /> */}
|
||||
{/* <FeaturesSection /> */}
|
||||
{/* <ServiceSection /> */}
|
||||
<FaqFour />
|
||||
<FaqVideoSection />
|
||||
<ContactSection />
|
||||
<FeaturesSection />
|
||||
<ServiceSection />
|
||||
{/* <WorkProcessSection /> */}
|
||||
</main>
|
||||
<Footer1 />
|
||||
|
||||
@ -4088,8 +4088,8 @@ body {
|
||||
About Two Section
|
||||
═══════════════════════════════════════════════════════════ */
|
||||
:root {
|
||||
--pelocis-base: #3779b9;
|
||||
--pelocis-black: #1a1f2b;
|
||||
--pelocis-base: #e2a475;
|
||||
--pelocis-black: #222222;
|
||||
--pelocis-white: #fff;
|
||||
--pelocis-border-color: #DDDDDD;
|
||||
--pelocis-text-dark: #636363;
|
||||
@ -4099,16 +4099,15 @@ body {
|
||||
|
||||
.about-two {
|
||||
position: relative;
|
||||
padding: 80px 0;
|
||||
padding: 120px 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, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@ -4165,7 +4164,7 @@ body {
|
||||
.sec-title {
|
||||
padding-bottom: 20px;
|
||||
position: relative;
|
||||
margin-bottom: 30px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.about-two__dot-circle {
|
||||
@ -4175,7 +4174,7 @@ body {
|
||||
transform: translateX(-50%);
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border: 2px solid #3779b9;
|
||||
border: 2px solid #e2a475;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
}
|
||||
@ -4188,7 +4187,7 @@ body {
|
||||
transform: translate(-50%, -50%);
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: #3779b9;
|
||||
background-color: #e2a475;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
@ -4201,7 +4200,7 @@ body {
|
||||
content: "";
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
display: block;
|
||||
}
|
||||
|
||||
@ -4209,7 +4208,7 @@ body {
|
||||
content: "";
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
border: 1px solid var(--pelocis-white, #fff);
|
||||
display: block;
|
||||
position: absolute;
|
||||
@ -4219,7 +4218,7 @@ body {
|
||||
|
||||
.sec-title__tagline {
|
||||
margin: 0;
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
font-size: 18px;
|
||||
line-height: 16px;
|
||||
text-transform: uppercase;
|
||||
@ -4232,7 +4231,7 @@ body {
|
||||
.sec-title__title {
|
||||
margin: 0;
|
||||
font-size: 35px;
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
color: var(--pelocis-black, #222222);
|
||||
font-weight: bold;
|
||||
line-height: 46px;
|
||||
margin-top: 6px;
|
||||
@ -4262,7 +4261,7 @@ body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 26px;
|
||||
border-left: 2px solid var(--pelocis-black, #1a1f2b);
|
||||
border-left: 2px solid var(--pelocis-black, #222222);
|
||||
padding-left: 23px;
|
||||
margin-bottom: 30px;
|
||||
position: relative;
|
||||
@ -4276,7 +4275,7 @@ body {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
transition: width 500ms ease;
|
||||
}
|
||||
|
||||
@ -4287,7 +4286,7 @@ body {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
transition: width 500ms ease;
|
||||
}
|
||||
|
||||
@ -4297,7 +4296,7 @@ body {
|
||||
|
||||
.about-two__list li span {
|
||||
font-size: 45px;
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
color: var(--pelocis-black, #222222);
|
||||
transition: all 300ms ease;
|
||||
}
|
||||
|
||||
@ -4403,8 +4402,8 @@ body {
|
||||
}
|
||||
|
||||
.medical-services-section.space {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 80px;
|
||||
padding-top: 130px;
|
||||
padding-bottom: 130px;
|
||||
}
|
||||
|
||||
.section-title.text-center {
|
||||
@ -4694,7 +4693,7 @@ body {
|
||||
top: 0;
|
||||
width: 63px;
|
||||
height: 100%;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
clip-path: polygon(100% 0%, 48% 50%, 100% 100%, 0% 100%, 0 48%, 0% 0%);
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
@ -4708,7 +4707,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, #1a1f2b);
|
||||
-webkit-text-stroke: 1px var(--pelocis-black, #222222);
|
||||
position: absolute;
|
||||
left: -200px;
|
||||
height: 100%;
|
||||
@ -4764,7 +4763,7 @@ body {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
border-radius: 10px;
|
||||
z-index: 1;
|
||||
flex-shrink: 0;
|
||||
@ -4782,7 +4781,7 @@ body {
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
line-height: 26.4px;
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
color: var(--pelocis-black, #222222);
|
||||
margin-bottom: 6px;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
@ -4838,7 +4837,7 @@ body {
|
||||
max-width: 987px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 25px;
|
||||
@ -4847,7 +4846,7 @@ body {
|
||||
|
||||
/* Hover Effects Refined */
|
||||
.why-choose-two__item:hover {
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
padding-left: 130px;
|
||||
}
|
||||
|
||||
@ -4856,7 +4855,7 @@ body {
|
||||
}
|
||||
|
||||
.why-choose-two__item:hover .why-choose-two__icon {
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
transform: translateX(-30px);
|
||||
}
|
||||
|
||||
@ -4871,7 +4870,7 @@ body {
|
||||
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
|
||||
.history-two {
|
||||
position: relative;
|
||||
padding: 80px 0 80px;
|
||||
padding: 110px 0 120px;
|
||||
counter-reset: count;
|
||||
}
|
||||
|
||||
@ -4930,7 +4929,7 @@ body {
|
||||
|
||||
.history-two__border {
|
||||
position: relative;
|
||||
background: linear-gradient(to top, var(--pelocis-base, #3779b9) 50%, var(--pelocis-black, #1a1f2b) 50%) border-box;
|
||||
background: linear-gradient(to top, var(--pelocis-base, #e2a475) 50%, var(--pelocis-black, #222222) 50%) border-box;
|
||||
background-origin: border-box;
|
||||
background-clip: content-box, border-box;
|
||||
margin-left: 70px;
|
||||
@ -4970,7 +4969,7 @@ body {
|
||||
clip-path: polygon(0 0, 0% 100%, 100% 100%);
|
||||
width: 40px;
|
||||
height: 35px;
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
}
|
||||
|
||||
.history-two__content::after {
|
||||
@ -4982,7 +4981,7 @@ body {
|
||||
clip-path: polygon(0 0, 100% 0, 0 100%);
|
||||
width: 40px;
|
||||
height: 35px;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
}
|
||||
|
||||
.history-two__content--left::before {
|
||||
@ -5001,7 +5000,7 @@ body {
|
||||
width: 65px;
|
||||
height: 65px;
|
||||
border-radius: 8px;
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
color: var(--pelocis-white, #fff);
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
@ -5034,7 +5033,7 @@ body {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
line-height: 26px;
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
color: var(--pelocis-black, #222222);
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
@ -5071,7 +5070,7 @@ body {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 50%;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
@ -5089,7 +5088,7 @@ body {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 26px;
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
color: var(--pelocis-black, #222222);
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
@ -5111,7 +5110,7 @@ body {
|
||||
*/
|
||||
.about-three {
|
||||
position: relative;
|
||||
padding: 80px 0;
|
||||
padding: 110px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@ -5121,7 +5120,7 @@ body {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
background: linear-gradient(90deg, var(--pelocis-base, #3779b9) 45%, rgba(34, 34, 34, 0.95) 100%);
|
||||
background: linear-gradient(90deg, var(--pelocis-base, #e2a475) 45%, rgba(34, 34, 34, 0.95) 100%);
|
||||
}
|
||||
|
||||
.about-three__shape-one {
|
||||
@ -5168,7 +5167,7 @@ body {
|
||||
}
|
||||
|
||||
.about-three__content .sec-title__shape::before {
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
}
|
||||
|
||||
.about-three__content .sec-title__shape::after {
|
||||
@ -5224,7 +5223,7 @@ body {
|
||||
.about-three__card__item h3 {
|
||||
font-size: 22px;
|
||||
margin-bottom: 0;
|
||||
color: #1a1f2b;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.about-three__card__icon {
|
||||
@ -5235,7 +5234,7 @@ body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
font-size: 45px;
|
||||
transition: all 400ms ease;
|
||||
}
|
||||
@ -5244,13 +5243,13 @@ body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
color: #1a1f2b;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.about-three__card__exp {
|
||||
width: 34.5%;
|
||||
padding: 52px 20px 34px;
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
text-align: center;
|
||||
@ -5286,8 +5285,8 @@ body {
|
||||
bottom: -14px;
|
||||
width: 108%;
|
||||
height: 107%;
|
||||
border-left: 6px solid var(--pelocis-base, #3779b9);
|
||||
border-bottom: 6px solid var(--pelocis-base, #3779b9);
|
||||
border-left: 6px solid var(--pelocis-base, #e2a475);
|
||||
border-bottom: 6px solid var(--pelocis-base, #e2a475);
|
||||
}
|
||||
|
||||
.about-three__content__text {
|
||||
@ -5299,7 +5298,7 @@ body {
|
||||
}
|
||||
|
||||
.about-three__content__text span {
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@ -5320,7 +5319,7 @@ body {
|
||||
Home Contact One Section
|
||||
═══════════════════════════════════════════════════════════ */
|
||||
.home-contact-one {
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
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>");
|
||||
@ -5347,7 +5346,7 @@ body {
|
||||
|
||||
.home-contact-one .home-contact__card {
|
||||
padding: 32px;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
margin-right: 45px;
|
||||
border-radius: 40px;
|
||||
position: relative;
|
||||
@ -5385,7 +5384,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover {
|
||||
border-color: var(--pelocis-base, #3779b9);
|
||||
border-color: var(--pelocis-base, #e2a475);
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li span {
|
||||
@ -5416,7 +5415,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
background-size: 100% 1px;
|
||||
}
|
||||
|
||||
@ -5424,7 +5423,7 @@ body {
|
||||
width: 39px;
|
||||
height: 55px;
|
||||
clip-path: polygon(78% 48%, 0 0, 1% 100%);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
@ -5520,7 +5519,7 @@ body {
|
||||
.appointment__form__range__input {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background: var(--pelocis-base, #3779b9);
|
||||
background: var(--pelocis-base, #e2a475);
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
appearance: none;
|
||||
@ -5534,7 +5533,7 @@ body {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: #fff;
|
||||
border: 2px solid var(--pelocis-base, #3779b9);
|
||||
border: 2px solid var(--pelocis-base, #e2a475);
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -5543,7 +5542,7 @@ body {
|
||||
Home Contact One Section
|
||||
═══════════════════════════════════════════════════════════ */
|
||||
.home-contact-one {
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
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>");
|
||||
@ -5570,7 +5569,7 @@ body {
|
||||
|
||||
.home-contact-one .home-contact__card {
|
||||
padding: 32px;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
margin-right: 45px;
|
||||
border-radius: 40px;
|
||||
position: relative;
|
||||
@ -5608,7 +5607,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover {
|
||||
border-color: var(--pelocis-base, #3779b9);
|
||||
border-color: var(--pelocis-base, #e2a475);
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li span {
|
||||
@ -5644,7 +5643,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
background-size: 100% 1px;
|
||||
}
|
||||
|
||||
@ -5652,7 +5651,7 @@ body {
|
||||
width: 39px;
|
||||
height: 55px;
|
||||
clip-path: polygon(78% 48%, 0 0, 1% 100%);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
@ -5754,7 +5753,7 @@ body {
|
||||
.appointment__form__range__input {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background: var(--pelocis-base, #3779b9);
|
||||
background: var(--pelocis-base, #e2a475);
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
appearance: none;
|
||||
@ -5768,7 +5767,7 @@ body {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: #fff;
|
||||
border: 2px solid var(--pelocis-base, #3779b9);
|
||||
border: 2px solid var(--pelocis-base, #e2a475);
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -5777,7 +5776,7 @@ body {
|
||||
Home Contact One Section
|
||||
═══════════════════════════════════════════════════════════ */
|
||||
.home-contact-one {
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
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>");
|
||||
@ -5804,7 +5803,7 @@ body {
|
||||
|
||||
.home-contact-one .home-contact__card {
|
||||
padding: 32px;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
margin-right: 45px;
|
||||
border-radius: 40px;
|
||||
position: relative;
|
||||
@ -5842,7 +5841,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover {
|
||||
border-color: var(--pelocis-base, #3779b9);
|
||||
border-color: var(--pelocis-base, #e2a475);
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li span {
|
||||
@ -5878,7 +5877,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
background-size: 100% 1px;
|
||||
}
|
||||
|
||||
@ -5886,7 +5885,7 @@ body {
|
||||
width: 39px;
|
||||
height: 55px;
|
||||
clip-path: polygon(78% 48%, 0 0, 1% 100%);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
@ -5988,7 +5987,7 @@ body {
|
||||
.appointment__form__range__input {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background: var(--pelocis-base, #3779b9);
|
||||
background: var(--pelocis-base, #e2a475);
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
@ -6002,7 +6001,7 @@ body {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: #fff;
|
||||
border: 2px solid var(--pelocis-base, #3779b9);
|
||||
border: 2px solid var(--pelocis-base, #e2a475);
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -6011,7 +6010,7 @@ body {
|
||||
Home Contact One Section
|
||||
═══════════════════════════════════════════════════════════ */
|
||||
.home-contact-one {
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
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>");
|
||||
@ -6038,7 +6037,7 @@ body {
|
||||
|
||||
.home-contact-one .home-contact__card {
|
||||
padding: 32px;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
margin-right: 45px;
|
||||
border-radius: 40px;
|
||||
position: relative;
|
||||
@ -6076,7 +6075,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover {
|
||||
border-color: var(--pelocis-base, #3779b9);
|
||||
border-color: var(--pelocis-base, #e2a475);
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li span {
|
||||
@ -6107,7 +6106,7 @@ body {
|
||||
}
|
||||
|
||||
.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
background-size: 100% 1px;
|
||||
}
|
||||
|
||||
@ -6115,7 +6114,7 @@ body {
|
||||
width: 39px;
|
||||
height: 55px;
|
||||
clip-path: polygon(78% 48%, 0 0, 1% 100%);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
@ -6211,7 +6210,7 @@ body {
|
||||
.appointment__form__range__input {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background: var(--pelocis-base, #3779b9);
|
||||
background: var(--pelocis-base, #e2a475);
|
||||
border-radius: 5px;
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
@ -6225,7 +6224,7 @@ body {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: #fff;
|
||||
border: 2px solid var(--pelocis-base, #3779b9);
|
||||
border: 2px solid var(--pelocis-base, #e2a475);
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -6234,9 +6233,9 @@ body {
|
||||
Page Header Section
|
||||
*/
|
||||
.page-header {
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
position: relative;
|
||||
padding-top: 150px;
|
||||
padding-top: 250px;
|
||||
padding-bottom: 150px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -6287,7 +6286,7 @@ body {
|
||||
position: absolute;
|
||||
left: -8px;
|
||||
bottom: 0px;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
height: 326px;
|
||||
width: 337px;
|
||||
clip-path: polygon(60% 0, 100% 0, 100% 100%, 0% 100%);
|
||||
@ -6348,11 +6347,11 @@ body {
|
||||
top: -1px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
}
|
||||
|
||||
.pelocis-breadcrumb li:last-of-type {
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
}
|
||||
|
||||
.page-header__shape {
|
||||
@ -6408,7 +6407,7 @@ body {
|
||||
FAQ Four Section
|
||||
*/
|
||||
.faq-four {
|
||||
padding: 80px 0;
|
||||
padding: 0 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@ -6425,7 +6424,7 @@ body {
|
||||
|
||||
.faq-four__content {
|
||||
position: relative;
|
||||
padding: 60px 0 120px;
|
||||
padding: 109px 0 120px;
|
||||
}
|
||||
|
||||
.faq-four__content .sec-title {
|
||||
@ -6464,7 +6463,7 @@ body {
|
||||
}
|
||||
|
||||
.faq-one__accordion .active .accrodion-title {
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
}
|
||||
|
||||
.faq-one__accordion .accrodion-title {
|
||||
@ -6477,7 +6476,7 @@ body {
|
||||
|
||||
.faq-one__accordion .accrodion-title h4 {
|
||||
font-weight: 500;
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
color: var(--pelocis-black, #222222);
|
||||
font-family: var(--pelocis-font);
|
||||
font-size: 16px;
|
||||
line-height: 25px;
|
||||
@ -6505,7 +6504,7 @@ body {
|
||||
.faq-one__accordion .accrodion-title__shape {
|
||||
width: 47px;
|
||||
height: 100%;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
clip-path: polygon(75% 0%, 48% 50%, 75% 100%, 0% 100%, 0 48%, 0% 0%);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@ -6529,14 +6528,14 @@ body {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 22px;
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
color: var(--pelocis-white, #fff);
|
||||
font-size: 10px;
|
||||
transition: all 400ms ease;
|
||||
}
|
||||
|
||||
.faq-one__accordion .active .accrodion-title__icon {
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
}
|
||||
|
||||
.faq-one__accordion .accrodion-content .inner {
|
||||
@ -6553,7 +6552,7 @@ body {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 10px;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-white, #fff);
|
||||
flex-shrink: 0;
|
||||
font-size: 40px;
|
||||
@ -6587,7 +6586,7 @@ body {
|
||||
.faq-four__image__icon {
|
||||
width: 175px;
|
||||
height: 175px;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
border: 10px solid var(--pelocis-white, #fff);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@ -6633,7 +6632,7 @@ body {
|
||||
*/
|
||||
.counselling-solutions {
|
||||
position: relative;
|
||||
padding: 80px 0 80px;
|
||||
padding: 110px 0 120px;
|
||||
}
|
||||
|
||||
.counselling-solutions .sec-title {
|
||||
@ -6650,7 +6649,7 @@ body {
|
||||
|
||||
.counselling-solutions__text b,
|
||||
.counselling-solutions__text strong {
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
}
|
||||
|
||||
.counselling-solutions__list {
|
||||
@ -6690,7 +6689,7 @@ body {
|
||||
|
||||
.counselling-solutions__item__content h3 {
|
||||
font-size: 20px;
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
color: var(--pelocis-black, #222222);
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
}
|
||||
@ -6704,7 +6703,7 @@ body {
|
||||
.counselling-solutions__item__signature {
|
||||
font-family: var(--pelocis-font-signature, cursive);
|
||||
font-size: 35px;
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
color: var(--pelocis-black, #222222);
|
||||
margin: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
@ -6717,14 +6716,14 @@ body {
|
||||
|
||||
.counselling-solutions__list--two li {
|
||||
font-size: 16px;
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
color: var(--pelocis-black, #222222);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.counselling-solutions__list--two li span {
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@ -6744,7 +6743,7 @@ body {
|
||||
width: 13px;
|
||||
height: 295px;
|
||||
border-radius: 20px;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
}
|
||||
|
||||
.counselling-solutions__image::after {
|
||||
@ -6755,7 +6754,7 @@ body {
|
||||
width: 13px;
|
||||
height: 155px;
|
||||
border-radius: 20px;
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
}
|
||||
|
||||
.counselling-solutions__image__one {
|
||||
@ -6778,8 +6777,8 @@ body {
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
width: 80%;
|
||||
border-right: 1px solid var(--pelocis-base, #3779b9);
|
||||
border-bottom: 1px solid var(--pelocis-base, #3779b9);
|
||||
border-right: 1px solid var(--pelocis-base, #e2a475);
|
||||
border-bottom: 1px solid var(--pelocis-base, #e2a475);
|
||||
gap: 10px;
|
||||
padding-right: 48px;
|
||||
padding-top: 62px;
|
||||
@ -6804,15 +6803,15 @@ body {
|
||||
}
|
||||
|
||||
.counselling-solutions__image__watch-btn a:hover {
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
border-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
border-color: var(--pelocis-base, #e2a475);
|
||||
color: var(--pelocis-white, #fff);
|
||||
}
|
||||
|
||||
.counselling-solutions__image__watch-btn span {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
color: var(--pelocis-black, #222222);
|
||||
font-family: var(--pelocis-heading-font);
|
||||
}
|
||||
|
||||
@ -6821,10 +6820,9 @@ body {
|
||||
*/
|
||||
.call-area-three {
|
||||
position: relative;
|
||||
background-color: var(--pelocis-black, #1a1f2b);
|
||||
padding: 80px 0 283px;
|
||||
background-color: var(--pelocis-black, #222222);
|
||||
padding: 112px 0 283px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
.call-area-three__bg {
|
||||
@ -6870,7 +6868,6 @@ body {
|
||||
position: relative;
|
||||
margin-top: -163px;
|
||||
z-index: 10;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
.counter-area-two__list {
|
||||
@ -6910,7 +6907,7 @@ body {
|
||||
}
|
||||
|
||||
.counter-area-two__icon {
|
||||
border: 3px solid var(--pelocis-base, #3779b9);
|
||||
border: 3px solid var(--pelocis-base, #e2a475);
|
||||
border-bottom: none;
|
||||
width: 89px;
|
||||
height: 73px;
|
||||
@ -6919,7 +6916,7 @@ body {
|
||||
align-items: center;
|
||||
position: relative;
|
||||
font-size: 40px;
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
transition: all 500ms ease;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
@ -6931,7 +6928,7 @@ body {
|
||||
bottom: 0;
|
||||
width: 32px;
|
||||
height: 18px;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
clip-path: polygon(0 0%, 0% 100%, 100% 100%);
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
@ -6943,7 +6940,7 @@ body {
|
||||
bottom: 0;
|
||||
width: 32px;
|
||||
height: 18px;
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
@ -6955,7 +6952,7 @@ body {
|
||||
width: 80%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
height: 32px;
|
||||
border-radius: 50px;
|
||||
opacity: 0;
|
||||
@ -6973,7 +6970,7 @@ body {
|
||||
font-size: 35px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
color: var(--pelocis-black, #1a1f2b);
|
||||
color: var(--pelocis-black, #222222);
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
|
||||
@ -6998,7 +6995,7 @@ body {
|
||||
}
|
||||
|
||||
.medical-services-circle .sec-title .inner-text {
|
||||
color: var(--pelocis-base, #3779b9);
|
||||
color: var(--pelocis-base, #e2a475);
|
||||
}
|
||||
|
||||
.sec-icon2 {
|
||||
@ -7079,7 +7076,7 @@ body {
|
||||
|
||||
.service-circle__menu li.active a,
|
||||
.service-circle__menu li a:hover {
|
||||
background-color: var(--pelocis-base, #3779b9);
|
||||
background-color: var(--pelocis-base, #e2a475);
|
||||
}
|
||||
|
||||
.service-circle__menu li img {
|
||||
|
||||
@ -46,24 +46,24 @@ export default function MainPage() {
|
||||
<main>
|
||||
<BannerSection />
|
||||
<AboutSection />
|
||||
<AboutTwo />
|
||||
<MedicalServices />
|
||||
<CounsellingSolutions />
|
||||
<WhyChooseTwo />
|
||||
<HistoryTwo />
|
||||
<AboutThree />
|
||||
<ChooseSection />
|
||||
<BrandSection />
|
||||
<CallAreaThree />
|
||||
<CounterAreaTwo />
|
||||
<IconCounterSection />
|
||||
<ServiceThreeSlider />
|
||||
<CtaSection />
|
||||
<BrandSection />
|
||||
<TestimonialsSection />
|
||||
<ContactSection />
|
||||
<HomeContactOne />
|
||||
<CallAreaThree />
|
||||
<CounterAreaTwo />
|
||||
<CounsellingSolutions />
|
||||
<FaqFour />
|
||||
<BlogSection />
|
||||
{/* <AboutTwo /> */}
|
||||
{/* <WhyChooseTwo /> */}
|
||||
{/* <HistoryTwo /> */}
|
||||
{/* <AboutThree /> */}
|
||||
{/* <IconCounterSection /> */}
|
||||
{/* <ContactSection /> */}
|
||||
{/* <FaqFour /> */}
|
||||
|
||||
</main>
|
||||
<Footer1 />
|
||||
|
||||
@ -23,7 +23,6 @@ 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(() => {
|
||||
@ -48,9 +47,8 @@ export default function Home3() {
|
||||
{/* <ServiceSection /> */}
|
||||
<ServiceSection2 />
|
||||
<WorkProcessSection />
|
||||
<AboutTwo />
|
||||
{/* <AboutService /> */}
|
||||
{/* <FeaturesSection2 /> */}
|
||||
<AboutService />
|
||||
<FeaturesSection2 />
|
||||
{/* <ProjectsSection /> */}
|
||||
{/* <BrandsSection /> */}
|
||||
{/* <FaqSection /> */}
|
||||
|
||||
@ -5,18 +5,6 @@ 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">
|
||||
@ -62,13 +50,26 @@ 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: #eaf0f9;
|
||||
background: #fff;
|
||||
}
|
||||
@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: '#1a1f2b', fontSize: '20px', marginRight: '8px' }}></span>
|
||||
<span className="fa-solid fa-circle-check" style={{ color: '#222222', 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,13 +115,6 @@ 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-white">{service.text}</p>
|
||||
<p className="service-three__item__text text-black">{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">
|
||||
<section className="testimonials-two-section fix section-space pt-0">
|
||||
<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-bottom">
|
||||
<section className="icon-box-counter-section section-space">
|
||||
<div className="small-container">
|
||||
<div className="row g-4">
|
||||
{[
|
||||
|
||||
@ -104,7 +104,7 @@ const BannerBottom = () => {
|
||||
cursor: 'pointer',
|
||||
background: 'linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important',
|
||||
padding: '10px 25px',
|
||||
borderRadius: '10px',
|
||||
borderRadius: '50px',
|
||||
border: '1px solid rgba(55, 121, 185, 0.2)',
|
||||
transition: 'all 0.3s'
|
||||
}}
|
||||
|
||||
@ -19390,7 +19390,7 @@ img {
|
||||
.vl-btn1, .vl-btn2, .vl-btn3, .vl-btn4, .vl-btn5, .vl-btn6, .kf-demo-btn, .secondary-cta {
|
||||
background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important;
|
||||
background-size: 200% auto !important;
|
||||
border-radius: 10px !important;
|
||||
border-radius: 30px !important;
|
||||
color: #fff !important;
|
||||
padding: 20px 30px !important;
|
||||
border: none !important;
|
||||
|
||||
@ -100,7 +100,7 @@ const BannerBottom = () => {
|
||||
cursor: 'pointer',
|
||||
background: 'linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important',
|
||||
padding: '10px 25px',
|
||||
borderRadius: '10px',
|
||||
borderRadius: '50px',
|
||||
border: '1px solid rgba(55, 121, 185, 0.2)',
|
||||
transition: 'all 0.3s'
|
||||
}}
|
||||
|
||||
@ -168,7 +168,7 @@ const CaseStudies = () => {
|
||||
{/* Content */}
|
||||
<div className="case-study-content text-center mt-4">
|
||||
<div className="case-study-title">
|
||||
{/* <h6 style={{ color: '#3779b9', textTransform: 'uppercase', letterSpacing: '1px', fontWeight: 600, marginBottom: '5px' }}>{item.title}</h6> */}
|
||||
<h6 style={{ color: '#3779b9', textTransform: 'uppercase', letterSpacing: '1px', fontWeight: 600, marginBottom: '5px' }}>{item.title}</h6>
|
||||
<h3 style={{ margin: 0 }}>
|
||||
<Link
|
||||
href={item.link || "#"}
|
||||
|
||||
@ -153,7 +153,7 @@ const KeyFeatures = () => {
|
||||
→
|
||||
</button>
|
||||
</div>
|
||||
<button onClick={() => setIsContactOpen(true)} className="kf-demo-btn mt-50">
|
||||
<button onClick={() => setIsContactOpen(true)} className="kf-demo-btn">
|
||||
Book Free Strategy Call
|
||||
<i className="fa-solid fa-angle-right"></i></button>
|
||||
</div>
|
||||
|
||||
@ -19391,7 +19391,7 @@ img {
|
||||
.secondary-cta {
|
||||
background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important;
|
||||
background-size: 200% auto !important;
|
||||
border-radius: 10px !important;
|
||||
border-radius: 30px !important;
|
||||
color: #fff !important;
|
||||
padding: 20px 30px !important;
|
||||
border: none !important;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user