:root {
--grey-color: #a9a7c2;
--bg-color: #fafcff;
--theme-color: #4988fb;
--dark-color: #282828;
--white-color: #ffffff;
--btn-hover-color:#ff3659;        
}
input, textarea, select, button, label, svg, svg path, svg rect, svg polygon, img, a, :after, :before, :hover, :focus, .form-control:focus{
outline: none !important;
box-shadow:none;
}
ul{
padding:0;
margin:0;
list-style-type: none;
}
p {
margin: 0px;
text-align: left !important;
word-spacing: 2px !important;
}
.db-btn, .a-btn,
.db-contact-form input[type="submit"],
.db-appointment-form input[type="submit"]{
background:#3cd9ee;
min-width: 170px;
min-height: 50px;
color: #fff;
display: inline-block;
text-align: center;
line-height: 50px;
padding: 0px 25px;
border-radius: 30px;
border: none;
outline: none;
font-weight: 500;
cursor: pointer;
transition: 0.3s;
text-transform: capitalize;
width: fit-content;
}
.db-btn:focus, .a-btn:focus,
.db-btn:visited, .a-btn:visited{
outline: none;
color: #fff;
}
.db-btn:hover, .a-btn:hover,
.db-contact-form input[type="submit"]:hover,
.db-appointment-form input[type="submit"]:hover {
transform: translate(0px,-2px);
background: #27313d;
color: #ffffff;
}
.spacer-top{
padding-top: 100px;
}
.spacer-top-less{
padding-top: 92px;
}
.spacer-bottom{
padding-bottom: 10px;
}
.db-heading h1 {
font-size: 35px;
margin-bottom: 0;
text-transform: capitalize;
}
.db-heading {
text-align: center;
margin-bottom: 35px;
}
.db-heading img{
width: 70px;
height: 50px;
} .db-top-header {
min-height: 50px;
display: flex;
align-items: center; background: #192436;
}
.db-top-header h4 {
font-size: 14px;
margin-bottom: 0;
font-weight: normal; -webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-transform: inherit;
text-align: left !important;
line-height: 20px !important;
}
.db-header-call h4 i {
transform: rotate(90deg);
color: #3cd9ee;
}
.db-top-header h4 i {
color: #3cd9ee;
}   
.db-header-call h4 span {
padding-left: 5px;
padding-right: 10px; color: #3cd9ee;
}
.db-header-mail {
text-align: right;
}
.db-header-address span, .db-header-mail span { color: #3cd9ee;
padding-left: 5px;
padding-right: 10px;
}
.db-header-call h4 a, .db-header-address a,  .db-header-mail a {
color: #fff;
}  .db-header-nav>ul>li {
display: inline-block;
vertical-align: top;
padding-right: 40px;
}
.db-header-nav ul li {
list-style: none;
position: relative;
}
.db-header-nav ul{
padding: 0;
margin: 0;
}
.db-header-nav {
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
}
.db-main-header {
min-height: 100px;
background: #fff;
display: flex;
align-items: center;
box-shadow: 0 20px 20px 0px rgb(0 0 0 / 3%);
position: relative;
z-index: 2;
}
.db-header-nav>ul>li:after,ul.db-sub-menu li:before {
content: '';
position: absolute;
right: 15px;
top: 12px;
width: 3px;
height: 3px;
background: #3cd9ee;
}
ul.db-sub-menu li:before {
right: auto;
left: 0;
}
.db-header-nav>ul>li:last-child:after{
display: none;
}
.db-header-nav>ul>li:last-child{
padding-right: 0px;
}
.db-header-nav>ul>li>a {
padding: 40px 0;
color: #000 !important;
}
.db-header-nav>ul>li>a:hover {
color: #3cd9ee !important;
}
.db-main-header .col-md-4 {
align-items: center;
display: flex;
}
.db-header-nav .db-btn {
margin-left: 30px;
}  .db-banner-content {
position: relative;
}
.db-banner-content h1 span{
color: #3cd9ee;
}
.db-banner-content h1 {
padding: 0px 0px 10px;
font-size: 55px;
font-weight: 600;
}
.db-banner-content p {
margin-bottom: 30px;
}
.db-banner-img {
padding: 50px 0 0;
text-align: center;
}
.db-banner .col-md-6.d-flex {
align-items: center;
}
.db-banner-spane {
position: absolute;
top: 0;
right: 0;
}
.db-banner {
position: relative;
padding: 40px 0 90px;
}
.db-banner-spane svg {
width: 80px;
height: auto;
position: absolute;
top: 130px;
right: 160px;
opacity: 0.1;
fill: rgba(255, 88, 81, 0.44);
transform: rotate(-35deg);
}
.db-banner-content img.doctor-logo {
position: absolute;
top: -70px;
left: -30px;
width: 300px;
z-index: -1;
animation: dot_mover 3s linear infinite alternate;
}
@keyframes dot_mover {
0% { transform: translateX(-20); }
100% { transform: translateX(30px); }
}  .db-service-box-icon img {
width: 70px;
height: auto;
}
.db-service-box-icon {
width: 150px;
height: 150px;
margin: auto;
line-height: 100px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
background: rgb(255, 255, 255);
transition: 0.3s;
z-index: 2;
position: relative;
}
.db-service-box:hover .db-service-box-icon {
border-radius: 100%;
}
.db-service-box {
text-align: center;
}
.db-service-box-data h3 {
font-size: 22px;
padding: 20px 0 5px;
}
.db-service-box:after {
position: absolute;
content: '';
right: -123px;
top: 80px;
background-image: radial-gradient(#3cd9ee 2px,transparent 0px);
background-size: 14px 7px;
animation: dot_mover 6s linear infinite alternate;
height: 4px;
width: 200px;
}
.db-service-box:hover .db-service-box-icon {
box-shadow: 3.918px 3.03px 40px 0px rgba(63, 171, 243, 0.08);
}
.col-lg-3:last-child .db-service-box:after{
display: none;
}
.db-service,.db-interest, .db-blog{
background: #f4faff;
}
.db-service-box-data p {
margin-bottom: 0;
}  .db-about-content h1 span {
color: #3cd9ee;
font-weight: 600;
display: block;
}
.db-about-content h1 {
padding-bottom: 15px;
font-size: 32px;
}
.db-about-content h4 {
margin-bottom: 20px;
}
.db-about-content ul {
margin-top: 20px;
padding-left: 25px;
margin-bottom: 20px;
}
.db-about-content ul li a {
display: inline-block;
margin-bottom: 10px;
position: relative;
font-size:14px ;
font-weight: 500;
}
.db-about-content ul li a:hover {
color: #3cd9ee;
}
.db-about-content ul li a:before {
position: absolute;
content: "";
background: #ffffff;
width: 6px;
height: 6px;
top: 10px;
left: -21px;
z-index: 1;
border-radius: 100px;
}
.db-about-content ul li a:after {
position: absolute;
content: "";
background: #3cd9ee;
width: 14px;
height: 14px;
top: 6px;
left: -25px;
transform: rotate(45deg);
}
.db-about-content .db-btn{
margin-top: 20px;
}
.db-about-img {
text-align: center;
margin-top: 100px;
}
.db-about .d-flex{
align-items: center;
}            @keyframes dot_mover {
0% { transform: translateX(-20); }
100% { transform: translateX(30px); }
}
.db-about-content {
margin-top: 27px;
}
.db-about {
overflow: hidden;
}  .db-interest-box img {
max-width: 60px;
max-height: 60px;
}
.db-interest-box h3 {
font-size: 20px;
margin: 25px 0;
text-transform: capitalize;
position: relative;
font-weight: 500;
}
.db-interest-box {
text-align: center;
background: #fff;
padding: 30px 30px 25px;
border-radius: 6px;
box-shadow: 0px 0px 20px 0px rgb(242, 242, 242);
margin-bottom: 30px;
transition: 0.3s;
}
.db-interest-box:hover {
transform: translate(0px, -10px);
}
.db-interest-box p {
margin-bottom: 10px;
line-height: normal;
}
.db-interest-box > a {
font-weight: 500;
}
.db-interest-box a:hover {
color: #3cd9ee;
}
.db-interest-box h3:before,
.db-interest-box h3:after{
content: '';
position: absolute;
right: 0;
width: 50px;
height: 1px;
background: #3cd9ee;
margin: auto;
}
.db-interest-box h3:before {
bottom: -13px;
left: 10px;
}
.db-interest-box h3:after {
bottom: -10px;
left: -10px;
}
.db-interest {
padding-bottom: 70px;
}  .db-counter-main {    }
.db-counter-box {
text-align: center;
}
.db-counter-box img {
max-width: 60px;
display: block;
margin: auto;
}
.db-counter-box h2, .db-counter-box span {
font-size: 34px;
margin: 22px 0px 8px;
font-weight: 600;
display: inline-block;
}
.db-counter-box h3 {
font-size: 20px;
margin-bottom: 0;
text-transform: capitalize;
}  .db-blog-box { margin-bottom: 30px;
}
.db-blog-title{
padding: 10px 0px 0;
}
.db-blog-box h2 a {
font-size: 20px;
margin: 0 0 10px;
font-weight: 5  00;
color: #0a3380;
}
.db-blog-box h2 a:hover {
color: #3cd9ee;
}
.db-blog-date{
font-size: 14px;
}
.db-blog-view ul{
margin: 0;
padding: 0;
list-style-type: decimal;
margin-bottom: 6px;
}
.db-blog-view ul li {
display: inline-block;
margin: auto;
position: relative;
padding: 5px 5px 5px 15px;
}
.db-blog-view ul li:first-child:before {
display: none;
}
.db-blog-view ul li:first-child {
padding-left: 0;
}
.db-blog-view ul li:before {
content: "";
position: absolute;
left: 0;
background: black;
width: 3px;
height: 3px;
border: none;
border-radius: 50%;
top: 0;
bottom: 0;
margin: auto;
}
.db-blog-view ul li a{
font-size: 14px;
}
.db-blog-view ul li a:hover {
color: #3cd9ee;
} .db_readmore_link, .db_readmore_link:visited {
color: #3cd9ee;
display: inline-block;
font-weight: 500;
margin-top: 5px;
}
.db_readmore_link .db_link_icon svg {
height: 10px;
width: 10px;
margin-left: 6px;
fill: #3cd9ee;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.db_readmore_link:hover {
color: #3b4964;
letter-spacing: 1px;
}
.db_readmore_link:hover .db_link_icon svg {
fill: #3b4964;
}
.db-blog-imgwrap {
position: relative;
cursor: pointer;
}
.db-blog-imgwrap:after {
content: "";
position: absolute;
left: 0;
right: 0;
background: rgba(255,255,255,0.7);
top: 0;
height: 100%;
width: 0%;
}
.db-blog-box:hover .db-blog-imgwrap:after {
width: 100%;
opacity: 0;
-webkit-transition: all 0.8s ease-out 0s;
-o-transition: all 0.8s ease-out 0s;
-moz-transition: all 0.8s ease-out 0s;
-ms-transition: all 0.8s ease-out 0s;
transition: all 0.8s ease-out 0s;
}  .db-testimonial-inner {
background: #ffffff;
box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
padding: 30px 30px;
border-radius: 10px;
}
.db-testi-cimg {
padding: 5px 0 30px 0;
}
.db-testi-cimg > img {
width: 80px;
border-radius: 100%;
height: 80px;
object-fit: cover;
box-shadow: 0 0 0 5px #3cd9ee;
}
.db-testi-content h2 {
font-size: 22px;
margin-top: 15px;
}
.db-testi-content h2 span {
color: #3cd9ee;
font-size: 16px;
padding-left: 25px;
position: relative;
}
.db-testi-content h2 span:before {
content: '';
left: 10px;
position: absolute;
top: 0;
width: 1px;
bottom: 0;
height: 15px;
background: #3cd9ee;
margin: auto;
}
.db-quote {
position: absolute;
right: 0;
left: 0;
margin: auto;
text-align: center;
top: 0;
bottom: 0;
height: fit-content;
}
.db-quote img {
width: 150px;
height: auto;
opacity: 0.03;
}
.db-swiper-box {
width: 120px;
position: absolute;
bottom: -20px;
right: 50px;
display: flex;
opacity: 1;
}
.db-swiper-box .swiper-button-prev,.db-swiper-box .swiper-button-next {
position: unset;
}
.db-testimonial {
position: relative;
}
.db-swiper-box div {
background: #3cd9ee;
width: 50px;
margin-right: 10px;
opacity: 1!important;
background-image: none;
height: 50px;
line-height: 57px;
}
.db-swiper-box i {
font-size: 24px;
color: #fff;
}
.db-swiper-box .swiper-button-prev:after,
.db-swiper-box .swiper-button-next:after {
display: none;
}  .db-footer {
background: #3d4461;
color: #fff;
}
.db-footer-box ul {
padding: 0;
margin: 0;
}
.db-footer-box ul li {
display: inline-block;
margin-right: 15px;
}
.db-footer-box ul li:last-child{
margin-right: 0;
}
.db-footer-box ul li a {
color: #fff;
}
.db-footer-nav,
.db-footer-subscription,
.db-copyright{
text-align: center;
}
.db-footer-social {
text-align: right;
}
.db-footer-social ul li{
margin-right: 10px;
}
.db-footer-social ul li a {
width: 35px;
height: 35px;
background: #464d6b;
display: block;
text-align: center;
line-height: 35px;
}
.db-footer-subscription {
padding: 55px 50px 0px;
border-top: 1px solid rgba(255, 255, 255, 0.18);
margin-top: 57px;
}
.db-subscription-box input {
width: 100%;
height: 50px;
border-radius: 30px;
border: none;
padding: 0px 180px 0px 20px;
}
.db-subscription-box {
max-width: 550px;
margin: auto;
position: relative;
}
.db-subscription-box .db-btn {
position: absolute;
right: 3px;
min-height: 44px;
line-height: 44px;
top: 3px;
height: 44px;
}
.db-footer-subscription h2 {
font-size: 40px;
margin-bottom: 20px;
font-weight: 600;
color: #fff;
}
.db-copyright p{
margin-bottom: 0px;
}
.db-copyright {
background: #333a56;
padding: 20px 10px;
color: #fff;
}
.db-footer-box ul li a:hover{
color: #3cd9ee;
}
.db-copyright a:visited {
color: #fff;
}  .db-appointment-form {
position: fixed;
background: white;
top: 0;
bottom: 0;
right: -480px;
max-width: 450px;
width: 100%;
box-shadow: 0px 0px 20px 0px rgb(249, 243, 240);
padding: 25px 30px;
transition: 0.3s;
overflow-y: auto;
z-index:5;
}
.db-appointment-form h2 {
font-size: 26px;
margin-bottom: 30px;
}
.db-appointment-form input, .db-appointment-form select {
border: 1px solid #eee;
margin-bottom: 15px;
min-height: 50px;
width: 100%;
padding: 0px 20px;
border-radius: 30px;
outline: none;
color: #3d4a66;
background: #fff;
}
.db-appointment-form select{
color: #757575;
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
cursor: pointer;
}
.db-select-icon {
position: relative;
}
.db-appointment-form textarea {
border: 1px solid #eee;
margin-bottom: 15px;
min-height: 110px;
width: 100%;
padding: 15px 20px;
border-radius: 20px;
outline: none;
color: #3d4a66;
background: #fff;
resize: none;
}
.db-select-icon select {
padding-right: 40px;
}
.db-select-icon i {
position: absolute;
content: "";
right: 20px;
top: 18px;
z-index: 1;
color: #aaa;
}
.db-appointment-form select option {
font-size: 14px;
}
.db-appointment-form .db-btn {
margin-top: 15px;
}
.db-open-form .db-appointment-form{
right: 0px;
}
.db-appointment-form .db-close-form:after, .db-appointment-form .db-close-form:before {
position: absolute;
content: '';
background: #3cd9ee;
width: 21px;
height: 2px;
border-radius: 30px;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
margin: auto;
}
.db-appointment-form .db-close-form {
position: fixed;
top: 18px;
right: -300px;
cursor: pointer;
width: 40px;
height: 40px;
line-height: 40px;
transition: 0.3s;
}
.db-appointment-form .db-close-form:after {
transform: rotate(45deg);
}
.db-appointment-form .db-close-form:before {
transform: rotate(-45deg);
}
.db-open-form .db-appointment-form .db-close-form{
right: 35px;
}  .db-breadcrumb ul {
padding: 0;
margin: 0;
}
.db-breadcrumb ul li {
display: inline-block;
padding-right: 30px;
position: relative;
color: #fff;
text-transform: capitalize;
}
.db-breadcrumb ul li:last-child{
padding-right: 0px;
}
.db-breadcrumb ul li:before {
position: absolute;
content: '';
top: 15.5px;
right: 7px;
background: white;
width: 8px;
height: 1px;
transform: rotate(-40deg);
}
.db-breadcrumb ul li:after {
position: absolute;
content: '';
top: 11px;
right: 7px;
background: white;
width: 8px;
height: 1px;
transform: rotate(40deg);
}
.db-breadcrumb ul li:last-child:after,
.db-breadcrumb ul li:last-child:before{
display: none;
}
.db-breadcrumb ul li a {
color: #3cd9ee;
font-weight: 600;
}
.db-breadcrumb {
text-align: center;
padding: 92px 0;
background: url(http://placehold.it/1903x273);
background-position: top;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.db-breadcrumb:after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
}
.db-breadcrumb .container{
z-index: 1;
position: relative;
}
.db-breadcrumb h1{
font-size: 40px;
color: #fff;
margin-bottom: 15px;
text-transform: capitalize;
}  h3.db-dr-name span {
font-size: 16px;
color: #3cd9ee;
display: block;
padding-top: 5px;
}
h3.db-dr-name {
font-size: 22px;
margin-top: 20px;
display: inline-block;
margin-bottom: 0;
}
.db-signature {
display: inline-block;
padding-left: 30px;
vertical-align: bottom;
}
.db-dr-specialization h3,.db-dr-address h3{
font-size: 25px;
margin-bottom: 10px;
padding-top: 15px;
}
.db-dr-specialization ul,.db-dr-address ul {
padding: 0;
margin: 0;
}
.db-dr-specialization ul li {
display: inline-block;
padding-right: 25px;
position: relative;
padding-top: 5px;
}
.db-dr-specialization ul li:after,
.db-dr-address ul li:after,.db-discription-data ul li:after {
content: '';
position: absolute;
right: 10px;
width: 3px;
height: 3px;
top: 17px;
background: #3cd9ee;
}
.db-dr-specialization ul li:last-child:after{
display: none;
}
.db-dr-specialization,.db-dr-address {
border-bottom: 1px solid rgba(61, 68, 97, 0.14);
padding-bottom: 20px;
}
.db-about-achive,.db-discription{
background: rgb(244, 250, 255);
}
.db-dr-address ul li:after,.db-discription-data ul li:after{
right: auto;
left: 0px;
}
.db-dr-address ul li{
padding: 5px 0px 0px 15px;
list-style: none;
position: relative;
}
.db-dr-address {
padding-top: 15px;
}  .db-dr-post {
margin-top: 10px;
}
.db-dr-post p {
margin-bottom: 0px;
}  .db-discription-box h3 {
font-size: 20px;
line-height: normal;
margin-bottom: 15px;
}
.db-discription-data h1 {
font-size: 22px;
margin-top: 30px;
}
.db-discription-data ul li {
position: relative;
list-style: none;
padding-left: 15px;
margin-bottom: 5px;
display: inline-block;
width: 35%;
}
.db-discription-data ul{
padding: 0;
margin-top: 15px;
}
.db-discription-data ul li:after {
top: 12px;
}
.db-discription-box p:last-child{
margin-bottom: 0px;
}  .db-card-header h5:after {
content: '';
position: absolute;
left: 15px;
top: 30px;
width: 3px;
height: 3px;
background: #3cd9ee;
}
.db-card-header h5 {
border: 1px solid #f1f2ff;
padding: 20px 20px 20px 30px;
margin-bottom: 0;
cursor: pointer;
position: relative;
}
.db-card{
margin-bottom: 20px;
}
.db-card .card-body{
padding-bottom: 0px;
}
.db-card:last-child {
margin-bottom: 0;
}  .db-reconstruction p:last-child{
margin-bottom: 0;
}  .db-contact-address {
text-align: center;
}
.db-contact-address p{
margin-bottom: 0;
}
.db-contact-address h1 {
font-size: 60px;
font-weight: 700;
opacity: 0.08;
position: absolute;
left: 0;
right: 0;
top: -20px;
}
.db-contact-form label {
display: block;
position: relative;
width: 100%;
margin-bottom: 30px;
}
.db-contact-form label input,
.db-contact-form label textarea {
width: 100%;
border: 1px solid #eee;
height: 50px;
border-radius: 30px;
padding: 0px 35px;
}
.db-contact-form label textarea{
height: 120px;
resize: none;
padding: 10px 35px;
}      .db-contact-form-detail ul {
padding-left: 0;
margin: 30px 0px 0px;
}
.db-contact-form-detail ul li {
list-style: none;
margin-bottom: 20px;
text-indent: -40px;
padding-left: 40px;
}
.db-contact-form-detail ul li:last-child{
margin-bottom: 0px;
}
.db-contact-form-detail ul li svg {
width: 20px;
height: 20px;
margin-right: 20px;
fill: #3cd9ee;
vertical-align: middle;
}
.db-contact-form-detail {
padding-left: 0;
background: #fff;
box-shadow: 0px 0px 20px 0px rgb(249, 243, 240);
border-radius: 10px;
padding: 43px 50px;
}
.db-contact-form-detail .db-heading {
text-align: left;
}
.wi_map_wrapper iframe {
margin-bottom: -8px;
}  .db-procedure-box {
position: relative;
border-radius: 6px;
}
.db-procedure-box:after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.22);
border-radius: 6px;
}
.db-procedure-box img{
border-radius: 6px;    
}
.db-procedure-content {
z-index: 1;
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.52);
padding: 20px;
border-radius: 6px;
}
.db-procedure-content h3 {
font-size: 22px;
color: #fff;
text-transform: capitalize;
margin-bottom: 5px;
}
.db-procedure-content p {
color: #fff;
margin-bottom: 0;
}  .db-radiotherapy p:last-child {
margin-bottom: 0px;
}  .db-traning-appoint{
background: #fff;
padding: 30px;
box-shadow: 0px 0px 20px 0px rgb(249, 243, 240);
border-radius: 6px;
}
.db-traning-appoint h2{
font-size: 22px;
margin-bottom: 10px;
color: #3cd9ee;
}
.db-traning-appoint p{
margin-bottom: 20px;
}
.db-traning-content ul {
padding: 0;
margin: 0;
}
.db-traning-content ul li {
list-style: none;
margin-bottom: 10px;
position: relative;
padding-left: 20px;
}
.db-traning-content ul li:last-child{
margin-bottom: 0px;
}
.db-traning-content ul li:after {
content: '';
position: absolute;
left: 0;
top: 12px;
width: 3px;
height: 3px;
background: #3cd9ee;
}  .db-contact-form-data .db-heading{
text-align: left;
margin-bottom: 30px;
}
.db-contact-form-data h3 {
font-size: 20px;
margin-bottom: 10px;
}
.db-contact-form-data p {
margin-bottom: 10px;
}  .db-blog-single .db-blog-box {
margin-bottom: 20px;
}
blockquote p {
margin-bottom: 0;
}
blockquote {
padding: 25px;
position: relative;
margin: 20px 0 15px;
}
blockquote .db-quote img {
width: 100px;
}
.db-blog-flex {
column-gap: 30px;
column-count: 2;
margin-top: 10px;
display: inline-block;
}
.db-blog-flex-img {
margin-bottom: 20px;
}
.db-blog-single-cmnt {
margin-top: 30px;
}
.db-blog-single-cmnt h2 {
font-size: 30px;
margin-bottom: 30px;
}
.bd-blog-cmnt-img {
width: 80px;
}
.db-blog-cmnt {
display: flex;
}
.bd-blog-cmnt-data {
width: calc(100% - 80px);
padding-left: 15px;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
.bd-blog-cmnt-data h3 {
font-size: 20px;
}
.bd-blog-cmnt-data h3 span {
font-size: 16px;
padding-left: 10px;
color: #3cd9ee;
}
.bd-blog-cmnt-img img {
border-radius: 100%;
}
.db-blog-single-cmnt ul li ul {
padding-left: 40px;
}
.db-blog-single-cmnt ul {
padding-left: 0;
}
.db-blog-single-cmnt ul li {
list-style: none;
margin-bottom: 20px;
}
.db-blog-single-cmnt>ul>li:last-child .bd-blog-cmnt-data{
border: none;
padding-bottom: 0;
}
.db-blog-single-cmnt ul li:last-child {
margin-bottom: 0;
}
.db-cmnt-reply {
margin-bottom: 0;
line-height: normal;
}
.db-cmnt-reply i {
color: #3cd9ee;
font-size: 12px;
}
.db-blog-single-cmnt .db-contact-form {
margin-top: 60px;
}  .db-search input {
border: 1px solid #eee;
padding: 0px 130px 0px 20px;
}
.db-search .db-btn {
min-width: 120px;
}
.db-widget {
margin-bottom: 50px;
}
.db-sidebar-head {
font-size: 25px;
margin-bottom: 20px;
text-transform: capitalize;
}
.db-widget ul {
padding-left: 0;
margin-bottom: 0;
}
.db-widget ul li {
list-style: none;
margin-bottom: 10px;
position: relative;
}
.db-widget ul li:last-child {
margin-bottom: 0;
}
.db-recent-posts.db-widget ul li a span {
position: absolute;
right: 0;
top: 0;
}
.db-tags ul li {
display: inline-block;
margin-bottom: 4px;
}
.db-tags ul li a {
border: 1px solid #eee;
padding: 6px 15px;
display: block;
border-radius: 30px;
text-align: center;
text-transform: capitalize;
}
.db-tags ul li a:hover {
background: #3cd9ee;
color: #ffffff;
border: 1px solid #3cd9ee;
}
.db-recent-posts ul li{
padding-left: 15px;
}
.db-recent-posts ul li:after {
position: absolute;
left: 0;
top: 12px;
width: 3px;
height: 3px;
background: #3cd9ee;
content: '';
}
.db-insta-widget ul li{
display: inline-block;
}
.db-insta-widget ul li img {
width: 100px;
height: 100px;
object-fit: cover;
margin-bottom: 0px;
margin-right: 6px;
transition: 0.3s;
}
.db-insta-widget ul li img:hover {
transform: translateY(-3px);
}
.db-widget:last-child{
margin-bottom: 0px;
}  .db-team-section {
background: #f4faff;
padding: 92px 0 97px;
}
.profile-card{
position:relative;
overflow: hidden;
}
.profile-card .profile-img img{
width:100%;
height:auto;
border-radius: 10px 10px 0 0;
}
.team_name_d {
background: #fff;
box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
border-radius: 0 0 10px 10px;
padding: 15px 0;
text-align: center;
}
.team_name_d h2 {
font-size:18px;
margin-bottom: 5px;
} ul.flex-ul {
margin-right: 50px;
}
ul.justify-flex li {
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 15px;
}
ul.justify-flex li span {
width: 600px;
}
.md-padding-top {
width: 100%;
float: left;
padding: 25px 0;
}
.error_page {
text-align: center;
}
.error_page h1 {
font-size: 140px;
font-weight: 500;
color: #3cd9ee;
text-shadow: 8px 8px 5px #dfdfdf;
}
.error_page h2 {
margin: 20px 0;
}
.error_page p {
margin-bottom: 40px;
}  .fancybox-overlay-fixed {
background: rgba(0, 0, 0, 0.6);
}
.db-traning-form {
padding-bottom: 70px;
}
#demo {
height:100%;
position:relative;
overflow:hidden;
}
.green{
background-color:#6fb936;
}
.thumb{
margin-bottom: 30px;
overflow: hidden;
}
.page-top{
margin-top:85px;
}  
img.zoom {
width: 100%;
height: 300px;
border-radius:5px;
object-fit:cover;
}    
.modal-header {
border-bottom: none;
}
.modal-title {
color:#000;
}
.modal-footer{
display:none;  
}
.thumb a {
position: relative;
}
.thumb a:after {
position: absolute;
top: -140px;
left: 0;
right: 0;
height: 305px;
border-radius: 10px;
width: 100%;
background-color: #3cd9ee;
content: "";
opacity: .70;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-transform-style: preserve-3D;
-moz-transform-style: preserve-3D;
-ms-transform-style: preserve-3D;
-o-transform-style: preserve-3D;
transform-style: preserve-3D;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.thumb:hover a:after {
visibility: visible;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
opacity: .70;
}
.thumb:hover a span {
visibility: visible;
opacity: 0.7;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.thumb a span {
position: absolute;
top: 50%;
left: 50%;
height: 50px;
width: 50px;
margin-left: -25px;
margin-top: -25px;
font-size: 40px;
line-height: 50px;
color: #ffffff;
opacity: 0;
visibility: hidden;
z-index: 1;
}  @media screen and (max-width:1199px){
.db-header-nav>ul>li {
padding-right: 23px;
}
.db-header-nav>ul>li:after, ul.db-sub-menu li:before {
right: 8px;
}
.db-footer-box ul li {
margin-right: 5px;
}
.db-banner-content img.doctor-logo {
display: none;
}
.db-banner-content h1 {
font-size: 35px;
}
ul.justify-flex li {
display: block;
}
}
@media screen and (min-width:992px){
.db-header-nav .sub-menu {
position: absolute;
background: #fff;
box-shadow: 8.918px 8.03px 40px 0px rgba(63, 171, 243, 0.08);
padding: 20px;
border-radius: 0 0 6px 6px;
top: 100px;
left: -20px;
min-width: 220px;
transition: 0.3s;
visibility: hidden;
opacity: 0;
z-index: 2;
}
.db-header-nav .menu-item-has-children:hover .sub-menu {
top: 60px;
visibility: visible;
opacity: 1;
}
.db-header-nav .sub-menu li {
margin-bottom: 10px;
}
.db-header-nav .sub-menu li a {
color: #000 !important;
}
.db-header-nav .sub-menu li a:hover {
color: #3cd9ee !important;
}
.db-header-nav .sub-menu li:last-child {
margin-bottom: 0;
}
li.db-menu-child i,
.db-header-nav .dropdown-expander {
display: none;
}
}
@media screen and (max-width:991px){
.db-header-call,.db-header-address, .db-header-mail {
text-align: center;
}
.db-header-call, .db-header-address {
padding-bottom:10px;
}
.db-footer-box {
text-align: center;
}
.db-top-header{
padding: 15px 0px;
}
.db-header-nav>ul {
position: fixed;
top: 0;
bottom: 0;
left: -280px;
max-width: 270px;
background: #fff;
width: 100%;
z-index: 99;
overflow-x: hidden;
overflow-y: auto;
box-shadow: 8.918px 8.03px 40px 0px rgba(63, 171, 243, 0.08);
transition: 0.3s;
}
.db-header-nav.menu-open>ul{
left: 0;
}
.db-header-nav ul li {
display: block;
border-bottom: 1px solid #eee;
padding-right: 0;
}
.db-header-nav ul li:last-child{
border: none;
}
.db-header-nav>ul>li a {
padding: 18px 20px;
display: block;
color:#000 !important;
}
.db-header-nav>ul>li:after {
display: none;
}
.db-header-nav ul.db-sub-menu li a {
padding-left: 55px;
}
.db-header-nav ul.db-sub-menu li:before {
left: 40px;
top: 30px;
right: auto;
}
ul.db-sub-menu li:first-child:before {
top: 12px;
}
ul.db-sub-menu li:first-child a {
padding-top: 0;
}
.db-sub-menu{
display: none;
}
.db-toggle-nav {
display: block;
cursor: pointer;
}
.db-toggle-nav span {
display: block;
width: 18px;
height: 2px;
background: #3d4461;
margin-bottom: 4px;
transition: 0.3s;
}
.db-toggle-nav span:nth-child(2) { }
.db-toggle-nav span:nth-child(3){
margin-bottom: 0px;
}
.menu-open .db-toggle-nav span:nth-child(1) {
transform: translate(1px, 6px) rotate(-48deg);
}
.menu-open .db-toggle-nav span:nth-child(2) {
opacity: 0;
visibility: hidden;
}
.menu-open .db-toggle-nav span:nth-child(3) {
transform: translate(1px, -6px) rotate(48deg);
}
.db-service-box:after {
width: 230px;
}
.col-lg-3.col-md-6:nth-child(2) .db-service-box:after {
display: none;
}
.spacer-top-less {
padding-top: 52px;
}
.spacer-top {
padding-top: 60px;
}
.spacer-bottom {
padding-bottom: 60px;
}
.db-banner-content {
max-width: 100%;
}
.db-interest,.db-blog,.db-service,.db-enlargement-procedure {
padding-bottom: 30px;
}
.db-about-content {
padding: 54px 0px 60px;
}
.db-counter-box {
padding-bottom: 40px;
}
.db-counter-main {
padding: 50px 50px 10px;
}
.db-blog-box,.db-service-box,.db-procedure-box {
margin-bottom: 30px;
}
.db-blog-box img {
width: 100%;
}
.db-footer-social {
margin-top: 30px;
}
.db-card:last-child {
margin-bottom: 20px;
}
.db-surgical{
padding-bottom: 40px;
}
.db-traning-appoint {
padding: 20px;
}
.db-contact-address {
text-align: left;
margin-bottom: 40px;
}
.db-contact-box {
padding-top: 13px;
}
.db-contact-form {
margin-top:50px;
}
.db-contact-address h1 {
left: 15px;
}
.db-blog-sidebar {
margin-top: 60px;
}
.db-search.db-widget .db-subscription-box {
max-width: 100%;
}
.db-search.db-widget .db-subscription-box .db-btn {
position: absolute;
margin-top: 0px;  
}
.db-search input {
padding-right: 130px;
}
.db-blog.db-blog-single {
padding-bottom: 60px;
}
li.db-menu-child i {
display: inline-block;
position: absolute;
top: 16px;
right: 13px;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
color: #3cd9ee;
cursor: pointer;
}
.db-header-nav>ul>li.db-menu-child a {
display: inline-block;
z-index: 1;
position: relative;
}
.db-team-section {
padding: 92px 0 47px;
}
.team_name_d {
margin-bottom: 50px;
}
.db-about-content.db-about-about2 {
padding-bottom: 22px;
}
.db-card {
margin-top: 40px;
}
.db-header-nav .dropdown-expander {
position: absolute;
right: 15px;
top: 18px;
}
}
@media screen and (max-width:767px){
.db-banner {
text-align: center;
padding: 50px 0 50px;
}
.db-about-content {
padding: 14px 0px 60px;
}
.db-team-section {
padding: 62px 0 17px;
}
.db-service-box:after,.db-testi-img:after{
display: none;
}
.db-about-img {
margin-top: 50px;
margin-bottom: -10px !important;
}
.db-testi-content {
padding-left: 0px;
padding-top: 10px;
}
.db-footer-nav {
margin-top: 30px;
}
.db-footer-box ul li {
margin-right: 15px;
}
.db-about-single-img,.db-profile-img {
margin-bottom: 20px;
}
.db-procedure-box img {
width: 100%;
}
.db-traning-appoint {
margin-top: 30px;
}
.db-blog-flex {
column-gap: 20px;
}
}
@media screen and (max-width:575px){
.db-header-nav {
justify-content: right;
}
.db-header-logo { }
.db-main-header {
padding: 20px 0px;
}
.db-banner-content h1 {
padding: 0px 0px 5px;
font-size: 35px;
}
.db-about-content h1 {
font-size: 30px;
}
.db-footer-subscription {
padding: 54px 0px 0px;
margin-top: 60px;
}
.db-discription-data ul li {
width: 49%;
}
.db-breadcrumb h1 {
font-size: 30px;
}
.db-breadcrumb {
padding: 62px 0;
}
}
@media screen and (max-width:480px){
.db-subscription-box .db-btn {
position: unset;
margin-top: 10px;
}
.db-subscription-box input {
padding: 0px 20px;
}
.db-open-form .db-appointment-form {
padding-top: 50px;
}
.db-dr-specialization ul li{
display: block;
padding: 5px 0px 0px 15px;
}
.db-dr-specialization ul li:after {
right: auto;
left: 0;
}
.db-dr-specialization ul li:last-child:after,.db-blog-cmnt{
display: block;
}
.db-discription-data ul li,.bd-blog-cmnt-data {
width: 100%;
}
.db-procedure-content {
padding: 15px;
}
.db-contact-form-detail {
padding: 23px 30px;
}
.bd-blog-cmnt-data{
padding: 20px 0;
}
}