MetatroncubeSoftwareSolutions/rapharehap
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: MetatroncubeSoftwareSolutions:0441510e46485222c34dcafcd757bdd8fb178be7
Branches Tags
MetatroncubeSoftwareSolutions:main
MetatroncubeSoftwareSolutions:team
MetatroncubeSoftwareSolutions:test
..
compare: MetatroncubeSoftwareSolutions:30a4f905618ea10e6173c1344b90ae7567f0e2f6
Branches Tags
MetatroncubeSoftwareSolutions:main
MetatroncubeSoftwareSolutions:team
MetatroncubeSoftwareSolutions:test

No commits in common. "0441510e46485222c34dcafcd757bdd8fb178be7" and "30a4f905618ea10e6173c1344b90ae7567f0e2f6" have entirely different histories.
0441510e46 ... 30a4f90561

13 changed files with 288 additions and 292 deletions
Show Stats Expand all files Collapse all files

24
app/about-us/page.js
View File

@ -116,8 +116,8 @@ export default function Home() {
<section className="process-section sec-pad pt-0"> <section className="process-section sec-pad pt-0">
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div> <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
<div className="shape"> <div className="shape">
{/* <div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div> <div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div>
<div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div> */} <div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
<div className="shape-3"></div> <div className="shape-3"></div>
</div> </div>
<div className="auto-container"> <div className="auto-container">
@ -195,17 +195,17 @@ export default function Home() {
{/* team-section-style-two */} {/* team-section-style-two */}
<section className="team-section sec-pad centred"> <section className="team-section sec-pad centred">
{/* <div className="shape"> */} <div className="shape">
{/* <div <div
className="shape-1 float-bob-y" className="shape-1 float-bob-y"
style={{ backgroundImage: "url(/assets/images/shape/shape-15.png)" }} style={{ backgroundImage: "url(/assets/images/shape/shape-15.png)" }}
></div> */} ></div>
{/* <div className="shape-2"></div> */} <div className="shape-2"></div>
{/* <div <div
className="shape-3 float-bob-x" className="shape-3 float-bob-x"
style={{ backgroundImage: "url(/assets/images/shape/shape-16.png)" }} style={{ backgroundImage: "url(/assets/images/shape/shape-16.png)" }}
></div> */} ></div>
{/* </div> */} </div>
<div className="auto-container"> <div className="auto-container">
<div className="sec-title mb_50"> <div className="sec-title mb_50">
@ -270,7 +270,7 @@ export default function Home() {
<p className='sub-title-2'>Physiotherapy Etobicoke – We are a team of health care professionals provide physiotherapy, massage therapy services in etobicoke assist you in improving your health.</p> <p className='sub-title-2'>Physiotherapy Etobicoke – We are a team of health care professionals provide physiotherapy, massage therapy services in etobicoke assist you in improving your health.</p>
</div> </div>
<div className="row clearfix"> <div className="row clearfix">
<div className="col-lg-6 col-md-6 chooseus-block"> <div className="col-lg-6 col-md-6 col-4 col-sm-4 chooseus-block">
<div className="chooseus-block-one"> <div className="chooseus-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><img src="/assets/images/about-us/section4/expert-team.webp" alt="Expert team" /></div> <div className="icon-box"><img src="/assets/images/about-us/section4/expert-team.webp" alt="Expert team" /></div>
@ -279,7 +279,7 @@ export default function Home() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6 col-md-6 chooseus-block"> <div className="col-lg-6 col-md-6 col-4 col-sm-4 chooseus-block">
<div className="chooseus-block-one"> <div className="chooseus-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><img src="/assets/images/about-us/section4/understand.webp" alt="Understand your pain" /></div> <div className="icon-box"><img src="/assets/images/about-us/section4/understand.webp" alt="Understand your pain" /></div>
@ -288,7 +288,7 @@ export default function Home() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6 col-md-6 chooseus-block"> <div className="col-lg-6 col-md-6 col-4 col-sm-4 chooseus-block">
<div className="chooseus-block-one"> <div className="chooseus-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><img src="/assets/images/home/why-choose/ready.webp" alt="Ready to go" /></div> <div className="icon-box"><img src="/assets/images/home/why-choose/ready.webp" alt="Ready to go" /></div>

4
app/shortcodes/page.js
View File

@ -298,11 +298,11 @@ export default function Home() {
<section className="process-section pt_90 pb_90"> <section className="process-section pt_90 pb_90">
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div> <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
{/* <div className="shape"> <div className="shape">
<div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div> <div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div>
<div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div> <div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
<div className="shape-3"></div> <div className="shape-3"></div>
</div> */} </div>
<div className="auto-container"> <div className="auto-container">
<div className="inner-container"> <div className="inner-container">
<div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></div> <div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></div>

4
app/why-rapha-physiotherapy-etobicoke/page.js
View File

@ -24,11 +24,11 @@ export default function Team() {
<div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/shape/shape-13.webp)' }}></div> <div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/shape/shape-13.webp)' }}></div>
<div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-14.webp)' }}></div> <div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-14.webp)' }}></div>
</div> </div>
{/* <div className="shape"> <div className="shape">
<div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div> <div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
<div className="shape-2"></div> <div className="shape-2"></div>
<div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-16.png)' }}></div> <div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-16.png)' }}></div>
</div> */} </div>
<div className="auto-container"> <div className="auto-container">
<div className="sec-title mb_50"> <div className="sec-title mb_50">
<span className="sub-title">Why Choose Us</span> <span className="sub-title">Why Choose Us</span>

4
components/sections/home/AreaOfInjury.js
View File

@ -27,9 +27,9 @@ export default function AreaOfInjury() {
<div className="auto-container"> <div className="auto-container">
<div className="sec-title-1 mb_50"> <div className="sec-title-1 mb_50">
<span className="sub-title-1">Start Your Treatment Today! <br /> Visit our healthcare team in Etobicoke.</span> <span className="sub-title-1">Start Your Treatment Today! <br /> Visit our healthcare team in Etobicoke.</span>
<h2 className='h3-white' style={{ fontWeight: "bold" }}> <h3 className='h3-white' style={{ fontWeight: "bold" }}>
Area Of Injury Area Of Injury
</h2> </h3>
</div> </div>
<div className="row clearfix"> <div className="row clearfix">
{areaOfInjuryData.slice(0, 8).map((area, index) => ( {areaOfInjuryData.slice(0, 8).map((area, index) => (

17
components/sections/home/MobileServicesSection.js
View File

@ -5,11 +5,14 @@ import Link from "next/link"
export default function MobileServices() { export default function MobileServices() {
return ( return (
<> <>
<section className="team-section sec-pad centred bg-color-1"> <section className="feature-section sec-pad bg-color-1" style={{
<div className="pattern-layer"> backgroundImage: "url(/assets/images/home/our-services/our-services-bg.webp)",
<div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/home/our-services/top-right.webp)' }}></div> backgroundSize: "cover",
<div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/home/our-services/bottom-left.webp)' }}></div> backgroundPosition: "left",
</div> backgroundRepeat: "no-repeat",
backgroundAttachment: "scroll",
}}
>
<div className="auto-container"> <div className="auto-container">
<div className="sec-title mb_50 centred"> <div className="sec-title mb_50 centred">
<span className="sub-title-1 new-color2">Our Services</span> <span className="sub-title-1 new-color2">Our Services</span>
@ -29,8 +32,8 @@ export default function MobileServices() {
/> />
</div> <h3><Link href="/"> {service?.title}</Link></h3> </div> <h3><Link href="/"> {service?.title}</Link></h3>
<div className="btn-box"> <div className="btn-box">
<Link <Link
href={`/etobicoke-treatment-service/${service.slug}`} href={`/etobicoke-treatment-service/${service.slug}`}
className="theme-btn-2 btn-one" className="theme-btn-2 btn-one"
> >
<span>View Service</span> <span>View Service</span>

4
components/sections/home/ProcessSection.js
View File

@ -4,11 +4,11 @@ export default function ProcessSection() {
return ( return (
<section className="process-section sec-pad bg-color-1"> <section className="process-section sec-pad bg-color-1">
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div> <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
{/* <div className="shape"> <div className="shape">
<div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div> <div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div>
<div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div> <div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
<div className="shape-3"></div> <div className="shape-3"></div>
</div> */} </div>
<div className="auto-container"> <div className="auto-container">
<div className="sec-title mb_50 centred"> <div className="sec-title mb_50 centred">
<span className="sub-title">Our Process</span> <span className="sub-title">Our Process</span>

6
components/sections/home/ServicesSection.js
View File

@ -4,10 +4,10 @@ import React from 'react';
export default function ServicesSection() { export default function ServicesSection() {
return ( return (
<section className="team-section sec-pad centred bg-color-1"> <section className="service-section team-section bg-layer sec-pad bg-color-1">
<div className="pattern-layer"> <div className="pattern-layer">
<div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/home/our-services/top-right.webp)' }}></div> <div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/shape/shape-13.webp)' }}></div>
<div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/home/our-services/bottom-left.webp)' }}></div> <div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-14.webp)' }}></div>
</div> </div>
<div className="auto-container"> <div className="auto-container">
<div className="sec-title-1 mb_50 centred"> <div className="sec-title-1 mb_50 centred">

6
components/sections/home/WhyChooseusSection.js
View File

@ -16,7 +16,7 @@ export default function WhyChooseUsSection() {
<p className='sub-title-2'>Physiotherapy Etobicoke – We are a team of health care professionals provide physiotherapy, massage therapy services in etobicoke assist you in improving your health.</p> <p className='sub-title-2'>Physiotherapy Etobicoke – We are a team of health care professionals provide physiotherapy, massage therapy services in etobicoke assist you in improving your health.</p>
</div> </div>
<div className="row clearfix"> <div className="row clearfix">
<div className="col-lg-6 col-md-6 chooseus-block"> <div className="col-lg-6 col-md-6 col-4 col-sm-4 chooseus-block">
<div className="chooseus-block-one"> <div className="chooseus-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><img src="/assets/images/home/why-choose/expert-team.webp" alt="Expert Team" /></div> <div className="icon-box"><img src="/assets/images/home/why-choose/expert-team.webp" alt="Expert Team" /></div>
@ -25,7 +25,7 @@ export default function WhyChooseUsSection() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6 col-md-6 chooseus-block"> <div className="col-lg-6 col-md-6 col-4 col-sm-4 chooseus-block">
<div className="chooseus-block-one"> <div className="chooseus-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><img src="/assets/images/home/why-choose/understand.webp" alt="Understand your Pain" /></div> <div className="icon-box"><img src="/assets/images/home/why-choose/understand.webp" alt="Understand your Pain" /></div>
@ -34,7 +34,7 @@ export default function WhyChooseUsSection() {
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-6 col-md-6 chooseus-block"> <div className="col-lg-6 col-md-6 col-4 col-sm-4 chooseus-block">
<div className="chooseus-block-one"> <div className="chooseus-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="icon-box"><img src="/assets/images/home/why-choose/ready.webp" alt="Ready To Go" /></div> <div className="icon-box"><img src="/assets/images/home/why-choose/ready.webp" alt="Ready To Go" /></div>

177
public/assets/css/module-css/sidebar.css
View File

@ -1,16 +1,11 @@
/** sidebar **/ /** sidebar **/
.default-sidebar { .default-sidebar{
position: relative; position: relative;
} }
@media (max-width: 991px) { .default-sidebar .sidebar-widget{
.default-sidebar {
display: none;
}
}
.default-sidebar .sidebar-widget {
position: relative; position: relative;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
@ -18,40 +13,40 @@
margin-bottom: 40px; margin-bottom: 40px;
} }
.default-sidebar .sidebar-widget:last-child { .default-sidebar .sidebar-widget:last-child{
margin-bottom: 0px; margin-bottom: 0px;
} }
.default-sidebar .widget-title { .default-sidebar .widget-title{
position: relative; position: relative;
display: block; display: block;
padding: 40px 40px 19px 40px; padding: 40px 40px 19px 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);
} }
.default-sidebar .widget-title h3 { .default-sidebar .widget-title h3{
display: block; display: block;
font-size: 36px; font-size: 36px;
line-height: 46px; line-height: 46px;
font-weight: 600; font-weight: 600;
} }
.default-sidebar .widget-content { .default-sidebar .widget-content{
position: relative; position: relative;
padding: 30px 30px 40px 45px; padding: 30px 30px 40px 45px;
} }
.default-sidebar .category-widget .category-list li { .default-sidebar .category-widget .category-list li{
position: relative; position: relative;
display: block; display: block;
margin-bottom: 15px; margin-bottom: 15px;
} }
.default-sidebar .category-widget .category-list li:last-child { .default-sidebar .category-widget .category-list li:last-child{
margin-bottom: 0px; margin-bottom: 0px;
} }
.default-sidebar .category-widget .category-list li a { .default-sidebar .category-widget .category-list li a{
position: relative; position: relative;
display: inline-block; display: inline-block;
font-size: 18px; font-size: 18px;
@ -62,11 +57,11 @@
} }
.default-sidebar .category-widget .category-list li a:hover, .default-sidebar .category-widget .category-list li a:hover,
.default-sidebar .category-widget .category-list li a.current { .default-sidebar .category-widget .category-list li a.current{
color: #bc0000; color: #bc0000;
} }
.default-sidebar .category-widget .category-list li a:before { .default-sidebar .category-widget .category-list li a:before{
position: absolute; position: absolute;
content: '\e924'; content: '\e924';
font-family: 'icomoon'; font-family: 'icomoon';
@ -78,16 +73,16 @@
} }
.default-sidebar .category-widget .category-list li a:hover:before, .default-sidebar .category-widget .category-list li a:hover:before,
.default-sidebar .category-widget .category-list li a.current:before { .default-sidebar .category-widget .category-list li a.current:before{
color: var(--secondary-color) !important; color: var(--secondary-color) !important;
} }
.blog-sidebar .search-widget .search-form .form-group { .blog-sidebar .search-widget .search-form .form-group{
position: relative; position: relative;
margin-bottom: 0px; margin-bottom: 0px;
} }
.blog-sidebar .search-widget .search-form .form-group input[type='search'] { .blog-sidebar .search-widget .search-form .form-group input[type='search']{
position: relative; position: relative;
display: block; display: block;
width: 100%; width: 100%;
@ -101,7 +96,7 @@
padding: 10px 60px 10px 40px; padding: 10px 60px 10px 40px;
} }
.blog-sidebar .search-widget .search-form .form-group button[type='submit'] { .blog-sidebar .search-widget .search-form .form-group button[type='submit']{
position: absolute; position: absolute;
top: 28px; top: 28px;
right: 25px; right: 25px;
@ -111,24 +106,24 @@
transition: all 500ms ease; transition: all 500ms ease;
} }
.blog-sidebar .search-widget .search-form .form-group input:focus+button, .blog-sidebar .search-widget .search-form .form-group input:focus + button,
.blog-sidebar .search-widget .search-form .form-group button:hover { .blog-sidebar .search-widget .search-form .form-group button:hover{
color: var(--secondary-color); color: var(--secondary-color);
} }
.blog-sidebar .tags-widget .tags-list { .blog-sidebar .tags-widget .tags-list{
position: relative; position: relative;
margin: 0px -7.5px; margin: 0px -7.5px;
} }
.blog-sidebar .tags-widget .tags-list li { .blog-sidebar .tags-widget .tags-list li{
position: relative; position: relative;
display: inline-block; display: inline-block;
float: left; float: left;
margin: 0px 7.5px 15px 7.5px; margin: 0px 7.5px 15px 7.5px;
} }
.blog-sidebar .tags-widget .tags-list li a { .blog-sidebar .tags-widget .tags-list li a{
position: relative; position: relative;
display: inline-block; display: inline-block;
font-size: 16px; font-size: 16px;
@ -140,16 +135,16 @@
text-align: center; text-align: center;
} }
.blog-sidebar .tags-widget .tags-list li a:hover { .blog-sidebar .tags-widget .tags-list li a:hover{
color: #fff; color: #fff;
background: var(--theme-color); background: var(--theme-color);
} }
.blog-sidebar .tags-widget .widget-content { .blog-sidebar .tags-widget .widget-content{
padding-bottom: 25px; padding-bottom: 25px;
} }
.blog-sidebar .post-widget .post { .blog-sidebar .post-widget .post{
position: relative; position: relative;
display: block; display: block;
padding: 1px 0px 1px 95px; padding: 1px 0px 1px 95px;
@ -157,7 +152,7 @@
min-height: 80px; min-height: 80px;
} }
.blog-sidebar .post-widget .post .post-thumb { .blog-sidebar .post-widget .post .post-thumb{
position: absolute; position: absolute;
left: 0px; left: 0px;
top: 0px; top: 0px;
@ -166,12 +161,12 @@
border-radius: 50%; border-radius: 50%;
} }
.blog-sidebar .post-widget .post .post-thumb img { .blog-sidebar .post-widget .post .post-thumb img{
width: 100%; width: 100%;
border-radius: 50%; border-radius: 50%;
} }
.blog-sidebar .post-widget .post h6 { .blog-sidebar .post-widget .post h6{
display: block; display: block;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
@ -179,20 +174,20 @@
margin-bottom: 12px; margin-bottom: 12px;
} }
.blog-sidebar .post-widget .post h6 a { .blog-sidebar .post-widget .post h6 a{
display: inline-block; display: inline-block;
color: var(--title-color); color: var(--title-color);
} }
.blog-sidebar .post-widget .post h6 a:hover { .blog-sidebar .post-widget .post h6 a:hover{
color: var(--theme-color); color: var(--theme-color);
} }
.blog-sidebar .post-widget .post:last-child { .blog-sidebar .post-widget .post:last-child{
margin-bottom: 0px; margin-bottom: 0px;
} }
.blog-sidebar .post-widget .post .post-info li { .blog-sidebar .post-widget .post .post-info li{
position: relative; position: relative;
display: inline-block; display: inline-block;
float: left; float: left;
@ -202,20 +197,20 @@
margin-right: 40px; margin-right: 40px;
} }
.blog-sidebar .post-widget .post .post-info li:last-child { .blog-sidebar .post-widget .post .post-info li:last-child{
margin: 0px !important; margin: 0px !important;
} }
.blog-sidebar .post-widget .post .post-info li a { .blog-sidebar .post-widget .post .post-info li a{
display: inline-block; display: inline-block;
color: #676767; color: #676767;
} }
.blog-sidebar .post-widget .post .post-info li a:hover { .blog-sidebar .post-widget .post .post-info li a:hover{
color: var(--secondary-color); color: var(--secondary-color);
} }
.blog-sidebar .post-widget .post .post-info li:before { .blog-sidebar .post-widget .post .post-info li:before{
position: absolute; position: absolute;
content: ''; content: '';
background: rgba(103, 103, 103, 1); background: rgba(103, 103, 103, 1);
@ -225,27 +220,27 @@
right: -20px; right: -20px;
} }
.blog-sidebar .post-widget .post .post-info li:last-child:before { .blog-sidebar .post-widget .post .post-info li:last-child:before{
display: none; display: none;
} }
.blog-sidebar .gallery-widget .image-list { .blog-sidebar .gallery-widget .image-list{
position: relative; position: relative;
margin: 0px -5px; margin: 0px -5px;
} }
.blog-sidebar .gallery-widget .image-list li { .blog-sidebar .gallery-widget .image-list li{
position: relative; position: relative;
display: inline-block; display: inline-block;
float: left; float: left;
margin: 0px 5px 10px 5px; margin: 0px 5px 10px 5px;
} }
.blog-sidebar .gallery-widget .widget-content { .blog-sidebar .gallery-widget .widget-content{
padding-bottom: 30px; padding-bottom: 30px;
} }
.blog-sidebar .gallery-widget .image-list li .image { .blog-sidebar .gallery-widget .image-list li .image{
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 100px; width: 100px;
@ -253,7 +248,7 @@
border-radius: 5px; border-radius: 5px;
} }
.blog-sidebar .gallery-widget .image-list li .image img { .blog-sidebar .gallery-widget .image-list li .image img{
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;
} }
@ -264,32 +259,32 @@
/** RTL-CSS **/ /** RTL-CSS **/
.rtl .default-sidebar { .rtl .default-sidebar{
margin-right: 0px; margin-right: 0px;
margin-left: 15px; margin-left: 15px;
} }
.rtl .blog-sidebar .tags-widget .tags-list li { .rtl .blog-sidebar .tags-widget .tags-list li{
float: right; float: right;
} }
.rtl .blog-sidebar .post-widget .post { .rtl .blog-sidebar .post-widget .post{
padding-left: 0px; padding-left: 0px;
padding-right: 95px; padding-right: 95px;
} }
.rtl .blog-sidebar .post-widget .post .post-thumb { .rtl .blog-sidebar .post-widget .post .post-thumb{
left: inherit; left: inherit;
right: 0px; right: 0px;
} }
.rtl .blog-sidebar .post-widget .post .post-info li { .rtl .blog-sidebar .post-widget .post .post-info li{
float: right; float: right;
margin-right: 0px; margin-right: 0px;
margin-left: 40px; margin-left: 40px;
} }
.rtl .blog-sidebar .post-widget .post .post-info li:before { .rtl .blog-sidebar .post-widget .post .post-info li:before{
right: inherit; right: inherit;
left: -20px; left: -20px;
} }
@ -298,43 +293,97 @@
/** RESPONSIVE-CSS **/ /** RESPONSIVE-CSS **/
@media only screen and (max-width: 1599px) {} @media only screen and (max-width: 1599px){
}
@media only screen and (max-width: 1200px) {} @media only screen and (max-width: 1200px){
@media only screen and (max-width: 991px) {
.blog-sidebar { }
@media only screen and (max-width: 991px){
.blog-sidebar{
margin-bottom: 40px; margin-bottom: 40px;
margin-right: 0px; margin-right: 0px;
} }
} }
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px){
.service-details { .service-details{
padding: 70px 0px 70px 0px; padding: 70px 0px 70px 0px;
} }
} }
@media only screen and (max-width: 599px) {} @media only screen and (max-width: 599px){
@media only screen and (max-width: 499px) {
.blog-sidebar .post-widget .post {
}
@media only screen and (max-width: 499px){
.blog-sidebar .post-widget .post{
padding: 0px; padding: 0px;
} }
.blog-sidebar .post-widget .post .post-thumb { .blog-sidebar .post-widget .post .post-thumb{
position: relative; position: relative;
margin-bottom: 15px; margin-bottom: 15px;
} }
.rtl .blog-sidebar .post-widget .post { .rtl .blog-sidebar .post-widget .post{
padding-right: 0px; padding-right: 0px;
} }
} }

134
public/assets/css/module-css/video.css
View File

@ -1,12 +1,13 @@
/** video-section **/ /** video-section **/
.video-section { .video-section{
position: relative; position: relative;
overflow: hidden; overflow: hidden;
padding: 145px 0px; padding: 145px 0px;
} }
.video-section .bg-layer:before { .video-section .bg-layer:before{
position: absolute; position: absolute;
content: ''; content: '';
/* background: #bc0000; */ /* background: #bc0000; */
@ -17,20 +18,20 @@
opacity: 0.6; opacity: 0.6;
} }
.video-section .inner-box { .video-section .inner-box{
position: relative; position: relative;
display: block; display: block;
max-width: 1090px; max-width: 1090px;
} }
.video-section .inner-box .video-btn { .video-section .inner-box .video-btn{
position: absolute; position: absolute;
top: 85px; top: 85px;
right: 0px; right: 0px;
cursor: pointer cursor:pointer
} }
.video-section .inner-box .video-btn a { .video-section .inner-box .video-btn a{
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 100px; width: 100px;
@ -44,7 +45,7 @@
z-index: 1; z-index: 1;
} }
.video-section .inner-box h2 { .video-section .inner-box h2{
display: block; display: block;
font-size: 64px; font-size: 64px;
line-height: 75px; line-height: 75px;
@ -53,7 +54,7 @@
margin-bottom: 50px; margin-bottom: 50px;
} }
.video-section .inner-box .shape { .video-section .inner-box .shape{
position: absolute; position: absolute;
right: 573px; right: 573px;
top: 242px; top: 242px;
@ -63,27 +64,27 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.inner-box-new-color { .inner-box-new-color{
color: #fff; color: #fff;
font-size: 18px; font-size: 18px;
line-height: 36px; line-height: 36px;
/* font-weight: 600; */ /* font-weight: 600; */
margin-bottom: 5px; margin-bottom: 5px;
} }
.video-section .image-layer { .video-section .image-layer{
position: absolute; position: absolute;
right: 60px; right: 60px;
bottom: 0px; bottom: 0px;
} }
.video-section.alternat-2 { .video-section.alternat-2{
overflow: visible; overflow: visible;
} }
.video-section.alternat-2 .bg-layer { .video-section.alternat-2 .bg-layer{
position: absolute; position: absolute;
left: 0px; left: 0px;
top: 0px; top: 0px;
@ -100,7 +101,7 @@
/** RTL-CSS **/ /** RTL-CSS **/
.rtl .video-section .inner-box .video-btn { .rtl .video-section .inner-box .video-btn{
right: inherit; right: inherit;
left: 0px; left: 0px;
} }
@ -110,24 +111,24 @@
/** RESPONSIVE-CSS **/ /** RESPONSIVE-CSS **/
@media only screen and (max-width: 1200px) { @media only screen and (max-width: 1200px){
.video-section .image-layer { .video-section .image-layer{
display: none; display: none;
} }
} }
@media only screen and (max-width: 1440px) { @media only screen and (max-width: 1440px){
.video-section .image-layer { .video-section .image-layer{
display: none; display: none;
} }
} }
.video-section .inner-box .shape { .video-section .inner-box .shape{
position: absolute; position: absolute;
right: 566px; right: 566px;
top: 174px; top: 174px;
@ -138,9 +139,9 @@
} }
@media only screen and (max-width: 1440px) { @media only screen and (max-width: 1440px){
.video-section .inner-box .shape { .video-section .inner-box .shape{
position: absolute; position: absolute;
right: 587px; right: 587px;
@ -154,9 +155,9 @@
} }
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px){
.video-section .inner-box .shape { .video-section .inner-box .shape{
position: absolute; position: absolute;
right: 470px; right: 470px;
@ -170,9 +171,9 @@
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px){
.video-section .inner-box .shape { .video-section .inner-box .shape{
position: absolute; position: absolute;
right: 226px; right: 226px;
@ -186,50 +187,87 @@
} }
@media only screen and (max-width: 991px) { @media only screen and (max-width: 991px){
.video-section .inner-box .video-btn { .video-section .inner-box .video-btn{
position: relative; position: relative;
top: 0px; top: 0px;
margin-bottom: 40px; margin-bottom: 40px;
text-align: center; text-align: center;
} }
.video-section .inner-box h2 br { .video-section .inner-box h2 br{
display: none; display: none;
} }
} }
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px){
.video-section .inner-box h2 { .video-section .inner-box h2{
font-size: 26px; font-size: 26px;
line-height: 46px; line-height: 46px;
} }
.video-section .inner-box .shape { .video-section .inner-box .shape{
display: none; display: none;
} }
.video-section { .video-section{
padding: 90px 0px 70px 0px; padding: 90px 0px 70px 0px;
} }
} }
@media only screen and (max-width: 599px) {} @media only screen and (max-width: 599px){
@media only screen and (max-width: 499px) {}
@media (max-width: 768px) {
.video-section h2 {
text-align: center;
}
.video-section .btn-box {
display: flex;
justify-content: center;
margin-top: 15px;
}
} }
@media only screen and (max-width: 499px){
}

200
public/assets/css/style.css
View File

@ -890,20 +890,6 @@
color: var(--secondary-color) !important; color: var(--secondary-color) !important;
} }
@media only screen and (max-width: 1024px) {
.sec-title-1 h2 {
position: relative;
display: block;
font-size: 38px;
line-height: 65px;
font-weight: 700;
margin: 0px;
text-transform: capitalize;
}
}
@ -1127,9 +1113,9 @@
gap: 15px; gap: 15px;
} }
/* .header-top .top-inner .social-links li { .header-top .top-inner .social-links li {
display: none !important; display: none !important;
} */ }
.header-top .top-inner { .header-top .top-inner {
@ -2870,16 +2856,16 @@
@media only screen and (max-width: 1200px) { @media only screen and (max-width: 1200px) {
/* .main-menu, .main-menu,
.sticky-header, .sticky-header,
.main-header.style-one .outer-container:before { .main-header.style-one .outer-container:before {
display: none !important; display: none !important;
} */ }
/* .menu-area .mobile-nav-toggler { .menu-area .mobile-nav-toggler {
display: block; display: block;
padding: 10px; padding: 10px;
} */ }
.megamenu ul li:first-child { .megamenu ul li:first-child {
display: none; display: none;
@ -2889,44 +2875,6 @@
} }
@media (max-width: 768px) {
.main-menu,
.sticky-header,
.main-header.style-one .outer-container:before {
display: none !important;
}
.menu-area .mobile-nav-toggler {
display: block;
padding: 10px;
}
.header-top .social-links {
display: none !important;
}
}
@media (max-width: 1200px) and (min-width: 1025px) {
.header-style-two .header-lower .outer-container {
padding: 0px 50px !important;
}
}
@media (max-width: 1024px) and (min-width: 769px) {
.header-style-two .header-lower .outer-container {
padding: 0px 20px;
}
}
@media (max-width: 1024px) {
.main-menu .navigation > li {
margin: 0 15px !important;
}
}
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
@ -3014,15 +2962,6 @@
} }
@media only screen and (max-width: 499px) {
.sec-title-1 h2 {
font-size: 26px;
line-height: 34px;
}
}
@media only screen and (max-width : 426px) { @media only screen and (max-width : 426px) {
.default-form .form-group input[type='text'], .default-form .form-group input[type='text'],
@ -3237,84 +3176,51 @@
opacity: 0.8; opacity: 0.8;
} }
} }
.contact-icon-container { .contact-icon-container {
position: fixed; position: fixed;
bottom: 60px; bottom: 60px;
left: 20px; left: 20px;
z-index: 9999; z-index: 9999;
}
/* Common style for all icons */
.contact-icon-outer {
background-color: #102548;
padding: 16px;
border-radius: 50%;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
width: 56px;
height: 56px;
position: absolute;
left: 0;
/* so all align vertically */
transition: transform 0.3s ease, opacity 0.3s ease;
}
.contact-icon {
width: 28px;
height: 28px;
}
/* Extra icons start hidden */
.extra-icon {
opacity: 0;
transform: translateY(20px);
/* slight downward offset */
pointer-events: none;
}
/* When menu is open */
.extra-icon.show {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
/* Delay each icon for “one-by-one” effect */
.extra-icon.show:nth-child(1) {
transition-delay: 0.05s;
}
.extra-icon.show:nth-child(2) {
transition-delay: 0.1s;
}
.extra-icon.show:nth-child(3) {
transition-delay: 0.15s;
}
@media (max-width: 425px) {
.sec-title-1 {
display: flex;
flex-direction: column;
}
.sec-title-1 h2 {
order: -1;
font-weight: normal;
font-size: 24px;
color: inherit;
}
.sec-title-1 span {
order: 1;
font-weight: bold;
font-size: 26px !important;
color: #fff;
display: block;
margin-top: 8px;
}
} }
/* Common style for all icons */
.contact-icon-outer {
background-color: #102548;
padding: 16px;
border-radius: 50%;
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
width: 56px;
height: 56px;
position: absolute;
left: 0; /* so all align vertically */
transition: transform 0.3s ease, opacity 0.3s ease;
}
.contact-icon {
width: 28px;
height: 28px;
}
/* Extra icons start hidden */
.extra-icon {
opacity: 0;
transform: translateY(20px); /* slight downward offset */
pointer-events: none;
}
/* When menu is open */
.extra-icon.show {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
/* Delay each icon for “one-by-one” effect */
.extra-icon.show:nth-child(1) { transition-delay: 0.05s; }
.extra-icon.show:nth-child(2) { transition-delay: 0.1s; }
.extra-icon.show:nth-child(3) { transition-delay: 0.15s; }

BIN
public/assets/images/home/our-services/bottom-left.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.8 KiB

BIN
public/assets/images/home/our-services/top-right.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.7 KiB