Responsive updated

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

View File

@ -108,7 +108,7 @@ export default function Home() {
</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>
<div className="icon-box new-ho"><img src="/assets/images/about-us/section1/about-icon.webp" alt="Physiotherapy at Rapharehab" /></div>
</div>
@ -205,7 +205,7 @@ export default function Home() {
<div className="image_block_two pl_30 pb_30">
<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-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>
</div>

View File

@ -80,7 +80,7 @@ export default function About() {
</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>
<div className="icon-box new-ho"><img src="/assets/images/our-approach/icon.webp" alt="Physiotherapy at Rapharehab" /></div>
</div>

View File

@ -68,9 +68,9 @@ export default function About() {
</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>
<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>

View File

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

View File

@ -1,9 +1,8 @@
/** about-section **/
/*
.about-section {
position: relative;
} */
}
.image_block_one .image-box {
position: relative;
@ -11,7 +10,7 @@
padding-left: 30px;
}
/* .image_block_one .image-box .image{
.image_block_one .image-box .image {
position: relative;
display: block;
filter: drop-shadow(0px 2px 70px rgba(0, 0, 0, 0.1));
@ -22,7 +21,7 @@
.image_block_one .image-box .image img {
width: 100%;
border-radius: 300px 0px 300px 300px;
} */
}
.image_block_one .image-box .icon-one {
position: absolute;
@ -53,7 +52,7 @@
border-radius: 15px;
}
/* .image_block_one .image-box .text-box{
.image_block_one .image-box .text-box {
position: absolute;
left: -70px;
bottom: 40px;
@ -89,7 +88,7 @@
width: 98px;
height: 27px;
background-repeat: no-repeat;
} */
}
.content_block_one .content-box {
position: relative;
@ -102,19 +101,19 @@
width: 100%;
}
/* .content_block_one .content-box h6{
.content_block_one .content-box h6 {
display: block;
font-size: 16px;
line-height: 26px;
font-weight: 500;
margin-bottom: 30px;
} */
}
/* .content_block_one .content-box p{
margin-bottom: 30px;
} */
/* .about-section .pattern-layer .pattern-1{
.about-section .pattern-layer .pattern-1 {
position: absolute;
left: 100px;
top: 164px;
@ -157,7 +156,7 @@
width: 105px;
height: 126px;
background-repeat: no-repeat;
} */
}
/** about-style-two **/
@ -203,7 +202,7 @@
background: #ffe6e6;
}
/* .content_block_one .content-box .lower-box{
.content_block_one .content-box .lower-box {
position: relative;
display: flex;
align-items: center;
@ -266,7 +265,7 @@
.content_block_one .content-box .lower-box .author-thumb img {
width: 100%;
border-radius: 50%;
} */
}
.about-style-two .pattern-layer .pattern-1 {
position: absolute;
@ -294,18 +293,18 @@
background-repeat: no-repeat;
}
/* .about-style-two .pattern-layer .pattern-4{
.about-style-two .pattern-layer .pattern-4 {
position: absolute;
top: 0px;
right: 0px;
width: 699px;
height: 341px;
background-repeat: no-repeat;
} */
}
/** about-style-three **/
/*
.about-style-three {
position: relative;
}
@ -313,7 +312,7 @@
.about-style-three .content_block_one .content-box .list-style-one li {
float: none;
width: 100%;
} */
}
.image_block_three .image-box {
position: relative;
@ -328,6 +327,7 @@
border-radius: 20px;
z-index: 1;
}
.image_block_three .image-box .image-1-ho {
position: relative;
filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
@ -341,24 +341,26 @@
}
/*
@media (max-width: 768px) {
.billing-table table {
font-size: 12px;
line-height: 22px; }
line-height: 22px;
}
}
@media (max-width: 426px) {
.billing-table table {
font-size: 9px;
line-height: 12px; }
line-height: 12px;
}
}
.image_block_three .image-box .image-1-ho img {
width: 100%;
border-radius: 20px;
} */
}
.image_block_three .image-box .image-2 {
position: absolute;
@ -424,14 +426,14 @@
background-repeat: no-repeat;
}
/* .image_block_three .image-box .image-shape .shape-3{
.image_block_three .image-box .image-shape .shape-3 {
position: absolute;
left: -100px;
bottom: 25px;
width: 98px;
height: 27px;
background-repeat: no-repeat;
} */
}
.image_block_three .image-box .image-shape .shape-4 {
position: absolute;
@ -450,7 +452,7 @@
height: 126px;
background-repeat: no-repeat;
}
/*
.about-style-three .pattern-layer {
position: absolute;
opacity: 0.8;
@ -459,7 +461,7 @@
width: 699px;
height: 341px;
background-repeat: no-repeat;
} */
}
@ -469,7 +471,7 @@
/** RTL-CSS **/
/* .rtl .image_block_one .image-box .text-box{
.rtl .image_block_one .image-box .text-box {
left: 0px;
}
@ -490,7 +492,7 @@
.rtl .image_block_three .image-box {
margin-right: 0px;
margin-left: 36px;
} */
}
@ -531,6 +533,7 @@
}
}
@media only screen and (max-width: 991px) {
.image_block_one .image-box .text-box {
@ -601,6 +604,7 @@
max-width: 306px;
margin: 0 auto;
}
.image_block_three .image-box .image-2 {
position: relative;
left: 0px;
@ -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;
}
}