@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Malayalam:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
/*font-family: 'Mulish', sans-serif;
font-family: "Noto Sans Malayalam", sans-serif;
*/


/*************** DEFAULT CSS ***************/
:root {
	--body-font: "Teachers", sans-serif;
	--body-color: #343434;
	--primary-color: #06335C;
	--secondary-color: #4AABB9;
	--tertiary-color: #06335C;
	--quaternary-color: #D0EFFF;
	--black: #000;
	--white: #fff;
	--grey: #E3E3E3;
	--light-grey: #F6F6F7;
	--heading-font: "Teachers", sans-serif;
	--font-weight-light: 300;
	--font-weight-normal: 400;
	--font-weight-semibold: 600;
	--font-weight-bold: 600;

}

body {

	font-family: var(--body-font);
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	font-weight: 400;
	color: var(--body-color);
	text-decoration: none;
	margin: 0px;
	-webkit-font-smoothing: antialiased;
	padding: 0;
	background: var(--white);
	overflow: hidden;

}

html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}

* {
	-webkit-box-sizing: border-box;
	-mox-box-sizing: border-box;
	box-sizing: border-box;
}

::selection {
	background: var(--primary-color);
	/* Safari */
	color: var(--white);
}

::-moz-selection {
	background: var(--primary-color);
	/* Firefox */
	color: var(--white);
}

a {
	color: var(--body-color);
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

a:hover {
	color: var(--secondary-color);
}

p {
	margin: 0px 0 30px 0;
	clear: left;
	padding: 0;
	font-weight: normal;

}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 25px 0;
	padding: 0;
	font-weight: normal;
}

.hr {
	margin: 30px 0;
	height: 1px;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	display: block;
	width: 100%;
	height: 1px;
	position: relative;
}

.hr:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100px;
	height: 1px;
	z-index: 2;
	background-color: var(--secondary-color)
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

a img {
	border: 0;
}

/*-----------text styles------------*/
strong,
.bold {
	font-weight: 600;
}

.text-white {
	color: var(--white) !important;
}

.text-black {
	color: var(--black) !important;
}

.text-purple {
	color: var(--primary-color) !important;
}

.text-red {
	color: var(--secondary-color) !important;
}

.text-green {
	color: var(--tertiary-color) !important;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify;
}

.uppercase {
	text-transform: uppercase;
}

/*-----------background styles------------*/

.bg-primary {
	background: var(--primary-color);
	color: #fff !important;
}

.bg-primary .heading,
.bg-primary .list li {
	color: #fff !important;
}

.bg-primary ul.list li:before {
	color: var(--secondary-color);

}

.bg-secondary {
	background: var(--secondary-color);
	color: #fff;
}

.bg-tertiary {
	background: var(--tertiary-color);
	color: #fff;
}

.bg-quaternary {
	background: var(--quaternary-color);

}

.bg-grey {
	background: var(--grey);

}

.bg-white {
	background: var(--white)
}

.bx-bg-primary,
.bx-bg-secondary {
	background: var(--primary-color);
	color: #fff;
	border-radius: 12px;
}

.bx-bg-secondary {
	background: var(--secondary-color);

}

.min-height-250 {
	height: 250px;
	padding: 40px 20px;
}

.g-icon {
	font-size: 30px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border: 1px solid #fff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}

/*************** PRELOADER ***************/

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--white);
	z-index: 999999;
}

#status {
	width: 120px;
	height: 120px;
	position: absolute;
	/*background-color:var(--white);*/
	left: 50%;
	top: 50%;
	background-image: url(../public/images/preloader.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	margin: -60px 0 0 -60px;
 
}



/*************** BACK TO TOP ***************/

.column-reverse {
	flex-direction: none;
}

/************LOCOMOTIVE**************/



/*********************************/

.container {
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}

.fullheight {
	width: 100%;
	min-height: 100vh;
	overflow: auto;

}

.fullwidth {
	width: 100%;
	display: block;
}

.responsive-img {
	width: 75%;
	display: block;
}

.img-rounded {
	border-radius: 50%;
	overflow: hidden;
}

.corner-radius {
	border-radius: 12px;
	overflow: hidden;
}

.bordered {
	border: 1px solid var(--grey);
}

.img-style {
	width: 100%;
	padding: 0 0 0 50px;
	position: relative;
}

.img-style:before {
	width: 50%;
	height: 50%;
	position: absolute;
	left: 0;
	bottom: -50px;
	content: '';
	background: url(../images/donts.png);
	background-color: var(--primary-color);
	z-index: -1;
}

/*************HOVER EFFECT*******/

.hover-effect {
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 12px;
}

.hover-effect i {
	width: 50px;
	height: 50px;
	background-color: var(--primary-color);
	border-radius: 50%;
	color: #fff;
	position: absolute;
	left: 50%;
	top: -100px;
	z-index: 1;
	line-height: 50px;
	text-align: center;
	margin: 0 0 0 -25px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.hover-effect:hover i {
	top: 50%;
	margin: -25px 0 0 -25px;
}

.hover-effect i:hover {
	background-color: var(--secondary-color);
}



.hover-effect img {
	display: block;
	width: 100%;
	-webkit-filter: none;
	filter: none;
	transition: transform .6s ease;

}

.hover-effect::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(to bottom right, #4AABB9, #06335C);
	opacity: 0;
	transition: opacity .6s ease;
	mix-blend-mode: multiply;
}

.eye-bank-hover::after {
	background-image: linear-gradient(to bottom right, #dbaa2d, #06335C) !important;
}

.note-editor .note-toolbar .btn-group {
	margin-bottom: 5px !important;
	margin-right: 5px !important;
}

.note-editor .note-toolbar .note-btn {
	padding: 5px 10px !important;
	background-color: #f8f9fa !important;
	border: 1px solid #ddd !important;
	color: #333 !important;
}

.note-editor .note-toolbar .note-btn:hover {
	background-color: #e9ecef !important;
}

.note-dropdown-menu {
	z-index: 10001 !important;
}

.note-editor .dropdown-toggle::after {
	display: inline-block !important;
	margin-left: 5px !important;
	vertical-align: middle !important;
}

.hover-effect:hover::after {
	opacity: .90;
}

@media only screen and (max-width: 1200px) {
	.smd50 {
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

.hover-effect:hover img {
	transform: scale(1.09);
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}


/*.hover-effect:after {
  background:#FFF;
  width:0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 50%;
  content: '';
  opacity: 0.7;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.hover-effect:hover:after {
	opacity: 0.1;
	width: 100%;
  	height: 100%;
	left: 0;
    bottom: 0;

}
*/
section {
	width: 100%;
	display: blocx;
	position: relative;

}

.sticky {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 80px;
	width: 100%;

}


/*************** FIXED HEADER ***************/

.top-container {
	width: 100%;
	background-color: var(--primary-color);
	color: var(--white);
	font-weight: 600;
	padding: 10px 0;
	display: flex;
	/*justify-content: space-between;*/
	justify-content: end;
	gap: 0 20px;
	font-size: 14px;
	align-items: center;
}

.top-container a {
	color: var(--white);
}

.top-container a:hover {
	color: rgba(255, 255, 255, 0.8);
}

.inline {
	display: flex;
	align-items: center;

}

.inline .material-symbols-outlined {
	margin: 0 10px 0 0;
	font-size: 22px;
	vertical-align: middle;
	line-height: 20px;
}

.smicons {
	display: flex;
	gap: 0 10px;
	font-size: 16px;
}


header {
	width: 100%;
	z-index: 99;
	top: -10px;
	left: 0px;
	background-color: var(--white);
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

header.smaller {
	top: 0;
	left: 0px;
	position: fixed;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
	-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
	box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
	/*-moz-box-shadow: 0px 4px 20px #00000059;*/

}

.head-menu-wrap {
	border-bottom: 1px solid var(--grey);
}

.logo {
	padding: 8px 0;
}


.logo img {
	max-width: 450px;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	transition: all 0.4s ease;
}

header.smaller .logo img {}

.header {
	display: flex;
	justify-content: center;
	width: 100%;
}

.head-wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.head-right {
	display: flex;
	align-items: center;
}

.ic-group {
	margin-left: 15px;
}

@media only screen and (max-width: 1199px) {
	.logo img {
		width: 300px;
	}

	.top-container {
		justify-content: center;
		text-align: center;
		font-size: 12px;
	}
}

@media only screen and (max-width: 991px) {
	.head-wrap {
		flex-direction: column;
		text-align: center;
	}

	.head-right {
		margin-top: 15px;
		flex-wrap: wrap;
		justify-content: center;
	}

	.ic-group {
		margin: 5px 10px;
	}

	.logo img {
		width: 250px;
	}

	/*.navigation { position: static; width: 100%; }*/
}

@media only screen and (max-width: 767px) {
	.top-container {
		flex-direction: column;
	}

	.inline {
		margin-bottom: 5px;
	}
}

.appontment-button a {
	background-color: var(--secondary-color);
	display: flex;
	padding: 10px 15px;
	color: var(--white);
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.appontment-button a:hover {
	background-color: var(--primary-color);

}


.call {
	display: flex;
	flex-wrap: wrap;
	color: var(--body-color);
	line-height: normal;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
}

.call a {
	color: var(--body-color);

}

.call a:hover {
	color: var(--primary-color);

}

.appontment-button a .material-symbols-outlined,
.call .material-symbols-outlined,
.search-button a .material-symbols-outlined {
	margin-right: 15px;
	font-size: 24px;
}

.search-button a .material-symbols-outlined {
	margin-right: 0;
}

.ic-group-wrap {
	display: flex;
	align-items: center;
}

.ic-group {
	/*border-right:1px solid var(--grey);
	border-left:1px solid var(--grey);*/
	padding: 0 15px;
	display: flex;
	/*margin-left:-1px;*/
	min-height: 80px;
	justify-content: center;
	align-items: center;
}

.whatsapp-icon {
	display: flex;
}

.whatsapp-icon a {
	display: flex;
	padding: 7px 8px;
	color: var(--white);
	line-height: 25px;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #27D045;
}

.whatsapp-icon a:hover {
	background-color: var(--primary-color);
}

.search-button {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*************** search ***************/


.search-wrap {
	margin: 0;
	width: 100%;
	height: auto;
	position: relative;
	/*margin:5px 0 0 25px;*/
	padding: 0 60px 0 0;

}

.search-input {
	width: 100%;
	border: 1px solid var(--grey);
	display: block;
	/*border-radius: 50px;*/
	color: var(--black) !important;
	background-color: var(--white);
	outline: none;
	vertical-align: middle;
	line-height: 60px;
	height: 60px;
	padding: 0 25px;
	font-size: 14px;
	display: block;


}

.search-but {
	background-color: var(--primary-color);
	color: #fff;
	width: 60px;
	height: 60px;
	/*border-radius: 50px;*/
	border: 0;
	outline: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;

}

.search-but:hover {
	background-color: var(--secondary-color);
}



/**********five col grid ***********/

.five-col-grid {}

.five-col-grid ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px 2.7%;


}

.five-col-grid ul li {
	flex: 0 0 17.8%;
	text-align: center;

}

.five-col-grid ul li img {
	width: 100%;
	display: block;
	border-radius: 12px;
}

.five-col-grid ul li h3 {
	font-size: 18px;
	line-height: normal;
	margin: 0;
	padding: 15px 10px;
	text-align: center;
	font-weight: 600;
}

.tool-tip {
	display: inline-block;
	padding: 15px 25px;
	font-weight: 600;
	font-size: 16px;
	border: 1px solid var(--grey);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	border-left: 3px solid var(--secondary-color);

}

.tool-tip:after {
	position: absolute;
	bottom: -25px;
	right: 50px;
	content: '';
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 30px solid #fff;
	z-index: 2;
}

/*************** HOME PAGE CSS ***************/
.tint-txt {
	display: inline-block;
	padding: 10px 25px;
	color: var(--white);
	font-weight: 600;
	font-size: 14px;
	background-color: var(--secondary-color);
	border-radius: 12px;

}

.tint-txt a {
	color: var(--white);
}

.tint-txt a:hover {
	color: rgba(255, 255, 255, 0.9);
}

.grey-bg-style {
	background-color: var(--light-grey);
	background-image: url(../images/dots-circle.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.dashed-bottom-line {
	position: relative;
}

.dashed-bottom-line:after {
	width: 100%;
	height: 1px;
	border-top: 2px dashed var(--secondary-color);
	position: absolute;
	left: 0;
	top: 50px;
	content: '';
	z-index: -1;
}

.step-crircle {
	border-radius: 50%;
	background-color: var(--secondary-color);
	width: 100px;
	height: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color: var(--white);
	text-align: center;
	font-size: 20px;
	line-height: 18px;
	font-weight: 600;
	text-transform: uppercase;
	word-break: break-word;
	border: 10px solid var(--grey);
}

.stand-img {
	position: absolute;
	bottom: 0;
	right: 10px;
}

.stand-img img {
	display: block;
}

.tint {
	border-radius: 12px;
	padding: 40px;
	color: var(--white);
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 175px;
	position: relative;
}

.tint h2 {
	font-size: 20px;
	font-weight: 70px;
	line-height: normal;
	text-transform: uppercase;
	font-weight: 600;
}

.tint a {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: var(--white);
	background-image: url(../images/icons/next.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px;
	display: inline-block;
	padding: 0 0 0 30px;
	font-weight: 600;
}

.tint a:hover {
	padding: 0 0 0 40px;

}

.keywords,
.keywords ul {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.keywords {
	margin-bottom: 25px;
}

.keywords ul li {
	display: inline-block;
	margin: 0 10px;
	padding: 5px 0 5px 20px;
	background-image: url(../images/tick.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	font-size: 16px;
	font-weight: 600;
}

.iconic-bx-wrap {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px 1.5%;
	margin: 20px 0;
}

.iconic-bx {
	border-radius: 12px;
	color: var(--white);
	flex: 0 0 23.87%;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 25px 35px;
	align-items: center;
	background-color: var(--secondary-color);
	flex-grow: 2;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.iconic-bx:hover {
	padding: 20px 20px;
}

.iconic-bx .material-symbols-outlined {
	display: inline-block;
	margin-right: 20px;
	font-size: 40px !important;
}

.iconic-bx h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: normal;
	margin: 0;

}

.iconic-bx h2 span {
	font-size: 14px;
	font-weight: 500;
}

.iconic-bx-wrap>div:nth-child(even) {
	width: 100%;
	background-color: var(--tertiary-color);
}

.iconic-bx a {
	color: var(--white);
}

/************doctor styles***********/


.dr-style-grid-gap {
	gap: 30px 2.33%;
}

.dr-style-grid {
	flex: 0 0 23.2%;
	flex-wrap: wrap;
	border-radius: 7px !important;
	overflow: hidden;
	border: 1px solid #EDEDED;
	position: relative;
	padding: 0 0 44px 0;
	background-color: var(--white);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.dr-style-grid .hover-effect {
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 0 !important;
}

.dr-style-grid .button {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;

}

.button-full {
	width: 100% !important;
}

.dr-style-grid .button a {
	display: flex;
	width: 50%;
	margin: 0;
	background-color: #F2F5F8;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	line-height: normal;
	align-items: center;
	font-weight: 600;
	color: var(--tertiary-color);
	padding: 15px 20px 15px 30px;
	margin: 0;
	background-image: url(../images/icons/red-plus.svg);
	background-repeat: no-repeat;
	background-position: 94% center;
	background-size: 18px;
}

.dr-style-grid .button a:first-child {
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.dr-style-grid .button a:hover {

	background-color: var(--tertiary-color);
	color: var(--white);
	background-image: url(../images/icons/white-plus.svg);

}

.dr-details {
	width: 100%;
	padding: 30px;
	background-color: var(--white);
}

.dr-details h2 {
	font-size: 20px;
	line-height: normal;
	font-weight: 500;
	margin: 0 0 15px 0;
	padding: 0;
	color: var(--secondary-color);

}

.dr-details p {
	margin: 0 0 10px 0;
	line-height: 20px;
	vertical-align: middle;
	white-space: normal;
	font-size: 16px;
}

.dr-details p:last-child {
	margin: 25px 0 0 0;
}

.dr-details p:last-child .link a {
	padding: 10px 40px 10px 20px;
	line-height: 14px;
	background-position: 93% center;

}



.dr-details .material-symbols-outlined {
	vertical-align: middle;
	font-size: 20px;
	color: var(--secondary-color);
	margin: -5px 5px 0 0;
	padding: 0;
}

/********testimonials*************/

.testimonials {
	width: 100%;
	padding: 40px 40px 40px 80px;
	background-color: vr(--white);
	border-radius: 12px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
	position: relative;
	margin-bottom: 50px;

}

.testimonials:before {
	width: 50px;
	height: 50px;
	position: absolute;
	left: -15px;
	top: 40px;
	background-image: url(../images/icons/quote-icon.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	border-radius: 50%;
	background-color: var(--primary-color);
	content: '';
}

.testimonials h2 {
	font-size: 24px;
	line-height: normal;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid var(--grey);
	font-weight: 600;
	color: var(--tertiary-color);
	font-family: "Dancing Script", cursive;
}

.testimonials p:last-child {
	margin: 0;
}



/**********blog-news****************/
.mala {
	font-family: "Noto Sans Malayalam", sans-serif;
}

.article-row {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 40px 3.5%;
}

.article-style {
	flex: 0 0 31%;
	overflow: hidden;
	border-radius: 12px;
	/*border:1px solid var(--grey);*/
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}


.article-style img {
	width: 100%;
	display: block;
}

.article-des {
	width: 100%;
	padding: 10px 40px 40px 40px;
}

.article-des p:last-child {
	margin: 0;
}

.date {
	background-color: var(--primary-color);
	border-radius: 7px;
	color: var(--white);
	font-size: 12px;
	font-weight: 600;
	padding: 5px 20px;
	position: relative;
	top: -25px;
	z-index: 2;
	display: inline-block;
}

.date i {
	margin: 0 10px 0 0;
}

.article--des h2 {
	font-size: 20px;
	line-height: normal;
	margin: 0 0 20px 0;
}





/*********YOUTUBE *************/


.shadow-box,
.shadow-box-light,
.shadow-box-large {
	width: 100%;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.shadow-box-light {
	padding: 20px;
	border-radius: 12px;
}

.shadow-box-large {
	padding: 50px;
}

.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.embed-responsive::before {
	display: block;
	content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.embed-responsive-21by9::before {
	padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
	padding-top: 56.25%;
}

.embed-responsive-4by3::before {
	padding-top: 75%;
}

.embed-responsive-1by1::before {
	padding-top: 100%;
}


/***********flex-grid-fourl ***********/
.flex-grid-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 30px 3.5%;
}

.flex-grid-two {
	flex: 0 0 48%;

}

.flex-grid-three {
	flex: 0 0 31%;

}

.flex-grid-four {
	flex: 0 0 22.25%;

}

.flex-grid-five {
	flex: 0 0 17.2%;

}

/***********social ***********/


.link {}

.link a {
	color: var(--primary-color);
	font-size: 14px;
	line-height: normal;
	font-weight: 600;
	padding: 15px 50px 15px 30px;
	line-height: 14px;
	font-style: normal;
	display: inline-block;
	border-radius: 7px;
	border: 1px solid var(--grey);
	background-color: var(--white);
	position: relative;
	margin: 0;
	background-image: url(../images/icons/red-plus.svg);
	background-repeat: no-repeat;
	background-position: 85% center;
	background-size: 18px;

}



.link a:hover {
	background-position: 90% center;
	background-color: var(--primary-color);
	color: var(--white) !important;
	border: 1px solid var(--primary-color);
	background-image: url(../images/icons/white-plus.svg);
}

.link-fill {
	background-color: transparent !important;
	border: 1px solid #fff;
}

.subtitle {
	font-size: 18px;

}

.section-title {
	font-size: 14px;
	font-weight: 600;
	color: var(--body-color);
	padding: 20px 0 0 0;
	position: relative;
	text-align: center;
	margin: 0;
	line-height: normal;
	background-image: url(../images/dots.svg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 14px;
}


.caps {
	text-transform: uppercase;
}

.heading {
	/*font-size: 18px;*/
	font-size: 30px;
	line-height: 38px;
	color: var(--black);
	font-weight: 600;
}

.heading span {
	color: var(--primary-color);
	font-weight: 500;
	font-size: 16px;
}

.subheading {
	font-size: 18px;
	line-height: normal;
}



/****************************/
.level-3 {}

.pos-relative {
	position: relative;
}

.invisible {}


/*******funfacts***********/

.funfacts {
	width: 100%;
	background-color: var(--secondary-color);
	border-radius: 12px;
	margin: 10px 0;
	padding: 15px;
}

.funfacts ul {
	justify-content: center;
	display: flex;
	gap: 30px 2%;
	list-style: none;
	margin: 0;
	padding: 30px 0;
	color: var(--white);
	font-size: 18px;

}

.funfacts ul li {
	flex: 0 0 22%;
	margin: 0;
	padding: 0;
	border-right: 1px solid var(--white);
	text-align: center;
}

.funfacts ul li:last-child {
	border-right: 0;
}

.funfacts ul li h2 {
	font-size: 44px;
	line-height: normal;
	margin: 0;
	font-weight: 600;
	text-align: center;
}

.funfacts p {
	margin: 0;
}

/*******funfacts end***********/


/*************** brand-logos***************/

.brand-logos {
	width: 100%;
	display: flex;
	justify-content: center;

}

.brand-logos ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
	justify-content: center;
	gap: 0 4%;

}

.brand-logos ul li {
	flex: 0 0 16.8%;
	padding: 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	text-align: center;
	justify-content: center;
	border-bottom: 2px solid var(--black);
}

.brand-logos ul li:hover {}

.brand-logos ul li img {
	width: 100%;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.brand-logos ul li:hover img {
	filter: grayscale(100%);
}

/****************SCROLLING TEXT***************/

.scroll-head {
	background-color: var(--secondary-color);
	color: #fff;
	padding: 35px 20px;
	font-size: 24px;
	text-align: center;
}

.scrolling-text-wrap {
	width: 85%;
	overflow-x: hidden;
	background-color: var(--white);
	color: var(--body-color);
	display: flex;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	justify-content: center;
	align-items: center;
}


.scroll {
	white-space: nowrap;
	margin: 0;
	overflow: hidden;

}

.scroll div {
	display: flex;
	gap: 2em;


}

.scroll h2 {
	font-size: 18px;
	color: var(--body-color);
	font-weight: normal;
	margin: 0;
	line-height: normal;

}

.RightToLeft {
	animation: RightToLeft 30s infinite linear;


}

@keyframes RightToLeft {
	from {
		transform: translateX(0%);
	}

	to {
		transform: translateX(-50%);
	}
}


.rotating-circle {
	width: 176px;
	height: 176px;
	display: inline-block;
	position: absolute;
	left: -88px;
	top: 50%;
	margin-top: -88px;
	z-index: 2;
	border-radius: 50%;

}

.rotating-circle:after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background-image: url(../images/rotation-text.png);
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-animation: rotation 20s infinite linear;

}

.rotating-circle:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	z-index: 6;
	background-image: url(../images/dr-tony-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
	/*-webkit-animation: rotation2 20s infinite linear;*/
	background-size: 50%;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
	}
}

@-webkit-keyframes rotation2 {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(-359deg);
	}
}



/**********************news**********************/

.iconic {
	width: 100%;
	display: block;
	position: relative;
	padding: 0 0 0 110px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.iconic:last-child {
	border-bottom: 0;
}

.iconic h2 {
	font-size: 18px;
	margin: 0 0 15px 0;
	line-height: 30px;
	font-weight: 600;
	color: var(--primary-color);

}

.webicon {
	position: absolute;
	left: 0;
	top: -5px;
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	background-color: var(--primary-color);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.webicon .material-symbols-outlined {
	color: #fff !important;
	font-size: 40px !important;
	line-height: 60px !important;

}

.webicon img {
	display: block;
	width: 100%;
}

.webicon:hover {
	background-color: var(--secondary-color);
}

/**********************instraram**********************/

.insta-icon {
	width: 50px;
	height: 50px;
	background-image: linear-gradient(to right, var(--primary-color), var(--secondary-color));
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	line-height: 50px;
	margin: 0;
	color: var(--white);
	font-size: 24px;
	border-radius: 50%;
}



.insta-feeds {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(4, 1fr);
}

.insta-feeds .item {
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	background-color: #f0f0f0;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.insta-feeds .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.veiw-post {

	position: absolute;
	left: 0;
	bottom: -25%;
	text-align: center;
	width: 100%;
	opacity: 0;
	z-index: 2;
	color: #fff;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.insta-feeds .item:hover .veiw-post {
	bottom: 25%;
	opacity: 0.9;
}

.follow-bt {}

.follow-bt a {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background-image: linear-gradient(to right, var(--primary-color), var(--secondary-color));

}

.follow-bt a:hover {
	background-image: linear-gradient(to left, var(--primary-color), var(--secondary-color));
}

.follow-bt a i {
	margin-right: 10px;

}

/*************** footer CSS ***************/

.footer-address {
	width:100%;
	display:inline-block;
	border-radius: 12px;
	background-color:var(--secondary-color);
	padding: 30px 30px;
	font-size:18px;
	line-height:24px;
}

.footer-address h3 {
	margin: 0 0 15px 0 !important;
	padding: 0 !important;
}

.footer-col {}

.footer-address i {
	margin-right: 10px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	background-color: var(--white);
	border-radius: 50%;
	color: var(--primary-color);
}

.footer-col h2,
.footer-address h3 {
	font-size: 20px;
	line-height: normal;
	font-weight: 600;
	margin: 0 0 25px 0;
	padding: 0 0 20px 0;
	font-family: var(--heading-font);
	position: relative;
}

.footer-col h2:before {
	width: 30px;
	height: 3px;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background-color: var(--white);
}

.footer-col ul,
.footer-col ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-col ul li {
	padding: 4px 0;
	line-height: normal;
}


footer {
	background-color: var(--primary-color);
	color: var(--white);
	padding: 80px 0 0 0;
	font-size: 16px;
}

footer a,
.footer-bottom a,
.footer-col a {
	color: var(--white);
}

.footer a:hover,
.footer-bottom a:hover,
.footer-col a:hover {
	color: rgb(255, 255, 255, 0.7);
}




.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 30px 0;
	margin-top: 50px;

}


.copy,
.powered,
.footer-social {}

.footer-social {
	text-align: right;
}

.footer-social a {
	margin: 5px;
	font-size: 18px;
	color: var(--white);
}

.footer-info{
	position:relative;
	padding:0 0 0 30px;
	margin:0 0 10px 0;
	vertical-align:top;
	font-size:16px;
}
.footer-info span{
	font-size:18px;
}

.footer-info span a{
	 
	color:var(--secondary-color)!important;
	}
.footer-info i{
	margin-right:10px;
	color:var(--secondary-color);
	position:absolute;
	left:0;
	top:5px;
}
.add {
	width: 100%;
	position: relative;
	padding: 0 0 20px 60px;
	min-height: 40px;
}

.add i {
	width: 37px;
	height: 37px;
	line-height: 37px;
	background-color: var(--white);
	color: var(--primary-color);
	font-size: 16px;
	margin: 0;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 4px;
	text-align: center;

}

.add a {
	color: var(--white);
}

/******************************/



ol {
	list-style: none;
	counter-reset: item;
	margin-bottom: 30px;
	padding: 0 0 0 15px;
	width: 100%;
}

ol li {
	counter-increment: item;
	margin: 0 0 20px 0;
	position: relative;
	padding: 20px 20px 20px 40px;
	width: 100%;
	list-style-position: outside;
	border: 1px solid var(--grey);
	border-radius: 12px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

ol li:before {
	content: counter(item);
	background: var(--tertiary-color);
	border-radius: 100%;
	color: white;
	width: 35px;
	line-height: 35px;
	font-size: 20px;
	height: 35px;
	text-align: center;
	display: inline-block;
	position: absolute;
	left: -17px;
	top: 20px;
}

/******************************/

ul.list {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

ul.list li {
	list-style: none;
	padding: 2px 7px 10px 30px;
	line-height: normal;
	position: relative;
	color: var(--body-color);
	font-weight: 600;


}

ul.list li:before {
	/*content: "\f111";*/
	content: "\f111";
	position: absolute;
	top: 8px;
	left: 0;
	font-family: "FontAwesome";
	color: var(--tertiary-color);
	font-size: 8px;
}

ul.list ul {
	margin: 0;
	padding: 0;
	margin: 20px 0;
}

/********************/


.gallery {}

.gallery .hover-effect img {
	display: block;
	-moz-transition: all 7s ease;
	-o-transition: all 7s ease;
	-webkit-transition: all 7s ease;
	transition: all 7s ease;
	width: 100%;
	height: 250px;
	object-fit: cover;
}


.google-map {
	width: 100%;
	height: 450px;
	border: 0;
	overflow-x: hidden;
	display: block;
}


.faculty-style {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
}

.faculty-style ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.faculty-style ul li {
	line-height: normal;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid var(--grey);
	font-size: 20px;
	font-weight: 600;
	color: var(--primary-color);
}

.faculty-style ul li span {
	color: var(--secondary-color);
	font-weight: 400;
}

/*****************************/



.table-div {
	overflow-x: auto;
	margin-bottom: 50px;
}

.table-div td {
	text-transform: uppercase;
}

.table-div h4 {
	font-size: 20px;
	color: var(--secondary-color);
	font-family: var(--heading-font);
	text-transform: uppercase;
}

table {
	min-width: 100%;
	width: 900px;
	border-collapse: collapse;

}

/* Zebra striping */
tr:nth-of-type(odd) {
	background: #eee;
}

th {
	background: var(--secondary-color);
	color: var(--white);

}

td,
th {
	padding: 8px 15px !important;
	border: 1px solid #ccc;
	text-align: left;
	font-size: 14px;
}

/************************/
.table-wrap {
	width: 100%;
	position: relative;
	display: flex;
	 
}

/******************************team-style*****************/

.radius-circle {
	border-radius: 50%;
	overflow: hidden;
}



/*************** INNER BANNER ***************/
.banner {
	width: 100%;
	height: 200px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	position: relative;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../images/banners/banner.jpg);
}

.banner h2 {
	color: var(--white);
	font-weight: normal;
	line-height: normal;
	margin: 0;
	padding: 0;
	font-size: 34px;
	line-height: 34px;
	font-weight: 600;
	position: relative;
	z-index: 4;
	padding: 20px 0 0 0;

}

/************/
.breadcrumb {
	width: 100%;
	display: flex;
	/*color:var(--white);	*/
	margin: 0 0 50px 0;
	font-size: 16px;
	font-weight: 400;
	position: relative;
}

.breadcrumb:after {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	background-color: var(--grey);
	z-index: -1;
}

.breadcrumb ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 10px 25px;
	background-color: var(--white);
	border-left: 4px solid var(--secondary-color);


}

.breadcrumb li:not(:last-child)::after {
	display: inline-block;
	margin: 0 15px;
	content: " → ";
	font-size: 18px;
	color: var(--secondary-color) !important;

}

.breadcrumb a {
	color: var(--body-color);
}

.breadcrumb a:hover {
	color: var(--secondary-color);

}

.breadcrumb span {
	color: var(--body-color);
}


/*.banner:after{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; background-color:#000; opacity: .5; }*/


/*************** JARALLAX ***************/
.jarallax,
.cover {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.bg1 {
	background: url(../images/parallax/bg1.jpg);
}

.bg2 {
	background: url(../images/bg2.jpg) no-repeat top center;
}

.bg3 {
	background: url(../images/bg3.jpg) no-repeat top center;
}


/*********file chosen style**************/

input.file {
	display: none;
}


.fa-upload {
	margin: 0 15px 0 0;
}

.custom-file-upload {
	border: 0;
	display: inline-block;
	padding: 14px 20px;
	color: #fff;
	cursor: pointer;
	background-color: var(--primary-color);
	border-radius: 7px;
	border: 1px solid var(--primary-color);

}

.select-box {
	appearance: none;
	-webkit-appearance: none;
	background-image: url(../images/icons/icon5.svg);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 14px;
	height: 48px;
}

.side-form {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 80px;
	width: 100%;
	padding: 40px;
	background-color: var(--light-grey);
	border-radius: 12px;

}

.side-form form {
	gap: 10px 0;
}

/**********forms**************/


label {
	font-size: 18px;
	margin: 0;
	padding: 10px 0 10px 60px;
	color: var(--tertiary-color);
	font-size: 14px;
	display: block;
	position: relative;

}

label:before {
	width: 40px;
	height: 1px;
	background-color: var(--secondary-color);
	position: absolute;
	left: 0;
	top: 22px;
	content: '';
}

.application-form label:before {
	display: none;
}

.application-form {
	width: 80%;
	margin: 0 auto;
	background-color: var(--light-grey);
	padding: 50px;
	border-radius: 12px;

}

.application-form .fieldset {
	background-color: var(--white) !important;
	padding: 14px 20px;
}

.application-form p {
	margin: 10px 0;
	line-height: normal;
	font-size: 16px;
}


form {
	margin: 0;
	padding: 0;
}

*:focus {
	outline: none;
}

.fieldset {
	width: 100%;
	padding: 17px 20px;
	background-color: none;
	background-color: transparent;
	display: block;
	border: 1px solid var(--grey);
	margin: 0;
	color: var(--body-color);
	font-size: 16px;
	border-radius: 5px;

}

.sendbutton {
	width: auto;
	height: auto;
	border: 0;
	outline: 0;
	margin: 5px;
	display: inline-block;
	color: var(--white);
	font-size: 20px;
	cursor: pointer;
	vertical-align: top;
	padding: 15px 30px;
	border-radius: 12px;
	text-align: center;
	background-color: var(--primary-color);
	text-transform: uppercase;
	font-weight: normal;
	font-family: var(--heading-font);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
}

.sendbutton:hover {
	background-color: var(--secondary-color);
	color: var(--white) !important;
}

.select-box {
	appearance: none;
	-webkit-appearance: none;
	background-image: url(../images/icons/icon5.svg);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 14px;
}


::-webkit-input-placeholder {
	color: var(--body-color);
}

:-moz-placeholder {
	/* Firefox 18- */
	color: var(--body-color);
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: var(--body-color);
}

:-ms-input-placeholder {
	color: var(--body-color);
}

 

/*********************************Faculty cSS - 30 march 2026*********************/
.faculties{
 	display: grid;
	grid-gap:20px;
	grid-template-columns: repeat(2, 1fr);
 }

.faculty-des {
	width: 100%;
	min-height:100px;
	position: relative;
	padding: 40px 40px 50px 180px;
	margin-bottom: 20px;
	border-radius: 12px;
	overflow: hidden;
	background-color: var(--white);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	border: 2px dashed #fff;
}
.faculty-des p:last-child{
	margin:0;
}
.faculty-des img {
	width: 100px;
	height:100px;
	display: block;
	border-radius: 50%;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
	border: 4px solid #fff;
	position: absolute;
	left: 40px;
	top: 30px;
	object-fit: cover;
    object-position: top center;
 
}

.faculty-des:hover {
	border: 2px dashed #ccc;

}

.faculty-des h2 {
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 10px 0;
	color: var(--secondary-color);
	font-weight: var(--font-weight-bold);
}

.faculty-des h3 {
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 10px 0;
	color: var(--primary-color);
	font-weight: var(--font-weight-bold);
}

.faculty-des p:last-child {
	margin: 0;
}

/************************************* 1366px *************************************/

/************************************* 1180px *************************************/
@media only screen and (max-width: 1320px) {

	.container {
		width: 100%;
		padding: 0 20px;
	}


	.head-menu-wrap {
		flex-direction: column-reverse;

	}

 
	header,
	header.smaller {
		/*position: relative !important;
		left: auto !important;
		top: auto !important;*/
		border-top: 0;
		padding: 0;
	}

	.head-wrap {
		width: 100%;
		padding-right: 40px;

	}

	.head-right {
		gap: 0 20px;

	}

	.ic-group {
		padding: 0 10px;
		border-right: 0;
		margin: 0;
	}

	.appontment-button a .material-symbols-outlined,
	.call .material-symbols-outlined {
		margin-right: 10px;
		font-size: 20px;
	}

	.call {
		font-size: 12px;
	}

	.whatsapp-icon a {
		padding: 5px 6px;
		line-height: 20px;
		font-size: 18px;
	}

	.search-button a .material-symbols-outlined {
		line-height: 30px;
		font-size: 24px;
	}

	.ic-group-wrap {
		display: flex;
		padding: 0 20px;
		justify-content: start;
		gap: 0 20px;
		border: 0;


	}

	.ic-group {
		border: 0;
		padding: 8px 0;
		display: flex;
		margin: 0;
		min-height: auto;

	}


	/**************************/
	.funfacts {}

	.funfacts ul {
		gap: 0;
		padding: 20px 0;
		font-size: 12px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.funfacts ul li {
		flex: 0 0 50%;
		padding: 20px;
		margin: -1px 0 0 -1px;
		border: 1px solid #fff !important;

	}

	.funfacts ul li h2 {
		font-size: 24px;

	}

	.brown-layer {

		height: 80%;
	}

	.brand-logos ul li {
		flex: 0 0 31%;

	}

	.tint {
		padding: 20px;
		height: 175px;

	}

	.tint h2 {
		font-size: 16px;
	}


	.stand-img img {
		width: auto;
		height: 150px;
	}


	.application-form {
		width: 100%;
		background-color: var(--white);
		padding: 0;
		border-radius: 0;
	}

	.application-form .fieldset {
		padding: 5px !important;
	}


	.fieldset {
		width: 100%;
		padding: 10px 15px;
		border-radius: 7px;
	}

	.application-form .table td {
		font-size: 12px;
	}

	.sendbutton {
		border-radius: 7px;
		font-size: 16px;

		padding: 10px 20px;
	}

	.form-table {
		border: 0 !important;
	}

	.form-table .table td {
		padding: 2px !important;
		border: 0 !important;
	}

	.form-table td {
		padding: 5px !important;
		font-size: 10px !important;
		line-height: 10px !important;

	}


}




@media only screen and (max-width: 1024px) {
	.dr-style-grid-gap {
		gap: 30px 3%;
	}

	.dr-style-grid {
		flex: 0 0 31%;
		/*box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);*/
	}

	.logo img {
		width: 200px;

	}
}

/************************************* 767px *************************************/
@media only screen and (max-width: 768px) {

	body {
		font-size: 14px;
	}

	.mob-container {
		padding: 0;
	}

	.shadow-box-large {
		padding: 30px;
	}

	/***********heder mobile settings start **************/
	.appontment-button {
		position: fixed;
		left: 0;
		top: 0;
		/*right:-110px;
	top:340px;*/
		z-index: 9999;
		display: flex;
		justify-content: center;
		background-color: var(--secondary-color);
		width: 100%;
		height: 35px;
		align-items: center;
		-webkit-transition: all 400ms ease-in-out;
		-moz-transition: all 400ms ease-in-out;
		transition: all 400ms ease-in-out;

	}

	.appontment-button a {
		padding: 0 20px;
		line-height: 12px;
		/*border-radius:15px  15px 0 0;*/
		/*transform: rotate(-90deg);*/
		white-space: nowrap;
	}

	header.smaller .appontment-button {
		display: none;
		top: -50px;
		visibility: hidden;
	}

	.appontment-button a .material-symbols-outlined,
	.call .material-symbols-outlined {
		margin-right: 10px;
		font-size: 20px;
	}

	.top-container {
		padding: 10px 0;
		display: flex;
		flex-direction: column;
		gap: 5px 0;
		font-size: 11px;
		line-height: 14px;
		margin-top: 30px;
	}

	.inline {
		text-align: left;
		width: 100%;
	}

	.inline .material-symbols-outlined {
		margin: 0 5px 0 0;
		font-size: 20px;

	}

	.logo {
		width: 100%;
		display: flex;
		justify-content: start;
		padding: 10px 20px;
		border-bottom: 1px solid var(--grey);
	}

	.logo img {
		width: 250px;
		margin-right: 10px;
	}

	.head-wrap {
		flex-direction: column;
		justify-content: space-between;
		padding: 0;
	}

	.head-right {
		width: 100%;
		display: flex;
		align-items: center;
	}

	.smicons {
		font-size: 14px;
		gap: 0 10px;
	}

	/***********header mobile settings start **************/






	.column-reverse {
		flex-direction: column-reverse;
	}

	hr {
		margin: 20px 0;

	}


	.banner {
		height: 150px;
	}

	.link a {
		padding: 10px 40px 10px 15px;
		line-height: 12px;
		font-size: 12px;
		background-repeat: no-repeat;
		background-position: 90% center;

	}

	footer {
		padding: 50px 0 0 0;
		font-size: 12px;

	}

	.footer-bottom {
		padding: 20px 0;
		margin-top: 20px;

	}

	.footer-col {
		padding: 10px;
		width: 50%;

	}

	.footer-address {
		padding: 20px !important;
		width: 100% !important;
		margin-top: 15px;
	}

	.five-col-grid ul {
		gap: 10px 2.7%;

	}

	.five-col-grid ul li {
		flex: 0 0 48%;
		font-size: 14px;
		line-height: 14px;


	}

	.copy,
	.footer-social,
	.powered {
		flex: 0 0 100%;
		text-align: center;
		padding: 0 0 15px 0;
	}

	.footer-logo img {
		width: 100px;
		margin: 25px 0 20px 0;
	}

	.scroll-head {
		padding: 10px 20px;
		font-size: 18px;


	}

	.scrolling-text-wrap {
		width: 100%;
		position: relative;
		left: auto;
		bottom: auto;
		display: block;
	}

	.scroll h2 {
		font-size: 14px;
		padding: 15px 20px;
		background: url(../images/donts/png);
		background-color: var(--primary-color);
		color: var(--white);
	}

	.RightToLeft {
		animation: RightToLeft 8s infinite linear;
	}

	.breadcrumb {
		margin: 0 0 20px 0;
		font-size: 14px;
	}


	.breadcrumb ul {
		padding: 8px 15px;
	}


	.head-style {
		padding: 15px 20px;
		font-size: 14px;
	}

	.heading-big {
		font-size: 30px;
	}

	.flex-grid-wrap {
		gap: 10px 3.5%;
	}

	.flex-grid-two,
	.flex-grid-three,
	.flex-grid-four,
	.flex-grid-five {
		flex: 0 0 48%;

	}

	.shadow-box {
		padding: 20px;

	}

	.article-row {
		gap: 40px 0;
	}

	.article-style {
		flex: 0 0 100%;
	}


	footer {
		margin-bottom: 40px;
	}
}

/************************************* 640px *************************************/
@media only screen and (max-width: 640px) {

	.iconic {
		padding: 0 0 20px 90px;

	}

	.head-right {
		gap: 0 10px;
		padding: 0 5px;
		justify-content: space-around;

	}

	.webicon {
		width: 60px;
		height: 60px;
		padding: 10px;
		top: 0;

	}


	.banner h2 {
		font-size: 24px;
		line-height: 24px;
	}

	.heading {
		font-size: 24px;
		line-height: 24px;

	}

	.testimonials {
		width: 100%;
		padding: 30px;
		background-color: vr(--white);
		margin-bottom: 30px;

	}

	.testimonials:before {
		width: 30px;
		height: 30px;
		left: -15px;
		top: 40px;
		background-size: 15px;
	}

	.testimonials h2 {
		font-size: 20px;

	}

	.dr-style-grid-gap {
		gap: 30px 0;
	}

	.dr-style-grid {
		flex: 0 0 100%;
		/*box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);*/
	}


	.side-form {
		padding: 20px;

	}

	.insta-feeds {
		grid-gap: 10px;
		grid-template-columns: repeat(2, 1fr);
	}

	.responsive-img {
		width: 105%;

	}
	
	.table-wrap {	 
	overflow-x: scroll;
}

.footer-col{
	width:100%;
}
}

/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {

	.gallery .hover-effect img {
		height: 100px;

	}

	.rotating-circle {
		width: 100px;
		height: 100px;
		left: 50%;
		top: 20px;
		margin: -50px 0 0 -50px;
		visibility: hidden;
	}



}

/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {}

/************************************* 320px *************************************/
@media only screen and (max-width: 320px) {}




@media only screen and (max-width: 640px) {
	#status {
		width: 150px;
		height: 150px;
		background-size: 90%;
		margin: -75px 0 0 -75px;
	}


.faculties{
 	 
	grid-gap:10px 0;
	grid-template-columns: repeat(1, 1fr);
 }



	.faculty-des {
		padding: 20px 20px 40px 120px;
		width:100% !important;
 

	}

	.faculty-des img {
		width: 80px;
		height:80px;
		left: 20px;
		top: 18px;

	}

	.faculty-des h2 {
		font-size: 18px;
		line-height: 18px;

	}

	.faculty-des h3 {
		font-size: 16px;
		line-height: 16px;

	}

	.faculty-style ul li {

		padding: 5px 0;
		font-size: 16px;

	}

}

/****************google lanugange**********************************************************/

.translate-widget {
	display: inline-block;
	background-color: var(--white) !important;

}

#google_translate_element {
	display: inline-block;
}

/* Style the Google Translate dropdown */
.goog-te-gadget {
	font-family: inherit !important;
	font-size: 0 !important;
}

.goog-te-gadget-simple {
	background-color: transparent !important;
	border: 1px solid #ccc !important;
	padding: 5px 8px !important;
	border-radius: 0 !important;
	font-size: 10px !important;
	cursor: pointer !important;
}

.goog-te-gadget-simple:hover {
	background-color: #fff !important;
	color: #000 !important;
}

.goog-te-gadget-icon {
	display: none !important;
}

.goog-te-menu-value span {
	color: #333 !important;
}

.goog-te-gadget-simple:hover .goog-te-menu-value span {
	color: white !important;
}

/* Hide Google Translate banner */
.goog-te-banner-frame.skiptranslate {
	display: none !important;
}



/* Responsive adjustments */
@media (max-width: 1320px) {

	.translate-widget {}

	.goog-te-gadget-simple {
		padding: 3px 5px !important;
		font-size: 10px !important;
	}
}

/* Responsive Grid Fix for Services and general layout */
@media only screen and (max-width: 991px) {

	.smd50,
	.smd40,
	.smd60,
	.three-flex-col,
	.two-flex-col {
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		flex: 0 0 100% !important;
	}

	.row-flex {
		flex-direction: column !important;
	}


	.sticky {
		position: static !important;
		margin-top: 30px;
	}

	.pt-100 {
		padding-top: 50px !important;
	}

	.pb-100 {
		padding-bottom: 50px !important;
	}

	.pd-100 {
		padding: 30px !important;
	}

	.pd-80 {
		padding: 20px !important;
	}
}

@media only screen and (max-width: 767px) {
	.banner h2 {
		font-size: 28px !important;
	}

	.heading {
		font-size: 24px !important;
	}
}