/*
Theme Name: Webikka Child
Theme URI: https://example.com/
Description: Child theme for the Doccure theme
Author: Your Name
Template: doccure
Version: 1.0.0
Text Domain: webikka-child
*/

.doccure_header .navbar-nav li .sub-menu{
	min-width:350px;
}

.doccure_header .navbar-nav li .sub-menu li a{
	padding:5px 5px;
}
.strong-view.controls-type-sides:not(.rtl) .wpmslider-next{
	right:0px !important;
}
@media (min-width:1920px) and (max-width: 1920px)  {
	.header-top-div{
		min-height:60px !important;
	}
}
@media (min-width:961px) and (max-width: 1920px)  {
		.fullwidth-row-home-feedback{
		max-height:500px !important;
	}
	.home-testimonial-row{
	max-height:400px !important;
	min-height:400px !important;
}
	.fullwidth-row-home{
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.doccure_get_list_speciality{
		padding:0;
		margin:0;
		position:relative;
		display:block;
	}

	.footer-top-custom:hover{
		background-color:#069e76;
	}
	.footer-top-body{
		background:linear-gradient(90deg,#e53032 0%,#eb701e 100%);
		height:109px;
		margin-top:5%;
	}
	.footer-top-icon-div{
		width:50px;
		height:50px;
	 float:left;
			 background-color: white; 
    box-shadow: 1px 1px 1px 1px black;
	}
	.footer-first-test{
		font-size:20px;
		font-weight:bold;
	}
	.footer-top-custom-text{
		width:80%;
		margin-left:10%;
		text-align: left;
		padding-left:10%;
		margin-left:10%;
	}
	.footer-top-custom{
		width:33%;
		float:left;
		height:100%;
		padding:2% 2% 2% 2%;
		text-align:center;
		color:#ffffff;
	  cursor:pointer;
	}
	.footer-top-custom-last{
		width:34% !important;
		cursor:pointer;
	}
	.footer-top-icon{
		width:35px;
		padding:15% 0% 5% 0%;
		background-color:#fff;
	}
	
	.book-appointment-btn{
		border:0px;width:100px;
		color:#d41a34 !important;
	}
	.icon-circle {
       padding:3px 5px 3px 5px;
        width: 40px;
        height: 40px;
        border-radius: 50%; 
        background-color: #fff;
        text-align: center; 
        color:#d41a34 !important;
    }
	.header-top-div{
		min-height:55px;width:100%;color:#fff;background-color:#d41a34;font-size:14px;
		padding:1%;
	}
	.header-top-left{
    float:left;
		width:48%;
		text-align:right;
	}
	.header-top-right{
    float:right;
		width:48%;
		text-align:left;
	}
.home_searchform .vc_column_container{
margin-left: 15% !important;
}
}
.testimonial-view-all{
	width:100px;
}
.testimonial-div-right {
  background: linear-gradient(45deg, #e0482b, #ff8c42) !important;
}
@media (min-width:320px) and (max-width: 961px)  {
	.testimonial-div-right .vc_column-inner{
max-height:360px;
}
	.footer-top-icon-div{
		width:50px;
		height:50px;
	 float:left;
		 background-color: white; 
    box-shadow: 1px 1px 1px 1px black;
		
	}
	.footer-first-test{
		font-size:20px;
	}
	.footer-top-custom-text{
		width:90%;
	}
	.footer-top-custom{
		width:100%;
		float:left;
		padding:2% 2% 2% 4%;
		text-align:center;
		background-color:#ef411f;
		color:#ffffff;
	
	}
	.footer-top-icon{
		width:35px;
		padding:5%;
		background-color:#fff;
		padding:15% 0% 5% 0%;
	}
	
	
.home_searchform .vc_column_container{
margin-left: 0% !important;
}
}
.speciality-description{
	padding-bottom:5%;
}

.specialities-left-menu li{
	line-height: 3;
	
	margin-bottom: -1px;
	position: relative;
	list-style: none;
	border-bottom: 1px solid #eee;
}
.specialities-left-menu li>a{
	color: #272b41;
	text-decoration: none;
	margin-right: 2px;
	padding-left:3%;
    line-height: 1.42857143;
    /* border: 1px solid transparent; */
    border-left: 2px solid #15558d;
}

.specialities-left-menu li a:active{
	color: #09e5ab !important;
}
.specialities-left-menu li a:target{
	color: #09e5ab !important;
}
@media only screen and (max-width: 768px){
	.footer-top-body{margin-top:5%;}
.homepage-mobile-blog{
	display:block !important;
}
	.homepage-desktop-blog-heading{
		display:none !important;
	}
	.wpb_heading wpb_posts_slider_heading{
		text-align:center;
	}
	.latest-news{
		display:none !important;
	}
}
.specialities-accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.faq-active, .specialities-accordion:hover {
  background-color: #ccc;
}
.specialities-panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.specialities-accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.faq-active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
.spciality-detail-heading{
	  font-size: 18px;
    height: 30px;
    margin-top: 5%;
}
.spciality-detail-heading:after {
    content: ' ';
    display: block;
    border-bottom: 3px solid #095570;
    padding-top: 10px;
    width: 40px;
}
#ourdoctors, #treatment, #diagnosis, #whychooseus, #overview{
	text-align:justify;
}
.dc-searchresult-grid {
    float: left;
    width: 100%;
}
@media only screen and (max-width: 768px){
.dc-searchvlistvtwo .dc-docpostholder .dc-title {
    text-align: center;
    display: block;
    margin: 0 auto;
}
.homepage-mobile-blog{
	display:none;
} 

.contact_firstsection{
	padding:0px;
}
.dc-searchvlistvtwo .dc-docpostholder {
    margin-right: 24px;
    margin-bottom: 30px;
}
.dc-docpostholder {
    float: left;
    width: 100%;
    border-radius: 4px;
} 
.fa-heart{display:none;} 
  
.latest-news article .homeblog_meta{
	display:none;
}
.cf-col{
	padding:1%;	
}
.cv-form{
	width:50%;
}
.wpb_wrapper{
	text-align:justify;
}
.top-header-social-icon{
	width: 41px;
  height: 41px;
  background-color: #fff;
  display: flex;
  color: var(--thm-base);
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 0;
}
}
.doc-speciality{
	min-height:35px;
}

.top-bar-right-box{
	float:right;width:70%;text-align:right;
}
.top-bar-right-box a{
	text-decoration:none;
	color:#fff;
}
.flex-caption .post-title a{
	font-size:18px;
}
.owl-carousel .owl-item img{
	border-radius:15px;
}
.vc_tta-tab{
	width:32%;
	text-align:center;
}
.datepicker_cl{
	border:1px solid #f0f0f0;
padding: 14px 14px;
height: 50px;
}
.owl-carousel .owl-item .sliderimg{
	border-radius:0% !important;
}
.doccure_get_list_speciality li{
	padding: 10px 15px 15px 0px;
	color:#272b41 !important;
	margin:2px 2px 2px 0px; 
}
.owl-carousel .owl-item .sliderimg{
	background:#187ce8 !important;
}
.speciality-icons figure img{
	padding:10% 20% 20% 20% ;
	 
}
.speciality-icons{
	background-color:#15558d !important;
	text-align:center;
	padding:4%;
	border-radius:10%;
}
.speciality-icons h3{
	color:#fff !important;
}
@media only screen and (max-width: 768px) {
	.book-appointment-btn{
		font-size:12px;border:0px;padding:5px 5px;width:100px;
		color:#d41a34 !important;
	}
	.header-top-div{
		min-height:50px;width:100%;color:#fff;background-color:#d41a34;font-size:13px;
	}
	.header-top-left{
    float:left;
		width:48%;
		padding:4% 1% 1% 1%;
		text-align:center;
	}
	.header-top-right{
    float:right;
		width:52%;
	}
	.homepage_footer{
		padding:0px 0 0 0;
	}
	.cv-form{
		width:100%;
	}
	.top-header-social-icon{
/* 		height:25px;
		width:25px; */
	
    }
}
.header-appointment{
padding:5px 5px !important;
}

/* Default styles for the table panel heading */
.table-panel-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

/* Adjust styles for mobile view */
@media (max-width: 768px) {
	
	.icon-circle {
       padding:0% 2% 0% 2%;
        width: 40px;
        height: 40px;
        border-radius: 50%; 
        background-color: #fff;
        text-align: center; 
        color:#d41a34 !important;
    }
	.wpb_posts_slider_heading{
		text-align:center;
		font-size:1.5rem;
	}
	/* You can adjust the max-width value as needed */
    .table-panel-heading {
        flex-direction: row; /* Ensure items are in a row */
        overflow-x: auto; /* Allow horizontal scrolling if necessary */
    }

    .table-panel-heading .heading-item {
        flex: 1; /* Make sure each item takes up equal space */
        text-align: center; /* Center text for better appearance */
        white-space: nowrap; /* Prevent text from wrapping */
    }
}

    .icon-circle:hover {
        background-color: #ddd; /* Hover effect (optional) */
    }

    .icon-circle i {
        vertical-align: middle; /* Ensures icon is vertically centered */
    }
/* code for testimonial thumbnail */
.testimonial-title{padding:5%;color:#fff;}
.testimonial-title h4, .testimonial-all a{color:#0de0fe !important !important;}

.testimonial-all{float:left;}
.testimonial-heading{color:#ffffff !important;}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt {
    width: 240px; /* Set the width to 100px */
/*     overflow: hidden; /* Hide overflow content */ 
   /* white-space: nowrap;  Prevent line breaks */
    text-overflow: ellipsis; /* Add "..." for truncated content */
}
.vc_gitem-zone.vc_gitem-zone-a {
  background-image: url('https://dnahospital.in/wp-content/plugins/js_composer/assets/vc/vc_gitem_image.png') !important;
  background-size: 100px auto !important; /* Set width to 100px and height auto */
  width: 100px !important; /* Ensure the width of the div itself is 100px */
  height: auto; /* Optional: Keep the height flexible */
}
.testimonial-content1 {
    text-align: justify;
    background-color: #0d2a60;
    color: #fff;
    max-height: 200px;
    min-height: 200px;
    overflow-y: scroll; /* Forces scrollbar to always be visible */
    scrollbar-width: thin; /* For Firefox: makes the scrollbar thin */
    scrollbar-color: #4caf50 #f1f1f1; /* For Firefox: thumb color and track color */
}

/* Scrollbar styles for WebKit browsers (Chrome, Safari, Edge) */
.testimonial-content1::-webkit-scrollbar {
    width: 10px; /* Width of the scrollbar */
}

.testimonial-content1::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background color of the scrollbar track */
}

.testimonial-content1::-webkit-scrollbar-thumb {
    background-color: #4caf50; /* Color of the scrollbar thumb */
    border-radius: 10px; /* Rounded corners for the scrollbar thumb */
}

.testimonial-content1::-webkit-scrollbar-thumb:hover {
    background-color: #45a049; /* Color of the scrollbar thumb on hover */
}

/* For Firefox */
@-moz-document url-prefix() {
    .testimonial-content1 {
        scrollbar-width: thin; /* Thin scrollbar */
        scrollbar-color: #c51c36 #f1f1f1; /* Thumb color and track color */
    }
}

.custom-contact-form-style{
	color:#fff;
}
.stars_info{
	display:none;
}

.vc_gitem-post-data {
  display: flex;
  justify-content: space-between;
  max-height: 250px;
  overflow-y: scroll; /* Always show the vertical scroll bar */
}
.vc_gitem-post-data-source-post_title h4{
	font-size:16px;
}
.vc_gitem-post-data-source-post_title{
	min-height:50px;
}
.whoweare-img{
	width:100%;
	height:300px;
}
.request-appointment-image{
	text-align:right;
}
@media (max-width: 768px) {     .speciality-icons-box {
        width: 50%;
    }
	h3{
		font-size:1.2rem;
	}
	.speciality-icons-box {
    width: 50%;
    float: left;
    box-sizing: border-box; 	}
}

.testimonial-div-right{
 background-color: #e53032 !important;
}
.sp-testimonial-free-section .sp-testimonial-client-testimonial p{
	text-align:justify !important;
}
#sp-testimonial-free-wrapper-7147 .sp-testimonial-free-section .sp-testimonial-client-image{
	text-align:left !important;
}
.sp-testimonial-free-section .sp-testimonial-client-testimonial .sp-testimonial-content{
	padding:2% !important;
}
.testimonial-image-left-div{
	float:left;
}
.testimonial-image-right-div{
	float:left;
	padding:5%;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li{
	margin-bottom:0px !important;
}
.sp-testimonial-free-section .testimonial-pagination{display:none;}
.request-appointment-form .vc_column-inner,.testimonial-div-left-column .vc_column-inner, .feedback-form-left-column .vc_column-inner{padding:0px !important;padding-right:0px !important;}
feedback-form-left-column
.custom-contact-form-style .form-group{
	margin-bottom:15px !important;
}
.custom-contact-form-style .form-group input[type="text"]{
	padding:5px 5px !important;
	height:40px !important;
}
.wpcf7-form{padding:2%;}