@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body{
font-family: 'Poppins', sans-serif;
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1280px;
}
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
a{
color:#000;
}
a:hover {
text-decoration: none;
}
ul{
list-style-type:none;
margin-bottom:0;
} .main-menu ul {
display: flex;
column-gap: 24px;
}
.about-section-even {
background: #eee;
}
.home-slider-content-wrap {
bottom: 20%;
left: 45%;
}
.inner-banner {
height: 800px !important;
background-size: cover;
background-repeat: no-repeat;
position: relative;
background-position: center;
}
.inner-banner:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: transparent;
left: 0;
top: 0;
}
.inner-page-content {
position: relative;
z-index: 9;
}
.contact-details-icon svg {
width: 80px;
height: 80px;
fill: var(--c1);
}
.card-description p:last-of-type {
margin-bottom: 0;
}
.card-image a {
height: 280px;
}
.object-fit-cover {
object-fit: cover;
}
.error-svg svg {
width: 60%;
height: 600px;
}
.card-link.collapsed i {
transform: rotate(0deg);
}
.card-link i {
transform: rotate(180deg);
}
#accordion .card-header {
background: var(--c1);
}
#accordion .card-header a {
color: #fff;
}
.card-body p:last-child {
margin-bottom: 0;
}
.custom-theme-search-result-content {
flex: 1;
}
.search-submit {
right: 0;
top: 0;
}
.alignleft {
float: left;
margin-right: 15px;
}
.alignright {
float: right;
margin-left: 15px;
}
.btn.btn-primary {
background: var(--c1);
} .comment-author a {
font-size: 20px;
font-weight: 700;
color: #000;
text-transform: capitalize;
}
.comment-author img {
position: absolute;
width: 80px;
height: 80px;
border-radius: 100px;
left: 14px;
}
.comment-body {
position: relative;
padding-left: 118px;
}
.comment-meta a {
font-size: 15px;
color: #909090;
}
.comment-meta {
margin-bottom: 12px;
}
.comment-body p {
font-size: 15px;
}
.reply a {
color: #fff;
padding: 7px 24px;
border-radius: 28px;
margin: 10px 0;
display: inline-block;
background: linear-gradient(250deg, var(--c1) 19%, var(--c1) 100%);
}
.comments-title {
font-size: 25px;
margin-bottom: 48px;
}
.comment-list {
border-bottom: 1px solid #d6cece;
margin: 22px 0;
padding-bottom: 18px;
}
#reply-title {
font-size: 25px;
margin: 0;
}
#respond :is(input[type="text"],input[type="email"]) {
width: 100%;
}
#respond :is(.comment-form-author,.comment-form-email) {
width: 49%;
float: left;
}
#respond .comment-form-author {
margin-right: 14px;
}
#respond :is(input[type="text"],input[type="email"],textarea) {
border: 1px solid #dedede;
padding: 6px 7px;
}
#respond textarea {
height: 194px;
}
.comment-notes {
margin-top: 20px;
}
#commentform a {
color: #000;
text-decoration: underline;
margin: 12px 0px;
display: inline-block;
}
.comment-form-comment label {
display: block;
font-weight: 600;
color: #000;
font-style: italic;
}
.comment-form-comment textarea {
width: 100%;
}
.comment-form-comment input#submit {
background: var(--gradient);
border: none;
padding: 11px 21px;
color: #fff;
margin: 6px 11px;
border-radius: 26px;
}
.form-submit input#submit {
background: linear-gradient(250deg, var(--c1) 19%, var(--c1) 100%);
border: none;
padding: 9px 22px;
color: #fff;
border-radius: 100px;
}
.comment::marker {
content: "";
}
.comment ul.children > li {
margin-left: 35px;
margin-top: 13px;
}
.comment ul.children > li .comment-body {
background: #eee;
padding: 16px;
border-radius: 10px;
padding-left: 112px;
}
.commentlist {
margin-top: 20px;
} .nav-links .nav-previous a {
text-decoration: underline;
}
.navigation.post-navigation .nav-links {
display: flex;
justify-content: space-between;
}
.sidebar-recent-posts .media-body a {
color: #000000;
}
.custom-theme-single-post .custom-theme-post-image {
height: 277px;
}
.btn-1:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
color: #fff;
right: 0;
background: #fff;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.btn-1 {
padding: 10px 20px;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgb(0 0 0 / 0%);
position: relative;
background: var(--c1);
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.btn-1:hover:before {
transform: scaleY(0);
}
.btn-1:hover {
color: #fff;
} .blogs-item .custom-theme-post-item .custom-theme-post-image {
flex: 1.4;
}
.blogs-item .custom-theme-post-item .custom-theme-post-content {
flex: 2;
padding-left: 25px;
}
.custom-theme-post-title a, .custom-theme-post-title {
color: black;
font-size: 45px;
font-weight: 500;
margin-bottom: 30px;
margin-top: 30px;
text-align: center;
}
.categories .post-categories li a {
color: #818181;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
display: flex;
column-gap: 10px;
position: relative;
}
.categories .post-categories {padding-left: 13px;margin-bottom: 5px;display: flex;column-gap: 23px;}
.categories .post-categories li a:before {
width: 7px;
height: 7px;
background: var(--c1);
position: absolute;
content:"";
border-radius:100px;
left: -12px;
top: 6px;
}
.post-meta span {
color: #818181;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
position: relative;
}
.post-meta {
display: flex;
column-gap: 24px;
margin-top: 12px;
}
.post-meta span:nth-child(n+2):before {
position: absolute;
content: "";
left: -14px;
top: 8px;
width: 4px;
height: 4px;
background: #818181;
border-radius: 100px;
}
.custom-theme-post-title a:hover {
color: var(--c1);
}
.single-meta {
display: flex;
align-items: center;
justify-content: space-between;
}
.single-meta .post-meta {
margin-top: 0;
}
.custom-theme-post-description p:first-of-type > img {
width: 100%;
margin-top: 14px;
height: auto;
}
.single-meta .post-categories {
margin-bottom: 0;
} ::-webkit-scrollbar {
width: 6px;
} ::-webkit-scrollbar-thumb {
background: #222; 
border-radius: 0;
} ::-webkit-scrollbar-thumb:hover {
background: var(--c1); 
}
::selection {
color: #fff;
background: var(--c1);
}
.servicess-box .services-item {position: relative;}
.custom-theme-post-description a i {
vertical-align: middle;
margin-left: 12px;
}
.service-btn i {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.service-btn {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgb(0 0 0 / 0%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.service-btn:hover i {
-webkit-animation-name: hvr-icon-wobble-horizontal;
animation-name: hvr-icon-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
webkit-transform: translateZ(0);
transform: translateZ(0);
}
@keyframes hvr-icon-wobble-horizontal {
16.25%   {    
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3%  {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);}
66.6%  {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);}
83.25% {    
-webkit-transform: translateX(1px);
transform: translateX(1px);}
100%{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.scale {
position: relative;
overflow: hidden;
}
.scale:hover img {
transform: scale(1.2) rotate(6deg);
}
.scale img {
transition: .6s all;
}
#preloader {
position: fixed;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
z-index: 99999;
}
#preloader .spinner-border {
animation: 2s linear infinite spinner-border;
width: 4rem;
height: 4rem;
border: .5em solid var(--c1);
border-right-color: transparent;
background: #eee;
} .mobile-menu-btn .mobile-menu-icon .menu-line {
height: 2px;
margin: 5px 0;
border-radius: 24px;
transition: .5s;
background: #000;
}
.mobile-menu-btn .mobile-menu-icon .menu-line.one {
width: 40px;
}
.mobile-menu-btn .mobile-menu-icon .menu-line.two {
width: 20px;
}
.mobile-menu-btn .mobile-menu-icon .menu-line.three {
width: 30px;
}
.mobile-menu-btn:hover .menu-line {
width: 40px !important;
}
.mobile-menu-btn {
cursor: pointer;
}
section.responsive-menu {
height: 100vh;
top: 0;
right: -31%;
padding: 20px 30px 0 30px;
width: 30%;
position: fixed;
background: rgb(0 0 0 / 62%);
backdrop-filter: blur(20px);
transition: all 1s ease-in-out;
z-index: 9999;
}
.menu-icon {
align-items: center;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #ffffff7d;
padding-bottom: 20px;
}
.menu-icon .menu-logo {
width: 65%;
padding-right: 20px;
}
.menu-close i {
font-size: 25px;
color: #fff;
cursor: pointer;
}
.mobile-menu ul li {
text-align: right;
padding-bottom: 15px;
}
.mobile-menu ul li a {
color: #fff;
transition: all .2s;
border-bottom: 2px solid transparent;
}
.mobile-menu {
padding-top: 40px;
padding-right: 20px;
}
.responsive-bottom {
position: absolute;
bottom: 10px;
width: 100%;
left: 0;
}
.responsive-social ul {
display: flex;
column-gap: 12px;
justify-content: center;
}
.responsive-social ul li a {
color: #fff;
}
section.responsive-menu.active {
right: 0;
} a.menu-logo .menu-title img {
width: 100%;
}
.service-page-menu ul.menu-style-01 li a {
background: #eee;
width: 100%;
display: table;
padding: 12px 15px;
color: #222;
border-left: 3px solid var(--c1);
transition: all .7s;
}
.service-page-menu ul.menu-style-01 li {margin: 9px 0;}
.service-page-menu ul.menu-style-01 li a:hover {
background: var(--c1);
color: #fff;
}
.service-page-menu ul.menu-style-01 li a:hover i {
padding-right: 10px;
}
.service-page-menu ul.menu-style-01 li a i {
transition: all .7s;
}
.contact-details-item .contact-details-icon i {
color: #fff;
font-size: 35px;
}
.header-logo a img {
width: 100%;
height: 100%;
object-fit: cover;
}
.header-logo {
width: 55%;
border: 5px solid var(--c3);
}
header.header { width: 100%;
background: linear-gradient(to bottom, rgb(35 85 158 / 30%) 0%, rgb(41 101 175 / 86%) 100%);
z-index: 1;
padding: 10px 0;
position: relative;
}
.header-cen h2 {
font-size: 42px;
font-weight: 600;
color: white; display: inline-block;
padding: 5px 10px;
}
.header-cen {
text-align: center;
padding-bottom: 10px;
}
.header-name p {
font-size: 20px;
font-weight: 400;
color: white; display: inline-block;
padding: 10px 10px;
}
.header-names {
display: flex;
position: relative;
justify-content: center;
}
header.header .row {
align-items: center;
}
.header-names:before {
position: absolute;
content: "";
left: 0;
top: 5px;
right: 0;
width: 2px;
height: 40px;
background: var(--c3);
margin: 0 auto;
}
.header-adress p {
font-size: 16px;
font-weight: 600;
color: var(--c3); padding: 10px 0px;
width: 100%; margin: 0 auto;
display: table;
margin-bottom: 0px;
}
.header-phone p a {
font-size: 28px;
font-weight: 600;
color: var(--c3);
transition: .5s;
display: inline-block;
}
.header-phone p {
text-align: center;
}
.home-slider-content h2 {
font-size: 30px;
font-weight: 700;
color: var(--c3);
text-transform: uppercase;
width: 60%;
}
.home-slider-item {
position: relative;
}
section.home-slider {
overflow: hidden;
margin-top: 0px;
}
.home-slider-image {
position: relative;
height: 700px;
}
.home-slider-image:before {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 111px;
background: linear-gradient(90.62deg, #5091C7 0%, #27B1A8 100%);
opacity: 0.7;
}
.header-menu ul li a {
font-size: 20px;
font-weight: 600;
color: var(--c3);
transition: .5s;
}
.header-menu ul li a:hover {
color: var(--c2);
}
.header-menu ul {
display: flex;
justify-content: space-evenly;
}
.header-menu {
margin-top: -72px;
}
.wellcome-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.wellcome-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.wellcome-heading h2 {
font-size: 48px;
font-weight: 600;
color: var(--c3);
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
display: inline-block;
padding: 10px 20px;
margin: 0;
}
.wellcome-heading {
text-align: center;
margin-bottom: 50px;
}
section.wellcome {
padding: 72px 0;
}
.wellcome-item {
position: relative;
}
.wellcome-icon a i {
font-size: 28px;
color: var(--c1);
background: var(--c3);
width: 100px;
height: 100px;
border-radius: 100px;
text-align: center;
line-height: 3.7;
transition: .5s;
}
.wellcome-icon {
position: absolute;
bottom: 40%;
left: 0;
right: 0;
text-align: center;
}
.wellcome-icon a i:hover {
background: var(--c1);
color: var(--c3);
}
.doctor-heading h2 {
font-size: 48px;
font-weight: 600;
padding-bottom: 20px;
color: var(--c3);
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
display: inline-block;
padding: 10px 20px;
}
.doctor-heading h2 span { padding: 0 10px 0 2px;
}
.doctor-heading {
text-align: center;
margin-bottom: 55px;
}
p {
font-size: 14px;
font-weight: 400;
color: var(--c2);
}
section.doctor {
padding: 0px 0 50px 0;
}
.doctor-box {
position: relative;
}
.doctor-box .services-content {
box-shadow: 0px 2px 19px rgba(47, 47, 47, 0.1);
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
width: 80%;
margin: 0 auto;
position: absolute;
bottom: -50px;
right: 0;
left: 0;
padding: 20px 0;
}
.doctor-box .services-content h5.services-title a {
font-size: 24px;
font-weight: 600;
color: var(--c3);
transition: .5s;
}
.doctor-box .services-content h5.services-title a:hover {
color: var(--c2);
}
.doctor-box .services-content h5.services-title {
text-align: center;
}
.doctor-box-icon ul li a i {
font-size: 15px;
color: var(--c3);
border: 1px solid var(--c3);
width: 30px;
height: 30px;
text-align: center;
border-radius: 50px;
line-height: 2;
transition: .5s;
}
.doctor-box-icon ul li a i:hover {
color: var(--c2);
background: var(--c3);
}
.doctor-box-icon ul {
display: flex;
justify-content: center;
}
.doctor-box-icon ul li {
padding: 0 5px;
}
.header-phone p a:hover {
color: var(--c2);
}
section.servicess {
padding: 72px 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.servicess-links a {
font-size: 36px;
font-weight: 600;
color: var(--c3);
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
box-shadow: 0px 2px 19px rgba(47, 47, 47, 0.08);
display: block;
padding: 20px 0;
transition: .5s;
}
.servicess-links {
text-align: center;
width: 50%;
margin: 30px auto 0 auto;
} .servicess-box .services-content {
position: relative; transition: .4s;
align-items: center;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
width: 100%;
height: 100%;
opacity: 0;
top: -400px;
}
.servicess-box:hover .services-content{
opacity: 1;
}
.servicess-box .custom-theme-post-description {
display: none;
}
.servicess-box .services-content:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(94.25deg, #5091c7 0%, #27B1A8 100%); z-index: 0;
transition: .4s;
opacity: 0.7;
}
.servicess-box .services-content h5 a {
position: relative;
color: var(--c3);
text-transform: uppercase;
}
.servicess-box .services-content h5 {
position: relative;
padding-left: 40px;
margin: 0;
}
.servicess-box .services-content h5:before {
position: absolute;
content: "";
left: 0;
top: -5px;
width: 100px;
height: 100px;
background-image: url(//tustindentalgroup.com/wp-content/themes/custom-theme/assets/img/teeth.png);
background-repeat: no-repeat;
} .servicess-box {
overflow: hidden;
}
.testimonails-item {
position: relative;
padding: 50px 50px;
}
.testimonails-item:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
mix-blend-mode: multiply;
}
.testimonails-content {
position: relative;
z-index: 1;
}
.testimonails-content h2 {
font-size: 32px;
font-weight: 600;
color: var(--c3);
text-align: center;
padding-bottom: 10px;
}
.testimonails-content p {
font-size: 20px;
color: var(--c3);
}
.testimonails-content h3 {
font-size: 24px;
font-weight: 600;
color: var(--c3);
padding-top: 10px;
margin: 0;
}
section.testimonails .row {
align-items: center;
}
section.testimonails {
padding: 50px 0 100px 0;
}
.testimonails-icon a i {
font-size: 28px;
color: var(--c1); width: 80px;
height: 80px;
border-radius: 100px;
text-align: center;
line-height: 2.8;
transition: .5s;
cursor: pointer;
}
.testimonails-left:before {
content: "\f04b";
font-family: 'Font Awesome 5 Pro';
font-size: 50px;
color: #fff;
position: absolute;
top: 100px;
left: 47%;
opacity: 89%;
}
.testimonails-left {
position: relative;
}
.testimonails-left video {
width: 100%;
}
.testimonails-icon {
position: absolute;
top: 34%;
left: 0%;
right: 0px;
text-align: center;
}
section.get {
background: #E2F0F3;
padding: 70px 0;
}
.get-media ul li a i {
font-size: 16px;
color: var(--c2);
border: 2px solid var(--c2);
width: 40px;
height: 40px;
border-radius: 50px;
text-align: center;
line-height: 2.2;
transition: .5s;
}
.get-media ul li a i:hover {
color: var(--c3);
background: var(--c2);
}
.get-media ul {
display: flex;
}
.get-media ul li {
margin-right: 10px;
}
.get-media {
padding-bottom: 20px;
}
.get-map iframe {
width: 100%;
}
.get-form h2 {
font-size: 24px;
font-weight: 700;
color: var(--c2);
padding-bottom: 20px;
}
.get-form input,.get-form textarea {
width: 100%;
border: none;
padding: 10px;
color: var(--c1);
margin-top: 10px;
margin-left: -10px;
border-radius: 0px;
}
.get-form label {
width: 100%;
font-size: 16px;
font-weight: 600;
color: var(--c2);
}
.get-right {
margin-left: 50px;
margin-top: 20px;
}
.get-form textarea {
height: 150px;
}
.get-form input.wpcf7-submit {
font-size: 18px;
font-weight: 700;
color: var(--c3);
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
width: 30%;
margin: 0 0 0px -10px;
display: table;
}
.get-hour h2 {
font-size: 16px;
font-weight: 700;
color: var(--c2);
margin-bottom: 5px;
}
.get-hour p {
font-size: 16px;
font-weight: 600;
color: var(--c2);
}
.get-hour {
margin-top: -75px;
}
.logo-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.logo {
padding: 110px 0;
} footer.footer {
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
box-shadow: 0px 2px 19px rgba(47, 47, 47, 0.08);
padding: 55px 0;
}
.footer-contact p {
font-size: 17px;
font-weight: 600;
color: var(--c3);
padding: 0 2px;
}
.footer-contact {
display: flex;
justify-content: center;
}
.footer-contact p a {
font-size: 17px;
font-weight: 600;
color: var(--c3);
transition: .5s;
}
.footer-copyright p {
font-size: 17px;
font-weight: 600;
color: var(--c3);
text-align: center;
margin: 0;
}
.footer-contact p a:hover {
color: var(--c2);
}
.header-name {
margin: 0 10px;
}
.header-adress {
text-align: end;
float: inline-end;
}
section.practice {
padding: 72px 0;
}
.practice-item-content h1 {
font-size: 34px;
font-weight: 700;
text-align: center;
color: var(--c3);
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
padding: 5px 10px 5px 2px;
margin: 0 auto;
width: 37%;
margin-bottom: 60px !important;
}
.practice-item-content h2 {
font-size: 24px;
font-weight: 700;
color: var(--c2);
padding-bottom: 5px;
}
.practice-item-content p {
margin-bottom: 35px;
}
section.our-doctors {
padding-top: 72px;
}
.section-content h3 {
font-size: 24px;
font-weight: 700;
color: var(--c1);
padding-bottom: 5px;
}
.section-image img {
width: 100%;
}
.section-image {
width: 65%;
margin: 0 auto;
}
section.office-tour {
padding: 72px 0;
}
.doctor-box .services-image {
height: 400px !important;
}
.single-p-doc img {
width: 100%;
}
.single-p-doc {
width: 25%;
margin-bottom: 110px;
float: left;
margin-right: 30px;
}
.single-doctor h5.custom-theme-post-title {
text-align: center;
margin-bottom: 50px;
}
section.gallerys {
padding: 72px 0;
}
section.gallerys .row {
margin: 0 auto;
width: 100%;
}
section.gallerys .row:nth-child(1) {
width: 100% !IMPORTANT;
margin: 0 !IMPORTANT;
}
.card-image {
height: 400px;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 8px 5px;
}
.card {
margin-bottom: 50px;
}
.gallerys-heading h2 {
font-size: 24px;
font-weight: 700;
color: var(--c2);
padding-bottom: 20px;
}
.video-ser {
margin: 30px 0;
}
.card-body h5 {
margin: 0;
font-size: 15px;
}
.servicess-box .services-image {
height: 400px;
}
.custom-theme-post-item ul li {
font-size: 18px;
font-weight: 400;
color: var(--c2);
padding-bottom: 30px;
list-style-type: disc;
margin-left: 15px;
}
section.servicess .row .col-lg-4:nth-child(7) .servicess-box-main {width: 1170px;height: 500px;}
section.servicess .row .col-lg-4:nth-child(7)  .services-image {
height: auto;
}
section.servicess .row .col-lg-4:nth-child(7) .servicess-box-main:hover .services-content {
bottom: 250px;
}
.card-body ul li {
font-size: 18px;
font-weight: 400;
color: var(--c2);
padding-bottom: 14px;
list-style-type: disc;
margin-left: 15px;
}
.card-body h3 {
font-size: 28px;
color: var(--c2);
font-weight: 700;
padding-bottom: 20px;
}
section.header-sec {
position: relative;
}
section.header-sec:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 111px;
background: linear-gradient(90.62deg, #5091C7 0%, #27B1A8 100%);
opacity: 0.7;
}
section.home-slider {
margin-bottom: 0px !important;
}
section.servicess .row:nth-child(2) .col-lg-4:nth-child(7) .servicess-box h5.services-title a {
font-size: 28px;
font-weight: 700;
}
.modal {
display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content {
background-color: transparent;
margin: auto;
padding: 5px;
width: 72%;
border: none;
} .modal-close {
color: #000;
float: right;
font-size: 28px;
font-weight: bold;
} .modal-close:hover,
.modal-close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.testimonails-img img {
width: 650px;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
.testimonails-img {
height: 400px;
}
.testimonial-slider button.slick-next.slick-arrow {
z-index: 1;
top: -25%;
right: 10%;
}
.testimonial-slider .slick-next:before {
font-size: 24px;
line-height: 35px;
font-weight: 100;
opacity: .75;
padding: 11px 18px;
color: #292c2f;
content: "\f105";
font-family: "Font Awesome 5 pro";
border-radius: 35px;
transition: .5s;
font-weight: 400;
border: 1px solid #000;
}
.testimonial-slider button.slick-prev.slick-arrow {
z-index: 1;
top: -25.4%;
left: 82%;
}
.slick-prev:before {
font-size: 24px;
line-height: 35px;
font-weight: 100;
opacity: .75;
padding: 11px 18px;
color: #292c2f;
content: "\f104";
font-family: "Font Awesome 5 pro";
border-radius: 35px;
transition: .5s;
font-weight: 400;
border: 1px solid #000;
}
.covid h2.section-heading {
font-size: 36px;
font-weight: 700;
padding-top: 60px;
}
.covid ul li {
font-size: 19px;
list-style: disc !important;
font-weight: 400;
color: var(--c2);
margin-left: 21px;
}
.covid ul li ul li {
font-size: 17px;
list-style: circle !important;
margin-left: 75px;
margin-top: 2px;
}
.covid ul li a {
color: #007bff;
}
.covid ul li a:hover {
color: #608fc1;
}
.insurance-logo img {
WIDTH: 100% !IMPORTANT;
}
.insurance-logo {WIDTH: 10%;PADDING: 25PX 0PX;}
.insurance .row:NTH-CHILD(2) .insurance-logo:nth-child(3) ,.insurance .row:NTH-CHILD(2) .insurance-logo:nth-child(4) {
width: 15%;
}
.insurance-header h2.section-heading {
font-size: 48px;
font-weight: 600;
padding-bottom: 20px;
color: black;
padding: 40px 0px;
margin: 30px 0px;
}
.covid ul li ul {padding-bottom: 20px;}
.covid {
margin-bottom: 70px;
margin-top: 20px;
}
.test-heading h2 {
font-size: 48px;
font-weight: 600;
POSITION: RELATIVE;
TEXT-ALIGN: CENTER;
PADDING-TOP: 75PX;
}
.test-heading h2:BEFORE {
POSITION: ABSOLUTE;
CONTENT: "";
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
WIDTH: 40PX;
HEIGHT: 2PX;
TOP: 100px;
LEFT: 37%;
}
.testss-content p {
font-size: 18px;
font-weight: 400;
color: var(--c2);
WIDTH: 80%;
MARGIN: 0 AUTO;
PADDING: 30PX 0PX;
}
.test-content hr {
WIDTH: 80%;
MARGIN: 0 AUTO;
}
.testss-content p:NTH-CHILD(2) {
PADDING: 0PX 0PX !IMPORTANT;
TEXT-ALIGN: end;
MARGIN-BOTTOM: 30PX;
}
.custom-theme-post-image img {
width: 50% !important;
margin: 0 auto !important;
padding: 26px;
height: 300px !important;
object-fit: contain;
}
.blogger p {
FONT-SIZE: 18PX;
PADDING: 2PX 0PX;
LINE-HEIGHT: 1.7;
}
.videos .servicess-box .services-content h5:before {
display: none;
}
.videos .servicess-box .services-content h5 a span {
display: none;
}
section.videos-content {
padding: 70px 0px;
}
.videos-dental h2 {
font-size: 36px;
font-weight: 700;
width: 33%;
margin-bottom: 10px;
}
.video-head h4 {
font-size: 28px;
font-weight: 600;
color: var(--c2);
}
.video-title h3 {
font-size: 28px;
font-weight: 600;
color: var(--c2);
text-align: center;
margin-bottom: 20px;
}
.videosss {
margin-top: 72px;
}
.desc-video {
margin: 10px 10px 72px 10px;
}
.video-boxss {
width: 100%;
}
.dent-video {
margin-left: 50%;
}
section.patient-Form {
PADDING: 100PX 0PX;
}
.patient-Form img.size-full.wp-image-508.alignleft {
WIDTH: 200PX;
}
.patient-information h2 {
font-size: 36px;
font-weight: 600;
color: #44505d;
padding-bottom: 23px;
}
.patient-information h4 {
font-size: 22px;
font-weight: 600;
color: #44505d;
LINE-HEIGHT: 2;
padding-bottom: 4px;
}
section.patient-info {
PADDING: 100PX 0PX;
}
section.LeaveReview {
padding: 100px 0px;
}
.Leave-Review h2.section-heading {
font-size: 48px;
font-weight: 600;
padding-bottom: 20px;
color: var(--c2);
text-align: center;
}
.Leave-Review span {
width: 100%;
font-size: 16px;
font-weight: 600;
color: var(--c2);
}
.Leave-Review  label {
width: 100%;
padding-bottom: 9px !important;
padding-top: 25px !important;
}
.LeaveReview input , textarea {
width: 100% !important;
border: none !important;
padding: 10px !important;
color: var(--c1) !important;
margin-top: 10px !important;
margin-left: -10px !important;
border-radius: 0px !important;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
height: 65px !important;
}
.LeaveReview .glsr-toggle label {
margin-top: -25px !important;
}
.LeaveReview .glsr-field.glsr-field-choice.glsr-required.glsr-field-is-invalid {
padding-top: 25px;
}
.LeaveReview button.glsr-button.wp-block-button__link {
font-size: 18px;
font-weight: 700;
color: var(--c3);
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
width: 20%;
border: 0px !important;
border-radius: 0px;
margin-top: 20px !important;
}
.LeaveReview textarea{
height: 200px !important;
}
.header-menu ul li {
position: relative;
}
.header-menu ul li ul {
position: absolute;
display: block;
background: rgb(80 145 199 / 90%);
padding: 20px;
width: 250px;
z-index: -1;
transition: .2s;
opacity: 0;
margin-top: 10px;
}
.header-menu ul li ul li {
line-height: 2;
border-bottom: 1px solid var(--c3);
margin-bottom: 20px;
}
.header-menu ul li:hover ul {
opacity: 1;
z-index: 999;
}
.blogger h2 {
font-size: 32px;
font-weight: 700;
color: var(--c2);
}
.header-menu ul li ul li a {
font-size: 16px;
}
.nf-field-element ul {
display: flex;
flex-wrap: wrap;
}
.nf-field-element ul li {
width: 33.33%;
}
span#nf-form-title-2 h3 {
font-size: 28px;
font-weight: 600;
color: var(--c2);
LINE-HEIGHT: 2;
text-align: center;
margin-top: 72px;
}
span#nf-form-title-5 h3 {
font-size: 28px;
font-weight: 600;
color: var(--c2);
LINE-HEIGHT: 2;
text-align: center;
}
section.insurance-information {
padding: 72px 0;
}
.nf-form-fields-required {
text-align: center;
}
span#nf-form-title-6 h3 {
font-size: 28px;
font-weight: 600;
color: var(--c2);
LINE-HEIGHT: 2;
text-align: center;
margin-top: 55px;
}
.acknowledgment-heading h2 {
font-size: 28px;
font-weight: 600;
color: var(--c2);
LINE-HEIGHT: 2;
text-align: center;
}
section.acknowledgment {
padding: 72px 0;
}
span#nf-form-title-7 h3 {
font-size: 28px;
font-weight: 600;
color: var(--c2);
LINE-HEIGHT: 2;
text-align: center;
}
section.communication-release {
padding: 72px 0;
}
span#nf-form-title-4 h3 {
font-size: 28px;
font-weight: 600;
color: var(--c2);
LINE-HEIGHT: 2;
text-align: center;
}
section.dental-history {
padding: 72px 0;
}
span#nf-form-title-3 h3 {
font-size: 28px;
font-weight: 600;
color: var(--c2);
LINE-HEIGHT: 2;
text-align: center;
}
section.medical-history {
padding: 72px 0;
}
.testimonial-headings {
padding-bottom: 20px !important; }
.page-id-364 section.inner-banner {
height: 700px;
}
.page-id-58 .inner-banner {
height: 420px;
background-size: contain;
}
.testss-content p  img {
width: 200px;
height: 200px;
border-radius: 100px;
object-fit: cover;
border: 10px solid var(--c1);
}
.google-icon img {
width: 100%;
}
.google-icons-main {
display: flex;
justify-content: center;
}
.google-icon {
width: 5%;
margin: 0 12px;
}
section.google-icons {
padding-bottom: 72px;
}
.reviews-headings {
margin-top: 55px;
}
body.page-id-390 section.inner-banner {
height: 900px;
}
body.postid-439 section.inner-banner {
height: 750px !important;
}
.testss-content {
display: flex;
align-items: center;
padding: 30px 0;
}
.testss-content p:nth-child(3) {
text-align: center;
margin: 0;
padding: 0;
line-height: 0;
width: 30%;
}
.testss-content p:nth-child(1) {
width: 100%;
} .requst-heading {
margin-top: 75px;
margin-bottom: 75px;
}
.requst-heading h3 {
font-size: 42px;
color: #44505d;
}
.request-content {
padding-top: 50px;
padding-bottom: 50px;
}
.request-content p {
color: #44505d;
}
.request-form label {
width: 100%;
}
.request-form input {
width: 100%;
padding: 10px;
margin-top: 10px;
}
.bottm-content p {
font-weight: 500;
color:#44505d;
}
section.request-sec-1 {
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 100px;
}
.video-tag video {
width: 80%;
}
.request-form .wpcf7-submit {
background: var(--c1);
border: none;
color: white;
font-size: 20px;
}
.request-form .wpcf7-submit:hover {
background: black;
transition: 0.5s;
}
.patient-information p {
color: #44505d;
font-size: 17px;
}
.postid-304  section.custom-theme-single-post .container .row .col-lg-4 {
display: none;
}
.postid-304 section.custom-theme-single-post .container .row {
width: 100% !important;
display: flex;
justify-content: center;
}
.postid-304  nav.navigation.post-navigation,.postid-301  nav.navigation.post-navigation {
display: none;
}
.img-ser {
text-align: center;
}
.img-ser img {
width: 57%;
padding-bottom: 25px;
}
.images-ser img {
width: 26%;
border: solid 2px black;
margin-right: 20px;
padding: 12px;
}
.postid-301 section.custom-theme-single-post.py-md-5.py-4 .container .row .col-lg-4 {
display: none;
}
.postid-301 section.custom-theme-single-post.py-md-5.py-4 {
width: 100% !important;
display: flex;
justify-content: center;
}
.postid-301 section.custom-theme-single-post.py-md-5.py-4 .container .row {
width: 100%;
display: flex;
justify-content: center;
}
.custom-theme-post-description.pb-3 h3 {
font-size: 21px;
font-weight: 600;
color: black;
padding-top: 20px;
padding-bottom: 5px;
}
.btnss-services {
display: flex;
justify-content: center;
}
.btnss-services a {
margin: 0 12px;
padding: 16px 40px;
}
.services-img-gellery {
padding: 50px 0;
}
.services-img-gellery img {
width: 40%;
margin: 10px;
}
.serv-col {
background: #2861abc7;
padding: 42px;
border-radius: 23px;
margin-bottom: 20px;
color: white;
line-height: 31px;
margin-top: 30px;
}
.serv-col:hover {
background: #2861AB;
transition: 0.5s;
}
nav.navigation.post-navigation {
display: none !important;
}
.imges {
text-align: center;
margin-top: 50px;
padding-bottom: 50px;
}
.INVISALIGN-img img {
width: 80%;
margin-top: 50px;
margin-bottom: 60px;
}
.INVISALIGN-content p {
font-size: 18px;
line-height: 35px;
}
.INVISALIGN-content {
margin-top: 74px;
}
.main-serv-img {
margin-top: 100px;
justify-content: center;
text-align: center;
}
.imgs-1 img {
width: 68%;
}
.imgs-1 h5 {
margin-bottom: 50px;
}
.contact-details-item {
margin-bottom: 30px !important;
}
.row.row-1 {
margin-top: 70px;
margin-bottom: 60px;
}
.row.row-2 {
margin-bottom: 70px;
}
.row.row-3 {
margin-bottom: 70px;
}
.row.row-1 h2 {
font-size: 30px;
color: black;
font-weight: 600;
padding-bottom: 15px;
}
.row.row-2 h2 {
font-size: 30px;
font-weight: 600;
color: black;
padding-bottom: 15px;
}
.row.row-3 h2 {
font-size: 30px;
font-weight: 600;
color: black;
padding-bottom: 15px;
}
.header-name {
background: linear-gradient(45deg, #10a8f1, #020202);
height: 48px;
}
.header-cen {
height: 58px;
background: linear-gradient(45deg, #10a8f1, #020202);
margin: 0 auto 15px auto;
width: 80%;
}
.custom-theme-post-description.pb-3 .video-head h4 {
display: none;
}
.video-title {
text-align: center !important;
margin: 0 auto;
}
.video-title h2 {
font-size: 45px;
}
section.services-page.pt-lg-5.pt-4.pb-md-4.pb-2 {
background-position: center;
}
.mejs-controls {
display: none !important;
}
h5.custom-theme-post-title {
text-transform: uppercase;
}
.contact-details-content p {
font-size: 18px !important;
color: #fff;
}
.contact-details-content p br {
display: none;
}
.email-address { margin: 0 auto !important;
}
.row.viedo-div {
display: block !important;
width: 100%;
}
.main-sec {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
section.inner-banner {
background-size: cover !important;
background-repeat: no-repeat;
}
span#nf-form-title-8 {
display: none !important;
}
.page-id-487 .inner-banner {
height: 600px !important;
}
.page-id-489 section.inner-banner {
height: 600px !important;
}
.page-id-50 section.inner-banner {
height: 600px !important;
}
.postid-314 section.inner-banner {
height: 600px !important;
}
.postid-314 section.inner-banner {
height: 600px !important;
}
.postid-230 section.inner-banner {
height: 600px !important;
}
.postid-231 section.inner-banner {
height: 600px !important;
}
.postid-232 section.inner-banner {
height: 600px !important;
}
.pateint-para h2 {
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
color: white;
padding: 20px;
}
.patient-information h2 {
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
width: 39%;
padding: 20px;
color: white;
}
.covid h2.section-heading {
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
width: 36%;
padding: 20px;
color: white;
}
.videos-dental h2 {
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
color: white;
width: 28%;
padding: 20px;
}
.insurance-header h2.section-heading {
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
color: white;
padding: 20px;
width: 27%;
}
.requst-heading h3 {
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
color: white;
padding: 20px;
width: 46%;
}
.custom-theme-post-content h5 {
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
padding: 20px;
color: white;  
}
.botox-img img {
width: 100%;
}
.header-icons a i {
margin-right: 20px;
}
.header-icons {
text-align: center;
font-size: 24px;
margin-left: 40px;
display: inline;
}
.header-icons i {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50px;
margin-top: -9px;
background: linear-gradient(45deg, #10a8f1, #020202);
color: white;
}
.header-icons i:hover {
background: white;
transition: 0.5s;
color: var(--c1);
}
.google-icons-main img {
width: 70px;
height: 70px;
margin-right: 10px;
}
.wrapper {
overflow-x: hidden;
}
.header-phone {
float: inline-end;
}
header.header .container-fluid {
padding: 0 100px;
}
.header-right {
text-align: end;
}
.navigate {
display: none !important;
}
.google-maps-link {
display: none !important;
}
.footer-contact p br {
display: none;
}
.doctor-box {
position: relative;
margin-top: 60px;
}
section.section-dr-gina {
padding: 72px 0px;
}
.dr-gina-video {
width: 100%;
height: 512px;
}
.dr-gina-video video {
width: 100%;
height: 100%;
object-fit: cover;
}
.ser-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.service-hover-images ul {
display: block;
}
.service-hover-images ul li a {
padding: 10px 14px;
color: #fff;
display: block;
background: linear-gradient(45deg, #10a8f1, #020202);
margin: 1px 0px 1px;
}
.dentist-btn a:hover {
background: linear-gradient(94.25deg, #27b1a8 0%, #5091c7 100%);
}
.dentist-btn a {
font-size: 16px;
font-weight: 400;
color: var(--c3);
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
box-shadow: 0px 2px 19px rgba(47, 47, 47, 0.08);
display: block;
padding: 20px 0;
transition: .5s;
text-align: center;
}
section.section-dentist-btns {
padding: 72px 0px;
position: relative;
}
.page-id-917 section.inner-banner {
display: none;
}
section.custom-banner {
width: 100%;
height: 550px;
position: relative;
}
.custom-banner-right {
position: absolute;
width: 100%;
height: 100%;
}
.custom-banner-right img {
width: 100%;
height: 100%;
}
.custom-banner-right {
position: absolute;
width: 100%;
height: 100%;
max-width: 50%;
top: 0;
right: 0;
}
.custom-banner:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-image: url(//tustindentalgroup.com/wp-content/themes/custom-theme/assets/img/1690219836-banner.jpg);
top: 0;
left: 0;
background-size: contain;
background-repeat: no-repeat;
}
.custom-banner-content h2 {
font-size: 44px;
color: #fff;
margin: 0;
}
.custom-banner-content {
z-index: 9;
position: relative;
}
.wel-image {
width: 100%;
height: 401px;
padding: 2px;
}
.wel-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.doctor-heading h3 {
font-size: 30px;
font-weight: 600;
color: var(--c1);
margin-bottom: 35px;
}
.ds-video {
width: 100%;
height: 380px;
}
.ds-video video {
width: 100%;
height: 100%;
object-fit: cover;
}
.ds-image {
width: 100%;
height: 380px;
position: relative;
overflow: hidden;
z-index: 99999999999;
}
.ds-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ds-overlay:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #000;
opacity: 55%;
top: -100%;
z-index: 99;
transition: .3s;
}
.ds-overlay:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #000;
opacity: 55%;
bottom: -100%;
z-index: 9;
transition: .6s;
}
.ds-image:hover .ds-overlay:after {
bottom: 0;
}
.ds-image:hover .ds-overlay:before {
top: 0;
}
.ds-image:hover .overlay-content {
opacity: 1;
}
.overlay-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; transition: 0.8s;
z-index: 999999999999999;
padding: 0px 30px;
text-align: center;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
pointer-events: none;
} .overlay-content p {
color: #fff;
}
.overlay-content h4 {
font-size: 30px;
color: #fff;
}
section.custom-gallery {
position: relative;
padding: 72px 0px;
}
.model-image {
width: 204%;
height: 650px;
overflow: hidden;
border-radius: 6px;
position: relative;
z-index: 9;
transition: width 1s ease; }
.model-image.shrinked {
width: 100%;
}
.model-image:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #000;
opacity: 40%;
}
.model-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.model-image-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.8s;
z-index: 99999999;
padding: 0px 30px;
text-align: center;
align-content: center;
}
.model-image-content h3 {
font-size: 60px;
color: #fff;
font-weight: 400;
margin-bottom: 50px;
}
.model-image-content a {
font-size: 20px;
color: #fff;
padding-bottom: 10px;
border-bottom: 2px solid #fff;
}
.image-ba {
width: 100%;
height: 266px;
}
.image-ba img {
width: 100%;
height: 100%;
object-fit: cover;
}
.image-bef_aft h5 {
font-size: 20px;
display: block;
margin: 0;
background: #000000;
padding: 10px 0px;
text-align: center;
color: var(--c1);
}
.image-bef_aft {
margin-bottom: 30px;
}
.custom-before-after {
width: 100%;
height: 650px;
overflow-x: hidden;
overflow-y: scroll;
}
.wellcome-video {
width: 100%; position: relative;
}
.wellcome-video video {
width: 100%;
height: 100%;
object-fit: contain;
}
.container-fluid {
padding: 0;
}
section.section-desire {
position: relative; width: 100%;  }
section.section-desire:before { position: absolute;
width: 100%;
height: 100%; top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
}
section.section-desire:after {        }
section.section-desire:before, section.section-desire:after {
transition: width 1s ease;
z-index: 99;
}
section.section-desire.shrinked:before,
section.section-desire.shrinked:after { }
section.section-desire .container-fluid {
position: relative; }
.desire-content h2 {
font-size: 54px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 70px;
}
.desire-content {
display: block;
text-align: center;
z-index: 999;
position: absolute;
top: 40%;
}
section.section-desire .row { }
.section-desire .ds-image {
width: 100%; position: relative;
z-index: -9;
}
.section-desire .col-lg-6{
padding: 0px;
}
.section-desire .ds-image:before {
width: 100%;
height: 100%;
content: "";
position: absolute;
top: 0;
background: #000;
opacity: 54%;
}
section.section-desire2 {
position: relative; width: 100%;
height: 900px;
}
section.section-desire2:before {
content: "";
position: absolute;
width: 100%;
height: 100%; top: 0;
right: 0;
background-size: cover;
background-repeat: no-repeat;
transform: scaleX(-1);
}
section.section-desire2:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
background: #000;
opacity: 40%;
}
section.section-desire2:before, section.section-desire2:after {
transition: width 1s ease;
z-index: 99;
}
section.section-desire2.shrinked:before,
section.section-desire2.shrinked:after {
width: 50%;
}
section.section-desire2 .row {
align-items: center;
}
.section-desire2 .ds-image {
width: 100%;
height: 900px;
position: relative;
z-index: -9;
}
.section-desire2 .col-lg-6{
padding: 0px;
}
.section-desire2 .ds-image:before {
width: 100%;
height: 100%;
content: "";
position: absolute;
top: 0;
background: #000;
opacity: 54%;
}
.servicess-heading {
margin-bottom: 30px;
}
section.wellcome .col-lg-6 {
padding: 0;
}
.doctor-image {
width: 100%;
height: 500px;
position: relative;
}
.doctor-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.doctor-overlay {
position: absolute;
width: 100%;
height: 100%;
background: #000;
opacity: 15%;
transition: .3s;
}
.doctor-info {
position: absolute;
width: 100%;
height: 100%;
bottom: -42px;
text-align: center;
align-content: end;
transition: .3s;
}
.doctor-info h3 {
font-size: 28px;
color: #fff;
}
.meet-doctor-box {
position: relative;
overflow: hidden;
padding: 2px;
margin-bottom: 25px;
}
.doctor-info h6 {
font-size: 20px;
color: #fff;
font-weight: 500;
}
.meet-doctor-box:hover .doctor-info {
bottom: 20px;
}
.meet-doctor-box:hover .doctor-overlay {
opacity: 50%;
}
.doctors-row-2 .doctor-image {
height: 450px;
}
section.doctorr-heading {
padding: 0px 0px 60px;
}
.section-desire-video video {
width: 100%;
height: 100%;
object-fit: cover;
}
.desire-left {
position: relative;
}
.new-gallery-image {
width: 100%;
height: 615px;
position: relative;
}
.new-gallery-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ba-image {
width: 80%;
height: 500px;
position: relative;
margin: 0 auto;
}
.new-before-after {
text-align: center;
padding: 8px 0 11px 5px;
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
}
.ba-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ba-heading h3 {
font-size: 28px;
font-weight: 600;
color: #fff;
}
.ba-title h5 {
font-size: 26px;
font-weight: 600;
color: #fff;
margin-top: 15px;
}
section.section-gallery-new {
position: relative;
padding: 100px 0px 30px;
}
.ng-btn {
text-align: center;
margin-top: 40px;
}
.ng-btn a {
font-size: 16px;
font-weight: 600;
padding-bottom: 20px;
color: var(--c3);
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
display: inline-block;
padding: 10px 20px;
}
.new-g-image-title h3 {
font-size: 34px;
color: #fff;
margin: 0;
}
.new-g-image-title {
position: absolute;
bottom: 15px;
text-align: center;
width: 100%;
}
.new-gallery-image:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #000;
opacity: 22%;
}
.card-image img {
object-fit: cover;
}
.office-tour-vid video {
width: 100%;
}
section.section-finance {
position: relative;
padding: 72px 0px;
}
.finance-content h4 {
font-size: 22px;
font-weight: 600;
color: #44505d;
LINE-HEIGHT: 36px;
padding-bottom: 4px;
}
.finance-content p {
color: #44505d;
font-size: 17px;
}
span.company-name {
color: red;
font-weight: 600;
font-size: 20px;
}
.contact-details-item {
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
color: #fff;
}
.contact-details-content p a {
color: #fff !important;
}
.section-desire-video {        }
.section-desire-video.half-width { }
.video-section {
position: relative;
z-index: 99;
}
section.section-desire2 .section-desire-video {
left: -100%;
transition: .5s;
}
section.section-desire2.shrinked .section-desire-video {
left: 0 !important;
}
section.doctorr-heading .row {
display: flex;
justify-content: space-between;
}
.section-desire-video iframe {
width: 100%;
height: 910px;
}
section.wellcome .row:nth-child(2) {
align-items: center;
}
section.section-gallery-new .col-lg-12 {
padding: 0 !important;
}
.desire-heading {
margin-bottom: 40px;
text-align: center;
}
.desire-heading h2 {
font-size: 48px;
font-weight: 600;
padding-bottom: 20px;
color: var(--c3);
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
display: inline-block;
padding: 10px 20px;
}
.appoint-btn a {
font-size: 20px;
font-weight: 600;
color: var(--c3);
background: linear-gradient(94.25deg, #5091C7 0%, #27B1A8 100%);
box-shadow: 0px 2px 19px rgba(47, 47, 47, 0.08);
display: inline-block;
padding: 20px 16px;
transition: .5s;
}
.logos-img img {
width: 100%;
}
.logos-imgs {
display: flex;
justify-content: center;
align-items: center;
}
section.logos {
padding-bottom: 72px;
}
.logos-img{
margin: 0 10px;
}
.bottm-content p strong {
color: var(--c1);
}
.patient-information p a {
color: #275FA9;
font-weight: 700;
}
.finance-content p a {
color: #275FA9;
font-weight: 700;
}
.office-tour-vid iframe {
width: 100%;
height: 600px;
}
.ytp-chrome-bottom {
display: none !important;
}
.header-menu ul li a {
color: #fff !important;
}