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