@charset "UTF-8";
  body {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
color: var(--optionalColor);
font-size: 16px;
font-weight: 400;
}
p {
margin-bottom: 15px;
line-height: 1.8;
font-weight: 400;
}
p:last-child {
margin-bottom: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: var(--optionalColor);
font-weight: bold;
}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: var(--optionalColor);
}
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: var(--mainColor2);
}
a {
text-decoration: none;
outline: 0 !important;
transition: 0.6s;
}
:focus {
outline: 0 !important;
}
.d-table {
width: 100%;
height: 100%;
}
.d-table-cell {
vertical-align: middle;
}
img {
max-width: 100%;
height: auto;
}
.ptb-120 {
padding-top: 120px;
padding-bottom: 120px;
}
.ptb-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.pt-120 {
padding-top: 120px;
}
.pb-120 {
padding-bottom: 120px;
}
.pb-95 {
padding-bottom: 95px;
}
@keyframes waviy {
0%, 40%, 100% {
transform: translateY(0);
}
20% {
transform: translateY(-20px);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
@keyframes moveleftbounce {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(20px);
}
100% {
transform: translateX(0px);
}
}
@keyframes moveBounce {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(0px);
}
}
@keyframes rotateme {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
} .default-btn {
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 15px;
font-weight: 600;
background-color: var(--additionalColor2);
color: var(--optionalColor);
border-radius: 50px;
padding: 15px 30px;
position: relative;
margin-right: 50px;
transition: 0.6s;
}
.default-btn .btn-left-i {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
height: 52px;
width: 52px;
line-height: 58px;
text-align: center;
border-radius: 50px;
background-color: var(--additionalColor2);
color: var(--optionalColor);
transition: 0.6s;
font-size: 22px;
opacity: 0;
}
.default-btn .btn-right-i {
position: absolute;
right: -50px;
top: 50%;
transform: translateY(-50%);
display: inline-block;
height: 52px;
width: 52px;
line-height: 58px;
text-align: center;
border-radius: 50px;
background-color: var(--additionalColor2);
color: var(--optionalColor);
transition: 0.6s;
font-size: 22px;
opacity: 1;
}
.default-btn svg {
height: 22px;
position: relative;
top: -3px;
}
.default-btn:hover {
background-color: var(--mainColor2);
color: var(--optionalColor);
margin-left: 50px;
margin-right: 0;
}
.default-btn:hover .btn-right-i {
background-color: var(--mainColor2);
color: var(--optionalColor);
opacity: 0;
right: 0;
}
.default-btn:hover .btn-left-i {
opacity: 1;
visibility: visible;
background-color: var(--mainColor2);
color: var(--optionalColor);
left: -50px;
opacity: 1;
} .section-title {
max-width: 745px;
text-align: center;
margin: 0 auto 50px;
}
.section-title .sub {
display: inline-flex;
padding: 8px 20px;
justify-content: center;
align-items: center;
background-color: var(--mainColor2);
color: var(--optionalColor);
font-size: 15px;
border-radius: 50px;
margin-bottom: 20px;
}
.section-title h2, .section-title .h2 {
font-size: 42px;
margin-bottom: 0;
}
.section-title.wrap-full-width {
max-width: 100%;
text-align: start;
}
.section-top-title {
margin-bottom: 50px;
}
.section-top-title .sub {
display: block;
font-size: 18px;
font-weight: 600;
margin-bottom: 12px;
}
.section-top-title h2, .section-top-title .h2 {
font-size: 42px;
margin-bottom: 0;
}
.section-wrap-title {
margin-bottom: 50px;
}
.section-wrap-title .sub {
font-weight: 600;
display: block;
margin-bottom: 15px;
color: var(--additionalColor6);
}
.section-wrap-title h2, .section-wrap-title .h2 {
font-size: 42px;
margin-bottom: 0;
max-width: 850px;
font-weight: 500;
}
.section-wrap-title h2 span, .section-wrap-title .h2 span {
color: var(--additionalColor6);
font-style: italic;
}
.section-wrap-title .title-btn {
color: var(--additionalColor6);
font-size: 15px;
font-weight: 600;
display: flex;
align-items: center;
transition: 0.6s;
line-height: 1;
justify-content: end;
}
.section-wrap-title .title-btn i {
font-size: 15px;
display: flex;
align-items: center;
margin-left: 8px;
}
.section-wrap-title .title-btn:hover {
letter-spacing: 0.5px;
color: var(--additionalColor7);
} .preloader-area {
z-index: 9999;
background-color: #ffffff;
}
.preloader-area .loader {
transform: translateY(-50%);
top: 50%;
}
.preloader-area .waviy {
font-size: 50px;
margin-top: 10px;
-webkit-box-reflect: below -35px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}
.preloader-area .waviy span {
animation-delay: 0.1s;
animation: waviy 1s infinite;
font-weight: 800;
}
.preloader-area .waviy span:nth-child(2) {
animation-delay: 0.2s;
}
.preloader-area .waviy span:nth-child(3) {
animation-delay: 0.3s;
}
.preloader-area .waviy span:nth-child(4) {
animation-delay: 0.4s;
} .top-header-area {
background-color: var(--additionalColor1);
padding-top: 15px;
padding-bottom: 15px;
}
.top-header-area .container-fluid, .top-header-area .container-sm, .top-header-area .container-md, .top-header-area .container-lg, .top-header-area .container-xl, .top-header-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.top-header-area.bg-wrap-color {
background-color: var(--additionalColor5);
}
.top-header-left {
margin-bottom: 0;
display: flex;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.top-header-left li {
list-style-type: none;
font-size: 15px;
margin-right: 20px;
}
.top-header-left li:last-child {
margin-right: 0;
}
.top-header-left li:last-child a {
font-size: 15px;
font-weight: 600;
color: var(--optionalColor);
display: flex;
align-items: center;
}
.top-header-left li:last-child a i {
font-size: 20px;
display: flex;
margin-left: 7px;
}
.top-header-left li:last-child a:hover {
color: var(--additionalColor7);
}
.top-header-info {
display: flex;
align-items: center;
justify-content: end;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.top-header-info li {
list-style-type: none;
margin-right: 45px;
font-size: 14px;
display: flex;
align-items: center;
}
.top-header-info li i {
display: flex;
font-size: 17px;
margin-right: 7px;
}
.top-header-info li a {
color: var(--optionalColor);
}
.top-header-info li a:hover {
color: var(--additionalColor7);
}
.top-header-info li:first-child {
font-weight: 600;
}
.top-header-info li:last-child {
margin-right: 0;
} .navbar {
background-color: transparent;
top: 0;
left: 0;
right: 0;
height: auto;
z-index: 999;
padding-left: 0;
padding-right: 0;
padding-top: 12px;
padding-bottom: 12px;
}
.navbar.sticky {
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 9999;
position: fixed;
background-color: #ffffff;
box-shadow: 0px 0px 60px 0px rgba(32, 38, 91, 0.1);
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.navbar .navbar-brand {
padding-top: 0;
padding-bottom: 0;
padding-right: 100px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.navbar .navbar-toggler {
color: var(--mainColor2);
font-size: inherit;
box-shadow: unset;
border: none;
padding: 0;
}
.navbar .navbar-toggler .burger-menu {
cursor: pointer;
}
.navbar .navbar-toggler .burger-menu span {
height: 3px;
width: 30px;
margin: 5px 0;
display: block;
background: var(--mainColor2);
}
.navbar ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
}
.navbar .navbar-nav .nav-item {
position: relative;
margin-left: 15px;
margin-right: 15px;
}
.navbar .navbar-nav .nav-item .nav-link {
position: relative;
color: var(--optionalColor);
transition: 0.6s;
display: flex;
align-items: center;
position: relative;
padding-left: 0;
padding-right: 0;
padding-top: 25px;
padding-bottom: 25px;
}
.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link.active {
color: var(--mainColor);
}
.navbar .navbar-nav .nav-item .dropdown-toggle {
padding-right: 18px;
}
.navbar .navbar-nav .nav-item .dropdown-toggle::after {
display: none;
}
.navbar .navbar-nav .nav-item .dropdown-toggle::before {
position: absolute;
content: "\f101";
line-height: 1;
right: -2px;
top: 50%;
transform: translateY(-50%);
font-family: "flaticon_mavis";
font-size: 15px;
}
.navbar .navbar-nav .nav-item:first-child {
margin-left: 0;
}
.navbar .navbar-nav .nav-item:last-child {
margin-right: 0;
}
.navbar .navbar-nav .nav-item:hover .nav-link, .navbar .navbar-nav .nav-item.active .nav-link {
color: var(--mainColor);
}
.navbar .navbar-nav .nav-item .dropdown-menu {
left: 0;
top: 70px;
opacity: 0;
z-index: 99;
border: none;
width: 280px;
margin-top: 0;
display: block;
border-radius: 5px;
position: absolute;
visibility: hidden;
background: #ffffff;
transition: all 0.2s ease-in-out;
transform: translate3d(0, 18px, 0);
box-shadow: 0px 4px 70px 0px rgba(0, 0, 0, 0.1);
padding-top: 20px;
padding-bottom: 20px;
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item {
margin: 0;
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
display: flex;
justify-content: space-between;
align-items: center;
color: var(--optionalColor);
font-size: 14.5px;
border-bottom: 1px solid #ECEDE5;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover {
color: var(--mainColor);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.dropdown-toggle::before {
top: 50%;
right: 15px;
transform: translateY(-50%);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
top: 0;
opacity: 0;
left: -100%;
right: auto;
margin-top: 0;
visibility: hidden;
transform: translate3d(0, 18px, 0);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link {
color: var(--optionalColor);
border-bottom: 1px solid #ECEDE5;
margin-bottom: 15px;
padding-top: 0;
padding-bottom: 15px;
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover {
color: var(--mainColor);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu {
top: 0;
opacity: 0;
left: -100%;
right: auto;
visibility: hidden;
transform: translate3d(0, 18px, 0);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link {
color: var(--optionalColor);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover {
color: var(--mainColor);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu {
top: 0;
opacity: 0;
left: 100%;
right: auto;
visibility: hidden;
transform: translate3d(0, 18px, 0);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link {
color: var(--optionalColor);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover {
color: var(--mainColor);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
color: var(--mainColor);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
opacity: 1;
visibility: visible;
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
color: var(--mainColor);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
color: var(--mainColor);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:first-child .nav-link {
padding-top: 15px;
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:last-child .nav-link {
border-bottom: none;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 15px;
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link {
color: var(--mainColor);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
opacity: 1;
margin-top: 0;
visibility: visible;
transform: translate3d(0, 0, 0);
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item:last-child .nav-link {
border-bottom: none;
}
.navbar .navbar-nav .nav-item:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
padding-bottom: 0;
padding-top: 0;
}
.navbar .navbar-nav .nav-item .dropdown-menu .nav-item a:active {
background-color: transparent;
}
.navbar .others-option {
margin-left: 100px;
}
.navbar .others-option .option-item {
margin-right: 25px;
}
.navbar .others-option .option-item:last-child {
margin-right: 0;
}
.navbar .others-option .option-item .search-bar i {
display: inline-block;
height: 45px;
width: 45px;
line-height: 45px;
background-color: var(--mainColor2);
color: var(--optionalColor);
text-align: center;
border-radius: 50px;
font-size: 18px;
cursor: pointer;
transition: 0.6s;
}
.navbar .others-option .option-item .search-bar i:hover {
background-color: var(--optionalColor);
color: #ffffff;
}
.navbar .others-option .option-item .default-btn {
background-color: var(--optionalColor);
color: #ffffff;
}
.navbar .others-option .option-item .default-btn::before {
background-color: var(--optionalColor);
color: #ffffff;
}
.navbar .others-option .option-item .default-btn .btn-left-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.navbar .others-option .option-item .default-btn:hover {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.navbar .others-option .option-item .default-btn .btn-right-i {
background-color: var(--optionalColor);
color: #fff;
}
.navbar .others-option .option-item .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .nav-link {
color: var(--optionalColor);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .nav-link:hover, .navbar.navbar-with-position-relative .navbar-nav .nav-item .nav-link.active {
color: var(--additionalColor7);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item:hover .nav-link, .navbar.navbar-with-position-relative .navbar-nav .nav-item.active .nav-link {
color: var(--additionalColor7);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
color: var(--optionalColor);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover {
color: var(--additionalColor7);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link {
color: var(--optionalColor);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover {
color: var(--additionalColor7);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link {
color: var(--optionalColor);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover {
color: var(--additionalColor7);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link {
color: var(--optionalColor);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover {
color: var(--additionalColor7);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
color: var(--additionalColor7);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
color: var(--additionalColor7);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
color: var(--additionalColor7);
}
.navbar.navbar-with-position-relative .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link {
color: var(--additionalColor7);
}
.navbar.navbar-with-position-relative .others-option .option-item .default-btn {
background-color: var(--additionalColor6);
color: #ffffff;
}
.navbar.navbar-with-position-relative .others-option .option-item .default-btn::before {
background-color: var(--additionalColor6);
color: #ffffff;
}
.navbar.navbar-with-position-relative .others-option .option-item .default-btn .btn-left-i {
background-color: var(--additionalColor6);
color: #ffffff;
}
.navbar.navbar-with-position-relative .others-option .option-item .default-btn:hover {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.navbar.navbar-with-position-relative .others-option .option-item .default-btn .btn-right-i {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.navbar.navbar-with-position-relative .others-option .option-item .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.navbar-area-with-border {
border-bottom: 1px solid #F5F5F3;
} .search-popup {
position: fixed;
width: 0;
height: 0;
top: auto;
left: auto;
z-index: -999;
opacity: 0;
transition: 0.6s;
}
.search-popup.active {
z-index: 9999;
opacity: 1;
}
.search-popup.active .search-popup-overlay {
top: auto;
z-index: 6;
display: block;
top: 0;
-khtml-transform: scale(1);
transform: scale(1);
transition-delay: 0s;
-webkit-transition-delay: 0s;
opacity: 0.8;
transition: transform 1.2s cubic-bezier(0.4, 0, 0, 1);
height: 100%;
width: 100%;
}
.search-popup.active .search-popup-content {
width: 100%;
opacity: 1;
z-index: 999;
transition: 0.6s;
}
.search-popup .search-popup-overlay {
position: fixed;
width: 224vw;
height: 224vw;
z-index: 3;
opacity: 0;
display: none;
background-color: var(--optionalColor);
cursor: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/cross-btn.png), auto;
}
.search-popup .search-popup-content {
position: fixed;
width: 0;
max-width: 565px;
padding: 30px 15px;
left: 0;
right: 0;
top: 45%;
margin-left: auto;
margin-right: auto;
opacity: 0;
z-index: 3;
}
.search-popup .search-popup-content .search-popup-form {
position: relative;
}
.search-popup .search-popup-content .search-popup-form .form-control {
width: 100%;
background-color: #ffffff;
font-size: 15px;
color: var(--optionalColor);
border: none;
outline: none;
height: 65px;
border-radius: 50px;
padding: 15px 80px 15px 25px;
}
.search-popup .search-popup-content .search-popup-form .form-control::-moz-placeholder {
color: var(--optionalColor);
-moz-transition: 0.6s;
transition: 0.6s;
}
.search-popup .search-popup-content .search-popup-form .form-control::placeholder {
color: var(--optionalColor);
transition: 0.6s;
}
.search-popup .search-popup-content .search-popup-form .form-control:focus {
box-shadow: unset;
}
.search-popup .search-popup-content .search-popup-form .form-control:focus::-moz-placeholder {
color: transparent;
}
.search-popup .search-popup-content .search-popup-form .form-control:focus::placeholder {
color: transparent;
}
.search-popup .search-popup-content .search-popup-form button {
padding: 0;
width: 65px;
height: 65px;
text-align: center;
position: absolute;
top: 0;
bottom: 0;
background-color: var(--mainColor2);
color: var(--optionalColor);
right: 0;
border: none;
border-radius: 50px;
transition: 0.6s;
font-size: 22px;
letter-spacing: 0.5px;
}
.search-popup .search-popup-content .search-popup-form button:focus {
box-shadow: unset;
}
.search-popup .search-popup-content .search-popup-form button:hover {
background-color: var(--optionalColor);
color: #ffffff;
} .responsive-navbar {
border: 0 !important;
background-color: #F1F0EB;
}
.responsive-navbar .offcanvas-header {
padding: 25px 15px;
background-color: #ffffff;
}
.responsive-navbar .offcanvas-header .close-btn {
display: inline-block;
height: 25px;
width: 25px;
line-height: 25px;
text-align: center;
border-radius: 50%;
background-color: var(--mainColor2);
color: #ffffff;
font-size: 20px;
cursor: pointer;
line-height: 1;
padding: 0;
border: 0;
transition: 0.6s;
}
.responsive-navbar .offcanvas-header .close-btn:hover {
background-color: var(--mainColor2);
}
.responsive-navbar .offcanvas-body {
padding: 30px 15px 30px;
}
.responsive-navbar .offcanvas-body .others-option {
margin-top: 25px;
}
.responsive-navbar .offcanvas-body .others-option .option-item {
margin-right: 10px;
}
.responsive-navbar .offcanvas-body .others-option .option-item:last-child {
margin-right: 0;
}
.responsive-navbar .offcanvas-body .others-option .option-item .search-bar i {
display: inline-block;
height: 35px;
width: 35px;
line-height: 35px;
background-color: var(--mainColor2);
color: var(--optionalColor);
text-align: center;
border-radius: 50px;
font-size: 15px;
cursor: pointer;
transition: 0.6s;
}
.responsive-navbar .offcanvas-body .others-option .option-item .search-bar i:hover {
background-color: var(--optionalColor);
color: #ffffff;
}
.responsive-navbar .offcanvas-body .others-option .option-item .default-btn {
background-color: var(--optionalColor);
color: #ffffff;
padding: 15px 20px;
}
.responsive-navbar .offcanvas-body .others-option .option-item .default-btn::before {
background-color: var(--optionalColor);
color: #ffffff;
}
.responsive-navbar .offcanvas-body .others-option .option-item .default-btn .btn-left-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.responsive-navbar .offcanvas-body .others-option .option-item .default-btn:hover {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.responsive-navbar .offcanvas-body .others-option .option-item .default-btn .btn-right-i {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.responsive-navbar .offcanvas-body .others-option .option-item .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: var(--optionalColor);
}  .clinic-banner-area {
position: relative;
z-index: 1;
}
.clinic-banner-area .container-fluid, .clinic-banner-area .container-sm, .clinic-banner-area .container-md, .clinic-banner-area .container-lg, .clinic-banner-area .container-xl, .clinic-banner-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.clinic-banner-inner {
background-color: var(--optionalColor);
border-radius: 30px;
padding: 50px 50px 0 50px;
position: relative;
z-index: 1;
overflow: hidden;
}
.clinic-banner-inner .wrap-shape {
position: absolute;
right: 0;
top: 75px;
}
.clinic-banner-content .sub {
display: inline-flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
background-color: var(--additionalColor1);
font-size: 15px;
color: var(--optionalColor);
border-radius: 50px;
margin-bottom: 15px;
}
.clinic-banner-content h1, .clinic-banner-content .h1 {
color: #FFF8F4;
font-size: 65px;
margin-bottom: 0;
}
.clinic-banner-content .banner-btn {
margin-top: 30px;
}
.clinic-banner-content .feedback {
margin-top: 90px;
}
.clinic-banner-content .feedback p {
color: #FFF8F4;
margin-bottom: 10px;
}
.clinic-banner-content .feedback .box {
display: flex;
align-items: center;
}
.clinic-banner-content .feedback .box .google {
margin-right: 20px;
}
.clinic-banner-content .feedback .box .rating ul {
display: flex;
margin-bottom: 0;
line-height: 1;
padding-left: 0;
padding-right: 0;
}
.clinic-banner-content .feedback .box .rating ul li {
list-style-type: none;
margin-right: 5px;
}
.clinic-banner-content .feedback .box .rating ul li:last-child {
margin-right: 0;
}
.clinic-banner-content .feedback .box .rating ul li i {
font-size: 20px;
color: var(--mainColor);
}
.clinic-banner-content .feedback .box .rating span {
font-size: 15px;
color: #ffffff;
display: block;
margin-top: 10px;
}
.clinic-banner-image {
margin-left: -65px;
position: relative;
z-index: 1;
}
.clinic-banner-list-item {
position: relative;
}
.clinic-banner-list-item .wrap-shape {
position: absolute;
left: 0;
top: 135px;
}
.clinic-banner-item .item {
background-color: var(--additionalColor3);
border-radius: 30px;
padding: 27.8px;
margin-bottom: 25px;
position: relative;
z-index: 1;
overflow: hidden;
}
.clinic-banner-item .item:last-child {
margin-bottom: 0;
}
.clinic-banner-item .item .icon {
margin-bottom: 20px;
transition: 0.6s;
}
.clinic-banner-item .item .icon i {
display: inline-flex;
justify-content: center;
align-items: center;
width: 90px;
height: 90px;
line-height: 90px;
border-radius: 90px;
background-color: #FFF8F4;
color: var(--additionalColor3);
text-align: center;
transition: 0.6s;
font-size: 55px;
}
.clinic-banner-item .item h3, .clinic-banner-item .item .h3 {
font-size: 20px;
margin-bottom: 0;
font-weight: 600;
}
.clinic-banner-item .item h3 a, .clinic-banner-item .item .h3 a {
color: var(--optionalColor);
}
.clinic-banner-item .item span {
display: block;
margin-top: 10.5px;
}
.clinic-banner-item .item .arrow-btn {
position: absolute;
right: 20px;
top: 20px;
}
.clinic-banner-item .item .arrow-btn i {
font-size: 32px;
color: var(--optionalColor);
transition: 0.6s;
}
.clinic-banner-item .item.bg-wrap-two {
background-color: var(--additionalColor2);
}
.clinic-banner-item .item.bg-wrap-two .icon i {
color: var(--additionalColor2);
}
.clinic-banner-item .item.bg-wrap-three {
background-color: var(--additionalColor4);
}
.clinic-banner-item .item.bg-wrap-three .icon i {
color: var(--additionalColor4);
}
.clinic-banner-item .item::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 2px;
width: 0%;
background-color: var(--mainColor2);
transition: 0.6s;
}
.clinic-banner-item .item:hover .icon i, .clinic-banner-item .item:hover .icon svg, .clinic-banner-item .item:hover .icon img {
background-color: var(--mainColor2);
color: #ffffff;
animation: jackInTheBox 1s;
}
.clinic-banner-item .item:hover .arrow-btn i {
font-size: 50px;
}
.clinic-banner-item .item:hover::before {
width: 100%;
}
.clinic-banner-item .item .wrap {
position: absolute;
left: -25px;
bottom: -5px;
z-index: -1;
}
.clinic-banner-item .item .wrap.two {
left: -35px;
bottom: 20px;
}
.clinic-banner-item .item .wrap.three {
top: -10px;
bottom: unset;
} .partner-area {
overflow: hidden;
}
.partner-area .container-fluid, .partner-area .container-sm, .partner-area .container-md, .partner-area .container-lg, .partner-area .container-xl, .partner-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.partner-area .col {
flex: 0 0 auto;
width: 14.2857142857%;
}
.partner-title {
text-align: center;
margin-bottom: 50px;
}
.partner-title h5, .partner-title .h5 {
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
}
.partner-item {
text-align: center;
margin-bottom: 25px;
} .bg-services-area {
background-color: #F5F5F3;
}
.services-area {
background-color: #F5F5F3;
border-radius: 30px;
margin-left: 30px;
margin-right: 30px;
}
.services-area .col-xl-3:nth-child(2n) {
margin-top: 40px;
}
.services-card {
border-radius: 30px;
background-color: #ffffff;
padding: 40px;
position: relative;
transition: 0.6s;
overflow: hidden;
}
.services-card .icon {
margin-bottom: 22px;
}
.services-card .icon i, .services-card .icon img {
display: inline-flex;
justify-content: center;
align-items: center;
height: 100px;
width: 100px;
line-height: 100px;
background-color: var(--additionalColor3);
color: var(--optionalColor);
font-size: 60px;
text-align: center;
border-radius: 100px;
transition: 0.6s;
}
.services-details-sidebar .sidebar-box .list li .title .icon img {
padding: 5px;
}
.services-card .icon img {
padding: 16px;
}
.services-card .icon.bg-wrap-2 i {
background-color: var(--mainColor2);
}
.services-card .icon.bg-wrap-3 i, .services-card .icon.bg-wrap-6 i {
background-color: var(--additionalColor2);
}
.services-card .icon.bg-wrap-4 i, .services-card .icon.bg-wrap-5 i {
background-color: var(--additionalColor4);
}
.services-card .icon.bg-wrap-7 i {
background-color: var(--mainColor2);
}
.services-card .icon.bg-wrap-8 i {
background-color: var(--additionalColor3);
}
.services-card h3, .services-card .h3 {
font-size: 22px;
margin-bottom: 17px;
}
.services-card h3 a, .services-card .h3 a {
color: var(--optionalColor);
}
.services-card h3 a:hover, .services-card .h3 a:hover {
color: var(--mainColor2);
}
.services-card .list {
margin-bottom: 17px;
padding-left: 15px;
padding-right: 0;
}
.services-card .list li {
margin-bottom: 10px;
list-style-type: none;
position: relative;
padding-left: 15px;
}
.services-card .list li::before {
position: absolute;
content: "";
height: 7px;
width: 7px;
background-color: var(--optionalColor);
border-radius: 50px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.services-card .list li:last-child {
margin-bottom: 0;
}
.services-card p {
margin-bottom: 0;
}
.services-card .service-btn {
color: var(--optionalColor);
font-size: 15px;
font-weight: 600;
display: flex;
align-items: center;
transition: 0.6s;
position: relative;
margin-top: -22.5px;
opacity: 0;
line-height: 1;
}
.services-card .service-btn i {
font-size: 20px;
display: flex;
align-items: center;
margin-left: 8px;
}
.services-card .service-btn:hover {
letter-spacing: 0.5px;
color: var(--mainColor2);
}
.services-card::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 2px;
width: 0%;
background-color: var(--additionalColor1);
transition: 0.6s;
}
.services-card:hover .icon i, .services-card:hover .icon img {
height: 60px;
width: 60px;
line-height: 60px;
font-size: 35px;
}
.services-card:hover .service-btn {
opacity: 1;
margin-top: 17px;
}
.services-card:hover::before {
width: 100%;
}
.services-bottom-btn {
text-align: center;
margin-top: 60px;
}
.services-wrap-inner {
background-color: var(--additionalColor2);
border-radius: 0px 0px 100px 100px;
}
.services-wrap-inner .services-bottom-btn {
margin-top: 50px;
}
.services-wrap-inner .services-bottom-btn .default-btn {
background-color: #ffffff;
color: var(--optionalColor);
}
.services-wrap-inner .services-bottom-btn .default-btn::before {
background-color: #ffffff;
color: var(--optionalColor);
}
.services-wrap-inner .services-bottom-btn .default-btn .btn-right-i {
background-color: #ffffff;
color: var(--optionalColor);
}
.services-wrap-inner .services-bottom-btn .default-btn:hover {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.services-wrap-inner .services-bottom-btn .default-btn .btn-right-i {
background-color: #ffffff;
color: var(--optionalColor);
}
.services-wrap-inner .services-bottom-btn .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.services-item {
border-bottom: 1px solid var(--optionalColor);
transition: 0.6s;
cursor: pointer;
position: relative;
overflow: hidden;
z-index: 1;
padding-top: 55px;
padding-bottom: 55px;
}
.services-item:last-child {
margin-bottom: 0;
}
.services-item .services-content {
position: relative;
z-index: 1;
}
.services-item .services-content h3, .services-item .services-content .h3 {
font-size: 27px;
margin-bottom: 25px;
}
.services-item .services-content h3 a, .services-item .services-content .h3 a {
color: var(--optionalColor);
}
.services-item .services-content .list {
display: flex;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.services-item .services-content .list li {
list-style-type: none;
margin-right: 10px;
}
.services-item .services-content .list li:last-child {
margin-right: 0;
}
.services-item .services-content .list li a {
display: inline-flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
border-radius: 50px;
border: 1px solid var(--optionalColor);
font-size: 15px;
color: var(--optionalColor);
}
.services-item .services-arrow {
text-align: end;
position: relative;
z-index: 1;
}
.services-item .services-arrow a i {
display: inline-flex;
justify-content: center;
align-items: center;
height: 90px;
width: 90px;
line-height: 90px;
text-align: center;
border: 1px solid var(--optionalColor);
border-radius: 50px;
color: var(--optionalColor);
font-size: 25px;
transition: 0.6s;
}
.services-item::before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
background: linear-gradient(91deg, var(--optionalColor) 1.39%, rgba(32, 38, 91, 0) 83.74%);
transition: 0.6s;
opacity: 0;
visibility: hidden;
z-index: 1;
}
.services-item.bg1::after {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/services/services1.jpg);
height: 100%;
width: 100%;
z-index: -1;
opacity: 0;
transition: 0.6s;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.services-item.bg2::after {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/services/services2.jpg);
height: 100%;
width: 100%;
z-index: -1;
opacity: 0;
transition: 0.6s;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.services-item.bg3::after {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/services/services3.jpg);
height: 100%;
width: 100%;
z-index: -1;
opacity: 0;
transition: 0.6s;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.services-item.bg4::after {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/services/services4.jpg);
height: 100%;
width: 100%;
z-index: -1;
opacity: 0;
transition: 0.6s;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.services-item.bg5::after {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/services/services5.jpg);
height: 100%;
width: 100%;
z-index: -1;
opacity: 0;
transition: 0.6s;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.services-item:hover, .services-item.active {
padding: 50px;
}
.services-item:hover::before, .services-item.active::before {
opacity: 1;
visibility: visible;
}
.services-item:hover .services-content h3 a, .services-item:hover .services-content .h3 a, .services-item.active .services-content h3 a, .services-item.active .services-content .h3 a {
color: #ffffff;
}
.services-item:hover .services-content h3 a:hover, .services-item:hover .services-content .h3 a:hover, .services-item.active .services-content h3 a:hover, .services-item.active .services-content .h3 a:hover {
color: var(--mainColor2);
}
.services-item:hover .services-content .list li a, .services-item.active .services-content .list li a {
border: 1px solid #ffffff;
color: #ffffff;
}
.services-item:hover .services-content .list li a:hover, .services-item.active .services-content .list li a:hover {
border: 1px solid var(--mainColor2);
color: #ffffff;
background-color: var(--mainColor2);
}
.services-item:hover .services-arrow a i, .services-item.active .services-arrow a i {
border: 1px solid var(--optionalColor);
color: var(--optionalColor);
background-color: var(--additionalColor2);
}
.services-item:hover .services-arrow a i:hover, .services-item.active .services-arrow a i:hover {
border: 1px solid var(--mainColor2);
color: var(--optionalColor);
background-color: var(--mainColor2);
}
.services-item:hover.bg1::after, .services-item.active.bg1::after {
opacity: 1;
}
.services-item:hover.bg2::after, .services-item.active.bg2::after {
opacity: 1;
}
.services-item:hover.bg3::after, .services-item.active.bg3::after {
opacity: 1;
}
.services-item:hover.bg4::after, .services-item.active.bg4::after {
opacity: 1;
}
.services-item:hover.bg5::after, .services-item.active.bg5::after {
opacity: 1;
} .about-area {
overflow: hidden;
}
.about-image {
position: relative;
padding: 100px 245px 70px 45px;
}
.about-image img {
border-radius: 30px !important;
}
.about-image .video-wrap {
background-color: #ffffff;
box-shadow: 0px 0px 60px 0px rgba(32, 38, 91, 0.1);
border-radius: 30px;
padding: 20px;
position: absolute;
right: 45px;
top: 0;
}
.about-image .video-wrap .video {
position: relative;
}
.about-image .video-wrap .video img {
border-radius: 20px !important;
}
.about-image .video-wrap .video .video-btn {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.about-image .video-wrap .video .video-btn i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 55px;
width: 55px;
line-height: 55px;
text-align: center;
border-radius: 50px;
background-color: #ffffff;
color: var(--mainColor2);
font-size: 22px;
transition: 0.6s;
}
.about-image .video-wrap .video .video-btn i:hover {
background-color: var(--mainColor2);
color: #ffffff;
}
.about-image .video-wrap .line {
margin-top: 20px;
}
.about-image .shape1 {
position: absolute;
top: 25px;
left: 0;
z-index: -1;
}
.about-image .shape2 {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.about-image .shape3 {
position: absolute;
right: 65px;
top: 240px;
z-index: -1;
}
.about-image .counter-wrap {
border-radius: 30px;
border: 1px solid #F5F5F3;
background: #ffffff;
box-shadow: 0px 0px 60px 0px rgba(32, 38, 91, 0.1);
padding: 25px;
display: flex;
align-items: center;
position: absolute;
right: 0;
bottom: 0;
animation: moveleftbounce 2s linear infinite;
transition: 0.6s;
}
.about-image .counter-wrap .icon i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 67px;
width: 67px;
line-height: 67px;
text-align: center;
background-color: var(--additionalColor4);
color: var(--optionalColor);
text-align: center;
border-radius: 50px;
font-size: 40px;
}
.about-image .counter-wrap .title {
margin-left: 15px;
}
.about-image .counter-wrap .title h3, .about-image .counter-wrap .title .h3 {
font-size: 35px;
margin-bottom: 5px;
}
.about-image .counter-wrap .title h3.plus, .about-image .counter-wrap .title .plus.h3 {
line-height: 1;
margin-left: 2px;
margin-top: -2px;
}
.about-image .counter-wrap .title p {
margin-bottom: 0;
}
.about-image .counter-wrap:hover {
border: 1px solid var(--additionalColor1);
}
.about-content {
padding-left: 30px;
}
.about-content .sub {
display: inline-flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
background-color: var(--mainColor2);
font-size: 15px;
color: var(--optionalColor);
border-radius: 50px;
margin-bottom: 15px;
}
.about-content h2, .about-content .h2 {
font-size: 42px;
margin-bottom: 15px;
}
.about-content p {
margin-bottom: 25px;
}
.about-content .list {
margin-bottom: 25px;
padding-left: 0;
padding-right: 0;
}
.about-content .list li {
display: flex;
align-items: center;
font-size: 18px;
color: var(--optionalColor);
margin-bottom: 20px;
line-height: 1;
font-weight: 600;
}
.about-content .list li i {
font-size: 25px;
margin-right: 10px;
display: flex;
}
.about-content .list li:last-child {
margin-bottom: 0;
}
.about-inner {
background-color: #F5F5F3;
border-radius: 0px 0px 100px 100px;
}
.about-inner .about-content {
padding-left: 15px;
}
.about-inner .about-content p {
max-width: 635px;
}
.about-inner .about-content p.full-width {
max-width: 100%;
}
.wrap-with-white-color .about-inner {
background-color: #ffffff;
}
.about-wrap-image {
position: relative;
padding: 0 25px 0 50px;
}
.about-wrap-image .sub {
font-size: 18px;
font-weight: 600;
margin-left: -50px;
margin-bottom: 15px;
}
.about-wrap-image .wrap {
position: absolute;
left: 0;
bottom: 100px;
}
.about-wrap-image .wrap img {
animation-name: rotateme;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.about-wrap-image .wrap .video-btn {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.about-wrap-image .wrap .video-btn img {
animation: unset;
position: relative;
left: 2.5px;
} .overview-information-card {
margin-bottom: 25px;
background-color: var(--additionalColor1);
border-radius: 30px;
padding: 70px 60px;
overflow: hidden;
position: relative;
}
.overview-information-card .title {
margin-bottom: 70px;
}
.overview-information-card .title h3, .overview-information-card .title .h3 {
font-size: 22px;
font-weight: 600;
margin-bottom: 12px;
}
.overview-information-card .title p {
margin-bottom: 0;
max-width: 445px;
}
.overview-information-card .appointment-btn {
color: var(--optionalColor);
font-size: 15px;
font-weight: 600;
display: flex;
align-items: center;
transition: 0.6s;
line-height: 1;
}
.overview-information-card .appointment-btn i {
font-size: 20px;
display: flex;
align-items: center;
margin-left: 8px;
}
.overview-information-card .appointment-btn:hover {
letter-spacing: 0.7px;
color: var(--additionalColor3);
}
.overview-information-card .phone-btn {
display: flex;
align-items: center;
}
.overview-information-card .phone-btn .icon {
margin-right: 20px;
}
.overview-information-card .phone-btn .icon i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 65px;
height: 65px;
line-height: 65px;
text-align: center;
border-radius: 50px;
background-color: rgba(255, 248, 244, 0.7);
color: var(--optionalColor);
font-size: 30px;
transition: 0.6s;
}
.overview-information-card .phone-btn a {
color: var(--optionalColor);
font-weight: 600;
font-size: 32px;
}
.overview-information-card .phone-btn a:hover {
color: var(--additionalColor1);
}
.overview-information-card .phone-btn:hover .icon i {
background-color: var(--mainColor2);
color: #ffffff;
animation: jackInTheBox 1s;
}
.overview-information-card .wrap-icon {
position: absolute;
right: 0;
bottom: 0;
}
.overview-information-card .wrap-icon i {
font-size: 190px;
display: flex;
color: var(--optionalColor);
opacity: 0.1;
}
.overview-information-card.bg-wrap-two {
background-color: var(--additionalColor3);
}
.overview-information-card.bg-wrap-two .title {
margin-bottom: 55px;
}
.overview-information-card::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 2px;
width: 0%;
background-color: var(--mainColor2);
transition: 0.6s;
}
.overview-information-card:hover::before {
width: 100%;
} .doctor-tabs .nav {
display: flex;
justify-content: center;
border: none;
margin-bottom: 40px;
padding-left: 0;
padding-right: 0;
}
.doctor-tabs .nav .nav-item {
margin-right: 12px;
}
.doctor-tabs .nav .nav-item:last-child {
margin-right: 0;
}
.doctor-tabs .nav .nav-item .nav-link {
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 20px;
background-color: #F5F5F3;
color: var(--optionalColor);
padding: 10px 20px;
font-size: 15px;
font-weight: 400;
letter-spacing: 1.2px;
transition: 0.6s;
}
.doctor-tabs .nav .nav-item .nav-link:hover, .doctor-tabs .nav .nav-item .nav-link.active {
background-color: var(--optionalColor);
color: #ffffff;
}
.doctor-card {
margin-bottom: 25px;
}
.doctor-card .doctor-image {
position: relative;
border-radius: 30px;
overflow: hidden;
}
.doctor-card .doctor-image a img {
border-radius: 30px !important;
transition: 0.6s;
}
.doctor-card .doctor-image .social {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
border-radius: 50px;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(2px);
padding: 15px 25px;
position: absolute;
left: 15px;
right: 15px;
bottom: 0;
margin-bottom: 0;
transition: 0.6s;
opacity: 0;
visibility: hidden;
}
.doctor-card .doctor-image .social li {
list-style-type: none;
margin-right: 30px;
}
.doctor-card .doctor-image .social li a i {
color: var(--optionalColor);
transition: 0.6s;
}
.doctor-card .doctor-image .social li a i:hover {
color: var(--mainColor2);
}
.doctor-card .doctor-image .social li:last-child {
margin-right: 0;
}
.doctor-card .doctor-content {
padding-top: 25px;
}
.doctor-card .doctor-content h3, .doctor-card .doctor-content .h3 {
font-size: 22px;
margin-bottom: 0;
}
.doctor-card .doctor-content span {
display: block;
margin-top: 10px;
}
.doctor-card:hover .doctor-image a img {
transform: scale(1.1);
}
.doctor-card:hover .doctor-image .social {
bottom: 15px;
opacity: 1;
visibility: visible;
}
.doctor-slider .swiper-scrollbar {
margin-top: 25px;
position: relative;
left: 0;
right: 0;
bottom: 0;
border-radius: 50px;
background-color: #F5F5F3;
cursor: pointer;
width: 100%;
}
.doctor-slider .swiper-scrollbar .swiper-scrollbar-drag {
border-radius: 50px;
background-color: var(--mainColor2);
}
.jsc .swiper-wrapper {
justify-content: center;
}
.doctor-inner {
background-color: #F5F5F3;
border-radius: 0px 0px 100px 100px;
}
.doctor-inner .section-top-title h2, .doctor-inner .section-top-title .h2 {
max-width: 665px;
}
.doctor-inner .doctor-card .doctor-content {
padding-left: 30px;
}
.doctor-inner .doctor-card:hover .doctor-image a img {
transform: unset;
}
.doctor-pagination-and-button {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
.doctor-pagination-and-button .doctor-pagination {
display: flex;
justify-content: space-between;
margin-right: 100px;
}
.doctor-pagination-and-button .doctor-pagination .swiper-pagination-bullet {
width: 100%;
display: block;
margin: 0;
background-color: #E6E6E5;
border-radius: 0;
opacity: 100%;
height: 5px;
margin: 0;
}
.doctor-pagination-and-button .doctor-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--mainColor2);
border-radius: 0;
}
.doctor-pagination-and-button .doctor-button-list {
display: flex;
align-items: center;
justify-content: end;
margin-bottom: 0;
line-height: 1;
position: relative;
top: -1.7px;
padding-left: 0;
padding-right: 0;
}
.doctor-pagination-and-button .doctor-button-list li {
list-style-type: none;
margin-right: 25px;
}
.doctor-pagination-and-button .doctor-button-list li i {
font-size: 28px;
color: var(--optionalColor);
transition: 0.6s;
}
.doctor-pagination-and-button .doctor-button-list li i:hover {
color: var(--mainColor2);
}
.doctor-pagination-and-button .doctor-button-list li:last-child {
margin-right: 0;
}
.doctor-search-form {
border-radius: 30px;
border: 1px solid #E5E5E5;
padding: 45px;
margin-bottom: 120px;
}
.doctor-search-form .form-group {
margin-bottom: 25px;
}
.doctor-search-form .form-group label {
display: block;
color: var(--optionalColor);
font-size: 15px;
margin-bottom: 10px;
font-weight: 600;
}
.doctor-search-form .form-group .form-control {
display: inline-block;
border-radius: 50px;
background-color: #F5F5F3;
border: 1px solid #F5F5F3;
width: 100%;
height: 55px;
box-shadow: unset;
color: #6B6F90;
transition: 0.6s;
padding: 15px 20px;
font-size: 14px;
}
.doctor-search-form .form-group .form-control::-moz-placeholder {
color: #6B6F90;
-moz-transition: 0.6s;
transition: 0.6s;
}
.doctor-search-form .form-group .form-control::placeholder {
color: #6B6F90;
transition: 0.6s;
}
.doctor-search-form .form-group .form-control:focus {
border: 1px solid var(--mainColor2);
}
.doctor-search-form .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.doctor-search-form .form-group .form-control:focus::placeholder {
color: transparent;
}
.doctor-search-form .quick-text {
font-size: 15px;
margin-bottom: 10px;
font-weight: 600;
}
.doctor-search-form .quick-search-list {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.doctor-search-form .quick-search-list li {
display: inline-block;
list-style-type: none;
margin-right: 10px;
}
.doctor-search-form .quick-search-list li a {
border: none;
display: flex;
padding: 7px 15px;
align-items: center;
justify-content: center;
font-size: 15px;
border-radius: 20px;
border: 1px solid #A6A9BD;
background-color: transparent;
transition: 0.6s;
font-weight: 400;
color: var(--optionalColor);
}
.doctor-search-form .quick-search-list li a:hover {
background-color: var(--mainColor2);
border: 1px solid var(--mainColor2);
}
.doctor-search-form .quick-search-list li:last-child {
margin-right: 0;
}
.doctor-search-form .search-btn {
text-align: end;
}
.doctor-search-form .search-btn .default-btn {
border: none;
background-color: var(--optionalColor);
color: #ffffff;
}
.doctor-search-form .search-btn .default-btn::before {
background-color: var(--optionalColor);
color: #ffffff;
}
.doctor-search-form .search-btn .default-btn .btn-left-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.doctor-search-form .search-btn .default-btn:hover {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.doctor-search-form .search-btn .default-btn .btn-right-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.doctor-search-form .search-btn .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.doctor-top-text {
margin-bottom: 35px;
}
.doctor-top-text p {
font-size: 15px;
margin-bottom: 0;
}
.doctor-top-text p b {
font-size: 18px;
font-weight: 500;
}
.choose-us-and-others-services-inner-bg-color {
background-color: #F5F5F3;
border-radius: 30px !important;
margin-left: 30px !important;
margin-right: 30px !important;
margin-inline-end: unset !important;
margin-inline-start: unset !important;
display: block !important;
width: unset !important;
} .choose-us-content .content {
margin-bottom: 85px;
}
.choose-us-content .content .sub {
display: inline-flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
background-color: var(--mainColor2);
font-size: 15px;
color: var(--optionalColor);
border-radius: 50px;
margin-bottom: 15px;
}
.choose-us-content .content h2, .choose-us-content .content .h2 {
font-size: 42px;
margin-bottom: 0;
}
.choose-us-content .quote-card {
border-radius: 30px;
background-color: var(--additionalColor1);
padding: 75px 60px;
}
.choose-us-content .quote-card .quote {
margin-bottom: 15px;
}
.choose-us-content .quote-card .quote i {
display: flex;
color: var(--optionalColor);
font-size: 50px;
}
.choose-us-content .quote-card p {
font-size: 18px;
margin-bottom: 0;
font-weight: 500;
}
.choose-us-content .quote-card .info {
display: flex;
align-items: center;
margin-top: 35px;
}
.choose-us-content .quote-card .info img {
max-width: 50px;
border-radius: 50px !important;
border: 2px solid #ffffff;
}
.choose-us-content .quote-card .info .title {
margin-left: 15px;
}
.choose-us-content .quote-card .info .title h3, .choose-us-content .quote-card .info .title .h3 {
font-size: 18px;
letter-spacing: 1.4px;
margin-bottom: 0;
font-weight: 600;
}
.choose-us-content .quote-card .info .title span {
font-size: 15px;
display: block;
margin-top: 8px;
}
.choose-us-content .quote-card.wrap-style-two {
background-color: var(--additionalColor4);
}
.choose-us-content .quote-slider {
position: relative;
}
.choose-us-content .quote-slider .quote-button {
position: absolute;
right: 60px;
bottom: 75px;
display: flex;
margin-bottom: 0;
z-index: 1;
padding-left: 0;
padding-right: 0;
}
.choose-us-content .quote-slider .quote-button li {
list-style-type: none;
margin-right: 10px;
}
.choose-us-content .quote-slider .quote-button li:last-child {
margin-right: 0;
}
.choose-us-content .quote-slider .quote-button li i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 35px;
width: 35px;
line-height: 35px;
background-color: #ffffff;
color: var(--optionalColor);
text-align: center;
border-radius: 50px;
font-size: 22px;
transition: 0.6s;
}
.choose-us-content .quote-slider .quote-button li i:hover {
background-color: var(--mainColor2);
}
.choose-us-image .wrap-image-one {
border-radius: 30px;
overflow: hidden;
}
.choose-us-image .wrap-image-one img {
border-radius: 30px !important;
transition: 0.6s;
}
.choose-us-image .wrap-image-one:hover img {
transform: scale(1.1);
}
.choose-us-image .box-one {
background-color: var(--additionalColor3);
border-radius: 30px;
padding: 35px 40px;
margin-top: 25px;
overflow: hidden;
position: relative;
}
.choose-us-image .box-one img {
margin-bottom: 25px;
}
.choose-us-image .box-one h3, .choose-us-image .box-one .h3 {
font-size: 42px;
margin-bottom: 0;
line-height: 1;
}
.choose-us-image .box-one span {
display: block;
margin-top: 10px;
}
.choose-us-image .box-one::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 2px;
width: 0%;
background-color: var(--mainColor2);
transition: 0.6s;
}
.choose-us-image .box-one:hover::before {
width: 100%;
}
.choose-us-image .box-two {
background-color: var(--additionalColor4);
border-radius: 30px;
padding: 35px 40px;
margin-bottom: 25px;
overflow: hidden;
position: relative;
}
.choose-us-image .box-two i {
margin-bottom: 22px;
font-size: 50px;
color: var(--optionalColor);
display: flex;
}
.choose-us-image .box-two h3, .choose-us-image .box-two .h3 {
font-size: 42px;
margin-bottom: 0;
line-height: 1;
}
.choose-us-image .box-two h3.plus, .choose-us-image .box-two .plus.h3 {
line-height: 1;
margin-left: 2px;
margin-top: -2px;
}
.choose-us-image .box-two span {
display: block;
margin-top: 10px;
}
.choose-us-image .box-two::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 2px;
width: 0%;
background-color: var(--mainColor2);
transition: 0.6s;
}
.choose-us-image .box-two:hover::before {
width: 100%;
}
.choose-us-image .wrap-image-two {
border-radius: 30px;
overflow: hidden;
}
.choose-us-image .wrap-image-two img {
border-radius: 30px !important;
transition: 0.6s;
}
.choose-us-image .wrap-image-two:hover img {
transform: scale(1.1);
}
.choose-us-wrap-image {
padding-right: 30px;
}
.choose-us-wrap-image img {
border-radius: 30px !important;
} .others-services-area .section-title h2, .others-services-area .section-title .h2 {
font-size: 35px;
}
.others-services-card {
border: 1px solid var(--mainColor2);
padding: 50px 45px;
border-radius: 30px;
margin-bottom: 25px;
}
.others-services-card .icon {
margin-bottom: 28px;
}
.others-services-card .icon i {
display: inline-flex;
justify-content: center;
align-items: center;
height: 100px;
width: 100px;
line-height: 100px;
background-color: var(--mainColor2);
color: var(--optionalColor);
font-size: 60px;
text-align: center;
border-radius: 100px;
transition: 0.6s;
}
.others-services-card h3, .others-services-card .h3 {
font-size: 22px;
margin-bottom: 15px;
}
.others-services-card h3 a, .others-services-card .h3 a {
color: var(--optionalColor);
}
.others-services-card h3 a:hover, .others-services-card .h3 a:hover {
color: var(--mainColor2);
}
.others-services-card p {
margin-bottom: 20px;
}
.others-services-card .service-btn {
color: var(--optionalColor);
font-size: 15px;
font-weight: 600;
display: flex;
align-items: center;
transition: 0.6s;
}
.others-services-card .service-btn i {
font-size: 20px;
display: flex;
align-items: center;
margin-left: 8px;
}
.others-services-card .service-btn:hover {
letter-spacing: 0.5px;
}
.others-services-card.wrap-2 {
border: 1px solid var(--additionalColor2);
}
.others-services-card.wrap-2 .icon i {
background-color: var(--additionalColor2);
}
.others-services-card.wrap-3 {
border: 1px solid var(--additionalColor4);
}
.others-services-card.wrap-3 .icon i {
background-color: var(--additionalColor4);
}
.others-services-card:hover .icon i {
animation: jackInTheBox 1s;
} .blog-card {
margin-bottom: 25px;
}
.blog-card .blog-image {
border-radius: 30px;
overflow: hidden;
}
.blog-card .blog-image a img {
border-radius: 30px !important;
transition: 0.6s;
}
.blog-card .blog-content {
padding-top: 27px;
}
.blog-card .blog-content .meta {
display: flex;
align-items: center;
line-height: 1;
margin-bottom: 17px;
padding-left: 0;
padding-right: 0;
}
.blog-card .blog-content .meta li {
list-style-type: none;
margin-right: 25px;
display: flex;
align-items: center;
}
.blog-card .blog-content .meta li a {
color: var(--optionalColor);
margin-left: 5px;
}
.blog-card .blog-content .meta li a:hover {
color: var(--mainColor2);
}
.blog-card .blog-content .meta li i {
margin-right: 10px;
display: flex;
}
.blog-card .blog-content .meta li:last-child {
margin-right: 0;
}
.blog-card .blog-content h3, .blog-card .blog-content .h3 {
font-size: 22px;
margin-bottom: 12px;
line-height: 1.4;
}
.blog-card:hover .blog-image a img {
transform: scale(1.1);
}
.blog-card.wrap-style .blog-content .meta li {
color: var(--additionalColor6);
}
.blog-card.wrap-style .blog-content .meta li a {
color: var(--additionalColor6);
}
.blog-card.wrap-style .blog-content .meta li a:hover {
color: var(--additionalColor7);
}
.blog-card.wrap-style .blog-content h3, .blog-card.wrap-style .blog-content .h3 {
font-weight: 500;
}
.blog-card.wrap-style .blog-content h3 a, .blog-card.wrap-style .blog-content .h3 a {
color: var(--optionalColor);
}
.blog-card.wrap-style .blog-content h3 a:hover, .blog-card.wrap-style .blog-content .h3 a:hover {
color: var(--additionalColor6);
}
.blog-area {
overflow: hidden;
}
.blog-area .container-fluid, .blog-area .container-sm, .blog-area .container-md, .blog-area .container-lg, .blog-area .container-xl, .blog-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.blog-area .section-wrap-title h2, .blog-area .section-wrap-title .h2 {
max-width: 695px;
}
.blog-inner-with-border {
border-radius: 30px;
border: 1px solid #E5E5E5;
padding: 35px;
margin-bottom: 100px;
}
.blog-inner-with-border .blog-large-image a img {
border-radius: 25px !important;
}
.blog-inner-with-border .blog-large-content {
padding-left: 35px;
}
.blog-inner-with-border .blog-large-content .meta {
display: flex;
align-items: center;
line-height: 1;
margin-bottom: 17px;
padding-left: 0;
padding-right: 0;
}
.blog-inner-with-border .blog-large-content .meta li {
list-style-type: none;
margin-right: 25px;
display: flex;
align-items: center;
}
.blog-inner-with-border .blog-large-content .meta li a {
color: var(--optionalColor);
margin-left: 5px;
}
.blog-inner-with-border .blog-large-content .meta li a:hover {
color: var(--mainColor2);
}
.blog-inner-with-border .blog-large-content .meta li i {
margin-right: 10px;
display: flex;
}
.blog-inner-with-border .blog-large-content .meta li:last-child {
margin-right: 0;
}
.blog-inner-with-border .blog-large-content h3, .blog-inner-with-border .blog-large-content .h3 {
font-size: 32px;
margin-bottom: 12px;
line-height: 1.4;
}
.blog-inner-with-border .blog-large-content p {
margin-bottom: 25px;
}
.blog-inner-with-border .blog-large-content .blog-btn {
color: var(--optionalColor);
font-size: 15px;
font-weight: 600;
display: flex;
align-items: center;
transition: 0.6s;
line-height: 1;
}
.blog-inner-with-border .blog-large-content .blog-btn i {
font-size: 15px;
display: flex;
align-items: center;
margin-left: 8px;
}
.blog-inner-with-border .blog-large-content .blog-btn:hover {
letter-spacing: 0.5px;
color: var(--mainColor);
}  .dental-care-banner-area {
overflow: hidden;
}
.dental-care-banner-area .container-fluid, .dental-care-banner-area .container-sm, .dental-care-banner-area .container-md, .dental-care-banner-area .container-lg, .dental-care-banner-area .container-xl, .dental-care-banner-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.dental-care-banner-inner {
position: relative;
z-index: 1;
background-color: #F5F5F3;
border-radius: 0px 0px 100px 100px;
padding-top: 90px;
padding-bottom: 90px;
}
.dental-care-banner-content {
max-width: 650px;
}
.dental-care-banner-content .sub {
display: inline-flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
background-color: var(--additionalColor1);
font-size: 15px;
color: var(--optionalColor);
border-radius: 50px;
margin-bottom: 15px;
}
.dental-care-banner-content h1, .dental-care-banner-content .h1 {
font-size: 72px;
margin-bottom: 0;
}
.dental-care-banner-content .banner-btn-list {
display: flex;
align-items: center;
padding-left: 0;
padding-right: 0;
margin-top: 30px;
margin-bottom: 0;
}
.dental-care-banner-content .banner-btn-list li {
list-style-type: none;
margin-right: 30px;
}
.dental-care-banner-content .banner-btn-list li:last-child {
margin-right: 0;
}
.dental-care-banner-content .banner-btn-list li .phone-btn {
display: flex;
align-items: center;
background-color: #ffffff;
border-radius: 50px;
padding: 6.5px 15px 6.5px 7px;
}
.dental-care-banner-content .banner-btn-list li .phone-btn .icon {
margin-right: 12px;
}
.dental-care-banner-content .banner-btn-list li .phone-btn .icon i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50px;
background-color: #D59FFF;
color: var(--optionalColor);
font-size: 18px;
transition: 0.6s;
}
.dental-care-banner-content .banner-btn-list li .phone-btn a {
color: var(--optionalColor);
font-weight: 600;
font-size: 18px;
}
.dental-care-banner-content .banner-btn-list li .phone-btn a:hover {
color: var(--mainColor2);
}
.dental-care-banner-content .banner-btn-list li .phone-btn:hover .icon i {
background-color: var(--optionalColor);
color: #ffffff;
}
.dental-care-banner-image {
position: relative;
}
.dental-care-banner-image .feedback {
position: absolute;
left: 0;
bottom: 0;
background-color: #ffffff;
border-radius: 30px;
padding: 45px 30px;
overflow: hidden;
}
.dental-care-banner-image .feedback p {
margin-bottom: 30px;
}
.dental-care-banner-image .feedback .box {
display: flex;
align-items: center;
}
.dental-care-banner-image .feedback .box .google {
margin-right: 20px;
}
.dental-care-banner-image .feedback .box .rating ul {
display: flex;
margin-bottom: 0;
line-height: 1;
padding-left: 0;
padding-right: 0;
}
.dental-care-banner-image .feedback .box .rating ul li {
list-style-type: none;
margin-right: 5px;
}
.dental-care-banner-image .feedback .box .rating ul li:last-child {
margin-right: 0;
}
.dental-care-banner-image .feedback .box .rating ul li i {
font-size: 16px;
color: var(--mainColor);
}
.dental-care-banner-image .feedback .box .rating span {
font-size: 14px;
display: block;
margin-top: 10px;
}
.dental-care-banner-image .feedback::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 2px;
width: 0%;
background-color: var(--mainColor2);
transition: 0.6s;
}
.dental-care-banner-image .feedback:hover::before {
width: 100%;
}
.dental-care-banner-image .counter-wrap {
position: absolute;
right: 0;
top: 0;
background-color: #ffffff;
border-radius: 30px;
padding: 27px 90px 27px 27px;
overflow: hidden;
}
.dental-care-banner-image .counter-wrap i {
margin-bottom: 22px;
font-size: 50px;
color: #FF9E37;
display: flex;
}
.dental-care-banner-image .counter-wrap h3, .dental-care-banner-image .counter-wrap .h3 {
font-size: 42px;
margin-bottom: 0;
line-height: 1;
}
.dental-care-banner-image .counter-wrap h3.plus, .dental-care-banner-image .counter-wrap .plus.h3 {
line-height: 1;
margin-left: 2px;
margin-top: -2px;
}
.dental-care-banner-image .counter-wrap span {
display: block;
margin-top: 10px;
}
.dental-care-banner-image .counter-wrap::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 2px;
width: 0%;
background-color: var(--mainColor2);
transition: 0.6s;
}
.dental-care-banner-image .counter-wrap:hover::before {
width: 100%;
}
.dental-care-banner-image .counter-wrap .hub {
position: absolute;
top: 30px;
right: 30px;
}
.dental-care-banner-shape1 {
position: absolute;
top: 15%;
left: 30%;
transform: translateY(-15%) translateX(-30%);
z-index: -1;
max-width: 40px;
animation: moveBounce 2s linear infinite;
}
.dental-care-banner-shape2 {
position: absolute;
bottom: 15%;
left: 35%;
transform: translateY(-15%) translateX(-35%);
z-index: -1;
animation: moveleftbounce 1s linear infinite;
}
.dental-care-banner-shape3 {
position: absolute;
top: 30%;
left: 45%;
transform: translateY(-30%) translateX(-45%);
z-index: -1;
} .features-inner {
background-color: var(--optionalColor);
border-radius: 0px 0px 100px 100px;
overflow: hidden;
}
.features-card {
margin-bottom: 25px;
text-align: center;
}
.features-card .icon {
margin-bottom: 25px;
}
.features-card .icon i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 100px;
width: 100px;
line-height: 100px;
border: 1px solid rgba(252, 211, 191, 0.5);
border-radius: 50px;
text-align: center;
color: var(--additionalColor2);
font-size: 60px;
transition: 0.6s;
}
.features-card h3, .features-card .h3 {
font-size: 22px;
margin-bottom: 15px;
color: #ffffff;
}
.features-card p {
color: #C9C9C9;
}
.features-card:hover .icon i {
border: 1px solid var(--mainColor2);
animation: jackInTheBox 1s;
} .free-consultation-inner {
background-color: #D59FFF;
border-radius: 0px 0px 100px 100px;
}
.free-consultation-content .sub {
font-size: 18px;
font-weight: 600;
display: block;
margin-bottom: 15px;
}
.free-consultation-content h2, .free-consultation-content .h2 {
font-size: 72px;
margin-bottom: 20px;
}
.free-consultation-content p {
margin-bottom: 0;
max-width: 525px;
}
.free-consultation-content .free-consultation-btn {
margin-top: 30px;
}
.free-consultation-content .free-consultation-btn .default-btn {
background-color: var(--optionalColor);
color: #ffffff;
}
.free-consultation-content .free-consultation-btn .default-btn .btn-right-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.free-consultation-content .free-consultation-btn .default-btn .btn-left-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.free-consultation-content .free-consultation-btn .default-btn:hover {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.free-consultation-content .free-consultation-btn .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: var(--optionalColor);
} .clients-feedback-inner {
background-color: #ffffff;
border-radius: 0px 0px 100px 100px;
overflow: hidden;
}
.clients-feedback-inner .section-top-title h2, .clients-feedback-inner .section-top-title .h2 {
max-width: 650px;
}
.with-gray-color .clients-feedback-inner {
background-color: #F5F5F3;
}
.clients-feedback-card {
background-color: var(--additionalColor2);
padding: 55px;
border-radius: 30px;
margin-bottom: 25px;
position: relative;
overflow: hidden;
}
.clients-feedback-card.with-large-padding {
padding: 65px;
}
.clients-feedback-card.with-large-padding p {
font-size: 18px;
}
.clients-feedback-card .quote {
margin-bottom: 20px;
}
.clients-feedback-card .quote i {
font-size: 45px;
color: var(--optionalColor);
display: flex;
}
.clients-feedback-card p {
font-size: 15px;
font-weight: 600;
margin-bottom: 0;
}
.clients-feedback-card .bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 50px;
}
.clients-feedback-card .bottom .info {
display: flex;
align-items: center;
}
.clients-feedback-card .bottom .info .image img {
border-radius: 50px !important;
border: 2px solid #ffffff;
}
.clients-feedback-card .bottom .info .title {
margin-left: 12px;
}
.clients-feedback-card .bottom .info .title h3, .clients-feedback-card .bottom .info .title .h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 0;
}
.clients-feedback-card .bottom .info .title span {
font-size: 15px;
display: block;
margin-top: 8px;
}
.clients-feedback-card .bottom .rating {
display: flex;
align-items: center;
line-height: 1;
margin-bottom: 0;
padding-left: 10px;
padding-right: 0;
}
.clients-feedback-card .bottom .rating li {
list-style-type: none;
margin-right: 2px;
}
.clients-feedback-card .bottom .rating li:last-child {
margin-right: 0;
}
.clients-feedback-card .bottom .rating li i {
font-size: 18px;
color: var(--mainColor);
}
.clients-feedback-card.bg-wrap-two {
background-color: var(--additionalColor3);
}
.clients-feedback-card.bg-wrap-three {
background-color: var(--additionalColor4);
}
.clients-feedback-card.bg-wrap-four {
background-color: var(--additionalColor1);
}
.clients-feedback-card.bg-wrap-five {
background-color: var(--mainColor2);
}
.clients-feedback-card.bg-wrap-six {
background-color: #ABEBFF;
}
.clients-feedback-card::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 2px;
width: 0%;
background-color: var(--optionalColor);
transition: 0.6s;
}
.clients-feedback-card:hover::before {
width: 100%;
}
.clients-feedback-quote {
text-align: center;
margin-bottom: 25px;
}
.clients-feedback-quote i {
font-size: 80px;
color: var(--optionalColor);
opacity: 0.17;
display: flex;
justify-content: center;
align-items: start;
}
.clients-feedback-wrap-area .container-fluid, .clients-feedback-wrap-area .container-sm, .clients-feedback-wrap-area .container-md, .clients-feedback-wrap-area .container-lg, .clients-feedback-wrap-area .container-xl, .clients-feedback-wrap-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.clients-feedback-wrap-inner {
background-color: var(--additionalColor5);
padding: 50px 50px 25px 50px;
border-radius: 30px;
position: relative;
z-index: 1;
}
.clients-feedback-wrap-inner .wrap-shape {
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.clients-feedback-wrap-card {
border-radius: 30px;
background-color: #FDF3F3;
padding: 65px;
margin-bottom: 25px;
overflow: hidden;
position: relative;
}
.clients-feedback-wrap-card .quote-icon {
margin-bottom: 25px;
}
.clients-feedback-wrap-card p {
color: var(--optionalColor);
margin-bottom: 0;
}
.clients-feedback-wrap-card .bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 45px;
}
.clients-feedback-wrap-card .bottom .info {
display: flex;
align-items: center;
}
.clients-feedback-wrap-card .bottom .info .image img {
max-width: 50px;
border: 2px solid #ffffff;
border-radius: 50px !important;
}
.clients-feedback-wrap-card .bottom .info .title {
margin-left: 15px;
}
.clients-feedback-wrap-card .bottom .info .title h3, .clients-feedback-wrap-card .bottom .info .title .h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 0;
}
.clients-feedback-wrap-card .bottom .info .title span {
display: block;
margin-top: 7px;
font-size: 15px;
}
.clients-feedback-wrap-card .bottom .rating {
display: flex;
justify-content: end;
align-items: center;
line-height: 1;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.clients-feedback-wrap-card .bottom .rating li {
list-style-type: none;
margin-right: 5px;
}
.clients-feedback-wrap-card .bottom .rating li i {
font-size: 18px;
color: var(--mainColor);
}
.clients-feedback-wrap-card .bottom .rating li:last-child {
margin-right: 0;
}
.clients-feedback-wrap-card::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 2px;
width: 0%;
background-color: var(--additionalColor6);
transition: 0.6s;
}
.clients-feedback-wrap-card:hover::before {
width: 100%;
}
.clients-feedback-wrap-content {
margin-left: 110px;
margin-bottom: 25px;
}
.clients-feedback-wrap-content .sub {
font-weight: 600;
display: block;
margin-bottom: 15px;
color: var(--additionalColor6);
}
.clients-feedback-wrap-content h2, .clients-feedback-wrap-content .h2 {
font-size: 42px;
font-weight: 500;
margin-bottom: 25px;
}
.clients-feedback-wrap-content h2 span, .clients-feedback-wrap-content .h2 span {
color: var(--additionalColor6);
font-style: italic;
}
.clients-feedback-wrap-content .feedback-btn {
color: var(--additionalColor6);
font-size: 15px;
font-weight: 600;
display: flex;
align-items: center;
transition: 0.6s;
line-height: 1;
}
.clients-feedback-wrap-content .feedback-btn i {
font-size: 15px;
display: flex;
align-items: center;
margin-left: 8px;
}
.clients-feedback-wrap-content .feedback-btn:hover {
letter-spacing: 0.5px;
color: var(--additionalColor7);
} .cta-inner {
background-color: var(--mainColor2);
border-radius: 0px 0px 100px 100px;
position: relative;
z-index: 11;
}
.cta-content {
text-align: center;
max-width: 850px;
margin: 0 auto 120px;
}
.cta-content .sub {
font-size: 18px;
font-weight: 600;
display: block;
margin-bottom: 15px;
}
.cta-content h2, .cta-content .h2 {
font-size: 72px;
margin-bottom: 15px;
}
.cta-content p {
max-width: 630px;
margin: auto;
}
.cta-content .cta-btn {
margin-top: 30px;
}
.cta-content .cta-btn .default-btn {
background-color: var(--optionalColor);
color: #ffffff;
}
.cta-content .cta-btn .default-btn .btn-right-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.cta-content .cta-btn .default-btn .btn-left-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.cta-content .cta-btn .default-btn:hover {
background-color: #ffffff;
color: var(--optionalColor);
}
.cta-content .cta-btn .default-btn:hover .btn-right-i {
background-color: #ffffff;
color: var(--optionalColor);
}
.cta-content .cta-btn .default-btn:hover .btn-right-i {
background-color: #ffffff;
color: var(--optionalColor);
}
.cta-video {
height: 410px;
position: relative;
z-index: 11;
}
.cta-video video.video {
width: 100%;
border-radius: 30px;
display: flex;
justify-content: center;
}
.cta-shape1 {
position: absolute;
left: 390px;
top: 400px;
z-index: -1;
}
.cta-shape2 {
position: absolute;
right: 390px;
top: 380px;
z-index: -1;
} .cosmetic-surgery-home {
background-color: #FDF3F3;
} .cosmetic-surgery-banner-area {
padding-top: 25px;
overflow: hidden;
}
.cosmetic-surgery-banner-area .container-fluid, .cosmetic-surgery-banner-area .container-sm, .cosmetic-surgery-banner-area .container-md, .cosmetic-surgery-banner-area .container-lg, .cosmetic-surgery-banner-area .container-xl, .cosmetic-surgery-banner-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.cosmetic-surgery-banner-content h1, .cosmetic-surgery-banner-content .h1 {
font-size: 75px;
font-weight: 500;
position: relative;
z-index: 1;
margin-bottom: 30px;
margin-right: -285px;
}
.cosmetic-surgery-banner-content p {
max-width: 390px;
margin-bottom: 0;
font-size: 15px;
}
.cosmetic-surgery-banner-content .banner-btn {
margin-top: 35px;
}
.cosmetic-surgery-banner-content .banner-btn .default-btn {
background-color: var(--additionalColor7);
color: #ffffff;
}
.cosmetic-surgery-banner-content .banner-btn .default-btn::before {
background-color: var(--additionalColor7);
color: #ffffff;
}
.cosmetic-surgery-banner-content .banner-btn .default-btn .btn-left-i {
background-color: var(--additionalColor7);
color: #ffffff;
}
.cosmetic-surgery-banner-content .banner-btn .default-btn:hover {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.cosmetic-surgery-banner-content .banner-btn .default-btn .btn-right-i {
background-color: var(--additionalColor7);
color: #fff;
}
.cosmetic-surgery-banner-content .banner-btn .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.cosmetic-surgery-banner-content .bottom-content {
display: flex;
align-items: center;
margin-top: 50px;
}
.cosmetic-surgery-banner-content .bottom-content .image img {
max-width: 48px;
}
.cosmetic-surgery-banner-content .bottom-content .title {
margin-left: 7px;
}
.cosmetic-surgery-banner-content .bottom-content .title span {
margin-bottom: 0;
font-size: 12.5px;
}
.cosmetic-surgery-banner-right img {
border-radius: 30px !important;
}
.cosmetic-surgery-banner-right .rating-box {
display: flex;
align-items: center;
background-color: var(--additionalColor7);
border-radius: 30px;
justify-content: space-between;
padding: 20px 30px;
margin-top: 25px;
}
.cosmetic-surgery-banner-right .rating-box .title span {
color: #ffffff;
}
.cosmetic-surgery-banner-right .rating-box .title ul {
display: flex;
align-items: center;
line-height: 1;
padding-left: 0;
padding-right: 0;
margin-top: 12.5px;
margin-bottom: 12.5px;
}
.cosmetic-surgery-banner-right .rating-box .title ul li {
list-style-type: none;
margin-right: 5px;
}
.cosmetic-surgery-banner-right .rating-box .title ul li:last-child {
margin-right: 0;
}
.cosmetic-surgery-banner-right .rating-box .title ul li i {
font-size: 18px;
color: var(--mainColor);
}
.cosmetic-surgery-banner-right .rating-box .arrow-btn a i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 75px;
width: 75px;
line-height: 75px;
text-align: center;
border: 1px solid var(--additionalColor5);
color: var(--additionalColor5);
font-size: 20px;
border-radius: 50px;
transition: 0.6s;
}
.cosmetic-surgery-banner-right .rating-box .arrow-btn a i:hover {
background-color: var(--additionalColor5);
color: var(--optionalColor);
} .cs-about-area {
overflow: hidden;
margin-left: 30px;
margin-right: 30px;
}
.cs-about-inner {
border-radius: 30px;
background-color: var(--additionalColor5);
padding: 0 70px 0 70px;
overflow: hidden;
}
.cs-about-image {
position: relative;
}
.cs-about-image .wrap {
position: absolute;
left: 0;
bottom: 215px;
}
.cs-about-image .wrap img {
animation-name: rotateme;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.cs-about-image .wrap .video-btn {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.cs-about-image .wrap .video-btn img {
animation: unset;
position: relative;
left: 2.5px;
}
.cs-about-image .rating-box {
display: flex;
align-items: center;
background-color: var(--additionalColor7);
border-radius: 30px;
justify-content: space-between;
padding: 20px 30px;
position: absolute;
right: 55px;
bottom: 55px;
width: 400px;
}
.cs-about-image .rating-box .title span {
color: #ffffff;
}
.cs-about-image .rating-box .title ul {
display: flex;
align-items: center;
line-height: 1;
padding-left: 0;
padding-right: 0;
margin-top: 12.5px;
margin-bottom: 12.5px;
}
.cs-about-image .rating-box .title ul li {
list-style-type: none;
margin-right: 5px;
}
.cs-about-image .rating-box .title ul li:last-child {
margin-right: 0;
}
.cs-about-image .rating-box .title ul li i {
font-size: 18px;
color: var(--mainColor);
}
.cs-about-image .rating-box .arrow-btn a i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 75px;
width: 75px;
line-height: 75px;
text-align: center;
border: 1px solid var(--additionalColor5);
color: var(--additionalColor5);
font-size: 20px;
border-radius: 50px;
transition: 0.6s;
}
.cs-about-image .rating-box .arrow-btn a i:hover {
background-color: var(--additionalColor5);
color: var(--optionalColor);
}
.cs-about-image.wrap-with-border-radius img {
border-radius: 30px !important;
}
.cs-about-image.wrap-with-border-radius .wrap {
right: 50px;
left: auto;
bottom: unset;
top: 200px;
}
.cs-about-image.wrap-with-border-radius .wrap img {
border-radius: 0 !important;
}
.cs-about-content {
padding-top: 90px;
padding-bottom: 90px;
padding-left: 40px;
}
.cs-about-content h2, .cs-about-content .h2 {
font-size: 42px;
font-weight: 500;
margin-bottom: 20px;
}
.cs-about-content h2 span, .cs-about-content .h2 span {
color: var(--additionalColor6);
font-style: italic;
}
.cs-about-content p {
margin-bottom: 10px;
}
.cs-about-content p.medium {
font-weight: 500;
}
.cs-about-content p.medium span {
color: var(--additionalColor7);
}
.cs-about-content p.medium b {
font-weight: 600;
}
.cs-about-content .counter-wrap {
border-radius: 10px;
background-color: #FDF3F3;
padding: 40px 50px 20px 65px;
margin-top: 30px;
margin-bottom: 25px;
}
.cs-about-content .counter-wrap .item {
margin-bottom: 20px;
position: relative;
}
.cs-about-content .counter-wrap .item h3, .cs-about-content .counter-wrap .item .h3 {
color: var(--additionalColor6);
font-size: 55px;
font-weight: 400;
line-height: 1;
margin-bottom: 7px;
}
.cs-about-content .counter-wrap .item p {
margin-bottom: 0;
font-size: 15px;
color: var(--additionalColor6);
}
.cs-about-content .counter-wrap .item::before {
position: absolute;
content: "";
right: 20px;
top: 0;
background-color: var(--additionalColor5);
width: 1px;
height: 100%;
transform: rotate(10deg);
}
.cs-about-content .counter-wrap .col-lg-4:nth-child(3) .item::before {
display: none;
}
.cs-about-content .about-btn {
margin-top: 30px;
}
.cs-about-content .about-btn .default-btn {
background-color: var(--additionalColor6);
color: #ffffff;
}
.cs-about-content .about-btn .default-btn::before {
background-color: var(--additionalColor6);
color: #ffffff;
}
.cs-about-content .about-btn .default-btn .btn-left-i {
background-color: var(--additionalColor6);
color: #ffffff;
}
.cs-about-content .about-btn .default-btn:hover {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.cs-about-content .about-btn .default-btn .btn-right-i {
background-color: var(--additionalColor6);
color: #fff;
}
.cs-about-content .about-btn .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.cs-about-content.wrap-style {
max-width: 755px;
padding-top: 0;
padding-bottom: 0;
padding-left: 40px;
}
.cs-about-content.wrap-style .counter-wrap {
background-color: #ffffff;
} .solutions-area {
overflow: hidden;
}
.solutions-area .container-fluid, .solutions-area .container-sm, .solutions-area .container-md, .solutions-area .container-lg, .solutions-area .container-xl, .solutions-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.solutions-content {
max-width: 730px;
}
.solutions-content .title {
margin-bottom: 50px;
}
.solutions-content .title .sub {
font-weight: 600;
color: var(--additionalColor6);
display: block;
margin-bottom: 20px;
}
.solutions-content .title h2, .solutions-content .title .h2 {
font-size: 42px;
font-weight: 500;
margin-bottom: 0;
}
.solutions-content .title h2 span, .solutions-content .title .h2 span {
color: var(--additionalColor6);
font-style: italic;
}
.solutions-content .solutions-thumb .item {
max-width: 520px;
}
.solutions-content .solutions-thumb .item h3, .solutions-content .solutions-thumb .item .h3 {
border: none;
display: inline-block;
font-size: 30px;
font-weight: 500;
padding: 15px 30px 15px 0;
border-radius: 10px;
background-color: transparent;
color: #A78989;
transition: 0.6s;
border-radius: 10px;
width: 100%;
cursor: pointer;
}
.solutions-content .solutions-thumb .swiper-slide.swiper-slide-thumb-active h3, .solutions-content .solutions-thumb .swiper-slide.swiper-slide-thumb-active .h3 {
background-color: var(--additionalColor5);
color: var(--additionalColor6);
padding: 15px 30px 15px 30px;
}
.solutions-content .solutions-bottom {
margin-top: 50px;
max-width: 630px;
}
.solutions-content .solutions-bottom p {
margin-bottom: 25px;
}
.solutions-content .solutions-bottom .service-btn {
color: var(--additionalColor6);
font-size: 15px;
font-weight: 600;
display: flex;
align-items: center;
transition: 0.6s;
line-height: 1;
}
.solutions-content .solutions-bottom .service-btn i {
font-size: 15px;
display: flex;
align-items: center;
margin-left: 8px;
}
.solutions-content .solutions-bottom .service-btn:hover {
letter-spacing: 0.5px;
color: var(--additionalColor7);
}
.solutions-image {
position: relative;
}
.solutions-image img {
border-radius: 30px !important;
}
.solutions-image .arrow-btn {
position: absolute;
left: 90px;
bottom: 100px;
}
.solutions-image .arrow-btn a i {
display: inline-flex;
justify-content: center;
align-items: center;
height: 100px;
width: 100px;
line-height: 100px;
background-color: transparent;
border: 1px solid var(--additionalColor7);
color: var(--additionalColor7);
text-align: center;
border-radius: 50px;
font-size: 30px;
transition: 0.6s;
}
.solutions-image .arrow-btn a i:hover {
background-color: var(--additionalColor7);
color: #ffffff;
} .video-wrap-area {
overflow: hidden;
}
.video-wrap-area .container-fluid, .video-wrap-area .container-sm, .video-wrap-area .container-md, .video-wrap-area .container-lg, .video-wrap-area .container-xl, .video-wrap-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.video-wrap-inner {
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/video.gif);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
text-align: center;
border-radius: 30px;
padding-top: 360px;
padding-bottom: 360px;
}
.video-wrap-inner .video-btn a {
display: inline-flex;
justify-content: center;
align-items: center;
height: 100px;
width: 100px;
line-height: 100px;
border: 1px solid #FFF8F4;
color: #FFF8F4;
text-align: center;
border-radius: 50px;
font-size: 30px;
transition: 0.6s;
margin: auto;
position: relative;
}
.video-wrap-inner .video-btn a img {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
}
.video-wrap-inner .video-btn a:hover {
background-color: var(--additionalColor6);
border: 1px solid var(--additionalColor6);
} .photo-gallery-area {
overflow: hidden;
}
.photo-gallery-area .container-fluid, .photo-gallery-area .container-sm, .photo-gallery-area .container-md, .photo-gallery-area .container-lg, .photo-gallery-area .container-xl, .photo-gallery-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.photo-gallery-card {
margin-bottom: 25px;
}
.photo-gallery-card a {
border-radius: 30px;
}
.photo-gallery-card a img {
border-radius: 30px !important;
}
.photo-gallery-slider {
margin-right: -550px;
}
.photo-gallery-pagination-and-button {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
.photo-gallery-pagination-and-button .photo-gallery-pagination {
display: flex;
justify-content: space-between;
margin-right: 100px;
}
.photo-gallery-pagination-and-button .photo-gallery-pagination .swiper-pagination-bullet {
width: 100%;
display: block;
margin: 0;
background-color: var(--additionalColor5);
border-radius: 0;
opacity: 100%;
height: 5px;
margin: 0;
}
.photo-gallery-pagination-and-button .photo-gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--additionalColor7);
border-radius: 0;
}
.photo-gallery-pagination-and-button .photo-gallery-button-list {
display: flex;
align-items: center;
justify-content: end;
margin-bottom: 0;
line-height: 1;
position: relative;
top: -1.7px;
padding-left: 0;
padding-right: 0;
}
.photo-gallery-pagination-and-button .photo-gallery-button-list li {
list-style-type: none;
margin-right: 25px;
}
.photo-gallery-pagination-and-button .photo-gallery-button-list li i {
font-size: 28px;
color: var(--optionalColor);
transition: 0.6s;
}
.photo-gallery-pagination-and-button .photo-gallery-button-list li i:hover {
color: var(--additionalColor7);
}
.photo-gallery-pagination-and-button .photo-gallery-button-list li:last-child {
margin-right: 0;
} .specialist-area .container-fluid, .specialist-area .container-sm, .specialist-area .container-md, .specialist-area .container-lg, .specialist-area .container-xl, .specialist-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.specialist-area .section-wrap-title h2, .specialist-area .section-wrap-title .h2 {
max-width: 680px;
}
.specialist-card {
margin-bottom: 25px;
text-align: center;
}
.specialist-card .specialist-image {
position: relative;
}
.specialist-card .specialist-image a img {
border-radius: 50% !important;
}
.specialist-card .specialist-image .social {
display: flex;
justify-content: center;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin-bottom: 0;
transition: 0.6s;
opacity: 0;
visibility: hidden;
padding-left: 0;
padding-right: 0;
}
.specialist-card .specialist-image .social li {
list-style-type: none;
margin-right: 10px;
}
.specialist-card .specialist-image .social li a i {
display: inline-flex;
justify-content: center;
align-items: center;
height: 40px;
width: 40px;
line-height: 40px;
background-color: var(--additionalColor6);
color: #ffffff;
border-radius: 50px;
transition: 0.6s;
}
.specialist-card .specialist-image .social li a i:hover {
background-color: var(--additionalColor7);
}
.specialist-card .specialist-image .social li:last-child {
margin-right: 0;
}
.specialist-card .specialist-content {
padding-top: 25px;
}
.specialist-card .specialist-content h3, .specialist-card .specialist-content .h3 {
font-size: 22px;
margin-bottom: 0;
font-weight: 600;
}
.specialist-card .specialist-content span {
display: block;
margin-top: 10px;
}
.specialist-card:hover .specialist-image .social {
bottom: 30px;
opacity: 1;
visibility: visible;
}
.specialist-button-list {
display: flex;
justify-content: end;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.specialist-button-list li {
list-style-type: none;
margin-right: 10px;
}
.specialist-button-list li:last-child {
margin-right: 0;
}
.specialist-button-list li i {
display: inline-flex;
justify-content: center;
align-items: center;
height: 65px;
width: 65px;
line-height: 65px;
border-radius: 50px;
border: 1px solid var(--additionalColor6);
border-radius: 50px;
color: var(--additionalColor6);
font-size: 25px;
transition: 0.6s;
}
.specialist-button-list li i:hover {
background-color: var(--additionalColor6);
color: #ffffff;
} .cs-overview-area .container-fluid, .cs-overview-area .container-sm, .cs-overview-area .container-md, .cs-overview-area .container-lg, .cs-overview-area .container-xl, .cs-overview-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.cs-overview-inner {
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/cs-overview.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
border-radius: 30px;
padding-top: 150px;
padding-bottom: 150px;
padding-right: 200px;
}
.cs-overview-inner .content {
max-width: 650px;
margin-left: auto;
}
.cs-overview-inner .content h2, .cs-overview-inner .content .h2 {
font-weight: 500;
color: #ffffff;
font-size: 65px;
margin-bottom: 0;
}
.cs-overview-inner .content .overview-btn {
margin-top: 30px;
}
.cs-overview-inner .content .overview-btn .default-btn {
background-color: #ffffff;
}
.cs-overview-inner .content .overview-btn .default-btn::before {
background-color: #ffffff;
}
.cs-overview-inner .content .overview-btn .default-btn .btn-left-i {
background-color: #ffffff;
}
.cs-overview-inner .content .overview-btn .default-btn:hover {
background-color: var(--additionalColor7);
color: #ffffff;
}
.cs-overview-inner .content .overview-btn .default-btn .btn-right-i {
background-color: #fff;
color: var(--optionalColor);
}
.cs-overview-inner .content .overview-btn .default-btn:hover .btn-left-i {
background-color: var(--additionalColor7);
color: #ffffff;
}  .page-banner-area {
background-color: #F5F5F3;
overflow: hidden;
position: relative;
z-index: 1;
padding-top: 120px;
padding-bottom: 2px;
}
.page-banner-area.with-equal-gap {
padding-top: 120px;
padding-bottom: 120px;
}
.page-banner-inner {
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/shape-bg.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 242px;
padding: 100px 50px 50px 50px;
position: relative;
z-index: 1;
border-radius: 15px;
max-width: 1035px;
}
.without-bg-default {
background-image: unset;
padding: 35px;
background-color: #ffffff;
height: auto;
max-width: 100%;
margin-bottom: 100px;
}
.page-banner-inner .sub {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--additionalColor4);
color: var(--optionalColor);
border-radius: 10px;
font-size: 17px;
font-weight: 500;
padding: 10.5px 15px;
position: absolute;
left: 0;
top: 2.5px;
width: 170px;
}
.page-banner-inner h2, .page-banner-inner .h2 {
font-size: 42px;
margin-bottom: 0;
max-width: 775px;
}
.page-banner-inner .wrap-shape {
position: absolute;
top: -12px;
right: -205px;
z-index: -1;
}
.page-banner-wrap-content {
text-align: center;
}
.page-banner-wrap-content h2, .page-banner-wrap-content .h2 {
font-size: 42px;
margin-bottom: 15px;
}
.page-banner-wrap-content .list {
display: inline-flex;
padding: 8px 22px;
justify-content: center;
align-items: center;
background-color: var(--additionalColor1);
border-radius: 100px;
margin-bottom: 0;
}
.page-banner-wrap-content .list li {
list-style-type: none;
font-size: 14px;
color: var(--optionalColor);
margin-right: 35px;
position: relative;
}
.page-banner-wrap-content .list li a {
color: var(--optionalColor);
}
.page-banner-wrap-content .list li a:hover {
color: var(--mainColor);
}
.page-banner-wrap-content .list li::before {
position: absolute;
content: "-";
right: -20px;
top: 50%;
transform: translateY(-50%);
color: var(--optionalColor);
}
.page-banner-wrap-content .list li:last-child {
margin-right: 0;
}
.page-banner-wrap-content .list li:last-child::before {
display: none;
}
.page-banner-wrap-shape1 {
position: absolute;
right: 50px;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.page-banner-wrap-shape2 {
position: absolute;
left: 50px;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.dc-page-banner-area {
overflow: hidden;
}
.dc-page-banner-inner {
background-color: #F5F5F3;
border-radius: 0px 0px 100px 100px;
position: relative;
z-index: 1;
padding-top: 120px;
padding-bottom: 120px;
}
.page-banner-content {
text-align: center;
}
.page-banner-content h2, .page-banner-content .h2 {
font-size: 42px;
margin-bottom: 15px;
}
.page-banner-content .list {
display: inline-flex;
padding: 8px 22px;
justify-content: center;
align-items: center;
background-color: var(--additionalColor1);
border-radius: 100px;
margin-bottom: 0;
}
.page-banner-content .list li {
list-style-type: none;
font-size: 14px;
color: var(--optionalColor);
margin-right: 35px;
position: relative;
}
.page-banner-content .list li a {
color: var(--optionalColor);
}
.page-banner-content .list li a:hover {
color: var(--mainColor);
}
.page-banner-content .list li::before {
position: absolute;
content: "-";
right: -20px;
top: 50%;
transform: translateY(-50%);
color: var(--optionalColor);
}
.page-banner-content .list li:last-child {
margin-right: 0;
}
.page-banner-content .list li:last-child::before {
display: none;
}
.page-banner-shape1 {
position: absolute;
top: 100px;
left: 250px;
max-width: 45px;
z-index: -1;
}
.page-banner-shape2 {
position: absolute;
top: 50px;
right: 250px;
z-index: -1;
}
.page-banner-shape3 {
position: absolute;
bottom: 50px;
right: 390px;
z-index: -1;
}
.cs-page-banner-area {
overflow: hidden;
}
.cs-page-banner-area .container-fluid, .cs-page-banner-area .container-sm, .cs-page-banner-area .container-md, .cs-page-banner-area .container-lg, .cs-page-banner-area .container-xl, .cs-page-banner-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.cs-page-banner-inner {
border-radius: 30px;
background-color: var(--additionalColor5);
padding: 100px 50px 100px 50px;
position: relative;
z-index: 1;
overflow: hidden;
}
.cs-page-banner-content {
text-align: center;
}
.cs-page-banner-content h2, .cs-page-banner-content .h2 {
font-size: 42px;
margin-bottom: 12px;
}
.cs-page-banner-content .list {
display: inline-flex;
justify-content: center;
margin-bottom: 0;
line-height: 1;
padding-left: 0;
padding-right: 0;
font-size: 14px;
}
.cs-page-banner-content .list a {
list-style-type: none;
font-size: 14px;
color: var(--additionalColor6);
margin-right: 35px;
position: relative;
}
.cs-page-banner-content .list a {
color: var(--additionalColor6);
}
.cs-page-banner-content .list a:hover {
color: var(--additionalColor7);
}
.cs-page-banner-content .list a::before {
position: absolute;
content: "";
right: -20px;
top: 50%;
transform: translateY(-50%);
display: inline-block;
height: 7px;
width: 7px;
background-color: var(--additionalColor6);
border-radius: 50px;
}
.cs-page-banner-shape1 {
position: absolute;
left: 50px;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.cs-page-banner-shape2 {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: -1;
} .mission-vision-value-inner {
background-color: var(--mainColor2);
border-radius: 30px;
padding-top: 100px;
padding-bottom: 75px;
padding-left: 80px;
padding-right: 80px;
}
.mission-vision-value-card {
margin-bottom: 25px;
}
.mission-vision-value-card h3, .mission-vision-value-card .h3 {
font-size: 22px;
margin-bottom: 15px;
}
.mission-vision-value-card p {
max-width: 315px;
} .join-us-image {
padding-right: 30px;
}
.join-us-image img {
border-radius: 30px !important;
}
.join-us-content {
padding-left: 30px;
}
.join-us-content .sub {
display: inline-flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
background-color: var(--mainColor2);
font-size: 15px;
color: var(--optionalColor);
border-radius: 50px;
margin-bottom: 20px;
}
.join-us-content h2, .join-us-content .h2 {
font-size: 42px;
margin-bottom: 30px;
}
.join-us-content p {
margin-bottom: 0;
}
.join-us-content .join-us-btn {
margin-top: 40px;
} .doctor-profile-inner {
border-bottom: 1px solid #E6E6E6;
}
.doctor-profile-image {
position: sticky;
top: 125px;
}
.doctor-profile-image img {
border-radius: 50px !important;
}
.doctor-profile-desc {
padding-left: 10px;
}
.doctor-profile-desc .top-info-content {
background-color: var(--additionalColor3);
padding: 40px;
border-radius: 30px;
margin-bottom: 25px;
}
.doctor-profile-desc .top-info-content .content {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.doctor-profile-desc .top-info-content .content .title {
margin-right: 25px;
}
.doctor-profile-desc .top-info-content .content .title h3, .doctor-profile-desc .top-info-content .content .title .h3 {
font-size: 22px;
margin-bottom: 0;
}
.doctor-profile-desc .top-info-content .content .title span {
display: block;
margin-top: 5px;
}
.doctor-profile-desc .top-info-content p {
font-size: 14px;
margin-bottom: 0;
font-weight: 500;
}
.doctor-profile-desc .top-info-content .bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
.doctor-profile-desc .top-info-content .bottom .social {
margin-bottom: 0;
display: flex;
padding-left: 0;
padding-right: 0;
}
.doctor-profile-desc .top-info-content .bottom .social li {
list-style-type: none;
margin-right: 7px;
}
.doctor-profile-desc .top-info-content .bottom .social li a i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
border-radius: 50px;
border: 1px solid var(--optionalColor);
color: var(--optionalColor);
transition: 0.6s;
}
.doctor-profile-desc .top-info-content .bottom .social li a i:hover {
background-color: var(--mainColor2);
border: 1px solid var(--mainColor2);
color: #ffffff;
}
.doctor-profile-desc .top-info-content .bottom .social li:last-child {
margin-right: 0;
}
.doctor-profile-desc .top-info-content .bottom .phone-btn {
display: flex;
align-items: center;
}
.doctor-profile-desc .top-info-content .bottom .phone-btn .icon {
margin-right: 10px;
}
.doctor-profile-desc .top-info-content .bottom .phone-btn .icon i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50px;
background-color: #ffffff;
color: var(--optionalColor);
font-size: 15px;
transition: 0.6s;
}
.doctor-profile-desc .top-info-content .bottom .phone-btn a {
color: var(--optionalColor);
font-weight: 600;
font-size: 14px;
}
.doctor-profile-desc .top-info-content .bottom .phone-btn a:hover {
color: var(--additionalColor6);
}
.doctor-profile-desc .profile-info-content {
background-color: var(--additionalColor2);
padding: 40px;
border-radius: 30px;
margin-bottom: 25px;
}
.doctor-profile-desc .profile-info-content h3, .doctor-profile-desc .profile-info-content .h3 {
font-size: 17px;
margin-bottom: 18px;
}
.doctor-profile-desc .profile-info-content p {
font-size: 15px;
}
.doctor-profile-desc .profile-info-content h4, .doctor-profile-desc .profile-info-content .h4 {
font-size: 17px;
margin-top: 30px;
margin-bottom: 18px;
}
.doctor-profile-desc .profile-info-content .list {
margin-bottom: 0;
padding-left: 30px;
padding-right: 0;
}
.doctor-profile-desc .profile-info-content .list li {
margin-bottom: 7px;
font-size: 15px;
}
.doctor-profile-desc .profile-info-content .list li:last-child {
margin-bottom: 0;
}
.doctor-profile-desc .quote-card {
border-radius: 30px;
background-color: var(--additionalColor4);
padding: 75px 60px;
}
.doctor-profile-desc .quote-card .quote {
margin-bottom: 15px;
}
.doctor-profile-desc .quote-card .quote i {
display: flex;
color: var(--optionalColor);
font-size: 50px;
}
.doctor-profile-desc .quote-card p {
font-size: 18px;
margin-bottom: 0;
font-weight: 500;
}
.doctor-profile-desc .quote-card .info {
display: flex;
align-items: center;
margin-top: 35px;
}
.doctor-profile-desc .quote-card .info img {
max-width: 50px;
border-radius: 50px !important;
border: 2px solid #ffffff;
}
.doctor-profile-desc .quote-card .info .title {
margin-left: 15px;
}
.doctor-profile-desc .quote-card .info .title h3, .doctor-profile-desc .quote-card .info .title .h3 {
font-size: 18px;
letter-spacing: 1.4px;
margin-bottom: 0;
font-weight: 600;
}
.doctor-profile-desc .quote-card .info .title span {
font-size: 15px;
display: block;
margin-top: 8px;
}
.doctor-profile-desc .quote-slider {
position: relative;
}
.doctor-profile-desc .quote-slider .quote-button {
position: absolute;
right: 60px;
bottom: 75px;
display: flex;
margin-bottom: 0;
z-index: 1;
padding-left: 0;
padding-right: 0;
}
.doctor-profile-desc .quote-slider .quote-button li {
list-style-type: none;
margin-right: 10px;
}
.doctor-profile-desc .quote-slider .quote-button li:last-child {
margin-right: 0;
}
.doctor-profile-desc .quote-slider .quote-button li i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 35px;
width: 35px;
line-height: 35px;
background-color: #ffffff;
color: var(--optionalColor);
text-align: center;
border-radius: 50px;
font-size: 22px;
transition: 0.6s;
}
.doctor-profile-desc .quote-slider .quote-button li i:hover {
background-color: var(--mainColor2);
} .single-pricing-table {
background-color: #F5F5F3;
padding: 35px 30px;
border-radius: 15px;
margin-bottom: 25px;
transition: 0.6s;
position: relative;
z-index: 1;
overflow: hidden;
border: 1px solid #F5F5F3;
}
.single-pricing-table .header h3, .single-pricing-table .header .h3 {
font-size: 25px;
margin-bottom: 0;
font-weight: 600;
transition: 0.6s;
}
.single-pricing-table .price {
font-size: 50px;
font-weight: bold;
margin-top: 17px;
color: var(--optionalColor);
line-height: 1;
}
.single-pricing-table .price span {
font-size: 14px;
font-weight: 500;
color: var(--optionalColor);
position: relative;
right: 10px;
top: -2px;
}
.single-pricing-table p {
border-top: 1px solid var(--additionalColor1);
margin-bottom: 0;
padding-top: 25px;
margin-top: 27px;
transition: 0.6s;
}
.single-pricing-table .list {
padding-left: 0;
margin-top: 25px;
margin-bottom: 0;
}
.single-pricing-table .list li {
list-style-type: none;
color: var(--optionalColor);
margin-bottom: 20px;
position: relative;
padding-left: 25px;
transition: 0.6s;
}
.single-pricing-table .list li:last-child {
margin-bottom: 0;
}
.single-pricing-table .list li.color-gray {
text-decoration: line-through;
}
.single-pricing-table .list li i {
color: var(--optionalColor);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
}
.single-pricing-table .pricing-btn {
margin-top: 30px;
}
.single-pricing-table:hover {
border: 1px solid var(--mainColor2);
} .book-an-appointment-image {
margin-bottom: 100px;
}
.book-an-appointment-image img {
border-radius: 215px !important;
}
.book-an-appointment-form {
border-radius: 20px;
border: 1px solid #E5E5E5;
padding: 55px;
}
.book-an-appointment-form .content {
margin-bottom: 50px;
text-align: center;
}
.book-an-appointment-form .content h3, .book-an-appointment-form .content .h3 {
font-size: 35px;
margin-bottom: 10px;
}
.book-an-appointment-form .content p {
margin-bottom: 0;
}
.book-an-appointment-form .form-group {
margin-bottom: 25px;
}
.book-an-appointment-form .form-group label {
display: block;
color: var(--optionalColor);
font-size: 14px;
margin-bottom: 10px;
font-weight: 600;
}
.book-an-appointment-form .form-group .form-control {
display: inline-block;
border-radius: 50px;
background-color: #F5F5F3;
border: 1px solid #F5F5F3;
width: 100%;
height: 55px;
box-shadow: unset;
color: #6B6F90;
transition: 0.6s;
padding: 15px 20px;
font-size: 14px;
}
.book-an-appointment-form .form-group .form-control::-moz-placeholder {
color: #6B6F90;
-moz-transition: 0.6s;
transition: 0.6s;
}
.book-an-appointment-form .form-group .form-control::placeholder {
color: #6B6F90;
transition: 0.6s;
}
.book-an-appointment-form .form-group .form-control:focus {
border: 1px solid var(--mainColor2);
}
.book-an-appointment-form .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.book-an-appointment-form .form-group .form-control:focus::placeholder {
color: transparent;
}
.book-an-appointment-form .form-group textarea.form-control {
display: flex;
min-height: 145px;
border-radius: 20px;
}
.book-an-appointment-form .form-group .form-check {
padding: 0;
margin-bottom: 0;
display: flex;
align-items: center;
}
.book-an-appointment-form .form-group .form-check .form-check-input {
border-radius: 5px;
border: 1px solid #E5E5E5;
height: 18px;
width: 18px;
padding: 0;
margin: 0;
box-shadow: unset;
outline: 0;
}
.book-an-appointment-form .form-group .form-check .form-check-label {
padding: 0;
margin: 0 0 0 10px;
font-weight: 400;
}
.book-an-appointment-form .form-group .form-check .form-check-label a {
color: var(--optionalColor);
font-weight: 600;
}
.book-an-appointment-form .form-group .form-check .form-check-label a:hover {
color: var(--mainColor);
}
.book-an-appointment-form .default-btn {
border: none;
background-color: var(--optionalColor);
color: #ffffff;
}
.book-an-appointment-form .default-btn::before {
background-color: var(--optionalColor);
color: #ffffff;
}
.book-an-appointment-form .default-btn .btn-left-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.book-an-appointment-form .default-btn:hover {
background-color: var(--mainColor2);
color: #ffffff;
}
.book-an-appointment-form .default-btn .btn-right-i {
background-color: var(--mainColor2);
color: #ffffff;
}
.book-an-appointment-form .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: #ffffff;
} .pay-bill-image img {
border-radius: 270px !important;
}
.pay-bill-inner {
margin-top: 80px;
}
.pay-bill-content {
padding-right: 45px;
}
.pay-bill-content h3, .pay-bill-content .h3 {
font-size: 35px;
margin-bottom: 15px;
}
.pay-bill-content .box-item {
background-color: #F5F5F3;
border-radius: 30px;
padding: 55px;
margin-top: 25px;
}
.pay-bill-content .box-item h4, .pay-bill-content .box-item .h4 {
font-size: 22px;
margin-bottom: 15px;
}
.pay-bill-content .box-item p {
margin-bottom: 30px;
}
.pay-bill-content .box-item.bg-wrap-two {
background-color: var(--additionalColor1);
}
.pay-bill-content .box-item.bg-wrap-three {
background-color: #E6ECFF;
}
.pay-bill-form {
border-radius: 20px;
border: 1px solid #E5E5E5;
padding: 35px;
position: sticky;
top: 125px;
}
.pay-bill-form .content {
margin-bottom: 35px;
}
.pay-bill-form .content h3, .pay-bill-form .content .h3 {
font-size: 28px;
margin-bottom: 10px;
font-weight: 500;
}
.pay-bill-form .content p {
margin-bottom: 0;
}
.pay-bill-form .form-group {
margin-bottom: 25px;
}
.pay-bill-form .form-group label {
display: block;
color: var(--optionalColor);
font-size: 14px;
margin-bottom: 10px;
font-weight: 600;
}
.pay-bill-form .form-group .form-control {
display: inline-block;
border-radius: 50px;
background-color: #F5F5F3;
border: 1px solid #F5F5F3;
width: 100%;
height: 55px;
box-shadow: unset;
color: #6B6F90;
transition: 0.6s;
padding: 15px 20px;
font-size: 14px;
}
.pay-bill-form .form-group .form-control::-moz-placeholder {
color: #6B6F90;
-moz-transition: 0.6s;
transition: 0.6s;
}
.pay-bill-form .form-group .form-control::placeholder {
color: #6B6F90;
transition: 0.6s;
}
.pay-bill-form .form-group .form-control:focus {
border: 1px solid var(--mainColor2);
}
.pay-bill-form .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.pay-bill-form .form-group .form-control:focus::placeholder {
color: transparent;
}
.pay-bill-form .form-group textarea.form-control {
display: flex;
min-height: 145px;
border-radius: 20px;
}
.pay-bill-form .form-group .form-check {
padding: 0;
margin-bottom: 0;
display: flex;
align-items: center;
}
.pay-bill-form .form-group .form-check .form-check-input {
border-radius: 5px;
border: 1px solid #E5E5E5;
height: 18px;
width: 18px;
padding: 0;
margin: 0;
box-shadow: unset;
outline: 0;
}
.pay-bill-form .form-group .form-check .form-check-label {
padding: 0;
margin: 0 0 0 10px;
font-weight: 400;
}
.pay-bill-form .form-group .form-check .form-check-label a {
color: var(--optionalColor);
font-weight: 600;
}
.pay-bill-form .form-group .form-check .form-check-label a:hover {
color: var(--mainColor);
}
.pay-bill-form .default-btn {
border: none;
background-color: var(--optionalColor);
color: #ffffff;
}
.pay-bill-form .default-btn::before {
background-color: var(--optionalColor);
color: #ffffff;
}
.pay-bill-form .default-btn .btn-left-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.pay-bill-form .default-btn:hover {
background-color: var(--mainColor2);
color: #ffffff;
}
.pay-bill-form .default-btn .btn-right-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.pay-bill-form .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: #ffffff;
} .online-payment-form {
border-radius: 20px;
border: 1px solid #E5E5E5;
padding: 55px;
}
.online-payment-form .content {
margin-bottom: 35px;
}
.online-payment-form .content h3, .online-payment-form .content .h3 {
font-size: 35px;
margin-bottom: 0;
font-weight: bold;
margin-top: 0;
}
.online-payment-form .radio-box {
margin-bottom: 20px;
border-radius: 100px;
background-color: var(--additionalColor5);
padding: 15px 25px;
display: flex;
align-items: center;
justify-content: space-between;
}
.online-payment-form .radio-box .form-check {
padding: 0;
margin-bottom: 0;
display: flex;
align-items: center;
}
.online-payment-form .radio-box .form-check .form-check-input {
border-radius: 50px;
background-color: #ffffff;
border: 1px solid var(--optionalColor);
height: 20px;
width: 20px;
padding: 0;
margin: 0;
box-shadow: unset;
outline: 0;
}
.online-payment-form .radio-box .form-check .form-check-input:checked {
background-color: var(--optionalColor);
border-color: var(--optionalColor);
}
.online-payment-form .radio-box .form-check .form-check-label {
padding: 0;
margin: 0 0 0 10px;
font-weight: 600;
}
.online-payment-form h3, .online-payment-form .h3 {
font-size: 20px;
font-weight: 500;
margin-top: 20px;
margin-bottom: 20px;
}
.online-payment-form .form-group {
margin-bottom: 25px;
}
.online-payment-form .form-group label {
display: block;
color: var(--optionalColor);
font-size: 14px;
margin-bottom: 10px;
font-weight: 600;
}
.online-payment-form .form-group .form-control {
display: inline-block;
border-radius: 50px;
background-color: #F5F5F3;
border: 1px solid #F5F5F3;
width: 100%;
height: 55px;
box-shadow: unset;
color: #6B6F90;
transition: 0.6s;
padding: 15px 20px;
font-size: 14px;
}
.online-payment-form .form-group .form-control::-moz-placeholder {
color: #6B6F90;
-moz-transition: 0.6s;
transition: 0.6s;
}
.online-payment-form .form-group .form-control::placeholder {
color: #6B6F90;
transition: 0.6s;
}
.online-payment-form .form-group .form-control:focus {
border: 1px solid var(--mainColor2);
}
.online-payment-form .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.online-payment-form .form-group .form-control:focus::placeholder {
color: transparent;
}
.online-payment-form .form-group textarea.form-control {
display: flex;
min-height: 145px;
border-radius: 20px;
}
.online-payment-form .form-group .form-check {
padding: 0;
margin-bottom: 0;
display: flex;
align-items: center;
}
.online-payment-form .form-group .form-check .form-check-input {
border-radius: 5px;
border: 1px solid #E5E5E5;
height: 18px;
width: 18px;
padding: 0;
margin: 0;
box-shadow: unset;
outline: 0;
}
.online-payment-form .form-group .form-check .form-check-label {
padding: 0;
margin: 0 0 0 10px;
font-weight: 400;
}
.online-payment-form .form-group .form-check .form-check-label a {
color: var(--optionalColor);
font-weight: 600;
}
.online-payment-form .form-group .form-check .form-check-label a:hover {
color: var(--mainColor);
}
.online-payment-form .default-btn {
border: none;
background-color: var(--optionalColor);
color: #ffffff;
}
.online-payment-form .default-btn::before {
background-color: var(--optionalColor);
color: #ffffff;
}
.online-payment-form .default-btn .btn-left-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.online-payment-form .default-btn:hover {
background-color: var(--mainColor2);
color: #ffffff;
}
.online-payment-form .default-btn .btn-right-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.online-payment-form .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: #ffffff;
} .find-location-search-form {
border-radius: 20px;
border: 1px solid #E5E5E5;
padding: 50px;
margin-bottom: 80px;
position: relative;
}
.find-location-search-form .form-group label {
display: block;
color: var(--optionalColor);
font-size: 14px;
margin-bottom: 10px;
font-weight: 600;
}
.find-location-search-form .form-group .form-control {
display: inline-block;
border-radius: 50px;
background-color: #F5F5F3;
border: 1px solid #F5F5F3;
width: 100%;
height: 55px;
box-shadow: unset;
color: #6B6F90;
transition: 0.6s;
padding: 15px 20px;
font-size: 14px;
}
.find-location-search-form .form-group .form-control::-moz-placeholder {
color: #6B6F90;
-moz-transition: 0.6s;
transition: 0.6s;
}
.find-location-search-form .form-group .form-control::placeholder {
color: #6B6F90;
transition: 0.6s;
}
.find-location-search-form .form-group .form-control:focus {
border: 1px solid var(--mainColor2);
}
.find-location-search-form .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.find-location-search-form .form-group .form-control:focus::placeholder {
color: transparent;
}
.find-location-search-form .form-group .form-control.extra-gap {
padding: 15px 65px 15px 20px;
}
.find-location-search-form .search-btn {
position: absolute;
right: 56px;
bottom: 55px;
}
.find-location-search-form .search-btn button {
padding: 0;
border: none;
display: inline-flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
line-height: 45px;
background-color: #ffffff;
color: var(--optionalColor);
text-align: center;
border-radius: 50px;
font-size: 25px;
transition: 0.6s;
}
.find-location-search-form .search-btn button:hover {
background-color: var(--mainColor2);
color: #ffffff;
}
.find-location-search-form .search-btn button i {
display: flex;
align-items: center;
justify-content: center;
}
.find-location-show-title {
margin-bottom: 25px;
}
.find-location-show-title span {
font-size: 15px;
}
.find-location-show-title span strong {
font-size: 18px;
font-weight: 500;
}
.find-location-with-border {
border-radius: 30px;
border: 1px solid #E5E5E5;
}
.find-location-content {
padding: 50px 0 50px 35px;
}
.find-location-content .location-inner {
height: 775px;
padding-right: 20px;
overflow-y: scroll;
overflow-x: hidden;    }
.find-location-content .location-inner::-webkit-scrollbar {
width: 3.5px;
height: 3.5px;
-webkit-transition: 0.6s;
transition: 0.6s;
border-radius: 50px;
}
.find-location-content .location-inner::-webkit-scrollbar-track {
background: #E6E6E5;
-webkit-transition: 0.6s;
transition: 0.6s;
border-radius: 50px;
}
.find-location-content .location-inner::-webkit-scrollbar-thumb {
background: var(--mainColor2);
-webkit-transition: 0.6s;
transition: 0.6s;
border-radius: 50px;
}
.find-location-content .location-inner::-webkit-scrollbar-thumb:hover {
background: var(--additionalColor2);
border-radius: 50px;
}
.find-location-content .location-inner .box {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #E6E6E5;
padding-bottom: 25px;
margin-bottom: 25px;
}
.find-location-content .location-inner .box .left {
display: flex;
align-items: center;
}
.find-location-content .location-inner .box .left .image img {
border-radius: 20px !important;
max-width: 135px;
}
.find-location-content .location-inner .box .left .title {
margin-left: 20px;
}
.find-location-content .location-inner .box .left .title .sub {
font-size: 14px;
display: block;
margin-bottom: 10px;
}
.find-location-content .location-inner .box .left .title h3, .find-location-content .location-inner .box .left .title .h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.find-location-content .location-inner .box .left .title p {
max-width: 175px;
font-size: 15px;
line-height: 1.7;
}
.find-location-content .location-inner .box .right {
text-align: end;
}
.find-location-content .location-inner .box .right .location {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--additionalColor1);
color: var(--optionalColor);
line-height: 1;
padding: 5px 15px;
border-radius: 50px;
margin-bottom: 30px;
}
.find-location-content .location-inner .box .right .location i {
font-size: 18px;
margin-right: 5px;
}
.find-location-content .location-inner .box .right .icon a i {
display: inline-flex;
justify-content: center;
align-items: center;
height: 45px;
width: 45px;
line-height: 45px;
background-color: var(--optionalColor);
color: #ffffff;
font-size: 20px;
text-align: center;
border-radius: 50px;
transition: 0.6s;
}
.find-location-content .location-inner .box .right .icon a i:hover {
background-color: var(--mainColor2);
color: #ffffff;
}
.find-location-content .location-inner .box:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.find-location-map {
width: 100%;
height: 100%;
}
.find-location-map iframe {
width: 100%;
height: 100%;
display: flex;
border-radius: 20px;
} .shop-grid-box {
margin-bottom: 30px;
background-color: #F5F5F3;
border-radius: 50px;
padding: 10px 15px 10px 35px;
}
.shop-grid-box p {
margin-bottom: 0;
}
.shop-grid-box p span {
color: var(--optionalColor);
}
.shop-grid-box .bold {
color: var(--optionalColor);
margin-right: 15px;
font-size: 15px;
}
.shop-grid-box .form-select {
display: inline-block;
width: 200px;
height: 45px;
background-color: #ffffff;
color: var(--optionalColor);
padding: 0 20px;
font-size: 14px;
border: none;
border-radius: 50px;
box-shadow: unset;
outline: 0;
}
.shop-item {
margin-bottom: 25px;
position: relative;
}
.shop-item .shop-image {
position: relative;
}
.shop-item .shop-image a img {
border-radius: 20px !important;
}
.shop-item .shop-image .off {
display: inline-flex;
padding: 7px 18px;
justify-content: center;
align-items: center;
background-color: var(--additionalColor1);
letter-spacing: 1.2px;
font-weight: 600;
font-size: 12px;
color: var(--optionalColor);
border-radius: 30px;
transition: 0.6s;
position: absolute;
left: 8px;
top: 8px;
}
.shop-item .shop-image .off:hover {
background-color: var(--mainColor2);
}
.shop-item .shop-content {
position: relative;
border-radius: 20px;
border: 1px solid #E1E6EB;
background-color: #ffffff;
padding: 25px 20px;
transition: 0.6s;
opacity: 1;
visibility: visible;
margin-top: -35px;
}
.shop-item .shop-content .top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
line-height: 1;
}
.shop-item .shop-content .top a {
color: var(--optionalColor);
font-size: 14px;
}
.shop-item .shop-content .top a:hover {
color: var(--mainColor2);
}
.shop-item .shop-content .top .rating {
display: flex;
align-items: center;
}
.shop-item .shop-content .top .rating i {
color: var(--mainColor);
margin-right: 5px;
font-size: 16px;
}
.shop-item .shop-content .top .rating span {
font-size: 14px;
}
.shop-item .shop-content h3, .shop-item .shop-content .h3 {
font-size: 18px;
font-weight: 700;
line-height: 1.5;
margin-bottom: 0;
}
.shop-item .shop-content h3 span, .shop-item .shop-content .h3 span {
display: block;
}
.shop-item .shop-content .price {
margin-top: 10px;
}
.shop-item .shop-content .price span:first-child {
font-size: 14px;
font-weight: 500;
}
.shop-item .shop-content .price span:last-child {
font-size: 16px;
}
.shop-item .shop-hover-content {
border-radius: 20px;
border: 1px solid #E1E6EB;
background-color: #ffffff;
padding: 25px 20px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transition: 0.6s;
opacity: 0;
visibility: hidden;
}
.shop-item .shop-hover-content .top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
line-height: 1;
}
.shop-item .shop-hover-content .top a {
color: var(--optionalColor);
font-size: 14px;
}
.shop-item .shop-hover-content .top a:hover {
color: var(--mainColor2);
}
.shop-item .shop-hover-content .top .rating {
display: flex;
align-items: center;
}
.shop-item .shop-hover-content .top .rating i {
color: var(--mainColor);
margin-right: 5px;
font-size: 16px;
}
.shop-item .shop-hover-content .top .rating span {
font-size: 14px;
}
.shop-item .shop-hover-content h3, .shop-item .shop-hover-content .h3 {
font-size: 18px;
font-weight: 700;
line-height: 1.5;
margin-bottom: 0;
}
.shop-item .shop-hover-content h3 span, .shop-item .shop-hover-content .h3 span {
display: block;
}
.shop-item .shop-hover-content .price {
margin-top: 10px;
margin-bottom: 15px;
}
.shop-item .shop-hover-content .price span:first-child {
font-size: 14px;
font-weight: 500;
}
.shop-item .shop-hover-content .price span:last-child {
font-size: 16px;
font-weight: 700;
}
.shop-item .shop-hover-content .add-to-cart-btn {
display: inline-flex;
padding: 10px 20px 10px;
justify-content: center;
align-items: center;
background-color: var(--mainColor2);
color: var(--optionalColor);
font-size: 15px;
font-weight: 500;
border-radius: 50px;
transition: 0.6s;
width: 100%;
}
.shop-item .shop-hover-content .add-to-cart-btn i {
transition: 0.6s;
margin-right: 10px;
}
.shop-item .shop-hover-content .add-to-cart-btn:hover {
background-color: var(--additionalColor1);
}
.shop-item:hover .shop-content {
opacity: 0;
visibility: hidden;
}
.shop-item:hover .shop-hover-content {
opacity: 1;
visibility: visible;
} .cart-table-inner-border {
border-radius: 20px;
border: 1px solid #F5F5F3;
padding: 35px;
}
.cart-table .table {
margin-bottom: 0;
}
.cart-table .table thead tr {
border: none;
border-bottom: 1px solid #F5F5F3;
}
.cart-table .table thead tr th {
color: var(--optionalColor);
vertical-align: middle;
white-space: nowrap;
font-size: 15px;
background-color: transparent;
border: none;
padding: 0 25px 20px 25px;
font-weight: 500;
}
.cart-table .table thead tr th:first-child {
padding-left: 0;
}
.cart-table .table thead tr th:last-child {
padding-right: 0;
}
.cart-table .table tbody tr {
border: none;
margin-bottom: 25px;
border-bottom: 1px solid #F5F5F3;
}
.cart-table .table tbody tr td {
vertical-align: middle;
white-space: nowrap;
padding: 25px;
border: none;
background-color: transparent;
}
.cart-table .table tbody tr td:first-child {
padding-left: 0;
}
.cart-table .table tbody tr td:last-child {
padding-right: 0;
text-align: end;
}
.cart-table .table tbody tr td.product-thumbnail {
display: flex;
align-items: center;
}
.cart-table .table tbody tr td.product-thumbnail .image {
width: 100px;
}
.cart-table .table tbody tr td.product-thumbnail .image img {
border-radius: 20px !important;
}
.cart-table .table tbody tr td.product-thumbnail .title {
margin-left: 25px;
}
.cart-table .table tbody tr td.product-thumbnail .title h3, .cart-table .table tbody tr td.product-thumbnail .title .h3 {
font-size: 18px;
margin-bottom: 0;
line-height: 1.5;
font-weight: 600;
}
.cart-table .table tbody tr td.product-price .unit-amount {
color: var(--optionalColor);
}
.cart-table .table tbody tr td.product-quantity .add-to-cart-counter {
display: flex;
}
.cart-table .table tbody tr td.product-quantity .add-to-cart-counter input {
background-color: #F5F5F3;
color: var(--optionalColor);
max-width: 85px;
text-align: center;
font-size: 17px;
font-weight: 500;
padding: 12px 20px;
border-radius: 0;
border: none;
}
.cart-table .table tbody tr td.product-quantity .add-to-cart-counter .minusBtn {
border-radius: 50px 0 0 50px;
color: var(--optionalColor);
}
.cart-table .table tbody tr td.product-quantity .add-to-cart-counter .plusBtn {
border-radius: 0 50px 50px 0;
color: var(--optionalColor);
}
.cart-table .table tbody tr td.product-subtotal .subtotal-amount {
color: var(--optionalColor);
}
.cart-table .table tbody tr td.remove a i {
font-size: 20px;
color: var(--mainColor);
transition: 0.6s;
}
.cart-table .table tbody tr td.remove a i:hover {
color: var(--mainColor2);
}
.cart-table .table tbody:not(:first-child) {
border-top: unset;
}
.shopping-cart-buttons {
margin-top: 25px;
}
.shopping-cart-buttons .back-btn {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
color: var(--optionalColor);
}
.shopping-cart-buttons .back-btn i {
margin-right: 7px;
font-size: 16px;
}
.shopping-cart-buttons .back-btn:hover {
color: var(--mainColor);
}
.shopping-cart-buttons .shopping-coupon-code {
position: relative;
}
.shopping-cart-buttons .shopping-coupon-code .form-control {
display: inline-block;
border-radius: 50px;
background-color: #F5F5F3;
border: 1px solid #F5F5F3;
width: 100%;
height: 55px;
box-shadow: unset;
color: #687390;
transition: 0.6s;
padding: 15px 270px 15px 25px;
font-size: 14px;
}
.shopping-cart-buttons .shopping-coupon-code .form-control::-moz-placeholder {
color: #687390;
-moz-transition: 0.6s;
transition: 0.6s;
}
.shopping-cart-buttons .shopping-coupon-code .form-control::placeholder {
color: #687390;
transition: 0.6s;
}
.shopping-cart-buttons .shopping-coupon-code .form-control:focus {
border: 1px solid var(--mainColor);
}
.shopping-cart-buttons .shopping-coupon-code .form-control:focus::-moz-placeholder {
color: transparent;
}
.shopping-cart-buttons .shopping-coupon-code .form-control:focus::placeholder {
color: transparent;
}
.shopping-cart-buttons .shopping-coupon-code .default-btn {
border: none;
position: absolute;
right: 1px;
top: 50%;
transform: translateY(-50%);
}
.shopping-cart-totals {
border-radius: 20px;
background-color: var(--additionalColor1);
padding: 40px;
max-width: 610px;
margin: 25px 0 0 auto;
}
.shopping-cart-totals h3, .shopping-cart-totals .h3 {
font-size: 25px;
margin-bottom: 30px;
}
.shopping-cart-totals ul {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.shopping-cart-totals ul li {
list-style-type: none;
margin-bottom: 25px;
color: var(--optionalColor);
border-bottom: 1px solid #ffffff;
padding-bottom: 20px;
font-weight: 500;
}
.shopping-cart-totals ul li:last-child {
margin-bottom: 0;
}
.shopping-cart-totals ul li:last-child span {
font-weight: 700;
}
.shopping-cart-totals .bottom-btn {
text-align: center;
margin-top: 30px;
} .checkout-top-title {
margin-bottom: 35px;
}
.checkout-top-title h3, .checkout-top-title .h3 {
font-size: 35px;
margin-bottom: 12px;
}
.checkout-top-title p {
margin-bottom: 0;
}
.checkout-info-form {
border-radius: 20px;
border: 1px solid #F5F5F3;
padding: 35px;
}
.checkout-info-form .form-group {
margin-bottom: 25px;
}
.checkout-info-form .form-group label {
display: block;
color: var(--optionalColor);
font-size: 14px;
margin-bottom: 10px;
font-weight: 600;
}
.checkout-info-form .form-group .form-control {
display: inline-block;
border-radius: 50px;
background-color: #F5F5F3;
border: 1px solid #F5F5F3;
width: 100%;
height: 55px;
box-shadow: unset;
color: #687390;
transition: 0.6s;
padding: 15px 20px;
font-size: 14px;
}
.checkout-info-form .form-group .form-control::-moz-placeholder {
color: #687390;
-moz-transition: 0.6s;
transition: 0.6s;
}
.checkout-info-form .form-group .form-control::placeholder {
color: #687390;
transition: 0.6s;
}
.checkout-info-form .form-group .form-control:focus {
border: 1px solid var(--mainColor2);
}
.checkout-info-form .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.checkout-info-form .form-group .form-control:focus::placeholder {
color: transparent;
}
.checkout-info-form .form-group textarea.form-control {
display: flex;
min-height: 145px;
border-radius: 20px;
}
.checkout-info-form .form-group .form-check {
padding: 0;
margin-bottom: 0;
display: flex;
align-items: center;
}
.checkout-info-form .form-group .form-check .form-check-input {
border-radius: 30px;
border: 1px solid #B1BDCA;
height: 22px;
width: 22px;
padding: 0;
margin: 0;
box-shadow: unset;
outline: 0;
}
.checkout-info-form .form-group .form-check .form-check-label {
padding: 0;
margin: 0 0 0 10px;
font-weight: 400;
}
.checkout-info-form .form-group .form-check .form-check-label a {
color: var(--additionalColor1);
}
.checkout-info-form .form-group .form-check .form-check-label a:hover {
color: var(--mainColor2);
}
.checkout-info-form .default-btn {
border: none;
}
.checkout-sidebar {
position: sticky;
top: 165px;
}
.checkout-sidebar .order-box {
border-radius: 20px;
background-color: var(--additionalColor1);
padding: 30px;
}
.checkout-sidebar .order-box h3, .checkout-sidebar .order-box .h3 {
font-size: 22px;
margin-bottom: 25px;
border-bottom: 1px solid #F5F5F3;
padding-bottom: 20px;
}
.checkout-sidebar .order-box .list {
margin-bottom: 35px;
padding-left: 0;
padding-right: 0;
}
.checkout-sidebar .order-box .list li {
list-style-type: none;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
border-bottom: 1px solid #F5F5F3;
padding-bottom: 15px;
}
.checkout-sidebar .order-box .list li:last-child {
margin-bottom: 0;
}
.checkout-sidebar .order-box .list li .info {
display: flex;
align-items: center;
}
.checkout-sidebar .order-box .list li .info img {
border-radius: 10px !important;
max-width: 70px;
}
.checkout-sidebar .order-box .list li .info .title {
margin-left: 20px;
}
.checkout-sidebar .order-box .list li .info .title h4, .checkout-sidebar .order-box .list li .info .title .h4 {
font-size: 15px;
font-weight: 600;
margin-bottom: 5px;
line-height: 1.5;
}
.checkout-sidebar .order-box .list li .info .title h4 a, .checkout-sidebar .order-box .list li .info .title .h4 a {
color: var(--optionalColor);
}
.checkout-sidebar .order-box .list li .info .title span {
font-size: 14px;
}
.checkout-sidebar .order-box .list li .price {
font-size: 14px;
font-weight: 500;
color: var(--optionalColor);
letter-spacing: 1.4px;
margin-left: 30px;
}
.checkout-sidebar .order-box .order-list {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.checkout-sidebar .order-box .order-list li {
list-style-type: none;
margin-bottom: 25px;
color: var(--optionalColor);
border-bottom: 1px solid #F5F5F3;
padding-bottom: 20px;
font-weight: 500;
}
.checkout-sidebar .order-box .order-list li:last-child {
margin-bottom: 0;
}
.checkout-sidebar .order-box .order-list li:last-child span {
font-weight: 700;
}
.checkout-sidebar .order-box .order-btn {
margin-top: 25px;
text-align: center;
}
.checkout-sidebar .order-box .order-btn .default-btn {
border: none;
}
.checkout-sidebar .payment-method {
border-radius: 20px;
background-color: var(--additionalColor1);
padding: 30px;
margin-top: 30px;
}
.checkout-sidebar .payment-method h3, .checkout-sidebar .payment-method .h3 {
font-size: 22px;
margin-bottom: 25px;
border-bottom: 1px solid #ffffff;
padding-bottom: 20px;
}
.checkout-sidebar .payment-method p {
margin-bottom: 25px;
}
.checkout-sidebar .payment-method p:last-child {
margin-bottom: 0;
}
.checkout-sidebar .payment-method p [type=radio]:checked, .checkout-sidebar .payment-method p [type=radio]:not(:checked) {
display: none;
}
.checkout-sidebar .payment-method p span {
display: block;
font-size: 15px;
padding-left: 25.8px;
padding-top: 12px;
}
.checkout-sidebar .payment-method p [type=radio]:checked + label, .checkout-sidebar .payment-method p [type=radio]:not(:checked) + label {
display: block;
padding-left: 25.8px;
cursor: pointer;
position: relative;
color: var(--optionalColor);
font-size: 15px;
font-weight: 600;
transition: 0.6s;
line-height: 1;
}
.checkout-sidebar .payment-method p [type=radio]:checked + label::before, .checkout-sidebar .payment-method p [type=radio]:not(:checked) + label::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
width: 15px;
height: 15px;
border: 1px solid var(--optionalColor);
border-radius: 50%;
background: transparent;
}
.checkout-sidebar .payment-method p [type=radio]:checked + label::after, .checkout-sidebar .payment-method p [type=radio]:not(:checked) + label::after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%) !important;
left: 0;
right: 0;
display: inline-block;
width: 15px;
height: 15px;
background: var(--mainColor);
border-radius: 50%;
transition: 0.6s;
}
.checkout-sidebar .payment-method p [type=radio]:not(:checked) + label::after {
opacity: 0;
visibility: hidden;
transform: scale(0);
}
.checkout-sidebar .payment-method p [type=radio]:checked + label {
color: var(--optionalColor);
}
.checkout-sidebar .payment-method p [type=radio]:checked + label::after {
opacity: 1;
visibility: visible;
transform: scale(1);
} .wishlist-table .table {
margin-bottom: 0;
}
.wishlist-table .table thead tr {
border: none;
border-bottom: 1px solid #F5F5F3;
}
.wishlist-table .table thead tr th {
color: var(--optionalColor);
vertical-align: middle;
white-space: nowrap;
font-size: 15px;
background-color: transparent;
border: none;
padding: 0 25px 20px 25px;
font-weight: 500;
}
.wishlist-table .table thead tr th:first-child {
padding-left: 0;
}
.wishlist-table .table thead tr th:last-child {
padding-right: 0;
}
.wishlist-table .table tbody tr {
border: none;
margin-bottom: 25px;
border-bottom: 1px solid #F5F5F3;
}
.wishlist-table .table tbody tr td {
vertical-align: middle;
white-space: nowrap;
padding: 25px;
border: none;
background-color: transparent;
}
.wishlist-table .table tbody tr td:first-child {
padding-left: 0;
}
.wishlist-table .table tbody tr td:last-child {
padding-right: 0;
text-align: end;
}
.wishlist-table .table tbody tr td.product-thumbnail {
display: flex;
align-items: center;
}
.wishlist-table .table tbody tr td.product-thumbnail .image {
width: 100px;
}
.wishlist-table .table tbody tr td.product-thumbnail .image img {
border-radius: 20px !important;
}
.wishlist-table .table tbody tr td.product-thumbnail .title {
margin-left: 25px;
}
.wishlist-table .table tbody tr td.product-thumbnail .title h3, .wishlist-table .table tbody tr td.product-thumbnail .title .h3 {
font-size: 18px;
margin-bottom: 0;
line-height: 1.5;
font-weight: 600;
}
.wishlist-table .table tbody tr td.product-price .unit-amount {
color: var(--optionalColor);
}
.wishlist-table .table tbody tr td .color {
color: var(--optionalColor);
}
.wishlist-table .table tbody tr td.remove a i {
font-size: 20px;
color: var(--mainColor);
transition: 0.6s;
}
.wishlist-table .table tbody tr td.remove a i:hover {
color: var(--mainColor2);
}
.wishlist-table .table tbody:not(:first-child) {
border-top: unset;
} .product-details-image img {
border-radius: 20px !important;
}
.product-details-content {
padding-left: 30px;
}
.product-details-content h2, .product-details-content .h2 {
font-size: 35px;
margin-bottom: 0;
}
.product-details-content .sub {
font-size: 15px;
display: block;
margin-top: 15px;
}
.product-details-content .price {
font-size: 20px;
color: var(--optionalColor);
font-weight: 600;
margin-top: 20px;
}
.product-details-content .rating {
padding-left: 0;
display: flex;
align-items: center;
margin-top: 18px;
margin-bottom: 15px;
}
.product-details-content .rating li {
list-style-type: none;
display: inline-block;
margin-right: 7px;
}
.product-details-content .rating li:last-child {
margin-right: 0;
}
.product-details-content .rating li i {
font-size: 20px;
color: var(--mainColor);
}
.product-details-content .rating li:last-child {
color: var(--optionalColor);
font-size: 15px;
position: relative;
top: 1.5px;
}
.product-details-content p {
margin-bottom: 0;
}
.product-details-content .info {
padding-left: 0;
margin-top: 25px;
margin-bottom: 0;
}
.product-details-content .info li {
list-style-type: none;
margin-bottom: 20px;
}
.product-details-content .info li:last-child {
margin-bottom: 0;
}
.product-details-content .info li span {
color: var(--optionalColor);
font-weight: 600;
}
.product-details-content .add-to-cart-and-social {
padding-left: 0;
margin-top: 30px;
margin-bottom: 0;
}
.product-details-content .add-to-cart-and-social li {
margin-bottom: 20px;
}
.product-details-content .add-to-cart-and-social li .add-to-cart-counter {
display: flex;
margin-right: 20px;
}
.product-details-content .add-to-cart-and-social li .add-to-cart-counter input {
background-color: #F5F5F3;
color: var(--optionalColor);
border: none;
max-width: 80px;
text-align: center;
font-size: 20px;
font-weight: 600;
padding: 12px 15px;
}
.product-details-content .add-to-cart-and-social li .add-to-cart-counter .minusBtn {
border-radius: 30px 0 0 30px;
border-right: 1px solid #ffffff;
}
.product-details-content .add-to-cart-and-social li .add-to-cart-counter .plusBtn {
border-radius: 0 30px 30px 0;
border-left: 1px solid #ffffff;
}
.product-details-content .add-to-cart-and-social li .default-btn {
border: none;
}
.product-details-content .add-to-cart-and-social li .share {
margin-right: 10px;
}
.product-details-content .add-to-cart-and-social li .social {
display: flex;
}
.product-details-content .add-to-cart-and-social li .social a {
display: inline-block;
text-align: center;
height: 33px;
width: 33px;
line-height: 33px;
border-radius: 50%;
background-color: #F5F5F3;
color: var(--optionalColor);
font-size: 15px;
margin-right: 7px;
}
.product-details-content .add-to-cart-and-social li .social a:last-child {
margin-right: 0;
}
.product-details-content .add-to-cart-and-social li .social a:hover {
background-color: var(--mainColor);
}
.product-details-content .add-to-cart-and-social li:last-child {
margin-bottom: 0;
}
.products-details-tabs {
margin-top: 70px;
}
.products-details-tabs .nav {
padding-left: 0;
margin-bottom: 35px;
list-style-type: none;
display: block;
border-bottom: 1px solid #F5F5F3;
}
.products-details-tabs .nav .nav-item {
display: inline-block;
margin-right: 50px;
}
.products-details-tabs .nav .nav-item:last-child {
margin-right: 0;
}
.products-details-tabs .nav .nav-item .nav-link {
color: var(--optionalColor);
border: none;
padding: 0;
background-color: transparent;
position: relative;
padding-bottom: 20px;
font-size: 20px;
font-weight: 600;
}
.products-details-tabs .nav .nav-item .nav-link::before {
content: "";
position: absolute;
left: 0;
width: 0;
height: 2px;
background-color: var(--mainColor);
transition: 0.6s;
bottom: 0;
}
.products-details-tabs .nav .nav-item .nav-link:hover, .products-details-tabs .nav .nav-item .nav-link.active {
color: var(--optionalColor);
}
.products-details-tabs .nav .nav-item .nav-link:hover::before, .products-details-tabs .nav .nav-item .nav-link.active::before {
width: 100%;
}
.products-details-tabs .tab-content .tab-pane .reviews-box .reviews-list {
position: relative;
margin-bottom: 35px;
padding-left: 75px;
padding-right: 110px;
}
.products-details-tabs .tab-content .tab-pane .reviews-box .reviews-list:last-child {
margin-bottom: 0;
}
.products-details-tabs .tab-content .tab-pane .reviews-box .reviews-list img {
border-radius: 50% !important;
position: absolute;
left: 0;
top: 0;
max-width: 55px;
border: 2px solid #F5F5F3;
}
.products-details-tabs .tab-content .tab-pane .reviews-box .reviews-list h4, .products-details-tabs .tab-content .tab-pane .reviews-box .reviews-list .h4 {
font-size: 18px;
margin-bottom: 0;
}
.products-details-tabs .tab-content .tab-pane .reviews-box .reviews-list span {
font-size: 14px;
display: block;
margin-top: 10px;
}
.products-details-tabs .tab-content .tab-pane .reviews-box .reviews-list p {
margin-top: 15px;
margin-bottom: 0;
}
.products-details-tabs .tab-content .tab-pane .reviews-box .reviews-list .rating {
display: flex;
align-items: center;
color: var(--optionalColor);
position: absolute;
top: 0;
right: 0;
line-height: 1;
}
.products-details-tabs .tab-content .tab-pane .reviews-box .reviews-list .rating i {
font-size: 16px;
color: var(--mainColor);
margin-right: 5px;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper {
margin-top: 50px;
border: 1px solid #F5F5F3;
padding: 35px;
border-radius: 30px;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper h3, .products-details-tabs .tab-content .tab-pane .review-form-wrapper .h3 {
margin-bottom: 10px;
font-size: 20px;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper .comment-notes span {
color: red;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form {
margin-top: 20px;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group {
margin-bottom: 25px;
text-align: left;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control {
display: block;
width: 100%;
height: 60px;
outline: 0;
background-color: #F5F5F3;
border: 1px solid #F5F5F3;
border-radius: 30px;
box-shadow: none;
padding: 15px 25px;
transition: 0.6s;
font-size: 15px;
color: var(--optionalColor);
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control::-moz-placeholder {
-moz-transition: 0.6s;
transition: 0.6s;
color: var(--optionalColor);
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control::placeholder {
transition: 0.6s;
color: var(--optionalColor);
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus {
outline: 0;
border: 1px solid var(--mainColor2);
box-shadow: none;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group .form-control:focus::placeholder {
color: transparent;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-group textarea.form-control {
height: auto;
line-height: 1.5rem;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating {
text-align: left;
overflow: hidden;
max-width: 155px;
margin-top: -5px;
margin-bottom: 30px;
margin-left: -5px;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label {
float: right;
position: relative;
width: 30px;
height: 30px;
cursor: pointer;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label:not(:first-of-type) {
padding-right: 5px;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating label:before {
content: "★";
transition: 0.6s;
font-size: 35px;
color: #cccccc;
line-height: 1;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating input {
display: none;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating input:checked ~ label:before, .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating:not(:checked) > label:hover:before, .products-details-tabs .tab-content .tab-pane .review-form-wrapper form .rating:not(:checked) > label:hover ~ label:before {
color: var(--mainColor);
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-check {
padding: 0;
margin-bottom: 0;
display: flex;
align-items: center;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-check .form-check-input {
border-radius: 30px;
border: 1px solid var(--mainColor2);
height: 22px;
width: 22px;
padding: 0;
margin: 0;
box-shadow: unset;
outline: 0;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form .form-check .form-check-label {
padding: 0;
margin: 0 0 0 10px;
}
.products-details-tabs .tab-content .tab-pane .review-form-wrapper form button {
margin-top: 25px;
border: none;
} .contact-info-card {
background-color: var(--additionalColor3);
border-radius: 30px;
padding: 55px 45px;
display: flex;
align-items: start;
margin-bottom: 25px;
position: relative;
z-index: 1;
overflow: hidden;
}
.contact-info-card .icon i {
font-size: 52px;
color: var(--optionalColor);
display: flex;
}
.contact-info-card .title {
margin-left: 25px;
}
.contact-info-card .title span {
font-size: 15px;
color: var(--optionalColor);
display: block;
margin-bottom: 10px;
}
.contact-info-card .title p {
font-weight: 600;
margin-bottom: 0;
}
.contact-info-card .title p a {
color: var(--optionalColor);
display: block;
}
.contact-info-card .title p a:hover {
letter-spacing: 1px;
}
.contact-info-card.bg-wrap-two {
background-color: var(--mainColor2);
}
.contact-info-card.bg-wrap-three {
background-color: var(--additionalColor2);
}
.contact-info-card::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 2px;
width: 0%;
background-color: var(--optionalColor);
transition: 0.6s;
}
.contact-info-card:hover::before {
width: 100%;
} .contact-image {
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/contact/contact1.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
border-radius: 30px;
}
.contact-image.bg-two {
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/contact/contact2.jpg);
}
.contact-form {
border-radius: 30px;
border: 1px solid #E5E5E5;
padding: 50px;
}
.contact-form .content {
margin-bottom: 35px;
}
.contact-form .content h3, .contact-form .content .h3 {
font-size: 35px;
margin-bottom: 10px;
}
.contact-form .content p {
margin-bottom: 0;
font-size: 15px;
}
.contact-form .form-group {
margin-bottom: 25px;
}
.contact-form .form-group label {
display: block;
color: var(--optionalColor);
font-size: 14px;
margin-bottom: 10px;
font-weight: 600;
}
.contact-form .form-group .form-control {
display: inline-block;
border-radius: 50px;
background-color: #F5F5F3;
border: 1px solid #F5F5F3;
width: 100%;
height: 55px;
box-shadow: unset;
color: #6B6F90;
transition: 0.6s;
padding: 15px 20px;
font-size: 14px;
}
.contact-form .form-group .form-control::-moz-placeholder {
color: #6B6F90;
-moz-transition: 0.6s;
transition: 0.6s;
}
.contact-form .form-group .form-control::placeholder {
color: #6B6F90;
transition: 0.6s;
}
.contact-form .form-group .form-control:focus {
border: 1px solid var(--mainColor2);
}
.contact-form .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.contact-form .form-group .form-control:focus::placeholder {
color: transparent;
}
.contact-form .form-group textarea.form-control {
display: flex;
min-height: 100px;
border-radius: 20px;
}
.contact-form .form-group .form-check {
padding: 0;
margin-bottom: 0;
display: flex;
align-items: center;
}
.contact-form .form-group .form-check .form-check-input {
border-radius: 5px;
border: 1px solid #E5E5E5;
height: 18px;
width: 18px;
padding: 0;
margin: 0;
box-shadow: unset;
outline: 0;
}
.contact-form .form-group .form-check .form-check-label {
padding: 0;
margin: 0 0 0 10px;
font-weight: 400;
}
.contact-form .form-group .form-check .form-check-label a {
color: var(--optionalColor);
font-weight: 600;
}
.contact-form .form-group .form-check .form-check-label a:hover {
color: var(--mainColor);
}
.contact-form .default-btn {
border: none;
background-color: var(--optionalColor);
color: #ffffff;
}
.contact-form .default-btn::before {
background-color: var(--optionalColor);
color: #ffffff;
}
.contact-form .default-btn .btn-left-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.contact-form .default-btn:hover {
background-color: var(--mainColor2);
color: #ffffff;
}
.contact-form .default-btn .btn-right-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.contact-form .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: #ffffff;
} .faq-inner {
border-radius: 30px;
background-color: #F5F5F3;
padding: 100px;
}
.faq-inner h2, .faq-inner .h2 {
font-size: 35px;
margin-bottom: 40px;
text-align: center;
}
.faq-accordion .accordion-item {
border: none;
background-color: #ffffff;
margin-bottom: 10px;
border-radius: 7px;
}
.faq-accordion .accordion-item:last-child {
margin-bottom: 0;
}
.faq-accordion .accordion-item .accordion-button {
color: var(--optionalColor);
position: relative;
box-shadow: unset;
display: block;
border: none;
width: 100%;
font-size: 20px;
font-weight: 600;
padding: 20px 100px 20px 40px;
transition: 0.6s;
background-color: #ffffff;
border-radius: 7px;
}
.faq-accordion .accordion-item .accordion-button::before {
position: absolute;
content: "\ea13";
font-family: "remixicon";
right: 35px;
top: 50%;
transform: translateY(-50%);
display: inline-block;
height: 35px;
width: 35px;
line-height: 35px;
border-radius: 50px;
background-color: var(--additionalColor2);
text-align: center;
color: var(--optionalColor);
font-size: 16px;
}
.faq-accordion .accordion-item .accordion-button:not(.collapsed)::before {
content: "\f1af";
}
.faq-accordion .accordion-item .accordion-body {
padding: 10px 40px 30px 40px;
}
.faq-accordion .accordion-item .accordion-body p {
font-size: 15px;
} .profile-authentication-inner {
max-width: 1120px;
margin: auto;
}
.profile-authentication-box {
background-color: #F9F7F4;
border-radius: 20px;
padding: 35px 30px;
}
.profile-authentication-box .content {
text-align: center;
margin-bottom: 25px;
}
.profile-authentication-box .content h3, .profile-authentication-box .content .h3 {
font-size: 25px;
margin-bottom: 10px;
}
.profile-authentication-box .content p {
margin-bottom: 0;
}
.profile-authentication-box .content p a {
color: var(--optionalColor);
text-decoration: underline;
}
.profile-authentication-box .content p a:hover {
color: var(--mainColor);
}
.profile-authentication-box .authentication-form .google-btn {
margin-bottom: 25px;
}
.profile-authentication-box .authentication-form .google-btn button {
border-radius: 7px;
border: 1px solid #ffffff;
background: #ffffff;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 30px;
color: var(--optionalColor);
transition: 0.6s;
}
.profile-authentication-box .authentication-form .google-btn button i {
margin-right: 15px;
}
.profile-authentication-box .authentication-form .google-btn button:hover {
border: 1px solid var(--mainColor2);
}
.profile-authentication-box .authentication-form .or {
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 25px;
}
.profile-authentication-box .authentication-form .or::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 1px;
background: #E9ECEF;
z-index: -1;
}
.profile-authentication-box .authentication-form .or span {
font-size: 14px;
background-color: #F9F7F4;
padding: 0 15px;
}
.profile-authentication-box .authentication-form .form-group {
margin-bottom: 25px;
position: relative;
}
.profile-authentication-box .authentication-form .form-group label {
font-size: 14px;
color: var(--optionalColor);
display: block;
font-weight: 500;
margin-bottom: 10px;
}
.profile-authentication-box .authentication-form .form-group .form-control {
display: inline-block;
width: 100%;
border-radius: 30px;
border: 1px solid #ffffff;
box-shadow: unset;
outline: 0;
height: 55px;
color: var(--optionalColor);
transition: 0.6s;
font-size: 15px;
padding: 15px 20px;
}
.profile-authentication-box .authentication-form .form-group .form-control::-moz-placeholder {
color: var(--optionalColor);
-moz-transition: 0.6s;
transition: 0.6s;
}
.profile-authentication-box .authentication-form .form-group .form-control::placeholder {
color: var(--optionalColor);
transition: 0.6s;
}
.profile-authentication-box .authentication-form .form-group .form-control:focus {
border: 1px solid var(--mainColor2);
}
.profile-authentication-box .authentication-form .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.profile-authentication-box .authentication-form .form-group .form-control:focus::placeholder {
color: transparent;
}
.profile-authentication-box .authentication-form .form-bottom {
margin-bottom: 25px;
}
.profile-authentication-box .authentication-form .form-bottom .form-check {
padding: 0;
margin-bottom: 0;
display: flex;
align-items: center;
}
.profile-authentication-box .authentication-form .form-bottom .form-check .form-check-input {
border-radius: 30px;
border: 1px solid #B1BDCA;
height: 22px;
width: 22px;
padding: 0;
margin: 0;
box-shadow: unset;
outline: 0;
}
.profile-authentication-box .authentication-form .form-bottom .form-check .form-check-label {
padding: 0;
margin: 0 0 0 10px;
}
.profile-authentication-box .authentication-form .form-bottom .form-check .form-check-label a {
color: var(--optionalColor);
text-decoration: underline;
}
.profile-authentication-box .authentication-form .form-bottom .form-check .form-check-label a:hover {
color: var(--mainColor);
}
.profile-authentication-box .authentication-form .form-bottom .forgot-password {
font-size: 15px;
color: var(--optionalColor);
}
.profile-authentication-box .authentication-form .form-bottom .forgot-password:hover {
color: var(--mainColor);
}
.profile-authentication-box .authentication-form .form-btn {
text-align: center;
}
.profile-authentication-box .authentication-form .form-btn .default-btn {
border: none;
}
.forgot-password-box {
padding: 50px;
max-width: 650px;
background-color: #F9F7F4;
margin: auto;
border-radius: 20px;
}
.forgot-password-box p {
line-height: 1.9;
margin-bottom: 25px;
}
.forgot-password-box label {
font-size: 14px;
color: var(--optionalColor);
display: block;
font-weight: 500;
margin-bottom: 10px;
}
.forgot-password-box .form-control {
display: inline-block;
width: 100%;
border-radius: 30px;
border: 1px solid #ffffff;
box-shadow: unset;
outline: 0;
height: 55px;
color: var(--optionalColor);
transition: 0.6s;
font-size: 15px;
padding: 15px 25px;
}
.forgot-password-box .form-control::-moz-placeholder {
color: var(--optionalColor);
-moz-transition: 0.6s;
transition: 0.6s;
}
.forgot-password-box .form-control::placeholder {
color: var(--optionalColor);
transition: 0.6s;
}
.forgot-password-box .form-control:focus {
border: 1px solid var(--mainColor2);
}
.forgot-password-box .form-control:focus::-moz-placeholder {
color: transparent;
}
.forgot-password-box .form-control:focus::placeholder {
color: transparent;
}
.forgot-password-box .default-btn {
margin-top: 25px;
border: none;
} .privacy-policy-content .h1, .privacy-policy-content .h2, .privacy-policy-content .h3, .privacy-policy-content .h4, .privacy-policy-content .h5, .privacy-policy-content .h6, .privacy-policy-content h1, .privacy-policy-content h2, .privacy-policy-content h3, .privacy-policy-content h4, .privacy-policy-content h5, .privacy-policy-content h6 {
font-size: 25px;
margin-bottom: 15px;
}
.privacy-policy-content .h1:not(:first-child), .privacy-policy-content .h2:not(:first-child), .privacy-policy-content .h3:not(:first-child), .privacy-policy-content .h4:not(:first-child), .privacy-policy-content .h5:not(:first-child), .privacy-policy-content .h6:not(:first-child), .privacy-policy-content h1:not(:first-child), .privacy-policy-content h2:not(:first-child), .privacy-policy-content h3:not(:first-child), .privacy-policy-content h4:not(:first-child), .privacy-policy-content h5:not(:first-child), .privacy-policy-content h6:not(:first-child) {
margin-top: 30px;
}
.privacy-policy-content strong {
color: var(--optionalColor);
font-weight: 500;
}
.privacy-policy-content p {
letter-spacing: 0.28px;
}
.privacy-policy-content p a {
color: var(--mainColor);
}
.privacy-policy-content p a:hover {
text-decoration: underline;
}
.privacy-policy-content ul li, .privacy-policy-content ol li {
color: var(--optionalColor);
margin-bottom: 20px;
}
.privacy-policy-content ul li a, .privacy-policy-content ol li a {
color: var(--mainColor);
}
.privacy-policy-content ul li a:hover, .privacy-policy-content ol li a:hover {
text-decoration: underline;
}
.privacy-policy-content ul li:last-child, .privacy-policy-content ol li:last-child {
margin-bottom: 0;
} .terms-conditions-content .h1, .terms-conditions-content .h2, .terms-conditions-content .h3, .terms-conditions-content .h4, .terms-conditions-content .h5, .terms-conditions-content .h6, .terms-conditions-content h1, .terms-conditions-content h2, .terms-conditions-content h3, .terms-conditions-content h4, .terms-conditions-content h5, .terms-conditions-content h6 {
font-size: 25px;
margin-bottom: 15px;
}
.terms-conditions-content .h1:not(:first-child), .terms-conditions-content .h2:not(:first-child), .terms-conditions-content .h3:not(:first-child), .terms-conditions-content .h4:not(:first-child), .terms-conditions-content .h5:not(:first-child), .terms-conditions-content .h6:not(:first-child), .terms-conditions-content h1:not(:first-child), .terms-conditions-content h2:not(:first-child), .terms-conditions-content h3:not(:first-child), .terms-conditions-content h4:not(:first-child), .terms-conditions-content h5:not(:first-child), .terms-conditions-content h6:not(:first-child) {
margin-top: 30px;
}
.terms-conditions-content strong {
color: var(--optionalColor);
font-weight: 500;
}
.terms-conditions-content p {
letter-spacing: 0.28px;
}
.terms-conditions-content p a {
color: var(--mainColor);
}
.terms-conditions-content p a:hover {
text-decoration: underline;
}
.terms-conditions-content ul li, .terms-conditions-content ol li {
color: var(--optionalColor);
margin-bottom: 20px;
}
.terms-conditions-content ul li a, .terms-conditions-content ol li a {
color: var(--mainColor);
}
.terms-conditions-content ul li a:hover, .terms-conditions-content ol li a:hover {
text-decoration: underline;
}
.terms-conditions-content ul li:last-child, .terms-conditions-content ol li:last-child {
margin-bottom: 0;
} .not-found-content img {
margin-bottom: 35px;
}
.not-found-content h3, .not-found-content .h3 {
font-size: 30px;
margin-bottom: 30px;
font-weight: 500;
} .services-details-image {
margin-bottom: 80px;
}
.services-details-image img {
border-radius: 270px !important;
}
.services-details-with-inner-border {
border-bottom: 1px solid #E6E6E6;
}
.services-details-desc {
max-width: 750px;
}
.services-details-desc .content h3, .services-details-desc .content .h3 {
font-size: 35px;
margin-bottom: 15px;
}
.services-details-desc .content .medium {
font-weight: 500;
}
.services-details-desc .simple-card {
margin-top: 25px;
background-color: #F5F5F3;
border-radius: 30px;
padding: 50px 40px;
}
.services-details-desc .simple-card .icon {
margin-bottom: 22px;
}
.services-details-desc .simple-card .icon i {
display: inline-flex;
justify-content: center;
align-items: center;
height: 65px;
width: 65px;
line-height: 65px;
background-color: #ffffff;
color: var(--optionalColor);
font-size: 35px;
border-radius: 50px;
transition: 0.6s;
}
.services-details-desc .simple-card h3, .services-details-desc .simple-card .h3 {
font-size: 22px;
margin-bottom: 15px;
}
.services-details-desc .simple-card p {
margin-bottom: 25px;
}
.services-details-desc .simple-card .service-btn {
color: var(--optionalColor);
font-size: 15px;
font-weight: 600;
display: flex;
align-items: center;
transition: 0.6s;
line-height: 1;
}
.services-details-desc .simple-card .service-btn i {
font-size: 20px;
display: flex;
align-items: center;
margin-left: 8px;
}
.services-details-desc .simple-card .service-btn:hover {
letter-spacing: 0.5px;
color: var(--mainColor);
}
.services-details-desc .simple-card:hover .icon i {
background-color: var(--mainColor2);
color: #ffffff;
}
.services-details-desc .extra-top {
margin-top: 25px;
}
.services-details-sidebar {
position: sticky;
top: 125px;
}
.services-details-sidebar .sidebar-box {
background-color: var(--additionalColor4);
border-radius: 30px;
padding: 40px;
margin-bottom: 25px;
}
.services-details-sidebar .sidebar-box h3, .services-details-sidebar .sidebar-box .h3 {
font-size: 22px;
margin-bottom: 25px;
}
.services-details-sidebar .sidebar-box .list {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.services-details-sidebar .sidebar-box .list li {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
border-radius: 50px;
padding: 10px 25px 10px 10px;
margin-bottom: 12px;
}
.services-details-sidebar .sidebar-box .list li .title {
display: flex;
align-items: center;
}
.services-details-sidebar .sidebar-box .list li .title .icon {
margin-right: 15px;
}
.services-details-sidebar .sidebar-box .list li .title .icon i, .services-details-sidebar .sidebar-box .list li .title .icon img {
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
width: 40px;
line-height: 40px;
background-color: var(--additionalColor2);
color: var(--optionalColor);
font-size: 25px;
border-radius: 50px;
transition: 0.6s;
}
.services-details-sidebar .sidebar-box .list li .title a {
font-weight: 700;
color: var(--optionalColor);
}
.services-details-sidebar .sidebar-box .list li .title a:hover {
color: var(--mainColor);
}
.services-details-sidebar .sidebar-box .list li .arrow-btn a i {
display: flex;
align-items: center;
font-size: 28px;
color: var(--optionalColor);
transition: 0.6s;
}
.services-details-sidebar .sidebar-box .list li .arrow-btn a i:hover {
color: var(--mainColor);
}
.services-details-sidebar .sidebar-box .list li:last-child {
margin-bottom: 0;
}
.services-details-sidebar .sidebar-box .list li:hover .title .icon i, .services-details-sidebar .sidebar-box .list li:hover .title .icon img {
background-color: var(--mainColor);
}
.services-details-sidebar .question-form {
border-radius: 30px;
border: 1px solid #E5E5E5;
padding: 40px;
background-color: #ffffff;
}
.services-details-sidebar .question-form .wpcf7-not-valid-tip {
font-size: 14px;
}
.services-details-sidebar .question-form .content {
margin-bottom: 25px;
}
.services-details-sidebar .question-form .content h3, .services-details-sidebar .question-form .content .h3 {
font-size: 28px;
margin-bottom: 10px;
font-weight: 500;
}
.services-details-sidebar .question-form .content p {
margin-bottom: 0;
}
.services-details-sidebar .question-form .form-group {
margin-bottom: 25px;
}
.services-details-sidebar .question-form .form-group label {
display: block;
color: var(--optionalColor);
font-size: 14px;
margin-bottom: 10px;
font-weight: 600;
}
.services-details-sidebar .question-form .form-group .form-control {
display: inline-block;
border-radius: 50px;
background-color: #F5F5F3;
border: 1px solid #F5F5F3;
width: 100%;
height: 55px;
box-shadow: unset;
color: #6B6F90;
transition: 0.6s;
padding: 15px 20px;
font-size: 14px;
}
.services-details-sidebar .question-form .form-group .form-control::-moz-placeholder {
color: #6B6F90;
-moz-transition: 0.6s;
transition: 0.6s;
}
.services-details-sidebar .question-form .form-group .form-control::placeholder {
color: #6B6F90;
transition: 0.6s;
}
.services-details-sidebar .question-form .form-group .form-control:focus {
border: 1px solid var(--mainColor2);
}
.services-details-sidebar .question-form .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.services-details-sidebar .question-form .form-group .form-control:focus::placeholder {
color: transparent;
}
.services-details-sidebar .question-form .form-group textarea.form-control {
display: flex;
min-height: 145px;
border-radius: 20px;
}
.services-details-sidebar .question-form .form-group .form-check {
padding: 0;
margin-bottom: 0;
display: flex;
align-items: center;
}
.services-details-sidebar .question-form .form-group .form-check .form-check-input {
border-radius: 5px;
border: 1px solid #E5E5E5;
height: 18px;
width: 18px;
padding: 0;
margin: 0;
box-shadow: unset;
outline: 0;
}
.services-details-sidebar .question-form .form-group .form-check .form-check-label {
padding: 0;
margin: 0 0 0 10px;
font-weight: 400;
}
.services-details-sidebar .question-form .form-group .form-check .form-check-label a {
color: var(--optionalColor);
font-weight: 600;
}
.services-details-sidebar .question-form .form-group .form-check .form-check-label a:hover {
color: var(--mainColor);
}
.services-details-sidebar .question-form .default-btn {
border: none;
background-color: var(--optionalColor);
color: #ffffff;
}
.services-details-sidebar .question-form .default-btn::before {
background-color: var(--optionalColor);
color: #ffffff;
}
.services-details-sidebar .question-form .default-btn .btn-left-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.services-details-sidebar .question-form .default-btn:hover {
background-color: var(--mainColor2);
color: #ffffff;
}
.services-details-sidebar .question-form .default-btn .btn-right-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.services-details-sidebar .question-form .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: #ffffff;
}
.services-details-wrap-inner {
border-radius: 0px 0px 100px 100px;
background-color: var(--additionalColor2);
}
.services-details-wrap-inner .services-details-image img {
border-radius: 30px !important;
}
.services-details-wrap-inner .services-details-sidebar .sidebar-box .list li {
padding: 12px 25px 12px 25px;
} .cs-services-details-area .container-fluid, .cs-services-details-area .container-sm, .cs-services-details-area .container-md, .cs-services-details-area .container-lg, .cs-services-details-area .container-xl, .cs-services-details-area .container-xxl {
padding-left: 30px;
padding-right: 30px;
}
.cs-services-details-image {
margin-bottom: 80px;
}
.cs-services-details-image img {
border-radius: 30px !important;
}
.cs-services-details-desc {
position: relative;
padding-right: 120px;
}
.cs-services-details-desc h3, .cs-services-details-desc .h3 {
font-size: 42px;
font-weight: 500;
margin-bottom: 10px;
}
.cs-services-details-desc p {
margin-bottom: 0;
}
.cs-services-details-desc .content {
margin-top: 30px;
}
.cs-services-details-desc .content h4, .cs-services-details-desc .content .h4 {
font-size: 15px;
font-weight: 600;
margin-bottom: 15px;
}
.cs-services-details-desc .content .list {
margin-bottom: 0;
padding-left: 30px;
padding-right: 0;
}
.cs-services-details-desc .content .list li {
margin-bottom: 7px;
font-size: 15px;
}
.cs-services-details-desc .content .list li:last-child {
margin-bottom: 0;
}
.cs-services-details-desc::before {
position: absolute;
content: "";
right: 15px;
top: 0;
background-color: var(--additionalColor5);
width: 1px;
height: 100%;
}
.cs-services-details-sidebar {
padding-left: 50px;
position: sticky;
top: 125px;
}
.cs-services-details-sidebar .list {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.cs-services-details-sidebar .list li {
list-style-type: none;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 30px 15px 0;
border-radius: 10px;
background-color: transparent;
border-radius: 10px;
cursor: pointer;
transition: 0.6s;
margin-bottom: 15px;
}
.cs-services-details-sidebar .list li .title a {
font-size: 25px;
font-weight: 500;
color: #A78989;
transition: 0.6s;
}
.cs-services-details-sidebar .list li .arrow-btn {
transition: 0.6s;
opacity: 0;
}
.cs-services-details-sidebar .list li .arrow-btn a i {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: 1px solid var(--additionalColor7);
color: var(--additionalColor7);
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 50px;
font-size: 15px;
transition: 0.6s;
}
.cs-services-details-sidebar .list li .arrow-btn a i:hover {
background-color: var(--additionalColor7);
color: #ffffff;
}
.cs-services-details-sidebar .list li:hover, .cs-services-details-sidebar .list li.active {
background-color: var(--additionalColor5);
color: var(--additionalColor6);
padding: 15px 30px 15px 30px;
}
.cs-services-details-sidebar .list li:hover .title a, .cs-services-details-sidebar .list li.active .title a {
color: var(--additionalColor6);
}
.cs-services-details-sidebar .list li:hover .arrow-btn, .cs-services-details-sidebar .list li.active .arrow-btn {
opacity: 1;
}
.cs-services-details-sidebar .list li:last-child {
margin-bottom: 0;
} .blog-details-desc .image-one {
margin-bottom: 35px;
}
.blog-details-desc .image-one img {
border-radius: 30px !important;
}
.blog-details-desc .meta {
display: flex;
align-items: center;
line-height: 1;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
.blog-details-desc .meta li {
list-style-type: none;
margin-right: 25px;
display: flex;
align-items: center;
}
.blog-details-desc .meta li a {
color: var(--optionalColor);
margin-left: 5px;
}
.blog-details-desc .meta li a:hover {
color: var(--mainColor2);
}
.blog-details-desc .meta li i {
margin-right: 10px;
display: flex;
}
.blog-details-desc .meta li:last-child {
margin-right: 0;
}
.blog-details-desc h2, .blog-details-desc .h2 {
font-size: 42px;
line-height: 1.3;
margin-bottom: 18px;
}
.blog-details-desc h2 a, .blog-details-desc .h2 a {
color: var(--mainColor2);
}
.blog-details-desc h2 a:hover, .blog-details-desc .h2 a:hover {
color: var(--additionalColor1);
}
.blog-details-desc .image-two {
margin-top: 30px;
margin-bottom: 30px;
}
.blog-details-desc .image-two img {
border-radius: 30px !important;
}
.blog-details-desc .quote {
display: flex;
align-items: center;
border-radius: 30px;
padding: 65px 80px;
background-color: var(--additionalColor4);
margin-top: 30px;
margin-bottom: 30px;
}
.blog-details-desc .quote .icon {
margin-right: 25px;
}
.blog-details-desc .quote .icon img {
max-width: 100px;
}
.blog-details-desc .quote p {
font-size: 18px;
max-width: 680px;
}
.blog-details-desc .article-footer {
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
margin-top: 70px;
padding-top: 15px;
padding-bottom: 15px;
}
.blog-details-desc .article-footer .tags {
display: flex;
align-items: center;
align-items: center;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.blog-details-desc .article-footer .tags li {
list-style-type: none;
margin-right: 10px;
}
.blog-details-desc .article-footer .tags li span {
font-size: 15px;
font-weight: 600;
}
.blog-details-desc .article-footer .tags li a {
padding: 5px 15px;
display: inline-block;
border-radius: 100px;
background: transparent;
border: 1px solid #A6A9BD;
color: var(--optionalColor);
font-size: 14px;
}
.blog-details-desc .article-footer .tags li a:hover {
background: var(--mainColor2);
border: 1px solid var(--mainColor2);
}
.blog-details-desc .article-footer .tags li:last-child {
margin-right: 0;
}
.blog-details-desc .article-footer .social {
display: flex;
align-items: center;
justify-content: end;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.blog-details-desc .article-footer .social li {
list-style-type: none;
margin-right: 10px;
}
.blog-details-desc .article-footer .social li:last-child {
margin-right: 0;
}
.blog-details-desc .article-footer .social li span {
font-size: 15px;
font-weight: 600;
}
.blog-details-desc .article-footer .social li a i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
border-radius: 50px;
border: 1px solid #545878;
color: var(--optionalColor);
transition: 0.6s;
}
.blog-details-desc .article-footer .social li a i:hover {
background-color: #545878;
color: #ffffff;
}
.blog-details-desc .comments {
margin-top: 80px;
}
.blog-details-desc .comments h2, .blog-details-desc .comments .h2 {
margin-bottom: 45px;
font-size: 32px;
}
.blog-details-desc .comments .comment-list {
padding-left: 0;
margin-bottom: 0;
}
.blog-details-desc .comments .comment-list li {
list-style-type: none;
position: relative;
padding-left: 105px;
margin-bottom: 35px;
}
.blog-details-desc .comments .comment-list li .c-image {
position: absolute;
left: 0;
top: 0;
}
.blog-details-desc .comments .comment-list li .c-image img {
border-radius: 50% !important;
}
.blog-details-desc .comments .comment-list li .c-content {
position: relative;
}
.blog-details-desc .comments .comment-list li .c-content h4, .blog-details-desc .comments .comment-list li .c-content .h4 {
font-size: 18px;
margin-bottom: 0;
}
.blog-details-desc .comments .comment-list li .c-content span {
font-size: 14px;
display: block;
margin-top: 8px;
margin-bottom: 20px;
}
.blog-details-desc .comments .comment-list li .c-content p {
margin-bottom: 25px;
}
.blog-details-desc .comments .comment-list li .c-content .reply-btn {
font-size: 15px;
font-weight: 600;
background-color: var(--additionalColor2);
color: var(--optionalColor);
padding: 5px 15px;
border-radius: 50px;
transition: 0.6s;
}
.blog-details-desc .comments .comment-list li .c-content .reply-btn:hover {
background-color: var(--mainColor);
}
.blog-details-desc .comments .comment-list li:last-child {
margin-bottom: 0;
}
.blog-details-desc .leave-form {
border-radius: 30px;
border: 1px solid #E5E5E5;
padding: 50px;
margin-top: 80px;
}
.blog-details-desc .leave-form h2, .blog-details-desc .leave-form .h2 {
font-size: 32px;
margin-bottom: 15px;
line-height: 1;
}
.blog-details-desc .leave-form p {
font-size: 15px;
margin-bottom: 35px;
}
.blog-details-desc .leave-form .form-group {
margin-bottom: 25px;
}
.blog-details-desc .leave-form .form-group label {
display: block;
color: var(--optionalColor);
font-size: 14px;
margin-bottom: 10px;
font-weight: 600;
}
.blog-details-desc .leave-form .form-group .form-control {
display: inline-block;
border-radius: 50px;
background-color: #F5F5F3;
border: 1px solid #F5F5F3;
width: 100%;
height: 55px;
box-shadow: unset;
color: #6B6F90;
transition: 0.6s;
padding: 15px 25px;
font-size: 15px;
}
.blog-details-desc .leave-form .form-group .form-control::-moz-placeholder {
color: #6B6F90;
-moz-transition: 0.6s;
transition: 0.6s;
}
.blog-details-desc .leave-form .form-group .form-control::placeholder {
color: #6B6F90;
transition: 0.6s;
}
.blog-details-desc .leave-form .form-group .form-control:focus {
border: 1px solid var(--mainColor2);
}
.blog-details-desc .leave-form .form-group .form-control:focus::-moz-placeholder {
color: transparent;
}
.blog-details-desc .leave-form .form-group .form-control:focus::placeholder {
color: transparent;
}
.blog-details-desc .leave-form .form-group textarea.form-control {
display: flex;
min-height: 150px;
border-radius: 20px;
}
.blog-details-desc .leave-form .form-group .form-check {
padding: 0;
margin-bottom: 0;
display: flex;
align-items: center;
}
.blog-details-desc .leave-form .form-group .form-check .form-check-input {
border-radius: 5px;
border: 1px solid #E5E5E5;
height: 18px;
width: 18px;
padding: 0;
margin: 0;
box-shadow: unset;
outline: 0;
}
.blog-details-desc .leave-form .form-group .form-check .form-check-label {
padding: 0;
margin: 0 0 0 10px;
font-weight: 400;
}
.blog-details-desc .leave-form .form-group .form-check .form-check-label a {
color: var(--optionalColor);
font-weight: 600;
}
.blog-details-desc .leave-form .form-group .form-check .form-check-label a:hover {
color: var(--mainColor);
}
.blog-details-desc .leave-form .default-btn {
border: none;
background-color: var(--optionalColor);
color: #ffffff;
}
.blog-details-desc .leave-form .default-btn::before {
background-color: var(--optionalColor);
color: #ffffff;
}
.blog-details-desc .leave-form .default-btn .btn-left-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.blog-details-desc .leave-form .default-btn:hover {
background-color: var(--mainColor2);
color: #ffffff;
}
.blog-details-desc .leave-form .default-btn .btn-right-i {
background-color: var(--mainColor2);
color: #ffffff;
}
.blog-details-desc .leave-form .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: #ffffff;
} .widget-area {
border: 1px solid #E5E5E5;
padding: 40px;
border-radius: 30px;
}
.widget-area .widget {
margin-bottom: 50px;
}
.widget-area .widget .widget-title {
font-size: 20px;
margin-bottom: 25px;
}
.widget-area .widget:last-child {
margin-bottom: 0;
}
.widget-area .widget_search .search-form {
position: relative;
}
.widget-area .widget_search .search-form .search-field {
border-radius: 50px;
background: #F5F5F3;
border: 1px solid #F5F5F3;
display: inline-block;
width: 100%;
height: 55px;
padding: 15px 50px 15px 25px;
outline: 0;
box-shadow: unset;
color: var(--optionalColor);
font-size: 15px;
transition: 0.6s;
}
.widget-area .widget_search .search-form .search-field::-moz-placeholder {
color: var(--optionalColor);
-moz-transition: 0.6s;
transition: 0.6s;
}
.widget-area .widget_search .search-form .search-field::placeholder {
color: var(--optionalColor);
transition: 0.6s;
}
.widget-area .widget_search .search-form .search-field:focus {
border: 1px solid var(--mainColor2);
}
.widget-area .widget_search .search-form .search-field:focus::-moz-placeholder {
color: transparent;
}
.widget-area .widget_search .search-form .search-field:focus::placeholder {
color: transparent;
}
.widget-area .widget_search .search-form button {
border: none;
padding: 0;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
line-height: 45px;
background-color: var(--mainColor2);
color: var(--optionalColor);
border-radius: 50px;
font-size: 20px;
transition: 0.6s;
}
.widget-area .widget_search .search-form button:hover {
background-color: var(--optionalColor);
color: #ffffff;
}
.widget-area .widget_posts_thumb .item {
overflow: hidden;
margin-bottom: 30px;
}
.widget-area .widget_posts_thumb .item:last-child {
margin-bottom: 0;
}
.widget-area .widget_posts_thumb .item .thumb {
float: left;
overflow: hidden;
display: block;
width: 90px;
height: 80px;
margin-right: 18px;
}
.widget-area .widget_posts_thumb .item .thumb .fullimage {
width: 90px;
height: 80px;
display: inline-block;
border-radius: 7.572px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center center !important;
}
.widget-area .widget_posts_thumb .item .thumb .fullimage.bg1 {
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/blog/blog1.jpg);
}
.widget-area .widget_posts_thumb .item .thumb .fullimage.bg2 {
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/blog/blog2.jpg);
}
.widget-area .widget_posts_thumb .item .thumb .fullimage.bg3 {
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/blog/blog3.jpg);
}
.widget-area .widget_posts_thumb .item .info {
overflow: hidden;
}
.widget-area .widget_posts_thumb .item .info .date {
display: flex;
align-items: center;
margin-bottom: 14px;
line-height: 1;
}
.widget-area .widget_posts_thumb .item .info .date i {
margin-right: 10px;
}
.widget-area .widget_posts_thumb .item .info .date span {
font-size: 15px;
}
.widget-area .widget_posts_thumb .item .info .title {
margin-bottom: 0;
line-height: 1.5;
font-size: 17px;
}
.widget-area .widget_posts_thumb .item .info .title a {
color: var(--optionalColor);
}
.widget-area .widget_posts_thumb .item .info .title a:hover {
color: var(--mainColor);
}
.widget-area .widget_categories .list {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.widget-area .widget_categories .list li {
list-style-type: none;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.widget-area .widget_categories .list li:last-child {
margin-bottom: 0;
}
.widget-area .widget_categories .list li a {
font-size: 14px;
font-weight: 500;
color: var(--optionalColor);
}
.widget-area .widget_categories .list li a:hover {
color: var(--mainColor);
}
.widget-area .widget_categories .list li span {
font-size: 14px;
}
.widget-area .widget_tag_cloud .widget-title {
margin-bottom: 15px;
}
.widget-area .widget_tag_cloud .tag-cloud a {
padding: 5px 15px;
display: inline-block;
border-radius: 100px;
background: transparent;
border: 1px solid #A6A9BD;
color: var(--optionalColor);
font-size: 14px;
margin-right: 8px;
margin-top: 10px;
}
.widget-area .widget_tag_cloud .tag-cloud a:hover {
background: var(--mainColor2);
border: 1px solid var(--mainColor2);
} .footer-area {
background-color: var(--optionalColor);
border-radius: 30px;
position: relative;
z-index: 1;
overflow: hidden;
margin-left: 30px;
margin-right: 30px;
}
.footer-area.with-large-border-radius {
border-radius: 0px 0px 100px 100px;
margin-left: 0;
margin-right: 0;
padding-top: 440px;
}
.single-footer-widget {
margin-bottom: 25px;
}
.single-footer-widget h3, .single-footer-widget .h3 {
color: #FFF8F4;
font-size: 22px;
margin-bottom: 30px;
}
.single-footer-widget .info-list {
margin-bottom: 30px;
padding-left: 0;
padding-right: 0;
}
.single-footer-widget .info-list li {
list-style-type: none;
margin-bottom: 20px;
color: #FFF8F4;
display: flex;
}
.single-footer-widget .info-list li span {
margin-right: 30px;
}
.single-footer-widget .info-list li a {
color: #FFF8F4;
}
.single-footer-widget .info-list li a:hover {
color: var(--mainColor2);
}
.single-footer-widget .info-list li:last-child {
margin-bottom: 0;
}
.single-footer-widget .widget-social {
margin-bottom: 30px;
display: flex;
padding-left: 0;
padding-right: 0;
}
.single-footer-widget .widget-social li {
list-style-type: none;
margin-right: 7px;
}
.single-footer-widget .widget-social li a i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
border-radius: 50px;
border: 1px solid #545878;
color: #FFF8F4;
transition: 0.6s;
}
.single-footer-widget .widget-social li a i:hover {
border: 1px solid var(--mainColor2);
color: #ffffff;
}
.single-footer-widget .widget-social li:last-child {
margin-right: 0;
}
.single-footer-widget .get-directions-btn {
color: var(--mainColor2);
font-size: 15px;
font-weight: 600;
display: flex;
align-items: center;
transition: 0.6s;
}
.single-footer-widget .get-directions-btn i {
font-size: 20px;
display: flex;
align-items: center;
margin-left: 8px;
}
.single-footer-widget .get-directions-btn:hover {
letter-spacing: 0.5px;
color: var(--additionalColor1);
}
.single-footer-widget .quick-links {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.single-footer-widget .quick-links li {
margin-bottom: 20px;
}
.single-footer-widget .quick-links li a {
color: #FFF8F4;
}
.single-footer-widget .quick-links li a:hover {
color: var(--mainColor2);
}
.single-footer-widget .quick-links li:last-child {
margin-bottom: 0;
}
.single-footer-widget .working-hours-info {
background-color: var(--additionalColor1);
padding: 45px;
border-radius: 30px;
}
.single-footer-widget .working-hours-info h2, .single-footer-widget .working-hours-info .h2 {
font-size: 32px;
margin-bottom: 30px;
}
.single-footer-widget .working-hours-info .list {
margin-bottom: 30px;
padding-left: 0;
padding-right: 0;
}
.single-footer-widget .working-hours-info .list li {
display: flex;
align-items: center;
justify-content: space-between;
list-style-type: none;
border-bottom: 1px solid #BABCCF;
margin-bottom: 17px;
padding-bottom: 17px;
}
.single-footer-widget .working-hours-info .list li strong {
font-weight: 600;
}
.single-footer-widget .working-hours-info .list li span {
font-weight: 400;
}
.single-footer-widget .working-hours-info .list li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.single-footer-widget .working-hours-info .default-btn {
background-color: var(--optionalColor);
color: #ffffff;
}
.single-footer-widget .working-hours-info .default-btn::before {
background-color: var(--optionalColor);
color: #ffffff;
}
.single-footer-widget .working-hours-info .default-btn .btn-left-i {
background-color: var(--optionalColor);
color: #ffffff;
}
.single-footer-widget .working-hours-info .default-btn:hover {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.single-footer-widget .working-hours-info .default-btn .btn-right-i {
background-color: var(--optionalColor);
color: #fff;
}
.single-footer-widget .working-hours-info .default-btn:hover .btn-left-i {
background-color: var(--mainColor2);
color: var(--optionalColor);
}
.footer-shape1 {
position: absolute;
left: -20px;
top: 0;
z-index: -1;
}
.footer-shape2 {
position: absolute;
right: -20px;
bottom: 0;
z-index: -1;
} .copyright-area {
padding-top: 35px;
padding-bottom: 35px;
}
.copyright-left span a {
color: var(--optionalColor);
font-weight: 600;
}
.copyright-left span a:hover {
color: var(--mainColor2);
}
.copyright-right {
display: flex;
align-items: center;
justify-content: end;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.copyright-right li {
list-style-type: none;
margin-right: 35px;
}
.copyright-right li a {
color: var(--optionalColor);
}
.copyright-right li a:hover {
color: var(--mainColor2);
}
.copyright-right li:last-child {
margin-right: 0;
} #back-to-top {
opacity: 0;
right: 20px;
z-index: 99;
bottom: 20px;
height: 40px;
width: 40px;
line-height: 40px;
font-size: 25px;
transition: 0.6s;
background: var(--optionalColor);
color: #ffffff;
border-radius: 50%;
}
#back-to-top:hover {
color: #ffffff;
background: var(--mainColor2);
} .pagination-area {
margin-top: 30px;
text-align: center;
}
.pagination-area .nav-links {
display: flex;
align-items: center;
justify-content: center;
}
.pagination-area .page-numbers {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50px;
color: var(--optionalColor);
background-color: transparent;
border: 1px solid var(--additionalColor2);
transition: 0.6s;
font-size: 15px;
font-weight: 500;
margin-left: 5px;
margin-right: 5px;
}
.pagination-area .page-numbers i {
font-size: 20px;
}
.pagination-area .page-numbers:hover, .pagination-area .page-numbers.current {
background-color: var(--additionalColor2);
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.elementor-editor-active [data-cue=bounceInDown], .elementor-editor-active [data-cue=bounceInLeft], .elementor-editor-active [data-cue=bounceInRight], .elementor-editor-active [data-cue=bounceInUp], .elementor-editor-active [data-cue=bounceIn], .elementor-editor-active [data-cue=fadeIn], .elementor-editor-active [data-cue=rotateIn], .elementor-editor-active [data-cue=slideInDown], .elementor-editor-active [data-cue=slideInLeft], .elementor-editor-active [data-cue=slideInRight], .elementor-editor-active [data-cue=slideInUp], .elementor-editor-active [data-cue=zoomIn], .elementor-editor-active [data-cue=zoomOut], .elementor-editor-active [data-cues=bounceInDown] > *, .elementor-editor-active [data-cues=bounceInLeft] > *, .elementor-editor-active [data-cues=bounceInRight] > *, .elementor-editor-active [data-cues=bounceInUp] > *, .elementor-editor-active [data-cues=bounceIn] > *, .elementor-editor-active [data-cues=fadeIn] > *, .elementor-editor-active [data-cues=rotateIn] > *, .elementor-editor-active [data-cues=slideInDown] > *, .elementor-editor-active [data-cues=slideInLeft] > *, .elementor-editor-active [data-cues=slideInRight] > *, .elementor-editor-active [data-cues=slideInUp] > *, .elementor-editor-active [data-cues=zoomIn] > *, .elementor-editor-active [data-cues=zoomOut] > * {
opacity: 1;
}
.admin-bar .navbar.sticky {
top: 32px;
}
.page-banner-content .list {
font-weight: 400;
font-size: 14px;
}
.page-banner-content .list a {
margin-right: 20px;
position: relative;
color: var(--optionalColor);
font-weight: 400;
}
.page-banner-content .list a:hover {
color: var(--mainColor);
}
.page-banner-content .list a:after {
position: absolute;
top: 11px;
right: -13px;
content: "";
width: 5px;
height: 1px;
background-color: #445345;
}
.page-id-946 .dc-page-banner-area {
background: var(--additionalColor2) !important;
}
.form-group .wpcf7-list-item-label {
font-weight: normal;
}
.form-group .wpcf7-list-item-label a {
color: var(--optionalColor);
font-weight: 600;
}
.form-group .wpcf7-list-item-label a:hover {
color: var(--mainColor);
}
.postid-455 .dc-page-banner-area {
background: var(--additionalColor2) !important;
}
.mavis-payment-form .wpcf7-response-output {
position: absolute;
bottom: 30px;
left: 33%;
right: 0;
max-width: 700px;
}
#map {
height: 100%;
}
@media (max-width: 767px) {
.elementor-42 .elementor-element.elementor-element-3b1950d, .elementor-12 .elementor-element-4e220cf {
display: block !important;
}
}
.responsive-navbar .offcanvas-body .menu {
padding-left: 0;
margin-bottom: 0;
}
.responsive-navbar .offcanvas-body .menu li {
width: 100%;
position: relative;
}
.responsive-navbar .offcanvas-body .menu li a {
cursor: pointer;
display: block;
}
.responsive-navbar .offcanvas-body .menu li {
list-style-type: none;
margin-bottom: 15px;
}
.responsive-navbar .offcanvas-body .menu li.menu-item-has-children {
position: relative;
}
.responsive-navbar .offcanvas-body .menu li.menu-item-has-children.open::before {
transform: rotate(180deg);
}
.responsive-navbar .offcanvas-body .menu li.current-menu-item a {
color: var(--primaryColor);
}
.responsive-navbar .offcanvas-body .menu li.current-menu-item::before {
color: var(--primaryColor);
}
.responsive-navbar .offcanvas-body .menu li:last-child {
margin-bottom: 0;
}
.responsive-navbar .offcanvas-body .menu li a {
font-size: 16px;
font-weight: 500;
color: var(--optionalColor);
}
.responsive-navbar .offcanvas-body .menu li .sub-menu .menu-item a {
color: var(--optionalColor) !important;
}
.responsive-navbar .offcanvas-body .menu li .sub-menu .menu-item.current-menu-item a {
color: var(--primaryColor) !important;
}
.responsive-navbar .offcanvas-body .menu li ul {
background-color: var(---grayLightBGColor);
padding: 15px;
margin-top: 15px;
}
.responsive-navbar .offcanvas-body .menu li ul li a {
font-size: 16px;
font-weight: 500;
color: var(--optionalColor);
}
.responsive-navbar .offcanvas-body .menu li ul {
display: none;
}
.woocommerce ul.products li.product a.added_to_cart {
position: relative;
text-align: center;
display: block;
}
.preloader-area .loader::before {
display: none;
}
.about-content .list li svg {
width: 25px;
margin-right: 10px;
display: flex;
}
.menu span.holder.dropdown-icon {
float: right;
}
.services-item::after {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
opacity: 0;
transition: 0.6s;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.services-item:hover::after, .services-item.active::after {
opacity: 1;
}  .top-header-area.child-care-hospital-top-header {
background-color: var(--additionalColor13);
padding-top: 20px;
padding-bottom: 20px;
}
.top-header-area.child-care-hospital-top-header .top-header-left li {
color: var(--whiteColor);
}
.top-header-area.child-care-hospital-top-header .top-header-left li:last-child a {
color: var(--whiteColor);
}
.top-header-area.child-care-hospital-top-header .top-header-left li:last-child a:hover {
color: var(--additionalColor11);
}
.top-header-area.child-care-hospital-top-header .top-header-info li {
color: var(--whiteColor);
}
.top-header-area.child-care-hospital-top-header .top-header-info li a {
color: var(--whiteColor);
}
.top-header-area.child-care-hospital-top-header .top-header-info li a:hover {
color: var(--additionalColor11);
}
.top-header-area.child-care-hospital-top-header.oth-top-header {
background-color: #F5F8FF;
}
.top-header-area.child-care-hospital-top-header.oth-top-header .top-header-left li {
color: var(--optionalColor);
}
.top-header-area.child-care-hospital-top-header.oth-top-header .top-header-left li:last-child a {
color: var(--optionalColor);
}
.top-header-area.child-care-hospital-top-header.oth-top-header .top-header-left li:last-child a:hover {
color: var(--additionalColor11);
}
.top-header-area.child-care-hospital-top-header.oth-top-header .top-header-info li {
color: var(--optionalColor);
}
.top-header-area.child-care-hospital-top-header.oth-top-header .top-header-info li a {
color: var(--optionalColor);
}
.top-header-area.child-care-hospital-top-header.oth-top-header .top-header-info li a:hover {
color: var(--additionalColor11);
} .child-care-hospital-navbar {
background-color: var(--additionalColor13);
padding-top: 0;
padding-bottom: 0;
}
.child-care-hospital-navbar.sticky {
padding-top: 5px;
padding-bottom: 5px;
}
.child-care-hospital-navbar.sticky .inner-white {
background-color: transparent;
padding: 0;
border-radius: 0;
}
.child-care-hospital-navbar .container-fluid {
display: block;
}
.child-care-hospital-navbar .inner-white {
background-color: var(--whiteColor);
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 25px;
border-radius: 8px;
}
.child-care-hospital-navbar .navbar-brand {
padding-right: 30px;
}
.child-care-hospital-navbar .others-option {
margin-left: 30px;
}
.child-care-hospital-navbar .others-option .option-item .search-bar i {
background-color: var(--additionalColor11);
color: var(--whiteColor);
}
.child-care-hospital-navbar .others-option .option-item .search-bar i:hover {
background-color: var(--additionalColor13);
}
.child-care-hospital-navbar .others-option .option-item .default-btn {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.child-care-hospital-navbar .others-option .option-item .default-btn::before {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.child-care-hospital-navbar .others-option .option-item .default-btn::after {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.child-care-hospital-navbar .others-option .option-item .default-btn:hover {
background-color: var(--additionalColor13);
color: var(--whiteColor);
}
.child-care-hospital-navbar .others-option .option-item .default-btn:hover::before {
background-color: var(--additionalColor13);
color: var(--whiteColor);
}
.child-care-hospital-navbar .others-option .option-item .default-btn:hover::after {
background-color: var(--additionalColor13);
color: var(--whiteColor);
}
.child-care-hospital-navbar.oth-navbar {
background-color: #F5F8FF;
}
.child-care-hospital-navbar.oth-navbar.sticky {
background-color: var(--whiteColor);
} .child-care-hospital-banner-area {
position: relative;
z-index: 1;
overflow: hidden;
background-color: var(--additionalColor13);
padding-top: 120px;
padding-bottom: 330px;
}
.child-care-hospital-banner-area .container-fluid {
padding-left: 30px;
padding-right: 30px;
}
.child-care-hospital-banner-content {
text-align: center;
position: relative;
top: 0;
}
.child-care-hospital-banner-content h1 {
font-size: 70px;
color: var(--whiteColor);
margin-bottom: 25px;
}
.child-care-hospital-banner-content p {
font-size: 18px;
color: var(--whiteColor);
margin-bottom: 0;
}
.child-care-hospital-banner-content .banner-btn {
margin-top: 35px;
}
.child-care-hospital-banner-content .banner-btn .default-btn {
background-color: var(--optionalColor);
color: var(--whiteColor);
}
.child-care-hospital-banner-content .banner-btn .default-btn span.btn-right-i {
background-color: var(--optionalColor);
color: var(--whiteColor);
}
.child-care-hospital-banner-content .banner-btn .default-btn span.btn-left-i {
background-color: var(--optionalColor);
color: var(--whiteColor);
}
.child-care-hospital-banner-content .banner-btn .default-btn:hover {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.child-care-hospital-banner-content .banner-btn .default-btn:hover span.btn-right-i {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.child-care-hospital-banner-content .banner-btn .default-btn:hover span.btn-left-i {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.child-care-hospital-banner-left-image {
position: relative;
z-index: 1;
transform: rotate(-9deg);
transition: var(--transition);
padding-left: 30px;
padding-right: 55px;
}
.child-care-hospital-banner-left-image img {
border-radius: 10px;
}
.child-care-hospital-banner-left-image .wrap-shape {
position: absolute;
left: -55px;
bottom: -110px;
z-index: -1;
}
.child-care-hospital-banner-left-image .wrap-shape img {
border-radius: 0;
}
.child-care-hospital-banner-right-image {
position: relative;
z-index: 1;
transform: rotate(9deg);
transition: var(--transition);
padding-left: 55px;
padding-right: 30px;
}
.child-care-hospital-banner-right-image img {
border-radius: 10px;
}
.child-care-hospital-banner-right-image .wrap-shape {
position: absolute;
right: -72px;
bottom: -7px;
z-index: -1;
}
.child-care-hospital-banner-right-image .wrap-shape img {
border-radius: 0;
}
.child-care-hospital-banner-large-shape {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
}
.child-care-hospital-banner-large-shape img {
width: 100%;
} .cch-features-area {
position: relative;
z-index: 1;
margin-top: -205px;
}
.cch-features-card {
text-align: center;
margin-bottom: 25px;
}
.cch-features-card .icon {
display: inline-flex;
align-items: center;
justify-content: center;
height: 185px;
width: 185px;
background-color: var(--optionalColor);
border: 5px solid var(--whiteColor);
border-radius: 100%;
transition: var(--transition);
position: relative;
}
.cch-features-card .icon i {
display: flex;
align-content: center;
justify-content: center;
font-size: 85px;
color: var(--whiteColor);
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.cch-features-card .icon.bg2 {
background-color: var(--additionalColor12);
}
.cch-features-card .icon.bg3 {
background-color: var(--additionalColor11);
}
.cch-features-card .icon.bg4 {
background-color: var(--additionalColor14);
}
.cch-features-card .content {
margin-top: 25px;
}
.cch-features-card .content h3 {
font-size: 22px;
font-weight: 600;
margin-bottom: 15px;
}
.cch-features-card .content h3 a {
color: var(--optionalColor);
}
.cch-features-card .content h3 a:hover {
color: var(--additionalColor12);
}
.cch-features-card .content p {
margin-bottom: 0;
}
.cch-features-card .content .features-btn {
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 500;
color: var(--optionalColor);
margin-top: 35px;
transition: var(--transition);
position: relative;
}
.cch-features-card .content .features-btn .link-text {
position: relative;
margin-right: 0;
display: inline-block;
vertical-align: middle;
text-indent: -120px;
visibility: hidden;
white-space: nowrap;
opacity: 0;
transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
}
.cch-features-card .content .features-btn i {
color: var(--additionalColor12);
font-size: 20px;
display: flex;
transition: var(--transition);
}
.cch-features-card:hover .content .features-btn .link-text {
opacity: 1;
text-indent: 0;
margin-right: 12px;
visibility: visible;
transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, opacity 0.4s ease;
}
.col-xl-3:nth-child(2) .cch-features-card {
margin-top: -85px;
}
.col-xl-3:nth-child(3) .cch-features-card {
margin-top: -85px;
} .cch-about-image {
position: relative;
margin-left: -80px;
margin-right: 70px;
}
.cch-about-image .image-one img {
border-radius: 10px;
}
.cch-about-image .image-two {
margin-bottom: 25px;
}
.cch-about-image .image-two img {
border-radius: 10px;
}
.cch-about-image .image-three img {
border-radius: 10px;
}
.cch-about-image .video-wrap {
position: absolute;
left: 0;
right: 0;
top: 57%;
transform: translateY(-57%);
text-align: center;
}
.cch-about-image .video-wrap img {
animation-name: rotateme;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.cch-about-image .video-wrap .video-btn {
position: absolute;
left: 5px;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.cch-about-image .video-wrap .video-btn img {
animation: unset;
}
.cch-about-content {
position: relative;
}
.cch-about-content .sub {
display: inline-flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
background-color: var(--additionalColor11);
font-size: 15px;
color: var(--optionalColor);
border-radius: 50px;
margin-bottom: 20px;
}
.cch-about-content h2 {
font-size: 42px;
margin-bottom: 15px;
}
.cch-about-content p {
margin-bottom: 30px;
}
.cch-about-content .inner-card {
margin-bottom: 25px;
}
.cch-about-content .inner-card .icon {
margin-bottom: 18px;
}
.cch-about-content .inner-card h3 {
font-size: 18px;
margin-bottom: 12px;
}
.cch-about-content .inner-card p {
margin-bottom: 0;
}
.cch-about-content .about-btn {
margin-top: 35px;
}
.cch-about-content .about-btn .default-btn {
background-color: var(--optionalColor);
color: var(--whiteColor);
}
.cch-about-content .about-btn .default-btn::before {
background-color: var(--optionalColor);
color: var(--whiteColor);
}
.cch-about-content .about-btn .default-btn::after {
background-color: var(--optionalColor);
color: var(--whiteColor);
}
.cch-about-content .about-btn .default-btn:hover {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.cch-about-content .about-btn .default-btn:hover::before {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.cch-about-content .about-btn .default-btn:hover::after {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.cch-about-content .wrap-shape {
position: absolute;
left: -55px;
top: -255px;
} .cch-services-area {
background-color: #F1FAFB;
}
.cch-services-area .section-title .sub {
background-color: var(--additionalColor11);
}
.cch-services-tabs .nav {
display: flex;
justify-content: center;
border: none;
margin-bottom: 40px;
padding-left: 0;
padding-right: 0;
}
.cch-services-tabs .nav .nav-item {
margin-right: 10px;
}
.cch-services-tabs .nav .nav-item:last-child {
margin-right: 0;
}
.cch-services-tabs .nav .nav-item .nav-link {
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 100px;
background-color: var(--whiteColor);
color: var(--optionalColor);
padding: 10px 20px;
transition: var(--transition);
border: 1px solid var(--additionalColor12);
}
.cch-services-tabs .nav .nav-item .nav-link span {
margin-left: 10px;
}
.cch-services-tabs .nav .nav-item .nav-link:hover, .cch-services-tabs .nav .nav-item .nav-link.active {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.cch-services-card {
margin-bottom: 25px;
background-color: var(--whiteColor);
border-radius: 10px;
padding: 17px 17px 0px 17px;
}
.cch-services-card .image {
border-radius: 7px;
overflow: hidden;
}
.cch-services-card .image a img {
border-radius: 7px;
transition: var(--transition);
}
.cch-services-card .content {
padding: 30px 45px 30px 20px;
}
.cch-services-card .content h3 {
font-size: 22px;
margin-bottom: 15px;
}
.cch-services-card .content h3 a {
color: var(--optionalColor);
}
.cch-services-card .content h3 a:hover {
color: var(--additionalColor12);
}
.cch-services-card .content p {
margin-bottom: 22px;
}
.cch-services-card .content .service-btn i {
display: flex;
font-size: 25px;
color: var(--additionalColor12);
transition: var(--transition);
}
.cch-services-card:hover .image a img {
transform: scale(1.1);
}
.cch-services-card:hover .content .service-btn i {
color: var(--additionalColor13);
} .cch-fun-facts-card {
margin-bottom: 25px;
position: relative;
}
.cch-fun-facts-card h3 {
font-size: 48px;
margin-bottom: 10px;
line-height: 1;
}
.cch-fun-facts-card h3.plus {
position: relative;
top: -2.5px;
}
.cch-fun-facts-card p {
margin-bottom: 0;
}
.cch-fun-facts-card::before {
position: absolute;
content: "";
right: 35px;
top: 50%;
transform: translateY(-50%) rotate(30deg);
width: 1px;
height: 70px;
background-color: #E5E5E5;
}
.col-lg-3:nth-child(1) .cch-fun-facts-card h3 {
color: var(--optionalColor);
}
.col-lg-3:nth-child(2) .cch-fun-facts-card h3 {
color: var(--additionalColor12);
}
.col-lg-3:nth-child(3) .cch-fun-facts-card h3 {
color: var(--additionalColor11);
}
.col-lg-3:nth-child(4) .cch-fun-facts-card h3 {
color: var(--additionalColor14);
}
.col-lg-3:nth-child(4) .cch-fun-facts-card::before {
display: none;
} .cch-choose-us-area {
position: relative;
z-index: 11;
}
.cch-choose-us-content .content {
margin-bottom: 50px;
}
.cch-choose-us-content .content .sub {
display: inline-flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
background-color: var(--additionalColor11);
font-size: 15px;
color: var(--optionalColor);
border-radius: 50px;
margin-bottom: 20px;
}
.cch-choose-us-content .content h2 {
font-size: 42px;
margin-bottom: 15px;
}
.cch-choose-us-content .content p {
margin-bottom: 0;
}
.cch-choose-us-content .inner-item {
position: relative;
margin-bottom: 35px;
padding-left: 82px;
}
.cch-choose-us-content .inner-item .icon {
position: absolute;
left: 0;
top: 0;
}
.cch-choose-us-content .inner-item .icon i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 60px;
width: 60px;
line-height: 60px;
background-color: var(--optionalColor);
color: var(--whiteColor);
font-size: 25px;
transition: var(--transition);
border-radius: 50px;
}
.cch-choose-us-content .inner-item .icon.bg2 i {
background-color: var(--additionalColor12);
}
.cch-choose-us-content .inner-item .icon.bg3 i {
background-color: var(--additionalColor11);
}
.cch-choose-us-content .inner-item .icon.bg4 i {
background-color: var(--additionalColor14);
}
.cch-choose-us-content .inner-item h3 {
font-size: 20px;
margin-bottom: 12px;
}
.cch-choose-us-content .inner-item p {
margin-bottom: 0;
}
.cch-choose-us-content .inner-item:last-child {
margin-bottom: 0;
}
.cch-choose-us-content .inner-bottom {
display: flex;
align-items: center;
margin-top: 65px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.cch-choose-us-content .inner-bottom li {
list-style-type: none;
margin-right: 50px;
}
.cch-choose-us-content .inner-bottom li .default-btn {
background-color: var(--optionalColor);
color: var(--whiteColor);
}
.cch-choose-us-content .inner-bottom li .default-btn::before {
background-color: var(--optionalColor);
color: var(--whiteColor);
}
.cch-choose-us-content .inner-bottom li .default-btn::after {
background-color: var(--optionalColor);
color: var(--whiteColor);
}
.cch-choose-us-content .inner-bottom li .default-btn:hover {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.cch-choose-us-content .inner-bottom li .default-btn:hover::before {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.cch-choose-us-content .inner-bottom li .default-btn:hover::after {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.cch-choose-us-content .inner-bottom li .info {
display: flex;
align-items: center;
}
.cch-choose-us-content .inner-bottom li .info .icon i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 55px;
width: 55px;
line-height: 55px;
background-color: var(--additionalColor12);
color: var(--whiteColor);
font-size: 22px;
transition: var(--transition);
border-radius: 50px;
}
.cch-choose-us-content .inner-bottom li .info .title {
margin-left: 15px;
}
.cch-choose-us-content .inner-bottom li .info .title span {
display: block;
font-size: 15px;
margin-bottom: 5px;
color: var(--optionalColor);
}
.cch-choose-us-content .inner-bottom li .info .title a {
color: var(--optionalColor);
font-size: 23.5px;
font-weight: 600;
}
.cch-choose-us-content .inner-bottom li .info .title a:hover {
color: var(--additionalColor11);
}
.cch-choose-us-content .inner-bottom li:last-child {
margin-right: 0;
}
.cch-choose-us-image {
position: relative;
margin-right: -80px;
margin-left: 20px;
}
.cch-choose-us-image img {
border-radius: 10px;
}
.cch-choose-us-image .wrap-shape {
position: absolute;
top: -55px;
left: -280px;
}
.cch-choose-us-shape {
position: absolute;
left: 0;
right: 0;
bottom: -30px;
margin: auto;
text-align: center;
} .cch-patient-story-area {
background-color: var(--additionalColor13);
position: relative;
z-index: 1;
overflow: hidden;
padding-top: 265px;
padding-bottom: 265px;
}
.cch-patient-story-area .section-title .sub {
background-color: var(--additionalColor11);
}
.cch-patient-story-area .section-title h2 {
color: var(--whiteColor);
}
.cch-patient-story-inner {
position: relative;
padding: 55px 100px 0px;
overflow: hidden;
height: 94.5vh;
}
.cch-patient-story-inner .cch-patient-story-slider {
height: 100vh;
}
.cch-patient-story-inner .cch-patient-story-button .story-button-prev {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.cch-patient-story-inner .cch-patient-story-button .story-button-prev i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 50px;
width: 50px;
line-height: 50px;
background-color: var(--additionalColor4);
color: var(--optionalColor);
border-radius: 50px;
font-size: 35px;
transition: var(--transition);
}
.cch-patient-story-inner .cch-patient-story-button .story-button-prev i:hover {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.cch-patient-story-inner .cch-patient-story-button .story-button-next {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.cch-patient-story-inner .cch-patient-story-button .story-button-next i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 50px;
width: 50px;
line-height: 50px;
background-color: var(--additionalColor4);
color: var(--optionalColor);
border-radius: 50px;
font-size: 35px;
transition: var(--transition);
}
.cch-patient-story-inner .cch-patient-story-button .story-button-next i:hover {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.cch-patient-story-inner::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
width: 988px;
height: 602px;
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/child-care-hospital/wrap.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
margin: auto;
}
.cch-patient-story-item {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.cch-patient-story-item img {
border-radius: 10px;
}
.cch-patient-story-item::before {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 10px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.cch-patient-story-item .content {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
padding: 55px 55px 75px;
}
.cch-patient-story-item .content .video .video-btn i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 67px;
width: 67px;
line-height: 67px;
background-color: var(--whiteColor);
color: var(--additionalColor12);
border-radius: 50px;
font-size: 25px;
transition: var(--transition);
}
.cch-patient-story-item .content .title {
margin-left: 25px;
}
.cch-patient-story-item .content .title h3 {
font-size: 25px;
font-weight: 600;
color: var(--whiteColor);
margin-bottom: 0;
}
.cch-patient-story-item .content .title span {
font-size: 15px;
color: var(--whiteColor);
display: block;
margin-top: 12px;
}
.cch-patient-story-item .content:hover .video .video-btn i {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.cch-patient-story-large-shape1 {
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
}
.cch-patient-story-large-shape1 img {
width: 100%;
}
.cch-patient-story-large-shape2 {
position: absolute;
left: 0;
right: 0;
bottom: -1px;
width: 100%;
}
.cch-patient-story-large-shape2 img {
width: 100%;
}
.cch-patient-story-shape1 {
position: absolute;
left: 65px;
top: 190px;
z-index: -1;
}
.cch-patient-story-shape2 {
position: absolute;
right: 70px;
bottom: 120px;
z-index: -1;
} .cch-feedback-area {
position: relative;
z-index: 1;
}
.cch-feedback-image {
padding-right: 45px;
}
.cch-feedback-image img {
border-radius: 10px;
}
.cch-feedback-item .icon {
margin-bottom: 30px;
}
.cch-feedback-item .icon i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 85px;
width: 85px;
line-height: 85px;
background-color: #FFEFE8;
color: var(--additionalColor12);
font-size: 45px;
transition: var(--transition);
border-radius: 50px 50px 0px 50px;
}
.cch-feedback-item .icon i:hover {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.cch-feedback-item h5 {
font-size: 29.5px;
margin-bottom: 0;
font-weight: 400;
line-height: 1.5;
}
.cch-feedback-item h3 {
font-size: 18px;
font-weight: 500;
margin-top: 65px;
margin-bottom: 0;
margin-right: 200px;
}
.cch-feedback-slider {
position: relative;
}
.cch-feedback-slider .cch-feedback-button {
position: absolute;
right: 0;
bottom: 0;
display: flex;
margin-bottom: 0;
z-index: 1;
padding-left: 0;
padding-right: 0;
}
.cch-feedback-slider .cch-feedback-button li {
list-style-type: none;
margin-right: 10px;
}
.cch-feedback-slider .cch-feedback-button li:last-child {
margin-right: 0;
}
.cch-feedback-slider .cch-feedback-button li .feedback-button-prev {
display: inline-flex;
align-items: center;
justify-content: center;
height: 50px;
width: 50px;
line-height: 50px;
background-color: var(--additionalColor4);
color: var(--optionalColor);
text-align: center;
border-radius: 50px;
font-size: 35px;
transition: var(--transition);
position: relative;
}
.cch-feedback-slider .cch-feedback-button li .feedback-button-prev img {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
}
.cch-feedback-slider .cch-feedback-button li .feedback-button-prev:hover {
background-color: var(--additionalColor11);
}
.cch-feedback-slider .cch-feedback-button li .feedback-button-next {
display: inline-flex;
align-items: center;
justify-content: center;
height: 50px;
width: 50px;
line-height: 50px;
background-color: var(--additionalColor4);
color: var(--optionalColor);
text-align: center;
border-radius: 50px;
font-size: 35px;
transition: var(--transition);
position: relative;
}
.cch-feedback-slider .cch-feedback-button li .feedback-button-next img {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
}
.cch-feedback-slider .cch-feedback-button li .feedback-button-next:hover {
background-color: var(--additionalColor11);
}
.cch-feedback-shape1 {
position: absolute;
left: 0;
right: 0;
top: -110px;
margin: auto;
text-align: center;
} .cch-team-area {
background-color: #F1FAFB;
}
.cch-team-area .section-title .sub {
background-color: var(--additionalColor11);
}
.cch-team-card {
margin-bottom: 25px;
}
.cch-team-card .doctor-image a img {
border-radius: 10px;
}
.cch-team-card .doctor-content {
background-color: var(--whiteColor);
padding: 30px;
border-radius: 10px;
position: relative;
top: 0;
transition: var(--transition);
}
.cch-team-card .doctor-content h3 {
font-size: 22px;
margin-bottom: 0;
}
.cch-team-card .doctor-content h3 a {
color: var(--optionalColor);
}
.cch-team-card .doctor-content h3 a:hover {
color: var(--additionalColor11);
}
.cch-team-card .doctor-content span {
display: block;
margin-top: 10px;
}
.cch-team-card .doctor-content .social {
display: flex;
padding-left: 0;
padding-right: 0;
margin-top: 25px;
margin-bottom: 0;
}
.cch-team-card .doctor-content .social li {
list-style-type: none;
margin-right: 7px;
}
.cch-team-card .doctor-content .social li a i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
line-height: 30px;
border: 1px solid #E6ECFF;
border-radius: 50px;
font-size: 15px;
transition: var(--transition);
color: var(--additionalColor12);
}
.cch-team-card .doctor-content .social li a i:hover {
border: 1px solid var(--additionalColor12);
}
.cch-team-card .doctor-content .social li:last-child {
margin-right: 0;
}
.cch-team-card:hover .doctor-content {
top: -25px;
} .blog-area.cch-blog-area .section-title .sub {
background-color: var(--additionalColor11);
}
.blog-area.cch-blog-area .blog-card .blog-content h3 a {
color: var(--optionalColor);
}
.blog-area.cch-blog-area .blog-card .blog-content h3 a:hover {
color: var(--additionalColor11);
}
.cch-blog-btn {
display: flex;
align-items: center;
justify-content: center;
color: var(--optionalColor);
font-size: 15px;
font-weight: 600;
margin-top: 75px;
transition: var(--transition);
}
.cch-blog-btn i {
font-size: 20px;
display: flex;
align-items: center;
margin-left: 8px;
color: var(--additionalColor12);
transition: var(--transition);
}
.cch-blog-btn:hover {
letter-spacing: 1px;
color: var(--additionalColor11);
}
.cch-blog-btn:hover i {
color: var(--additionalColor11);
} .footer-area.cch-footer-area {
background-color: var(--additionalColor13);
border-radius: 0;
padding-top: 270px;
margin-top: 25px;
margin-left: 0;
margin-right: 0;
}
.footer-area.cch-footer-area .single-footer-widget .widget-social li a i {
border: 1px solid #FFF8F4;
color: #FFF8F4;
}
.footer-area.cch-footer-area .single-footer-widget .widget-social li a i:hover {
border: 1px solid var(--additionalColor11);
color: var(--whiteColor);
}
.footer-area.cch-footer-area .single-footer-widget .working-hours-info {
background-color: var(--additionalColor4);
}
.footer-area.cch-footer-area .single-footer-widget .working-hours-info .default-btn {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.footer-area.cch-footer-area .single-footer-widget .working-hours-info .default-btn span.btn-right-i {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.footer-area.cch-footer-area .single-footer-widget .working-hours-info .default-btn span.btn-left-i {
background-color: var(--additionalColor13);
color: var(--whiteColor);
}
.footer-area.cch-footer-area .single-footer-widget .working-hours-info .default-btn:hover {
background-color: var(--additionalColor13);
color: var(--whiteColor);
}
.footer-area.cch-footer-area .single-footer-widget .working-hours-info .default-btn:hover span.btn-right-i {
background-color: var(--additionalColor13);
color: var(--whiteColor);
}
.footer-area.cch-footer-area .single-footer-widget .working-hours-info .default-btn:hover span.btn-left-i {
background-color: var(--additionalColor13);
color: var(--whiteColor);
}
.footer-area.cch-footer-area .footer-shape1 {
left: 20px;
top: 80px;
}
.footer-area.cch-footer-area .footer-shape2 {
right: 20px;
bottom: 120px;
}
.footer-large-shape {
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: -1;
width: 100%;
}
.footer-large-shape img {
width: 100%;
} .oncology-treatment-hospital-slider-area {
background-color: #F5F8FF;
position: relative;
z-index: 1;
overflow: hidden;
padding-top: 30px;
}
.oncology-treatment-hospital-slider-area .container-fluid {
padding-left: 30px;
padding-right: 30px;
}
.oncology-treatment-hospital-slider-item {
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
padding-top: 170px;
padding-bottom: 165px;
}
.oncology-treatment-hospital-slider-item .oth-video-btn {
display: flex;
align-items: center;
position: absolute;
right: 45px;
bottom: 5px;
}
.oncology-treatment-hospital-slider-item .oth-video-btn i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
line-height: 42px;
background-color: var(--whiteColor);
color: var(--additionalColor12);
border-radius: 50px;
margin-right: 15px;
transition: var(--transition);
}
.oncology-treatment-hospital-slider-item .oth-video-btn span {
color: var(--optionalColor);
font-size: 15px;
font-weight: 600;
}
.oncology-treatment-hospital-slider-item .oth-video-btn:hover i {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.oncology-treatment-hospital-slider-content {
max-width: 845px;
padding-left: 30px;
}
.oncology-treatment-hospital-slider-content h1 {
font-size: 65px;
font-weight: 600;
margin-bottom: 10px;
}
.oncology-treatment-hospital-slider-content h1 span {
display: block;
}
.oncology-treatment-hospital-slider-content p {
margin-bottom: 0;
font-size: 18px;
}
.oncology-treatment-hospital-slider-content .slider-btn {
margin-top: 50px;
}
.oncology-treatment-hospital-slider-content .slider-btn .default-btn {
background-color: var(--optionalColor);
color: var(--whiteColor);
}
.oncology-treatment-hospital-slider-content .slider-btn .default-btn span.btn-right-i {
background-color: var(--optionalColor);
color: var(--whiteColor);
}
.oncology-treatment-hospital-slider-content .slider-btn .default-btn span.btn-left-i {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.oncology-treatment-hospital-slider-content .slider-btn .default-btn:hover {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.oncology-treatment-hospital-slider-content .slider-btn .default-btn:hover span.btn-right-i {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.oncology-treatment-hospital-slider-content .slider-btn .default-btn:hover span.btn-left-i {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.oncology-treatment-hospital-slider {
position: relative;
}
.oncology-treatment-hospital-slider .oth-slider-button-prev {
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
font-size: 40px;
z-index: 1;
color: var(--optionalColor);
transition: var(--transition);
}
.oncology-treatment-hospital-slider .oth-slider-button-prev:hover {
color: var(--additionalColor11);
}
.oncology-treatment-hospital-slider .oth-slider-button-next {
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
font-size: 40px;
z-index: 1;
color: var(--optionalColor);
transition: var(--transition);
}
.oncology-treatment-hospital-slider .oth-slider-button-next:hover {
color: var(--additionalColor11);
}
.oth-slider-card {
background-color: var(--additionalColor4);
border-radius: 10px;
padding: 100px 50px 100px;
position: relative;
z-index: 1;
}
.oth-slider-card.bg2 {
background-color: var(--additionalColor3);
}
.oth-slider-card h3 {
font-size: 22px;
font-weight: 600;
margin-bottom: 50px;
line-height: 1.4;
}
.oth-slider-card h3 span {
display: block;
}
.oth-slider-card p {
margin-bottom: 0;
max-width: 405px;
}
.oth-slider-card .arrow {
position: absolute;
top: 45px;
right: 45px;
}
.oth-slider-card .arrow i {
display: flex;
color: var(--optionalColor);
font-size: 27px;
transition: var(--transition);
}
.oth-slider-card .arrow i:hover {
color: var(--additionalColor12);
}
.oth-slider-card .wrap-icon {
position: absolute;
bottom: 57px;
right: 30px;
z-index: -1;
}
.oth-slider-card:hover .arrow i {
font-size: 32px;
}
.oth-slider-corner-card {
margin-top: 25px;
background-color: var(--additionalColor2);
border-radius: 10px;
padding: 85px 40px;
}
.oth-slider-corner-card h3 {
font-size: 22px;
font-weight: 600;
margin-bottom: 40px;
line-height: 1.4;
}
.oth-slider-corner-card h3 span {
display: block;
}
.oth-slider-corner-card .box {
display: flex;
align-items: end;
}
.oth-slider-corner-card .box .image img {
border-radius: 10px;
}
.oth-slider-corner-card .box .content {
margin-left: 20px;
}
.oth-slider-corner-card .box .content h4 {
font-size: 55px;
color: var(--additionalColor12);
font-weight: 400;
margin-bottom: 5px;
}
.oth-slider-corner-card .box .content p {
margin-bottom: 0;
} .oth-services-area .section-title {
max-width: 100%;
text-align: start;
}
.oth-services-area .section-title .sub {
background-color: var(--additionalColor11);
}
.oth-services-item {
position: relative;
overflow: hidden;
border-radius: 15px;
}
.oth-services-item::before {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 15px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
}
.oth-services-item a img {
border-radius: 15px;
}
.oth-services-item .content {
position: absolute;
left: 0;
bottom: 0;
padding: 45px;
}
.oth-services-item .content h3 {
font-size: 25px;
margin-bottom: 0;
}
.oth-services-item .content h3 a {
color: var(--whiteColor);
}
.oth-services-item .content h3 a:hover {
color: var(--additionalColor12);
}
.oth-services-item .content .list {
display: flex;
margin-top: 25px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.oth-services-item .content .list li {
list-style-type: none;
margin-right: 7px;
}
.oth-services-item .content .list li a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 20px;
border: 1px solid var(--whiteColor);
border-radius: 50px;
font-size: 15px;
color: var(--whiteColor);
}
.oth-services-item .content .list li a:hover {
border: 1px solid var(--additionalColor12);
}
.oth-services-item .content .list li:last-child {
margin-right: 0;
}
.oth-services-item .arrow-btn {
position: absolute;
top: 22px;
right: 22px;
}
.oth-services-item .arrow-btn a i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 70px;
width: 70px;
line-height: 70px;
border: 1px solid var(--whiteColor);
color: var(--whiteColor);
text-align: center;
border-radius: 50px;
font-size: 20px;
transition: var(--transition);
}
.oth-services-item:hover .arrow-btn {
position: absolute;
top: 22px;
right: 22px;
}
.oth-services-item:hover .arrow-btn a i {
background-color: var(--additionalColor12);
border: 1px solid var(--additionalColor12);
color: var(--whiteColor);
}
.oth-services-button {
display: flex;
justify-content: end;
margin-bottom: 0;
position: relative;
top: -20px;
padding-left: 0;
padding-right: 0;
}
.oth-services-button li {
list-style-type: none;
margin-right: 15px;
}
.oth-services-button li i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 55px;
width: 55px;
line-height: 55px;
border: 1px solid var(--additionalColor12);
color: var(--additionalColor12);
text-align: center;
border-radius: 50px;
font-size: 20px;
transition: var(--transition);
}
.oth-services-button li i:hover {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.oth-services-button li:last-child {
margin-right: 0;
} .overview-information-card.bg-wrap-three {
background-color: var(--additionalColor2);
} .oth-about-area {
overflow: hidden;
}
.oth-about-image {
position: relative;
margin-left: -80px;
margin-right: 35px;
}
.oth-about-image img {
border-radius: 15px;
}
.oth-about-content {
position: relative;
}
.oth-about-content .sub {
display: inline-flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
background-color: var(--additionalColor11);
font-size: 15px;
color: var(--optionalColor);
border-radius: 50px;
margin-bottom: 20px;
}
.oth-about-content h2 {
font-size: 42px;
margin-bottom: 15px;
}
.oth-about-content .counter-wrap {
border-radius: 15px;
background-color: #F5F8FF;
padding: 30px 40px 15px;
margin-top: 25px;
margin-bottom: 25px;
}
.oth-about-content .counter-wrap .item {
margin-bottom: 15px;
position: relative;
}
.oth-about-content .counter-wrap .item h3 {
font-size: 35px;
font-weight: 500;
line-height: 1;
margin-bottom: 5px;
}
.oth-about-content .counter-wrap .item p {
margin-bottom: 0;
}
.oth-about-content .counter-wrap .item::before {
position: absolute;
content: "";
right: 15px;
top: 0;
background-color: var(--additionalColor2);
width: 1px;
height: 100%;
transform: rotate(20deg);
}
.oth-about-content .counter-wrap .col-lg-4:nth-child(3) .item::before {
display: none;
}
.oth-about-content .about-btn {
margin-top: 30px;
}
.oth-about-content .about-btn .default-btn {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.oth-about-content .about-btn .default-btn span.btn-right-i {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.oth-about-content .about-btn .default-btn span.btn-left-i {
background-color: var(--additionalColor11);
color: var(--whiteColor);
}
.oth-about-content .about-btn .default-btn:hover {
background-color: var(--additionalColor11);
color: var(--whiteColor);
}
.oth-about-content .about-btn .default-btn:hover span.btn-right-i {
background-color: var(--additionalColor11);
color: var(--whiteColor);
}
.oth-about-content .about-btn .default-btn:hover span.btn-left-i {
background-color: var(--additionalColor11);
color: var(--whiteColor);
} .oth-case-studies-area {
background-color: #F5F8FF;
overflow: hidden;
}
.oth-case-studies-area .section-title {
max-width: 100%;
text-align: start;
}
.oth-case-studies-area .section-title .sub {
background-color: var(--additionalColor11);
}
.oth-case-studies-slider {
margin-right: -615px;
}
.oth-case-studies-item {
position: relative;
overflow: hidden;
border-radius: 15px;
}
.oth-case-studies-item::before {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 15px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
}
.oth-case-studies-item a img {
border-radius: 15px;
}
.oth-case-studies-item .content {
position: absolute;
left: 0;
bottom: 0;
padding: 45px;
}
.oth-case-studies-item .content h3 {
font-size: 25px;
margin-bottom: 15px;
}
.oth-case-studies-item .content h3 a {
color: var(--whiteColor);
}
.oth-case-studies-item .content p {
color: var(--whiteColor);
}
.oth-case-studies-button {
display: flex;
justify-content: end;
margin-bottom: 0;
position: relative;
top: -20px;
padding-left: 0;
padding-right: 0;
}
.oth-case-studies-button li {
list-style-type: none;
margin-right: 15px;
}
.oth-case-studies-button li i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 55px;
width: 55px;
line-height: 55px;
border: 1px solid var(--additionalColor12);
color: var(--additionalColor12);
text-align: center;
border-radius: 50px;
font-size: 20px;
transition: var(--transition);
}
.oth-case-studies-button li i:hover {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.oth-case-studies-button li:last-child {
margin-right: 0;
} .doctor-area.oth-doctor-area .section-title .sub {
background-color: var(--additionalColor11);
}
.doctor-area.oth-doctor-area .doctor-slider .swiper-scrollbar .swiper-scrollbar-drag {
background-color: var(--additionalColor11);
} .oth-choose-us-area {
overflow: hidden;
}
.oth-choose-us-content .content {
margin-bottom: 30px;
}
.oth-choose-us-content .content .sub {
display: inline-flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
background-color: var(--additionalColor11);
font-size: 15px;
color: var(--optionalColor);
border-radius: 50px;
margin-bottom: 20px;
}
.oth-choose-us-content .content h2 {
font-size: 42px;
margin-bottom: 15px;
}
.oth-choose-us-content .content p {
margin-bottom: 0;
}
.oth-choose-us-content .inner-items .item {
position: relative;
margin-bottom: 25px;
padding-left: 45px;
}
.oth-choose-us-content .inner-items .item .icon {
position: absolute;
left: 0;
top: 0;
}
.oth-choose-us-content .inner-items .item h3 {
font-size: 20px;
margin-bottom: 12px;
}
.oth-choose-us-content .inner-items .item p {
margin-bottom: 0;
}
.oth-choose-us-content .inner-items .item:last-child {
margin-bottom: 0;
}
.oth-choose-us-content .inner-bottom {
display: flex;
align-items: center;
margin-top: 30px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.oth-choose-us-content .inner-bottom li {
list-style-type: none;
display: flex;
align-items: center;
position: relative;
margin-right: 115px;
}
.oth-choose-us-content .inner-bottom li .title {
margin-left: 20px;
}
.oth-choose-us-content .inner-bottom li .title h5 {
font-size: 42px;
margin-bottom: 0;
}
.oth-choose-us-content .inner-bottom li .title span {
display: block;
margin-top: 5px;
}
.oth-choose-us-content .inner-bottom li::before {
position: absolute;
content: "";
right: -65px;
top: 0;
background-color: var(--additionalColor2);
width: 1px;
height: 100%;
transform: rotate(20deg);
}
.oth-choose-us-content .inner-bottom li:last-child {
margin-right: 0;
}
.oth-choose-us-content .inner-bottom li:last-child::before {
display: none;
}
.oth-choose-us-image {
position: relative;
margin-right: -80px;
margin-left: 20px;
}
.oth-choose-us-image img {
border-radius: 15px;
}
.oth-choose-us-image .quote-card {
border-radius: 30px;
background-color: var(--optionalColor);
padding: 75px 60px;
}
.oth-choose-us-image .quote-card .quote {
margin-bottom: 15px;
}
.oth-choose-us-image .quote-card .quote i {
display: flex;
color: var(--additionalColor12);
font-size: 50px;
}
.oth-choose-us-image .quote-card p {
font-size: 18px;
margin-bottom: 0;
color: var(--whiteColor);
}
.oth-choose-us-image .quote-card .info {
display: flex;
align-items: center;
margin-top: 35px;
}
.oth-choose-us-image .quote-card .info img {
max-width: 50px;
border-radius: 50px;
border: 2px solid var(--whiteColor);
}
.oth-choose-us-image .quote-card .info .title {
margin-left: 15px;
}
.oth-choose-us-image .quote-card .info .title h3 {
font-size: 18px;
letter-spacing: 1.4px;
margin-bottom: 0;
font-weight: 600;
color: var(--whiteColor);
}
.oth-choose-us-image .quote-card .info .title span {
font-size: 15px;
display: block;
margin-top: 8px;
color: var(--whiteColor);
}
.oth-choose-us-image .quote-slider {
position: absolute;
left: 0;
right: 0;
bottom: 0;
max-width: 630px;
}
.oth-choose-us-image .quote-slider .quote-button {
position: absolute;
right: 60px;
bottom: 75px;
display: flex;
margin-bottom: 0;
z-index: 1;
padding-left: 0;
padding-right: 0;
}
.oth-choose-us-image .quote-slider .quote-button li {
list-style-type: none;
margin-right: 10px;
}
.oth-choose-us-image .quote-slider .quote-button li:last-child {
margin-right: 0;
}
.oth-choose-us-image .quote-slider .quote-button li i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 35px;
width: 35px;
line-height: 35px;
background-color: var(--whiteColor);
color: var(--optionalColor);
text-align: center;
border-radius: 50px;
font-size: 22px;
transition: var(--transition);
}
.oth-choose-us-image .quote-slider .quote-button li i:hover {
background-color: var(--additionalColor12);
color: var(--whiteColor);
} .oth-video-area {
background-image: url(//iheal.com.ua/wp-content/themes/mavis/assets/img/oncology-treatment-hospital/video-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
z-index: 1;
overflow: hidden;
padding-top: 350px;
padding-bottom: 65px;
}
.oth-video-area::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, 0.16);
z-index: -1;
}
.oth-video-btn {
text-align: center;
}
.oth-video-btn a {
display: inline-flex;
justify-content: center;
align-items: center;
height: 145px;
width: 145px;
border: 1px solid var(--whiteColor);
text-align: center;
border-radius: 50%;
font-size: 30px;
transition: var(--transition);
margin: auto;
position: relative;
}
.oth-video-btn a img {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
}
.oth-video-btn a:hover {
background-color: var(--additionalColor12);
border: 1px solid var(--additionalColor12);
}
.oth-video-inner {
margin-top: 80px;
}
.oth-video-content {
background-color: var(--additionalColor4);
border-radius: 15px;
padding: 50px;
max-width: 550px;
}
.oth-video-content h3 {
font-weight: 600;
font-size: 25px;
margin-bottom: 15px;
}
.oth-video-content p {
margin-bottom: 35px;
}
.oth-video-content .default-btn {
background-color: var(--optionalColor);
color: var(--whiteColor);
}
.oth-video-content .default-btn span.btn-right-i {
background-color: var(--optionalColor);
color: var(--whiteColor);
}
.oth-video-content .default-btn span.btn-left-i {
background-color: var(--additionalColor11);
color: var(--whiteColor);
}
.oth-video-content .default-btn:hover {
background-color: var(--additionalColor11);
color: var(--whiteColor);
}
.oth-video-content .default-btn:hover span.btn-right-i {
background-color: var(--additionalColor11);
color: var(--whiteColor);
}
.oth-video-content .default-btn:hover span.btn-left-i {
background-color: var(--additionalColor11);
color: var(--whiteColor);
}
.oth-video-info {
display: inline-flex;
align-items: center;
border-radius: 100px;
border: 1px solid rgba(255, 255, 255, 0.01);
background: rgba(255, 255, 255, 0.53);
backdrop-filter: blur(1.2000000477px);
padding: 15px 25px;
text-align: start;
}
.oth-video-info .icon i {
display: inline-flex;
align-items: center;
justify-content: center;
height: 55px;
width: 55px;
line-height: 55px;
background-color: var(--additionalColor12);
color: var(--whiteColor);
font-size: 22px;
transition: var(--transition);
border-radius: 50px;
}
.oth-video-info .title {
margin-left: 15px;
}
.oth-video-info .title span {
display: block;
font-size: 15px;
margin-bottom: 5px;
color: var(--optionalColor);
}
.oth-video-info .title a {
color: var(--optionalColor);
font-size: 23.5px;
font-weight: 600;
}
.oth-video-info .title a:hover {
color: var(--additionalColor11);
}
.oth-video-info:hover .icon i {
background-color: var(--additionalColor13);
} .blog-area.oth-blog-area .section-title .sub {
background-color: var(--additionalColor11);
}
.blog-card.oth-blog .blog-image {
border-radius: 15px;
}
.blog-card.oth-blog .blog-image a img {
border-radius: 15px;
}
.blog-card.oth-blog .blog-content {
border-radius: 15px;
border-right: 1px solid #E6ECFF;
border-bottom: 1px solid #E6ECFF;
border-left: 1px solid #E6ECFF;
padding: 45px;
}
.blog-card.oth-blog .blog-content h3 a {
color: var(--optionalColor);
}
.blog-card.oth-blog .blog-content h3 a:hover {
color: var(--additionalColor11);
} .partner-area.oth-partner-area {
border-radius: 25px;
background-color: #F5F8FF;
margin-bottom: 10px;
}
.partner-area.oth-partner-area .col {
flex: 0 0 auto;
width: 20%;
} .footer-area.oth-footer-area {
border-radius: 25px;
margin-left: 0;
margin-right: 0;
}
.footer-area.oth-footer-area .single-footer-widget .working-hours-info {
background-color: var(--additionalColor4);
}
.footer-area.oth-footer-area .single-footer-widget .working-hours-info .default-btn {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.footer-area.oth-footer-area .single-footer-widget .working-hours-info .default-btn span.btn-right-i {
background-color: var(--additionalColor12);
color: var(--whiteColor);
}
.footer-area.oth-footer-area .single-footer-widget .working-hours-info .default-btn span.btn-left-i {
background-color: var(--additionalColor13);
color: var(--whiteColor);
}
.footer-area.oth-footer-area .single-footer-widget .working-hours-info .default-btn:hover {
background-color: var(--additionalColor13);
color: var(--whiteColor);
}
.footer-area.oth-footer-area .single-footer-widget .working-hours-info .default-btn:hover span.btn-right-i {
background-color: var(--additionalColor13);
color: var(--whiteColor);
}
.footer-area.oth-footer-area .single-footer-widget .working-hours-info .default-btn:hover span.btn-left-i {
background-color: var(--additionalColor13);
color: var(--whiteColor);
}
.footer-area.oth-footer-area .footer-shape1 {
left: 20px;
top: 80px;
}
.footer-area.oth-footer-area .footer-shape2 {
right: 20px;
bottom: 120px;
}
.single-footer-widget .quick-links li {
list-style-type: none;
}
.cch-services-tabs .nav .nav-item {
list-style: none;
}
.color-black {
color: var(---optionalColor);
}
a.color-black:hover {
color: var(---additionalColor11);
}
.doctor-tabs .nav {
list-style: none;
}
nav.navbar.navbar-expand-xl.child-care-hospital-navbar ul#menu-main-menu {
margin: auto !important;
}
.child-care-hospital-navbar .others-option .option-item .default-btn .btn-right-i {
background-color: var(--additionalColor12);
}
.child-care-hospital-navbar .others-option .option-item .default-btn:hover .btn-left-i {
background-color: var(--additionalColor13);
color: #ffffff;
} .mavis-appointment-area {
position: relative;
} .mavis-appointment-area .appointment-form-inner {
position: relative;
z-index: 1;
background: #ffffff;
padding: 50px;
border-radius: 16px;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
} .mavis-appointment-area .content {
margin-bottom: 35px;
}
.mavis-appointment-area .content h2 {
font-size: 36px;
font-weight: 700;
color: #0d1b2a;
margin-bottom: 10px;
}
.mavis-appointment-area .content p {
font-size: 16px;
color: #6b7280;
max-width: 600px;
} .mavis-appointment-area .form-group {
width: 100%;
}
.mavis-appointment-area label {
font-size: 14px;
font-weight: 600;
color: #374151;
margin-bottom: 6px;
display: inline-block;
} .mavis-appointment-area .form-control,
.mavis-appointment-area .form-select {
height: 50px;
padding: 10px 14px;
font-size: 14px;
border-radius: 8px;
border: 1px solid #e5e7eb;
background-color: #ffffff;
transition: all 0.3s ease;
}
.mavis-appointment-area textarea.form-control {
height: auto;
resize: none;
}
.mavis-appointment-area .form-control:focus,
.mavis-appointment-area .form-select:focus {
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15);
} .mavis-appointment-area .form-check {
display: flex;
align-items: flex-start;
gap: 10px;
}
.mavis-appointment-area .form-check-input {
margin-top: 4px;
}
.mavis-appointment-area .form-check-label {
font-size: 14px;
color: #4b5563;
} .mavis-appointment-area .mavis-book-appointment-message {
margin-bottom: 20px;
font-size: 14px;
}  @media (max-width: 991px) {
.mavis-appointment-area {
padding: 80px 0;
}
.mavis-appointment-area .appointment-form-inner {
padding: 35px;
}
.mavis-appointment-area .content h2 {
font-size: 30px;
}
} @media (max-width: 767px) {
.mavis-appointment-area {
padding: 60px 0;
}
.mavis-appointment-area .appointment-form-inner {
padding: 25px;
}
.mavis-appointment-area .content h2 {
font-size: 26px;
}
} .mavis-appointment-area .mavis-book-appointment-message {
margin-bottom: 20px;
padding: 14px 18px;
border-radius: 10px;
font-size: 14px;
font-weight: 500;
display: none;
} .mavis-appointment-area .mavis-book-appointment-message.is-success {
display: flex;
align-items: center;
gap: 10px;
color: #0f5132;
background: #d1e7dd;
border: 1px solid #badbcc;
} .mavis-appointment-area .mavis-book-appointment-message.is-success::before {
content: "✓";
width: 22px;
height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
color: #ffffff;
background: #198754;
border-radius: 50%;
} .mavis-appointment-area .default-btn {
margin-top: 25px;
padding: 14px 34px;
border: none;
}
.profile-btn.default-btn {
margin-top: 25px;
padding: 14px 34px;
border: none;
} .profile-authentication-area {
position: relative;
} .profile-authentication-area .profile-authentication-inner {
position: relative;
z-index: 1;
max-width: 520px;
margin: 0 auto;
padding: 50px;
background: #fafafa;
background: #ffffff;
padding: 50px;
border-radius: 16px;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
} .profile-authentication-area .content {
text-align: center;
margin-bottom: 35px;
}
.profile-authentication-area .content h3 {
font-size: 30px;
font-weight: 700;
color: #0d1b2a;
margin-bottom: 10px;
}
.profile-authentication-area .content p {
font-size: 15px;
color: #6b7280;
} .profile-authentication-area .form-group {
margin-bottom: 18px;
}
.profile-authentication-area label {
font-size: 14px;
font-weight: 600;
color: #374151;
margin-bottom: 6px;
display: inline-block;
}
.profile-authentication-area label span {
font-weight: 400;
color: #9ca3af;
} .profile-authentication-area .form-control {
height: 50px;
padding: 12px 14px;
font-size: 14px;
border-radius: 10px;
border: 1px solid #e5e7eb;
transition: all 0.3s ease;
}
.profile-authentication-area .form-control:focus {
border-color: #007bff;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15);
} .profile-authentication-area .options {
margin: 20px 0;
}
.profile-authentication-area .options label {
display: flex;
gap: 10px;
font-size: 14px;
color: #4b5563;
}
.profile-authentication-area .options input[type=checkbox] {
margin-top: 4px;
}
.profile-authentication-area .options a {
color: #007bff;
text-decoration: underline;
} .profile-authentication-area .authentication-btn {
margin-top: 25px;
}
.profile-authentication-area .default-btn {
width: auto;
font-size: 16px;
font-weight: 600;
border-radius: 50px;
color: #000;
border: none;
cursor: pointer;
transition: all 0.35s ease;
}
.profile-authentication-area .default-btn:hover {
transform: translateY(-2px);
box-shadow: 0 12px 30px rgba(0, 123, 255, 0.35);
} .profile-authentication-area .mavis-register-message {
margin-bottom: 20px;
padding: 12px 16px;
border-radius: 10px;
font-size: 14px;
display: none;
} .profile-authentication-area .mavis-register-message.is-success {
display: flex;
align-items: center;
gap: 10px;
background: #d1e7dd;
color: #0f5132;
border: 1px solid #badbcc;
} .profile-authentication-area .mavis-register-message.is-error {
display: flex;
align-items: center;
gap: 10px;
background: #f8d7da;
color: #842029;
border: 1px solid #f5c2c7;
} .profile-authentication-area .bottom-text {
margin-top: 30px;
text-align: center;
font-size: 14px;
color: #6b7280;
}
.profile-authentication-area .bottom-text a {
font-weight: 600;
color: #007bff;
}
.mavis-profile-card .nav-tabs li {
list-style-type: none;
}
.mavis-profile-card .nav-tabs .nav-link {
color: var(--mainColor);
} @media (max-width: 991px) {
.profile-authentication-area {
padding: 100px 0;
}
.profile-authentication-area .profile-authentication-inner {
padding: 40px;
}
}
@media (max-width: 575px) {
.profile-authentication-area {
padding: 80px 0;
}
.profile-authentication-area .profile-authentication-inner {
padding: 30px 20px;
}
.profile-authentication-area .content h3 {
font-size: 26px;
}
}