@charset "UTF-8";

*,
::after,
::before {
box-sizing: border-box
}
@media (prefers-reduced-motion:no-preference) {
:root {
scroll-behavior: smooth
}
}
@font-face {
font-family: 'Inter';
src: url(//apollohomeo.in/wp-content/themes/lookmyweb/assets/fonts/Inter/Inter.woff2) format('woff2'),
url(//apollohomeo.in/wp-content/themes/lookmyweb/assets/fonts/Inter/Inter.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
*,
*::before,
*::after {
font-family: 'Inter', sans-serif !important;
}
.ldsfs {
color: red
}
.ldseeefs {
color: red
}
body {
margin: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: #fff0
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: .25
}
hr:not([size]) {
height: 1px
}
[type="button"],
button {
-webkit-appearance: button
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
::-moz-focus-inner {
padding: 0;
border-style: none
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
padding: 0
}
::-webkit-inner-spin-button {
height: auto
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-color-swatch-wrapper {
padding: 0
}
::file-selector-button {
font: inherit
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
iframe {
border: 0
}
.container {
width: 100%;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container {
max-width: 540px
}
}
@media (min-width:768px) {
.container {
max-width: 720px
}
}
@media (min-width:992px) {
.container {
max-width: 960px
}
}
@media (min-width:1200px) {
.container {
max-width: 1140px
}
}
@media (min-width:1400px) {
.container {
max-width: 1320px
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -0.5);
margin-left: calc(var(--bs-gutter-x) * -0.5)
}
.row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y)
}
.col-3 {
flex: 0 0 auto;
width: 25%
}
.col-12 {
flex: 0 0 auto;
width: 100%
}
@media (min-width:576px) {
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%
}
}
@media (min-width:768px) {
.col-md-3 {
flex: 0 0 auto;
width: 25%
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-md-6 {
flex: 0 0 auto;
width: 50%
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-md-12 {
flex: 0 0 auto;
width: 100%
}
}
@media (min-width:992px) {
.col-lg-3 {
flex: 0 0 auto;
width: 25%
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%
}
}
@media (min-width:1200px) {
.col-xl-9 {
flex: 0 0 auto;
width: 75%
}
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-control::file-selector-button {
padding: .375rem .75rem;
margin: -.375rem -.75rem;
-webkit-margin-end: .75rem;
margin-inline-end: .75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
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::file-selector-button {
transition: none
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: #dde0e3
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #dde0e3
}
.form-control-sm::file-selector-button {
padding: .25rem .5rem;
margin: -.25rem -.5rem;
-webkit-margin-end: .5rem;
margin-inline-end: .5rem
}
.form-control-lg::file-selector-button {
padding: .5rem 1rem;
margin: -.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-floating>.form-control:not(:-moz-placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
opacity: .65;
transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.btn {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: #fff0;
border: 1px solid #fff0;
padding: .375rem .75rem;
font-size: 1rem;
border-radius: .25rem;
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) {
.btn {
transition: none
}
}
.fade {
transition: opacity 0.15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.collapse:not(.show) {
display: none
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgb(0 0 0 / .125);
border-radius: .25rem
}
.card-body {
flex: 1 1 auto;
padding: 1rem 1rem
}
.card-title {
margin-bottom: .5rem
}
.card-img-top {
width: 100%
}
.card-img-top {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px)
}
.blog-section .card-body a {
color: #000000 !important
}
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important
}
.d-flex {
display: flex !important
}
.justify-content-between {
justify-content: space-between !important
}
.w-100 {
width: 100% !important
}
.h-100 {
height: 100% !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.align-items-start {
align-items: flex-start !important
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem
}
.ms-auto {
margin-left: auto !important
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.me-1 {
margin-right: 0.25rem !important
}
.me-2 {
margin-right: 0.5rem !important
}
.me-3 {
margin-right: 1rem !important
}
.me-4 {
margin-right: 1.5rem !important
}
.me-5 {
margin-right: 3rem !important
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.mt-2 {
margin-top: 0.5rem !important
}
.mt-3 {
margin-top: 1rem !important
}
.mt-5 {
margin-top: 3rem !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-2 {
margin-bottom: 0.5rem !important
}
.mb-5 {
margin-bottom: 3rem !important
}
.ms-auto {
margin-left: auto !important
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important
}
.pt-5 {
padding-top: 3rem !important
}
.text-center {
text-align: center !important
}
.bg-light {
background-color: #f8f9fa !important
}
@media (min-width:576px) {
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
}
@media (min-width:768px) {
.flex-md-row {
flex-direction: row !important
}
}
@media (min-width:992px) {
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
}
@media (min-width:1200px) {
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
}
::after,
::before {
box-sizing: border-box
}
@media (prefers-reduced-motion:no-preference) {
:root {
scroll-behavior: smooth
}
}
body {
margin: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: #fff0
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: .25
}
hr:not([size]) {
height: 1px
}
[type="button"],
button {
-webkit-appearance: button
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
::-moz-focus-inner {
padding: 0;
border-style: none
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
padding: 0
}
::-webkit-inner-spin-button {
height: auto
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-color-swatch-wrapper {
padding: 0
}
::file-selector-button {
font: inherit
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
iframe {
border: 0
}
.container {
width: 100%;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container {
max-width: 540px
}
}
@media (min-width:768px) {
.container {
max-width: 720px
}
}
@media (min-width:992px) {
.container {
max-width: 960px
}
}
@media (min-width:1200px) {
.container {
max-width: 1140px
}
}
@media (min-width:1400px) {
.container {
max-width: 1320px
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -0.5);
margin-left: calc(var(--bs-gutter-x) * -0.5)
}
.row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y)
}
.col-3 {
flex: 0 0 auto;
width: 25%
}
.col-12 {
flex: 0 0 auto;
width: 100%
}
@media (min-width:576px) {
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%
}
}
@media (min-width:768px) {
.col-md-3 {
flex: 0 0 auto;
width: 25%
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-md-6 {
flex: 0 0 auto;
width: 50%
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-md-12 {
flex: 0 0 auto;
width: 100%
}
}
@media (min-width:992px) {
.col-lg-3 {
flex: 0 0 auto;
width: 25%
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%
}
}
@media (min-width:1200px) {
.col-xl-9 {
flex: 0 0 auto;
width: 75%
}
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-control::file-selector-button {
padding: .375rem .75rem;
margin: -.375rem -.75rem;
-webkit-margin-end: .75rem;
margin-inline-end: .75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
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::file-selector-button {
transition: none
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: #dde0e3
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #dde0e3
}
.form-control-sm::file-selector-button {
padding: .25rem .5rem;
margin: -.25rem -.5rem;
-webkit-margin-end: .5rem;
margin-inline-end: .5rem
}
.form-control-lg::file-selector-button {
padding: .5rem 1rem;
margin: -.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-floating>.form-control:not(:-moz-placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
opacity: .65;
transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}
.btn {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: #fff0;
border: 1px solid #fff0;
padding: .375rem .75rem;
font-size: 1rem;
border-radius: .25rem;
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) {
.btn {
transition: none
}
}
.fade {
transition: opacity 0.15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.collapse:not(.show) {
display: none
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgb(0 0 0 / .125);
border-radius: .25rem
}
.card-body {
flex: 1 1 auto;
padding: 1rem 1rem
}
.card-title {
margin-bottom: .5rem
}
.card-img-top {
width: 100%
}
.card-img-top {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px)
}
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important
}
.d-flex {
display: flex !important
}
.justify-content-between {
justify-content: space-between !important
}
.w-100 {
width: 100% !important
}
.h-100 {
height: 100% !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.align-items-start {
align-items: flex-start !important
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem
}
.ms-auto {
margin-left: auto !important
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.me-1 {
margin-right: 0.25rem !important
}
.me-2 {
margin-right: 0.5rem !important
}
.me-3 {
margin-right: 1rem !important
}
.me-4 {
margin-right: 1.5rem !important
}
.me-5 {
margin-right: 3rem !important
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.mt-2 {
margin-top: 0.5rem !important
}
.mt-3 {
margin-top: 1rem !important
}
.mt-5 {
margin-top: 3rem !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-2 {
margin-bottom: 0.5rem !important
}
.mb-5 {
margin-bottom: 3rem !important
}
.ms-auto {
margin-left: auto !important
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important
}
.pt-5 {
padding-top: 3rem !important
}
.text-center {
text-align: center !important
}
.bg-light {
background-color: #f8f9fa !important
}
@media (min-width:576px) {
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
}
@media (min-width:768px) {
.flex-md-row {
flex-direction: row !important
}
}
@media (min-width:992px) {
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
}
@media (min-width:1200px) {
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
}
html,
body {
margin: 0;
padding: 0;
overflow-x: hidden;
width: 100%;
height: 100%;
scroll-behavior: smooth
}
* {
box-sizing: border-box;
margin: 0;
padding: 0
}
a {
text-decoration: none;
}
span,
div {
}
.call-now a,
.footer-bottom a,
.lang-switch a,
.pagination a,
.pagination a:hover,
.social-nav a {
text-decoration: none
}
.counter-count,
.footer-bottom {
position: relative;
text-align: center
}
:root {
--main-color: #0a7b79;
--secondary-color: #038745;
--tertiary-color: #038745
}
.main-heading h2 {
font-size: 40px;
color: var(--main-color);
text-shadow: 2px 1px 2px #037b93
}
.main-heading p {
font-size: 20px;
color: #000;
border-bottom: 4px solid var(--secondary-color);
width: fit-content;
padding: 0 10px
}
.normal-paragraph p {
font-size: 18px
}
.abt-text::first-letter {
font-size: 30px
}
h1 {
color: var(--tertiary-color);
font-size: 42px;
font-weight: 700;
}
h4 {
}
.abt-img-info,
.lang-switch a,
.navbar-nav a,
p {
}
.btn-thm-primary {
background-color: var(--main-color);
color: #fff;
border: none
}
.btn-thm-primary:hover {
background-color: var(--secondary-color);
color: #fff
}
.abt-img-info .bi,
.single-adv-point::before {
color: var(--tertiary-color)
}
.header-callsection {
background-color: var(--main-color);
color: #fff;
padding: 10px 20px
}
.header-callsection a {
color: #fff;
text-decoration: none
}
.abt-img-info {
color: #858585;
font-size: 13px;
font-weight: 600
}
.google-review {
}
.treatement-expreties .image {
height: 160px;
width: 160px;
margin: auto;
border-radius: 50%;
border: 1px solid var(--tertiary-color);
-webkit-box-shadow: -6px 6px 8px 0 rgb(0 0 0 / 21%);
-moz-box-shadow: -6px 6px 8px 0 rgb(0 0 0 / 21%);
box-shadow: -6px 6px 8px 0 rgb(0 0 0 / 21%)
}
.treatement-expreties img {
height: 160px;
border-radius: 50%;
padding: 20px;
transition: transform 0.5s
}
.treatement-expreties img:hover {
transform: rotate(360deg)
}
.treatement-expreties h3 {
font-size: 22px;
margin-top: 20px;
font-weight: 600
}
.treatement-expreties .text {
background: #e9e9e9;
padding: 10px;
height: 100px;
text-align: justify;
text-align-last: center
}
.box {
padding: 60px 0
}
.box-part {
background: #fff;
border-radius: 0;
text-align: justify;
border: 1px solid #dadada;
padding-top: 20px
}
.call-now,
.counter {
background-size: cover
}
.pro-advantage button {
background-color: var(--main-color) !important;
color: #fff;
margin-bottom: 20px
}
.pro-advantage button:hover {
color: #fff !important
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
background-color: var(--secondary-color) !important;
color: #fff;
width: 300px;
height: 100px
}
.pro-advantage ul {
font-size: 20px;
width: 500px
}
.single-adv-point {
margin-bottom: 15px;
font-size: 18px;
display: flex;
align-items: baseline
}
.single-adv-point::before {
content: ">>";
margin-right: 10px
}
.counter {
text-align: center;
background-image: linear-gradient(180deg, #f6f6f647, #e7e6e5), url(//apollohomeo.in/wp-content/themes/lookmyweb/images/counter.png) !important;
background-repeat: no-repeat
}
.customer,
.design,
.employees,
.order {
margin-top: 70px;
margin-bottom: 70px
}
.counter-count {
font-size: 80px;
border-radius: 50%;
color: var(--main-color);
line-height: 92px;
width: 200px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
display: inline-block
}
.breadcrumb li a,
.email-div {
color: #000
}
.customer-p,
.design-p,
.employee-p,
.order-p {
font-size: 25px;
color: #000;
padding-bottom: 0;
font-weight: 600;
}
.address-section p {
text-align: justify;
text-align-last: center;
height: 120px
}
.address-section h4 {
font-size: 22px;
font-weight: 700
}
.address-section i::before,
.blog-section i::before {
height: 20px;
width: 20px;
background-color: #fff;
border-radius: 50%;
padding: 1px;
border: 1px solid var(--tertiary-color)
}
.address-section i,
.address-text .bi,
.blog-section i {
color: red
}
.address-section .card-body {
height: 250px
}
.blog-section p {
text-align: left;
height: 80px
}
.blog-section h3 {
font-size: 20px !important;
font-weight: 700 !important;
height: auto;
}
.blog-section .card-body {
background: #f1f1f1
}
.blog-section .card img {
border-bottom: 2px solid var(--main-color)
}
.call-now a,
.call-now p {
font-size: 60px
}
.call-now p,
.call-now:hover span {
color: var(--main-color) !important
}
.fresh-table.toolbar-color-red .fixed-table-toolbar {
background: var(--main-color) !important
}
.fresh-table .bootstrap-table .table>tbody>tr>td,
.fresh-table .bootstrap-table .table>tfoot>tr>td,
.fresh-table .bootstrap-table .table>tfoot>tr>th,
.fresh-table .bootstrap-table .table>thead>tr>th {
font-size: 16px
}
.fixed-table-pagination {
display: none !important
}
.social-nav,
footer {
position: fixed;
display: none
}
.calling-section {
margin-top: 6px
}
.call-now i.bi {
animation: 0.5s infinite shake !important
}
@keyframes shake {
0%,
100%,
50% {
transform: rotate(0)
}
25% {
transform: rotate(5deg)
}
75% {
transform: rotate(-5deg)
}
}
.call-now {
background-color: var(--main-color);
padding: 10px 20px 40px;
border-radius: 10px;
outline: 5px solid var(--tertiary-color);
background-image: linear-gradient(218deg, #f6f6f6b8, #0a7b79), url(//apollohomeo.in/wp-content/themes/lookmyweb/images/telephone-bg.jpg) !important;
background-position: right bottom
}
.call-now a {
color: #fff !important
}
.call-now span {
background: #fff;
border: 2px solid var(--tertiary-color);
border-radius: 50%;
height: 50px;
width: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.call-now span svg {
fill: var(--main-color);
}
.email-div {
font-size: 17px
}
.footer-bottom {
padding: 20px;
font-size: 20px;
color: #fff;
background: var(--main-color);
border-radius: 10px 10px 0 0
}
.copyright {
text-align: left;
margin-left: 30px
}
.footer-bottom a {
color: #fff
}
.copyright-lmw {
text-align: right;
margin-right: 30px
}
.copyright-lmw a {
color: #ffffff !important
}
.social-nav {
right: 0;
top: 50%;
transform: translateY(-50%)
}
.social-nav a {
color: #fff;
display: flex;
align-items: center;
border: none;
background-color: red
}
.social-nav ul {
list-style: none;
padding: 0
}
.social-nav li {
margin-bottom: 10px
}
.social-nav .fb {
background-color: #1877f2
}
.social-nav .youtube {
background-color: red
}
.social-nav .twitter {
background-color: #000
}
.social-nav .whatsapp {
background-color: #128c7e
}
.mobile-button-call,
.social-nav .telephone {
background-color: var(--secondary-color)
}
.social-nav i {
padding: 12px 16px
}
.pagination .current,
.pagination a {
padding: 8px 15px;
margin-right: 10px;
color: #fff
}
.social-nav a:hover {
border-left: 3px solid var(--tertiary-color)
}
.pagination {
margin-top: 20px;
text-align: center
}
.pagination a {
display: inline-block;
background: var(--main-color);
font-weight: 600;
font-size: 16px
}
.pagination a:hover {
background: var(--secondary-color);
color: #fff
}
.pagination .current {
background: var(--tertiary-color)
}
.breadcrumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
border-radius: .25rem;
margin: 30px 0;
font-weight: 800 !important;
color: var(--main-color);
padding: 0
}
.breadcrumb li {
list-style-type: none;
float: left;
margin-right: 10px
}
.all-cats a,
.breadcrumb li a {
margin-right: 5px;
text-decoration: none;
font-weight: 500
}
.breadcrumb li:after {
content: ">";
font-size: 110%
}
.breadcrumb li:last-child:after {
content: "" !important
}
.blog-header-image {
background-size: cover;
background-repeat: no-repeat
}
.blog-header-image a {
text-decoration: none;
font-size: 17px
}
.mn-content-full ul {
font-size: 18px;
margin-left: 20px;
margin-top: 10px;
}
.mn-content-full ul li {
margin-bottom: 10px;
}
.mn-content-full ul li strong {
color: #000;
font-weight: 500;
}
.mn-content-full h2 {
font-size: 24px !important;
font-weight: 500;
color: #000 !important;
margin: 20px 0px;
border-left: 4px solid var(--main-color);
padding-left: 10px;
}
.mn-content-full h3 {
font-size: 22px;
font-weight: 500;
margin: 20px 0px;
}
.mn-content-full h3::before {
content: '➤';
color: var(--main-color);
margin-right: 10px;
}
.mn-content-full ol li,
.mn-content-full p {
font-size: 20px;
text-align: justify;
}
.mn-content-full ol li {
margin-top: 20px !important;
}
.mn-content-full ol {
margin-left: 30px;
}
.mn-content-full strong {
font-weight: 600 !important;
}
.mn-content-full tr:first-child td {
background: #cdcdcd;
font-weight: 500;
}
.mn-content-full table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
.mn-content-full table,
.mn-content-full th,
.mn-content-full td {
border: 1px solid #ddd;
}
.mn-content-full th,
.mn-content-full td {
padding: 12px;
text-align: left;
}
.mn-content-full th {
background-color: #f4f4f4;
font-weight: 700
}
.mn-content-full tr:nth-child(even) {
background-color: #f9f9f9
}
.mn-content-full tr:hover {
background-color: #f1f1f1
}
.mn-content-full figure {
margin-bottom: 20px
}
.mn-content-full figure figcaption::before {
content: 'ⓘ';
margin-right: 8px;
color: var(--main-color)
}
.mn-content-full hr{
margin: 30px 0px;
width: 100%;
}
.mn-content-full .wp-block-image img{
max-width: 100%;
}
.wp-block-table {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.wp-block-table table {
min-width: 600px; width: 100%;
display: block; }
.mn-content-full .h2-section {
padding: 20px;
margin-bottom: 40px;
border-radius: 8px;
border: 1px solid #ccc; } .h2-color-1  { background-color: #e3fbff; border: 1px solid #bef5ff; } .h2-color-2  { background-color: #f2fff1; border: 1px solid #d3ffd2; } .h2-color-3  { background-color: #fff8e3; border: 1px solid #ffeeb3; } .h2-color-4  { background-color: #f0f4ff; border: 1px solid #ccd9ff; } .h2-color-5  { background-color: #e7fff9; border: 1px solid #bdf5ec; } .single-artical-main-heading .thumbnail {
width: 100%;
height: auto
}
.related-artical img {
height: 100%;
width: 100%
}
.blog-single-other-section-heading {
font-size: 25px;
font-weight: 700
}
.all-cats {
display: flex;
flex-wrap: wrap
}
.all-cats a {
color: #000;
font-size: 22px
}
.all-cat-title {
margin-bottom: 10px
}
.all-cats span {
color: #fff;
font-size: 20px;
background: var(--tertiary-color);
border-radius: 50%;
margin-right: 20px;
height: 30px;
width: 30px;
display: inline-block;
text-align: center
}
.all-cats a:hover {
color: #000;
border-bottom: 2px solid var(--main-color) !important
}
hr {
width: 88%;
margin: auto;
height: 2px !important;
color: #000 !important
}
.address-text {
font-size: 25px;
}
.single-adv-point span {
max-width: 160px !important;
min-width: 160px !important;
font-weight: 600;
margin-right: 10px
}
footer {
bottom: 0;
width: 100%
}
.mobile-buttons {
display: none;
z-index: 9;
position: fixed
}
.mobile-buttons .inner-div {
position: fixed;
display: flex;
justify-content: space-between;
bottom: 0;
width: 100vw;
background-color: var(--tertiary-color)
}
@media (max-width:600px) {
.mobile-buttons {
display: block
}
.single-artical-main-heading .thumbnail {
display: none
}
}
.mobile-buttons a {
border: none;
text-decoration: none;
font-weight: 700;
width: 50%;
padding: 10px 20px;
font-size: 20px;
color: #fff;
}
.mobile-buttons a:first-child {
border-right: 1px solid #fff
}
.mobile-buttons a:last-child {
border-left: 1px solid #fff
}
@media (max-width:600px) {
.d-xs-none {
display: none !important
}
h1 {
font-size: 30px;
font-weight: 800
}
h2 {
font-size: 30px !important
}
.nav-bar-sec {
position: fixed !important;
z-index: 99999;
width: 100%
}
.banner-sec {
padding-top: 0
}
.header-callsection a {
font-size: 14px
}
.main-logo {
height: 60px
}
.nav-item {
margin-bottom: 10px
}
.treatement-expreties img {
height: 100px
}
.treatement-expreties .image {
height: 100px;
width: 100px
}
.call-now p {
font-size: 30px;
color: #000;
-webkit-text-stroke-width: .1px;
-webkit-text-stroke-color: #fff0
}
.call-now a {
font-size: 30px;
color: #fff
}
.call-now span {
padding: 5px 8px !important;
margin-right: 10px !important;
font-size: 20px
}
.footer-bottom .copyright-lmw {
margin-right: 0;
text-align: center !important
}
.footer-bottom .copyright {
margin-left: 0;
text-align: center !important
}
.counter-count {
font-size: 40px
}
.customer-p,
.design-p,
.employee-p,
.order-p {
font-size: 20px
}
.customer,
.design,
.employees,
.order {
margin-top: 10px;
margin-bottom: 10px
}
.google-review-img,
.timings-doctor-self {
width: 100%
}
.all-cats a {
font-size: 20px !important
}
.all-cats span {
font-size: 18px !important;
padding: 0 7px !important
}
.blog-header-image h1 {
color: #000;
font-size: 30px;
font-weight: 600
}
}
.online-presence img {
width: 100%
}
.online-presence a {
background: var(--main-color);
text-decoration: none;
color: #fff;
padding: 4px 10px;
font-size: 18px;
width: 100% !important;
text-align: center;
display: block
}
.online-presence .row div {
margin-bottom: 30px
}
.form-control {
background-color: #fff;
border: 2px solid #aaa;
border-radius: 30px;
font-weight: 600;
color: #666;
padding: 8px 16px;
height: 40px;
-webkit-box-shadow: none;
box-shadow: none;
opacity: .7;
filter: alpha(opacity=70);
width: 100%
}
.form-control {
font-size: 18px
}
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder {
padding-left: 10px;
font-size: 14px;
font-weight: 400
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder {
padding-left: 10px;
font-size: 14px;
font-weight: 400
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"] {
height: 40px;
border: .1rem solid #c7c7c7;
border-radius: 0.5rem !important;
}
.general-contact-form .form-group {
margin-bottom: 1rem
}
.general-contact-form label {
color: var(--main-color)
}
.general-contact-form textarea {
font-size: 14px;
height: 12rem;
border: .1rem solid #c7c7c7;
border-radius: 0.5rem !important
}
.contact-section .main-heading {
margin-bottom: 20px
}
.contact-section .contact-info .info-text {
font-size: 1.6rem;
color: #f700f7
}
.contact-section .contact-info .info-text a {
color: #f700f7
}
.contact-section .contact-info .info-text a:hover {
color: #f700f7
}
.contact-section .contact-info h4 {
color: #00e1ff;
font-weight: 600;
font-size: 2rem
}
.contact-info .each-element {
font-size: 18px;
margin-bottom: 10px;
color: #000;
display: flex;
align-items: center
}
.contact-info .each-element a {
color: #000
}
.contact-info .each-element img {
border: 1px solid var(--secondary-color);
padding: 5px;
border-radius: 50%;
margin-right: 10px
}
.brand,
.td-name,
td,
.form-control,
label {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
#submit-form {
background: var(--main-color);
color: #fff
}
article h1 {
color: #000;
font-weight: 600;
font-size: 32px;
margin-bottom: 20px
}
.author-img {
border-radius: 50%;
border: 2px solid var(--main-color);
padding: 2px;
height: 100px;
width: 100px
}
.m-0 {
margin: 0 !important
}
.m-auto {
margin: auto !important
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.simple-anchore {
color: var(--main-color)
}
.single-post-mn h1 {
-webkit-text-stroke-width: 0px !important
}
.mn-content-full blockquote {
background: #fff9e8;
padding: 20px;
margin: 0;
border: 1px dashed var(--main-color);
margin: 40px 0
}
.mn-content-full a {
text-decoration: none
}
.mn-content-full p a{
color: black;
border-bottom: 1px dashed var(--main-color);
}
.header-author-section {
padding: 70px 0
}
@media only screen and (max-width:800px) {
.heading-title-text {
text-align: center
}
.author-main {
justify-content: center
}
.publish-date-info {
text-align: center
}
.mn-content-full h2 {
font-size: 22px !important
}
.mn-content-full h3 {
font-size: 20px !important
}
.mn-content-full ol li,
.mn-content-full p {
font-size: 18px !important;
margin-bottom: 20px;
}
.publish-info {
margin-bottom: 30px
}
}
@media only screen and (max-width:800px) {
footer {
display: block
}
.header-author-section {
padding: 30px 0 0 10px;
margin-bottom: 20px
}
}
.navbar {
display: flex;
height: 80px;
position: relative;
align-items: center;
justify-content: space-between
}
.navbar .main-logo {
height: 80px;
width: auto
}
.navbar nav ul {
display: flex;
list-style: none;
margin: 0
}
.navbar nav ul li a {
height: 35px;
align-items: center;
display: flex;
text-decoration: none;
padding: 0 20px;
color: #000;
font-weight: 600;
position: relative
}
.navbar nav ul li a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: var(--main-color) !important;
transition: width 0.3s ease-in-out
}
.navbar nav ul li a:hover {
color: var(--main-color)
}
.navbar nav ul li a:hover::after {
width: 100%
}
.navbar .hamburger {
display: none
}
.lang-switch-btn a {
cursor: pointer;
font-size: 18px;
background: var(--main-color);
border-radius: 10px;
padding: 3px 10px;
color: #fff !important
}
.lang-switch-btn a:hover {
color: #fff !important
}
.navbar nav ul .lang-switch-btn a::after {
height: 0 !important
}
@media (max-width:700px) {
.navbar nav {
justify-content: space-between
}
.navbar nav ul {
display: flex;
top: 0;
padding: 0;
flex-direction: column;
width: 90%;
position: absolute;
right: -100%;
transition: right 0.5s ease-in-out;
height: 100vh;
background-color: #d3d3d3;
align-items: center
}
.navbar nav ul.show {
right: -3%;
position: fixed;
z-index: 9
}
.navbar nav ul li {
height: auto
}
.navbar nav ul li:first-child {
margin-top: 90px
}
.navbar nav ul li a {
display: block;
height: 50px;
display: flex;
justify-content: start;
align-items: center
}
.navbar nav ul li a:hover {
border-bottom: 0
}
.navbar .hamburger {
display: flex;
cursor: pointer;
z-index: 99;
margin-left: auto
}
}
.social-sharing-main {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.social-sharing-main a {
color: #fff;
padding: 10px 30px;
font-size: 18px;
border-radius: 3px;
margin-bottom: 10px;
display: flex;
font-weight: 700
}
.social-sharing-main a svg {
margin-right: 5px
}
.lmw-facebook-icon {
background-color: #1269d9
}
.lmw-instagram-icon {
background: #dd2a7b
}
.lmw-whatsapp-icon {
background-color: #0f652e
}
.lmw-twitter-icon {
background-color: #000
}
.each-suv-section {
margin: 50px 0
}
.each-suv-section .main-heading {
margin-bottom: 15px
}
.ez-toc-title {
margin-bottom: 15px;
font-size: 22px;
font-weight: 500
}
.ez-toc-counter {
background-color: #ececec;
padding: 30px;
margin: 20px 0
}
.ez-toc-list a {
color: #000;
font-weight: 500
}
.ez-toc-list-level-3 a {
font-weight: 300
}
.ez-toc-title-toggle {
display: none
}
.ads-section{
display:flex;
justify-content:center;
text-align: center;
margin-bottom: 40px;
width: 100%;
max-width: 100%;
}
.ads-section > div {
width: 100%; }
@media (max-width: 680px) {
.ads-section {
display: block;
width: 100%;
}
}
.ads-section-single {
display: block !important;
width: 100% !important;
max-width: 100% !important;
text-align: center;
margin: 20px 0;
}