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

Responsive updated

Browse Source
This commit is contained in:
akash 2025-10-17 12:57:08 +05:30
parent d748cd15f6
commit f8afc9d22b
5 changed files with 265 additions and 270 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/about-us/AboutClient.js
View File

@ -108,7 +108,7 @@ export default function Home() {
</div> </div>
</div> </div>
<figure className="image image-1-ho"><img src="/assets/images/about-us/section1/about-right.webp" alt="Physiotherapy at Rapharehab" /></figure> <figure className="image image-1-ho hide-img"><img src="/assets/images/about-us/section1/about-right.webp" alt="Physiotherapy at Rapharehab" /></figure>
<figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="Physiotherapy at Rapharehab" /></figure> <figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="Physiotherapy at Rapharehab" /></figure>
<div className="icon-box new-ho"><img src="/assets/images/about-us/section1/about-icon.webp" alt="Physiotherapy at Rapharehab" /></div> <div className="icon-box new-ho"><img src="/assets/images/about-us/section1/about-icon.webp" alt="Physiotherapy at Rapharehab" /></div>
</div> </div>
@ -205,7 +205,7 @@ export default function Home() {
<div className="image_block_two pl_30 pb_30"> <div className="image_block_two pl_30 pb_30">
<div className="image-box"> <div className="image-box">
<figure className="image image-1-new "><img src="/assets/images/about-us/section3/top.webp" className="new-image-about" alt="Physiotherapy at Rapharehab" /></figure> <figure className="image image-1-new "><img src="/assets/images/about-us/section3/top.webp" className="new-image-about" alt="Physiotherapy at Rapharehab" /></figure>
<figure className="image image-2-new"><img src="/assets/images/about-us/section3/bottom.webp" alt="Physiotherapy at Rapharehab" /></figure> <figure className="image image-2-new hide-img"><img src="/assets/images/about-us/section3/bottom.webp" alt="Physiotherapy at Rapharehab" /></figure>
<div className="icon-box my-icon"><img src="/assets/images/about-us/section3/icon.webp" className="new-image-about2" alt="Physiotherapy at Rapharehab" /></div> <div className="icon-box my-icon"><img src="/assets/images/about-us/section3/icon.webp" className="new-image-about2" alt="Physiotherapy at Rapharehab" /></div>
</div> </div>
</div> </div>

2
app/ourapproach-physiotherapy-etobicoke/page.js
View File

@ -80,7 +80,7 @@ export default function About() {
</div> </div>
</div> </div>
<figure className="image image-1-ho"><img src="/assets/images/our-approach/right.webp" alt="Physiotherapy at Rapharehab" /></figure> <figure className="image image-1-ho hide-img"><img src="/assets/images/our-approach/right.webp" alt="Physiotherapy at Rapharehab" /></figure>
<figure className="image image-2"><img src="/assets/images/our-approach/left.webp" alt="Physiotherapy at Rapharehab" /></figure> <figure className="image image-2"><img src="/assets/images/our-approach/left.webp" alt="Physiotherapy at Rapharehab" /></figure>
<div className="icon-box new-ho"><img src="/assets/images/our-approach/icon.webp" alt="Physiotherapy at Rapharehab" /></div> <div className="icon-box new-ho"><img src="/assets/images/our-approach/icon.webp" alt="Physiotherapy at Rapharehab" /></div>
</div> </div>

4
app/what-to-expect/page.js
View File

@ -68,9 +68,9 @@ export default function About() {
</div> </div>
</div> </div>
<figure className="image image-1"><img src="/assets/images/what-we-expect/right.webp" alt="Physiotherapy at Rapharehab" /></figure> <figure className="image image-1 hide-img"><img src="/assets/images/what-we-expect/right.webp" alt="Physiotherapy at Rapharehab" /></figure>
<figure className="image image-2"><img src="/assets/images/what-we-expect/left.webp" alt="Physiotherapy at Rapharehab" /></figure> <figure className="image image-2"><img src="/assets/images/what-we-expect/left.webp" alt="Physiotherapy at Rapharehab" /></figure>
<div className="icon-box"><img src="/assets/images/what-we-expect/icon.webp" alt="Physiotherapy at Rapharehab" /></div> <div className="icon-box new-ho"><img src="/assets/images/what-we-expect/icon.webp" alt="Physiotherapy at Rapharehab" /></div>
</div> </div>
</div> </div>
</div> </div>

136
public/assets/css/bootstrap.css vendored
View File

@ -162,8 +162,8 @@ p {
margin-top: 0; margin-top: 0;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
/*
abbr[title] { /* abbr[title] {
-webkit-text-decoration: underline dotted; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; text-decoration: underline dotted;
cursor: help; cursor: help;
@ -243,11 +243,11 @@ a {
color: var(--theme-color); color: var(--theme-color);
text-decoration: underline; text-decoration: underline;
} }
/* a:hover { a:hover {
color: #101214; color: #101214;
} }
a:not([href]):not([class]), a:not([href]):not([class]):hover { /* a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
} }
@ -303,7 +303,7 @@ svg {
vertical-align: middle; vertical-align: middle;
} }
/* table { table {
caption-side: bottom; caption-side: bottom;
border-collapse: collapse; border-collapse: collapse;
} }
@ -333,12 +333,12 @@ th {
label { label {
display: inline-block; display: inline-block;
} */ }
button { /* button {
border-radius: 0; border-radius: 0;
} }
/*
button:focus:not(:focus-visible) { button:focus:not(:focus-visible) {
outline: 0; outline: 0;
} */ } */
@ -361,9 +361,9 @@ select {
/* [role=button] { /* [role=button] {
cursor: pointer; cursor: pointer;
} */ }
/* select { select {
word-wrap: normal; word-wrap: normal;
} }
select:disabled { select:disabled {
@ -1930,7 +1930,7 @@ progress {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} */ } */
/* @media (max-width: 575.98px) { @media (max-width: 575.98px) {
.table-responsive-sm { .table-responsive-sm {
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
@ -1959,8 +1959,8 @@ progress {
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
} */ }
/* .form-label { .form-label {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
@ -1993,21 +1993,21 @@ progress {
.form-control { .form-control {
display: block; display: block;
width: 100%; width: 100%;
padding: 20px 30px; padding: 0.375rem 0.75rem;
font-size: 18px; font-size: 1rem;
color: #676767;
font-weight: 400; font-weight: 400;
border: 1px solid rgba(0, 0, 0, 0.1);
line-height: 1.5; line-height: 1.5;
color: #212529;
background-color: #fff; background-color: #fff;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
border-radius: 0.375rem; border-radius: 0.375rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} */ }
/* @media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.form-control { .form-control {
transition: none; transition: none;
} }
@ -2070,7 +2070,7 @@ progress {
border-inline-end-width: 1px; border-inline-end-width: 1px;
border-radius: 0; border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} */ }
/* @media (prefers-reduced-motion: reduce) { /* @media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button { .form-control::-webkit-file-upload-button {
-webkit-transition: none; -webkit-transition: none;
@ -4069,8 +4069,8 @@ textarea.form-control-lg {
padding: 0; padding: 0;
overflow-y: visible; overflow-y: visible;
} }
} */ }
/* @media (min-width: 1400px) { @media (min-width: 1400px) {
.navbar-expand-xxl { .navbar-expand-xxl {
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: flex-start; justify-content: flex-start;
@ -4116,8 +4116,8 @@ textarea.form-control-lg {
padding: 0; padding: 0;
overflow-y: visible; overflow-y: visible;
} }
} */ }
/* .navbar-expand { .navbar-expand {
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: flex-start; justify-content: flex-start;
} }
@ -5728,9 +5728,10 @@ textarea.form-control-lg {
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
bottom: var(--bs-popover-border-width); bottom: var(--bs-popover-border-width);
border-top-color: var(--bs-popover-bg); border-top-color: var(--bs-popover-bg);
} } */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
/* .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height); width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-width);
@ -5747,6 +5748,7 @@ textarea.form-control-lg {
border-right-color: var(--bs-popover-bg); border-right-color: var(--bs-popover-bg);
} }
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
} }
@ -5772,6 +5774,7 @@ textarea.form-control-lg {
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
} }
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height); width: var(--bs-popover-arrow-height);
@ -5789,6 +5792,7 @@ textarea.form-control-lg {
border-left-color: var(--bs-popover-bg); border-left-color: var(--bs-popover-bg);
} }
.popover-header { .popover-header {
padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
margin-bottom: 0; margin-bottom: 0;
@ -5849,7 +5853,8 @@ textarea.form-control-lg {
display: block; display: block;
} */ } */
/* .carousel-item-next:not(.carousel-item-start), /*
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end { .active.carousel-item-end {
transform: translateX(100%); transform: translateX(100%);
} }
@ -5859,6 +5864,7 @@ textarea.form-control-lg {
transform: translateX(-100%); transform: translateX(-100%);
} }
.carousel-fade .carousel-item { .carousel-fade .carousel-item {
opacity: 0; opacity: 0;
transition-property: opacity; transition-property: opacity;
@ -6022,9 +6028,9 @@ textarea.form-control-lg {
border-radius: 50%; border-radius: 50%;
-webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
} } */
@-webkit-keyframes spinner-border { /* @-webkit-keyframes spinner-border {
to { to {
transform: rotate(360deg) transform: rotate(360deg)
} }
@ -7094,10 +7100,10 @@ textarea.form-control-lg {
.d-flex { .d-flex {
display: flex !important; display: flex !important;
} }
/*
.d-inline-flex { .d-inline-flex {
display: inline-flex !important; display: inline-flex !important;
} */ }
.d-none { .d-none {
display: none !important; display: none !important;
@ -7392,16 +7398,16 @@ textarea.form-control-lg {
.flex-fill { .flex-fill {
flex: 1 1 auto !important; flex: 1 1 auto !important;
} */ } */
/*
.flex-row { .flex-row {
flex-direction: row !important; flex-direction: row !important;
} */ }
.flex-column { .flex-column {
flex-direction: column !important; flex-direction: column !important;
} }
/* .flex-row-reverse { .flex-row-reverse {
flex-direction: row-reverse !important; flex-direction: row-reverse !important;
} }
@ -7411,12 +7417,12 @@ textarea.form-control-lg {
.flex-grow-0 { .flex-grow-0 {
flex-grow: 0 !important; flex-grow: 0 !important;
} */ }
.flex-grow-1 { .flex-grow-1 {
flex-grow: 1 !important; flex-grow: 1 !important;
} }
/*
.flex-shrink-0 { .flex-shrink-0 {
flex-shrink: 0 !important; flex-shrink: 0 !important;
} }
@ -7435,21 +7441,21 @@ textarea.form-control-lg {
.flex-wrap-reverse { .flex-wrap-reverse {
flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important;
} */ }
/* .justify-content-start { .justify-content-start {
justify-content: flex-start !important; justify-content: flex-start !important;
} }
.justify-content-end { .justify-content-end {
justify-content: flex-end !important; justify-content: flex-end !important;
} */ }
.justify-content-center { .justify-content-center {
justify-content: center !important; justify-content: center !important;
} }
/* .justify-content-between { .justify-content-between {
justify-content: space-between !important; justify-content: space-between !important;
} }
@ -7467,13 +7473,13 @@ textarea.form-control-lg {
.align-items-end { .align-items-end {
align-items: flex-end !important; align-items: flex-end !important;
} */ }
.align-items-center { .align-items-center {
align-items: center !important; align-items: center !important;
} }
/* .align-items-baseline { .align-items-baseline {
align-items: baseline !important; align-items: baseline !important;
} }
@ -7669,25 +7675,25 @@ textarea.form-control-lg {
.mt-2 { .mt-2 {
margin-top: 0.5rem !important; margin-top: 0.5rem !important;
} */ }
.mt-3 { .mt-3 {
margin-top: 1rem !important; margin-top: 1rem !important;
} }
/* .mt-4 { .mt-4 {
margin-top: 1.5rem !important; margin-top: 1.5rem !important;
} }
.mt-5 { .mt-5 {
margin-top: 3rem !important; margin-top: 3rem !important;
} */ }
.mt-auto { .mt-auto {
margin-top: auto !important; margin-top: auto !important;
} }
/* .me-0 { .me-0 {
margin-right: 0 !important; margin-right: 0 !important;
} }
@ -7717,7 +7723,7 @@ textarea.form-control-lg {
.mb-0 { .mb-0 {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} */ }
.mb-1 { .mb-1 {
margin-bottom: 0.25rem !important; margin-bottom: 0.25rem !important;
@ -7731,15 +7737,15 @@ textarea.form-control-lg {
margin-bottom: 1rem !important; margin-bottom: 1rem !important;
} }
/* .mb-4 { .mb-4 {
margin-bottom: 1.5rem !important; margin-bottom: 1.5rem !important;
} */ }
.mb-5 { .mb-5 {
margin-bottom: 3rem !important; margin-bottom: 3rem !important;
} }
/* .mb-auto { .mb-auto {
margin-bottom: auto !important; margin-bottom: auto !important;
} }
@ -7785,13 +7791,13 @@ textarea.form-control-lg {
.p-3 { .p-3 {
padding: 1rem !important; padding: 1rem !important;
} */ }
.p-4 { .p-4 {
padding: 1.5rem !important; padding: 1.5rem !important;
} }
/* .p-5 { .p-5 {
padding: 3rem !important; padding: 3rem !important;
} }
@ -7901,12 +7907,12 @@ textarea.form-control-lg {
.pe-5 { .pe-5 {
padding-right: 3rem !important; padding-right: 3rem !important;
} */ }
.pb-0 { .pb-0 {
padding-bottom: 0 !important; padding-bottom: 0 !important;
} }
/*
.pb-1 { .pb-1 {
padding-bottom: 0.25rem !important; padding-bottom: 0.25rem !important;
} }
@ -7957,21 +7963,21 @@ textarea.form-control-lg {
.gap-1 { .gap-1 {
gap: 0.25rem !important; gap: 0.25rem !important;
} */ }
.gap-2 { .gap-2 {
gap: 0.5rem !important; gap: 0.5rem !important;
} }
/* .gap-3 { .gap-3 {
gap: 1rem !important; gap: 1rem !important;
} */ }
.gap-4 { .gap-4 {
gap: 1.5rem !important; gap: 1.5rem !important;
} }
/* .gap-5 { .gap-5 {
gap: 3rem !important; gap: 3rem !important;
} }
@ -8049,7 +8055,7 @@ textarea.form-control-lg {
.lh-lg { .lh-lg {
line-height: 2 !important; line-height: 2 !important;
} */ }
.text-start { .text-start {
text-align: left !important; text-align: left !important;
@ -8063,7 +8069,7 @@ textarea.form-control-lg {
text-align: center !important; text-align: center !important;
} }
/* .text-decoration-none { .text-decoration-none {
text-decoration: none !important; text-decoration: none !important;
} }
@ -8143,7 +8149,7 @@ textarea.form-control-lg {
.text-black { .text-black {
--bs-text-opacity: 1; --bs-text-opacity: 1;
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
} */ }
.text-white { .text-white {
--bs-text-opacity: 1; --bs-text-opacity: 1;
@ -8865,7 +8871,7 @@ textarea.form-control-lg {
.float-md-start { .float-md-start {
float: left !important; float: left !important;
} }
/* .float-md-end { .float-md-end {
float: right !important; float: right !important;
} }
.float-md-none { .float-md-none {
@ -8876,11 +8882,11 @@ textarea.form-control-lg {
} }
.d-md-inline-block { .d-md-inline-block {
display: inline-block !important; display: inline-block !important;
} */ }
.d-md-block { .d-md-block {
display: block !important; display: block !important;
} }
/* .d-md-grid { .d-md-grid {
display: grid !important; display: grid !important;
} }
.d-md-table { .d-md-table {
@ -8897,7 +8903,7 @@ textarea.form-control-lg {
} }
.d-md-inline-flex { .d-md-inline-flex {
display: inline-flex !important; display: inline-flex !important;
} */ }
.d-md-none { .d-md-none {
display: none !important; display: none !important;
} }

379
public/assets/css/module-css/about.css
View File

@ -1,17 +1,16 @@
/** about-section **/ /** about-section **/
/*
.about-section{
position: relative;
} */
.image_block_one .image-box{ .about-section {
position: relative;
}
.image_block_one .image-box {
position: relative; position: relative;
display: block; display: block;
padding-left: 30px; padding-left: 30px;
} }
/* .image_block_one .image-box .image{ .image_block_one .image-box .image {
position: relative; position: relative;
display: block; display: block;
filter: drop-shadow(0px 2px 70px rgba(0, 0, 0, 0.1)); filter: drop-shadow(0px 2px 70px rgba(0, 0, 0, 0.1));
@ -19,12 +18,12 @@
max-width: 600px; max-width: 600px;
} }
.image_block_one .image-box .image img{ .image_block_one .image-box .image img {
width: 100%; width: 100%;
border-radius: 300px 0px 300px 300px; border-radius: 300px 0px 300px 300px;
} */ }
.image_block_one .image-box .icon-one{ .image_block_one .image-box .icon-one {
position: absolute; position: absolute;
left: 30px; left: 30px;
top: 0px; top: 0px;
@ -39,7 +38,7 @@
background: #bc0000; background: #bc0000;
} }
.image_block_one .image-box .icon-two{ .image_block_one .image-box .icon-two {
position: absolute; position: absolute;
right: 0px; right: 0px;
bottom: 0px; bottom: 0px;
@ -53,7 +52,7 @@
border-radius: 15px; border-radius: 15px;
} }
/* .image_block_one .image-box .text-box{ .image_block_one .image-box .text-box {
position: absolute; position: absolute;
left: -70px; left: -70px;
bottom: 40px; bottom: 40px;
@ -65,7 +64,7 @@
padding: 30px; padding: 30px;
} }
.image_block_one .image-box .text-box h3{ .image_block_one .image-box .text-box h3 {
position: relative; position: relative;
display: block; display: block;
font-size: 22px; font-size: 22px;
@ -73,7 +72,7 @@
font-weight: 500; font-weight: 500;
} }
.image_block_one .image-box .text-box span{ .image_block_one .image-box .text-box span {
position: relative; position: relative;
display: block; display: block;
font-size: 16px; font-size: 16px;
@ -82,39 +81,39 @@
color: var(--secondary-color); color: var(--secondary-color);
} }
.image_block_one .image-box .shape{ .image_block_one .image-box .shape {
position: absolute; position: absolute;
left: -70px; left: -70px;
bottom: 210px; bottom: 210px;
width: 98px; width: 98px;
height: 27px; height: 27px;
background-repeat: no-repeat; background-repeat: no-repeat;
} */ }
.content_block_one .content-box{ .content_block_one .content-box {
position: relative; position: relative;
display: block; display: block;
margin-top: -6px; margin-top: -6px;
} }
.content_block_one .content-box .list-style-one li{ .content_block_one .content-box .list-style-one li {
float: left; float: left;
width: 100%; width: 100%;
} }
/* .content_block_one .content-box h6{ .content_block_one .content-box h6 {
display: block; display: block;
font-size: 16px; font-size: 16px;
line-height: 26px; line-height: 26px;
font-weight: 500; font-weight: 500;
margin-bottom: 30px; margin-bottom: 30px;
} */ }
/* .content_block_one .content-box p{ /* .content_block_one .content-box p{
margin-bottom: 30px; margin-bottom: 30px;
} */ } */
/* .about-section .pattern-layer .pattern-1{ .about-section .pattern-layer .pattern-1 {
position: absolute; position: absolute;
left: 100px; left: 100px;
top: 164px; top: 164px;
@ -123,7 +122,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.about-section .pattern-layer .pattern-2{ .about-section .pattern-layer .pattern-2 {
position: absolute; position: absolute;
right: 172px; right: 172px;
top: 360px; top: 360px;
@ -132,7 +131,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.about-section .pattern-layer .pattern-3{ .about-section .pattern-layer .pattern-3 {
position: absolute; position: absolute;
left: 60%; left: 60%;
top: 55px; top: 55px;
@ -141,7 +140,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.about-section .pattern-layer .pattern-4{ .about-section .pattern-layer .pattern-4 {
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
@ -150,66 +149,66 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.about-section .pattern-layer .pattern-5{ .about-section .pattern-layer .pattern-5 {
position: absolute; position: absolute;
right: 255px; right: 255px;
bottom: 132px; bottom: 132px;
width: 105px; width: 105px;
height: 126px; height: 126px;
background-repeat: no-repeat; background-repeat: no-repeat;
} */ }
/** about-style-two **/ /** about-style-two **/
.about-style-two{ .about-style-two {
position: relative; position: relative;
} }
.about-style-two .image_block_one .image-box{ .about-style-two .image_block_one .image-box {
padding: 0px; padding: 0px;
} }
.image_block_one .image-box .image-2{ .image_block_one .image-box .image-2 {
position: relative; position: relative;
display: block; display: block;
margin-left: 30px; margin-left: 30px;
} }
.image_block_one .image-box .image-2 img{ .image_block_one .image-box .image-2 img {
width: 100%; width: 100%;
} }
.image_block_one .image-box .image-shape{ .image_block_one .image-box .image-shape {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
transform: translate(-50%,-50%); transform: translate(-50%, -50%);
width: 965px; width: 965px;
height: 820px; height: 820px;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.about-style-two .content_block_one .content-box .list-style-one li{ .about-style-two .content_block_one .content-box .list-style-one li {
float: none; float: none;
width: 100%; width: 100%;
} }
.about-style-two .content_block_one .content-box p{ .about-style-two .content_block_one .content-box p {
margin-bottom: 17px; margin-bottom: 17px;
} }
.about-style-two .content_block_one .content-box .list-style-one li:before{ .about-style-two .content_block_one .content-box .list-style-one li:before {
background: #ffe6e6; background: #ffe6e6;
} }
/* .content_block_one .content-box .lower-box{ .content_block_one .content-box .lower-box {
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.content_block_one .content-box .lower-box .experience-box{ .content_block_one .content-box .lower-box .experience-box {
position: relative; position: relative;
display: block; display: block;
background: #FFFFFF; background: #FFFFFF;
@ -221,7 +220,7 @@
width: 316px; width: 316px;
} }
.content_block_one .content-box .lower-box .experience-box .icon-box{ .content_block_one .content-box .lower-box .experience-box .icon-box {
position: absolute; position: absolute;
display: inline-block; display: inline-block;
left: 30px; left: 30px;
@ -236,7 +235,7 @@
background: var(--theme-color); background: var(--theme-color);
} }
.content_block_one .content-box .lower-box .experience-box h3{ .content_block_one .content-box .lower-box .experience-box h3 {
display: block; display: block;
font-size: 22px; font-size: 22px;
line-height: 32px; line-height: 32px;
@ -244,7 +243,7 @@
color: var(--theme-color); color: var(--theme-color);
} }
.content_block_one .content-box .lower-box .experience-box .designation{ .content_block_one .content-box .lower-box .experience-box .designation {
position: relative; position: relative;
display: block; display: block;
font-size: 16px; font-size: 16px;
@ -252,7 +251,7 @@
color: var(--secondary-color); color: var(--secondary-color);
} }
.content_block_one .content-box .lower-box .author-thumb{ .content_block_one .content-box .lower-box .author-thumb {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 100px; width: 100px;
@ -263,12 +262,12 @@
margin-right: 30px; margin-right: 30px;
} }
.content_block_one .content-box .lower-box .author-thumb img{ .content_block_one .content-box .lower-box .author-thumb img {
width: 100%; width: 100%;
border-radius: 50%; border-radius: 50%;
} */ }
.about-style-two .pattern-layer .pattern-1{ .about-style-two .pattern-layer .pattern-1 {
position: absolute; position: absolute;
left: 100px; left: 100px;
top: 165px; top: 165px;
@ -277,7 +276,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.about-style-two .pattern-layer .pattern-2{ .about-style-two .pattern-layer .pattern-2 {
position: absolute; position: absolute;
top: 65px; top: 65px;
left: 65%; left: 65%;
@ -285,7 +284,7 @@
height: 33px; height: 33px;
} }
.about-style-two .pattern-layer .pattern-3{ .about-style-two .pattern-layer .pattern-3 {
position: absolute; position: absolute;
right: 200px; right: 200px;
bottom: 285px; bottom: 285px;
@ -294,73 +293,76 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
/* .about-style-two .pattern-layer .pattern-4{ .about-style-two .pattern-layer .pattern-4 {
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
width: 699px; width: 699px;
height: 341px; height: 341px;
background-repeat: no-repeat; background-repeat: no-repeat;
} */ }
/** about-style-three **/ /** about-style-three **/
/*
.about-style-three{ .about-style-three {
position: relative; position: relative;
} }
.about-style-three .content_block_one .content-box .list-style-one li{ .about-style-three .content_block_one .content-box .list-style-one li {
float: none; float: none;
width: 100%; width: 100%;
} */ }
.image_block_three .image-box{ .image_block_three .image-box {
position: relative; position: relative;
display: block; display: block;
margin-right: 36px; margin-right: 36px;
padding-left: 294px; padding-left: 294px;
} }
.image_block_three .image-box .image-1{ .image_block_three .image-box .image-1 {
position: relative;
filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
border-radius: 20px;
z-index: 1;
}
.image_block_three .image-box .image-1-ho{
position: relative; position: relative;
filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3)); filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
border-radius: 20px; border-radius: 20px;
z-index: 1; z-index: 1;
} }
.image_block_three .image-box .image-1 img{ .image_block_three .image-box .image-1-ho {
position: relative;
filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
border-radius: 20px;
z-index: 1;
}
.image_block_three .image-box .image-1 img {
width: 100%; width: 100%;
border-radius: 20px; border-radius: 20px;
} }
/*
@media (max-width: 768px) { @media (max-width: 768px) {
.billing-table table { .billing-table table {
font-size: 12px; font-size: 12px;
line-height: 22px; } line-height: 22px;
}
} }
@media (max-width: 426px) { @media (max-width: 426px) {
.billing-table table { .billing-table table {
font-size: 9px; font-size: 9px;
line-height: 12px; } line-height: 12px;
}
} }
.image_block_three .image-box .image-1-ho img{ .image_block_three .image-box .image-1-ho img {
width: 100%; width: 100%;
border-radius: 20px; border-radius: 20px;
} */ }
.image_block_three .image-box .image-2{ .image_block_three .image-box .image-2 {
position: absolute; position: absolute;
left: -10px; left: -10px;
top: 60px; top: 60px;
@ -370,7 +372,7 @@
transform: rotate(-15deg); transform: rotate(-15deg);
} }
.image_block_three .image-box .image-2-new{ .image_block_three .image-box .image-2-new {
position: absolute; position: absolute;
left: -10px; left: -10px;
top: 60px; top: 60px;
@ -380,17 +382,17 @@
transform: rotate(-15deg); transform: rotate(-15deg);
} }
.image_block_three .image-box .image-2 img{ .image_block_three .image-box .image-2 img {
width: 100%; width: 100%;
border-radius: 20px; border-radius: 20px;
} }
.image_block_three .image-box .image-2-new img{ .image_block_three .image-box .image-2-new img {
width: 100%; width: 100%;
border-radius: 20px; border-radius: 20px;
} }
.image_block_three .image-box .icon-box{ .image_block_three .image-box .icon-box {
position: absolute; position: absolute;
display: inline-block; display: inline-block;
right: 195px; right: 195px;
@ -406,7 +408,7 @@
z-index: 1; z-index: 1;
} }
.image_block_three .image-box .image-shape .shape-1{ .image_block_three .image-box .image-shape .shape-1 {
position: absolute; position: absolute;
width: 29px; width: 29px;
height: 33px; height: 33px;
@ -415,7 +417,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.image_block_three .image-box .image-shape .shape-2{ .image_block_three .image-box .image-shape .shape-2 {
position: absolute; position: absolute;
left: -45px; left: -45px;
top: 20px; top: 20px;
@ -424,16 +426,16 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
/* .image_block_three .image-box .image-shape .shape-3{ .image_block_three .image-box .image-shape .shape-3 {
position: absolute; position: absolute;
left: -100px; left: -100px;
bottom: 25px; bottom: 25px;
width: 98px; width: 98px;
height: 27px; height: 27px;
background-repeat: no-repeat; background-repeat: no-repeat;
} */ }
.image_block_three .image-box .image-shape .shape-4{ .image_block_three .image-box .image-shape .shape-4 {
position: absolute; position: absolute;
right: 104px; right: 104px;
bottom: -100px; bottom: -100px;
@ -442,7 +444,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.image_block_three .image-box .image-shape .shape-5{ .image_block_three .image-box .image-shape .shape-5 {
position: absolute; position: absolute;
right: 0px; right: 0px;
bottom: -165px; bottom: -165px;
@ -450,8 +452,8 @@
height: 126px; height: 126px;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
/*
.about-style-three .pattern-layer{ .about-style-three .pattern-layer {
position: absolute; position: absolute;
opacity: 0.8; opacity: 0.8;
top: 0px; top: 0px;
@ -459,7 +461,7 @@
width: 699px; width: 699px;
height: 341px; height: 341px;
background-repeat: no-repeat; background-repeat: no-repeat;
} */ }
@ -469,28 +471,28 @@
/** RTL-CSS **/ /** RTL-CSS **/
/* .rtl .image_block_one .image-box .text-box{ .rtl .image_block_one .image-box .text-box {
left: 0px; left: 0px;
} }
.rtl .content_block_one .content-box .list-style-one li{ .rtl .content_block_one .content-box .list-style-one li {
float: right; float: right;
} }
.rtl .content_block_one .content-box .lower-box .experience-box{ .rtl .content_block_one .content-box .lower-box .experience-box {
margin-right: 0px; margin-right: 0px;
margin-left: 30px; margin-left: 30px;
} }
.rtl .content_block_one .content-box .lower-box .author-thumb{ .rtl .content_block_one .content-box .lower-box .author-thumb {
margin-right: 0px; margin-right: 0px;
margin-left: 30px; margin-left: 30px;
} }
.rtl .image_block_three .image-box{ .rtl .image_block_three .image-box {
margin-right: 0px; margin-right: 0px;
margin-left: 36px; margin-left: 36px;
} */ }
@ -499,31 +501,31 @@
/** RESPONSIVE-CSS **/ /** RESPONSIVE-CSS **/
@media only screen and (max-width: 1024px){ @media only screen and (max-width: 1024px) {
.image_block_one .image-box .text-box{ .image_block_one .image-box .text-box {
left: 0px; left: 0px;
} }
.image_block_one .image-box{ .image_block_one .image-box {
margin-bottom: 30px; margin-bottom: 30px;
} }
.image_block_three .image-box{ .image_block_three .image-box {
margin-bottom: 30px; margin-bottom: 30px;
} }
.image_block_three .image-box .icon-box{ .image_block_three .image-box .icon-box {
bottom: 0px; bottom: 0px;
} }
.imge-new-element img{ .imge-new-element img {
display: none; display: none;
} }
.image-new-align{ .image-new-align {
position: relative; position: relative;
left: -140px; left: -140px;
@ -531,77 +533,79 @@
} }
} }
@media only screen and (max-width: 991px){
.image_block_one .image-box .text-box{ @media only screen and (max-width: 991px) {
.image_block_one .image-box .text-box {
left: 0px; left: 0px;
} }
.image_block_one .image-box{ .image_block_one .image-box {
margin-bottom: 30px; margin-bottom: 30px;
} }
.image_block_three .image-box{ .image_block_three .image-box {
margin-bottom: 30px; margin-bottom: 30px;
} }
.image_block_three .image-box .icon-box{ .image_block_three .image-box .icon-box {
bottom: 0px; bottom: 0px;
} }
} }
@media only screen and (max-width: 767px){ @media only screen and (max-width: 767px) {
.content_block_one .content-box .list-style-one li{ .content_block_one .content-box .list-style-one li {
float: none; float: none;
width: 100%; width: 100%;
} }
.content_block_one .content-box{ .content_block_one .content-box {
margin: 0px; margin: 0px;
} }
.image_block_one .image-box{ .image_block_one .image-box {
padding-left: 0px; padding-left: 0px;
} }
.about-section .pattern-layer{ .about-section .pattern-layer {
display: none; display: none;
} }
.about-section{ .about-section {
padding: 70px 0px; padding: 70px 0px;
} }
.content_block_one .content-box .lower-box{ .content_block_one .content-box .lower-box {
display: block; display: block;
} }
.content_block_one .content-box .lower-box .experience-box, .content_block_one .content-box .lower-box .experience-box,
.content_block_one .content-box .lower-box .author-thumb{ .content_block_one .content-box .lower-box .author-thumb {
margin-right: 0px; margin-right: 0px;
margin-bottom: 30px; margin-bottom: 30px;
} }
.about-style-two{ .about-style-two {
padding: 70px 0px; padding: 70px 0px;
} }
.about-style-two .pattern-layer{ .about-style-two .pattern-layer {
display: none; display: none;
} }
.image_block_three .image-box .image-1{ .image_block_three .image-box .image-1 {
max-width: 306px; max-width: 306px;
margin: 0 auto; margin: 0 auto;
} }
.image_block_three .image-box .image-1-ho{ .image_block_three .image-box .image-1-ho {
max-width: 306px; max-width: 306px;
margin: 0 auto; margin: 0 auto;
} }
.image_block_three .image-box .image-2{
.image_block_three .image-box .image-2 {
position: relative; position: relative;
left: 0px; left: 0px;
top: 0px; top: 0px;
@ -611,7 +615,7 @@
margin-top: 30px; margin-top: 30px;
} }
.image_block_three .image-box .image-2-new{ .image_block_three .image-box .image-2-new {
position: relative; position: relative;
left: 0px; left: 0px;
top: 0px; top: 0px;
@ -621,79 +625,79 @@
margin-top: 30px; margin-top: 30px;
} }
.image_block_three .image-box{ .image_block_three .image-box {
padding: 0px; padding: 0px;
} }
.image_block_three .image-box .image-shape{ .image_block_three .image-box .image-shape {
display: none; display: none;
} }
.image_block_three .image-box .icon-box{ .image_block_three .image-box .icon-box {
right: 0px; right: 0px;
} }
.about-style-three{ .about-style-three {
padding: 70px 0px; padding: 70px 0px;
} }
} }
@media only screen and (max-width: 1024px){ @media only screen and (max-width: 1024px) {
.image_block_three .image-box .image-2-new{ .image_block_three .image-box .image-2-new {
position: absolute; position: absolute;
left: -10px; left: -10px;
top: 60px; top: 60px;
border: 1px solid rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.1);
filter: drop-shadow(0px 2px 70px rgba(0, 0, 0, 0.1)); filter: drop-shadow(0px 2px 70px rgba(0, 0, 0, 0.1));
border-radius: 20px; border-radius: 20px;
transform: rotate(-15deg); transform: rotate(-15deg);
} }
.image_block_three .image-box .image-1-ho { .image_block_three .image-box .image-1-ho {
position: relative; position: relative;
filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3)); filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
border-radius: 20px; border-radius: 20px;
z-index: 1; z-index: 1;
margin-right: -134px; margin-right: -134px;
left: -104px; left: -104px;
} }
.image_block_three .image-box .new-ho{ .image_block_three .image-box .new-ho {
top: 309px; top: 309px;
left: 279px; left: 279px;
} }
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.image_block_three .image-box .image-1-ho { .image_block_three .image-box .image-1-ho {
position: relative; position: relative;
filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3)); filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
border-radius: 20px; border-radius: 20px;
z-index: 1; z-index: 1;
margin-right: 0px !important; margin-right: 0px !important;
left: 0px !important; left: 0px !important;
} }
.image_block_three .image-box .new-ho{ .image_block_three .image-box .new-ho {
top: 337px; top: 337px;
left: 239px; left: 239px;
} }
} }
@media only screen and (max-width: 500px) { @media only screen and (max-width: 500px) {
.image_block_three .image-box .image-1-ho img{ .image_block_three .image-box .image-1-ho img {
display: none; display: none;
@ -701,15 +705,15 @@ top: 309px;
} }
@media only screen and (max-width: 499px){ @media only screen and (max-width: 499px) {
.image_block_one .image-box .text-box{ .image_block_one .image-box .text-box {
position: relative; position: relative;
width: 100%; width: 100%;
} }
.image_block_one .image-box .icon-one, .image_block_one .image-box .icon-one,
.image_block_one .image-box .icon-two{ .image_block_one .image-box .icon-two {
display: none; display: none;
} }
@ -717,33 +721,33 @@ top: 309px;
@media only screen and (max-width: 426px) { @media only screen and (max-width: 426px) {
.image_block_three .image-box .image-1 img{ .image_block_three .image-box .image-1 img {
width: 100%; width: 100%;
border-radius: 20px; border-radius: 20px;
display: none !important; display: none !important;
} }
.image_block_three .image-box .image-1-ho img{ .image_block_three .image-box .image-1-ho img {
width: 100%; width: 100%;
border-radius: 20px; border-radius: 20px;
display: none !important; display: none !important;
} }
} }
@media only screen and (max-width: 426px) { @media only screen and (max-width: 426px) {
.new-icon-box-faq{ .new-icon-box-faq {
display: none !important; display: none !important;
} }
} }
@media only screen and (max-width: 500px) { @media only screen and (max-width: 500px) {
.image-new-align{ .image-new-align {
left: -0px !important; left: -0px !important;
@ -753,7 +757,7 @@ top: 309px;
@media screen and (max-width: 376px) { @media screen and (max-width: 376px) {
.image_block_three .image-box .new-ho{ .image_block_three .image-box .new-ho {
left: 200px; left: 200px;
@ -761,46 +765,31 @@ top: 309px;
} }
@media (max-width: 767px) and (min-width: 427px) {
.hide-img {
display: none !important;
}
}
@media only screen and (max-width: 376px) and (min-width: 200px) {
.image_block_three .image-box .icon-box{
display: none !important;
}
.image_block_two .image-box .icon-box{
display: none !important;
}
.image_block_three .image-box{
margin-right: 0px !important;
}
}