.headding11-left-side {
	display: inline-block;
}
/*doctor detail start*/
.doctor-details {
	display: flex;
	gap: 25px;
}
.doctor-detail-page .headding11 {
	width: 247px;
}
.doctor-profile-pic img {
	border-radius: 8px;
	border: solid 2px #031b4d;
}
.doctor-profile-data p {
	text-align: left;
}
.doctor-profile-data h2 {
	font-size: 23px;
}
.doctor-details p {
	margin-bottom: 7px;
}
.appointment-btn .btn-default {
	padding: 12px 25px;
	margin-top: 15px;
	font-size: 15px;
}
/*doctor detail end*/
.doctor-details-right-side .company-timing {
	position: relative;
	animation: none;
	bottom: 0;
	width: 100%;
	max-width: 100%;
}
.doctor-overview {
	margin: 25px 0 0;
}
.border-radius15 {
	border-radius: 15px;
}
.bg-white {
	background: #fff;
	padding: 15px;
	box-shadow: 0 4px 15px rgba(0, 13, 68, 0.1)
}
.border-radius15 {
	border-radius: 15px;
}
.vnk-hospital img {
	border-radius: 15px 15px 0 0;
}
.bg-blue {
	padding: 15px;
	border-radius: 0 0 15px 15px;
	text-align: center;
	background: #eeeeee;
}
.bg-blue h5 {
	text-align: center;
	color: #4753bf;
	font-size: 21px;
	margin-bottom: 15px;
}
.bg-blue p {
	text-align: center;
}
.bg-blue p a {
	color: #333
}
/*mission*/
.headding11-after-none:after {
	display: none
}
.font-18 {
	font-size: 18px;
}
.font-20 {
	font-size: 20px;
}
.figures-side h3 {
	color: #4753bf;
	font-size: 25px;
	border-bottom: solid 3px #4753bf;
	display: inline-block;
	padding-bottom: 15px;
	margin: 0 auto;
	margin-bottom: 15px;
}
.figures-side .position-relative span {
	position: absolute;
	top: 0px;
	right: 0;
	font-weight: 500;
	font-size: 20px;
}
.figures-side .about-info-item {
	border-bottom: solid 1px #efefef;
	padding-bottom: 15px;
}
.figures-side .about-info-item .icon-box i {
	font-size: 20px;
}
.figures-side .about-info-item .icon-box {
	width: 40px;
	height: 40px;
}
 
.still_img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 180px;
}
.top50 {
	top: 5px;
}
.circle {
	animation: rotateImg 45s linear infinite;
}
@keyframes rotateImg {
 from {
 transform: rotate(0)
}
 to {
 transform: rotate(360deg)
}
}
.contact-col {
	background: #4753bf;
	padding: 20px;
	color: #fff;
	border-radius: 10px;
	margin-top: 20px;
}
.contact-col .icon-circle {
	background: #122b6b;
	padding: 10px;
	width: 80px;
	height: 80px;
	line-height: 65px;
	border-radius: 50%;
	margin: 0 auto 20px;
	color: #ffff;
	font-size: 45px;
}
.contact-col ul li a {
	border: solid 1px #fff
}
.contact-page form {
	padding: 20px 25px;
	background-color: #efefef;
	border-radius: 10px;
	margin-top: 20px;
}
.contact-page form h4 {
	font-size: 25px;
	margin-bottom: 11px;
	color: #122b6b;
}
.contact-page .form-group .form-control {
	margin-bottom: 12px;     appearance: auto;
	min-height: 42px;
}
.contact-page .your-message .form-control {
	min-height: 109px
}
.contact-page .form-group .submit-btn {
	min-height: auto
}
/*mission*/

.inner-banner-img-sm {
	display: none;
}
.iti {
	width: 100%;
	margin-bottom: 15px;
}
.iti__country-list {
	width: 370px;
}
.specialties-menu {
	padding: 20px;
	background: #4753bf;
}
.specialties-menu ul li {
	margin-bottom: 7px;
	list-style: none;
}
.specialties-menu ul li a {
	padding: 8px 12px;
	background: #4753bf;
	display: block;
	border-radius: 8px;
	color: #fff;
	position: relative;
}
.specialties-menu ul li a:hover {
	background: #122b6b;
}
.specialties-menu ul li a:before {
	color: #efefef;
	position: absolute;
	right: 20px;
	content: "\f061";
	font-family: FontAwesome;
}
.specilites-page p {
	text-align: justify
}
.about-page .company-timing {
	max-width: 455px;
	bottom: -45px
}
/*sughand css*/
.gallery-container {
	column-count: 4;
	column-gap: 10px;
	padding: 10px;
}
.gallery-item {
	display: inline-block; /* 💡 This is the key for column layouts */
	width: 100%;
	margin-bottom: 6px;
	padding: 5px;
	border: 2px solid #444547;
	break-inside: avoid; /* Prevent awkward splits */
}
.gallery-item img {
	width: 100%;
	display: block;
}
.history-wapper {
	padding: 20px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	background-color: #fff;
	border-radius: 20px;
}
.history-wapper img {
	border-radius: 20px;
	margin-bottom: 20px;
}
.institutes-item a {
	color: #000;
}
.empanelled-box {
	position: relative;
	background: #efefef;
	border-radius: 15px;
	padding: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.empanelled-box img {
	border-radius: 10px;
}
.empanelled-box h4 {
	text-align: center;
	padding-top: 14px;
	font-size: 16px;
	margin: 12px 0 10px;
	text-transform: capitalize;
	padding: 0;
}
.facilities-inner li {
	height: auto;
	border-radius: 5px;
	margin: 5px;
	width: 47%;
	margin: 0 10px 10px 0;
	background: #d3d6f0;
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	text-align: center;
	cursor: pointer;
	transition: all 0.4s ease;
	/* animation: floatPulse 3s ease-in-out infinite; */
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 15px;
	font-size: 15px;
}
.facilities-inner {
	text-align: center;
	display: flex;
	flex-shrink: 0 0 1;
	flex: auto;
	flex-wrap: wrap;
	text-align: center;
	align-items: center;
	padding-left: 0px; justify-content:center;
}
.consultant-table {
	width: 100%;
	border-collapse: collapse;
	font-family: 'Segoe UI', sans-serif;
	margin-top: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	overflow: hidden;
	border-radius: 8px;
}
.consultant-table thead {
	background-color: #4753bf;
	color: #fff;
}
.consultant-table th, .consultant-table td {
	padding: 14px 18px;
	text-align: left;
	border-bottom: 1px solid #d6d9ff;
	font-size: 15px;
}
.consultant-table tbody tr:nth-child(even) {
	background-color: #f0f2ff; /* light shade of #4753bf */
}
.consultant-table tbody tr:nth-child(odd) {
	background-color: #ffffff;
}
.consultant-table td[rowspan] {
	background-color: #e3e6ff; /* lighter blue for department column */
	font-weight: 600;
	color: #2a348d; /* darker shade of #4753bf */
	vertical-align: middle;
}
.accordion-button {
	background-color: #efefef !important;
	color: #000000;
}
.accordion-body {
	background-color: #fafafa;
}
.accordion-item {
	margin-bottom: 15px;
}
.list {
	padding-left: 0px;
}
.list2 li {
	position: relative;
	list-style: none;
	font-size: 16px;
	padding: 8px;
	background-color: #fff;
	margin-bottom: 10px;
	padding-left: 25px;
	width: 100%;
}
.checkup-list {
	width: 50%;
}
.list2 li::before {
	color: #000;
	position: absolute;
	content: "\f105";
	font-family: "Font Awesome 6 Pro";
	top: 50%;
	transform: translateY(-50%);
	font-size: 15px;
}
.checkup-list li::before {
	left: 10px !important;
}
.checkup-list-wrapper {
	display: flex;
	column-gap: 10px;
}
.ui.input{ width: 100%}
.ui.icon.input>i.icon{ height: 40px !important;}
::placeholder{
	color: #333  !important;
}
.thanks{ min-height: 250px; justify-content: center; display: flex; align-items: center}
.plr-15{ padding-left:15px; padding-right:15px;}

@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
#no-more-tables table,  #no-more-tables thead,  #no-more-tables tbody,  #no-more-tables th,  #no-more-tables td,  #no-more-tables tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#no-more-tables tr {
	border: 1px solid #ccc;
}
#no-more-tables td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	white-space: normal;
	text-align: left;
}
#no-more-tables td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align: left;
	font-weight: bold;
}
#no-more-tables td:before {
	content: attr(data-title);
}
}
/*sughand css*/

/*media css start*/

@media (max-width : 1200px) {
.bg-blue p {
	text-align: center;
	font-size: 15px;
}
.company-timing figure i {
	width: 60px;
	height: 60px;
	font-size: 30px;
}
.doctor-overview p {
	font-size: 16px;
	text-align: justify;
}
    .doctor-details-right-side .font-18{ font-size: 14px;}
    .figures-side .position-relative span{ font-size: 14px;}
    .figures-side .about-info-item-content{ width: 100%;}
    .figures-side h3{ font-size: 20px;}
    .contact-page form h4{ font-size: 20px;}
    
}

@media (max-width : 991px) {
.doctor-profile-data h2 {
	font-size: 17px;
}
.company-timing {
	margin: 0px;
}
.company-timing ul li {
	font-size: 11px;
}
.company-timing h3 {
	font-size: 17px;
}
.bg-blue {
	padding: 10px;
}
.bg-blue h5 {
	font-size: 16px;
}
.bg-blue p {
	text-align: center;
	font-size: 13px;
}
.btn-default {
	font-size: 14px;
	padding: 10px 15px;
}
.doctor-details p {
	font-size: 14px;
}
.doctor-overview p {
	font-size: 15px;
}
.appointment-btn .btn-default {
	padding: 10px 10px;
	margin-top: 15px;
	font-size: 14px;
}
    .headding22{ font-size: 20px;} 
        .doctor-details-right-side .company-timing ul li span{ width: 60%}
    .doctor-details-right-side{ display: none}
    .doctor-details-right-main{ display: block !important}
    .about-info-item-content{ flex: 1;}
    .about-info-item-content h6{ font-weight: normal;}
    
}

@media (max-width : 767px) {
.doctor-details-right-side .company-timing {
	width: 50%;
	height: fit-content;
}
.vnk-hospital {
	width: 50%;
	margin-top: 0px !important;
}
 
.company-timing ul li {
	font-size: 14px;
}
.inner-banner-img-bg {
	display: none;
}
.inner-banner-img-sm {
	display: block;
}
    .about-page .company-timing{ bottom: 0}
    .circle {
    animation: rotateImg 45s linear infinite;
    display: flex;
    width: 334px !important;
    margin: 0 auto;
}
    .font-18{ font-size: 15px;}
}
 @media (max-width : 576px) {
 
.vnk-hospital {
	width: 100%;
	margin-top: 20px !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.vnk-hospital img {
	width: fit-content;
}
 
.doctor-profile-pic img {
	width: 100%;
}
.doctor-profile-pic {
	width: 35%;
}
.doctor-details {
	gap: 15px;
}
.doctor-profile-data h2 {
	font-size: 16px;
}
.doctor-detail-page .headding11 {
	width: 100%;
}
.headding11 {
	font-size: 25px;
}
.doctor-overview p {
	font-size: 14px;
}
.doctor-details p {
	margin-bottom: 5px;
}
.bg-blue {
	padding: 10px;
	width: 100%;
}
.appointment-btn .btn-default {
	margin-top: 5px;
	font-size: 13px;
}
     .circle{ width: 235px !important; animation:none;}
     .still_img{ width: 150px !important;}
     footer h5{ margin: 15px 0; font-size: 18px;}
}
 @media (max-width : 445px) {
     
     .company-timing ul li {
        font-size: 14px;
        display: flex;
        flex-direction: column;
}
     
}