html {
scroll-behavior: smooth;
}
.hero-slider-bg {
transform: scalex(-1);
}
.doctors-with-testimonial {
padding-bottom: 30px;
padding-top: 80px;
}
.wcu-with-doctors .team-page.doctors-section {
padding-top: 60px;
padding-bottom: 60px;
margin-top: 0px;
}
.contact-info-wrapper {
padding: 40px;
}
.contact-info-wrapper.wrapper-2 {
background-color: var(--color-primary);
}
.service-sidebar {
position: sticky;
top: 100px;
}
.service-details-wrapper .check-list {
max-width: 100%;
}
.appointment-form {
position: relative;
background-image: url(../img/blog/cta-widget.jpg);
position: relative;
z-index: 1;
background-size: cover;
background-position: center;
line-height: 1.8;
color: var(--color-white);
}
.appointment-form:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#2e279d),
color-stop(71%, rgba(37, 33, 87, 0.5)),
to(rgba(33, 30, 59, 0))
);
background-image: -o-linear-gradient(
left,
#2e279d 0%,
rgba(37, 33, 87, 0.5) 71%,
rgba(33, 30, 59, 0) 100%
);
background-image: linear-gradient(
90deg,
#2e279d 0%,
rgba(37, 33, 87, 0.5) 71%,
rgba(33, 30, 59, 0) 100%
);
}
.page-title-area {
background: url(../img/section-bg/page-title.jpg);
background-size: cover;
}
.page-title-area:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#2e279d),
color-stop(71%, rgba(37, 33, 87, 0.5)),
to(rgba(33, 30, 59, 0))
);
background-image: -o-linear-gradient(
left,
#2e279d 0%,
rgba(37, 33, 87, 0.5) 71%,
rgba(33, 30, 59, 0) 100%
);
background-image: linear-gradient(
90deg,
#2e279d 0%,
rgba(37, 33, 87, 0.5) 71%,
rgba(33, 30, 59, 0) 100%
);
}
.contact-info-wrapper ul li span {
width: 15%;
position: relative;
font-weight: 500;
}
.doctor-box-one .doctor-information .social-links {
display: none !important;
opacity: 0;
}
.doctor-details-wrapper .doctor-info-box .doctor-photo img {
width: 100%;
}
.hero-slider-one .single-hero-slider .slider-content-box {
padding: 30px;
background-color: #ffffffeb;
}
.hero-slider-one .single-hero-slider {
padding: 250px 0 50px;
}
.tile-gallery .image-one {
z-index: 4;
}
.iconic-box-two .title {
font-size: 21px;
}
.fancy-content-box .box-content {
min-height: 143px;
}
.doctor-box-one .doctor-information .specialty,
.doctor-details-wrapper .doctor-info-box .doctor-description .specialty {
color: #fff;
padding: 6px 15px;
text-transform: uppercase;
background: var(--color-secondary);
border-radius: 20px;
margin-top: 5px;
font-size: 12px;
}
.doctor-details-wrapper
.doctor-info-box
.doctor-description
.specialty:nth-child(even),
.doctor-box-one .doctor-information .specialty:nth-child(even) {
background-color: #2e279d;
}
.doctor-details-wrapper
.doctor-info-box
.doctor-description
.description-header {
margin-bottom: 15px;
}
.partner-logo-box a {
height: auto;
padding: 10px;
}
.partner-logo-box a img {
width: 100px;
}
.iconic-box-two:hover .icon img {
filter: brightness(0) invert(1);
}
.section-heading .title {
font-size: 36px;
}
.template-footer .footer-widgets .widget.text-widget .contact-list li {
font-size: 15px;
}
.seeva-video::before {
opacity: 0;
}
.video-with-content .video-content {
padding-left: 0;
}
.enpanel.accordion-item .accordion-header h6::after,
.enpanel.accordion-item .accordion-header h6::before,
.enpanel.accordion-item .accordion-header h6::after {
content: "\f105";
}
.template-footer-white .footer-widgets .widget .contact-list a {
position: relative;
padding-left: 30px;
}
.template-footer .footer-widgets .widget.text-widget .contact-list li i {
position: absolute;
left: 0;
top: 0;
color: #fff;
}
.doctor-details-wrapper .doctor-info-box .doctor-description {
width: 100%;
}
.doctor-details-wrapper .doctor-info-box {
margin-bottom: 50px;
}
.contact-info-wrapper .social-icon i {
font-size: 36px;
}
.site-logo a img,
.canvas-logo img {
width: 200px;
}
.skew {
transform: scalex(-1);
}
.template-header .navbar-toggler span:nth-child(2) {
width: 80%;
background-color: #000000;
}
.mobile {
display: none;
}
.mobile-top-header {
display: none;
}
desktop-top-header {
display: block;
}
.btn-quick-callcta, .fixed-cta{
display:none;
}
@media screen and (max-width: 768px) {
.fixed-cta{
display:block;
position:fixed;
bottom:0;
left:0;
width:100%;
z-index: 1;
}
.fixed-cta ul {
display: flex;
}
.fixed-cta ul li {
display: inline-block;
width: 50%;
margin: 0;
background: #499AFA;
text-align: center;
font-size: 16px;
}
.fixed-cta ul li:first-child{
background:#2E279D;
}
.fixed-cta ul li a {
width: 100%;
min-height: 100%;
display: block;
padding: 10px 20px;
color: #fff;
}
.btn-quick-callcta {
position: fixed;
bottom: 70px;
left: 30px;
padding: 15px 32px;
background: #ccc;
display: block;
font-size: 14px;
z-index: 99;
color: #000;
font-weight: 500;
border-radius: 50px;
}
.btn-quick-callcta .img {
display: inline-block;
background: #fff;
border-radius: 100px;
padding: 2px;
margin-right: 10px;
width: 40px;
height: 40px;
text-align: center;
position: absolute;
left: -16px;
top: 8px;
animation: shake 2s;
animation-iteration-count: infinite;
}
.btn-quick-callcta .call-txt {
position: absolute;
display: inline-block;
top: -14px;
background: #2e279d;
color: #fff;
padding: 6px 10px;
font-size: 10px;
border-radius: 6px;
left: 42px;
text-align: center;
width: 90px;
border-bottom: 2px solid;
}
@keyframes shake {
0% {
transform: scale(1, 1) translateY(0);
}
10% {
transform: scale(1.1, 0.9) translateY(0);
}
30% {
transform: scale(0.9, 1.1) translateY(-5px);
}
32% {
transform: scale(1.2) translateY(-5px);
}
35%,
40% {
transform: scale(1.2) translateY(-5px) rotate(-20deg);
}
45%,
50% {
transform: scale(1.2) translateY(-5px) rotate(20deg);
}
60% {
transform: scale(1.05, 0.95) translateY(0);
}
70% {
transform: scale(1.05, 0.95) translateY(0);
}
80% {
transform: scale(1, 1) translateY(-3px);
}
95% {
transform: scale(1, 1) translateY(0);
}
100% {
transform: scale(1, 1) translateY(0);
}
}
.template-footer .footer-widgets .widget.text-widget .contact-list li i {
top: 3px;
}
.simple-icon .icon img {
width: 35% !important;
}
.doctors-section.order-1 .doctor-info-box .doctor-description {
order: 1;
}
.page-title-area {
padding: 80px 0;
}
.contact-info-wrapper {
margin-bottom: 10px;
}
.hero-slider-one .single-hero-slider .slider-content-box .title {
font-size: 28px;
}
.tile-gallery .image-three,
.tile-gallery .image-two {
display: none;
}
.tile-gallery .image-one {
max-width: 100%;
max-height: 300px;
overflow: hidden;
object-fit: cover;
width: 100%;
position: relative;
right: 0;
}
.tile-gallery {
min-height: 300px;
}
.about-row .col-sm-6 {
width: 50%;
}
.about-row .col-sm-6 .simple-icon {
text-align: center;
margin-top: 20px;
}
.section-heading .title {
font-size: 28px;
line-height: 1.6;
}
.section-heading.text-center.mb-40 {
margin-bottom: 20px;
}
.section-gap {
padding: 30px 0 40px;
}
.iconic-box-two.mt-30 {
margin-top: 10px;
padding: 20px;
}
.iconic-box-two .icon {
margin-bottom: 15px;
width: 64px;
height: 64px;
}
.iconic-box-two .icon img {
width: 60%;
}
.section-gap-100,
.section-gap-80 {
padding-top: 30px;
padding-bottom: 30px;
}
.fancy-content-box .box-content {
min-height: auto;
padding: 20px 30px;
}
.video-with-content .seeva-video {
height: 300px;
}
.video-with-content {
padding-top: 340px;
padding-bottom: 60px;
}
.doctors-with-testimonial .doctors-section {
padding-bottom: 40px;
}
.section-heading.text-center.mb-50,
.mb-30,
.section-heading.mb-60 {
margin-bottom: 20px;
}
.hero-slider-one .single-hero-slider {
padding: 50px 0 50px;
}
.bordered-icon-wrapper {
padding-bottom: 20px;
margin-bottom: 0;
}
.contact-form .input-field {
margin-bottom: 20px;
}
.template-header .navbar-toggler {
border: none;
}
.template-header .navbar-toggler span {
background-color: var(--color-secondary);
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
width: 95%;
}
.mobile {
display: block;
}
.hero-slider-one .single-hero-slider .slider-content-box {
padding: 30px;
background-color: transparent;
}
.hero-slider-one .single-hero-slider .slider-content-box .title {
color: #fff;
margin-bottom: 10px;
}
.hero-slider-one .single-hero-slider .slider-content-box p {
color: #fff;
}
.site-logo a img,
.canvas-logo img,
.footer-logo img {
width: 150px;
}
.hero-slider-one .single-hero-slider .slider-content-box {
display: none;
}
.hero-slider-one .single-hero-slider {
height: 400px;
}
.mobile .slider-content-box {
padding: 20px 30px;
background: #fff;
/* box-shadow: 1px 0px 7px 0px #0003; */
}
.mobile .slider-content-box h1 {
font-size: 28px;
padding-bottom: 10px;
color: #2e279d;
font-weight: 600;
}
.mobile .slider-content-box p {
padding-bottom: 15px;
}
.mobile .mobile-slider-content {
margin-top: -100px;
}
.cta-section.bg-size-cover .template-btn-white {
padding: 15px 20px;
font-size: 16px;
border-radius: 0px;
}
.cta-buttons.mt-md-40 {
margin-top: 20px;
}
.template-footer .footer-widgets .widget {
margin-bottom: 30px;
}
.template-footer .footer-widgets .widget-title {
margin-bottom: 10px;
}
.template-footer .footer-widgets {
padding-top: 30px;
/* padding-bottom: 30px; */
}
.accordion-style-two .accordion-item .accordion-header h6 {
font-size: 15px;
}
.doctor-box-one .doctor-information .specialty,
.doctor-details-wrapper .doctor-info-box .doctor-description .specialty {
font-size: 14px;
}
.doctor-details-wrapper .doctor-info-box .doctor-description {
padding: 30px;
}
.doctor-details-wrapper .doctor-info-box .doctor-description .name {
font-size: 24px;
}
.simple-icon .title {
font-size: 16px;
}
.doctors-with-testimonial,
.doctors-with-testimonial .doctors-section.pnhd-0 {
padding-bottom: 0;
}
.contact-info-wrapper ul li a {
margin-top: 0;
}
.contact-info-wrapper ul li {
flex-direction: row;
}
.contact-form .text-center {
text-align: left !important;
}
.faq-image {
max-height: 300px;
overflow: hidden;
margin-bottom: 20px;
}
.mobile-top-header {
display: block;
}
desktop-top-header {
display: none;
}
.template-header .header-topbar .contact-info {
margin-top: 0;
}
.template-header .header-topbar .contact-info li {
padding-left: 0;
}
.template-header .header-topbar .topbar-menu li {
padding-left: 0;
padding-right: 0;
}
.template-header .header-topbar .topbar-menu li::before {
display: none;
}
.doctors-section
.container
.row.justify-content-between.align-items-center.mb-70 {
margin-bottom: 30px;
}
.section-heading .tagline {
margin-bottom: 0;
}
.footer-inner.bg-color-primary {
padding-top: 30px;
}
}
.template-header .navbar-toggler span:nth-child(1),
.template-header .navbar-toggler span:nth-child(3) {
background-color: #0086c4;
}
.template-header .navbar-toggler {
border: none;
}
.page-title-area.page-title-bg::before {
opacity: 0.6;
}
textarea, input, select, .nice-select{
border: 1px solid #000;
}
@media (max-width:600px){
.contact-form .input-field label{
display: none;
}
}